MediaWiki:Common.css: Difference between revisions

Browse history interactively

← Older edit

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
+@font-face {
+    font-family: "Retail Demo Bold";
+    font-display: swap;
+    src: url('/Special:FilePath/Retaildemo-bold.woff2') format('woff2');
+}
+@font-face {
+	font-family: "Retail Demo Regular";
+	font-display: swap;
+	src: url('/Special:FilePath/Retaildemo-regular.woff2') format('woff2');
+}
 .ability-icon {
       filter: invert(100%);
       opacity: 0.7;
+}
+.navbox {
+    display: table !important;
+    clear: both;
+    width: 100%;
+    margin: 1.5em auto 0;
 }
@@ Line 44: / Line 63: @@
 .mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
-     font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
+     font-family: 'PT Serif', 'Palatino', 'Georgia', serif !important;
 }
@@ Line 88: / Line 107: @@
 .infobox {
      background: #eee;
-    border: 1px solid #aaa;
      float: right;
      margin: 0 0 1em 1em;
      padding: 1em;
      width: 250px;
+    border-collapse: collapse;
 }
-.infobox-title {
+.infobox .infobox-title {
      font-size: 2em;
      text-align: center;
 }
-.infobox-image {
+.infobox .infobox-image {
      text-align: center;
 }
 .infobox-table th {
      text-align: right;
@@ Line 108: / Line 128: @@
 .infobox-table td {
      vertical-align: top;
+}
+.infobox_item a {
+color: #fff;
+}
+.infobox_template {
+	border-radius: 8px; overflow: hidden;
+}
+table {
+  display: table !important;
+}
+/*CSS for ability hover images*/
+.popover-wrapper {
+  position: relative;
+  display: inline-block;
+}
+.popover-content {
+  opacity: 0;
+  visibility: hidden;
+  position: relative;
+  transform: translate(0, 10px);
+  z-index: 3;
+}
+.popover-wrapper:hover + .popover-content,
+.popover-content:hover {
+  z-index: 10;
+  opacity: 1;
+  visibility: visible;
+  transform: translate(0, 20px);
+  transition: all 0.4s cubic-bezier(0.75, -0.02, 0.2, 0.97);
+}
+/* In game used colors for weapon, vitality, and spirit, respectively */
+.weapon-orange {
+  color: #d5903f;
+}
+.vitality-green {
+  color: #74b01c;
+}
+.spirit-purple {
+  color: #c288f0;
+}
+.mw-page-title-namespace, .mw-page-title-separator, .mw-page-title-main {
+  font-family: "Forevs Demo Medium";
+}
+.infobox-hero-name {
+  font-family: "Reaver";
+  font-weight: bold;
+  text-transform: uppercase;
+}
+/*HariySaag info for Hero Cards*/
+@media screen and (max-width: 480px) {
+  td:has(.hide-parent-td-mobile) {
+    display: none;
+  }
+}
+/* Sur stat infobox styling */
+.stat-infobox-table {
+    width: 100%;
+    border-collapse: separate;
+    margin-top: 10px; /* Add space above to prevent overlap with content above */
+    margin-bottom: 10px; /* Add space below the table */
+}
+.stat-infobox-table th,
+.stat-infobox-table td {
+    padding: 5px;
+    text-align: center;
+    background-color: rgba(0, 0, 0, 0.08);
+    border: 1px solid black;
+    position: relative;
+    font-family: 'Retail Demo', sans-serif;
+}
+.stat-infobox-table th:hover,
+.stat-infobox-table td:hover {
+    background-color: rgba(0, 0, 0, .4);
+}
+.stat-infobox-table td::before,
+.stat-infobox-table th::before {
+    content: '';
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.08);
+    mix-blend-mode: multiply;
+}
+.stat-infobox-table .darker {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+#citizen-page-header-sticky-sentinel {
+  display: none;
 }