mirai nikki layout

Tags: anime, blood, red, mirai nikki

Description:

tital says it all rlly heh

gifs i use in about me and who id like to meet:

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
p{
    font-family: 'Indie Flower', cursive;
    font-size: 150%;
    color: red;
}
h1,h2,h3,h4,h5{
    font-family: 'Permanent Marker', cursive;
    font-size: 200%;
    color: red;
}
  body {
   background: url(https://imgur.com/2LDx2Uo.gif);
}
   .profile {
    background: rgb(56, 0, 0);
}
footer {
    border-radius: 0px;
    background-image: url(https://imgur.com/RBH1o42.gif);
    color: rgb(56, 0, 0);
}
:root {
    --logo-blue: ;
    --darker-blue: red;
    --lighter-blue: rgb(56, 0, 0);
    --even-lighter-blue: black;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: black;
}
nav{
    background-color: transparent;
    border: none;
    border-radius: var(--curve);
    text-align: center;
}

nav .top{
    color: darkred; /* line that appears between help/login/signup */
}

nav .top, nav .links {
    background-color: transparent;
    border-radius: var(--curve);
}
nav .links{
    border-top:1px solid darkred;
    border-bottom:1px solid darkred;
}
/* this is the line that appears between links in the header and footer.
you can add an emoji or symbol instead of the default line it has */

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ♍︎";
    color: darkred;
}
nav img.logo{
    filter: brightness(0) saturate(100%) invert(10%) sepia(74%) saturate(5025%) hue-rotate(9deg) brightness(92%) contrast(121%) !important; 
    height:30px;
}
.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid darkred!important;
    color:darkred!important;
}

button{
    border: 0px solid firebrick!important;
    font-family: 'IM Fell DW Pica SC', serif;!important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    color: darkred !important;
}
a:hover{
 cursor: url('http://www.rw-designer.com/cursor-view/124164.png'), auto;
}
* {
 cursor: url('http://www.rw-designer.com/cursor-view/97586.png'), auto;
}
main {
background: black;
color: #ff0000;
border-left: 2px dotted #ff0000;
border-right: 2px dotted #ff0000;
}
.heading, .url-info {
color: #ff0000 !important;
background: none;
background-color: black !important;
border: 2px solid #ff0000 !important;
}
.inner {
color: #ff0000 !important;
border: 2px dotted #ff0000;
border-top: none;
}
.profile-info {
border: 2px solid #ff0000;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px dotted #ff0000;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.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 me */
	content: "✚"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: "♥"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: "⌨"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: "➼"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	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 {
	/* group me */
	content: "⚣"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "☁"
}
.online{content:url("https://imgur.com/0DSbAiF.gif");
}
html:before {
    animation: grain 8s steps(10) infinite;
    background-image: url(https://i.imgur.com/QpnTsrV.jpg);
    content: "";
    height: 300%;
    left: -50%;
    opacity:.2;
    position: fixed;
    top: -110%;
    width: 300%;
    pointer-events:none;
}
@keyframes grain {
 0%, 100% { transform:translate(0, 0) }
 10% { transform:translate(-5%, -10%) }
 20% { transform:translate(-15%, 5%) }
 30% { transform:translate(7%, -25%) }
 40% { transform:translate(-5%, 25%) }
 50% { transform:translate(-15%, 10%) }
 60% { transform:translate(15%, 0%) }
 70% { transform:translate(0%, 15%) }
 80% { transform:translate(3%, 35%) }
 90% { transform:translate(-10%, 10%) }
</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 14 of 14 comments ( View all | Add Comment )

ChewyBlossoms	1706155359 using!! Report Comment
.xxalienxx.	1701058311 USING! Report Comment
Antique Scissors	1691475400 Using Giggle fart Report Comment
N30RZ	1689623758 so raadddd ^_^ Report Comment
Pib !!	1686449012 This looks so rad Report Comment
KxruuDev	1678385733 This is so dope wth Report Comment
zcottizuicide:3	1672005422 this is so cool omg Report Comment
maxi	1647446784 this is so cute i love Report Comment
cybermonsta	1644536634 i actually love this sm^^ Report Comment
charlie	1638198869 SO RAD Report Comment
.	1635317712 THIS IS SO CUTE Report Comment
teegan	1633983252 I LOVE THIS Report Comment
tate	1632885124 LUV THIS SM!!! Report Comment
TW1G B01	1632689060 really neet layout! Report Comment should i credit u? by TW1G B01; 1632689103; Report if u want but im not rlly on here for making layouts so i dont mind by ny4nd3r3x; 1632714217; Report