starry blue layout

Tags: blue, dark, stars, simple

Description:

this is my first layout ever and it was kinda confusing to make so be nice plzz >_<

Preview:

click on the image for a larger preview

Code:

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

<style>
button, input {
    overflow: visible;
    background-color: black;
    border-style: solid;
    border-color:black;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: #9fd8fb;
    border-style: solid;
    border-color: 000619;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
    color: #660123;
}
.comment-replies {
    padding: 0 5px;
    border: 1.8px solid #660123;
    margin-top: 1px;
}
nav .links a:hover{
  text-decoration: underline;
  color: white;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: black;
    text-decoration: underline;
}
table {
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
}
.comments-table td:first-child, .music-table td:first-child {
    background: black;
    background: black;
    text-align: center;
    font-weight: bold;
    width: 38%;
}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #fcdbb800;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 2px solid blue;
    margin-top: 1px;
}
nav .links .special a {
    color: black;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " ✦ ";
    color: white;
}
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px #ffffff;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-align: center;
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    text-align: center;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    color: black;
}
.details-table td {
    background: #DBEAFE;
    background: var(--lightest-blue);
    vertical-align: top;
    border-style: solid;
    border-width: 0.5px;
}
main {
    background: black;
    color: #0952ae;
    padding: 6px 0px;
    font-size: 90%;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
    border-color: #04234a;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #e3e3e3;
    background-color: #e3e3e300;
}
.container {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 9px 0px 0px 0px;
}
body {
    background: url(https://64.media.tumblr.com/13294caa6993529d643da4c15f48cdae/bcb57fdc9636e7e1-0d/s640x960/6c2caefc82a38cddc379a7d727dbe07cbb41bd9b.gifv);
    font-family: verdan, arial, sans-serif, helvetica neue;

}
:root {
    --logo-blue: #073b7c;
    --darker-blue: #032980;
    --lighter-blue: #084695;
    --even-lighter-blue: #6601230;
    --lightest-blue: #66012300;
    --dark-orange: #;
    --light-orange: #052163;
    --even-lighter-orange: blue;
    --accent-color: #1D4ED8;
.online { visibility: hidden; } .online img { content: url("https://blinkies.cafe/b/blinkiesCafe-pb.gif"); animation-name: none; visibility: visible; height:30px; width: 150px; }
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "☆"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "★"
}
  b .count {color: #b8e2f9}
  
body { cursor: url(http://www.rw-designer.com/cursor-extern.php?id=171091), default; }
  a {color: 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 260 comments ( View all | Add Comment )

Corzy! ^_^	1763903052 Using! This is so awesome i love it Report Comment
THORNE	1763862627 Using ^^ Report Comment
ɴᴇʀᴅʏ ᴘʀᴜᴅᴇ	1763235815 redoing my account and this is perfect! using! Report Comment
Ali3nKorn3L	1763170735 using! Report Comment
♡ Ari ~	1763154862 this is so cute! Using! Report Comment
Shuichi Saihara	1762112955 Using Report Comment
J4Y_B1RD	1762031097 Using!!! Report Comment
J4Y_B1RD	1762031097 Using!!! Report Comment
⠀︵⠀prissy ⠀◌Ⳋ𝅄	1761741104 usando bi Report Comment
mayz !! (silly)	1761527127 using !!! Report Comment
Hel	1761389899 using Report Comment
freblue	1761141764 using! Report Comment
chaysemustdie	1761008173 using :) Report Comment
Loxis// #Fan 1 of Dib Membrane!!	1760752088 Using!! Report Comment
tanner	1760410394 using Report Comment
°★ 。☆ren☆★°☆	1760409230 using :3 Report Comment
cari	1759187880 might use :p Report Comment
Sara	1758969264 Usingggg Report Comment
₊✩‧𝖓𝖆𝖓𝖎✩‧₊	1758500007 usingg🫶 Report Comment
St4r	1758458668 Using! Report Comment