Blue and Pink

Tags: emo, scene, blue, pink, edgy

Description:

Blue and pink scene/emo layout

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by xM@TTx (https://layouts.spacehey.com/layout?id=3303) -->

<style>
@import url('https://fonts.google.com/specimen/Neucha?query=emo#standard-styles');
</style>
 


<style>
body {
    background: url(https://ct.pimp-my-profile.com/i60/2/5/26/pmp_cea126bf4c97cc464dc0a9bba000aa94.jpg);
}
.profile {
background-image:url(https://ct.pimp-my-profile.com/i64/2/6/15/pmp_eb7e20b2c1cae22ff9107d59c28d02d6.jpg);
  background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: turquoise; 
	//text-shadow: 1px 1px #ffd1dc;
	
};
	text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 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: small;*/
    color: #00FFEF;
{

.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 #ffd1dc;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #ffd1dc;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #ffd1dc;
   margin 10px 2;
}

.online
{
  color: gold!important; 
  //text-shadow: 1px 1px turquoise;
}

:root 
{
	--logo-blue: ;
 	--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: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #00FFEF;
text color: turquoise;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
footer 
{
    background: turquoise!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: turquoise;
  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/474x/3c/31/8e/3c318e15ed72fc9a302323c400d4aa88.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: black;
  text-shadow: 1px 1px 2px #39ff14, 0 0 25px #39ff14, 0 0 3px #39ff14; 
}
.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: #00FFEF;
}
nav .top {
  background: transparent;
}

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

nav { background-image: url(https://i.pinimg.com/474x/3c/31/8e/3c318e15ed72fc9a302323c400d4aa88.jpg) 
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #c50576;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #c50576;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #c50576;
    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: #c50576;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 2px black
  }
.general-about {
	background-image: url(https://i.pinimg.com/originals/30/89/32/3089327d41ec6ede2cf3ea1d31e9488c.jpg);
	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/30/89/32/3089327d41ec6ede2cf3ea1d31e9488c.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/originals/30/89/32/3089327d41ec6ede2cf3ea1d31e9488c.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>

<style>* {cursor: url(https://cur.cursors-4u.net/toons/too-4/too354.ani), url(https://ani.cursors-4u.net/cursor/2006/04/01/too354-2-2-2-2.html#google_vignette), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/04/01/too354-2-2-2-2.html" target="_blank" title="Invader Zim - Gir"><img src="https://cur.cursors-4u.net/cursor.png" alt="Invader Zim - Gir" style="position:absolute; top: 0px; right: 0px;"/></a>

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

Sage <3	1785717962 Using!! Report Comment
Nico	1776842666 Using!! Report Comment
𝐹𝑎𝑙𝑙3𝑛	1767493110 Using XD Report Comment
Riancito69	1767405520 using but I made changes Report Comment
pupparonni	1764479943 using :} Report Comment
bassil	1764300022 usingggggg Report Comment
Mercury Poisoning	1763426623 Thx imma useeee Report Comment
AngelicMistake	1760497231 Using!!! Report Comment
Mateuszzx	1756172525 using! Report Comment
winggriddenangell	1752532428 usimg!! Report Comment
Xx.STARRY.NIGHT.xX	1749686862 USING >_0 Report Comment
Izzy XD	1748467661 Using! Report Comment
MaggieTheMaggot	1744766394 Using! Report Comment
❛ anneke ༉‧₊˚	1741966151 using:3 Report Comment
Kade	1738890510 Using!! :3 Report Comment
xXLylaloopsy_Xx	1737083370 Using!! TYY Report Comment
𑣲┆madz ˚.⋆ֹ	1736035423 using!! Report Comment
Starlight Lithium	1734728910 using! Report Comment
Shampooed Demon Hair	1625906057 Send me a DM if you can but is it possible to make the layout only with just the pink and black diamond shape without the skulls? Report Comment Also can make the font a bit bigger? I'm on a laptop/T.V. hook up but send me a DM! by Shampooed Demon Hair; 1625906091; Report