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 60 comments ( View all | Add Comment )

sia	1729868692 using :33333 Report Comment
TWEEK (⁠≧⁠▽⁠≦⁠) !!	1729754119 USING!! :3 Report Comment
⭐️V4MP TW33K⭐️	1729745585 Using! <3 Report Comment
🌟Benn/Tweek💫	1729651733 USING IT RN AND ITS SO AWESOME SAUCE :D Report Comment
Faegoisdedd	1725036718 Usiin :3 Report Comment
D0GM4N 🎀	1724992113 Using!! Report Comment
tweeksoup	1723438185 i got this but it wouldnt load my profile picture Report Comment Hi sorry the image links weren't working before but they do now! ^^ by Myles; 1723489359; Report tytyty by tweeksoup; 1724643413; Report
jade :^	1723409790 using :D Report Comment
kyle/roxy🦠 (proud uncle)	1723090729 MAYBE USING Report Comment
⟡ TWEEK	1721163771 using ! :3 Report Comment
PinkChocolate69	1717508986 Using ;-; Report Comment
willow !! <3	1715835589 using!! Report Comment
t33th34tr	1715348533 uzing Report Comment
Tw33kzZ0mb13	1714940053 Using 4 baze!! :3 Report Comment
This is me!	1714344135 Using Report Comment
R3N	1710897256 usinggg tyty Report Comment
tweeeeeek	1710422963 Using Report Comment
Cherri!Pop!	1708559356 must use- i will use Report Comment
b3 ☆	1706588260 using ^^ Report Comment