Blue Star Layout - Space inspired

Tags: stars, blue, dark blue, pretty, dark theme, starry sky, star layout, dark, layout, layouts

Description:

Learned how to make a layout so I wanted to share my first creation :3 THANK YOU FOR USING THIS I LOVE UU

(update 2/6/24: online status)

LAYOUT TUTORIAL: In the main menu, click on "Edit Profile". In there you should see an "About me" box. Back to this tab, copy the entire code thats in the "Layout code" box. Go back to the tab with the "about me" box and paste the code you copied, into that box. When its pasted, click "save all" and then view your profile 😊

Preview:

click on the image for a larger preview

Code:

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

<style>
button, input {
    overflow: visible;
    background-color: #010528;
    border-style: dashed;
    border-color: #020211;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: #010528;
    border-style: dashed;
    border-color: #ff;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
    color: #fff;
}
.comment-replies {
    padding: 0 5px;
    border: 1.8px dashed #fff;
    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: #B3B3DC;
    text-decoration: underline;
}
table {
    border-top-color: rgb(2, 2, 17);
    border-right-color: rgb(2, 2, 17);
    border-bottom-color: rgb(2, 2, 17);
    border-left-color: rgb(2, 2, 17);
}
.comments-table td:first-child, .music-table td:first-child {
    background: #010528;
    background: #66012300;
    text-align: left;
    font-weight: light;
    width: 30%;
}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #fcdbb800;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 2px solid #020211;
    margin-top: 1px;
}
nav .links .special a {
    color: #fffff;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " ✩ ";
    color: white;
}
nav .links a {
    text-decoration: underline;
    color: white;
    text-shadow: 0 0 7px b;
    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: #B3B3DC;
}
.details-table td {
    background: #fffff;
    background: var(--lightest-blue);
    vertical-align: top;
    border-style: solid;
    border-width: 0.5px;
}
main {
    background: black;
    color: #2C2C76;
    padding: 6px 0px;
    font-size: 100%;
    border-style: dashed;
    border-width: 0px px 2px 2px;
    border-color: #020211;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #fff;
    background-color: #e3e3e300;
}
.container {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 9px 0px 0px 0px;
}
body {
    background: url(https://i.pinimg.com/originals/4c/ba/b9/4cbab97eaf40a31982176951814d0c11.gif); no-repeat fixed; background-size: 600px;

}

a {
     color: #B3B3DC;
text-shadow: 0 0 2px white;
font-family: verdana, cursive;
font-size: 17px
line-height: 50px;

}

:root {
    --logo-blue:;
    --darker-blue: white;
    --lighter-blue: #020211;
    --even-lighter-blue: #020211;
    --lightest-blue: #020211;
    --dark-orange: #2C2C76;
    --light-orange: #020211;
    --even-lighter-orange: #020211;
    --accent-color: #2C2C76;
}

.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 Favorites */

	content: "✩"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "✩"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward 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 to Group */

	content: "✩"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "✩"

}

.count {
    color: #b3b3dc;
}

.profile .friends .person p {
    color: #b3b3dc;
    font-weight: light;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.online { visibility: hidden; } .online img { content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fba9c3e9-5f1f-461b-992e-7655ffa0233a/d9s7qxh-9e3c5544-2c31-49cd-b405-ad7d96801252.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2ZiYTljM2U5LTVmMWYtNDYxYi05OTJlLTc2NTVmZmEwMjMzYVwvZDlzN3F4aC05ZTNjNTU0NC0yYzMxLTQ5Y2QtYjQwNS1hZDdkOTY4MDEyNTIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.YsBkTxCCCWhxp230AjxIW1lumlhNGJRmJK2VYWP6lcg); animation-name: none; visibility: visible; height: 40px; width: 80px; 

}

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

K3i1k0	1778307716 ussssssiiiiiingggg Report Comment
Ი𐑼⋆Maximo⋆Ი𐑼	1776710643 USING!!!! Report Comment
Bacteria	1775429050 Using!!! Report Comment
Bacteria	1775429044 Using!!! Report Comment
Little_Ghost	1774208342 using!! Report Comment
st4rfr	1769719573 using itt, its sooo cooool Report Comment
⋆˚꩜.ᐟ mirazz ⋆˚꩜.ᐟ	1769045563 using tyy Report Comment
Dream★	1769037863 Usando ★ muchas gracias 🫂 Report Comment
Eddieconfetti	1768602518 Using <3 Report Comment
Arin	1768181937 Using right now Report Comment
arlecchino	1768075392 using Report Comment
beebeebeebee	1766851396 using!! Report Comment
BlackWhite165D	1765569699 using Report Comment
𝖅𝖎𝖕𝖕𝖞 💫	1765393306 using this :D Report Comment
pochocooo	1764316342 using this :-) Report Comment
Ghoulia	1764003495 using this theme ! Report Comment
𑣲 𝙝𝙤𝙬𝙡𝙚𝙩𝙩 .	1761782333 using :3 Report Comment
SamTheHam	1760796903 usingg Report Comment
Ａｎｄｉｅ	1758190178 Using!! Report Comment
Bazinga	1757768213 Useinggggg! :D Report Comment