Fish's orange ahh old skin

My old as skin in case anyone with an intrest of southpark wants to use!!
Also the base is the Pink Internetcore anime! :P
kwenk.com/s/6
Code

<div class="skin-decoration skin-decoration--ken">
  <img src="https://64.media.tumblr.com/367e8f91e41680cf2e6cd618e333a9ee/15b58d446ee0761a-2b/s1280x1920/51bf82da0c0f74d9697fcd24dbd10a915f5dc15e.pnj" alt="" loading="lazy" />
  <img src="https://64.media.tumblr.com/d7390d0be64e48bd0b2d0761cdfaa56e/396fb98e5d63b433-4d/s500x750/6d62671a01a6a060bde7143a3dbf16da780b8ea0.pnj" loading="lazy" />
  <img src="https://64.media.tumblr.com/837911fd4909e392f78333d685b0bb3e/e2e083cae32900cf-ee/s1280x1920/7b477f944526f457a27130f223e9844cd1d1335a.pnj" alt="" loading="lazy" />
  <img src="https://64.media.tumblr.com/d2a0dc41238e931ca3c4c1342f5fe425/a39ab9f64f75c185-c5/s1280x1920/1361ecac6b19b636937d8a200e872597e5983611.webp" loading="lazy" />
  <img src="https://static.wikia.nocookie.net/omori/images/7/71/REALYOU_TAGGED_KEL.png/revision/latest?cb=20210103191700" alt="" loading="lazy" />

  <img src="https://static.wikia.nocookie.net/omori/images/2/29/REALKEL_TAGGED_YOU.png/revision/latest?cb=20210103191522" />
</div>

<style>
@keyframes float{
	0%{
		transform:translate(0, 0);
	}
	50%{
		transform:translate(0, 8px);
	}
	100%{
		transform:translate(0, 0);
	}
}
[data-skin-page]{
	--skin-palette-accent:#de964b;
	--skin-palette-accent-text:#ffffff;
	--skin-palette-backdrop:#f9e9d5;
	--skin-palette-chrome:#edaa7d;
	--skin-palette-chrome-text:#ffffff;
	--skin-palette-link:#d09c65;
	--skin-palette-link-hover:#ffffff;
	--skin-palette-muted:#8b8590;
	--skin-palette-page:rgba(252,238,217,0.83);
	--skin-palette-page-text:#cf8e38;
	--skin-palette-surface:#fff9fb;
	--skin-palette-surface-text:#cf8e38;
	background:linear-gradient(rgba(116,68,15,0.2) 50%, rgba(0,0,0,0) 50%),
    url("https://i.pinimg.com/originals/a7/1a/91/a71a91530fb54c0787102936d6fa57cb.gif");
	background-size:100% 2px, 1000px;
	cursor:url("https://cdn.cursors-4u.net/previews/south-park-kenny-mccormick-3468914f-32.webp") 31 31, auto;
}
[data-skin-root],
[data-skin-root] *{
	cursor:url("https://cdn.cursors-4u.net/previews/south-park-kenny-mccormick-3468914f-32.webp") 31 31, auto;
	font-family:monospace;
}
[data-skin-root]{
	animation:float 3s infinite ease-in-out;
	background:rgba(242,212,174,0.83);
	border:2px solid #ffcc9f;
	box-shadow:0 0 6px #a14b74;
	color:#cf8e38;
}
[data-skin-part="navigation-links"]{
	background:#edae7d !important;
	border:3px solid #cc9c64;
	box-shadow:0 0 10px #e29a4c;
}
[data-skin-part="navigation-links"]::after{
	background:url("https://64.media.tumblr.com/0ed15018d11d9066d2a88740a49d2da0/688fc05e1db691bf-24/s75x75_c1/438bc2b244c2f7327dd17b73e315f31d39123c35.gifv") center / contain no-repeat;
	content:"";
	display:inline-block;
	height:32px;
	margin-left:8px;
	vertical-align:middle;
	width:32px;
}
[data-skin-part="name"]{
	color:#faa764;
	font-family:fangsong, serif;
	font-size:2.5em !important;
	text-shadow:2px 2px 0.5px #ff9257;
}
[data-skin-part="name"]::after{
	background:url("https://64.media.tumblr.com/af9622d8cd52339ee9c344ae54a33b6a/fb99b9e869db4899-6f/s75x75_c1/64ad2a4ff0392d5485e05e8dcce74bf744eb8d45.gifv") center / contain no-repeat;
	content:"";
	display:inline-block;
	height:28px;
	margin-left:8px;
	vertical-align:middle;
	width:28px;
}
[data-skin-root] a{
	color:#d08c65;
	text-decoration:none;
}
[data-skin-root] strong,
[data-skin-root] b{
	color:#d38558;
}
[data-skin-root] .panel,
[data-skin-part="notice"],
[data-skin-part="about"],
[data-skin-part="vibe"],
[data-skin-part="url"],
[data-skin-part="links"],
[data-skin-part="interests"]{
	background:#ffefe3 !important;
	border:2px solid #e8a978 !important;
	border-radius:0 !important;
	box-shadow:#ffe0c0 5px 5px !important;
}
[data-skin-root] .panel__heading{
	background:#ffd4ab !important;
	border:inset #ffbf8a;
	box-shadow:0 0 6px #e388bd;
	color:#fff;
	text-align:center;
}
[data-skin-part="bio"] .panel__heading::before{
	background:url("https://64.media.tumblr.com/d93bf1da295b7bbfeac0444e4e91d99e/fb99b9e869db4899-74/s75x75_c1/fb9e0558124d55a0802a2af0bf7ff2fbc76112eb.gifv") center / contain no-repeat;
	content:"";
	display:inline-block;
	height:28px;
	margin-right:6px;
	vertical-align:middle;
	width:28px;
}
[data-skin-root] .panel__body{
	background:#fff9fb !important;
	border:3px inset #ffccaa;
	box-shadow:5px 8px #ffee3d1 !important;
	color:#d1883b;
}
[data-skin-part="interests"] td{
	background:rgba(255,165,188,0.55) !important;
	border-bottom:1px dashed #fff;
	box-shadow:2px 5px #f3b18b;
	color:#d1883b;
}
[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder{
	border:5px double #ffead6;
	box-shadow:0 0 15px #ecccb7;
}
[data-skin-part="friends"] .person-card__image,
[data-skin-part="friends"] .profile-placeholder{
	filter:grayscale(100%);
}
[data-skin-part="actions"] .profile-actions__cell{
	background:rgba(255,172,102,0.45);
	border-color:#ffd1b3;
}
[data-skin-part="actions"] .profile-action{
	color:#cf8138;
}
[data-skin-part="actions"] .profile-action .icon{
	display:none;
}
[data-skin-part="actions"] .profile-action::before{
	background:var(--skin-action-icon) center / contain no-repeat;
	content:"";
	display:inline-block;
	flex:0 0 24px;
	height:24px;
	width:24px;
}
[data-skin-part="actions"] .profile-actions__cell:nth-child(1) .profile-action{
	--skin-action-icon:url("https://64.media.tumblr.com/b4dac6194fde77a5c42b6e8a8b88727f/688fc05e1db691bf-8f/s75x75_c1/c71f5f653e1396b486997dc1c7750615fc168562.gifv");
}
[data-skin-part="actions"] .profile-actions__cell:nth-child(2) .profile-action{
	--skin-action-icon:url("https://64.media.tumblr.com/acfba993160ed9cabdffcf2d2ba53b2a/688fc05e1db691bf-54/s75x75_c1/7a48e84ee1ba4d9e9f1815e1f04be4fb89acc0d9.gifv");
}
[data-skin-part="actions"] .profile-actions__cell:nth-child(3) .profile-action{
	--skin-action-icon:url("https://64.media.tumblr.com/7d864a650071f73576eb08ab75614c10/688fc05e1db691bf-20/s75x75_c1/edb7c6150b9891a2bfacca11df9c07eab8da9ae7.gifv");
}
[data-skin-part="actions"] .profile-actions__cell:nth-child(4) .profile-action{
	--skin-action-icon:url("https://64.media.tumblr.com/5cbbc274c137a6bdf006f0d2526fdf88/688fc05e1db691bf-d5/s75x75_c1/b6f07218ce0e4867e7a57d9976fd6428c9af0dc9.gifv");
}
[data-skin-part="actions"] .profile-actions__cell:nth-child(5) .profile-action{
	--skin-action-icon:url("https://64.media.tumblr.com/7aea8641febe9f38e674202f484ddaef/688fc05e1db691bf-8d/s75x75_c1/02f74ab899b4acf54cd70a69dfe2ea30f52c2e82.gifv");
}
[data-skin-part="actions"] .profile-actions__cell:nth-child(6) .profile-action{
	--skin-action-icon:url("https://64.media.tumblr.com/0f8fbe1f5d3c201da0e4a8dbcb7d2bd5/688fc05e1db691bf-3b/s75x75_c1/72d9a06db1a20cb238824295ba4a8faab6de36e7.gifv");
}
[data-skin-part="actions"]::after{
	background:url("https://64.media.tumblr.com/140e5af4a85cc17bd34a47deee72ca51/6b239a040b30b94f-8a/s2048x3072/2a0b6a8b80db457c8c7e209054a9f14d387f7222.pnj") center / contain no-repeat;
	content:"";
	display:block;
	height:30px;
	margin-top:6px;
}
[data-skin-part="custom-html"] .skin-decoration{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	justify-content:center;
}
[data-skin-part="custom-html"] .skin-decoration img{
	image-rendering:auto;
	max-height:130px;
	max-width:min(100%, 180px);
	object-fit:contain;
}
@keyframes spin{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
[data-skin-part="photo"]{
	--cd-case-ratio:183 / 163;
	--cd-case-width:min(calc(var(--profile-photo-size, 235px) * 1.123), 100%);
	display:grid;
	filter:drop-shadow(0 0 0.35rem gray);
	grid-template-columns:10.93% minmax(0, 89.07%);
	margin-inline:auto;
	overflow:visible;
	width:var(--cd-case-width);
	aspect-ratio:var(--cd-case-ratio);
}
[data-skin-part="photo"]::before{
	align-self:center;
	animation:spin 5s infinite linear;
	aspect-ratio:1;
	background:url("https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png") center / contain no-repeat;
	content:"";
	grid-column:1 / 3;
	grid-row:1;
	justify-self:start;
	transition:translate 0.5s ease;
	translate:-10.5% 0;
	width:82%;
	z-index:0;
}
[data-skin-part="photo"]:hover::before{
	translate:-38% 0;
}
[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder{
	border:0;
	border-radius:0;
	box-shadow:0 0 0 2px #8a8a8a, 0 8px 18px rgba(0, 0, 0, 0.4);
	grid-column:2;
	grid-row:1;
	height:100%;
	justify-self:stretch;
	max-width:none;
	object-fit:cover;
	width:100%;
	z-index:1;
}
</style>
Comments

No comments yet.