New mission: revamp the portals to make them look actually tolerable to the eye. They are currently placeholders as of now.
The Gold Network: Soyworld | SNCApedia | SoyPlace

Please do not be surprised when the site randomly loads extremely slow. It is probably being DDoSed.

I'm not dead, just inactive for the moment. Faggot (talk) 20:16, 9 April 2026 (UTC)

User:Clarification needed/Sandbox/styles.css: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
← Older edit
Guess i can't use var() and shit
Clarification needed changed the content model of the page User:Clarification needed/Sandbox/styles.css from "CSS" to "Sanitized CSS"
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* cc: shorthand term for "CSS Cube" */
/* cc: shorthand term for "CSS Cube", now semi-CSS2 compliant! */
.cc-scene {
.cc-scene {
margin: 25px;
margin: 25px;
width: 200px;
width: 200px;
height: 200px;
height: 200px;
perspective: 600px;
}
}
.cc-cube {
.cc-cube {
Line 10: Line 9:
height: 100%;
height: 100%;
position: relative;
position: relative;
transform-style: preserve-3d;
transform: translateZ(-100px) rotate3d(-1,0,0,30deg) rotate3d(0,1,0,-50deg);
animation: 5s linear cc-3DSpin infinite;
}
}
.cc-center {
animation: 10s linear cc-3DSpin infinite;
width: 100%;
height: 100%;
}
.cc-side {
.cc-side {
position: absolute;
position: absolute;
Line 21: Line 24:
height: 200px;
height: 200px;
background-size: cover;
background-size: cover;
}
/*Sides*/
.cc-side.top {
transform: rotateX(90deg) translateZ(100px);
}
.cc-side.right {
transform: rotateY(90deg) translateZ(100px);
}
.cc-side.front {
transform: rotateY(0deg) translateZ(100px);
}
.cc-side.bottom {
transform: rotateX(-90deg) translateZ(100px);
}
.cc-side.left {
transform: rotateY(-90deg) translateZ(100px);
}
.cc-side.back {
transform: rotateY(180deg) translateZ(100px);
}
.cc-side.left, .cc-side.right, .cc-side.front, .cc-side.back {
background-image: url("https://www.sncapedia.org/images/thumb/8/81/Shit_nobody_cares_about_science_lover.png/200px-Shit_nobody_cares_about_science_lover.png");
}
}


Line 60: Line 40:
@keyframes cc-3DSpin {
@keyframes cc-3DSpin {
from {
from {
transform: translateZ(-100px) rotate3d(-1,0,0,30deg) rotate3d(0,1,0,-50deg);
transform: rotate(0deg);
}
}
to {
to {
transform: translateZ(-100px) rotate3d(-1,0,0,30deg) rotate3d(0,1,0,-410deg);
transform: rotate(360deg);
}
}
}
}

Latest revision as of 00:38, 12 April 2026

/* cc: shorthand term for "CSS Cube", now semi-CSS2 compliant! */
.cc-scene {
	margin: 25px;
	width: 200px;
	height: 200px;
}
.cc-cube {
	width: 100%;
	height: 100%;
	position: relative;
}

.cc-center {
	animation: 10s linear cc-3DSpin infinite;
	width: 100%;
	height: 100%;
}

.cc-side {
	position: absolute;
	background-color: #FFF;
	outline: 1px solid #CCC;
	width: 200px;
	height: 200px;
	background-size: cover;
}

.cc-SNCAText {
	margin: 0;
	position: absolute;
	text-align: center;
	font-family: 'Georgia', Georgia, serif;
	font-size: 130px;
	line-height: 0.8;
	left:50%;
	top:50%;
	transform: translateY(-50%) translateX(-50%);
}
/*Spin or something*/
@keyframes cc-3DSpin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
Retrieved from "https://www.sncapedia.org/index.php?title=User:Clarification_needed/Sandbox/styles.css&oldid=30062"