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

navyblue	1749850155 using!!! Report Comment
Lunimarr	1749609260 using Report Comment
Astronomical ☆	1748985728 using!! Report Comment
marshlol	1748898257 Using!!!!! :0 Report Comment
Monét	1748609268 Using !! Report Comment
Monét	1748609267 Using !! Report Comment
mephiles	1748039894 using!! Report Comment
CheesyStars	1745730606 usingg Report Comment
jobo	1744210965 using Report Comment
no1knowme	1743884033 usingg Report Comment
Damien☆ ★ ✮ ★ ☆	1743509154 Using Report Comment
RIVER:3	1743230508 using :] Report Comment
boss	1743005984 using Report Comment
mmarl<3	1742963131 usingg Report Comment
☆:..｡.𝙺𝙸𝚃𝚃𝚈 .｡.:☆	1742498719 Using! I love this!! Report Comment
Desi	1741176983 I love it! im using Report Comment
Desi	1741176982 I love it! im using Report Comment
Desi	1741176981 I love it! im using Report Comment
Desi	1741176980 I love it! im using Report Comment
Desi	1741176979 I love it! im using Report Comment