MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 04:32, 13 August 2020

286 bytes removed , 3 years ago

Add full advancement CSS

JP12

Bureaucrats, emailconfirmed, Interface administrators, staff, Widget editors

184

edits

@@ Line 1,550: / Line 1,550: @@
 .advancement {
-    line-height: 18px;
+  line-height: 18px;
-    font-size: 20px;
+  font-smooth: never;
-    font-family: minecraftia, san-serif;
+  padding-top: 10px;
-    position: relative;
+  padding-left: 2px;
-    display: inline-block;
+  display: inline-block;
-    width: auto;
+  font-size: 16px;
-    height: auto;
+  word-spacing: -2.5px;
-    z-index: 0;
+  font-family: minecraftia;
+  width: min-content;
 }
-.advancement-title {
+.advancement .advancement-icon {
-    background-color: #036a96;
+  top: 8px;
-    color: white;
+  left: 12px;
-    text-shadow: 1.75px 1.75px #3f3f3f;
+  position: absolute;
-    padding: 6px 8px 0 65px;
+  z-index: 2;
-    height: 40px;
-    margin-top: -4px;
-    border: 2px solid black;
-    border-width: 2px;
-    border-radius: 2px;
-    z-index: 3;
 }
-.advancement-title img{
+.advancement .advancement-title {
-    position: absolute;
+  position: relative;
-    left: 10px;
+  z-index: 1;
-    top: -10px;
+  height: 27px;
-     z-index: 5;
+  padding-top: 5px;
+  padding-left: 60px;
+  padding-right: 6px;
+  white-space: nowrap;
+  background: #036A96;
+  color: #FCFCFC;
+  text-shadow: 2px 2px #3E3E3E;
+  box-shadow:
+-2px #0489C1,
+    -2px 0 #0489C1,
+2px #012E40,
+px 0 #012E40,
+px 2px black,
+px -2px black,
+    -2px 2px black,
+    -2px -2px black,
+4px black,
+px 0 black,
+-4px black,
+     -4px 0 black;
 }
-.advancement-title:before {
+.advancement .advancement-description {
-    content: "";
+  background: #212121;
-    position: absolute;
+  color: #A8A8A8;
-    left: 2px;
+  padding-top: 7px;
-    right: 2px;
+  padding-left: 6px;
-    top: -2px;
+  padding-bottom: 5px;
-    bottom: 2px;
+  box-shadow:
-    border-width: 2px 0px 0px 2px;
+-2px #555555,
-    border-style: solid;
+     -2px 0 #555555,
-    border-color: #0489C1;
+2px #555555,
-    z-index: 4;
+px 0 #555555,
-}
+px 2px black,
+px -2px black,
-.advancement-title:after {
+     -2px 2px black,
-    content: "";
+     -2px -2px black,
-    position: absolute;
+4px black,
-    left: 2px;
+px 0 black,
-    right: 2px;
+-4px black,
-    top: -1px;
+     -4px 0 black;
-    bottom: 2px;
-    border-width: 0px 2px 2px 0px;
-     border-style: solid;
-     border-color: #012E40;
-     z-index: 3;
-}
-.advancement-description {
-    position: absolute;
-    background-color: #212121;
-     color: #a8a8a8;
-     top: 34px;
-     padding: 4px 2px 5px 10px;
-    border: 2px solid black;
-     border-radius: 2px;
-     z-index: -3;
-}
-.advancement-description:before {
-    content: "";
-    position: absolute;
-    top: -2px;
-     right: 0px;
-     bottom: 0px;
-     left: 0px;
-    border: 2px solid #555555;
-    border-radius: 2px;
-     z-index: 2;
 }