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

◟♯ . / venus . !	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
♡ 고영이^^	1753338353 Using it thx!!! Report Comment
evtuxx	1753098311 using,thxx is really cute i love it Report Comment
T1gurrr	1752668930 usingggggggg :=) Report Comment
Pluviyomi	1750513655 Using, ty! Report Comment
Eliiii1!1!	1750391001 Using ty! Report Comment
Asix0.0	1749740335 Using!!! Report Comment
bluebunny	1747803302 using! Report Comment
danielle	1747607866 Using Report Comment
Birdys	1746775712 using!! Report Comment
heytumbl3	1746636964 using!! Report Comment
jasper!	1746385950 using! Report Comment
Doongie<3	1746348555 using!! Report Comment