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

thomas.	1732306981 using ! Report Comment
Pearl (Haruka's Beloved)	1732218153 usingg Report Comment
Otto Mozer	1726506797 using >:) Report Comment
BouncyCaptain	1725284090 Using! Report Comment
GAMBIT	1725272285 USING!! Report Comment
Cherry🍃🔮	1724824388 using ! Report Comment
☆Mya★	1724775289 useing ^^ Report Comment
peacebymisery	1722905267 using Report Comment
Freddu	1722814231 using Report Comment
✧↬ Sunday	1721948149 Using! :) Report Comment
GABRIEL: THE RIGHTOUS HAND OF THE FATHER 𓆩♱𓆪	1721763868 usingg!!! Report Comment
jspkan.w	1721126733 used Report Comment
✧Nagisa✧	1720999493 using!! /ooc Report Comment
Kaden	1720930352 Using Report Comment
Desa(em) [any pronouns!]	1720623724 using! Report Comment
Howboy	1719980580 using!! :) Report Comment
𝑶 𝒄𝒂𝒑𝒕𝒂𝒊𝒏!	1719714053 Using Report Comment
Tod/Ben!	1718234127 Using! Report Comment
eden	1717340314 using! Report Comment
ᶻz ◜ ɴᴏᴠᴀ ◞ 𖦹	1717121799 using!! Report Comment