dark blue layout

Tags: dark, black, blue, stars

Description:

!!! PLEASE at least comment on this if you're using !!! hey! i made a layout! this is my first time making something like this, so apologies if there's any issues. the code is also very messy. shout-out to the HTML group for helping me make this layout!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by marbles 🍉 (inactive) (https://layouts.spacehey.com/layout?id=87812) -->

<!-- (c) Layout created by marbles has lost their marbles (https://layouts.spacehey.com/layout?id=87812) -->

<style>
    .heading{
        
    background-color: black !important;

    }


    main{
     
    background-color: #092A56 !important;
    
    }


    .top{
        
    background-color: #0A1F3D !important;

        
    }
</style>
<style>
    .links{
        
    background-color: #0A1F3D !important;
        
    }
</style>
<style>
    body{
        
    background-color: black !important;
    background-attachment: FIXED
    background-repeat: NO-REPEAT !important;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: COLOR !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>.more{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blog-preview{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.table-section td{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.contact a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.profile .blurbs .section h4{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blurbs .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.friends b{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blurbs .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.friends .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blog-preview h4 a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.table-section .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>h1{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.mood p{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.mood a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.contact .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.url-info b{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.url-info{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.friends-grid a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.logout-btn{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.top a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.general-about{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>body{color: white !important;
text-shadow: 0px 0px 10px white;
font-size: 12px} </style>
<style>.links a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>
    table.details-table{
        
    background-color: #0B2C57 !important;

        
    }
    .profile .details-table td{
        
    background-color: #0B2C57 !important;

        
    }
</style>
<style>
  
  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1111836147530874910/1134738469650976848/Untitled174_20230729004512.png")
  
  }
  
  </style>
<style>
    .contact{
        
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .table-section{
        
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .url-info{
        
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .contact .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .table-section .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .friends .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .blurbs .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    footer{
        
    background-color: transparent !important;

        
    }
</style>
<style>.contact img.icon { 
 display: none; 
}

.contact{background-color:  !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{ 
 /* add to friends */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{ 
 /* add to favorites */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{ 
 /* send message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
 /* forward to friend */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px;  
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
    /* instant message */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
 content: " "; 
 display: inline-block; 
 width: 10px; 
 height: 10px; 
 background-image: url('https://i.ibb.co/Nmy5mFN/Untitled316-20231123164943.png'); 
 background-size: 100% 100%;
} 
</style>
<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "General ☆";
  --topic2: "Music ☆";
  --topic3: "Movies ☆";
  --topic4: "Television ☆";
  --topic5: "Books ☆";
  --topic6: "Heroes ☆";

 }

.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>
    .comments-table td{
        
    background-color: #0B2C57 !important;

        
    }
</style>
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://sillyblinkies.neocities.org/online/imonline.gif);
}
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

</style>

<style>
    main{
                
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</style>

<style>
    .top{
                
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</style>
<style>
    .links{
                
border-radius: 10px;
border: 2px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</style>
<style>
    footer{
                
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</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 20 of 215 comments ( View all | Add Comment )

maddy	1775442242 using!! Report Comment
britishpeoplearentreal	1774382627 using!! Report Comment
romanito	1772594754 using! thank u Report Comment
Zeynep Asia	1772118614 using! Report Comment
unluckyMonster	1771287076 Using Report Comment
♤𝔖𝔱𝔞𝔯♧	1770690797 USING Report Comment
silly m¡au/d0e	1770293075 usingg Report Comment
saelfish	1768659775 using Report Comment
>>-MysteryMax->	1768020932 Using Report Comment
sscottyish	1767929946 using ! Report Comment
misha	1767212554 Using!! Report Comment
misha	1767212554 Using!! Report Comment
kopamuff	1766544508 Using! Report Comment
isabel	1766532665 using Report Comment
ultraviolet	1765767783 using!! Report Comment
𝕲𝖆𝖇	1765652744 using Report Comment
FiddleRatt	1765049590 using :D Report Comment
xXg1litter_g1ueXx	1764736646 thx using Report Comment
𝖼𝗒	1763926711 using!! Report Comment
xXSc0li0zizXx	1763059886 Using Report Comment