Black Red Theme Layout

Tags: black/red

Description:

This is A Black & Red Theme 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=28347) -->

 <style>
    main{
     
    background-color: black!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: red !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>
    .top{
        
    background-color: black !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>
    .links{
        
    background-color: red!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>
    .top input{
        
    background-color: red !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>
    h1{
        
    background-color: red !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>
    .contact{
        
    background-color: black !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>
    .friends{
        
    background-color: black !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>
    .comments-table td{
        
    background-color: white!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>
    footer{
        
    background-color: black !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>
    .contact .heading{
        
    background-color: red!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>


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


<style>
    .blurbs .heading{
        
    background-color: black!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>


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

    }
</style>


<style>
    .top{
        
    color: red;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: red;
        
    }
</style>


<style>
    table.details-table{
        
    background-color: black!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;
        
    }
    .profile .details-table td{
        
    background-color:black!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>
    a{
        
    color: red !important;
        
    }
    a:hover{
        
    color: white!important;
        
    }
    a:visited{
        
    color: red !important;
        
    }
    .top a{

    color: black !important;

    }
    .top a:hover{

    color:white !important;

    }
    .top a:visited{

    color: red !important;

    }
    .links a{
    
    color: white !important;
    
    }
    .links a:hover{

    color: black!important;

    }
    .links a:visited{

    color: white !important;

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

    color: white !important;

   }
    footer .links a:hover{

    color: black !important;

   }
    footer .links a:visited{

    color: red !important;

   }
</style>


<style>
table.comments-table{

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

}
</style>





<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "one";
  --topic2: "two";
  --topic3: "three";
  --topic4: "four";
  --topic5: "five";
  --topic6: "six";

 }

.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 white !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>
.Ocarina Layouts !! { BACKGROUND P R O P E R T I E S }
body {
background:url(https://i.imgur.com/lkMfFTw.gif) #000000;
background-position:bottom right;
background-attachment:fixed;
background-repeat:no-repeat;
</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/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 8 of 8 comments ( View all | Add Comment )

hahahah	1737530921 using Report Comment
nanay :3	1735496555 using! Report Comment
alexizhere	1734468724 using Report Comment
Jay... more like gayy	1732124124 using Report Comment
Bugdrink	1727631455 using Report Comment
Len	1726709242 Using Report Comment
𐙚 🇭🇦🇱 🇸🇹🇷🇮🇩🇪🇷	1708239060 Using. Report Comment
Lydia	1704097812 using ! Report Comment