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

Ela	1766690929 using Report Comment
Ela	1766690927 using Report Comment
swagnyancat	1763844651 usinggg Report Comment
HamMer <3	1759496751 Using!!! Report Comment
Th3-V3nu5-ALT	1757725782 Using! Report Comment
Mona Elisa 🂲	1757145681 uingggg Report Comment
r3	1756792402 usingggg Report Comment
rina!	1753842267 using Report Comment
𝒓𝒂𝒚	1752051714 using Report Comment
Lexi♪	1742166483 using Report Comment
who let the dawgs out :3	1738791623 using!! Report Comment
nOoe >_<	1737373087 using Report Comment
nOoe >_<	1737364688 usingg Report Comment
Amiaᰔ 𐙚	1731731867 usinggg Report Comment
ryusakii	1727108609 using Report Comment
kennypie	1722713890 usinggg Report Comment
hannah	1717090492 usingg 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