mall goth black and red

Tags: mall goth, red, black, vampire, nu metal, autoplay, slipknot, crt

Description:

this is the layout i use on my profile :-) this is my first full layout so ill probably update this as i figure out how to code. autoplay is waffle by sevendust, feel free to adjust anything if needed!! cd pfp, friends pfp and warning screen are not mine!! full creds go to the owners, heres the code bits from others i used -->

https://layouts.spacehey.com/layout?id=29048

https://layouts.spacehey.com/layout?id=80763

https://layouts.spacehey.com/layout?id=84943

if ur using u dont have to comment but they are appreciated!! feel free to send me a friend request, im always happy to make new friends :D update: hi, so sry as of 27/2/24 some of the pixels have been changed :( im gonna try find the old ones sometime soon

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☣ KIERAN/GRIFFIN Ⓐ (https://layouts.spacehey.com/layout?id=92972) -->

<style>
}
:root {
        --logo-blue: darkred;
        --darker-blue: darkred;
        --lighter-blue: #b30000;
        --even-lighter-blue: red;
        --lightest-blue: red;
        --dark-orange: red;
        --light-orange: red;
        --even-lighter-orange: red;
        --green: red;
}
main {
font-family: 'ms ui gothic';
color: red;
background-color: black;
border-color: red;
border-style: ;}
nav .top {
background: transparent;
}
#q, button {
color: #F55536;
background-color: black;
border: 1px solid red;
font-family: inherit;
}
p, i, b, .count {
color: red!important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
font-family: 'ms ui gothic';
text-decoration: 
}
.container {
margin: 0 auto 0;
}
.count {
    color: black;
    border: 1px black:
}
main {
background: black;
color: red;
}
.heading, .url-info {
color: red !important;
font-family: 'ms ui gothic';
background: none;
background-color: black !important;
border: 1px solid red !important;
}
.inner {
color: red !important;
border: 1px solid red !important;
border-top: none;
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/236x/f1/3d/1e/f13d1e6287d706332ebf57ebdc8a1fb5.jpg);
    background-position: center center;
    background-size: cover;
}
.profile-info {
background-image: url(https://i.pinimg.com/236x/05/76/11/0576119840986b490b268ecdb03e4e5d.jpg);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 1px solid red;
border: 1px solid red;
}
.contact {
  background-image: url(https://i.pinimg.com/236x/28/d1/a0/28d1a025f55c9444301bd90f9d00bd89.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  Width: 300px;
  Height:120px;
}
footer {
    background-image: url(https://i.pinimg.com/236x/47/16/66/47166635b5f9c7cd6333dcf55c52f3d0.jpg);
    background-position: center;
background-size: cover;
    border-radius: 8px;
    border: 2px solid red;
}
.general-about {
   border-radius: 8px;
   background: url(https://i.pinimg.com/236x/fa/d9/71/fad9718306950911358a62064f428123.jpg);
   background-position: center;
   background-size: cover;
padding: 5px;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border: 1px solid red:
border-bottom: 1px solid red;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact.f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmv2jw-1ce6891f-a021-4599-9117-1d56eceebe4c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdjJqdy0xY2U2ODkxZi1hMDIxLTQ1OTktOTExNy0xZDU2ZWNlZWJlNGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.J7-oGpFqRkdXrfmdY8ys_lmU7W4s22hz16yjJRE7amI');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://images.emojiterra.com/google/noto-emoji/unicode-15/animated/1fac0.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
}
 .comments-table td:first-child img {clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
nav .links li .icon{
content: url('https://64.media.tumblr.com/72ce3df652cb02da74f606171b6c9d40/df9993671d388a92-c9/s75x75_c1/aed97fbd1064eb3886ab3f78249c8ebb23da7533.gifv');
}

.contact {
        font-size: #px;
        font-family: fontfamily;
        
        
    }
    .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: url("https://xyz.crd.co/assets/images/gallery21/d673a583.gif?v=6ecccb1c")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://vermillion.drr.ac/assets/images/gallery01/0323be38.gif?v=7ca7602c")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://cdn.discordapp.com/emojis/1148420753780375563.gif?size=96&quality=lossless")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://nustufff.carrd.co/assets/images/gallery22/a5f24c1e.gif?v=5bcf7cb9")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/d0dba451bf4f1a1cc1e6f11df8877f9f/6f7e15459affd095-a9/s75x75_c1/587db3e808f8d250ec7d70c1eb41bbea2727bd14.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://64.media.tumblr.com/c976c1f0110dff524dead5bde74dd5df/09b0656ab042c182-ac/s75x75_c1/888d378a91f5776307c5c5633ed9c5c7e094b4e5.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://maguro.carrd.co/assets/images/gallery08/e53db54a.gif?v=6d27d80b")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://external-media.spacehey.net/media/sjsnrYYhDEnmkAMQiNxtUdybjhH-iaAI3wrxQ1hPDz8o=/https://pixels.crd.co/assets/images/gallery88/62215cee.gif?v=379361a4")
    } 
}
table, th, td {
border: 0px solid;
}
:root {
--topic1: "general (x_x)⌒☆";
--topic2: "music (^_^♪)";
--topic3: "film (´꒳`)♡";
--topic4: "tv (°ロ°) !";
--topic5: "books (^.~)☆";
--topic6: "vidyagames (´ ∀ ` *)";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
color:red !important;
letter-spacing:normal !important;
text-shadow: none;
font-size: 10pt
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(255 0 0 / 30%) 40%, rgb(0 0 0 / 0%) 40%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 2px solid red;
border-collapse: collapse;
}
td {
color: red!important;
background: none;
background-color: black !important;
font-family: 'ms ui gothic';
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer p {
color red !important;
}
.comments-table {
color: red;
border: black;
border-radius: 1px;
}
.comment-replies {
    border: 2px black;




 
 .logo {
  
content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmtxxd-1bd7ab94-fb4b-4e3b-a4df-5c2006fe1761.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdHh4ZC0xYmQ3YWI5NC1mYjRiLTRlM2ItYTRkZi01YzIwMDZmZTE3NjEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.08aR-mYuj8OZpGCD4vGDLFtFOQGewMWenoRIoe21XRI")
  
  }
  





<style>

nav .links a{text-shadow:none;}

nav .links li:not(:last-child)::after,

footer .links li:not(:last-child)::after{

    content: " ♰ ";

    color: red;

    font-weight: ;

}

</style>









<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAAAAAAAAX1xaAP///wAEBAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADMzMzMAAAAAAAAAAAAAABEzMBMzEQAAAAAAAAAAAAAAMwAAMwAAAAAAAAAAAAAAAzIiIiMAAAAAAAAAAAAAADMiIiIjMAAAAAAAAAAAAAMyIiIiIjMAAAAAAAAAAAAzIiIiIiIjAAAAAAAAAAAAMiIiIiIiIjAAAAAAAAAAADIiIiIiIiIwAAAAAAAAAAAyMiIiIiIiMAAAAAAAAAAAMjIiIiIiIjAAAAAAAAAAADIyIiIiIiIwAAAAAAAAAAAyMiIiIiIiMAAAAAAAAAAAAAIjIjIjIjAAAAAAAAAAAAAyIyIyIyIwAAAAAAAAAAAAMiMiMiMiMAAAAAAAAAAAADIjMzMzIjAAAAAAAAAAAAAyIwAAAyIwAAAAAAAAAAAAMiMAAAMiMAAAAAAAAAAAADIjAAADIjAAAAAAAAAAAAAyIwAAAyIwAAAAAAAAAAAAMiMAAAMiMAAAAAAAAAAAADIjAAAAMwAAAAAAAAAAAAADMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////////////////4B///4AH///gH///wB///4AP//8AB//+AAP//gAD//4AA//+AAP//gAD//4AA//+AAP//wAD//+AA///gAP//4AD//+Hw///h8P//4fD//+Hw///h8P//4fn///P/////////////w=='), auto; }</style>














<!-- (c) Layout created by boykisser's bf (https://layouts.spacehey.com/layout?id=80763) -->

<div id="profile">

<ul>

<center>
<h1> ENTER IF YOU DARE</h1> 


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmv88s-d1138316-3884-42fd-93a1-25a6020eb70f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdjg4cy1kMTEzODMxNi0zODg0LTQyZmQtOTNhMS0yNWE2MDIwZWI3MGYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.A1CGfzkA8ZNth-RVppoGngC6aKm7YQUAAe1OIVyK-bw" style="float:right;width:30%;"/>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4c439c6e-3ac8-4098-914f-8a637bf573f0/dgmv88s-d1138316-3884-42fd-93a1-25a6020eb70f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRjNDM5YzZlLTNhYzgtNDA5OC05MTRmLThhNjM3YmY1NzNmMFwvZGdtdjg4cy1kMTEzODMxNi0zODg0LTQyZmQtOTNhMS0yNWE2MDIwZWI3MGYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.A1CGfzkA8ZNth-RVppoGngC6aKm7YQUAAe1OIVyK-bw" style="float:left;width:30%;"/>



<p>half alive and stark-raving free and maligned<br/>

<br/>encroaching on the purpose of this commercial-free interruption<br/>
<br/> due to the prolific nature of this statement
<br/>listener aggression is advised





<br/><br/><br/>click below to view profile<br/>




<a href="#profile"> LET ME IN!!!!</a>
<br/><a href="https://spacehey.com/home">TAKE ME BACK!!!!</a>
<br/><br/><br/>

</p><center><img src="https://i.pinimg.com/236x/35/20/99/3520996e09d458748a4c658f4fc5fc87.jpg"/>
<br/>




</center></center></ul></div>


<style> 

:root {
  --warning-background-image: red;
  --warning-text-color: red;
}

#profile {
 position: fixed;
 background-image: url('https://i.pinimg.com/236x/c3/e5/4d/c3e54d2e32e5700ea9ed502721b89b69.jpg');
 background-color: #b51827;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 150%;
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > ul {
 padding: 10px 50px;
 border: 5px double #b51827;
 border-radius: 20px;
 Background-color: black;
}
</style>




<style>

.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://i7.glitter-graphics.org/pub/104/104607x61kd02dl0.gif);
}

</style>



<style>

@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
body{font-family: 'insert font variation', insert font type;}

</style>





<style>

nav, nav .links a {
color: red;
}
nav .top {
margin-top: 2px; 
background: "https://i.pinimg.com/236x/99/ee/81/99ee81e53a0bd2e7894ded9da53ab6f2.jpg"; 
background-color: black;
border: 2px solid red; 
border-bottom: none;
}
nav .links {
background-color: black;
border: 1px solid red; 
}

</style>



<style>

body{
background-image:
url(https://i.pinimg.com/236x/83/4e/5a/834e5acf9c21760754df014f079b74f5.jpg);
background-attachment: fixed;
background-size: 1000px;
}
.blog-preview .pinned .icon{
content: url('https://64.media.tumblr.com/5b2503d202594d6180cb3c5123aa97ce/ebef0e60a767d10c-cd/s75x75_c1/0fcc08d832f3e9548e62673abbf2112e25b4c1bb.gifv');
}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Ltj4d9DVxG8//?&;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 69 comments ( View all | Add Comment )

Izabela	1770361535 Using ! Report Comment
𐂯 ໒ ꒱ ‧ ₊˚	1769484537 using! Report Comment
f4therHog	1768750584 using :) Report Comment
.⭒𝕮𝖍𝕰𝖝⋆⭒.	1766677171 usingg :PP Report Comment
Saturn!!	1765187913 using tyty!! <3 Report Comment
⋆༺𓆩l3ir𓆪༻⋆	1764912395 usinggg !! ~ Report Comment
B4byrockst4r	1762048638 Usinggg Report Comment
Shubam	1761852899 Using Report Comment
☆xXCharlieXx☆	1761604513 Using this is so cool :) Report Comment
XERN0US	1760157058 Using Report Comment
Ace	1759273537 Using!!! Report Comment
Eli Sixx	1759091910 Using!! Report Comment
Z3z3!!._.	1756847738 Using!! <3 Report Comment
vxl~tine	1752533517 using Report Comment
sharon	1750611640 using!! :p Report Comment
⛧lucy⛧	1746372301 using! Report Comment
test profile	1743989740 isknh :3 Report Comment
test profile	1743989738 isknh :3 Report Comment
Alister	1743493838 using Report Comment
]1MMY	1742428003 might be using idk :0 Report Comment