Trans Rights Are Human Rights Layout

Tags: trans rights, lgbtq+, katie

Description:

As the title says

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Katie (https://layouts.spacehey.com/layout?id=19) -->

<style>

Nav:before {
 width: 100%;
 height: 400px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/18/a1/fe/18a1fe4820666452bb85b9fca86c4555.gif');
 background-position: center center;
 background-size: 10%;
}
@media only screen and (max-width: 600px) {
 main:before{
  height: 200px;
 }
}

</style>

<style>

body
        {background: url("https://64.media.tumblr.com/0106ac9603b48675a78c89af1a864a49/e944fbe2c90eeb87-5e/s1280x1920/f4c045417665e8823387b6b774f7dc5a661bc949.png")
        no-repeat fixed; background-size: cover;
     }

</style>

<style>

footer {
        border-radius: 15px;
background-image: url(https://64.media.tumblr.com/0106ac9603b48675a78c89af1a864a49/e944fbe2c90eeb87-5e/s1280x1920/f4c045417665e8823387b6b774f7dc5a661bc949.png); 

</style>

<style>


h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: white !important;
 text-transform:!important;
}


h1, h2, h3, h4,h5,a, p, nav label, .section {color: #55CDFC ;}

h1 {
  color: pink ;
  text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow;
}


</style>

<style>

main {
  /* changes made to stuff outside of columns */
    background: #FFFFFF55;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }
</style>

<style>

table {
  border-spacing: 8px;
width: 100%;
  /* sets background */
    background-image: url();
    background-repeat: repeat;
    background-size: 25% ;
  }  

</style>

<style>


:root {
        --logo-blue: #55CDFC55;
        --darker-blue: #55CDFC55 ;
        --lighter-blue: #55CDFC55 ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: white;
    }


</style>

<style>

@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
  /* gotta fetch the font for phone users */


:root {
  --font-family: 'Alice', serif;
  --mynamesize: 25px
;}

  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: !important;
 text-transform:!important;
}

table, th, td {
  border: 1px solid #f994ff ;
}

</style>

<style>

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

.comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

</style>


<style>

.online{content:url("http://dl.glitter-graphics.net/pub/2519/2519241jld3d3ayx4.gif");}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.