Tweek south park layout!

Tags: tweek, south park, sp, myl3z

Description:

!PLS COMMENT IF U USE OR USE FOR BASE PLS TY! This layout was req a week ago so sorry for taking so long anyways this layout is like the kyle one except ur friends pfps and comments pfp move when you hover them :3! A side note for the interest box and comment box i wanted to stick to his "color pallet" so sorry if its ugly ANYWAYS ENJOY!!! If you need any help or wanna req smth comment! Next im going to do stan then butter then kenny!

Preview:

click on the image for a larger preview

Code:

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


<style>
@font-face { font-family: "South Park Font"; src: url('https://dl.dropboxusercontent.com/s/zsizn5uicxqldhn/south%20park.ttf?dl=0'); 
}'); 

}

body{
font-family: "South Park Font";
}
p{
    font-family: "South Park Font";
    color: black; 
    font-size: 100%; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: "South Park Font";
    color: black;
    font-size: 120%;  
}
.profile h1 {
    font-size: 190%;
    margin: 0 0 10px 0;
}
.profile h4 {
    margin: 0;
    font-size: 135%;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: rgb(0 0 0);
}
.count {
    color:#f4d300!important;
}

/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
 color: #626a51!important;

}
  body {
  background: url(https://file.garden/Zro1yNW9cm1LTCJW/AfHKeEL.webp) no-repeat fixed; background-size:cover;}
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    background-image:
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url(https://media.giphy.com/media/xT1Ra1pInSR1FCQFZS/giphy.gif);
	background-size: cover;
	background-repeat: no-repeat;
        background-position:center;
	animation: yourAnimation 8s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 
}

 nav .top {
        background-image: url('https://file.garden/Zro1yNW9cm1LTCJW/5za07EA.gif');
        height: 200px;
        background-size: 800px;
        background-position: center;
        border-radius: 5px;
        position: relative;
        border: 5px double rgb(189 195 36);
        border-radius: 20px;
        box-shadow: 0px 0px 10px #3c2f2b;
        display: block;
        margin-bottom: 3px


}
.profile {
        background-color: #fffeac;
        background-size: 200px;
        position: relative;
        border: 6px double#7c7c65;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #0f0;
        display: block;
        background-repeat: no-repeat;
        no-repeat fixed;

}

 main {
        background-color: transparent;
        color: ;
}

    .online {
        color: #7c7c65;
        font-family: "South Park Font";
        font-size: 106%
}
    .online img {
        content: url(https://media.giphy.com/media/Mvmk7YackiAWXTtBkY/giphy.gif);
        height: 50px;
    animation-name: shake;
        animation-iteration-count: infinite;
        animation-duration: 0.8s;
}

    .icon, .award img {
        content: url(https://file.garden/Zro1yNW9cm1LTCJW/Kf95GDq.webp);
        display: inline-block;
        height: 2.0em;
        width: 2.4em;
        margin: 0.05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);

}
:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: '';
    --even-lighter-blue: #676e58!important;
    --lightest-blue: #818a6e!important;
    --dark-orange: ;
    --light-orange: #676e58!important;
    --even-lighter-orange: #818a6e!important;
    --green: pink;
    --purple: red
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blurbs {
    width: 100%;
    border: 4.5px double #88d4e2;
    margin: 10px 0;
    border-radius: 20px; 
}
  .comments-table{
    border: 4.5px double black!Important;
}

  .comment-replies{
    border: 4.5px double #7c7c65!Important;


}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon), .profile .friends .person img:not(.icon){
  border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: spin 0.3s infinite linear;
}
.person img:not(.icon):hover {
  animation: spin 0.3s infinite linear;
}
.profile-pic > img { 
display:none; 
}

.profile-pic:after { 
background-image: url("https://file.garden/Zro1yNW9cm1LTCJW/4qNPf1W.gif"); display: inline-block; content:"" 

}
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { 
background-size: cover; width: 110px; height: 110px; 

} /* blogs, bulletins */
.general-about .profile-pic:after {
 background-size: cover; width: 160px; height: 160px; 
}

.profile .contact .f-row {
    margin: 7px;
    font-weight: bold;
    font-size: 10px;
}

a {
    color: black;
    text-decoration: none;
    font-family: "South Park Font"!important;
    font-size: 90%;
}

nav .links a {
    text-decoration: none;
    color: black;
    font-family: "South Park Font"!important;
    text-shadow: 0 0 0px ;
    font-size: 0.98em;
    font-size: 11px;

}
.links {
background: transparent !important;
background-position: center center !important;
background-color: transparent !important;
no-repeat fixed !important; 
background-size: 890px !important;
}
.heading {
background-image: url('https://file.garden/Zro1yNW9cm1LTCJW/LhCrvfp.webp’') !important;
background-color: transparent !important;
no-repeat fixed !important; 
border-radius: 20px;
background-size: 300px !important;
background-position: bottom;

}
.col.right:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 100px;
  background-image: url("https://media.giphy.com/media/WTqhs9TORe8vgqItRN/giphy.gif");
  background-repeat: no-repeat
  background-position-x: center;
  background-size: 95px;
  border-radius: 20px;
  margin-top: 0px;
  margin-bottom: 0px;

}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 70px;
  background-image: url(https://media.giphy.com/media/kIIsdmWqI6YFgCLCzv/giphy.gif);
  background-repeat: no-repeat
  background-position: center;
  background-size: 77px;
  margin-bottom: 0px;
  margin-top: 0px;
}

footer {
   background-image: url(https://file.garden/Zro1yNW9cm1LTCJW/7Nd1CGx.gif);
   border: double;
   border-color: #5c4e33;
   border-width: 6px;
    height: 250px;
    background-position: center;
    background-size: 1000px;

}

.url-info{display:none !important;
}
/* BANNER AT TOP */
main:before {
height: 100px;
display: block;
content: "";
background-image: url(https://media.giphy.com/media/PfV6DwyPyFvB8C7Hfg/giphy.gif);
background-position: center center;
background-size: 120px;
background-color: transparent;
margin-top: 0px;
margin-bottom: 5px;
 background-repeat: no-repeat
no-repeat fixed

}
.person img{ 
  border-radius: 180px;
  display: absolute;
  height: 100px;
  object-fit: cover;
  width:100px;


}
@keyframes spin{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
    @keyframes shake {
0% {
transform:translate(0px,0.3px) rotate(0.3deg);
}
8% {
    transform:translate(0px,0.5px) rotate(-0.5deg);
}

16% {
    transform:translate(0px,1px) rotate(1deg);
}

24% {
    transform:translate(0px,1.5px) rotate(-1.5deg);
}

32% {
    transform:translate(0px,2px) rotate(2deg);
}

40% {
    transform:translate(0px,2.5px) rotate(-2.5deg);
}

48% {
    transform:translate(0px,3px) rotate(3deg);
}

56% {
    transform:translate(0px,3.5px) rotate(-3.5deg);
}

64% {
    transform:translate(0px,3px) rotate(3deg);
}

72% {
    transform:translate(0px,2.5px) rotate(-2.5deg);
}

80% {
    transform:translate(0px,2px) rotate(2deg);
}

88% {
    transform:translate(0px,1.5px) rotate(-1.5deg);
}

96% {
    transform:translate(0px,0.5px) rotate(0.5deg);
}

100% {
    transform:translate(0px,0.3px) rotate(-0.3deg);
}


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

Scott Malkinson	1781265715 using! a lil bit :) Report Comment
⛧.⋆ཐི 𝕄𝕚𝕜𝕖𝕪 ཋྀ⋆.⛧	1774244594 THIS IS SO AMAZING AAAUUGHHHG if i wanted to use just the font which part should i include ? sorry im new to this lolz Report Comment
⋆.˚໑ ݁ ׅ୧ ‧₊ 𝚊𝚗𝚝𝚘𝚗𝚒𝚊 ✰ ୭ ˚ᵎᵎ⋆.˚໑ ݁༝ ۫ ׅ	1771637186 using! Report Comment
×•Xx\|Willow\|xX•×	1758334064 Using Report Comment
tweek	1758192152 using Report Comment
♰ 𓏼 jupi ◞	1755784650 using! Report Comment
x_XLiorlightX_x	1755130652 using! (online image) Report Comment
Naota_is_watching	1754222013 Usingggg Report Comment
◜ ♡　　𝘁𝘄𝗲𝗲𝗸 ! ₎₎ でも、もっとゲイです	1751990880 using the base Report Comment
papillimilli	1751865992 using Report Comment
Tweek from homestuck	1751839058 Uusing ✅✅✅✅✅✅✅✅✅✅ Report Comment
Tweek from homestuck	1751839058 Uusing ✅✅✅✅✅✅✅✅✅✅ Report Comment
☆ 𝙴𝙻𝙻𝙸𝙴 ☆	1743178792 using!! :3 Report Comment
bear	1741380208 USING!! THANK YOU Report Comment
▮𝐼𝑆𝐴𝐶 (`へ´≠)	1741286190 USANDOOOO MEU DEUS É MUITO LINDO Report Comment
BLUDYCHRIS	1741070024 USINGGG!! Report Comment
BLUDYCHRIS	1741070024 USINGGG!! Report Comment
Tophatman's Stalker	1739895794 using Report Comment
sabrina	1738614592 using :3 Report Comment