messy hoodie from marble hornets layout

Tags: hoodie, marble hornets, purple

Description:

its quite messy and honestly im just saving it here for later

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url(https://www.fontspace.com/cf-punk-attitude-font-f16512);
body{font-family: "punk attitude" ;}

}
h1{
color: #D62009
text-align:center;
text-decoration: underline;
font-family: fantasy;
font-size: 20px;
}


h1   {color: black;}
p    {color: black;}


body {
    background: url(https://64.media.tumblr.com/d95d133aaa48412a7f8d6ad8ec637b08/b1bde84383c64d8f-3d/s400x600/f1fdc8aea97db4c272cc1201ea188ab60643c2b9.gifv);
background-size: 800px; 
}

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

:root {
--logo-blue: #2A2B35;
--darker-blue: #3E4050;
--lighter-blue: #272A3F;
--even-lighter-blue: #4A385B;
--lightest-blue: #4A385B;
--light-orange: #272A3F;
--even-lighter-orange: #272A3F;
}

<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: ":3";
  --topic2: "Interests";
  --topic3: "Music";
  --topic4: "TV//movies";
  --topic5: "hyperfix's";
  --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: #000000;
}

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

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

/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #2F2F36;
  background-color: #47404A;
  border-radius: 0px;
}


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

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


</style>





<style>

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

<style>

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
}
/* gif profile picture */
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://64.media.tumblr.com/503f6142194ade254b156166a77bd58a/6eb7ebb637499870-15/s100x200/c9186b729c8ef5b4804145f5257c46c811e019c2.gifv"); display: inline-block; content:"" }
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } 
.profile-pic:after{ 
  border: 2px dashed white;  
  box-shadow: 1px 0px 10px 2px white;
 }   
</style>



<style>
.comments-table td:first-child{
text-align: center!important;
background: #000000;
}

.comments-table td{
text-align: left!important;
}


.comment-replies {
border: #000000
}

.comment-reply:not(:first-child) {
    border-top: 1px solid #493253;
}



table.comments-table td {
    background-color: #4F385A;
    overflow: hidden;
border: 1px solid #493253;
    padding: 5px;
}

.comments-table{
display: block;
overflow-y: auto;
Border-radius: 15px; 
color: #493253;
 }

table.comments-table{
border: 2px solid #493253;
 border-radius: 16px;
width: auto;
}

footer {
color:#493253;
background-image: url(https://i.pinimg.com/564x/db/77/db/db77dbf201805461f6b1e3938231c397.jpg);
border: 2px solid #493253;
 border-radius: 16px;
}

table.details-table {
    width: 100%;
text-align: left!important;
}

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

.count {
    color: #000000;


}

.container {
    width: 945px;
}

<style type="text/css">
body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=105673);}
</style>



<h3><font color="#79548A"><b> YOUR ABOUT ME TEXT </b></font></h3>










<div>
<h4>My Fav song Atm:</h4>

PLAYLIST//SONG CODE HERE

</div>

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.