MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 15:04, 24 September 2022

2,503 bytes added , 24 September 2022

no edit summary

Ritsu

ElEditors, Interface administrators, Administrators

70,866

edits

@@ Line 67: / Line 67: @@
      background-color: var(--theme-tone-4);
 }
 #mw-wrapper,
@@ Line 331: / Line 332: @@
      border-color: var(--border-color-tone-2);
      color: var(--text-color);
+}
+#wpSummary:not(.dark-mode *) {
+    background-color: var(--theme-tone-1);
 }
@@ Line 1,985: / Line 1,990: @@
 .dark-mode .tippy-btn {
-     border-color: var(--text-color);
+     border-color: var(--text-color)!important;
+}
+.tippy-content hr {
+    background: var(--border-color-tone-2);
 }
@@ Line 2,206: / Line 2,215: @@
 #mw-footer {
-    width: 65vw;
      padding-left: 0;
      padding-right: 0;
+    max-width: 100%;
+}
+#footer-info {
+    width: 65vw;
+    margin: auto;
 }
@@ Line 2,228: / Line 2,242: @@
 #mw-footer-container a:hover {
      opacity: 0.65;
+}
+#footer-places {
+    display: flex;
+    place-content: center;
+    border-top: 1px solid var(--border-color);
+    margin-top: 0;
+    margin-bottom: 0;
+    background: var(--theme-tone-5);
+}
+.mw-footer #footer-places li {
+    margin: 0;
+    border-right: 1px solid var(--border-color);
+    width: 16vw;
+    text-align: center;
+}
+.mw-footer #footer-places li:first-child {
+    border-left: 1px solid var(--border-color);
+}
+#mw-footer-container #footer-places a {
+    padding: 0.5rem;
+    display: block;
+    color: var(--text-color)!important;
+    transition: .3s!important;
+}
+#footer-places a:hover {
+    background-color: var(--theme-tone-7);
+}
+#mw-footer-container #footer-places a:hover {
+    color: var(--accent-color)!important;
+}
+.mw-footer .footer-icons {
+    padding-right: 1rem;
 }
@@ Line 2,242: / Line 2,295: @@
 @media screen and (min-width: 1100px) and (max-width: 1340px) {
-    #mw-related-navigation {
-        display: none !important;
-    }
      #mw-content {
@@ Line 2,351: / Line 2,401: @@
          margin-left: 0;
          display: table-caption;
+    }
+    #mw-related-navigation .sidebar-chunk {
+        box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%)!important;
+    }
+    #mw-related-navigation {
+        position: absolute;
+        right: 0;
+        transform: translateX(90%);
+        transition: 300ms;;
+    }
+    #mw-related-navigation:hover {
+        transform: translateX(0);
      }
 }
@@ Line 2,603: / Line 2,667: @@
 .section-characters table .textfloat th {
      color: white !important;
+}
+/* section - dungeon */
+.section-dungeons table.section > tbody > tr:first-child > th,
+.section-fields table.section > tbody > tr:first-child > th {
+    border: 0!important;
 }
@@ Line 2,934: / Line 3,004: @@
 /* ImageHover */
+.fadeout-container:hover .fadeout {
+    z-index: -1!important;
+}
 .fadeout img:hover {
      opacity: 0;
@@ Line 2,945: / Line 3,019: @@
      visibility: hidden;
      /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */
+}
+.inner-border th:not(th:last-child) {
+    border-right: 1px solid var(--border-color);
 }
@@ Line 2,955: / Line 3,033: @@
 tr[style] .tooltip,
-table[class*="colortable-"] tr .tooltip {
+table[class*="colortable-"] tr .tooltip,
-     border-bottom-color: #000;
+table[class*="colortable-"] tr .tippy-btn {
+     border-bottom-color: #000!important;
 }
@@ Line 3,711: / Line 3,790: @@
 .long-table {
      overflow-x: auto;
+}
+.long-table::-webkit-scrollbar-thumb,
+.long-table::-webkit-scrollbar-track,
+.long-table::-webkit-scrollbar,
+.content-table::-webkit-scrollbar-thumb,
+.content-table::-webkit-scrollbar-track,
+.content-table::-webkit-scrollbar {
+    border-radius: 0;
 }
@@ Line 5,205: / Line 5,293: @@
      padding: 5px;
      text-align: center;
+}
+/* Icons */
+.icon-base {
+    text-shadow: -1px -1px 0 #000, 0px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 0px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 0px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 0px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000, 1px 1px 0 #000;
 }
@@ Line 5,330: / Line 5,423: @@
      --accent-color: #41afcc;
      --accent-color-tone-2: #40aac8;
-     --accent-color-tone-3: #2f839b;
+     --accent-color-tone-3: #3a9fbc;
      --border-color: #444444;
      --border-color-tone-2: #838383;
@@ Line 5,473: / Line 5,566: @@
 .dark-mode .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
 .dark-mode .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
-.dark-mode .ve-ui-mwTemplateDialog .oo-ui-indicatorElement-indicator.oo-ui-indicator-required {
+.dark-mode .ve-ui-mwTemplateDialog .oo-ui-indicatorElement-indicator.oo-ui-indicator-required,
+.dark-mode .mw-content-ltr .redirectText li:first-child a, .dark-mode .mw-content-ltr .redirectText li:first-child,
+.dark-mode .mwe-math-element {
      filter: invert(1);
 }