Trans Pride Layout

Tags: trans, pride, layout

Description:

Just a sime trans pride layout. no blog ver because I was crunched for time !!credit or comment if using!!!

Preview:

click on the image for a larger preview

Code:

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

<style> 
nav .links {
background-color:transparent;
}
body {
background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSDzLPn8wenJpmf7As8-VwulSY11Gw-W5uboz_sze8lOZFNkZKw04TrPutHgjL0IwKDp_M:https://wallpapercave.com/wp/wp5830696.png&usqp=CAU');
background-repeat:no-repeat;
background-size:cover,cover;
background-position:center;
}
main {
background-image:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0a5c5050-d635-4954-bdea-027ead23568b/dc85xko-c2e6f5cc-3c66-42c3-954d-a800f3617940.jpg/v1/fill/w_1024,h_1024,q_75,strp/soft_transboy_moodboard__by_geeks4squeaks_dc85xko-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTAyNCIsInBhdGgiOiJcL2ZcLzBhNWM1MDUwLWQ2MzUtNDk1NC1iZGVhLTAyN2VhZDIzNTY4YlwvZGM4NXhrby1jMmU2ZjVjYy0zYzY2LTQyYzMtOTU0ZC1hODAwZjM2MTc5NDAuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.9-RG3RTlHiupfJBgkn1Dpqp1WrgW5fSaQ6wRja9WjYQ');
background-repeat:no-repeat;
background-size:cover,cover;
background-position:center;
border-width:15px;
border-style:solid;
border-color: #FFB6DB;
color:black;
}
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
background-color:#B6E8FF;
color:black;
}
details-table td, .details-table td:first-child {
background-color:white;
color:black;
}
td {
    background-color:#FFB6DB;
color:black;
}
footer{
color: transparent;
}

details-table td, .details-table td:first-child {
background-color:#FFB6DB;
color:black;
}
.profile .blurbs .section h4 {
display:none;
background-color:#B6E8FF;
}

.details-table td:first-child {
width: 30%;
background:#B6E8FF;
color:black;
}


.profile .blurbs .heading{
color:black;
}

.friends{
float:right;
}
.profile .contact, .profile.url-info, .profile .table-section, .home-actions{ 
border:0px;
background-color:#FFB6DB;
color:black;
}
.profile .table-section td {
background-color:#FFB6DB;
color:black;
}

h1,h2,h3,h4,h5,a,p{
color:black;}

.profile .contact p, .profile.url-info p, .profile .table-section p, .home-actions p {color:black;}

.profile .friends .comments-table td{
background-color: white;}
 
body{ 
cursor:url(""), auto;
}
main, top, links, nav .top, nav .links, details-table
{
color:black;
}

.url-info b {
color:black;
}
.online {
color:#FFB6DB;
}
:root{
--links:black;
}
.heading, .url-info, .blurbs, .friends, .table, .table-section, footer{
border: solid 2px 
#FFB6DB;;
border-radius:5px;
}
.profile .table-section,
.profile .contact,
.profile .url-info{
border-color: 
#FFB6DB;;
border-radius:5px;
}
a,p,h1,h2,h3,h4,h5 {
color: black;
}
.profile .comments-table{
background-color: white;
border-radius: 20px;
border: 2px solid #FFB6DB;;
box-shadow: inset 2px 3px 5px #FFB6DB;;
font-style: italic;
color: black;
}
.profile .comments-table .comment-replies{
background-color: white;
border-radius: 20px;
border: 2px solid #FFB6DB;
box-shadow: inset 2px 3px 5px 
#FFB6DB;
font-style: italic;
color:black;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px 
#FFB6DB;
filter: cyan(100%) hue-rotate(299deg);
opacity: .5;
}
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: transparent;
}
.profile .details-table .td {
color:black;
}
</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 2 of 2 comments ( View all | Add Comment )

Cyprus

1690809282

Using!!️

Report Comment