EMO theme

Tags: emo, dark, pink.green, 2008

Description:

feel free to change bits and add stuff, dont forget to credit me/comment/kudos

If the layout stops working when you add your about me info then just make sure you write it under the font code and above the main code

Save each part you add/change as you go along

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Chewy&display=swap');
body{font-family: "chewy" ;}
</style> 
}



info about yourself, its up to you what you type, past the coding in the about me section and write up what you want underneath, the coding wont show up as text so dont worry. 




<style>
body {
    background: url(https://lh3.googleusercontent.com/proxy/H631Sf5jlmHz6lKKf7KrrELkptqF3ByGPG7QZNFyXf-guaUsvgcdZQFX7Ud_gI47lPcaXp_38s2Alqq66fHYCfQrpg);
}
.profile {
background-image:url(https://data.whicdn.com/images/21610149/original.jpg);
  background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: black; 
	//text-shadow: 1px 1px #FF0000;
	
};
	text-shadow: 2px 2px 3px #ff000, 0 0 25px #ff0000, 0 0 5px #FFFFFF;
}
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: 150%;*/
    color: #000000;
{

.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(--#ffd1dc);
}
table, th, td

}
   border: 1px solid #00000;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #000000;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #000000;
   margin 10px 2;
}

.online
{
  color: #FFFFFF!important; 
  //text-shadow: 1px 1px #FFFFFF;
}

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


    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: large;
    color: #000000;
text color: black;
  text-shadow: 1px 1px 2px #ff0000, 0 0 25px #ff0000, 0 0 3px #ffffff; 
}
footer 
{
    background: pink!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #ff0000, 0 0 25px #ff0000, 0 0 3px #ff0000; 
}
.contact {
  border-radius: 8px;
  background-image: url(http://dl.glitter-graphics.net/pub/1420/1420281g202bhedj0.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.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: curve !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
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-size: 90%;
color: #FFFFFF;
}
nav .top {
  background: transparent;
}

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

nav { background-image: url(https://cdn.wallpapersafari.com/37/30/fDioUg.jpg) 
}



/*customising interests box*/
  .profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    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: #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #000000;
    text-shadow: 1px 1px 2px white
  }
.general-about {
	background-image: url(https://cdn.hipwallpaper.com/i/8/38/JYEe6O.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(https://i.pinimg.com/originals/27/7a/2a/277a2a8b9c8f8269a644fdee8592f29b.jpg);
     /* 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://i.pinimg.com/236x/0e/80/3b/0e803b6c1b908673c1ee7b3c0a173989.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}



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

Awsimsas	1755034986 using!! Report Comment
nica !!	1754494914 using Report Comment
ーScenesoup ー	1754404700 Use Report Comment
★ ˖ ࣪ ♱Red♱ ˖ ࣪ ★	1753593786 usingggg Report Comment
bella x3	1752866303 usingg! Report Comment
samantha♫	1752636904 using!! Report Comment
☆Leona☆	1752620611 usiinng <3 Report Comment
༒︎𝐃4M༒︎	1751231360 Usando 🫶 Report Comment
erinsdead	1750940406 using! Report Comment
erinsdead	1750940406 using! Report Comment
nyancreature	1749880344 using :D Report Comment
DEMOC SLAYER aka kody :D	1749572642 Useing :3 Report Comment
jay !!	1748973795 using<3 Report Comment
Francisco❀	1748326105 using maybee :P Report Comment
FritzIzRllyCool	1745680861 Using Report Comment
bitcrushed	1740337676 Using! Report Comment
z0mbielu	1739284454 using !!! Report Comment
Gaby_heyy XDD	1737820136 using Report Comment
VelvetxzX_x	1736260256 Using :D Report Comment
⊹ ׁ݂ ꒰꒰🦢 ˸ aceeee >< ⋅꒷	1734668567 using Report Comment