Te Fiti Layout

Tags: green, pastel, layout, music, animation, cvpid444

Description:

Please comment down below if you're going to use this layout or credit me on your profile! I labeled where you put each code! Includes cursor, auto-play music, and animated pfp!

Preview:

click on the image for a larger preview

Code:

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

About:
<div class="tefiti"></div>
<style>
nav .links{
    text-align: center;
}
nav .links a{text-shadow:none;
}
nav .links a{text-shadow:none;}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ❥";
    color: white;
    font-weight: bold;
}
div.tefiti {
background: url(https://media.discordapp.net/attachments/945501624971968582/1075087656440057866/d63c1eab24564d8894ad7968799e3281-removebg-preview.png);
       background-size: 250!important;
       position: fixed;
    left: 865px;
    bottom: -150px;
    height: 600px;
    width: 500px;
    z-index: 50;
    opacity: 100%;
background-blend-mode: overlay;
}
li.active .icon { content:url('https://external-media.spacehey.net/media/s7dLcnXnnlsieNyKs30oUSVzMMPtSFHdHivE4A1bhbGo=/https://i8.glitter-graphics.org/pub/1028/1028758yvx5blveh8.gif'); 
    width: 20px;
    height:20px;
    }
.pinned {visability: hidden;}
.pinned img {content: url(https://external-media.spacehey.net/media/sufUtnbOBbgLoeiPhLFs0rdHSdXevpRrQMKeh7a1X-ic=/https://noviecita.crd.co/assets/images/gallery13/277bef70.gif?v=b654ba2f); animation-name: 
none; visibility: visible;width="350" height="350"/>;
}
.logo {
content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");
filter: invert(100%);
}
.online { visibility: hidden; } .online img { content: 
url("https://64.media.tumblr.com/8273f5d575a160d99645e2f1a9096384/tumblr_inline_pe7yvqbMUm1swhw6h_75sq.gifv"); animation-name: none; visibility: 
visible; height: 20px; width: 25px; 
}
:root {
        --logo-blue: #6d9665;
        --darker-blue: #6d9665;
        --lighter-blue: #6d9665;
        --even-lighter-blue: #D9F0CC ;
        --lightest-blue: #EBF9E4 ;
        --dark-orange: #495E3C;
        --light-orange: #C6DFB7;
        --even-lighter-orange: #EBF9E4;
        --green;
}
    * {
        font-family: monaco;
    }
     body{
    background-image: url('https://blog.yiningkarlli.com/content/images/2016/Nov/WAKA_16.jpg') !important;
    no-repeat scroll; background-size:cover;
    }  
    .blog-preview p {
        background-color: transparent;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }
    .blog-preview p a{
        color: #ea9999!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: transparent!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    .url-info{display: none !important;}    
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
   hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba( ) !important;
    }
    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.94) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: transparent !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
    .friends-grid{
  text-align:center;
  padding:0px!important;
}
.profile .friends .person img:not(.icon) {
    filter: grayscale(100%);
}
.profile .friends .person img {
        border-radius: 500px;
    }
    .blog-preview p {
        font-size: 0.95rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
        .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: url('https://64.media.tumblr.com/b4e6a62e009514528abfa5fbb3ad042d/b2295b398b83dca7-55/s75x75_c1/22c1b77236d6776aba5ccd8103f680ae08eaaae5.gifv');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url('https://64.media.tumblr.com/1e2faf0aaf6069bf64a9af60c7f3277e/tumblr_inline_p94igdBErw1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://64.media.tumblr.com/eff550417f471a542b0815b978b24a48/tumblr_inline_p94ige7i671qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url('https://64.media.tumblr.com/0e518c1536aa529294b591ed36487634/tumblr_inline_p94igf0Fu01qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url('https://64.media.tumblr.com/caf3f7a93fd2a0ab1848307e32838bd4/tumblr_inline_p94igfUDgY1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url('https://64.media.tumblr.com/44ed40849c9818f9952bbe65ae1e1ce0/tumblr_inline_p94igeyTta1qid2nw_75sq.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url('https://64.media.tumblr.com/a467159d15e66bfb0e7923745a83bd4b/b2295b398b83dca7-dd/s75x75_c1/fac0729c56bdd44eb4cb7dc816711bcd653f7a41.gifv');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url('https://64.media.tumblr.com/e9250feaa1bbd5688d28e229bff96b3a/b2295b398b83dca7-09/s75x75_c1/e6df93572867227a6a6b631be9c9de2cabe6f952.gifv');
}
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block;
}
   .profile-pic {
        border-radius: 500px;
        overflow: hidden;
}
.profile-pic img {
animation: brrr 0.5s infinite;
} 
@keyframes brrr {
0% {
transform: rotate(5deg);
} 
50% {
transform: rotate(5deg);
} 
51% {
transform: rotate(10deg);
}
100% {
transform: rotate(10deg);
}
</style>
<style>
.comments-table{display: none !important;} 
</style>

Who I’d Like to Meet:
<style>
* {cursor: url(https://64.media.tumblr.com/7420c1bdfd445c46feebc300868a30db/18232341a10e1fab-fd/s100x200/08bdc887f32e2da2b5bbf2a4fb4a8651a7978c7e.gifv), url(https://64.media.tumblr.com/7420c1bdfd445c46feebc300868a30db/18232341a10e1fab-fd/s100x200/08bdc887f32e2da2b5bbf2a4fb4a8651a7978c7e.gifv), auto !important;}
</style>

General:
<iframe width="0" height="0" src="https://www.youtube.com/embed/7B0b2iU0nzc//?&;amp;;autoplay=1&loop=1&;controls=1" title="Music" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

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.