pink emo layout

Tags: pink, emo, crimson

Description:

quite cluttered pink emo layout

Code:

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

<style>

h1   {color: crimson;}
p    {color: white;}


body {
    background: url(https://i.pinimg.com/564x/71/d5/72/71d5724184a7b3c20ff12669d27bc5af.jpg);
background-size: 800px; 
}

.profile {
background:url(https://t3.ftcdn.net/jpg/01/29/05/60/360_F_129056060_uIOMK62942CHO29wSVkOVfjf9BBrTOeD.jpg);
background-size: 810px; 
}



 .profile .contact .heading{
    background:#FF00AE;
    text-align: center;
  }
  .profile .contact {
    border-radius: 15px;
    border:2px solid rgba(0, 0, 0);
    background-image: url(https://i.pinimg.com/236x/cb/2c/42/cb2c422fd94e466784965c866bfb978e.jpg);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    Height:180px;
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px Blue, 0 0 3px Darkblue;
  }
  .contact a{
    color: #ffffff;
  }
  .contact a:hover{
    color: #9B0F6F;
  }


  nav{
    background-color:var(--box_color_and_seethru); !important;
    border-radius: 0px 0px var(--curve) var(--curve); !important;
  }
  nav ul{
    background:none !important;
    font-size: 10px;
  }
  nav ul a img, .mood a img{
    display:none !important;
  }
  .top{
    background-image:url("https://i.pinimg.com/564x/e6/83/68/e68368f0a4a527292a2247109ed2ed76.jpg") !important;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.8); !important;
  }




:root {
--logo-blue: #9B0F6F;
--darker-blue: #6C0B44;
--lighter-blue: #880000;
--even-lighter-blue: #6C0B44;
--lightest-blue: #9B0F6F;
--light-orange: #6C0B44;
--even-lighter-orange: #9B0F6F;
}

<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "interests";
  --topic2: "music";
  --topic3: "TV//movies";
  --topic4: "stamps";
  --topic5: "blinkies";
  --topic6: "heroes";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

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



::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #C60F7B;
}

::-webkit-scrollbar-button:end {
    background-color: #C60F7B;
}

::-webkit-scrollbar-thumb
{
  background-color: #C60F7B;
  border-radius: 0px;
}

/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #EC008B;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #d10011;
  background-color: #EC008B;
  border-radius: 0px;
}



.general-about .profile-pic {
float: none;
}

.general-about .profile-pic img {
    border-radius: 20px;
    border: 1px solid#EC008B;
}

footer{
    background:rgba(21, 23, 26, 0.6);
    a: #ffffff;
    color: #ffffff;
  }

.comments-table{
display: block;
height: 250px;
border: none;
color: white;
filter: grayscale(50%);
background-image: url();
height: 250px!important;
overflow-y: scroll;
}


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

aerin 🍉 (autoplay)

1672030074

your layouts are hot btw

Report Comment