blue dream & rain drops

Tags: blue, gingham, rain, cottagecore, kawaii, pixel

Description:

UPDATED LAYOUT!!!

extra info

includes an animated h1 header (your name)
cute fonts
polaroid effect for your pic & friends picture
custom contact icons
rain all over the page (overlay)
scrolling friends & comments
optimal for mobile

🤍 leave me a comment if you like it or you're using it 🤍

you can modify it as you want but please don't post it in the layout page as yours
gimme some credit

also you can request ideas for a layout

Preview:

click on the image for a larger preview

Code:

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

<style> 
@font-face {font-family: "Bubble Tea"; src: url(http://static.tumblr.com/npggxjg/BGsm22nnu/bubble_tea.ttf);}
@font-face {font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf');}
@font-face {font-family: "Hello Kitty Angel"; src: url('http://static.tumblr.com/npggxjg/JPrmeyboy/hello_kitty_angel.ttf');}

@font-face { font-family: "hearts"; src: url('https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf'); }


:root {     
        --logo-blue: #;
        --darker-blue: #b1c1e9;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}
        

html:before {
  animation: grain 30s steps(2) infinite;
  background-image: url(https://i.pinimg.com/originals/62/cb/bf/62cbbf3021778f2f6db1320a261fb88b.gif);
  content: "";
  height: 900%;
  opacity: .1;
  position: fixed;
  top: 0%;
  width: 700%;
  pointer-events:none;}
    


.online img{
  font-size:0px;
}
.online{
    text-transform: ;
    color: transparent!important; font-family: ; 
        letter-spacing: px;
}
.online:before{
  display:inline;
  content:url('https://i.ibb.co/FgxP1Mx/2591088a2sjr2i9e1.gif');margin-right: -50px;
}  

  

.search-wrapper input[type=text] {
        font-family: courier new;
        color: black;
        background-color: #;
        background-image: url("");
        background-size: 55px;
        background-position: top;
        border: 1px solid #ccc!important;
        border-radius: 10px !important;
        font-size: 12px;}
        
button{
        border-radius:  !important;
        border: 0px !important;
        text-transform: lowercase; 
        font-family: ;
        font-size: 10px!important;
        background-color: transparent!important;
        width:;
        color: white!important}

.contact { 
  text-align: center;}

.inner img{
border-radius: px;
filter: grayscale(40%);}

.friends a p{
        font-size: 0px!important;
        font-family: ! important;        
        font-weight: 200;       
        letter-spacing: px!important; 
        color: #!important;} 

.friends {display: ;}
.profile-info {display: none!important;}
.url-info {display: none;}
.section h4{display: ;}
.blog-preview {display: ! important;}
.blurbs h4{display: ;}
.heading {display: ;}
footer{background: transparent;}
.table-section:last-child {display:  !important;}   
.friends .heading{display: ;}
.comment-replies{border: 0px solid white !important;}



.more, .url-info, .profile-info, .button, .friends-grid,  .blurbs h4, .blurbs .heading
{display: none;}   


.details-table td:first-child{display:  none!important;  }




body {
        background: URL("https://i.postimg.cc/NMxHsF1C/blue.jpg"); background-color: #fff;
        background-size: 70%;
        background-attachment: repeat;
        text-transform: lowercase;}

p, nav label, .section, .profile .table-section, table.comments-table td{
        font-family: hearts; color: #; letter-spacing: px; line-height: 10px;
        font-size: 15px;}


.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 1px;
        padding: 9px;}
    

.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 40px;
  background-image: url(https://wilardo.crd.co/assets/images/gallery31/c928a3ff.png?v=e670c4e7);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;}

.mood b:before {content:url(https://mypillowfort.nekoweb.org/media/316.png)!important;padding-right:4px!important}


.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img

{
border: 0px dotted gray !important;
outline: none !important;
}


.contact {
  border-radius: 15px;
  background: url(https://i.pinimg.com/originals/14/56/2b/14562b93e63225888743457f0cd9a78f.gif);
  background-size: 100%;
  background-position: center;
  background-repeat: repeat;
  padding: 5px;
  width: px;
  height: px;}

.contact .inner a img {margin-right: -4px;
        font-size: 0;}
    
.contact .inner a{
        letter-spacing: px; 
        color: #444 !important; 
        font-weight: 00;      
        font-size: 20px!important;
        font-family: Hello Kitty Angel;
-webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #000;}



.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-d.gif")   
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-h.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-l.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-f.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-i.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-j.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-e.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://caitsith.neocities.org/emoticons/bbs-kuma-k.gif")
    } 
    


nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: url("https://64.media.tumblr.com/12b00c5876edf2bed1ae22e4041fdaae/cd8bca7c1254fca0-58/s75x75_c1/018e7d4363db0cb6343d2a194ce4e08f1cdf6633.webp") !important;
padding-left: 4px !important;}

.friends-grid {
    height: 140px;
    overflow-y: scroll;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.profile .friends .person {
    position: relative;
}
.profile .friends .person a:not(a:first-child) {
    border: solid white;
    border-width: 5px 5px 25px;
    box-shadow: 3px 3px 5px #515151;
    width: px;
    display: table-cell;
transform: rotate(deg);
}
.profile .friends .person a:first-child p {
    position: absolute;
    top: 100px;
}
.profile .friends .person img:not(.icon) {
    width: px;
    height: px;}


.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon) {
    border: solid white;
    border-width: 5px 5px 25px;
    box-shadow: 3px 3px 5px #515151;
    width: px;
    display: table-cell;
transform: rotate(deg);}

    

.general-about .profile-pic {
    background: white;
    padding: 5px 5px 33px;
    box-shadow: 1px 1px 5px #515151;
    height: auto;
    transform: rotate(deg);
    filter: grayscale(35%);}


nav {
        border-radius: 0px 0px 0 0;
        text-align: center;}

nav .top a, nav .links a{
text-shadow: 0px 0px 0px white;
    color: #fff!important; text-align: center;
    font-family: hearts! important;  font-weight: bold; 
    font-size: 15px! important;      
    letter-spacing: px!important;
     } 

nav .links{
        background-color: transparent !important;
        border: 9px solid black;
        border-image: url("https://foollovers.com/mat/baf/frill/fr32-014-d.gif") 
        
        9 fill round;
        font-family: ; ; 
        text-align: center;
        margin-bottom: 10px !important;}
 

.heading {font-size: 0px! important;
        padding: 0px 0 !important;
        text-align: center;
        margin-top: 1px;
        margin-bottom: 1px;
        background-color: # !important;
        color: # !important;
        border-bottom: 0px solid;}
        
.icon, .award img {
    content: url(https://caitsith.neocities.org/f1075480.gif);
    display: inline-block;
    height: em;
    width: em;
    margin: 0 .05em 0 em;
    vertical-align: -0em;
    }

b {
font-size: 9px!important;
        font-family: stars;
        color: #000; background-color: #;        
        text-transform: !important; 
        font-weight: bold;
        letter-spacing: px;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #;       
        margin-bottom: px!important;
        margin-top: 10px!important;
        line-height: 0px!important;
        text-align: center;}


h1 {
font-size: 30px!important;
        font-family: Bubble Tea;
        color: #fff;         
        text-transform: !important; 
        font-weight: 200;
        letter-spacing: px;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #000;
        font-weight: ;
        margin-bottom: 40px!important;
        margin-top: 10px!important;       
        text-align: center;
        line-height:90px!important;
        background-image: url("https://i.postimg.cc/gJbKZjGx/illustration-of-pixel-cloud-icon-png.png");
        background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;

animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
background-image: url("https://i.postimg.cc/gJbKZjGx/illustration-of-pixel-cloud-icon-png.png");background-position: center;}
  
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}
        

table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}


table.comments-table {
background: url(https://i.postimg.cc/B6JjV3dL/pattern-composed-delicate-light-blue-floral-motifs-against-white-background-design-features-intertwi.jpg);
background-size: 100%;}


a:hover{
text-decoration-style: wavy!important;
background-color: # !important;
background-image: url('https://i.postimg.cc/yNGFf5D3/1cf618ac-original.gif') !important;
background-repeat: repeat !important;
background-position: center !important;
background-size: 15px !important;
}


a:hover {
        
    color: #fff!important;font-size: 11px!important;}       


.friends .heading:after {
    content: url(https://caitsith.neocities.org/favicons/f289943.gif); margin-left: 3px;}
.friends .heading{ font-size:0;}
.friends .heading:before{ content: "pals"; font-size:25px; font-family: Hello Kitty Angel; font-weight:bold; color: #000;}


.friends#comments .heading:after {
    content: url(https://caitsith.neocities.org/thought.gif); margin-left: 3px;}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comment something" url(); font-weight:bold ; font-size:25px; font-family: Hello Kitty Angel; color: #000; }


.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.0rem;margin-left:5px; }
.blog-preview h4:before{ content: "my blogs"; font-size:27px;font-family: Hello Kitty Angel; color: #000; font-weight: bold; background-color: #;-webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #000;}
 
.blog-preview h4:after{
    content: url(https://caitsith.neocities.org/weirdbook.gif); margin-left: px;} 

 
.blog-preview p .pinned .icon {
   content: url(https://mypillowfort.nekoweb.org/media3/tumblr_0336d105f993bf2354700aaf7109cbc8_56b1aec2_75.gif) !important;}

</style>


<img width="19%" height="auto" src="https://64.media.tumblr.com/a50472defc9ee84f1117ea2e1888146c/tumblr_inline_mly8ywMT6Y1qz4rgp.gif" alt="about me"/>
<br/><br/><div style="text-align: center;"> 
here goes your about me!</div>

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

ghost girl	1769363761 Using!! Report Comment
specimenboy	1767993723 usingg!! Report Comment
Eliane🍄✨	1766858030 usingg!! Report Comment
Ze ˗ˋˏ ♡ ˎˊ˗ ✦༉‧₊˚	1766803708 Using! Report Comment
𓏏𓏏 ⸝⸝ 🐇 Rui 𓈒 ／ ⋆ ۪	1766514620 Using !! (˶˃ ᵕ ˂˶) Report Comment
Satoru Gojo⁠☆	1764753988 Using Report Comment
𝚐𝚎𝚖<𝟹	1764652038 using Report Comment
RUBY	1764267575 lovvve it , using (: Report Comment
ang	1762898018 super cute! usingg Report Comment
sca11r	1762682091 Usinggg Report Comment
orchid (・_・;)	1762586593 using! Report Comment
cig_restt	1762561444 usando Report Comment
⋆˚࿔ Lola 𝜗𝜚˚⋆	1760641881 using! Report Comment
cataas13	1759365758 this is EXACTLY what i was looking for! def using Report Comment
charlie	1758385172 usingg! Report Comment
◟♯ . / 𝚓𝚗𝚢 . !	1758352110 using Report Comment
nik	1756904844 using! Report Comment
Junie!	1755857591 using! Report Comment
꒰ ⊹ ˚. 𝐀𝐮𝐫𝐞𝐚 𖧧 ७	1755840957 using >> Report Comment
rebsaii	1755578349 me use Report Comment