HAII H3R3 IIS TH3 LAY0UT 4 UU!!!!

Tags:
Description:

h0p3 u liik3 v.v
Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200&display=swap');
p{
    font-family: 'IBM Plex Mono', monospace;
    font-size: 200%;
    color: grey;

}
h1,h2,h3,h4,h5{
    font-family: 'Caveat', cursive;
    font-size: 300%;
    color: pink;

}

main {
  background-color: white;
  color: white;

}
    body{
      background: url("https://media.giphy.com/media/zW0n7AIWG4ka4/giphy.gif");
      cursor: url("https://cur.cursors-4u.net/nature/nat-10/nat997.cur"), auto;

}
    profile{
      background-color: white;

}
main:after{
       width: 825px;
       margin-bottom: 25px;
       border: 0px solid black;
       height: 125px;
       display: block;
       content: " ";
       box-shadow: 0px 0px 0px 0px #02fa07;
       background-image: url("https://media.giphy.com/media/L4gFPKXdSercUjy9sf/giphy.gif");
       background-position: centre-centre;
       background-size: 825px;
   
}
.profile .contact a{font-size: 8px;}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: "💕"
	
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "❣️"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💌"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "🎀"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "💭"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "🍡"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: "🧸"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "🌸"
} 
url-info{
     display:none !important;

}
footer{
     border-radius: 15px;
     background-image: url("https://media.giphy.com/media/4Zqf4jrgpKGoCbhD1d/giphy.gif");
     color: grey;
}
main{
     background-color:rgba(0, 0, 0, 0.0); !important;
}

friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}
:root {
     --logo-blue: rgb(255, 212, 238);
     --darker-blue: rgb(255, 184, 227);
     --lighter-blue: rgb(0,0,0,0);
     --even-lighter-blue: rgb(255, 201, 234);
     --lightest-blue: rgb(255, 232, 246);
     --dark-orange: rgb(128, 128, 128);
     --light-orange: rgb(0,0,0,0);
     --even-lighter-orange: rgb(0,0,0,0);
     --green: rgb(0,0,0,0);

}
.search-wrapper input[type=text] {background-color: rgba(0, 0, 0, 0.5) !important;border: 1px dotted var(--headers) !important;color:var(--names) !important;border-radius: 10px !important;

}


button{border-radius: 10px !important;border: 1px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color:rgba(0, 0, 0, 0.5) !important;color:var(--headers) !important;

}
.profile .blurbs .heading, .profile .friends .heading {
  background-color: rgb(0,0,0,0);
  color: black;

}
.online{content:url("http://www.myspacegens.com/images/online_now/111.gif");

}
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:10px; color: #35251c;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:10px; color: #35251c;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:10px; color: #35251c;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:10px; color: #35251c;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:10px; color: #35251c;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

    }


</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://media.giphy.com/media/gd710qUem06dy/giphy.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>


<img src="https://media.giphy.com/media/TJmFnVujkwwDvNRTLc/giphy.gif"/>
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 0 of 0 comments ( View all | Add Comment )