pink emo

Tags: pink, emo, black, 2000s

Description:

pink emo

Preview:

click on the image for a larger preview

Code:

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

<style>

/*flip profile*/

.profile{

direction: rtl;



}



.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{

direction: ltr;



}

</style>


<style>
nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 100px;
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 28%, rgba(70,4,39,1) 61%, rgba(193,32,119,1) 91%);

.links li a .icon  { /*the pallet next to art section*/
  display: none;
}
.links .special a:link, .links .special a:visited  { /*color of art button*/
  color: black;
}

.links .special a:hover { /*hover color of art button*/
  color: black;
}
    nav .links a {
    text-decoration: none;
    color: darkred; /* Change Link color*/
    font-size: 0.98em;
}
    
nav .links a:hover  {
    color: black; /* Change Link hover color*/
    text-decoration: underline;
}

nav .links {
    background-color: black);/* Change background color 

behind links*/
}
nav .links a {
     text-shadow: 0 0 3px red; /*nav links shadows*/
}

.profile .contact, .profile .url-info, .profile .table-section, .blurbs, .friends, 

.profile-info{


border: 2px solid pink !important}

border-radius: 0px

}
h1
{
	color: /*the username glow and shadow*/
h1
{         color: hotpink; 
	//text-shadow: 1px 1px #ffd1dc;
	
};
	text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;
}

  font-size: 150%;

}

h1,h2,h3,h4,h5{

  font-size: 200%; 

}

  body {

   background-image: url(insert image link here);



}
body{background:url("https://i.pinimg.com/564x/94/8b/26/948b26cc3dba8f743462ab31d9fad8a7.jpg") no-repeat fixed; background-size:cover;}
}
.profile {

   background-color: rgb(insert rgb); 

}
main{
background: rgba(0, 0, 0, 1);

}

/* ignore these */

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb(insert rgb);

   color: black;

}

/*ignore these */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: black;

   color: rgb(insert rgb);

}



/*footer*/

footer {

    border-radius: 0px;

    background-image: url(https://i.pinimg.com/564x/81/f8/b7/81f8b7db1ad18b5e4fe0d18f60e0c076.jpg);

    color: white;

}


table.comments-table td {

    color: rgb(insert rgb);

}

/*online now icon*/

.online { visibility: hidden; } .online img { content: url("insert url here"); animation-name: none; visibility: visible; height: 25px; width: 90px;

}

/*color*/

:root {

    --logo-blue:black;

    --darker-blue: black;

    --lighter-blue: black;

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: black;

    --light-orange: white;

    --even-lighter-orange: white;

    --green: pink;

}

.profile .contact .heading, .profile  .heading, .home-actions .heading {

background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 28%, rgba(70,4,39,1) 61%, rgba(193,32,119,1) 91%);

  color: white;


}

/* colors for table cell background (by default spacehey has a separate color for :first-child) */



.profile .table-section .details-table td {

  background-color: black;

  color: hotpink;

}



/* headings on the right */



.profile .blurbs .heading, .profile .friends .heading {

 background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 28%, rgba(70,4,39,1) 61%, rgba(193,32,119,1) 91%);
  color: hotpink;

}
table.comments-table td{
background-color: transparent !important; 
border:none;
border-radius: 0px;
background: black !important;
}

table.comments-table{
    background-color: transparent;
    border:none;
    border-radius: 0px;
    border-collapse: collapse;
}
</style>



<style>

/*contacting icons*/



.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* Add to Friends */

content: "✩"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content: "✩"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content: "✩"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content: "✩"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content: "✩"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content: "✩"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content: "✩"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content: "✩"

}



</style>



<style>* {cursor: url(http://www.rw-designer.com/cursor-view/187232.png), auto !important;}</style><a href="http://www.rw-designer.com/cursor-view/187232.png" target="_blank" title="Spider Man Smiley"><img src="https://cur.cursors-4u.net/cursor.png" alt="Spider Man Smiley" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.comments-table td:first-child, .music-table td:first-child {
    background-image: url(https://i.pinimg.com/originals/53/b5/5c/53b55c102b05af80196753595b8629c0.gif);
    text-align: center;
    font-weight: bold;
    width: 38%;
background-size: cover;
background-repeat: no-repeat; 
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}
/*Interests Scrollbox*/
    .profile .table-section {
        display: block;
        height: 500px;
        width: AUTO;
        overflow-y: scroll;
        font-size: 12px;
        border: dotted 0px!important;
        border-right: none!important
}
</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}



</style>

<style>
.general-about img {-webkit-mask-image: url(https://i.gifer.com/origin/6e/6eaee5ed77215266544cf20ff93ac4c5_w200.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: top;}
</style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</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 44 comments ( View all | Add Comment )

Lexi♪	1742166483 using Report Comment
who let the dawgs out :3	1738791623 using!! Report Comment
nOeee :P	1737373087 using Report Comment
nOeee :P	1737364688 usingg Report Comment
☥Marsuu☥	1731731867 usinggg Report Comment
ryusakii	1727108609 using Report Comment
kennypie	1722713890 usinggg Report Comment
arielle☆	1722614648 Using!!! Report Comment
hannah	1717090492 usingg Report Comment
Vivienne ビビアン	1716356571 Using Report Comment
mikeys at the cabaret	1712564618 usinggg Report Comment
COLUMBINA	1711736315 Using Report Comment
Ranaxstorms	1711424301 how do i get rid off the butterfly profile? Report Comment its the last piece of code by IcantSlEeP; 1711471296; Report THX!!!! by arielle☆; 1722614659; Report
ell4xox	1709452898 usingg:33 Report Comment
strawterrymilk	1708390430 using! :D so cool! Report Comment
x_Xd3levX_x	1708328293 awesome!!!! using Report Comment
Cel ★	1706973248 Usinggg! Report Comment
T0byY X3	1706915907 using Report Comment
༘⋆✶	1706294510 using Report Comment
CULL3NN	1706131187 using Report Comment