Nana Anime Black Stones Punk Emo

Tags: emo, anime, punk, goth, nana, rock, metal

Description:

Nana black stones/blast layout with theme music! UPDATED FROM LAST TIME NEEDED TO MAKE SOME MINOR CHANGES. Creds not needed but appreciated! comment if ur using it <3

Preview:

click on the image for a larger preview

Code:

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

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

<!-- (c) Layout created by codienenotbrandie (lala) -->

<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://i.pinimg.com/originals/a7/58/d5/a758d57d4ea8f87048e5a7cb5d8ecb0c.jpg);
background-size: 50% 100%;    
background-attachment: fixed;
text-transform: lowercase;
}
 .online 
display: grey;

}
.url-info{
display:grey !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: grey;
	--main-text: grey;
}
.boxHead, .rightHead, h4, .player.box {
color:black;
background-color:grey;
 text-transform: lowercase;   
}
.player.box, .boxHead{
border:1px solid black;
}
  80%{color: grey;}
    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:grey;
border:1px solid black;


}
}
div#header {
    background-color: dark red;
    background-position: 0px -400px;
text-align: center;
text-transform: lowercase;
    background-size: 100px;
    background-repeat: repeat;
}
div#hSub {
    color: grey !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: grey;
}
.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://content.beaverbrooks.co.uk/static/images/category/brands/brands/viviennewestwood/orb-symbol.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>



<style>
    .profile {
        background:black;
    }
</style>
<style>
    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color: #8b0000;
    }
</style>
<style>
 .profile .contact .heading,
 .profile .table-section .heading {
     background-color:black;
 }
</style>
<style>
 .profile .contact,
 .profile .table-section {
     border-color:black;
 }
</style>
<style>
main .left {
    background-color: #8b0000;
}
</style>
<style>
.profile .url-info{
    border-color: black;
}
</style>
<style>
.profile .contact {
    border-color: black;
}
</style>
<style>
nav .top {
    background-color:black;
}
</style>
<style>
    ..profile .table-section .heading {
        border-color:dark red;
    }
</style>
<style>
.details-table td * {
        background:grey;
    }
</style>
<style>
    .profile .friends .heading h4 {
        color:black;
    }
</style>
<style>
    nav .links {
        background-color: #8b0000;
    }
</style>
<style>
    .profile .blurbs .heading h4 {
        color:black;
    }
</style>
<style>
    .details-table td {
        background: grey;
    }
</style>
<style>
    .details-table td * {
        border-color: grey;
    }
</style>
<style>
    .details-table td * {
        color: black;
    }
</style>
<style>
    .profile .friends .inner {
        color: #8b0000;
    }
</style>
<style>
    .profile .blurbs .inner {
        color: #8b0000;
    }
</style>
<style>
  
</style>
<style>
    .profile .blurbs .inner {
        color: #8b0000;
    }
</style>
<style>
    h4 {
        color:;
    }
</style>
<style>
    div .blog-preview {
        background: #8b0000;
    }
</style>
<style>
    a {
        color:grey;
    }
</style>
<style>
    .profile .contact .heading {
        color: #8b0000;
    }
</style>
<style>
    .profile .table-section .heading {
        color: #8b0000;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url();
    }
</style>
<style>
    .comments-table td {
        background:black;
    }
</style>
<style>
    .comments-table td {
        border-color: #8b0000;
    }
</style>
<style>
    table.comments-table {
        border-color: #8b0000;
    }
</style>
<style>
    footer {
        background:black;
    }
</style>
<style>
    footer {
        color:dark red;
</style>
<style> 
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "want 2 know.."; font-size:.8rem; } 
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "mi friendz"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "commentz"; font-size:.8rem; font-weight:bold; } </style>
<style>
    .details-table td:first-child {
        background-color:grey;
    }
</style>
<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: “link"; font-size:.8rem; font-weight:bold; } </style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "hai :3"; font-size:.8rem; font-weight:bold; }
</style>
<style> 
.profile .table-section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "want 2 know…"; font-size:.8rem; } 
</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "mi blog <3"; font-size:.8rem; font-weight:bold; color:black; }
</style>


<br/>





<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>

<iframe width="300" height="50" src="https://www.youtube.com/embed/YVk3rZwWk9o//?&;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 20 of 75 comments ( View all | Add Comment )

Dino<3	1738240514 usingggggggg Report Comment
dile<3	1737814088 usingg Report Comment
pizza4emily!	1737661941 using >-< Report Comment
Yngela	1737630571 Using! Report Comment
Yumii	1737556016 Using it ♡ Report Comment
Nana_onlyhere	1737333595 using Report Comment
ciel •⩊•	1737309637 using! Report Comment
Cici シシ	1737022455 これを絶対使います！めっちゃカッコいい！ありがとうございます！ Report Comment
ANARKORPS3	1736341323 KEWL AF! using, thanks!! Report Comment
Stefaniia	1735086784 Using, thank u! Report Comment
gabe	1734672656 Using! Report Comment
Cami	1731946677 using tysm!! Report Comment
𝑺𝒖𝒍🎸	1731731502 using !! Report Comment
aliendotjpeg	1729592487 using Report Comment
vinny !?!? (the REAL Shinichi)	1727775190 using later Report Comment
Sun4_r1ntar0u	1724169980 Usingg Report Comment
PUNK HAZARD	1722471579 about to start using looks awesome Report Comment
G3O	1722270239 Usinggg Report Comment
Mentalwarning	1721265182 USINGG Report Comment
Alicia	1720937792 Using!! Report Comment