MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 6: / Line 6: @@
 /* ============================= */
 #p-tb {
      display: none;
 }
@@ Line 36: / Line 36: @@
 body {
-     background-image: url("https://treeverse.wiki/images/8/84/Treeverse_background.jpg");
+     background-image: url("https://treeverse.wiki/images/b/be/45.57.jpg");
      background-size: cover;
      background-position: center center;
@@ Line 47: / Line 47: @@
      position: fixed;
      inset: 0;
-     background: rgba(0, 0, 0, 0.25);
+     background: rgba(0,0,0,0.25);
      z-index: -1;
 }
@@ Line 255: / Line 255: @@
 /* ============================= */
-/* INFOBOX STYLING               */
+/* NPC INFOBOX (STACKED LAYOUT)  */
 /* ============================= */
 .infobox {
-     float: right;
+     float: none !important;
-     clear: right;
+     clear: both;
+    margin: 0 auto 30px auto;
-     width: 340px;
+     width: 460px;
-     margin: 0 0 24px 32px;
+     max-width: 95%;
      border-collapse: collapse;
@@ Line 302: / Line 304: @@
      padding: 16px;
 }
+.infobox-image img {
+    width: 100%;
+    max-width: 560px;
+    height: auto;
+    border-radius: 8px;
+}
 /* ============================= */
@@ Line 307: / Line 317: @@
 /* ============================= */
-/* Make editor background readable */
 body.action-edit #content,
 body.action-submit #content {
@@ Line 313: / Line 322: @@
 }
-/* Make text black when editing */
 body.action-edit,
 body.action-submit {
@@ Line 319: / Line 327: @@
 }
-/* Textarea editor */
 body.action-edit textarea,
 body.action-submit textarea {
@@ Line 326: / Line 333: @@
 }
-/* Edit warning / notice boxes */
 body.action-edit .mw-warning,
 body.action-submit .mw-warning {
@@ Line 332: / Line 338: @@
 }
-/* Links readable in editor */
 body.action-edit a,
 body.action-submit a {
@@ Line 338: / Line 343: @@
 }
-.npc-card{
-background:#0f141d;
+/* ============================= */
-padding:16px;
+/* NPC CARD GRID                 */
-border-radius:10px;
+/* ============================= */
-text-align:center;
-font-weight:600;
+.npc-card {
-box-shadow:0 8px 20px rgba(0,0,0,.4);
+    background:#0f141d;
+    padding:16px;
+    border-radius:10px;
+    text-align:center;
+    font-weight:600;
+    box-shadow:0 8px 20px rgba(0,0,0,.4);
 }
 /* ============================= */
-/* NPC PAGE LAYOUT (STACKED)     */
+/* MOBILE MENU TEXT FIX          */
 /* ============================= */
-.infobox {
+.citizen-drawer a,
-     float: none !important;
+.citizen-drawer .citizen-sidebar__item,
-     clear: both;
+.citizen-drawer .citizen-sidebar__item a {
+    color: #000000 !important;
+}
+.citizen-drawer h2,
+.citizen-drawer h3 {
+    color: #1a2233 !important;
+}
+/* ============================= */
+/* CITIZEN SIDEBAR TEXT FIX      */
+/* ============================= */
+.citizen-sidebar__label {
+     color: #ffffff !important;
+}
+.citizen-sidebar__heading {
+     color: #ffffff !important;
+}
+.citizen-sidebar__link:hover .citizen-sidebar__label {
+    color: #cfe2ff !important;
+}
-     margin: 0 auto 30px auto;
+.citizen-sidebar {
+     text-shadow: 0 1px 3px rgba(0,0,0,0.8);
+}
-     display: table;
+/* Make sidebar navigation links always white */
+.citizen-drawer .citizen-menu__item > a,
+.citizen-drawer .citizen-menu__heading {
+     color: #ffffff !important;
+}
-     max-width: 420px;
+.citizen-drawer a {
+     color: #ffffff !important;
 }
-.infobox {
-     max-width: 460px;
+body, html {
+     cursor: url('/treeverse.cur'), auto !important;
 }
-.infobox-image img {
-     max-width: 260px;
+a {
+     cursor: url('/firetree.cur'), pointer !important;
 }