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 339 comments ( View all | Add 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
☆☆Astra_mindcreation⭐	1745313816 using Report Comment
chance's_flintlock	1744777762 hsinh Report Comment
Aizzy	1744620590 Usign Report Comment
☆MaRz☆	1744612008 Using (^-^) Report Comment
organsblackcoat	1743016958 using this!! Report Comment
꧁ ༺Oppie༻ ꧂	1743013175 usingg Report Comment
Ayden	1742625355 Using! Report Comment
fornicator	1742433287 usingg Report Comment
kumiku.tr	1742225201 ı used it and ı like it Report Comment
Lynn	1741153253 Usando!! Report Comment
@whosarane	1740824675 using!! Report Comment
donnie :P	1740614721 SO CUTE OMG USING 💕💕💕💕💕💕💕 Report Comment
vynnii >o<	1740309793 using !!! Report Comment
maiaaaaaa	1740219548 Usadododo Report Comment