Studio Ghibli Pastel

Tags: ponyo, cute, layout, layouts, gif, pastel, simple, studio ghibli, purple, custom cursor

Description:

A soft, simple, purple layout based around several loved movies from Studio Ghibli. Movies featured in this layout are Totoro, Spirited away, Howl’s Moving Castle, and Kiki’s Delivery Service. This layout also contains a Ponyo custom cursor.

Check it out in action by clicking this link.

Feel free to use this layout, but please be sure to leave some Kudos and/or a comment to help boost this! Credit is always welcome and appreciated (via post, a mention in your “About Me”, comment, etc.) but not needed. Just be sure you direct people here if they do happen to ask and to mention me if you repost this. Comment or message me with any requests For future Layouts that you may have!

Preview:

click on the image for a larger preview

Code:

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

<style>body { cursor: url('data:image/x-icon;base64,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'), auto; }</style>

<style>

body:before {
	content: " ";
	height: 100%;
	width: 100%;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://imgur.com/QVSqbqW.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Halant:wght@300;400;500;600;700&display=swap');
:root{
    --fuzzy-wuzzy: #98605D;
    --tan: #D8D4D9;
    --magic-mint: #ACEDD9;
    --middle-blue-green: #8FD4CA;
    --slate-gray: #677B94;
    --space-cadet: #22223b;
    --independence: #4a4e69;
    --heliotrope-gray: #9a8c98;
    --silver-pink: #c9ada7;
    --isabelline: #f2e9e4;
    --oxford-blue: #14213D;
    --curve: 4px;
    --font-family-heading:'Halant', serif;
    --font-family-body:'Nunito Sans', sans-serif;
    /*change whats in the quotes to personalize topics*/
    --topic1: "General";
    --topic2: "Music";
    --topic3: "Movies";
    --topic4: "Television";
    --topic5: "Books";
    --topic6: "Heroes";
    /*change these to customize your headings*/
    --contact: "Add Me";
    --interests: "Meet Me";
    --links: "Follow Me";
}
body, .bodyContent  {
 background:
 url("https://i.imgur.com/XuZtk9s.jpg") bottom no-repeat,
 url("https://i.imgur.com/nlEFWt7.jpg") top repeat;
 background-size:100% ;
 background-attachment:scroll; 
 border-color:#00000000;
 border-width:55px; 
 border-style:dotted;
}
main{
    background:none;
}
footer{
    background:rgba(255,255,255,.4);
    
}

.blurbs, .mood, .blog-preview, .friends, .table, .table-section, .contact{
    background-color:rgba(103,89,171,.1)!important;
    border:groove 3px!important;
    border-color:#9a93ba !important;
    padding:5px;
    border-radius: var(--curve);
}
.mood{
    border-bottom:none!important;
    padding-bottom:none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    text-align: center;
}
.w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
    content: var(--links);
    font-family: var(--font-family-heading) !important;	
    font-weight: bold !important;
    color:var(--independence);
    font-size: 15px;
}

.w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .table-section:nth-last-child(2) .heading::after{
    content: var(--interests);
    font-family: var(--font-family-heading) !important;	
    color: var(--independence) !important;
    font-weight: bold !important;
    font-size:15px;
}

.w-40 .contact .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .contact .heading::after{
    content: var(--contact);
    font-family: var(--font-family-heading) !important;	
    color: var(--independence) !important;
    font-weight: bold !important;
    font-size: 15px;
    
}
.section h4{
    color:var(--independence)!important;
}
/*delete the next two lines to reveal the about me header*/
.blurbs .inner .section:nth-child(1) h4{ 
    font-size:0; 
}
nav{
    color:var(--space-cadet);
}
.blurbs .inner .section:nth-child(1) h4:before{ 
    content: ""; /* put your own "about me" header here*/
    font-size: 0;
    
}
/*delete the next two lines to reveal the "who id like to meet" header*/
.blurbs .inner .section:nth-child(2) h4{ 
    font-size:0; 
    
}
.blurbs .inner .section:nth-child(2) h4:before{ 
    content: ""; /*put your own "who id like to meet" header here*/
    font-size: 0;
    
}
p{
    color:var(--space-cadet);
}
.contact{
    border-top:none!important;
    padding-top:none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
  color:var(--space-cadet) !important;
  letter-spacing:normal !important;
  filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
  Font-size: 11px;
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
  Font-size: 11px;
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
  Font-size: 11px;
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
  Font-size: 11px;
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
  Font-size: 11px;
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
  Font-size: 11px;
}
td{
    background:rgba(103,89,121,.7)!important;
    Font-size: 9px;;
}
a{
    color:var(--oxford-blue)!important;
}
.url-info{
    display: none!important;
}
.profile{
    background-color:var(--tan)!important;
    border:groove 10px;
    border-color:var(--tan)!important;
    padding:3px;
    border-radius: 0px;
    background:url("https://imgur.com/SigFNC6.jpg") bottom no-repeat;
    background-size: 300px;
    background-repeat: repeat-x;
    padding-top: none;
    border-top:none;
    
    
}
.profile background{
    transform: rotate(5deg);
}
.top{
    background:var(--tan)!important;
}
.inner img{
    filter:contrast(.7);
    border-radius: var(--curve);
}
nav{
    border:var(--tan) groove 10px;
    border-bottom: none;
    padding-bottom: 0px;
    
}
main{
    padding-top:0px;
}
nav ul{
    background-color:#9e95a1!important;
    font-size: 11px;
    text-align: center;
}
#comments{
    border-top:none!important;
    border-bottom:solid 2px var(--slate-gray)!important;
    border-radius: var(--curve);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    
}
.friends{
    border-bottom:none!important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.blurbs .heading{
    display:none;
}
h1, h2, h3, h4, h5{
    font-family: var(--font-family-heading);
    text-transform: bold;
}

a, p, nav label, .section{
    font-family: var(--font-family-body)!important;
}
.contact a{
    font-size: 9px;
}
h1{
    color:var(--fuzzy-wuzzy);
    text-shadow:1px 1px var(--slate-gray);
    font-family: var(--font-family-heading);
}
h2, h3, h4, h5{
    color:var(--independence);
    font-size: 14px;
}
.heading{
    background:rgba(0,0,0,.0)!important;
    text-align: center;
}
.friends{
    text-align: center;
}
.friends img{
    border:#9e95a1 groove 2px;
}
#comments td{
    background-color:rgba(103,89,121,.4)!important;
    border:solid .5px;
    border-color: rgba(93,79,111,.7);
    Font-size: 13px;
}
#comments{
    overflow: scroll;
    height:320px;
}
#comments img{
    border:none;
    border-radius: 0px;
}
.online{
    content:url("https://i.imgur.com/wem8DDU.gif");
    height: 50px;
    width: 40px;
}
.supporter img{
    font-size:0;
    
} 
.supporter:before{
    background:url("https://i.imgur.com/rMky77P.gif");
    background-size:auto;
    height:2.2em;
    width:2.2em;
    display:inline-block;
    content:'';
    background-size:contain;
    vertical-align:-0.75em;
}
.profile-pic img{
    border-radius: 500px;
    box-shadow: 5px 2px rgba(103,89,121,1);
    filter: contrast(.7);
}
</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 311 comments ( View all | Add Comment )

eira	1738303458 using!! Report Comment
️Kathlog_of ✨	1738095732 Using!!! Report Comment
Kel	1738077448 Using!! Report Comment
Kchocicii	1737943401 Using Report Comment
Lani <	1737521238 usingg Report Comment
kaze!!! ☆	1737244857 using !!!! Report Comment
kaze!!! ☆	1737244856 using !!!! Report Comment
Em ✧.*	1736945802 Using! Report Comment
50CatsInATrenchCoat	1736795738 Using!!! absolutely LOVE it!!!! <<<<33333 Report Comment
TIGERLUCKI	1736732217 using Report Comment
Ceit/Kate	1736561841 might use :3 Report Comment
Zeke_2otaku (┬┬﹏┬┬)	1736392305 using Report Comment
CheeseLvr	1736268564 Using !! (this is firee) Report Comment
Beckha	1736222678 i dunno how to do kudos, but this is awesome sauce Report Comment
Rob1n >^<	1736222281 Using!! Report Comment
ichinayn ^__^	1735873702 using !!!! Report Comment
Wendi Lynette ♡	1735677635 using!! :3 Report Comment
Oblivious_Plant	1735627652 might use this one :3- def favoriting tho!!! Report Comment
☆𝐓𝐈𝐌𝐄𝐑_𝐒𝐘𝐒𝐓𝐄𝐌.𝐙𝐈𝐏☆	1735586490 gonna use :) Report Comment
stinkbug⋆˚࿔	1735347823 might use <33 Report Comment