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

Cosmo 🍀	1701104987 Using :3 Btw, your pfp reminds me of an /lgbt/ post Report Comment
abi	1686710135 using!! Report Comment
tori ☆	1684989536 hsinfg Report Comment
kenny	1680124546 using! Report Comment
BroxMontana	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