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 ☆ 🍉 (yuri lover ⚢) (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 48 comments ( View all | Add 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
Vivionline	1703730965 Cute, useing! Report Comment
Cxsomia<3	1703480511 using! Report Comment
nana ꨄ	1703315209 using this <333 Report Comment
Charlie / Kiwi	1703280072 This is such a cool design, using it <3 Report Comment
Dagix	1703190195 using it!! Report Comment