Slipknot Layout (beta)

Tags: slipknot music metal rock layout
Description:

Slipknot layout for spacehey. This layout will be updated soon. Will be adding Korn Metallica and more soon! contact me for custom work(free)
UPDATES

01/03/2023: Minor Bug fix 01/01/2023: Fix text color
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Slipknot Layouts (https://layouts.spacehey.com/layout?id=24696) -->


<style>
    :root {
        --logo-blue: black!important;
        --darker-blue: #ffffff;
        --lighter-blue: #ffcdd2;
        --even-lighter-blue: transparent!important;
        --lightest-blue: transparent!important;
        --dark-orange: black!important;
        --light-orange: #dfd1f4;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
       
        
    } 
  
    

        
     nav .links {
        background: black!important;
        font-size: 9px;

    }
    
  
  .mood {
      display: none!important;
  }
    
    .mood p{
        background: white;
        
    }
    
    .profile {
        direction: rtl;
    }
    
    .profile p{
        font-size: 11px;
    }
    
    .profile a{
        color: white!important;
        border: ;
    }
    
    .profile a:visited{
        color: white!important;
    }
    
     nav .links a{color: white!important;}
     
     nav .links a:visited{ 
         color: white!important;}
     

    .section
        p {color: white!important;}
        
    .blurbs{
        margin-top: -90px!important;
        text-align: center;
        color: white;
        direction: ltr;
    }
    .blurbs h4{
        display: none;
    }
    
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px solid!important;
        border-radius: 0px !important;
        font-size: 9px;
        
    }
    
    button{
        border-radius: 0px !important;
        border: 1px solid!important;
        text-transform: lowercase;
        font-family: times;
        font-size: 9px!important;
        background-color: black!important;
        width:;
        color: white!important}
       
    
    body {
        background: black;
        background-image: url("https://i.ibb.co/HBJyxmk/523265.jpg");
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: right bottom, left bottom;
        text-transform: lowercase;
        font-family: times;
        font-size:13px!important;
        
    }

.blog-preview {
        display: none;
       
    }
    
    .blog-preview p {
        display: none;
        text-transform: lowercase;
        font-size: 12px;
        margin-top: -10px;
    }
    

 .profile .left {
     direction: ltr;
 }
    
        
    }
    .blog-preview p a{
        color: white!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    
 
    nav {
        border: solid white 1px;
        border-bottom: none;
        color: white!important;
        text-align: center;
        overflow: hidden;
    }
   
    
    .contact {
        text-align: center;
        padding: 4px;
        font-size: 11px;
        font-family: times;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        direction: ltr;
        
    }
    
    
    
    .contact a:visited{
        color: white!important;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
  
    .profile-info{
        display: none!important;
    }    
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        display: none;
    
    }
    
    .profile .table-section p{
        color: white;
    }

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:11px; color: white; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:11px; color: white; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:11px; color: white; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:11px; color: white; font-weight: 1;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:11px; color: white; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

    }
    .home-actions {
        border: none;
    }

    
    table.details-table {
        border: dotted px;
        border-collapse: collapse;
        border-top: 0px;
        background: trasnparent!important;
        opacity: ;
        
        
        
    }
    table.details-table td {
        background: url("");
        border-bottom: dotted px;
        border-right: dotted px
    }
    .profile-pic {
        margin-top: 0px!important;
        margin-left: 40px!important;
        max-height: 100%;
        max-width: 100%;
   

        

    }
        
        
    .profile .details {
        display: none!important;
    }
    
    
    
    .heading {
        display: none;
    
    }
    h1 {
    font-style: italic;
    text-transform: uppercase;
    text-align: center!important;
    margin-top: -285px!important;
    width: 205px;
    max-width: 100%;
    color: white!important;
    font-size: 20px!important;
    }
    
  main:before {
      margin-left: 80px;
        background-image: url(https://i.ibb.co/h99hZhs/Slipknot-Logo-history.jpg);
        background-size: 230px;
        background-repeat: no-repeat;
        color: transparent!important;
        display: block;
        content: "";
        height: 280px;
        max-width: 100%;
        max-height: 100%;
    
}
    
    main {
        border: white solid 1px;
        border-top: none;
        background-repeat: no-repeat!important;
        background-position: ;
        background-size: ;
        background-color: #09040a!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 100px;
        margin-top: 0px;
    }

    .blurbs .heading {
        display: none;
        
    }
    footer {
        border: 0px;
        border-top: 0px;
        background: transparent!important;
        display: block !important;
        line-height: 0px;
        height: 83px;
        margin-top: -1px!important;
        
        
    }
    footer a{
        color: white!important;
    }
    
    footer p{
        color: white!important;
    }
    
    
    table.comments-table td {
        display: none;
        background-color: black!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .profile .right
    }
    
    .blog-preview {
        text-align: center;
        border-top: solid 1px;
        border-bottom: solid 1px;
    }
    
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        text-transform: uppercase;
        font-style: italic;
    }
    
    a:hover {
        text-transform: uppercase;
        text-decoration-style: none!important;
        color: none;
        background: none;
        border: none;
    }
    
  
    

.friends {
    display: none;



    .table-section:last-child {
         display: none !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 0 of 0 comments ( View all | Add Comment )