Gay Pride Layout

Tags: lgbtq+, katie

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me)

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me.

Preview:

click on the image for a larger preview

Code:

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

<style>

 

table, th, td {
       border-radius: 5%;
       }

.details-table {
       border-radius: 5%;
       }
</style>

<style>
.contact {
       border-radius: 3%;
       }
</style>

<style>

table, th, td {
  border: 1px solid darkred;

}

</style>

 <style>

:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: coral55;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: coral;
    }


body {
  font: normal small-caps normal 16px/1.4 Georgia;
}

/* is the same as:

body {
  font-family: Georgia;
  line-height: 1.4;
  font-weight: normal;
  font-stretch: normal;
  font-variant: small-caps;
  font-size: 16px;
}

</style>

<style>


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

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

Main
        {background: url("https://images.unsplash.com/photo-1582573732277-c5444fa37391?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MXx8Z2F5JTIwd2FsbHBhcGVyfGVufDB8fDB8&ixlib=rb-1.2.1&w=1000&q=80")
        no-repeat fixed; background-size: cover;
     }
Nav {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://wallpapercave.com/wp/wp7105400.png');
 background-position: center center;
 background-size: cover;
}
@media only screen and (max-width: 600px) {
 main:before{
  height: 200px;
 }
}

</style>

<style>

body, footer { background: #000000 url(https://i.pinimg.com/originals/db/42/ce/db42ceaeedbee7540337fb101b7c8261.png) repeat left top;
background-size: contain;
</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.

Comments

Displaying 11 of 11 comments ( View all | Add Comment )

Steph-⚝-Dassler	1723831512 eats layout Report Comment
Britt Weikel	1690394726 Love it! Report Comment
QueenSpinelli	1668181290 Nice layout! Report Comment
Niko/Gloomy!	1623173135 Awesome Layout!! Def gonna use 4 Pride Month!! ty ty Report Comment
👑KingB👑	1612888632 Great layout! Awesome job! Report Comment
Madoka Kaname	1612246069 Very nice! Keep up the amazing work! Report Comment
SusieQ84	1612231473 Adorable. Is it possible to get just the background? I'm non-binary so I wouldn't want to say "I'm GAY" at the top, I just really like the hearts and rainbow flags. Report Comment There is I'll message you it now by Katie; 1612231736; Report Awesome, thank you! by SusieQ84; 1612231800; Report
ash lynx	1612228613 ohhhhh this is so freakin cute!! Report Comment Thank you! by Katie; 1612230029; Report