SUNNY layout

Tags: omori, layout
Description:

put in abt me, plz comment if using and i take suggestionz:3 next iz mari:D
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by M0N0+C0CAIN3 (https://layouts.spacehey.com/layout?id=99808) -->

<style>
body {
        background:url(https://static.wikia.nocookie.net/omori/images/d/d1/Mirror_basil_dinner.gif/revision/latest/scale-to-width-down/250?cb=20210520101057);
}
.profile {
background:url(https://steamuserimages-a.akamaihd.net/ugc/1840297409409172841/6685F0C0DFFE384CE656968EDF70E8D71EBFEB6D/?imw=268&imh=151&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true);
color:#333333;
text-shadow: 0 0 2px black;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#9d9ea3; 
text-shadow: 0 0 2px black;
background:#141414;
}

/* contact icons */
.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: "˖⁺ ☁⋆"
}
footer {
border-radius: 15px;
background-image: 
url(https://static.wikia.nocookie.net/omori/images/4/4a/Something_in_the_Dark_%28Beta%29.gif/revision/latest/scale-to-width-down/250?cb=20210520091356);
color:White; 
}
.online{
content: url('http://www.myspacegens.com/images/online_now/60.gif');
}
nav .top {
        background: url("https://static.wikia.nocookie.net/omori/images/4/4a/Something_in_the_Dark_%28Beta%29.gif/revision/latest/scale-to-width-down/250?cb=20210520091356");
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#aab6bf;
--even-lighter-blue:#aab6bf;
--lightest-blue:#3c3c3d;
--dark-orange:White;
--light-orange:#aab6bf;
--even-lighter-orange:black;
--green:black;#000000
}


}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ


ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>


</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friends🗳"; font-size:.8rem; font-weight:bold; 
color:White; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments🗳"; font-size:.8rem; font-weight:bold;
color:White; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "my interests / my socials🗳"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi🗳"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me🗳"; font-size:.8rem; font-weight:bold; color:White; }
}</style>

<style>

body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('https://static.wikia.nocookie.net/omori/images/7/75/Omori_wakeup_day_gif.gif/revision/latest/scale-to-width-down/250?cb=20210105193031');
    background-size: cover;
    background-repeat: no-repeat;
background-position:center;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; bottom: 10px; z-index: 200;"><img src="https://i.redd.it/xv8zchgai7d71.gif" width="200" height="200"/></div>


<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://preview.redd.it/a-few-sprite-edits-based-on-requests-from-my-previous-post-v0-8i6wbxjdj73b1.gif?width=640&crop=smart&auto=webp&s=7dec6f0aa1a7dd39e069dfada2f67d96296022e8" width="300" height="300"/></div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/8ya9EhvcNsA?si=yAZNpp_GNQV-BHeJ//?&;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>
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 )