yumenikki cursed ps2 horror fear layout!

Tags: yumenikki, cursed, brown
Description:

my current layout (i need to save the code cuz im messing with a new one lol)
Preview:

click on the image for a larger preview
Code:

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

<style>
@import 
url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
@import 
url('https://fonts.googleapis.com/css2?family=Rubik+Moonrocks&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cute+Font&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39+Text&display=swap');


 
:root{
  --headers: #fee880;
  --links: 	#ffe2f1;
  --text: #ffd3ea;
  --names: #f6c7d6;

  --background_image: url("https://i.pinimg.com/originals/b9/bf/2e/b9bf2e2154426dc182b8c3dc7229e498.jpg");

  --font-family: 'Rubik Moonrocks', cursive;
   
  --mynamesize: 70px;

  --contacts: #ffe2f1;

  --transparency: 1.0;

  --curve: 0px;

  --hue: 0deg;

  --simple_bg: #ffd2cb;

  --topic1: "general";
  --topic2: "music";
  --topic3: "science";
  --topic4: "video games";
  --topic5: "movies";
  --topic6: "hobbies";

  --myactions: "add me if u dare >:3";
  --mytopics: "stuff i like ૮₍ ˶ᵔ ᵕ ᵔ˶ ₎ა";
  --mylinks: ">,<";

}


h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/
p, h2{color: var(--text) !important;} /* color of text */
a{color: var(--contacts) !important;}
h1, .count, .friends a p{color: var(--names) !important;} /* color of names, and friends counter */
nav label{color: var(--headers) !important;} /* color of search */
.section h4{color: var(--names) !important;} /* aboutme & want2meet headings */

.section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */



:root{  --box_color_and_seethru: rgba(65, 46, 25, .93);} 

.profile .blurbs .section:nth-child(2) {
  display: none;
}


h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: 'Cute Font', cursive !important; 
font-size: 20px
}
h1 .section{
font-family: 'Libre Barcode 128 Text', cursive !important;
font-size: var(--mynamesize) !important;
}



h1, h2, h3, h4, h5, p {padding-left:4px !important;}


body{
cursor: url("https://cur.cursors-4u.net/toons/too-7/too624.cur"), auto;
}

h1{ 
 font-size: var(--mynamesize) !important;
 text-transform:none !important;
 font-family: 'Libre Barcode 128 Text', cursive !important;
 padding-left:10px !important;
}





body {
background-image: var(--background_image) !important;
background-color:snow !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-size: cover !important;
/* if you want your bg to stay fixed, use  */
/* background-attachment: fixed !important; */

} 

.blurbs .inner .section:first-of-type h4{
	font-size:0;
}
.blurbs .inner .section:first-of-type h4:after{
	content: url("https://dl.glitter-graphics.com/pub/1432/1432129c1wlechdfn.gif"); animation-name: none; visibility: visible; height: 93px; width: 85px;

}
.blurbs .inner .section:last-of-type h4{
font-size:0;
}
.blurbs .inner .section:last-of-type h4:after{
content:"Who I'd Like To Meet:";
font-size:.8rem;
}



.details{
background:url("https://cdn.discordapp.com/attachments/941576321216163870/1135807553020891157/pompomface2.jpg") !important;
background-repeat: no-repeat !important;
background-attachment: local !important;
background-size: 60% !important;
curve: 15px !important;
background-position: center !important;
width:130% !important;

padding: 8px !important;
}

.heading{
background-color:var(--box_color_and_seethru) !important;
border-radius: var(--curve);
padding: 8px !important;
}
footer{
background:url("https://64.media.tumblr.com/e9ac7e6848d1ffb1d743fa378ae1eea4/5f0f39be115f66a7-55/s640x960/3d9f19d3a9f7360c79fbd74c34394f110874c38e.gif
") !important;
border-radius: var(--curve);
border-style: double !important;
border-size: 5px !important;
background-repeat: no-repeat !important;
background-size: cover !important;
padding: 8px !important;
border-style: double !important;
opacity: 0.95 !important;
border-width: 5px !important;
border-color: #bba2d3 !important;
}
footer::after{
  bottom: 1100% !important;
  font-size:0;
  right: 80%;
  position: absolute !important;
  pointer-events: none;
  content:url("https://media.tenor.com/2LWE-rTYse4AAAAi/yume-nikki-madotsuki.gif");
}


.blurbs{
background:url("https://img.itch.zone/aW1nLzg5MTc2MDMuZ2lm/original/s0MeEw.gif") !important; border-radius: var(--curve);
background-repeat: no-repeat !important;
background-size: cover !important;
padding: 8px !important;
backdrop-filter: blur(5px) !important;
border-style: double !important;
border-width: 5px !important;
opacity: 0.95 !important;
border-color: #bba2d3 !important;
}
.friends{
background:url("https://pbs.twimg.com/media/EDlFXd0UYAEBmpo.jpg") !important; border-radius: var(--curve);
background-repeat: no-repeat !important;
background-size: cover !important;
opacity: 0.95 !important;
padding: 8px !important;
backdrop-filter: blur(5px) !important;
border-style: double !important;
border-width: 5px !important;
border-color: #bba2d3 !important;
}

.blog-preview{
background:url("https://static.wikia.nocookie.net/yumenikki/images/7/7d/KALIMBA_TV.gif") !important; border-radius: var(--curve);
background-repeat: no-repeat !important;
background-size: cover !important;
opacity: 0.95 !important;
padding: 8px !important;
backdrop-filter: blur(5px) !important;
border-style: double !important;
border-width: 5px !important;
border-color: #bba2d3 !important;
}

.mood{
background:url("https://images4.alphacoders.com/172/172676.jpg
") !important; border-radius: var(--curve);
background-repeat: no-repeat !important;
background-size: cover !important;
opacity: 0.95 !important;
padding: 8px !important;
backdrop-filter: blur(5px) !important;
border-style: double !important;
border-width: 5px !important;
border-color: #bba2d3 !important;
}

.contact{
background:url("https://media.tenor.com/e4dAC40hi2EAAAAC/silent-hill2-james.gif
") !important; border-radius: var(--curve);
background-repeat: no-repeat !important;
background-size: cover !important;
opacity: 0.95 !important;
border-style: double !important;
border-size: 5px !important;
border-color: yellow !important;
padding: 8px !important;
backdrop-filter: blur(5px) !important;
color: var(--contacts) !important;
border-style: double !important;
border-width: 5px !important;
border-color: #bba2d3 !important;
}


.table-section{
background:url("https://orionmagazine.org/wp-content/uploads/2021/02/nqL.gif
") !important; border-radius: var(--curve);
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
opacity: 0.95 !important;
border-style: double !important;
border-size: 5px !important;
border-color: yellow !important;
padding: 8px !important;
backdrop-filter: blur(5px) !important;
border-style: double !important;
border-width: 5px !important;
border-color: #bba2d3 !important;
}







.table-section{border:none !important;background-color:var(--box_color_and_seethru)!important;border-radius: var(--curve) !important;}
.heading{background:none !important;padding-bottom:0px !important;}




.profile-pic img{
border-style: double !important;
border-width: 5px !important;
border-color: #bba2d3 !important;
border-radius: 0px !important;
filter:hue-rotate(var(--hue)) drop-shadow(0px 0px black) !important;
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}


.friends-grid img{
outline:none !important;filter: opacity(90%) !important;
width:80% !important; height:80% !important;
border-radius: var(--curve) !important;
filter:hue-rotate(var(--hue)) !important;

}



.inner img{
outline:none !important;
filter: hue-rotate(var(--hue)) drop-shadow(0px 0px 0px midnightblue) !important;
border-radius: var(--curve) !important;
}



 

iframe{border-radius: 60px !important;opacity: 0.75 !important;}




nav{background-color:var(--box_color_and_seethru); !important;border-radius: var(--curve); !important;}
nav ul{background:url("https://64.media.tumblr.com/e9ac7e6848d1ffb1d743fa378ae1eea4/5f0f39be115f66a7-55/s640x960/3d9f19d3a9f7360c79fbd74c34394f110874c38e.gif
") !important;
background-repeat: no-repeat !important;
background-attachment: center !important;
background-size: cover !important;}

nav img{filter: opacity(80%) !important;}
nav ul a img, .mood a img{display:none !important;}
nav .top {
        background: url("https://68.media.tumblr.com/ef0e7387c80945f3e510f2e439f77ac1/tumblr_o51gj83g6a1ubn7fro1_1280.gif") !important; background-repeat: no-repeat !important;
background-attachment: local !important;
background-size: cover !important; 
background-position: 30% 50% !important;
}





 nav img.logo{filter: invert(69%) sepia(17%) saturate(529%) hue-rotate(208deg) brightness(260%) contrast(92%) !important;}



.url-info{display:none !important;}







td {background-color:rgba(252, 196, 225, 0.42) !important;border-radius: var(--curve) !important;}

online { color: #5F264A !important; } .online img { content: url("https://media.tenor.com/pPYhZuIQtFgAAAAC/madotsuki-yume-nikki.gif"); animation-name: none; visibility: visible; height: 43px; width: 35px;

}


 

main{border-radius: 0px !important;
 border-style: double; !important;
 border-color: #59283e !important;
}

main:before {

    width: auto;

    height: 275px;

    display: block;

    content: "";

    background-image: url(https://i.pinimg.com/originals/25/b5/52/25b552de512c2d87d4154bf47b864adf.gif);

    background-position: center;
background-position: bottom !important;
    background-size: cover;}




 
.profile {
background: #3b270c !important;
opacity: 0.93 !important;
text-shadow: none;
}




.icon{border-style: double !important;}
.mood{margin-bottom:10px !important;}
.blurbs{margin-top:10px !important;}
.friends{margin-top:-10px !important;}
.profile-info{border-radius: none !important;}
.comments-table{border-radius: var(--curve) !important;border:none !important;}
.table-section{padding-bottom:7px !important;}
#comments{margin-top:15px !important;padding-bottom:15px !important}
.details p:last-child{color:var(--links) !important;  filter: brightness(95%);
}






.search-wrapper input[type=text] {background-color: rgba(0, 0, 0, 0.5) !important;border: 1px dotted var(--headers) !important;color:var(--names) !important;border-radius: 10px !important;}
button{border-radius: 10px !important;border: 0px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color:rgba(0, 0, 0, 0.5) !important;color:var(--headers) !important;}




 

code{  word-break: break-all !important;}





.w-40 .table-section:last-child .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
  content: var(--mylinks);
font-family: var(--font-family) !important; 
 text-shadow:   0px 0px black !important;color: var(--headers) !important;font-weight: bold !important;}

.w-40 .table-section:nth-last-child(2) .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .table-section:nth-last-child(2) .heading::after{
  content: var(--mytopics) !important;
font-family: var(--font-family) !important; 
 text-shadow:   0px 0px black !important;color: var(--headers) !important; font-weight: bold !important;
}

.w-40 .contact .heading h4{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.w-40 .contact .heading::after{
  content: var(--myactions);
font-family: var(--font-family) !important; 
 text-shadow:   0px 0px black !important;
 text-transform:uppercase !important;color: var(--headers) !important;font-weight: bold !important;}






.blurbs .heading{display:none !important;}





.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 0px 0px darkviolet !important; /* CHANGE COLOR OF INTEREST LABELS HERE */
   filter: brightness(95%) !important;
}

}

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--headers) !important;
   letter-spacing:normal !important;
   filter: brightness(95%) !important;
}





.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}

.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: "♫"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "♡"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "✮"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "⚬｡°"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
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: "♪"
}

@keyframes rotation {
  from {
    transform: rotate(0deg) !important;
  }
  to {
    transform: rotate(359deg) !important;
  }
}


h1{
animation: type 3s steps(27);
color: transparent;
font-size: 7px;
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 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}


</style>

<div class="snowflakes">
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>
<div class="snowflake"><img src="https://cdn.discordapp.com/attachments/750356473443254324/1119655157941141504/853559683183673384.png"/>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
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 0 of 0 comments ( View all | Add Comment )