halfassed halfmade silly rainbow nature layout

Tags: silly, nature, corecore, homestuck, rainbow
Description:

umm it has like autoplay music, a bee cursor, a like lime green online thingy and some cute rainbow falling snowflake thingies but thats liek it (put snowflaeks in the second sect for it 2 work trust me) also the nav links r glowing for some reason (I DONF KNOW WHY) and umm half of thhe title things are red os thats fun
Preview:

click on the image for a larger preview
Code:

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

<style>

.profile .friends .person img:not(.icon) {
-webkit-mask-image: url(https://file.garden/ZOul9vz9mjPzmzEF/starr.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
</style>  

<style>
.logo {
content:url("https://file.garden/ZOul9vz9mjPzmzEF/QUICK%20CONTAIN%20IT.png");
}
</style>

<style>

.profile-pic:after { background-image: URL("https://tenor.com/view/jade-harley-jade-homestuck-gif-16780743774060241418"); display: inline-block; content:"" }

.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } 

/* profile */ 

<style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}.online{
content: url(https://file.garden/ZOul9vz9mjPzmzEF/online2.webp);}
</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/SMWsIrI4xIM?loop=1&autoplay=1&controls=0&start=0&playlist=SMWsIrI4xIM&&#x201D;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
</iframe>

<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAA/+/WADG15wD///8A99alAOetYwA5WnsA9+fGAJze9wBjxucA9+//AMat9wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGYAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAYgCQAAAAAAAAAAAAAABmZikACQAAAAAAAAAAAAAAmZlikAAgAAAAAAAAAAAAaAu5likAJgAAAAAAAAAAAGibuZYpAGUAAAAAAAAAAABokJmWZgAUUAAAAAAAAAAAaJmZlhdFF0UAAAAAAAAAAAaIiGBRdRdFAAAAAAAAAAAAZmYAU6UxpQAAAAAAAAAAAAAAAAVQVVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////////////////////////////////////////////////////////////////////////////////w////4H///8A///wAP//4AD//8AA///AAP//wAB//8AAP//gQD//8MA///bkf//2////5P///+T/////////w=='), auto; }</style>


<style>
@import url('https://www.fontspace.com/brookeshappell8-font-f15898');
body{font-family: 'Brook', sans-serif;}
{background-color: #72ad7b;} 
img {
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: #72ad7b;
background-color: #72ad7b;
border: 1px ;
font-family: inherit;
}
p, i, b, .count {
color: #72ad7b !important;
}
a, .profile .friends .person p, .logout-btn {
color: #72ad7b !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #72ad7b;
}
nav .top {
margin-top: 2px;
background: none;
background-color: #90d09a;
border: 2px #90d09a;
border-bottom: none;
}
nav .links {
background-color: #7fb887;
border: 2px solid #90d09a;
}
body{
background-image:
url(https://file.garden/ZOul9vz9mjPzmzEF/LETS%20TRY%20THIS%20AGAIN.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: #aed0ba;
color: #6cb283;
border-left: 2px #aed0ba;
border-right: 2px #aed0ba;
}
.heading, .url-info {
color: # !important; #79a980
background: none;
background-color: #90d09a !important;
border: 2px #90d09a !important;
}
.inner {
color: #92c99a !important;
border: 2px #92c99a;
border-top: none;
}
.profile-info {
border: 2px #92c99a;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px #92c99a;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #90d09a !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px #73a07a;
border-collapse: collapse;
}
td {
color: #90d09a !important;
background: none;
background-color: #90d09a !important; 
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: #90d09a; 
border: 2px #79a980;
}
footer p {
color #79a980 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px #79a980;
margin: 2px;
}
nav .info {
background: none;
}

</style>

<style>
/*Custom Contact Icons */
.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:URL("https://file.garden/ZOul9vz9mjPzmzEF/another%20rainbbow.gif");}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorite */
content:url("https://file.garden/ZOul9vz9mjPzmzEF/sparklez.gif");}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send a Message */
content:url("https://file.garden/ZOul9vz9mjPzmzEF/icdecream.gif");}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Foward to Friend*/
content:url("https://file.garden/ZOul9vz9mjPzmzEF/rainbow.gif");}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:url("https://file.garden/ZOul9vz9mjPzmzEF/psychadelic%20heart.gif");}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:url("https://file.garden/ZOul9vz9mjPzmzEF/rainboww.gif");}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group  */
content:url("https://file.garden/ZOul9vz9mjPzmzEF/rainbow%20but%20better.gif");}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report */
content:url("https://file.garden/ZOul9vz9mjPzmzEF/rainbow%20starss.gif");}
</style>


(PUT THIS IN 'WHO ID LIKE TO MEET')

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://file.garden/ZOul9vz9mjPzmzEF/mini%20winsg.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
   <img src="https://file.garden/ZOul9vz9mjPzmzEF/sparkles.gif" width="20" height="20"/> 
  </div>
  <div class="snowflake">
 <img src="https://file.garden/ZOul9vz9mjPzmzEF/heart.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
  <img src="https://file.garden/ZOul9vz9mjPzmzEF/basketball.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
  <img src="https://file.garden/ZOul9vz9mjPzmzEF/sun.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
  <img src="https://i.postimg.cc/pdPjGrKz/neon-heart1.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
   <img src="https://file.garden/ZOul9vz9mjPzmzEF/spiral.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
  <img src="https://i.postimg.cc/pdPjGrKz/neon-heart1.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
   <img src="https://file.garden/ZOul9vz9mjPzmzEF/dolphin.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
  　<img src="https://file.garden/ZOul9vz9mjPzmzEF/butterfly.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
<img src="https://file.garden/ZOul9vz9mjPzmzEF/flower.gif" width="20" height="20"/>
  </div>
  <div class="snowflake">
   <img src="https://file.garden/ZOul9vz9mjPzmzEF/bomb.gif" width="20" height="20"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #00000;
  font-size: 0.00 em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}</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 0 of 0 comments ( View all | Add Comment )