Teenage Mutant Ninja Turtles Layout

Tags: teenagemutantninjaturtles

Description:

This is an Teenage Mutant Ninja Turtles Layout if you use please comment saying "using" this is layout is own by Ocarina Layouts Thanks for using our layouts!

Preview:

click on the image for a larger preview

Code:

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

<style>
.logo {
content:url("https://i.imgur.com/5z4Rc7K.png");
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/people/peo-1/peo4.ani), url('https://i.imgur.com/Ht929aI.png'), auto !important;}</style> 

<style>
main:before {
width: 100%;
height:300px;
display: block;
content: "";
background-image: url('https://i.imgur.com/zjKAGM8.png');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>



<style>
:root {
    --logo-blue: transparent;
    --darker-blue: transparent;
    --lighter-blue: transparent;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent!important;
    --dark-orange: black important;
    --light-orange: transparent;
    --even-lighter-orange: transparent;
    --green: transparent;

}

    body{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/2A4wcPh.gif') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
}

main {
    background-color: #6c9b31;
}

.profile .blurbs .heading,
.profile .friends .heading, 
.profile .contact .heading,
.profile .table-section .heading {
    background-color: #007f00;
    color: #ee4135;
    text-shadow: none;
}

.profile .table-section,
.profile .comments-table {
    background-color: #ffffff;
}

p, a, form, li, after, footer, td {
    color: #00a4e2
}

.profile .blog-preview {
    color: #f9a15a;
}

.profile .blurbs,
.profile .friends {
    color: #af97c3;
}

.profile .blurbs .section h4 {
    color: #008952;
}

.profile .friends {
    text-align: center;
}

.profile .friends-grid .person p {
    color: #fff7e1;
}

.general-about .profile-pic img {
    max-width: 180px;
    max-height: 180px;
}

.count {
    color: #fff7e1;
}

              </style>

<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/5z4Rc7K.png') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    .links{
        
    background-color: #008100!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    button{
        
    background-color: #008100!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>










<style>



/*Interests Scrollbox*/
   



::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #6fbd44;
}

::-webkit-scrollbar-button:end {
    background-color: #6fbd44;
}

::-webkit-scrollbar-thumb
{
  background-color: #6fbd44;
  border-radius: 0px;
}
/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #000000;
  background-color: #000000
  border-radius: 0px;
}


.
}


}

</style>


<style>
table.comments-table{

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

}
</style>





<div class="chr"></div>
<style>
div.chr {
background: url(https://i.imgur.com/litEqM0.gif);
background-size: 100%!important;
position: fixed;
left: 200px;
bottom: 0.0px;
height: 220px;
width:270px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
}"
</style>



<style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Teenage Mutant Ninja Turtles  Contact"; font-size:.8rem; font-weight:bold; }
</style>
<style>
.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "Teenage Mutant Ninja Turtles Blurbs"; font-size:.8rem; }
</style>

<style>
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Yay Teenage Mutant Ninja Turtles "; font-size:.8rem; font-weight:bold; }
</style>



<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Teenage Mutant Ninja Turtles Friends"; font-size:.8rem; font-weight:bold; }
</style>

<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Teenage Mutant Ninja Turtles Island Comments"; font-size:.8rem; font-weight:bold; }
</style>



<a href="https://spacehey.com/ocarina" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 160px; height: 82px; filter: hue-rotate() saturate();"><img src="https://i.imgur.com/PM6MPOE.gif" alt=""/></div></a>

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 )

EmoGothKid

1715426890

Would use but it would of been cool if it had the tmnt theme media on it but looks cool :)

Report Comment

Didrick

1681546179

Totally using this! I was obsessed with Teenage Mutant Ninja Turtles as a kid and I'd buy anything I came across that had something to do with them, from cartoon magazines to candy, and every birthday and christmas, Turtles merch was always on top of my wish list haha! :)

Report Comment