Add to Favorites
View Layouts
View Profile
Report Layout
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
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
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 72 comments ( View all | Add Comment )
Heidi
tysm usinggg
zutzyn
tyty
randoperson
Using and thanks btw
⋆ ˚｡⋆🎀˚ᖴᗩᗯᑎ!!˚🎀⋆｡˚ ⋆
using. tyy
k
usando, gracias
FallingUpward
Using thx.
darknight__! :)
using
satin
using!!
Hannah☆
Using!!!
nicole 𓆩✧𓆪
using!!
﹒ Grian
using! :D
Eztli<3
Using! :)
fauntcrafts
: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;}
fauntcrafts
using dis
aizen
using <3
hiro!
using u u
g.h.
using :pp!!
natalie
so cute! permission to use!
cocoaplummy
This is great!! So cute
☆gabi☆
so cuteeeeee !!!!