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 ⁶⁶⁶ kieЯan ♱ (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 53 comments ( View all | Add Comment )

Fartard	1743989740 isknh :3 Report Comment
Fartard	1743989738 isknh :3 Report Comment
Tenwuv	1743493838 using Report Comment
]1MMY	1742428003 might be using idk :0 Report Comment
vxl~tine	1741305837 using Report Comment
𝕾𝖙𝖗𝖆𝖓𝖌𝖊 𝕽𝖆𝖇𝖇𝖎𝖙	1741205949 using Report Comment
︎︎✯𝔠𝔯𝔶𝔭𝔱𝔳𝔞𝔫𝔫𝔞✯︎︎	1740241461 usinggg!!! Report Comment
keyshia ✮	1738984889 using Report Comment
GRRRL SLUDGE 🍉	1738283169 using, thanks! Report Comment
Lucien ⚰️	1737835713 using! Report Comment
evie :3	1736321564 usinggg Report Comment
GRIMMZYY.Xx	1734473019 udingg TYSM Report Comment
~Fluffy~	1733946258 Using! Although some of the contact clickables- including sending friend requests doesn't work- any way to change and/or fix that? wasn't sure if it was intentional Report Comment sorry havent been online in a bit but its probably not intentional, i havent touched in code in ages so ill fix it up soon hopefully!! thx for letting me know :3 by ⁶⁶⁶ kieЯan ♱; 1738102820; Report
xX_rAy3Rev3nGe_Xx (mr rogers’ gay cousin)	1732842314 usinggg!! :D Report Comment
UnSaintlyValentine	1732750440 using! thank you! Report Comment
MISSY	1727774093 using Report Comment
susu	1727674824 using Report Comment
xX.Kat1e.K1llz.Xx	1727054289 useing! Report Comment