ALX.NDRS SKIN

jst in case any1 finds my skin cool and wants it (what is bro on about)
Code

<style>
[data-skin-page]{
	--skin-palette-accent:#ED1313;
	--skin-palette-accent-text:#ffffff;
	--skin-palette-backdrop:#ED1313;
	--skin-palette-chrome:#111111;
	--skin-palette-chrome-text:#ffffff;
	--skin-palette-link:#ff2a2a;
	--skin-palette-link-hover:#ED1313;
	--skin-palette-muted:#ED1313;
	--skin-palette-page:#4A0000;
	--skin-palette-page-text:#ED1313;
	--skin-palette-surface:#ED1313;
	--skin-palette-surface-text:#ED1313;
	--skin-gloss:linear-gradient(#ED1313 0%, #000 60%);
	background:#000000 url("https://i.pinimg.com/736x/ac/31/55/ac315559e3bc5f8dcd24c33e0f395b03.jpg");
	cursor:url("https://cdn.cursors-4u.net/previews/oxygen-chrome-crosshair-34b43de3-32.webp") 0 0, auto !important;
}
[data-skin-root]{
	color:#fff;
}
[data-skin-root] a{
	color:#f00;
}
[data-skin-root] a:hover{
	color:#fff;
	text-decoration:none;
}
[data-skin-part="navigation-top"],
[data-skin-part="navigation-links"],
[data-skin-root] .panel,
[data-skin-part="notice"],
[data-skin-part="url"],
[data-skin-part="about"],
[data-skin-part="vibe"],
[data-skin-part="links"],
[data-skin-part="interests"],
[data-skin-part="footer"]{
	background:var(--skin-gloss) !important;
	border:1px solid #808080 !important;
	border-radius:5px 5px 0 0 !important;
	box-shadow:inset 0 0 0 1px #808080, inset 0 0 10px 2px #535353, #000 1px 1px 10px 2px !important;
}
[data-skin-root] .panel__heading{
	background:var(--skin-gloss) !important;
	border:0;
	border-bottom:1px solid #808080;
	border-radius:50px 0;
	color:#fff;
	padding-left:10px !important;
}
[data-skin-root] .panel__body,
[data-skin-part="interests"] td,
[data-skin-part="wall"] .post-card,
[data-skin-part="wall"] .composer{
	background:linear-gradient(#535353 0%, #000 20%) !important;
	color:#fff;
}
[data-skin-part="photo"] img,
[data-skin-part="photo"] .profile-placeholder,
[data-skin-part="friends"] .person-card__image,
[data-skin-part="friends"] .profile-placeholder{
	border:2px ridge #555;
	border-radius:0;
	box-shadow:none;
}
[data-skin-part="actions"] .profile-actions__cell{
	background:linear-gradient(#535353 0%, #000 20%);
	border-color:#555;
}
[data-skin-part="actions"] .profile-action{
	color:#fff;
}
[data-skin-part="url"]{
	color:#fff;
	padding:5px;
}
@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.