MediaWiki:Common.css - Revision history

Montoyo at 13:57, 15 February 2018

2018-02-15T13:57:02Z

Montoyo at 13:56, 15 February 2018

2018-02-15T13:56:28Z

Montoyo at 13:55, 15 February 2018

2018-02-15T13:55:46Z

Montoyo at 13:53, 15 February 2018

2018-02-15T13:53:15Z

Montoyo at 13:52, 15 February 2018

2018-02-15T13:52:14Z

Montoyo at 13:49, 15 February 2018

2018-02-15T13:49:02Z

Montoyo at 21:36, 13 February 2018

2018-02-13T21:36:41Z

Montoyo: Created page with "/* CSS placed here will be applied to all skins */ .responsive-1 { width: 320px; height: 50px; } @media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } } @me..."

2018-02-13T21:31:55Z

Created page with "‎CSS placed here will be applied to all skins: .responsive-1 { width: 320px; height: 50px; } @media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } } @me..."

New page

/* CSS placed here will be applied to all skins */
.responsive-1 { width: 320px; height: 50px; }
@media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } }
@media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }

@@ Line 2: / Line 2: @@
 @keyframes wd-cube-rot {
 % { transform: rotateX(-20deg) rotateY(40deg); }
 % { transform: rotateX(-20deg) rotateY(40deg); }
 % { transform: rotateX(-20deg) rotateY(400deg); }
+}

@@ Line 2: / Line 2: @@
 @keyframes wd-cube-rot {
 % { transform: rotateX(-20deg) rotateY(40deg); }
 % { transform: rotateX(-20deg) rotateY(40deg); }
 % { transform: rotateX(-20deg) rotateY(400deg); }
+}
@@ Line 17: / Line 17: @@
 	height: 100px;
 	transform-style: preserve-3d;
-	animation: wd-cube-rot 20s infinite linear;
+	animation: wd-cube-rot 10s infinite linear;
+}

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
 @keyframes wd-cube-rot {
-	from { transform: rotateX(-20deg) rotateY(0); }
+% { transform: rotateX(-20deg) rotateY(40deg); }
-	to { transform: rotateX(-20deg) rotateY(360deg); }
+% { transform: rotateX(-20deg) rotateY(40deg); }
+}
@@ Line 16: / Line 17: @@
 	height: 100px;
 	transform-style: preserve-3d;
-	animation: wd-cube-rot 2s infinite linear;
+	animation: wd-cube-rot 20s infinite linear;
+}

@@ Line 6: / Line 6: @@
 #wd-cube-3d {
 	perspective: 800px;
 	perspective-origin: 50px 50px;

@@ Line 22: / Line 22: @@
 	width: 100px;
 	height: 100px;
-	background-image: url("side.png");
+	background-image: url("/ShareX/wdcube-side.png");
+}
 #wdcube-front {
 	transform: translateZ(50px);
-	background-image: url("front.png") !important;
+	background-image: url("/ShareX/wdcube-front.png") !important;
+}

← Older revision		Revision as of 13:49, 15 February 2018
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
		+	@keyframes wd-cube-rot {
		+	from { transform: rotateX(-20deg) rotateY(0); }
		+	to { transform: rotateX(-20deg) rotateY(360deg); }
		+	}
		+
		+	#wd-cube-3d {
		+	perspective: 800px;
		+	perspective-origin: 50px 50px;
		+	}
		+
		+	#wd-cube {
		+	position: relative;
		+	width: 100px;
		+	height: 100px;
		+	transform-style: preserve-3d;
		+	animation: wd-cube-rot 2s infinite linear;
		+	}
		+
		+	#wd-cube div {
		+	position: absolute;
		+	width: 100px;
		+	height: 100px;
		+	background-image: url("side.png");
		+	}
		+
		+	#wdcube-front {
		+	transform: translateZ(50px);
		+	background-image: url("front.png") !important;
		+	}
		+
		+	#wdcube-back {
		+	transform: translateZ(-50px) rotateY(180deg);
		+	}
		+
		+	#wdcube-left {
		+	transform: translateX(-50px) rotateY(-90deg);
		+	}
		+
		+	#wdcube-right {
		+	transform: translateX(50px) rotateY(90deg);
		+	}
		+
		+	#wdcube-top {
		+	transform: translateY(-50px) rotateX(-90deg);
		+	}
		+
		+	#wdcube-wd {
		+	padding-left: 20px;
		+	}

← Older revision		Revision as of 21:36, 13 February 2018
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */
−	~~.responsive-1 { width: 320px; height: 50px; }~~
−	~~@media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } }~~
−	~~@media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }~~