Yume Nikki Layout! Created by me

Tags: #yumenikki, #layout
Description:

Preview:

click on the image for a larger preview
Code:

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

<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=101732) -->

<style>

.logo {

content:url("https://ynoproject.net/images/logo_yume.png");

}

</style>

<style>
main, body{
background-color:#310318;
color:white;
}

nav .top, .logout-btn{
background-color:#310318;
color:white;
}

a:link{
color:#ffffff;
}

.profile .blurbs .heading, .profile .friends .heading {
background:#661f2d;
color:white;
}

footer{
background-color:transparent;
}

nav .top{
  background-color:
}

nav .links{
background-color:#661f2d;
}

nav .links a:link{
text-shadow: 0 0 7px white;
}

.profile .table-section, .profile .contact, .profile .url-info{
  border: 2px solid transparent;
}

.profile .contact .heading, .profile .table-section .heading{
  background-color:#661f2d
}
 .details-table td:first-child, .details-table td{
   background:transparent;
   color:white;
}

.profile .friends .person p, a, .count, .profile .blurbs .section h4{
  color: white;
}

table.comments-table td, table.comments-table td:first-child{
  background-color:transparent;
}

table.comments-table{
  border:1px solid transparent;
}
</style>



<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://64.media.tumblr.com/3e3aa115ab2d903ebaa0d119b1872256/fa5d867af4c646e7-ca/s400x600/5343fa0c5b587cd5fe19d26da839688a29eaa3d6.gifv');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>



<style>body { cursor: url('data:image/x-icon;base64,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'), auto; }</style>



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

<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("URL")!important;
        background: ;
        border-top: 0px;
        
    }
    .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 to friends */
	    content: url("https://cdn.discordapp.com/emojis/1199805531100033055.gif?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://cdn.discordapp.com/emojis/1199805283766128851.gif?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://cdn.discordapp.com/emojis/1199805601484648468.gif?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://cdn.discordapp.com/emojis/1199805124235767925.gif?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://cdn.discordapp.com/emojis/1199805083706200095.gif?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://cdn.discordapp.com/emojis/1199904429843959828.gif?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://cdn.discordapp.com/emojis/1200948896332005406.gif?size=28&quality=lossless")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://cdn.discordapp.com/emojis/1200871309312270428.gif?size=28&quality=lossless")
    } 
</style>

<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=99848) -->

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media1.tenor.com/m/daTOXpMEI1kAAAAC/yume-nikki-spin.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 5s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>


<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=99822) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/RpY7TJMfMLE?si=br9zH33tgPq7IyPI//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<style>
body{background:url("https://steamuserimages-a.akamaihd.net/ugc/2031721158073616492/BF320D09A291873497B4F66E897845B0EA1472FB/?imw=637&imh=358&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true"); background-size: 2100px; contain }</style>


<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=101336) -->

<style>
@keyframes walking-Madotsuki{
  from{ left:-130px; }
  to{ left:calc(100% + 200px); }
}
#Madotsuki{
  position: fixed;
  left: -160px;
  bottom: -1px;
  width: 160px;
  animation: walking-Madotsuki 18s infinite linear;
  pointer-events: none;
}
</style>
<img id="Madotsuki" src="https://media.tenor.com/QjLAnmW_NV8AAAAi/madotsuki-walk-side-big-yume-nikki.gif"/>


<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=103454) -->

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
---image: url('');
}
.profile-pic {
position: relative;
width: 160px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://cdn271.picsart.com/ed54f591-6650-41e9-a228-258d44d857e4/450570482020211.png?to=crop&type=webp&r=1456x1456&q=85'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 160px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>


<!-- (c) Layout created by 𝘚𝘢𝘭𝘭𝘺𝘤𝘪𝘵𝘢 𝘍𝘢𝘤𝘦 (https://layouts.spacehey.com/layout?id=103511) -->

<style>
.online {content:url('https://media.tenor.com/EBGZsSZ_rKQAAAAi/larao-madotsuki.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</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.