Pengguna:Zulf/styles1.css: Perbedaan antara revisi

Konten dihapus Konten ditambahkan

Sebaris

Revisi terkini sejak 13 Maret 2024 17.53

/* The animation code */
@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}

/* The element to apply the animation to */
div {
  width: 100px;
  height: 100px;
  position: relative;
  background-color: red;
  animation-name: example;
  animation-duration: 4s;
}

@@ Baris 1: / Baris 1: @@
-/* {{pp|small=y}} */
+/* The animation code */
+@keyframes example {
-/*
+%   {background-color:red; left:0px; top:0px;}
- * TemplateStyles ini TIDAK mencangkup semua data di
+%  {background-color:yellow; left:200px; top:0px;}
- * gaya kotak info
+%  {background-color:blue; left:200px; top:200px;}
- * Lihat [[MediaWiki talk:Common.css/to do#Infobox]]
+%  {background-color:green; left:0px; top:200px;}
- * JANGAN TAMBAHKAN KODE TERSEBUT DISINI
+% {background-color:red; left:0px; top:0px;}
- */
-.infobox-subbox {
-	padding: 0;
-	border: none;
-	margin: -3px;
-	width: auto;
-	min-width: 100%;
-	font-size: 100%;
-	clear: none;
-	float: none;
-}
-.infobox {
-	background-color: transparent;
-	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.35);
-	border-radius: 2px;
-}
-.infobox-3cols-child {
-	margin: auto;
-}
-.infobox .navbar {
-	font-size: 100%;
 }
+/* The element to apply the animation to */
-/* T281642 */
+div {
-body.skin-minerva .infobox-header,
+  width: 100px;
-body.skin-minerva .infobox-subheader,
+  height: 100px;
-body.skin-minerva  .infobox-above,
+  position: relative;
-body.skin-minerva .infobox-title,
+  background-color: red;
-body.skin-minerva  .infobox-image,
+  animation-name: example;
-body.skin-minerva  .infobox-full-data,
+  animation-duration: 4s;
-body.skin-minerva .infobox-below {
-	text-align: center;
 }