enema of the state layout!

Tags:
Description:

tons of useless code yet again lololol, based on a blink182 album again :3
Code:

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

<style>
body {
    background: url(https://riotfest.org/wp-content/uploads/2019/06/2019_blink_enema_feature_newspost.jpg)240%;
}
</style>
<style>
.container {
  border-radius: 45px;
  overflow: hidden;
  margin-top: 0px;
  padding: 10px;
  width: 70%;
  max-width: 1100px;
 
 

</style>

<style>
main {
    background: rgba(43, 147, 204, 0.85)0 0;
    border: solid rgba(235, 45, 45, 1) 8px;
    border-radius: 20px;
}
</style>
<style>
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:rgba(207, 37, 37, 1);
border-radius: 100px;
}
</style>
<style>
/* LINK COLORS */
a:link {
  font-family: 'Josefin Sans', cursive;
  font-size: 10px;
  color: rgba(223, 33, 33, 1);
  background-color: transparent;
  text-decoration: none;
  border-radius: 20px;
 
}
<style>
}

.contact .inner {
    border: double #ffffff 4px;
    background: url(https://i0.wp.com/www.melodicmag.com/wp-content/uploads/2019/06/D8T1gaxV4AEtp8O.jp&ssl=1);
    border-radius: 20px;
   
    </style>
   
    <style><style>
.profile {
background-color: transparent!important;

}

table, td
{

border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 3px solid #e90021;
    background: rgba(255, 255, 255, 0.74);
    color: rgba(207, 37, 37, 1)
    text-shadow: 1px 1px 2px #fc51a7, 0 0 25px #fc51a7, 0 0 3px #fc51a7
    border-radius: 20px;
   
   
    }
    </style>
    <style>
.mood {
    margin-top: 0px;
    margin-bottom: 10px;
    border: solid rgba(220, 39, 39, 1) 4px;
    padding-left: 15px;
    padding-top: 5px;
    background:  rgba(255, 255, 255, 0.87);
    border-radius: 30px
}
   

}</style>
    <style><style>
.profile-info {
border: 2px solid #031728de;
 border-radius: 20px;
}
.profile-info .inner {
border: solid rgba(229, 27, 27, 1);
 border-radius: 20px;

;</style>

<style>
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;</style>
    <style>.general-about {
   background: rgba(255, 255, 255, 1);
   background-position: center bottom;
   background-size: cover;
   border: 11px solid rgba(92, 170, 254, 1);
   border-radius: 500px;
   width: 330px;
   height: 120px;
   ;
   
padding: 1px;
text-align: right;
        color: rgba(207, 37, 37, 1);
        text-shadow: 50px 50px 50px rgba(40, 174, 255, 0)rgba(40, 174, 255, 0) ;
        font-size: 39px;
        font-stretch: 50px;
}
.general-about .profile-pic img {
     border: solid rgba(92, 170, 254, 1) 5px;
     background: url(https://i.pinimg.com /originals/62/32/c3/6232c3b056f719faf75115ba7c29eb08.gif);
     
     
}
}
 .profile-pic {
        border-radius: 500px;
        overflow-y: hidden;
}

.profile .blurbs .section :nth-child(2) {
        border: 4px solid rgba(238, 36, 36, 1);
        border-radius: 10px;
background:rgba(255, 255, 255, 0.74);
        background-position; center;
        background-size: cover;
        background-attachment: fixed;
        color: #d5000c;
     /* margin-top: -5px; */
padding: 18px;

}
.profile-pic {border-radius: 500px ;overflow: hidden; box-shadow: 5px 5px 5px var(--color2);}
.profile .friends .person img {border-radius: 20px 0px;box-shadow: 5px 5px 5px var(--color1);}
 .border-radius: 20px;
</style>
<style>

.profile-pic img{
position: absolute; left: 230px;
position: absolute; top: 317px;
width: 120px;
height: 115px;
border-radius: 500px 100px 100px 500px;
}
</style><style>
/* this changes the color of your headers */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap');
h4{
font-size: 16px !important;
font-family: 'Paytone One', sans-serif;
text-transform:uppercase !important;
padding-left: 2px !important;
/* gradient text, you can replace existing colors with whatever ones you want */
background: -webkit-linear-gradient(rgba(220, 39, 39, 1),rgba(252, 66, 66, 1) );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 5px #ffffff;
 border-radius: 20px;

}
</style>
<style>
/* this changes the color of your name */
.profile h1{
background: -webkit-linear-gradient(rgba(252, 66, 66, 1), rgba(229, 27, 27, 1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Josefin Sans';;
font-size: 35px;
 border-radius: 20px;
</style>
<style>
/* links in the navigation bar @ the top */
nav{
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px red;
text-transform:uppercase;
padding-left:3px;
text-align: center;
}
</style>

<style>
/* these are the colors for headers */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
p{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color:#;
background-color: rgba(255, 255, 255, 0.24);
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
}

</style>
<style>.profile h1 {
    text-align: left;
    background: ;
}</style>

<style><style>
nav .top{
/* navigation bar at the top/the bar that has the search and spacehey logo */
background-color: rgba(255, 255, 255, 0.9);
}</style>
<style>
/* border inside of comments */
table.comments-table {
border: 6px solid rgba(238, 36, 36, 0.9);      
}    

</style><style>
/* friend comments */
.profile .friends .comments-table td {
background-color: rgba(255, 255, 255, 0.34);
border: 1px solid rgba(255, 255, 255, 0.5);  
}
.comments-table td*{
    </style>
   
<style>
/* colors for interest section */
.profile .table-section .details-table td {
background-color:rgba(255,255,255,0.);
}
</style>
<style>
}</style>
<style>.profile .blurbs .heading,
.profile .friends .heading{
color: white;
font-family: 'Kalam', cursive;
background-color: rgba(92, 154, 255, 1);
border-radius: 5px 5px 5px 5px ;
border: 2px solid ;
box-shadow: rgba(68, 167, 245, 1);
text-align: center;
padding: ;
font-size: 15px;
}</style>
<style>.icon, .award img {
        content: url(http://www.clker.com/cliparts/M/u/b/H/w/K/red-plus-hi.png);
        height: 16px;
        width: 17px;
       
}
.comments-table img,
.person img{
border-radius: 30px;
box-shadow: 1px 1px 1px 1px #ffffff;
filter: sepia(20%) hue-rotate(20deg);
opacity: 90;

}
    }</style>
   
<style>footer{
background-image: url(https://m.media-amazon.com/images/I/81uny3vYJsL.jpg);
background-position: bottom right;
border-radius: 20px 20px 20px 20px;
border: 5px solid #ffffff;
box-shadow: inset 2px 3px 5px rgba(235, 24, 24, 0.84);
text-align: center;
padding: .5em;
font-size: 15px;
}
nav .top{
background-color: rgba(92, 174, 255, 0.84);
border-radius: 20px;
border: 5px solid rgba(235, 24, 24, 1);
margin: 0;
}</style>

<style>.friends .person img {
    border: solid #ffffff;
}
.profile .friends .person p {
    color: white;
    font-weight: normal;
}
.profile .friends .person img {
        border-radius: 30px;
        border-style: solid;
        border-color: white;
        border-width: 4.7px;
        animation-name: flash_border;
        animation-duration: 3s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: flash_border;
        -webkit-animation-duration: 3s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: flash_border;
        -moz-animation-duration: 3s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
    }
</style>

<style>


main:before {
 width: 100%;
 height: 115px;
 display: block;
 content: "";
 background-image: url('https://m.media-amazon.com/images/I/81uny3vYJsL.jpg');
 background-position: center top;
 background-size: cover;
 </style>





<style>
.online { visibility: hidden; }
.online img { content: url("https://th.bing.com/th/id/OIP.7YmJ2h-UEFXGLPSBy7l1egHaEK?pid=ImgDet&rs=1"); animation-name: none; visibility: visible; height: 43px; width: 43px; }
</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 2 of 2 comments ( View all | Add Comment )
zachary
1728339285
is it just me or is the part with the pfp and status really messed up D:
Report Comment
pud von giggysniff
1727051791
I LOVE THIS
Report Comment