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 230 comments ( View all | Add Comment )

Marimar♪	1712779096 using :p Report Comment
CL0WNGUTZ!!!	1712767511 might use! Report Comment
K4T	1712498858 Tyyy Report Comment
☆GREATMOCHA☆	1712376795 Using!!! Report Comment
Rara	1712260932 Using c: Report Comment
AleeOtto	1711869105 Using (●'◡'●) Report Comment
Ary✰	1711497709 Using! thanks Report Comment
Faniies's space ⋆🎧✮¡!	1710908565 USING! ty <3 Report Comment
︶꒦꒷♡꒷꒦︶	1710885222 using! Report Comment
kipp	1710829459 using Report Comment
Ophelia The Wise	1710133392 Using! Report Comment
Red.pxnda	1710087677 Using!! Report Comment
✧･ﾟ:Violett✧･ﾟ: *	1709602258 using Report Comment
rxl3y!! XD	1709343537 using!! Report Comment
kyrie.ᐟ.ᐟ	1709313629 USInG!!! :D Report Comment
WhiteWolfChu	1708890069 Using <3 Report Comment
vanagloriado	1708804180 Muy lindo. Usado :) Report Comment
┊˗ˏˋ ⋆ Lεx1e ́ˎ˗ ˚	1708096673 lo voy a usar¡ Report Comment
Victori2004s18	1708036083 usando :) Report Comment
Ale.Meow	1707845716 Usando¡! Report Comment