Pastel Star Layout

Tags: pastel, star, pink, blue, cute, bright, rainbow

Description:

a cute pastel starry layout
please comment if using

Code:

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

<style>
.container {
    width: 810px;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 10px 0px 0px 0px;
}
.online {
    content: url(https://dl.glitter-graphics.com/pub/272/272679lz7b9hcea1.gif);
    filter: hue-rotate(243deg)brightness(1.5);
    color: #0C8C00;
    font-weight: bold;
    font-size: 95%;
    box-shadow: inset 0 0 10px #97c022;
}
nav .links a:hover{
  text-decoration: underline;
  color: #00ffb8;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: #f3a4ff;
}
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px #ff88f9;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
.count {
    color: #abfdff;
}
footer {
    border-radius: 30px;
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #e3e3e3;
    background-color: #ffc1fe94;
    color: #93ffed;
}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background-image: url(https://i.pinimg.com/564x/bf/9d/cf/bf9dcf03873daa6806c70d7376b1aa02.jpg);
    vertical-align: top;
}
body {
    background-image: url(https://i.pinimg.com/originals/d6/64/0a/d6640afad52cffc909b2940daf526f14.gif);
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #00ffb8;
    text-decoration: underline;
}
.comments-table td:first-child, .music-table td:first-child {
    text-align: center;
    font-weight: bold;
    width: 38%;
    background-image: url(https://i.pinimg.com/564x/bf/9d/cf/bf9dcf03873daa6806c70d7376b1aa02.jpg);
}
main {
    box-shadow: inset 0 0 20px #f405ff7d;
    color: black;
    padding: 6px 0px;
    font-size: 80%;
    background: transparent;
}
.profile-info {
    border: 2px solid rgb(255 200 252);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
    border-radius: 30px;
    background-image: url(https://i.pinimg.com/564x/bf/9d/cf/bf9dcf03873daa6806c70d7376b1aa02.jpg);
}
nav .top {
    background: #1D4ED8;
    background: linear-gradient(#ffa8df, #c2ffe4);
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    border-radius: 30px 30px 0px 0px;
}
nav .links {
    background-color: #60A5FA;
    background: linear-gradient(#c2ffe4, #ffa8df);
    padding: 3.5px 16px;
}
main {
    box-shadow: inset 0 0 11px #ff63e3;
    color: black;
    padding: 6px 0px;
    font-size: 90%;
}
a {
    color: #1E40AF;
    color: var(--darker-blue);
    text-decoration: none;
    text-shadow: 0 0 10px #8becff;
}
.details-table td p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    background: linear-gradient(45deg, #9afaff, #ff9fff);
}
button, input {
    overflow: visible;
    background: linear-gradient(45deg, #9afaff, #ff9fff);
    border-color: #bdebff;
    color: #f66dff;
}
.profile .friends .person p {
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #21ceff;
    --darker-blue: #ffffff;
    --lighter-blue: #ff97fb;
    --even-lighter-blue: lavender;
    --lightest-blue: #DBEAFE;
    --red: #FF0000;
    --dark-orange: #ffffff;
    --light-orange: #ff97fb;
    --even-lighter-orange: #fcdbb8;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}
</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 13 of 13 comments ( View all | Add Comment )

olivia	1705863794 using! Report Comment
olivia	1705863791 using! Report Comment
olivia	1705863791 using! Report Comment
olivia	1705863790 using! Report Comment
olivia	1705863790 using! Report Comment
olivia	1705863790 using! Report Comment
olivia	1705863790 using! Report Comment
olivia	1705863789 using! Report Comment
olivia	1705863765 using! Report Comment
olivia	1705863765 using! Report Comment
olivia	1705863764 using! Report Comment
olivia	1705863764 using! Report Comment
olivia	1705863763 using! Report Comment