nana themed layout

Tags: nana, dark, 2000s, 90s, dark, light, white, music, song.

Description:

this is mainly so i can use this again-- a lot of the code was frankensteined from different people.... comes with an opening gif, music, and cute graphics so you can have BLAST on your layout <3

Preview:

click on the image for a larger preview

Code:

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

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

<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>
<style>
body{
background-image:url(https://wallup.net/wp-content/uploads/2017/10/25/479708-Nana-anime_girls-Nana_Osaki.jpg);
background-size: 50% 100%;    
background-attachment: fixed;
text-transform: lowercase;
}
 .online 
display: 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:#736d7a;
	--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;
}
  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;


}
}
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;;
}
 {

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;
}
i
    }
}
.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://cdn.discordapp.com/attachments/894741500313886723/995062186768613508/boo.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://cdn.discordapp.com/attachments/894741500313886723/995062186768613508/boo.png) no-repeat;
    background-size: 100%!important;
}
  <a href="https://spacehey.com/zombiecutie">
         <img alt="rex" src="https://scemoboy.carrd.co/assets/images/image12.gif?v=f7728a43"
         width=150" height="20">
</style>

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

<style>
nav {
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125);
}
.container, .main {
  width: 100%;
  max-width: 1024px !important;
  margin: auto;
}
.profile.left {
  width: 100%;
  max-width: 320px !important;
}
.profile.right {
  width: 100%;
  max-width: 600px !important;
}
.profile-pic img {
  border-radius: 100%;
}
.profile {
  margin: auto;
  font-family: 'Alice in Wonderland', Alice in Wonderland, Alice in Wonderland;
  font-size: 1rem;
  line-height: 1.5;
  color: #333333;
}
.blurbs, .contact, .url-info, .table-section, .friends {
  margin: 0;
  padding: 1rem;
  background: white !important;
  border: 1px solid darkgray !important;
  border-radius: 11px !important;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125) !important;
}
.heading {
  margin: 0;
  padding: 1rem;
  font-size: 1.25rem;
  color: black !important;
  background: White !important;
  border-radius: 11px !important;
}
.inner {
  margin: 0;
  margin-top: 0.5rem;
  padding: 1rem;
  background: whiteSmoke;
  border: 1px solid darkgray;
  border-radius: 11px;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.125) inset;
}
</style>


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

<br/>

<iframe width="0" height="0" src="https://www.youtube.com/embed/r7fVFmyWho4//?&;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://thumbs.gfycat.com/IdealisticCleanIndianrockpython-size_restricted.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 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>

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 43 comments ( View all | Add Comment )

Sxnn1 :33	1714343909 USANDO Report Comment
ren	1713808416 using Report Comment
ren	1713808415 using Report Comment
♰ ˚₊‧ ꒰ྀིঌ 𝔞𝔯𝔱𝔦𝔰 ໒꒱ྀི ‧₊˚ ♰	1712711716 Using Report Comment
ɑniꮪɑ	1711051431 Using Report Comment
DI0N!	1710929652 Using <3 Report Comment
☆𝔐𝔦𝔩𝔦𝔢☆	1709230934 Using :3 Report Comment
Sol	1707756712 Using!! Report Comment
Salcito	1707442992 using Report Comment
kuro	1705911643 usando Report Comment
sevennzstar	1705856078 US1NG!!! Report Comment
princesssade	1705454147 using!! <3 Report Comment
xoxo.casey	1704255043 using!! <3 Report Comment
sophie	1703929281 using!! Report Comment
Ray !!	1703678809 USINGG Report Comment
gengi	1703208002 Using!!! Report Comment
Sora	1701716085 Usin'!!!:3 Report Comment
cosmo!★₊˚﹟🪐 '	1698175340 using maybee :33 Report Comment
likifawcett	1696532533 usingggg!! Report Comment
𝕿𝕽𝕬𝕲𝕰𝕯𝖄	1695140341 USING <33 Report Comment