Pastel goth layout

Tags: pastel, goth, scene

Description:

Pastel goth Layout Simple yet aestetic

feel free to add on to it

Preview:

click on the image for a larger preview

Code:

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


<style>
body {
     background-image: url("https://s2.favim.com/orig/150811/clouds-gif-pink-purple-Favim.com-3096843.gif") !important;
     background-color:  !important;
      background-size: cover;
     background-attachment: fixed !important;
     margin: 0;
     padding: 0;
}
</style>

<style>
main 
  /* changes made to stuff outside of columns */
    {background: url("https://cdn.lowgif.com/full/8d9be58ad355ec34-.gif")
        no-repeat fixed; background-size: cover;
     }
    padding: 5px;
    font-size: 80%;
    color: var(--light-orange);
  }

</style>


<style>
div {
    font-size:large;
}
</style>



<style>
    :root {
        --logo-blue:#4d000055 ;
        --darker-blue:#7B68EE ;
        --lighter-blue:#07FFFD40;
        --even-lighter-blue:#07FFFD40 ;
        --lightest-blue:07FFFD40 ;
        --dark-orange:#FFF77D ;
        --light-orange:07FFFD40 ;
        --even-lighter-orange:#FFC0CB88 ;
        --green:#B0E0E6 ;
    }
    * {
  font-family: Impact;
    }


<style>



.contact { border-radius: 15px} 

.profile .contact .f-row {
  /* removes extra spacing from contacts */
    margin: 0;
  }

.blog-preview h4,.profile .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading .comments.heading{ border-radius: 15px}
footer {
        border-radius: 15px;
background-color: #ff000055;

</style>

<style>

table, th, td {
  border: 1px solid pink;
}

table, th, td { border-radius: 15px} 
}


</style>



<style>

table, th, td {
  border: 1px solid  #c8a2c8;
}

table, th, td { border-radius: 15px} 
}


</style>





<style>

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

</style>




<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol39.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/27/hol39.html" target="_blank" title="Gravestone Cross"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gravestone Cross" style="position:absolute; top: 0px; right: 0px;"/></a>



<style>.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/323.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>


<div class="topbanner">
<img src="https://cdn140.picsart.com/280446259003211.png?type=webp&amp;to=min&amp;r=640"/>
</div>



<style>
.comments-table {
display: block;
height: 300px;
overflow-y: scroll;
border: 0;
}
</style>



<style>
.contact {
  border-radius: 25px;
  background: url(https://i.pinimg.com/originals/c8/5f/ac/c85fac2d943ab67100d3d0eb7eddc454.jpg);
  background-position: right bottom;
  background-repeat: repeat-y;
  padding: 20px;
  width: 200px;
  height: 150px;
}
</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.