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://cdn.discordapp.com/attachments/1067370677960704013/1125530306645086268/AfHKeEL.jpg) 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://cdn.discordapp.com/attachments/1067370677960704013/1125534847797043290/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://cdn.discordapp.com/attachments/1067370677960704013/1125534415884390521/Kf95GDq.png);
        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;
}
/* DELETE THIS CODE IF U WANT NO GIF PFP */
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://cdn.discordapp.com/attachments/1067370677960704013/1125534541487030332/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 */ 
}

.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://cdn.discordapp.com/attachments/1067370677960704013/1125530306351468544/LhCrvfp.jpg’') !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://cdn.discordapp.com/attachments/1067370677960704013/1125534650811551955/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

}
.profile .url-info :before{
   content: "";
  white-space: pre-wrap;
  display: block;
  height: 260px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 500px;
  border: 5px dashed rgb(255 174 107);
  border-radius: 20px;
   box-shadow: 0px 0px 10px #0f0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.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 50 comments ( View all | Add 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
Mintyfreshtea	1704176139 Usingg!! Report Comment
🌴☆Dalilah!☆🌈	1704122564 Using! :D Report Comment
Philip / Thomas :3	1703650617 Using! Report Comment
amanda	1701335217 uzing!, Report Comment
Hollow	1698631952 using untill I can find another layout :3 Report Comment
Tweek Tweak	1697513322 Omg I'm definitely gonna use this!! :3 Report Comment
toby	1697393243 when will stan come out Report Comment I did originally have a stan one but I had to delete it since 1: there was smth wrong with the code so it didn't function right & 2: barely anyone used it so it just became sorta useless by Myles; 1697401049; Report
wtw.zay !!	1696614148 usinggg Report Comment
TaylorsBBG	1695577543 im gonna use it temporarily ! ! Report Comment
☆Raphael☆	1695440476 I'm gonna TRY- To use it, I'm new here sooo yeah- Report Comment
ALFiE :33	1693878302 usinf!! Report Comment