pretty blue butterflies

Tags: blue, nature, aesthetic, cute, simple, y2k, pretty

Description:

ayoo new theme i'm still learning how to make these layouts sorry the code is a mess :( i'm excited to be doing this again!! to use this, copy and paste the entire thing into your "about me" section feel free to edit or change any part of it!

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  color: white;
  font-family: Comic Sans MS;
  text-align: center;
  background-image: url("https://cdn.discordapp.com/attachments/882760816011665431/1043931078190178354/Untitled-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
background-position: fixed;
  text-transform: lowercase;
  background-color: white;
font-family: MS Gothic;
}
.online{
    content: url(https://64.media.tumblr.com/3e7e46039149103b8b623ba171672f5a/286321d930b41110-2c/s75x75_c1/6ad811e62acb172aaedcc8355d9aba95ebc16cb5.gifv);
}
nav {
    color: #bebbee;
    font-size: 72%;
    font-size: max(72%, 12px);
font-family: MS Gothic;
}
element.style {
}
.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
    margin: 0 0 8px 0;
}
.edit-link {
    font-size: 90%;
}
p, ol li, ul:not(nav .links) li {
    font-size: 1.2em;
}
p, ol li, ul:not(nav .links):not(footer .links) li {
    font-size: 0.875em;
    font-size: max(0.875em, 12px);
}
*
   {
    box-sizing: border-box;
}
user agent stylesheet
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
main {
    background: #1f1d4175;
    color: #c5bff6;
    padding: 6px 0px;
    font-size: 80%;
    backdrop-filter: blur(5px);
font-family: MS Gothic;
}

element.style {
}
.profile .blurbs .section {
    margin-bottom: 14px;
}
* {
    box-sizing: border-box;
}
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://64.media.tumblr.com/9e5d25f13bba49784e6eaeb6412ee031/1f31168edc573024-cb/s250x400/2ff3ebbce70855aabf4cc8983ef8e07b8fce2e1a.gifv);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;
}
:root {
    --light-gray: #6e7fd4;
    --gray: #3f65c8;
    --dark-gray: #4261be;
    --darker-gray: #d8d2f6;
    --logo-blue: #1f1d4175;
    --darker-blue: #7581e3;
    --lighter-blue: #37589a00;
    --even-lighter-blue: #c0bcf64a;
    --lightest-blue: #2c284b4a;
    --dark-orange: #a296ef;
    --light-orange: #2a264700;
    --even-lighter-orange: #28244547;
    --strange-yellow: #a198ed;
    --green: #41569a;
    --dark-green: #35509b;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #1f1d4175;
    border: none;
}

.profile .url-info p {
    font-size: 100%;
    margin: 0;
    word-break: break-all;
    color: #ccdd0000;
}
.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #1f1d4175;
    border: none;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #00ffff00;
    text-align: center;
    font-weight: bold;
    width: 38%;
    border: none;
}
.count {
    color: #c5bff6;
}
.profile .friends .person p {
    color: #c5bff6;
    font-weight: bold;
    text-decoration: #c5bff6 dotted;
    text-decoration-line: underline;
    width: 100%;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
.profile .friends .person img:not(.icon) {
    max-width: 105px;
    max-height: 105px;
    display: block;
    margin: 0 auto;
    filter: opacity(0.5);
    border-radius: 100px;
}
main:before {
    width: 100%;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/f6/b4/aa/f6b4aadf8b62ff03d8c41fa98e3ff192.jpg);
    background-position: center;
    background-size: cover;
   border-radius: 30px;
}
.general-about .profile-pic img {
    max-width: 170px;
    max-height: 170px;
    border-radius: 200px;
}
div.heading::after {
content: "˚₊· ͟͟͞➳❥" !important;
color: #c5bff6 !important;
text-align: center !important;
font-size: 15px;
  }
div.blurbs>.inner>.section>h4::after {
content: "˚₊· ͟͟͞➳❥" !important;
font-size: 15px !important;
font-style: italic !important;
text-align: center !important;
color:  #c5bff6 !important;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    filter: opacity(0.5);
    border: none;
}
p, ol li, ul:not(nav .links) li {
    font-size: 1.2em;
}
p.online>img {
    height: 0px !important;
    margin-right: 0px !important;
}
p.online>img::after {
background-image: url(https://64.media.tumblr.com/9e5d25f13bba49784e6eaeb6412ee031/1f31168edc573024-cb/s250x400/2ff3ebbce70855aabf4cc8983ef8e07b8fce2e1a.gifv) !important;
height: 1.5em !important;
    margin-right: 5px !important;
animation-name: none !important;
}
.online {
    color: #ffffff;
    font-weight: bold;
    font-size: 95%;
}
nav .links {
    background-color: #1f1d4175;
    padding: 3.5px 16px 5.5px 16px;
}
.url-info {
    background: url(https://i.pinimg.com/236x/c8/9b/30/c89b30760daafa2a4b04e9823d792f1f.jpg);
    background-position: center;
    height: 200px;
}
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</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 10 of 10 comments ( View all | Add Comment )

Dan⟡	1708379069 AMO! Usando :) Report Comment
⛤ LAZARUS / DOPPIO ⛤	1687540180 using !! Report Comment
Jamie	1677329959 Love this! Using it <3 tysm Report Comment
Olenka	1677262328 Using! I hope it's okay if I changed spmething a little :) Report Comment
sascha	1675303089 using this Report Comment
miyawakiss	1674652424 hii i'll be using this layout but i'll change the photos if its ok!! Report Comment
GENEVIEVE 🕊️	1673025766 Hello! Using! Report Comment
meghan	1671175753 hello! currently using this layout. i hope you don’t mind! i made a few tweaks to make it my own—is that okay? currently there’s no credit anywhere on my page, as none was included in the original layout—would you like me to credit you somewhere? Report Comment you can make any changes you want!! dw about credit :) by whomists; 1671476282; Report
voxxane	1671128929 how did you add that stamp thing> "the worst is in the past now" and how can i edit it and put another one in? im gonna ask for too much but can i get more of them like idk give me links on how to put them? Report Comment i use tumblr to find them, just search "blinkies" and a lot will pop up to insert them, add img src="(put url here)" alt="alternatetext"/ with greater than and less than symbols on the outsides into ur about me wherever u want by whomists; 1671476521; Report
ᯓ★ jay (indigo crayon)	1669627871 using Report Comment