Yume Nikki Layout! (Snow World theme) Created by ME

Tags: #yumenikki, #layout, #simple
Description:

Please comment if you are going to use it (´▽｀)
Preview:

click on the image for a larger preview
Code:

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

<style>
@import url('https://file.garden/ZVQxK-cnq0N9l7O9/RM2000Alt.ttf');

*{
font-family: 'RM2000Alt', cursive;
font-size: 17px
}
.logout-btn {
    font-family: RM2000Alt;
}
	main{
		background-color:#dadae3;
		color:white

	}

	body{
		background-color:black

	}

	.comments-table, .profile-pic img{
	border: 0px dotted gray !important;
	outline: none !important;

	}
	.profile .blurbs .heading,
	.profile .friends .heading{
		background-color:#e5e3ee;
		color:white;
	}

	.profile .blurbs .section h4{
		color:white;
	}

	.profile .contact .heading,
	.profile .table-section .heading{
		background-color:#e5e3ee;
	}


	.profile .friends .person p {
		color:white;

	}

	.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
		border: 2px solid #e5e3ee;
	}

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

	.details-table td:first-child {
		color:white;
	}
	.comments-table td, .comments-table td:first-child{
		background-color:transparent;
		border: 2px solid #e5e3ee;
	}

	nav .top {
		background: #dadae3;
	}
	nav .links {
		background-color: #e5e3ee;
	}
	nav, footer, .profile .contact {
		background-color:transparent;
	}


	a {
		color:white;
	}

        .profile .blurbs .heading, .profile .friends .heading {
                background:
        }

	.logo{
		content:url("https://files.catbox.moe/i8rq5c.png")
	}

	main:before {
		width: 100%;
		height: 200px;
		display: block;
		content: "";
		background-image: url('https://media1.tenor.com/m/jhh473nX4mYAAAAC/yumenikki.gif');
		background-position: center center;
		background-size: cover;
	}
	@media only screen and (max-width: 600px) {
		main:before{
			height: 200px;
		}
	}
</style>


<style>
body{background:url("https://64.media.tumblr.com/60d671c6a00a5a11fbf70171154c55e1/b874eea036d88a75-93/s500x750/760e45999ced2132902720b623180f98bf7bfe74.gifv"); background-size: 1300px; contain }</style>


<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

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>
@keyframes walking-madotsukisnow{
  from{ left:-150px; }
  to{ left:calc(100% + 200px); }
}
#madotsukisnow{
  position: fixed;
  left: -150px;
  bottom: -1px;
  width: 140px;
  animation: walking-madotsukisnow 12s infinite linear;
  pointer-events: none;
}
</style>
<img id="madotsukisnow" src="https://media.tenor.com/8JTo_V55J-QAAAAi/effects-hat-and-scarf-side-yume-nikki.gif"/>


<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("URL HERE")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL(" URL HERE")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("URL HERE")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("URL HERE")
    } 
</style>


<style>body { cursor: url('data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF1Pt/+DeM//dWnC/11Pt+YAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXU+3/3Vpwv9dT7fmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABdT7f/XU+35gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF1Pt/8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//gB///wAP///AP///wH///8B///+AP///gB///4Af//+AH///AA///wAP//8AD///AA///wAH//4AB//+AAf//gAH/54AB/8OAAf/DgAH9h4AB/IeAAfwPwAP8AcAD/APgB/wH8A/8D/w//B////w////8f////P////3////8='), auto; }</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/YjGN80doH9g?si=R9-m7x1APgmcAR6L//?&;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:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://64.media.tumblr.com/93ceb7aba47d92907dcbce18fc115b86/88d841fbd09c4ddc-e4/s2048x3072/613b7a28ac1adbeccc211caeab70cea14b1a92c0.gifv');
	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>
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.