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

vincent	1708477822 using Report Comment
★ravenwolf☆	1706130161 using! :3 Report Comment
Xx_MissingClown_xX	1705111970 Using >_> Report Comment
andy-matronic 🍉	1704297932 using! Report Comment
Novaaa	1703989359 using!! Report Comment
meow :3	1703848313 so cute!!!!!!!!! Report Comment
★alex⭑𓇼	1703730478 usinngg Report Comment
⋆ ˚｡⋆୨୧ lee ୨୧⋆｡˚⋆	1695401498 using Report Comment
Kira	1691710998 using! Report Comment
xXhxtelbibleXx	1690355743 usinggggg Report Comment
Akihiko o(≧∇≦o)	1689326728 using! Report Comment
riley :3	1689229792 using tysm :3 <3 !! Report Comment
Viaspiderz	1688959966 using!! (＠＾◡＾) Report Comment
VenomHasRabies	1688910121 using! Report Comment
dyl	1688877473 using!! this is so cute Report Comment
prettylittleprincesseric	1688810188 using Report Comment
D3c0de	1687122417 using Report Comment
Astral	1683247838 def using this one thx Report Comment
Xx_eva_exocution_xX	1682453992 using!! :) Report Comment
bones	1681657525 1 l0ve 1tt!! M1ght us3! <3 Report Comment