Black and White Layout

Tags: emo, black, white, layout, gr3mlinxoxo

Description:

DO NOT REMOVE CREDIT.

Completely free to use/edit. If you use, comment pls <333333

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝐆𝐑𝐄𝐌𝐋𝐈𝐍 (https://layouts.spacehey.com/layout?id=18534) -->

<!-- (c) Layout created by gr3mlinxoxo (https://spacehey.com/gr3mlinxoxo) DO NOT REMOVE -->


<style>
@import url('https://64.media.tumblr.com/dcde1a939853676c480d74f4ef813479/64b8a4dac8952bf6-1b/s250x400/3014f70c860aff1c901b6d3798cd12b03a29878c.gif');
body{font-family: "potta one" ;}
</style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
body{
  background: url('https://64.media.tumblr.com/c9eb2abfed5102e24a2554263d5db939/1aeea4b7b65a9649-f0/s640x960/8c1a19c27d0dd7070c7d2c5d2cfa4361d8846ba1.jpg')
}
.container{
margin: 2em auto;
width: 960px;
border: 10px dashed #ffffff;
border-radius: 30px;

}
.profile {
background-image:url('https://data.whicdn.com/images/350547422/original.gif');
  background-repeat: repeat;
    border-radius: 10px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: DeepSkyBlue; 
	//text-shadow: 1px 1px #ffffff;
	
};
	text-shadow: 2px 2px 3px #ffffff, 0 0 25px #fd8fff, 0 0 5px black;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: medium;*/
    color: #ffffff;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#e6ffff);
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #e6ffff;
   margin 10px 2;
}

.online
{
color: gold!important;
font-family: 'Bebas Neue', cursive;
text-shadow: 1px 1px DeepSkyBlue;
}
:root 
{
	--logo-red: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:#ffd1dc;
	--table-color: white;
	--link-text: yellow;
	--main-text: white;

}   
:root 
{
	--logo-red: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:#ffd1dc;
	--table-color: white;
	--link-text: yellow;
	--main-text: white;

}   
footer 
{
    background-image: url('http://pa1.narvii.com/6737/4a4abe6167186645b766bb3ffc700b6e0f226624_00.gif');
color: white !important;
}
.comments-table{
background-image: url(https://cdn130.picsart.com/7074dc04-f6bd-4407-af36-723d9c907bbc/378367458006201.png?to=crop&type=webp&r=1000x525&q=95&width=1920);
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 8px; 
color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 4px;
  background-image: url(https://cdn130.picsart.com/7074dc04-f6bd-4407-af36-723d9c907bbc/378367458006201.png?to=crop&type=webp&r=1000x525&q=95&width=1920);
  background-position: center;
  background-repeat: repeat;
background-attachment: scroll;
Width: 300px;
Height: 130px;

font-family: 'Bebas Neue', cursive;

color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px Blue, 0 0 3px red; }

color: black;
  text-shadow: 1px 1px 2px #39ff14, 0 0 25px #00ff44, 0 0 3px #00ff44; 

}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: block !important;
}
img
{
border-radius: 0px;
}

main {
background:  black;
border-radius: 12px;
padding: 0;
font-family: 'Bebas Neue', cursive;
font-size: 85%;
color: #000000;
}
nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-family: 'Bebas Neue', cursive;
font-size: 90%;
color: #ffffff;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.6);
}

nav { background: #000000; 
}


/*customising interests box*/
  .profile .table-section{
    background-image: url(https://cdn130.picsart.com/7074dc04-f6bd-4407-af36-723d9c907bbc/378367458006201.png?to=crop&type=webp&r=1000x525&q=95&width=1920);
    border:2px solid #ffffff;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #ffffff;
    border-radius: 15px 15px 0px 0px;
font-family: 'Bebas Neue', cursive;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: #000000;
    color: #ffffff;
font-family: 'Bebas Neue', cursive;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
font-family: 'Bebas Neue', cursive;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://cdn130.picsart.com/7074dc04-f6bd-4407-af36-723d9c907bbc/378367458006201.png?to=crop&type=webp&r=1000x525&q=95&width=1920);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #000000;
font-family: 'Bebas Neue', cursive;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://cdn130.picsart.com/7074dc04-f6bd-4407-af36-723d9c907bbc/378367458006201.png?to=crop&type=webp&r=1000x525&q=95&width=1920);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://64.media.tumblr.com/dcde1a939853676c480d74f4ef813479/64b8a4dac8952bf6-1b/s250x400/3014f70c860aff1c901b6d3798cd12b03a29878c.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #ffffff;
font-family: 'Bebas Neue', cursive;
	text-align: center;      
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}


#comments, .blurbs, .blog-preview, .friends, .mood, .contact, .table-section, footer
{   backdrop-filter: blur(0.58px);}


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

KittyKuriosity	1772843277 using Report Comment
necro.boo	1771493812 using!! Report Comment
kara-lynn	1771488702 usingg Report Comment
gelatinnyu x_x	1770564937 USINGG!!! Report Comment
gelatinnyu x_x	1770564903 USINGG!! okbye Report Comment
gelatinnyu x_x	1770564895 USINGG!! okbye Report Comment
crazedrabbit	1770535530 using maybe Report Comment
hannahbnana	1769841858 usingngngn Report Comment
x_xXClAyQKXx_x	1769467666 usinggg!!! Report Comment
kristaliina𝝑℘ ࿔*:	1768878388 usandooo Report Comment
xx.gabyrawrz.xx	1765024902 usingg Report Comment
mynearlydeparted	1763554894 usingg Report Comment
onyx onymous	1759381666 usinggg Report Comment
onyx onymous	1759381666 usinggg Report Comment
onyx onymous	1759381664 usinggg Report Comment
Leahssqual0r	1756932510 using!!! Report Comment
Undertale_addict	1754129256 using! Report Comment
shaii!	1753510851 using!! Report Comment
jasper ☆	1751357395 using Report Comment
Brooklyn 𝜗𝜚	1749876141 using Report Comment