Pride Layout

Tags: lgbtq, pride, cute
Description:

If You Use Please Comment :)
Preview:

click on the image for a larger preview
Code:

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

















<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/564x/7d/a5/40/7da540549ca3a1c8fc984b9a1c9bedc2.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	 }
</style>




<style> 
   body{
    background-image: url('https://i.pinimg.com/564x/7d/a5/40/7da540549ca3a1c8fc984b9a1c9bedc2.jpg') !important;
    background-attachment:SCROLL !important;
    background-repeat: REPEAT!important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;                        
  }
  .profile{
     background-color:BLACK;
}
main{
     background-color: TRANSPARENT;
}
</style>



<style> 
.profile .blurbs .heading, .profile .friends .heading {
background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
font-family: 'Agdasima', sans-serif;
font-size:35px;
color: #000000
}
</style>


<style>                                                    
.profile .contact .heading,
.profile .table-section .heading{
background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
font-family: 'Agdasima', sans-serif;
font-size:35px;
color: #000000
}
</style>


Contact Box
<style>
    .contact .heading{
    background-color: BLACK !important;
    font-family: 'Agdasima', sans-serif;
    font-size:25px;
    }
</style>




<style>
    .top{
        
    background-color: BLACK!important;
     font-family: 'Roboto', sans-serif;   
     font-size:16px;
    }
</style>



<style>
    .links{
        
    background-color: BLACK!important;
    font-family: 'Roboto', sans-serif;
    font-size:16px;
        
    }
</style>




<style>
    h1{
        
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    font-family: 'Roboto', sans-serif;   
    
    }
</style>










<style>
    .contact{
        
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Gay_Pride_Flag.svg/255px-Gay_Pride_Flag.svg.png') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT!important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
    font-family: 'Roboto', sans-serif;   
    font-size:16px;   
    }
</style>


<style>
    table.details-table{
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Gay_Pride_Flag.svg/255px-Gay_Pride_Flag.svg.png') !important;
    background-attachment:SCROLL !important;
    background-repeat: REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: !important;
    background-image: url('https://altosagency.com/images/blog/2021/pride-month/pride-month-rainbow-flag.jpg') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
     font-family: 'Roboto', sans-serif;   
     font-size:16px;
   
    }
</style>



<style>
    .comments-table td{
        
    background-image: url('https://i.pinimg.com/236x/49/4a/f8/494af85ffb630a6bb225d393d9c8d345.jpg') !important;
     background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;   
    font-family: 'Roboto', sans-serif;   
     font-size:16px;
     p.thick {
    }
</style>



<style>
    footer{
  
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    background-attachment: FIXED!important;
    background-repeat: REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>




<style>     
top{                               change profile text colors
        
    color: RED;
        
    }    
    main{

    color: WHITE !important;
        
    }
    footer{
        
    color: PINK;
        
    }
</style>




<style>                                         change profile link colors
    a{
        
    color: PINK!important;
        
    }
    a:hover{
        
    color: PURPLE !important;
        
    }
    a:visited{
        
    color: GREEN !important;
        
    }
    .top a{

    color: YELLOW!important;

    }
    .top a:hover{

    color: ORANGE !important;

    }
    .top a:visited{

    color: RED !important;

    }
    .links a{
    
    color: ORANGE!important;
    
    }
    .links a:hover{

    color: WHITE !important;

    }
    .links a:visited{

    color:RED !important;

   }
    .friends-grid p{
        
    color: ORANGE!important;
        
    }
    footer .links a{

    color: GREEN !important;

   }
    footer .links a:hover{

    color: RED !important;

   }
    footer .links a:visited{

    color: PURPLE !important;

   }
</style>




<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>


<style>* {cursor: url(<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1019.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/27/rainbow.html" target="_blank" title="Rainbow"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rainbow" style="position:absolute; top: 0px; right: 0px;"/></a>), url(<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1019.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/01/27/rainbow.html" target="_blank" title="Rainbow"><img src="https://cur.cursors-4u.net/cursor.png" alt="Rainbow" style="position:absolute; top: 0px; right: 0px;"/></a>), auto !important;}
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 1 of 1 comments ( View all | Add Comment )