MediaWiki:Common.css: Difference between revisions

Line 1:

/* ============================================================

PORTABLE INFOBOX - KH LEAF THEME (~~EMOJI~~ EDITION)

PORTABLE INFOBOX - KH LEAF THEME (UNICODE EDITION)

============================================================ */

Line 17:

}

/* 2. THE TITLE (KH Blue) */

/* 2. THE TITLE (Kingdom Hearts Blue) */

body.mediawiki .pi-title {

background-color: #003366 !important;

Line 42:

}

/* 4. LEAF BULLETS FOR LISTS (~~UNICODE VERSION~~) */

/* 4. LEAF BULLETS FOR LISTS (Using Unicode \1F343) */

body.mediawiki .pi-data-value ul {

list-style: none !important;

Line 50:

body.mediawiki .pi-data-value li {

padding-left: 1.8em !important; ~~/* Extra space for the leaf */~~

padding-left: 1.8em !important;

position: relative !important;

font-size: 11px !important;

Line 57:

body.mediawiki .pi-data-value li::before {

/* ~~This~~ is the ~~hexadecimal~~ code for the 🍃 ~~emoji~~ */

/* \1F343 is the hex code for the Fluttering Leaf 🍃 */

content: "\1F343" !important;

position: absolute !important;

left: 0 !important;

font-size: 12px !important; ~~/* Makes the leaf slightly larger */~~

font-size: 12px !important;

~~top: -2px !important; /* Adjusts vertical alignment */~~

}

~~body.mediawiki .pi-data-value li::before {~~

~~content: "🍃" !important;~~

~~position: absolute !important;~~

~~left: 0 !important;~~

~~font-size: 10px !important; /* Adjust size of leaf */~~

top: 0 !important;

}

Line 80:

Line 72:

align-items: stretch !important;

border-bottom: 1px solid #e0e0e0 !important;

width: 100% !important;

}

Line 88:

Line 81:

padding: 8px 12px !important;

font-size: 11px !important;

flex: 0 0 40% !important;

flex: 0 0 40% !important; /* Label width */

border-right: 1px solid #dddddd !important;

display: flex !important;

Line 99:

Line 92:

padding: 8px 12px !important;

font-size: 11px !important;

flex: 1 !important;

flex: 1 !important; /* Value width */

display: flex !important;

align-items: center !important;

@@ Line 1: / Line 1: @@
 /* ============================================================
-    PORTABLE INFOBOX - KH LEAF THEME (EMOJI EDITION)
+    PORTABLE INFOBOX - KH LEAF THEME (UNICODE EDITION)
     ============================================================ */
@@ Line 17: / Line 17: @@
 }
-/* 2. THE TITLE (KH Blue) */
+/* 2. THE TITLE (Kingdom Hearts Blue) */
 body.mediawiki .pi-title {
      background-color: #003366 !important;
@@ Line 42: / Line 42: @@
 }
-/* 4. LEAF BULLETS FOR LISTS (UNICODE VERSION) */
+/* 4. LEAF BULLETS FOR LISTS (Using Unicode \1F343) */
 body.mediawiki .pi-data-value ul {
      list-style: none !important;
@@ Line 50: / Line 50: @@
 body.mediawiki .pi-data-value li {
-     padding-left: 1.8em !important; /* Extra space for the leaf */
+     padding-left: 1.8em !important;
      position: relative !important;
      font-size: 11px !important;
@@ Line 57: / Line 57: @@
 body.mediawiki .pi-data-value li::before {
-     /* This is the hexadecimal code for the 🍃 emoji */
+     /* \1F343 is the hex code for the Fluttering Leaf 🍃 */
      content: "\1F343" !important;
      position: absolute !important;
      left: 0 !important;
-     font-size: 12px !important; /* Makes the leaf slightly larger */
+     font-size: 12px !important;
-    top: -2px !important; /* Adjusts vertical alignment */
-}
-body.mediawiki .pi-data-value li::before {
-    content: "🍃" !important;
-    position: absolute !important;
-    left: 0 !important;
-    font-size: 10px !important; /* Adjust size of leaf */
      top: 0 !important;
 }
@@ Line 80: / Line 72: @@
      align-items: stretch !important;
      border-bottom: 1px solid #e0e0e0 !important;
+    width: 100% !important;
 }
@@ Line 88: / Line 81: @@
      padding: 8px 12px !important;
      font-size: 11px !important;
-     flex: 0 0 40% !important;
+     flex: 0 0 40% !important; /* Label width */
      border-right: 1px solid #dddddd !important;
      display: flex !important;
@@ Line 99: / Line 92: @@
      padding: 8px 12px !important;
      font-size: 11px !important;
-     flex: 1 !important;
+     flex: 1 !important; /* Value width */
      display: flex !important;
      align-items: center !important;