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

♯┆ekki .ᐟ ★	1763075423 using!! tysm <3 Report Comment
╚»★«╝ 𝘽𝙧𝙤𝙠𝙚𝙣 𝙎𝙥𝙖𝙬𝙣 ╚»★«╝	1761402903 using..! Report Comment
hey Oliver!	1761254388 Using!! Report Comment
lelebunn	1759889632 using :3 Report Comment
Tilen	1759632383 using Report Comment
VIOLETT!!!	1759336814 USINGGG Report Comment
Tousl3d	1758227275 So pretty!!! using! Report Comment
rjuun	1758144377 very nice, thank you! Report Comment
jamie	1757988788 Using! Report Comment
mmouussee	1756266348 using ^_^ Report Comment
ENA	1756214935 using !! Report Comment
Santi	1756213035 usingg Report Comment
◟♯ . / reese . !	1755761490 using! Report Comment
Evenings	1755375908 using! Report Comment
Guillermo	1755163001 Using! Report Comment
NII	1755044282 Using Report Comment
ajax	1755036222 using!! Report Comment
Thats Shocking	1754236637 Using! Report Comment
Maya's	1753470707 Using Report Comment
englisch ist mein lieblingsfach	1753404302 using Report Comment