Mighty Moprhin Power Rangers Layout

Tags: powerrangers

Description:

This is a Mighty Morphin Power Rangers layout if you use please comment saying "Using" so we know who uses our layouts please use we love we people use our layouts Ocarina layouts

Preview:

click on the image for a larger preview

Code:

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

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

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

<style>
main:before {
width: 100%;
height:400px;
display: block;
content: "";
background-image: url('https://i.imgur.com/viaaMnv.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/gQlSFRB.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: #6c9b31;
}

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

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

p, a, form, li, after, footer, td {
    color: #0948e9
}

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

.profile .blurbs,
.profile .friends {
    color: #6d4889;
}

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

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

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

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

.count {
    color: #ecbb55;
}

              </style>

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

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

::-webkit-scrollbar-thumb
{
  background-color: #8c6a96;
  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/H5jloc1.gif);
background-size: 100%!important;
position: fixed;
left: 200px;
bottom: 0.0px;
height: 200px;
width:270px;
z-index: 100;
opacity: 100%;
background-blend-mode: overlay;
}"
</style>



<style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Mighty Moprhin Power Rangers  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: "Mighty Moprhin Power Rangers  Blurbs"; font-size:.8rem; }
</style>

<style>
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Yay It's The Mighty Moprhin Power Rangers "; font-size:.8rem; font-weight:bold; }
</style>



<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Mighty Morphin Power Rangers Friends"; font-size:.8rem; font-weight:bold; }
</style>

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



<iframe width="0" height="0" src="https://www.youtube.com/embed/nHalaFUqnTI/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" 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.

Comments

Displaying 0 of 0 comments ( View all | Add Comment )