omori white space layout

Tags: omori, white, black, rexlayouts

Description:

inspired by omori white space. credit me by linking me in ur bio pls, and lmk if smth doesnt work! this is old so img urls might be broken >_<

Preview:

click on the image for a larger preview

Code:

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

<div class="omori"></div>

<style>
body{
background-image:url(https://www.ps4wallpapers.com/wp-content/uploads/2022/07/2022-07-07_62c72a0ecdcb3_C9502E8E-8C86-4551-A84A-FABBB591AA99.png);
background-size: 100% 100%;    
background-attachment: fixed;
text-transform: lowercase;
}
 .online {
display: none;
}
.online img { 
content: url(
"https://i2.glitter-graphics.org/pub/341/341842q4vbfz1x40.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; filter: none; 

}
.url-info{
display:none !important;
}
:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: ;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:black;
	--table-color: white;
	--link-text: white;
	--main-text: white;
}
.boxHead, .rightHead, h4, .player.box {
color:black;
background-color:white;
 text-transform: lowercase;   
}
.player.box, .boxHead{
border:1px solid black;
}
a {
     animation: changeColor 5s linear infinite;
}
@keyframes changeColor{
    0%{color:white;}
    20%{color: black;}
    40%{color: white;}
    60%{color: black;}
    80%{color: white;}
    100%{color: black;}
}
.tableRight{
background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSr_jShMn8ZVZmeH9GNAydIN-ivtniCnzxy7MQkL-VjX2l_gs5OcUWZD0fiEGcd34GM2Yk&usqp=CAU);
border:1px solid black;
background-size:cover;
}
.tableLeft{
background-color:white;
border:1px solid black;

}
@keyframes blinkingTextWhite {
0% {
    color: black;
}

50% {
    color: white;
}
100% {
    color: black;
}
}
div#header {
    background-color: white;
    background-position: 0px -400px;
text-align: center;
text-transform: lowercase;
    background-size: 100px;
    background-repeat: repeat;
}
div#hSub {
    color: white !important;
    background-color: black;
    text-align: center;
text-transform: lowercase;;
}
 {
    animation-name: floating;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    max-height: 650px;
    overflow-y: scroll;
    padding: 10px;
}
img{
    animation-name: floating;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 20px); } 
    100%   { transform: translate(0, -0px); } 
}
img{
filter:grayscale(100%)
}
::-webkit-scrollbar {
width: 0px;
}
.friends, person img{
border:1px solid black;
}
img:hover, .friends:hover{
      animation:shake 3s;
      animation-iteration-count:infinite;
}
@keyframes shake{
    0% {
        transform:translate(1px,1px) rotate(0deg);
    }
 
    10% {
        transform:translate(-1px,-2px) rotate(-1deg);
    }
 
    20% {
        transform:translate(-3px,0px) rotate(1deg);
    }
 
    30% {
        transform:translate(3px,2px) rotate(0deg);
    }
 
    40% {
        transform:translate(1px,-1px) rotate(1deg);
    }
 
    50% {
        transform:translate(-1px,2px) rotate(-1deg);
    }
 
    60% {
        transform:translate(-3px,1px) rotate(0deg);
    }
 
    70% {
        transform:translate(3px,1px) rotate(-1deg);
    }
 
    80% {
        transform:translate(-1px,-1px) rotate(1deg);
    }
 
    90% {
        transform:translate(1px,2px) rotate(0deg);
    }
 
    100% {
        transform:translate(1px,1px) rotate(0deg);
    }
}
.comments-table{
display:none;
}
#comments, footer{   
border: solid black;
}

nav .top{
background-color: black;
}
footer{
background-color: white;
}
.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 Favorites */
	content: "🐈‍⬛"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🐈‍⬛"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "🐈‍⬛"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🐈‍⬛"
}
 div.friends div.inner p b {
color: black;
}
    h1, .count, .friends a p{
    color: black !important;
}
.url-info{display:none !important;}
.icon, .award img {
    content: url(https://art.pixilart.com/thumb/50a3e3178733e88.png);
    display: inline-block;
    height: 2.0em;
    width: 2.0em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}
.omori{
    background: url(https://omori.wiki/images/thumb/b/bb/OMORIENEMY.gif/200px-OMORIENEMY.gif) no-repeat;
    background-size: 100%!important;
left: 0px;
position: fixed;
bottom: 0px;
height: 350px;
width: 200px;
z-index: 100;
opacity: 100%;
}
</style>
<a href="https://spacehey.com/hibikiwataru">
         <img alt="credit" src="https://files.catbox.moe/2x4f43.gif" width="150&quot;" height="20"/></a>
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-8/oth702.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/29/knife-7.html" target="_blank" title="Knife"><img src="https://cur.cursors-4u.net/cursor.png" alt="Knife" style="position:absolute; top: 0px; right: 0px;"/></a>

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 20 of 682 comments ( View all | Add Comment )

flowersight	1752091447 im not going to use this i just wanted to say it's really really cool and i love how it turned out (omori fan here) Report Comment
tabby	1752014580 using !! Report Comment
Emilio !!	1751957436 usingggg Report Comment
小さな天使 (ᐢ. .ᐢ)	1751738175 usingg Report Comment
tyy	1751648993 using Report Comment
NULL	1751643779 using!! Report Comment
Haki	1751383670 USING :D Report Comment
plumasdepapel	1750526844 usingggg!!! <33333 Report Comment
JuhSpears	1750114028 using!! Report Comment
Dolly Ò^Ó	1749811470 Using! < 3 Report Comment
yeimii_eats_a_lot_of_sand	1749791097 Using ! >\\\\< Report Comment
TheMaxx	1749608197 using## Report Comment
vin	1749597609 using Report Comment 🩷 by ⋆˚࿔sweet౨ৎ࿔🍡; 1750165146; Report
judemcdude	1749342154 using Report Comment
Elysia	1749321126 Using ! Report Comment
Elysia	1749321125 Using ! Report Comment
Elysia	1749321125 Using ! Report Comment
Isaac	1749306675 usando !! Report Comment
❀𝐅𝐢𝐛𝐢𝐢❀	1749276292 Usingggg Report Comment
❀𝐅𝐢𝐛𝐢𝐢❀	1749276292 Usingggg Report Comment