simple yellow-white layout

Tags: simple, yellow

Description:

i coded this up randomly because i was bored ill code and post more soon out of pure boredom yes i will make some that are like dark mode-ish thanks if you decide to use it

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
    background-image: url( https://media.discordapp.net/attachments/920232145706946620/1102603094136733736/Untitled808_20230501103030.png);
    background-size: 60%;
    text-align: center;
}
</style>

<style>
main { 
    background-color: white;
    background: white;
    color: #fcd33f;
    font-family: monospace;
    font-size: 90%;
    box-shadow: 10px 10px #ffd970;
    border: 4px solid #ffe175;;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 98%;
}

</style>

<style>
a {
   color: #fcd33f;
}

p {
   color: #fcd33f
}

</style>

<style>

.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: #ffd970;
    color: white;
    padding: 2px 7px;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner {
    padding: 7px;
    border: 2px solid #ffd970;
    margin-bottom: 10px
}

</style>

<style>

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid #ffd970;
    margin: 10px 0;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #60A5FA;
    background: #ffd970;
    color: white;
    padding: 2px 7px;
}

</style>

<style>

footer { 
     background: white;
     color: white;
}
</style>

<style>

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

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

</style>

<style>

.profile .blurbs .section h4 {
    margin: 0;
    color: #ED0707;
    color: #ffa977;
}

.count {
    color: #ffa500;
}

</style>

<style>

.profile-info {
    border: 2px solid #ffd970;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

</style>

<style>
nav .top {
    background: #1D4ED8;
    background: #ffd970;
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
}

nav .links a {
    text-decoration: none;
    color: #ffd891;
    text-shadow: 0 0 7px rgb(255 134 0 / 37%);
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

nav .links {
    background-color: #60A5FA;
    background-color: #ffffff;
    padding: 3.5px 16px 5.5px 16px;
}

</style>

<style>

.comments-table td:first-child, .music-table td:first-child {
    background: #f9c56c;
    background: #ffebb4;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comment-replies {
    padding: 0 5px;
    border: 5px;
    margin-top: 10px;
}

.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #fffaed;
    vertical-align: top;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background: #ffebb5;
    border: 2px;
    color: #ffbf70;
}
</style>

<style>

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    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 7 of 7 comments ( View all | Add Comment )

Papitasfritasinsanas123	1733439146 SILNGSHOT Report Comment
default ☆	1714385129 using :), but would be really cool if you can make this in more colors Report Comment
amber	1686459552 can u make this in like a green and pink? Report Comment
bellaa	1684713428 defo using!! this is my fave color Report Comment
skara !! ☆	1684692263 USING :33 Report Comment
PepperMerriBee⭐	1684639118 I love yellow so this layout is cool C: Report Comment
Gabb	1683160950 I like it! Yellow is my favourite colour! Report Comment