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

bubu !	1738104532 using! Report Comment
Ida	1737557263 using Report Comment
Ida	1737557256 using Report Comment
Rufio	1737470891 Very good Report Comment
Aveloveline	1737298659 Using! Report Comment
feeh	1736692351 usando!! Report Comment
imbased.n.proper	1736614243 using Report Comment
yelenaLUV༺♥༻	1736613822 USINGGG Report Comment
Moomin	1736380073 Using!!! Soo Cute!!<3 Report Comment
Here at Renegade Garden	1735006183 using this, bery cool Report Comment
moriko	1734787842 using!! Report Comment
caroline♡	1734371758 may i ask?? where do u put the about me text for introducing ourselves?? Report Comment
lyow⋆౨ৎ˚⟡˖ ࣪	1733710436 usingg Report Comment
𝑒𝓁𝒶 — ★!	1733643271 used <3 Report Comment
foozlepooks	1733332457 Usung Report Comment
✩_CirUu	1733085089 Usando! :> Report Comment
˚ʚ xini ɞ˚	1733009376 using!!! its so cute <3 Report Comment
Sumiko	1732499437 Using Report Comment
filmpy.	1732387369 using (at least the cursor part ^^) Report Comment which code is the cursor -1- by caasIinreverse; 1737527562; Report
potter	1731876966 using <3 Report Comment