Draincore Layout

Tags: layout, drain, black, goth, draingang, draincore, sigil, sigilcore

Description:

say me if u are using

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by MALAH (https://layouts.spacehey.com/layout?id=102598) -->


<style>

@import url('https://fonts.googleapis.com/css2?family=Ballet:opsz@16..72&display=swap');
.profile h1 { font-family: 'Ballet'; text-align: center; font-size: xx-large; color: white; text-shadow: 2px 2px black; }

body{
background: url(https://i.pinimg.com/originals/e1/3f/a3/e13fa3e31c51cf721797fac87833343f.gif) repeat fixed;
background-size: cover;
text-transform: lowercase;
}

nav .top{
margin-top: 10px;
background: url(https://i.pinimg.com/564x/4c/67/32/4c67326849da7ef5991cb31632fe308e.jpg);
background-size: cover;
    background-position-y: center;
border: 1px solid white;
border-radius: 5px;
box-shadow: 0 0 8px white;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: drop-shadow(2px 4px 6px black);
}

button, input {
    overflow: visible;
    background: white;
    color: black;
    border: none;
    box-shadow: 0 0 5px white;
    border-radius: 5px;
}

nav .links {
    background-color: transparent;
    padding: 3.5px 16px;
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
    font-size: max(0.98em, 12px);
}

nav .links .special a {
    color: white;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " | ";
    color: white;
}

main{
background: url(https://i.pinimg.com/564x/4a/f6/7a/4af67a8e08f2ab6d98dfb1b6f7b0eb1c.jpg);
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
    color: white;
    text-shadow: 1px 1px black;
}



footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent;
    color: white;
}

a {
    color: white;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #6da5ac;
    text-decoration: none;
    font-style: italic;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #29282b;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: #403f43;
    vertical-align: top;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: white;
    color: black;
    border-radius: 8px;
    padding: 2px 7px;
    box-shadow: 0 0 10px white, 0 0 5px white;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: white;
    color: black;
    padding: 2px 7px;
    box-shadow: 0 0 5px white, 0 0 10px white;
    border-radius: 8px;
}

.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
    filter: brightness(10);
}

.details-table td:first-child {
    background: #29282b;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    width: 33%;
    box-shadow: 0 0 10px #ffffff, inset 3px 5px #5d5b68, inset -7px -9px #151617;
    padding: 11px;
}

.details-table td {
    background: #403f43;
    vertical-align: top;
    border-radius: 8px;
    box-shadow: 0 0 10px #ffffff, inset 5px 6px #cecaea61, inset -5px -7px #2a2a2e;
    padding: 14px;
}

.profile-info{
background: url(https://i.pinimg.com/564x/6a/9b/7e/6a9b7e9145142395a5a71c34fc9dc63b.jpg);
    background-position: center;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: white;
    text-transform: uppercase;
}

.count {
    color: white;
}

.profile .friends .person p {
    color: inherit;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

img.pfp-fallback {
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: black;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #fff;
}

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    filter: grayscale(1);
}

.online {
    color: #0C8C00;
    font-weight: bold;
    font-size: 95%;
    filter: saturate(0) brightness(10);
}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(15 18 82 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

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

.col, main, footer, nav::before, .online, nav .links, nav .top {
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>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/e0/da/9c/e0da9c142e7d32f6e1ea6f9215ca87de.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

<style>
.online{content:url("https://i.postimg.cc/PqwwvtFb/Untitled435-20240101191256.png");
}




<iframe width="0" height="0" src="https://www.youtube.com/embed/I2WCJW9otiU?si=GkwrMRKRn1YFDR1b//?&;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">


<style>

.logo {

content:url("https://i.postimg.cc/XJ60Dvt2/92969-00d3c5498ea2821a48b8d00f02121e80.png");

}

<style>
.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/s2hxc0K8/pentagrama.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

.profile .friends .person img {-webkit-mask-image: url( https://i.postimg.cc/s2hxc0K8/pentagrama.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}


<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/4cb467adf5421494a6c4929f7a6db8fd/c78b394541e6c6c9-4d/s640x960/784b2c6cdb971d0a9f98923794e1f2f7bec3639a.gifv);  width: auto; height: 70px; background-position: top center; background-size: 90%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}

<style>

.logo {

content:url("https://i.postimg.cc/XJ60Dvt2/92969-00d3c5498ea2821a48b8d00f02121e80.png");

}

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

kira x3	1762894336 using Report Comment
KAIIDEN	1762842833 ussing Report Comment
brieeee!!!	1762576772 usiggg Report Comment
em	1762029590 using <3 Report Comment
🪷	1762012878 using Report Comment
Anna :]	1761773670 usinggg Report Comment
mango	1761661473 using Report Comment
𝔗𝔥𝔢_𝔯𝔢𝔞𝔩.𝔱𝔬𝔵𝔦𝔠𝔶𝔲𝔯𝔦	1761569259 Usinggggg Report Comment
G4rlicBreaddd_	1761460751 using Report Comment
Bear	1760627171 using!! Report Comment
Sunny	1760548969 Usando Report Comment
SCARTATT00	1760496872 using Report Comment
Kurtmeiii	1760340293 Using Report Comment
charu	1760239050 using Report Comment
weepychan	1760064502 using! :D Report Comment
rosemarry ˚ ༻⋆𓋹⋆༺˚	1759412436 Using Report Comment
⁺‧₊˚ ཐི⋆♱⋆ཋྀ ˚₊‧⁺ Jadie ⁺‧₊˚ ཐི⋆♱⋆ཋྀ ˚₊‧⁺	1759324880 using Report Comment
krizzalixxx	1758902190 using! ^^ Report Comment
JazzyMay90	1758391695 I'm using it and it's so cool. Thanks for making it. :) Report Comment
EtherealXtacy	1758365959 using !! Report Comment