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

Eddieconfetti	1768602518 Using <3 Report Comment
Arin	1768181937 Using right now Report Comment
arlecchino	1768075392 using Report Comment
MAC.ᐟ	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
eow_<3	1759672366 usiiing Report Comment
Andie	1758190178 Using!! Report Comment
Bazinga	1757768213 Useinggggg! :D Report Comment
4mnq	1755824585 usinggggggggg! Report Comment
sweet.dreamszzz	1755403714 using, ts way too cool Report Comment
nightst444r	1755022015 Def using!! Report Comment
nightst444r	1755022009 Def using!! Report Comment
┊Marii^^✩┊	1753374964 dude i love this sm im gonna use this for my space themed profile Report Comment so cutee! by ch3rry 🍒; 1753392440; Report ahhh tysm!!! by ┊Marii^^✩┊; 1753805022; Report
Tess!	1753310895 using!! Report Comment
monica ‧₊˚✩彡	1752038392 using!!! Report Comment