Yotsuba&! layout

Tags: yotsuba, yotsuba&!

Description:

A Yotsuba&! themed layout. Comment if you use.

Preview:

click on the image for a larger preview

Code:

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

<style>

body {
    background: url(https://i.ibb.co/vqrTH8F/yot.png) no-repeat fixed;
    background-size: cover;
}






main {
  background-color: #f4e477;
}

.count {
  color: #08e40a;
}




a {
  color: black;
}

nav{ 

text-align: center;

    }

nav .links {
background: #9df384;



}

nav .links a:hover {
color: red;
}
nav .top{
background: #9df384;
}


.profile .url-info {
border: none;
color: transparent;
font-size: 0.1px;

}

.profile .table-section {
border: none;
}


footer {
color: black !important;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
background-color: #9df384;
  } 
.url-info{
    background: url("https://i.pinimg.com/564x/72/be/77/72be7735b69f9848d4aab4733624d4fb.jpg");
    background-position: center;
    border: var(--borders)!important;
    height: 300px;
    background-size:cover;
}


.url-info p{
    opacity: 0.0;
}


::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: #9df384;}

    ::-webkit-scrollbar-track {
    background: #f4e477;}


table.comments-table{
background: transparent;
display: block;
height: 300px!important;
overflow-y: scroll;
border-radius:15px;
border-color: #9df384;
border-width: 3px;

}



.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}


.profile .table-section .details-table td {
background: #9df384;

}


.profile .friends .comments-table td {
background-color: #f4e477;

}


.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 friend */
	content: "🌻";
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add 2 fav */
	content: "🍀";
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: "🌻";
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: "🍀";
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: "🌻";
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: "🍀";
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add 2 group */
	content: "🌻";
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "🍀";
} 

.profile .blurbs .section h4 {
color: black;

}

.profile .blurbs .heading, .profile .friends .heading {
color: black;
background-color: #9df384;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: #9df384;
color: black;
}
</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 7 of 7 comments ( View all | Add Comment )

Madz ('0')	1727036973 usingg :D Report Comment
Gatu_:3	1725500445 using :3 Report Comment
3k4 kilos	1723817708 used, thank you! Report Comment
Callie!	1719609025 using! Report Comment
nathan	1715723526 using :3 Report Comment
Sinco! :3	1714823401 Usingg ^_^ Report Comment
CASFRAY	1707762243 using !!!!! :3 Report Comment