simple studio ghibli inspired layout

Tags: studio ghibli, rain, blue, lofi, totoro

Description:

simple studio ghibli inspired layout with rain overlay - all features there except from the special icons in nav (christmas, new years, "new" before the app link) because they get on my nerves

feel free to edit as much as you wish!! credit not needed but appreciated,, please do comment if using tho!!

any problems j lmk,, ill try and fix it as soon as i can!! still works on mobile but the font is different since its not supported when not using windows,, sorry!!

ill probably update it every so often too :))
[update: rain overlay image link stopped working, replaced it!]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by woodlouse ✰°.ೃ࿔*:･ (https://layouts.spacehey.com/layout?id=93748) -->

<style>
*, nav, nav .links a, .logout-btn {
font-family: ms ui gothic!important;
text-shadow: 0px 0px 6px white;
color: white;
}
* {
cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym600.cur), auto !important;
}
.container{
max-width:100%;
width:calc(100% - 100px);
}
main, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading, .comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td, .details-table td, .details-table td:first-child {
background: transparent;
}
nav .top .left .logo {
display: none;
}
nav .top .left .christmas, nav .top .left .special-icon, img[src= "https://static.spacehey.net/icons/new.png"] {
display:none;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, .comments-table {
border: none;
}
.blurbs, .blog-preview, .url-info, .contact, .friends, .table-section, .mood, .general-aboout, .profile-info, nav, footer {
background-color: #00000077;
border: 2px white dashed!important;
box-shadow: 0px 0px 4px white inset, 0px 0px 4px white;
border-radius:  10px;
}
a:any-link {
color: white;
}
.online{
content: url("https://i1.glitter-graphics.org/pub/986/986381ihw419ost5.gif");
}
h4 {
color: white;
font-weight: 700;
font-style: italic;
text-decoration: underline dashed;
}
.name {
font-size: 22px;
font-weight: 1000;
font-style: italic;
text-decoration: underline dashed;
}
body {
background-image: url(https://i.pinimg.com/originals/c2/38/5f/c2385f451fc41590977e576b70ad0a95.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat:none;
}
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.postimg.cc/R0MbwcvD/rain-overlay.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  top: -110%;
  width: 300%;
  position: fixed;
pointer-events:none;
}

a:not(.friends a):hover, nav .links a:hover {
background-color: transparent;
background-image: url(https://wdlus.carrd.co/assets/images/gallery02/fc330a37.gif?v=fa97d6b6);
background-size: cover;
text-decoration: none;
color: #b2c0ce;
text-shadow: 0px 0px 6px #b2c0ce;
transition: 0.5s;
}
.top .left a:after {
content: "spacehey.com";
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
  content: " : ";
  color: white;
}
nav .top, nav .links, h4, h1, .url-info b, .friends b, .details-table td:first-child p, .contact a {
background-color: transparent;
text-transform: uppercase;
}
.comment-replies, .comments-table td:first-child, .music-table td:first-child, .comments-table td:last-child, .music-table td:last-child {
border: 2px dashed white;
}
.comments-table td:last-child, .music-table td:last-child {
border-top: none;
border-left: none;
border-right:none;
}
.comments-table td:first-child, .music-table td:first-child {
border-top: none;
border-left: none;
}
.comments-table tr:last-of-type td:first-child, .music-table tr:last-of-type td:first-child, .comments-table tr:last-of-type td:last-child, .music-table tr:last-of-type td:last-child{
border-bottom:none;
}
.comment-replies {
border-left: none;
border-bottom:none;
border-right:none;
}
.count, .profile .blurbs .section h4 {
color: skyblue;
}
nav .links .icon {
content: url(https://wdlus.carrd.co/assets/images/gallery01/a0c81117.gif?v=fa97d6b6);
}
button, input {
color:black;
text-transform:uppercase;
}
.contact img, .details-table .icon {
filter: grayscale(1) invert(1) brightness(3);
}
.profile .friends .person p {
color:white;
}
.general-about .profile-pic img, .table-section .person a img {
-webkit-mask-image: url(https://i2.glitter-graphics.org/pub/1108/1108152vyqekpis14.gif);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
position:relative;
transform:scale(1.025,1.025);
top:-0.25em;
max-width: 130px;
}
.pfp-fallback:hover {
filter: saturate(1.5);
transition: 0.4s;
border-radius: 0px;
}
.pfp-fallback {
filter: saturate(0.2);
transition: 0.4s;
border-radius: 100px;
}
.profile h1 {
background: url(https://wdlus.carrd.co/assets/images/gallery05/e4f40e30.gif?v=fa97d6b6) no-repeat right;
}
</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 20 of 26 comments ( View all | Add Comment )

Koneo!!	1714131524 using!! :33 Report Comment
𝑨𝒔𝒉𝒆𝒓🎸	1713302020 using^^ Report Comment
Riley Smiley <33	1712984793 using hehe Report Comment
⸝⸝ ꒰ Angel Food 🍒ㆍ₊⊹	1712717570 usifng Report Comment
꒰୨୧◞ 。 𝗸𝖆𝘆 ⠀.ᐟ	1712483412 Using Report Comment
Harmony	1710306324 using! thank you :] Report Comment
Rabid	1709905176 Using! its so cute Report Comment
rai ☻	1709597415 using!! <33 Report Comment
kealia ;3	1709291206 Usingggg Report Comment
JUPITER!! <3	1708024884 using!! Report Comment
Mel	1707576425 using🙏 Report Comment
zombeh	1706852111 Usinggg Report Comment
Skirbrinkleboink	1706298090 usinggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg Report Comment
flopa_✧	1706069989 ES HERMOSO GRACIAS ✨💕 Report Comment
orange juice	1705974091 usando! Report Comment
klaudia<3	1705794414 USING !! Report Comment
Kin	1705740392 Using ty Report Comment
nasha	1705733238 usingg Report Comment
astro boy!	1705629022 Using! Report Comment
Lelekuit	1705450418 Using Report Comment