Salute your Shorts Layout

Tags: saluteyourshorts
Description:

This is A Salute your Shorts Layout based on 90s Nick if you use please comment "using" this layout is own by OCarina this layout is aspire by Hooters!
Preview:

click on the image for a larger preview
Code:

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

  <style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "General";
  --topic2: "Music";
  --topic3: "TV";
  --topic4: "MiggyJai";
  --topic5: "misc.";
  --topic6: "Current Song";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>




<style>.online { visibility: hidden; } .online img { content: url("https://i.imgur.com/HkwSFdK.png"); animation-name: none; visibility: visible; height: 29px; width: 89px; }</style>

<style>
 .blurbs .section h4{display: none !important;}
</style>
<style>
.blog-preview{display: none !important;}
</style>
<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 0px solid transparent;
}
</style>

<style>
    .top{
        
    background-color: white !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    body{
        
    background-color: brown;
    background-image: url('');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    .links{
        
    background-color: white !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    .contact{
        
    background-color: brown!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: COLOR;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
    .profile .details-table td{
        
    background-color: brown;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    .comments-table td{
        
    background-color: white !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    footer{
        
    background-color: brown !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>
<style>
    .contact .heading{
        
    background-color: brown!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .table-section .heading{
        
    background-color: brown !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    
    }
</style>
<style>
    .blurbs .heading{
        
    background-color: brown!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .friends .heading{
        
    background-color: brown !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .top{

        border-radius: 35px 35px 0 0 !important;

    }
    main{

        border-radius: 0 0 35px 35px !important;

    }
</style>

<style>
    .top{
        
    color: #2d2d2d;
        
    }    
    main{

    color: black !important;
        
    }
    footer{
        
    color: #2d2d2d;
        
    }
</style>
<style>
    a{
        
    color: #2d2d2d !important;
        
    }
    a:hover{
        
    color: black !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: #2d2d2d !important;

    }
    .top a:hover{

    color: black !important;

    }
    .top a:visited{

    color: COLOR !important;

    }
    .links a{
    
    color: #2d2d2d !important;
    
    }
    .links a:hover{

    color: black !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
        
    color: gray !important;
        
    }
    footer .links a{

    color: #2d2d2d !important;

   }
    footer .links a:hover{

    color: black !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }
</style>
<style>
    .profile .blurbs .heading, .profile .friends .heading {
    color: white;
    padding: 2
px 7
px;
}
</style>
<style>
table.comments-table{

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

}
</style>
<style>
body {text-align:center;}
table {margin:0 auto; text-align:left; width:728px;}
table table {width:auto;}
table table table {text-align:left!important;}
</style>
<style>
    .details-table td:first-child {
    color: black;
</style>

<style>

a:hover{

background-color: white!important;
background-image: url('URL') !important;
background-repeat: repeat !important;
background-position: center !important;

}
.links a:hover{

background-color: brown!important;
background-image: url('URL') !important;
background-repeat: repeat !important;
background-position: center !important;

}
</style>

<style>
@import url('https://external-media.spacehey.net/css/s2MJyhWnsbVNVO36kIaEzqGuJ-hf0_jgOGGnrOqr23V8=/https://fonts.googleapis.com/css2?family=Charmonman&display=swap');
.profile .left h1{ font-family: 'Charmonman', cursive; transform: rotate(-4deg); }
</style>              


 <style>
.Ocarina Layouts !! { BACKGROUND P R O P E R T I E S }
body {
background:url(https://i.imgur.com/MA7GRh3.png) #2f52bd;
background-position:bottom right;
background-attachment:fixed;
background-repeat:no-repeat;
</style>



<style>


nav{
background-image: url("https://i.imgur.com/f8iTMm9.png");
background-position: center center;
background-size: cover;
padding-top: 150px;
}
</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/WqMFnCBGWi8/?&;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>







<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/70zgNDY.png" 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 0 of 0 comments ( View all | Add Comment )