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 62 comments ( View all | Add 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
shark !<3	1718683112 using! Report Comment
Chocmansito	1718674629 USING! Report Comment
Link X3	1717641728 using :3 Report Comment
Krow	1717462694 usandooo Report Comment
KEVIN	1716344657 USING!! Report Comment
Sxnn1 :33	1714440870 usando Report Comment
Yaro ★	1713589033 using!! Report Comment
s3lin4xisxde4th	1712329686 USING IT<3 Report Comment
xiula_0hg	1711290403 using Report Comment
DI0N!	1710929679 Using Report Comment
D3AD PERS0N	1709819970 Usando Report Comment
☆TATIANA☆	1709444642 using!! Report Comment
slothsluvrr	1708276445 uuuuusing :3 Report Comment