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

Allen Little Okapi	1751598019 using! Report Comment
Elena	1751504418 using :3 Report Comment
Mim1kyu	1751319866 using >.< Report Comment
♱ManOfFaith♱	1750813530 using Report Comment
luckiiistarrr	1748919299 usinggg Report Comment
vttluv	1747759590 lemme use thank you! Report Comment
maira	1747570187 using Report Comment
Mary:>	1746466373 using Report Comment
miaa!!!	1746463402 using Report Comment
Danvs.Spacehey	1745883007 Using Report Comment
Luka :3	1744925221 how to use it?? >< Report Comment
ThatL300verthere	1744448389 using! TYSM fr making this and sharing it Report Comment
luayaah	1743856364 Usando!:) Report Comment
Zai	1743646647 Using! Report Comment
Lynezoca	1743638071 using ! Report Comment
vxl~tine	1743623595 using Report Comment
Zombie_Kitty	1743534490 Using! Report Comment
Liam	1742602224 using Report Comment
.ores4ma	1742258745 Using Report Comment
.ores4ma	1742258745 Using Report Comment