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

vxl~tine	1743624070 using Report Comment
Dreamy	1741964691 usiiing <3 Report Comment
skibidion69	1741621943 usinggg Report Comment
nabi ♱ 🩸	1740688383 using Report Comment
Nanux	1740608413 using! Report Comment
Clari	1739237807 Using!! Report Comment
Samaritan	1738084902 usingg! :3 Report Comment
laraaa	1737594533 usinggg Report Comment
Yumii	1737556337 Usingg♡♡♡ Report Comment
julyyy	1737450952 Usinggg Report Comment
zombehvamp	1733775800 using :] Report Comment
jmoon	1732909050 using<3 Report Comment
Charli	1730577584 Using, and what's the song name? Report Comment
𝙴𝚍𝚎𝚗 ★	1729742150 using:3 Report Comment
minikkie	1723575806 def using Report Comment
Kishibe Lover	1723151527 Using! Report Comment
osictriss	1720794897 using!! <3 Report Comment
christianavalentine	1718002923 omg sooooo coool!!!! i'm a hatchi lover, so i won't be using it, but just love to see it <3 :))))))) Report Comment
kazari	1715235412 USING :D Report Comment
julia	1715078646 using:3 Report Comment