Super Mario Luigi Layout

Tags: luigi from super mario

Description:

This is an Super Mario Luigi Layout if you use please comment saying "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=28962) -->

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

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

<style>
main:before {
width: 100%;
height:300px;
display: block;
content: "";
background-image: url('https://i.imgur.com/vj0Opad.giff');
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/0sQztRu.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: #397559;
    color: #75a631;
    text-shadow: none;
}

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

p, a, form, li, after, footer, td {
    color: #8b8b97
}

.profile .blog-preview {
    color: #8b8b97;
}

.profile .blurbs,
.profile .friends {
    color: #8b8b97;
}

.profile .blurbs .section h4 {
    color: #8b8b97;
}

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

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

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

.count {
    color: #8b8b97;
}

              </style>

<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/0sQztRu.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: #018e32 !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: #397559 !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: #397559f;
}

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

::-webkit-scrollbar-thumb
{
  background-color: #397559;
  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/2uzFrHt.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: "Gullah Gullah Island 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: "Gullah Gullah Island Blurbs"; font-size:.8rem; }
</style>

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



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

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


<style>
main {
background-color: #018e32!important;
}
</style>

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 5 of 5 comments ( View all | Add Comment )

Myles 🍂	1711505235 using!! Report Comment
sunny 🍎	1706050841 using :3 Report Comment
✧ SH4D0WR4Y ✧	1687767263 using Report Comment
Jibril	1685313460 using !! Report Comment
UnusualPerson15	1682119230 Using Report Comment