Monotone Blue Layout 🖤

Tags: manga, bl, furry, monotone blue, nagabe, simple, banner

Description:

For my fellow Monotone Blue readers <3

Preview:

Code:

<!-- (c) Layout created by 🖳 (https://layouts.spacehey.com/layout?id=100391) --> <style> @import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap'); /*PASTE SCROLLBAR CODE HERE*/ body{ background-image: url('https://i.ibb.co/x5KvGq7/Untitled.png'); background-repeat: repeat; background-position:undefined; background-attachment: fixed; background-size: auto; background-color: #000000; } main{ background-color: #1f2830; border: 4px Solid #0a0e12; } .contact, .url-info, .table-section, .blurbs, .friends, .comments { background-color: #1f2830; border: 4px Solid #0a0e12!important; } span[itemprop='name'] { color: #979ea6; font-weight: bold; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } h4 { color: #979ea6; font-weight: bold; font-style: italic; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } .section h4, .details-table td:first-child { color: #979ea6!important; font-style: italic; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } a, .count { color: #979ea6; text-decoration: underline; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } a:hover { color: #979ea6; font-weight: bold; text-decoration: underline; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } body,main { color: #979ea6; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } .details-table td, .details-table td:first-child{ background: none!important; } .heading{ background: none!important; } .comments-table td{ background: none!important; } </style> <style> main:before { width: 100%; height: 150px; display: block; content: ""; background-image: url('https://i.ibb.co/3Fnfhzp/klerjnlfojikeloikjllleroiurjkl.png'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } } <style> h1{ animation: type 3s steps(27); color: #614c4c; font-size: 10px; font-family: Serif; white-space: nowrap; overflow: hidden; } @keyframes type{ 0%{ width:0ch; } 100%{ width:27ch; } } @keyframes blink{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;} } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, -0px); } </style> <style> .logo { content:url("https://i.ibb.co/3CyKRqY/slhsflh.png"); } </style> <style> :root { --logo-blue: #1f2830; } </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.