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

adilynn ｡𖦹°‧	1737781748 using!! Report Comment
✧Nova✧	1737601710 Using Report Comment
wren	1737592982 Using this is so cool Report Comment
z Z z ` サ Sunday ! ` Z z z	1737515467 Using Report Comment
Mugen	1737387259 using!!! Report Comment
freebutnotreally?	1736729175 using Report Comment
Andr0_M3dA	1736160460 using tysm!!! Report Comment
Astro!! ☆	1735006603 using!! Report Comment
Isaac	1734746839 using! Report Comment
BeefyChalupa	1734455499 Using, thank you!!! Report Comment
s!r3nscre4m	1733200712 using! Report Comment
mrikan	1731586294 using Report Comment
???	1731363985 using Report Comment
Alex!	1730628874 omg super cool, using it! Report Comment
Sam	1729100831 usiiiing Report Comment
KAZZ!!	1728961373 usinggg!!! really cool layout btw :3 Report Comment
Tails (Vic)	1728783638 So awesome sauce and im using it!!! Report Comment
moonflower	1728762224 using!! Report Comment
crazyblue	1728667661 using!! ;3 Report Comment
Shoyo	1728602913 using!! :3 Report Comment