Layout published by sun

published 1614816782
updated 1615090743

Add to Favorites

View Layouts

View Profile

Report Layout

totoro

Tags: totoro, studio ghibli, ghibli, miyazaki, pixel, compact, tiny, small, suni

Description:

totoro

sorry for the little hiatus, i've been a little off this week and haven't been feeling up to making anything but i just finished this and i'm pretty fond of it! a super compact layout with incredible animated pixel art (watermarked by the creators). aligned slightly off center with a fixed background.

this layout will hide your

url
friends
comments (including add/view comments text)
links
profile info (the area at the top where it says "___ is your friend")
headers

these can be reversed, pls message me if there's anything you want visible!
i'm still learning and i'll try my best to help y'all out.

includes cursor and online icon.

(music not included in the code, just wanted to spruce up the preview a bit)

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

-if you use this, modify it slightly, and post it on the layout page as yours please at least give me some credit y'all♥-

(not optimal for mobile)

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)

<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>

your id will be a number found under your account settings :^)

Preview:

click on the image for a larger preview

Code:

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

<style>
  :root {
        --logo-blue: transparent;
        --darker-blue: black;
        --lighter-blue: black;
        --even-lighter-blue: transparent!important;
        --lightest-blue: transparent!important;
        --dark-orange: black!important;
        --light-orange: black;
        --even-lighter-orange: white;
        --green: black;
        
    }
    .section {color: black!important;}
       h4, nav label, {display: none;}
       
           
    .section {color: black!important;}
        p {color: black!important;}
        
    .blurbs{
        margin-top: -10px!important;
        text-align: center;
    }
   

    
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: white!important;
        border: 1px solid black!important;
        border-radius: 0px !important;
        font-size: 9px;
        color: black!important;
        
    }
    

    button{
        border-radius: 0px !important;
        margin-top: 2px;
        border: 1px solid!important;
        text-transform: lowercase;
        font-family: times;
        font-size: 8px!important;
        background-color: white !important;
        color: black!important}
       
    
    body {
        background: #95c8a7;
        background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f2c1b4b5-0818-4170-81ad-e2a57f42f28f/d5srh9z-e8956766-4d0c-446b-b0ba-cc125b018a35.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZjJjMWI0YjUtMDgxOC00MTcwLTgxYWQtZTJhNTdmNDJmMjhmXC9kNXNyaDl6LWU4OTU2NzY2LTRkMGMtNDQ2Yi1iMGJhLWNjMTI1YjAxOGEzNS5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.O5veopYKyKEGEcfbIIxp_wzEM2TkcNc_S7WhQHzXQxI");
        background-repeat: no-repeat;
        background-position: right center;
        background-attachment: fixed;
        text-transform: lowercase;
        font-family: times;
        font-size: 14px!important;
        
    }

.blog-preview {
        margin-top: 0px;
        margin-bottom: 15px;
        text-align: center;
        color: #000000;
        border: none;
    }
    
    .blog-preview p {
        font-size: 11px;
    }
    .blog-preview p {
        text-align: center;
        background-color:;
        padding: 0px;
    }
    
 
 
    nav {
        color: black;
        background-repeat: repeat-x;
        margin-bottom: 0px;
        margin-top: -30px;
        text-align: center;
        overflow: hidden;
        border: none;
        border-color: none!important;

    }
    
    

    nav .links {
        background: url("https://64.media.tumblr.com/65d9b1971d152fcec6fbfb6b1f6552f3/tumblr_inline_p9xjqdHWPe1qid2nw_250.gifv");
        background-color: transparent;
        background-position: bottom!important;
        background-repeat: repeat-x!important;
        height: 70px;
        font-size: 11px;
        border:none;
        border-bottom: 1px black solid;

    }
    
    nav .links a{
        color: black!important;
        font-size: px;
        line-height: -200px!important;
    }
   
   
    
    .contact {
        font-size: 12px;
        font-family: times;
        border: solid 0px #fa90ac!important;
        background-image: url("https://64.media.tumblr.com/4a0273d84b24c94c0ce03bba5a7af363/50ee50266e3b33c6-13/s250x400/cc01367263f2a6f3eb457dce6e06a40a1eeb054d.gifv")!important;
        background-repeat: no-repeat;
        background-size: 0px;
        
    }
    
    .contact .inner {
        line-height: 0px;
    }
    
    .contact .inner a{
        font-weight: 2;
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
        /* add to friends */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/38f021d5f43e65df2856af5190cf5dfa/7e809cab86c27c80-29/s75x75_c1/857a30c14314e70cfdb83a0c6b4f3202a246097a.gifv")
    }

    .profile-info{
        display: none!important;
    }    
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }
    
  

.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:11px; color: black; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:11px; color: black; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:11px; color: black; font-weight: 1;}
    .table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:11px; color: black; font-weight: 1;}
   .table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:11px; color: black; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

    }
    .home-actions {
        border: none;
    }

    
    table.details-table {
        border:;
        border-collapse: collapse;
        border-top: 0px;
        border: 10px;

        
        
    }
    table.details-table td {
        background: url("");
        color: black!important;
        border-bottom: dotted px;
        border-right: dotted px
    }
  
   .profile-pic {
        border-radius: 50px;
        border: solid black 1px;
        overflow: hidden;
        margin-top: -15px!important;
        height: 100px!important;
        width: 100px;
        
     
        
    }
    .profile-pic img{
        max-height: 100%!important;
        max-width: 100%!important;
    }
    
    .mood{
        font-weight: 1;
    }


    .heading {
        display:none;
    
    }
   
    .blurbs h4{
        text-align: center;
        font-size: 15px;
        font-weight: 1;
    }
    

    h1 {
        background: url("");
        font-size: 40px!important;
        font-family: times;
        font-style: italic;
        transform: ;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: #000000;
        font-style: ;
        text-shadow: ;
        text-align: left!important;
        line-height: 30px;
        display: block;
        color: black;
        padding: 10px;
        width: 260px!important;
        margin-top: -265px!important;
      
    }
    
    


    
    main:before {
        background-image: url('https://i.ibb.co/0DzfTcS/MCDMYNE-EC003-H.jpg')!important;
        border: none;
        background-repeat: no-repeat;
        background-size: 350px;
        height: 250px;
        background-position: right center!important;
        background-color: white;
        display: flex;
        content: "";
        margin-bottom: 20px;
        margin-top: -6px;
    
}
    
    main {
        border: black solid 1px;
        background-repeat: repeat-x!important;
        background-size: 176px!important;
        background-color: white!important;
        border-top: none;
      
    }
    
   

    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 100px;
        margin-top: -60px;
        margin-right: 350px;
    }

        
 
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
     footer {
        border-radius: 0px;
        border: dotted 0px;
        background: url("")!important;
        background-size: 500px!important;
        background-position: top!important;
        background-repeat: no-repeat;
        display: block !important;
        line-height: 0px;
        height: 100px;
        margin-top: -10px!important;
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
   
    
    .blog-preview {
        margin-top: -65px;
        text-align: center;
        color: black;
       
    }
    
    .blog-preview p {
        font-size: 10px;
        margin-top: -10px;
    }
    .blog-preview h4 {
        font-size: 13px;
    }
    
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: #000000!important;
        
    }
    
    a:hover {
        text-transform: lowercase;
        font-style: italic;
        background: none;
        border: none;
    }
    
    a:visited {
        color: #000000!important;
    
    }

.friends
{display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

  .online {
        content: url("https://64.media.tumblr.com/tumblr_m1l9cyuKF91qb1380.gif");}

    

*
 {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}


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

⭒✮ sky ✮⭒	1713158898 using <3 so cute Report Comment
⋆~˚Looking4_Basil･ﾟ~⋆	1712360618 Using Report Comment
Lanybear_29	1712184482 Using! It's so cute!! :) Report Comment
Nicolo Della Santa	1711787906 using Report Comment
me?	1710008922 usando <3 Report Comment
ʚMilo!!ɞ	1709852451 𝑼𝒔𝒊𝒏𝒈<𝟑𝟑 Report Comment
kealia ;3	1709291088 Will be using thx :3 Report Comment
Pr1ska	1707951663 Usando Report Comment
Curious!! XD	1707775829 Using Report Comment
❣ᣫꞓⲛ❣	1707518418 usandoooooo é lindo s2 Report Comment
Kant	1707459008 Usando!!obrigada por isso Report Comment
Eek	1707383582 THIS IS SO PRETTY OMG Report Comment
Joe Oli :3!!	1707232695 using!! Report Comment
Pollitodecolores	1706812040 Usando Report Comment
Mwffin / Alex !	1706711168 Usando Report Comment
lia	1706465070 using Report Comment
maxWQ	1706387403 using Report Comment UWU by lynnn<3; 1707525877; Report
Pomco	1706299080 Using Report Comment
IdpeaceA	1706147842 use Report Comment