MediaWiki:Gadget-Item.css: Difference between revisions

Browse history interactively

@@ Line 1: / Line 1: @@
-/* For [[Template:Item]] */
 .item {
-	display: inline;
+    display: inline;
 }
@@ Line 11: / Line 10: @@
 .item .item-image .hidden {
-	display: inline-block;
+    display: inline-block;
-	position: relative;
+    position: relative;
-	text-align: center;
+    text-align: center;
-	vertical-align: middle;
+    vertical-align: middle;
-	top: -2px;
+    top: -2px;
 }
-.item .item-image .hidden a {
+.item .item-image .hidden a:not(.new) {
-	display: inline-flex;
+    display: inline-flex;
 }
 .item .item-icon {
-	position: absolute;
+    position: absolute;
-	display: flex;
+    display: flex;
-	align-items: center;
+    align-items: center;
-	top: -5px;
+    top: -5px;
-	left: -5px;
+    left: -5px;
-	width: 14px;
+    width: 14px;
-	height: 14px;
+    height: 14px;
 }
 .item.newline {
-	display: inline-block;
+    display: inline-block;
-	text-align: center;
+    text-align: center;
 }
-/* Add Unknown icon to missing img */
+/* Add unknown icon to missing image */
-.skin-fandomdesktop .item-image > a.new, .skin-fandomdesktop .item-image > span > span > a.new {
+.item-image > a.new,
+.item-image > span > span > a.new {
      position: absolute;
-     display: flex;
+     display: block;
      height: 100%;
      width: 100%;
-     background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
+     background-image: var(--unknown-img);
      background-size: cover;
      font-size: 0;
-}
-.skin-fandommobile .item-image > a.new, .skin-fandommobile .item-image > span > span > a.new {
-    position: relative;
-    display: flex;
-    height: 20px;
-    width: 20px;
-    background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
-    background-size: cover;
-    font-size: 0;
-}
-/* Blueprint icon in [[Template:Shop]] */
-.skin-fandommobile .item .item-icon[data-offset='-4'] {
-    top: -4px;
-}
-.skin-fandommobile .item .item-icon[data-corner-size='14'] {
-    width: 14px;
-    height: 14px;
 }