gothic purple layout

Tags: purple, black, goth, gothic, dark, emo, weirdcore, simple, layout

Description:

no credit needed but it is appreciated:) pls comment if used ! this is a reupload of a layout i had originally posted on my old account that is now banned

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (https://layouts.spacehey.com/layout?id=81316) -->

<style>

body{
background-image: url(https://external-media.spacehey.net/media/sd79NZLNzwDAFdhzLJRTa8crWfHTsbk8eTy9f2tgddrs=/https://i.pinimg.com/564x/f1/dc/32/f1dc32ce1603c59e8184a02371abb2ba.jpg)
}


body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://external-media.spacehey.net/media/s6wYIxZhvv-3jpOkrmVObjhhYbjYCB3O92KewIJwTCpk=/https://i.pinimg.com/564x/4d/97/8c/4d978c0208e70e9f217792c6bb43eefa.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 1s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }

nav .top {
    background: #47008E;
}

footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}


main, footer{
background-color: #1e40af00;
color: #ffffff;
}


.container{
text-shadow:0 0 5px #B171F1, 0 0 10px #B171F1, 0 0 10px #47008E, 0 0 20px #47008E, 0 0 25px #47008E, 0 0 30px #47008E, 0 0 35px #47008E;
background-color: #0000009e;
color: #ffffff;
margin: 2em auto;
border-style: solid;
    border-color: #47008E;
    border-width: 2px;
width: 939px;
}


:root {
    --logo-blue: #ffffff;
    --darker-blue: #ffffff;
    --lighter-blue: #47008E;
    --even-lighter-blue: #6d00ff47;
    --lightest-blue: #6d00ff47;
    --dark-orange: #ffffff;
    --light-orange: #47008E;
    --even-lighter-orange: #47008E;
    --strange-yellow: #dbae2e;
}

.row{
    width: 100%;
padding: 40px;
}

div.general-about {
    display: grid;
    align-items: end;
    justify-content: space-around;
    align-content: center;
    justify-items: center;
    text-align: center;
}

span{
text-align: center;

}

p.edit-link{
text-align: center;
}

nav .links{
     background-color: #47008E;
     border: solid;
     border-color: transparent;
     border-width: 3px;
	text-align: center;
font-size: 14px;
}

    }
    main .right{
        width: 50%;
    }
       .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood, span{

       direction: ltr;

   }


.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
}
</style>

<style>
@import url('https://external-media.spacehey.net/css/s5_wkxXpbEMyEZAZ07c2fS54nJQtmB2yW5bsdfXhT_70=/https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

body{
font-family: 'Special Elite', monotone;
    font-size: 17px;
    font-color: #ffffff;

@import url('https://external-media.spacehey.net/css/s5_wkxXpbEMyEZAZ07c2fS54nJQtmB2yW5bsdfXhT_70=/https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
}

 div.friends div.inner p b {
color: #fff; !important;
}
    h1, .count, .friends a p{
    color: #fff; !important;
}


table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}

a:hover{
color: #47008E;
}

.profile .friends .person p {
color: #fff;  
}
.profile .friends .person p:hover {
color: #47008E;  
}

.logo{
width: 30px;
content:url("https://external-media.spacehey.net/media/s-98uytXgwXE1JvslH8cqCxvlilSZ8s-QfmH21ElxwHg=/https://media.discordapp.net/attachments/1083062800752054305/1085761642761048075/image0.jpg")

}

HTML,BODY{cursor: 
url(https://external-media.spacehey.net/media/sb3MzfCQ_IVwRWXwgvtPS4Uqk_fJj599zaGaWnurKfW4=/https://dl.glitter-graphics.com/pub/3130/3130515kbeoo7uval.gif),
auto;}


A:hover{cursor: 
url(https://external-media.spacehey.net/media/sb3MzfCQ_IVwRWXwgvtPS4Uqk_fJj599zaGaWnurKfW4=/https://dl.glitter-graphics.com/pub/3130/3130515kbeoo7uval.gif),
auto;}

    .icon, .award img {
        content: url(https://external-media.spacehey.net/media/sGjwLeZmSMWZMLyC_8v8yHJuJppZjJPmqzdGIr_VC9JA=/https://dl.glitter-graphics.com/pub/640/640424cwnvopbjme.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

.online {
    content: url(https://external-media.spacehey.net/media/sOOtzs8u3CyS0dpQH9lY7d9jSN9SaxfDZzquX-B49xjI=/https://media.tenor.com/JFaXYdISsDYAAAAi/goth-online.gif)
}

nav .links a:hover {
color: black;
}
</style>

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

Vamp	1740245453 using Report Comment
Halfmoon_dirtbag	1738137971 using! Report Comment
Soulters	1736821570 using Report Comment
masked_ily	1736301048 using :D Report Comment
/-/Chez/-/	1733661619 using! Report Comment
n1kk1y	1724658366 using ^^ Report Comment
Lahad	1722503795 using Report Comment
⛧ Lune ⛧	1722452048 Using, but the Spacehey logo seems to not be working? Report Comment
Nikki Sixx	1717130698 using!! Report Comment
Ghost	1709945911 Using! Report Comment
nyx	1707629843 using! Report Comment
RednBlue	1707193633 using!! Report Comment
clockworkEntropy	1706866724 Using, thank you! Report Comment
sweet._.m1ch	1706292949 Usando Report Comment
𝐌𝐨𝐨𝐧𝐋𝐢𝐢 𔘓𓂃 ࣪˖ ִֶָ	1706048189 Usando¡¡♡ Report Comment
⛓𓁻⭒⛓	1705977879 Using! I love ur theme, really <33 tysm Report Comment
☆Nyx☆	1705696821 Usando!!☆ Report Comment
☽Ivy☾	1704417094 using :3 tysm <3 Report Comment
xx-ɔoɹɐ-xx	1704338842 Using, really cool!!! Report Comment
Vex	1703874622 Using :) Report Comment