MediaWiki:Common.css: Difference between revisions

Line 1:

/* Version 19.0 - ~~Flex-Stable~~ Miraheze ~~Build~~ */

/* Version 20.0 - Final Miraheze Infobox Fix */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap');

Line 5:

--kh-green: #3e5a47 !important;

--kh-yellow: #ffd700 !important;

~~--kh-dark-text: #2d4234 !important;~~

}

Line 22:

Line 21:

margin: 0 0 1em 1em !important;

display: flex !important;

flex-direction: column !important; ~~/* Stack top elements vertically */~~

flex-direction: column !important;

}

/* ~~Force Title, Header, and Image to be Full Width~~ */

/* Fix for squished Titles/Headers/Images */

.portable-infobox .pi-title,

.portable-infobox .pi-header,

Line 37:

Line 36:

.portable-infobox .pi-title {

background-color: var(--kh-yellow) !important;

color: ~~var(--kh-dark-text)~~ !important;

color: #2d4234 !important;

font-family: 'Cinzel', serif !important;

padding: 10px !important;

Line 51:

Line 50:

}

/* Data Row Logic */

/* Side-by-Side Data Row Logic */

.pi-item.pi-data {

display: flex !important;

@@ Line 1: / Line 1: @@
-/* Version 19.0 - Flex-Stable Miraheze Build */
+/* Version 20.0 - Final Miraheze Infobox Fix */
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap');
@@ Line 5: / Line 5: @@
      --kh-green: #3e5a47 !important;
      --kh-yellow: #ffd700 !important;
-    --kh-dark-text: #2d4234 !important;
 }
@@ Line 22: / Line 21: @@
      margin: 0 0 1em 1em !important;
      display: flex !important;
-     flex-direction: column !important; /* Stack top elements vertically */
+     flex-direction: column !important;
 }
-/* Force Title, Header, and Image to be Full Width */
+/* Fix for squished Titles/Headers/Images */
 .portable-infobox .pi-title,
 .portable-infobox .pi-header,
@@ Line 37: / Line 36: @@
 .portable-infobox .pi-title {
      background-color: var(--kh-yellow) !important;
-     color: var(--kh-dark-text) !important;
+     color: #2d4234 !important;
      font-family: 'Cinzel', serif !important;
      padding: 10px !important;
@@ Line 51: / Line 50: @@
 }
-/* Data Row Logic */
+/* Side-by-Side Data Row Logic */
 .pi-item.pi-data {
      display: flex !important;