Yotsuba

Tags: simple

Description:

(message me if you find any issues and I'll fix them as soon as I can.)

Preview:

click on the image for a larger preview

Code:

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

<style>
 
    :root{
        --text: #800000;
        --link: #0000EE;
        --link_hover: #EE0000;
        --boxcolor: #F0E0D6;
        --outlinecolor: #D9BFB7;
 
        --font:sans-serif;
    }
 
    /*text*/
 
    h1,h2,h3,h4,h5,h6{
        color:var(--text) !important;
    }
    .mood,.blog-preview,.blurbs,.friends,.top{
        color:var(--text) !important;
    }
    body{
        color:var(--text) !important;
    }
    .friends-grid a p{
        color:var(--link) !important;
    }
    .friends-grid a:hover p{
        color:var(--link_hover) !important;
    }
 
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: var(--text);
}
 
    /*background, etc*/
 
    body{
        background-image: url("https://i.imgur.com/PrziaFy.png");
        background-color:#FFFFEE;
        background-position:top;
        background-repeat:repeat-x;
    }
 
    main{
        color:var(--text) !important;
        background-color:rgba(0,0,0,0);
    }
 
    /*links*/
 
    a{
        color:var(--link) !important;
    }
    a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
    }
    a:visited{
        color:var(--link) !important;
    }
    .logout-btn a{
        color:var(--link) !important;
    }
    .logout-btn a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
    }
    .top a{
        color:var(--link) !important;
 
    }
    .top a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
 
    }
    .top a:visited{
        color:var(--link) !important;
 
    }
    .links a{
        color:var(--link) !important;
 
    }
    .links a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
 
    }
    .links a:visited{
        color:var(--link) !important;
 
   }
    .friends-grid p{
        color:var(--link) !important;
 
    }
    footer .links a{
        color:var(--link) !important;
 
   }
    footer .links a:hover{
        color:var(--link_hover) !important;
        text-decoration:none !important;
 
   }
    footer .links a:visited{
        color:var(--link) !important;
 
   }
   nav .links a:hover{
       color:var(--link_hover) !important;
   }
   .mood a:hover{
       color:var(--link_hover);
   }
 
    /*text*/
 
    h1, h2, h3, h4, h5, a, p, nav label, .section{ 
        font-family: var(--font) !important;
 
    }
 
    /*boxes, etc*/
 
 
 
    .url-info{display:none !important;}
 
    .top,nav .links{
        background-color:var(--boxcolor) !important;
    }
    .profile-pic img{
         filter:drop-shadow(0px 0px 2px #656565);
    }
    .mood{
        /*border-style:solid !important;
        border-width:1px 0px 0px 0px !important;
        border-color:var(--outlinecolor) !important;*/
    }
    .contact{
        background-color:var(--boxcolor) !important;
        border-style:solid !important;
        border-width:0px 1px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .contact .heading{
        background-color:var(--boxcolor) !important;
        border-style:solid !important;
        border-width:0px 0px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .blog-preview h4{
        border-style:solid !important;
        border-width:1px 0px !important;
        border-color:var(--outlinecolor) !important;
        padding-top:2px;
        padding-bottom:2px;
    }
    .blog-preview{
        padding-left:4px !important;
    }
    .blurbs .heading{
        content:"the";
        background:none !important;
        border-style:solid;
        border-width:1px 0px 1px 0px;
        border-color:var(--outlinecolor) !important;
    }
    .friends .heading{
        background:none !important;
        border-style:solid;
        border-width:1px 0px 1px 0px;
        border-color:var(--outlinecolor) !important;
    }
    .friends-grid img{
         filter:drop-shadow(0px 0px 2px #656565);
    }
    .comments-table{
        /*border-spacing:9px !important;*/
 
    }
    .comments-table tr{
        background-color:var(--boxcolor) !important;
    }
    .comments-table td:nth-of-type(1){
        background-color:var(--boxcolor) !important;
        background:none !important;
        border-style:solid !important;
        border-width:0px 0px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .comments-table td:nth-of-type(2){
        background-color:var(--boxcolor) !important;
        background:none !important;
        border-style:solid !important;
        border-width:0px 1px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
        vertical-align:; !important;
    }
    .comments-table img{
        filter:drop-shadow(0px 0px 2px #656565);
    }
    .comment-replies{
        border-style:solid !important;
        border-width:1px !important;
        border-color:var(--outlinecolor) !important;
    }
 
    .table-section{
        background-color:var(--boxcolor) !important;
        border-style:solid !important;
        border-width:0px 1px 1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .table-section .heading{
        background-color:var(--boxcolor) !important;
        border-style:solid !important;
        border-width:0px 0px 0px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
    .table-section td{
        border-style:solid;
        border-width:0px 0px 0px !important;
    }
    table.details-table{
        border-style:solid;
        border-width:1px 0px 0px;
        border-color:var(--outlinecolor);
        border-spacing:0px;
        border-collapse: collapse !important;
    }
    .profile .details-table td{
        background-color:var(--boxcolor);
        color:var(--text);
        border-style:solid !important;
        border-width:0px 0px 0px 0px !important;
        border-color:var(--outlinecolor) !important;
        padding-bottom:4px;
        padding-left:7px;
    }
    .top{
        border-style:solid;
        border-width:0px 2px 0px 2px;
        border-color:var(--outlinecolor);
    }
    nav .links{
        border-style:solid;
        border-width:1px 2px 2px 2px;
        border-color:var(--outlinecolor);
    }
    footer{
        background:none !important;
        border-style:solid !important;
        border-width:1px 0px !important;
        border-color:var(--outlinecolor) !important;
    }
 
    /* logo */
 
    .logo{
        /*background-color:red !important;
        background-image:url('https://i.imgur.com/Ub6e6Ig.jpeg');
        background-position:center;*/
        filter: brightness(0) saturate(100%) invert(7%) sepia(80%) saturate(4915%) hue-rotate(356deg) brightness(106%) contrast(112%) !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 10 of 10 comments ( View all | Add Comment )

Sim	1755747383 Using, Thanks! Report Comment
qespanto	1705857621 usingg Report Comment
abi	1686710135 using!! Report Comment
tori	1684989536 hsinfg Report Comment
kenny	1680124546 using! Report Comment
casualteethgrinder	1643486026 IMMEDIATE USEAGE Report Comment
dirk	1640897215 so cute :D Report Comment
e_e;	1640317950 wait i got futaba and yotsuba mixed up. this is so embarrassing man why didnt anyone tell me Report Comment Is my mind going into the gutter when I saw you mention Futaba? Like isn't that a hentai, or am I just going crazy >.> lmao by SusieTheBearGorl; 1642669027; Report
Jackie	1640071810 Súper Cute!!!! Report Comment