Napoleon Dynamite layout

Tags: napoleon dynamite

Description:

This is Napoleon Dyanmite Layout if you use please comment "using" This layout is own by Ocarina Layouts!

Preview:

click on the image for a larger preview

Code:

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




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

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

<style>
main:before {
width: 100%;
height:300px;
display: block;
content: "";
background-image: url('https://i.imgur.com/iXv8oEz.gif');
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/7ZJ6eWg.png') !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: #FFFFFF;
}

.profile .blurbs .heading,
.profile .friends .heading, 
.profile .contact .heading,
.profile .table-section .heading {
    background-color: #ee1b2e;
    color: #00adef;
    text-shadow: none;
}

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

p, a, form, li, after, footer, td {
    color: #ef1c2f;
}

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

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

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

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

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

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

.count {
    color: #00acee;
}

              </style>

<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/D2p35Zv.gif') !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: #ef1c2f !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: #ef1c2f  !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: #ef1c2f;
}

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

::-webkit-scrollbar-thumb
{
  background-color: #ef1c2f;
  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 style="float:  ; &#10;max-height: 500px; &#10;position: fixed; &#10;right:0px; "><img src="https://i.imgur.com/A9ETs9R.gif" width="280" height="380"/></div>



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



<style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact Napoleon Dynamite"; 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: "Napoleon Dynamite Blurbs"; font-size:.8rem; }
</style>

<style>
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Yay New Napoleon Dynamite"; font-size:.8rem; font-weight:bold; }
</style>



<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Napoleon Dynamite Friends"; font-size:.8rem; font-weight:bold; }
</style>

<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Napoleon Dynamite 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.