Simple Space

Tags: simple, space

Description:

Hai! This is the 2nd layout I made, a simple layout! And I hope I will make it again like those cool people who made amazing layouts! And also please leave a comment or kudos if you want to use it! ^_^

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
    background-color: #e3e3e3;
    background-image: url(https://img.gifmagazine.net/gifmagazine/images/704479/original.gif);
    background-size: 1350px;
    background-attachment: fixed;
    font-family: verdana, arial, sans-serif, helvetica;
}
html, body {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
body {
    display: block;
    margin: 8px;
}

nav .top {
    display: flex!important;
    opacity: 1!important;
}
nav .top {
    background: #1D4ED8;
    background: transparent;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
nav {
    color: white;
    font-size: 72%;
    font-size: max(72%, 12px);
}

nav .links, footer .links {
    /* margin: 0; */
    list-style: none;
}
nav .links {
    background-color: #60A5FA;
    background-color: transparent;
    padding: 3.5px 16px 5.5px 16px;
}
ul {
    padding-left: 20px;
}
* {
    box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
nav {
    color: white;
    font-size: 72%;
    font-size: max(72%, 12px);
}
nav {
    color: white;
    font-size: 72%;
    font-size: max(72%, 12px);
}
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 0px #095DC3;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
a {
    color: #1E40AF;
    color: var(--darker-blue);
    text-decoration: none;
}

a {
    background-color: transparent;
}
* {
    box-sizing: border-box;
}

main {
    background: transparent;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
}
main {
    display: block;
}

nav, footer, .profile .contact {
    display: inherit!important;
    opacity: 1!important;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid #60A5FA;
    border: 2px solid #ffffff;
    margin: 10px 0;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #60A5FA;
    background: #ffffff;
    color: black;
    padding: 2px 7px;
}

.details-table td:first-child {
    background: #BFDBFE;
    background: #ffffff;
    color: #1D4ED8;
    color: #000000;
    font-weight: bold;
    width: 33%;
}

.details-table td {
    background: #DBEAFE;
    background: #000000;
    vertical-align: top;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: #ffffff;
    color: #ED0707;
    color: #000000;
    padding: 2px 7px;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: #ED0707;
    color: #ffffff;
}

.count {
    color: #c9b6e9;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #f9c56c;
    background: transparent;
    text-align: center;
    font-weight: 100;
    width: 28%;
}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background: transparent;
    vertical-align: top;
}

a {
    color: #1E40AF;
    color: #c9b6e9;
    text-decoration: none;
}

.online {
    color: #ff00bd;
    font-weight: bold;
    font-size: 95%;
}
.online img {
    content: url(https://i.kym-cdn.com/photos/images/newsfeed/001/206/382/b7a.gif);
    height: 2.9em;
    margin-right: 5px;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

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

nav, footer, .profile .contact {
    display: inherit!important;
    opacity: 1!important;
}
nav, footer, .profile .contact {
    display: inherit!important;
    opacity: 1!important;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: transparent;

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

AARON !!

1715801231

USING!! THANIYOU!!

Report Comment

Simon

1686517522

I will use it, its super cute <3

Report Comment