Stan marsh layout

Tags: stan, stan marsh, south park
Description:

Comment before use
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by Alex the bat (https://layouts.spacehey.com/layout?id=90388) -->

<style>
    body{
       
    background-image :url(' https://64.media.tumblr.com/bb0eabac2577a3cdc14962035fd80a8b/319f4f4254b118fd-0c/s2048x3072/2e8a1d18af66088d51c91b1cc74a3edf063ed79c.pnj ')!important;
Color: white !Important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT !important;
    background-position:  ;
        
    }
</style>

<style>
    main{
     Color: white !important;
    background-color: white !important;
    background-image: url(' https://64.media.tumblr.com/eeb159ae5d45fb1ea64bda6ef067c092/624eb654065444cb-5c/s2048x3072/8de6d9bf1ac0419a7fb2566cbac4052246ba77bc.pnj ') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position:  center !important;
        
    }
</style>

<style>.container{width: 650px !important;}</style>

<!-- (c) Layout created by 𝕾𝖙𝖊𝖒𝖒 (https://layouts.spacehey.com/layout?id=27120) -->

<style>
  
  .logo {
  
  content:url("https://media.discordapp.net/attachments/1083062800752054305/1083620321367687278/SouthPkLogo.png")
  
  }
  
  </style>
<style>
font-size: 13px !important;
font-family: 'Paytone One', sans-serif;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
}


<style>
/* this centers your friend space */
    .profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
    }
</style>

<style>
/* the color of the number of your friends */
    .count {
        color: red;
    }
</style>

<style>
/* link colors when you hover over links */
   a:hover {
     color: white; 
   } 
   a{
     color: red; 
   }
</style>
<style>
/* this is the color of any text that you input */ 
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap');
.profile .blurbs .section h4{
font-family: 'Josefin Sans', sans-serif;
text-transform:lowercase !important;
color: white;
}
</style>

<style>
    .friends{
        
    background-color: COLOR !important;
    background-image: url(' https://64.media.tumblr.com/b5941f12ec0469d18289195bf249f0b7/012d2d73ac9d2457-70/s640x960/2f96308d9b0c4b2988c3d9647b93179ad0d6f866.gifv ') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
 
/* The .image-container class needs to be applied to a div wrapped around the image you want to apply this filter to */
.friends {
  display: inline-block;
  position: relative;
  line-height: 0;
  background: #ffffff;
}
.friends::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: soft-light;
  background: #3a00fa;
  opacity: 0.5;
}
.friends > img {
  -webkit-filter:   contrast(107%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(165%) sepia(50%);
          filter:   contrast(107%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(165%) sepia(50%);
  mix-blend-mode: none;
}


    }
</style>

<style>
    table.details-table{
        
    background-color: COLOR !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: COLOR !important;
    background-image: url(' https://64.media.tumblr.com/461f67dfe6324e3a3e23fd2a392930d9/88f296e83b699b7b-85/s1280x1920/30a7c51f13803ca0b07d7adab88bd5474a700452.pnj ') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position:  center !important;
        
    }
</style>

<style>
    .contact{
        
    background-color: blue !important;
    background-image: url(' https://64.media.tumblr.com/ab6d90d31a60775ae0bd0589da4657c8/2df748dc1ee5e00b-c2/s2048x3072/dce46ffbbef0af186c374bbdaafad6c8d6267a58.pnj ') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER  !important;
        
    }
</style>

<style>
    .links{
        
    background-color: #8B0000 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    .top{
        
    background-color: #004F98 !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    .blurbs{
    
    background-color: COLOR !important;
    background-image: url('  ') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>.online{content: url(" https://64.media.tumblr.com/b7d136fc2298be14e4ec424aedf95cf9/a8eecdfc2af1ae56-20/s100x200/b530a2d66c8cd34d9a7f30f8e90a820f7cadc922.gifv ") !important;}</style>

<style>.profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url(' https://64.media.tumblr.com/9e974b4a8d6dae3c9ac6d58d42a34b8a/99969193699a5893-2d/s1280x1920/63e1077c8bef05559edce3ee2fec7e3d9f9640cd.gifv ');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
    .friends{
        
    background-color: COLOR !important;
    background-image: url(' https://64.media.tumblr.com/404e8338ca852b2d65f156c495845446/4db7371e33b8c36a-a3/s2048x3072/58e4124b604d7c0aed2969ca82ccdb0de2516982.pnj ') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    .comments-table td{
        
    background-color: COLOR !important;
    background-image: url(' https://64.media.tumblr.com/0456d6b7015765717ff9e11f2a93b5d0/fff647b927e8eb7c-56/s1280x1920/5e7ce062b15c93db835737724044666056518a9f.pnj ') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER  !important;
        
    }
</style>

<style>table.comments-table{display: block;height: 750px!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 )
Tipperszz 💌
1727247135
using!
Report Comment