Anonymous

MediaWiki:Common.css: Difference between revisions

From Elwiki
no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 67: Line 67:
     background-color: var(--theme-tone-4);
     background-color: var(--theme-tone-4);
}
}


#mw-wrapper,
#mw-wrapper,
Line 331: Line 332:
     border-color: var(--border-color-tone-2);
     border-color: var(--border-color-tone-2);
     color: var(--text-color);
     color: var(--text-color);
}
#wpSummary:not(.dark-mode *) {
    background-color: var(--theme-tone-1);
}
}


Line 1,985: Line 1,990:


.dark-mode .tippy-btn {
.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 {
#mw-footer {
    width: 65vw;
     padding-left: 0;
     padding-left: 0;
     padding-right: 0;
     padding-right: 0;
    max-width: 100%;
}
#footer-info {
    width: 65vw;
    margin: auto;
}
}


Line 2,228: Line 2,242:
#mw-footer-container a:hover {
#mw-footer-container a:hover {
     opacity: 0.65;
     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) {
@media screen and (min-width: 1100px) and (max-width: 1340px) {
    #mw-related-navigation {
        display: none !important;
    }


     #mw-content {
     #mw-content {
Line 2,351: Line 2,401:
         margin-left: 0;
         margin-left: 0;
         display: table-caption;
         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 {
.section-characters table .textfloat th {
     color: white !important;
     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 */
/* ImageHover */
.fadeout-container:hover .fadeout {
    z-index: -1!important;
}
.fadeout img:hover {
.fadeout img:hover {
     opacity: 0;
     opacity: 0;
Line 2,945: Line 3,019:
     visibility: hidden;
     visibility: hidden;
     /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */
     /* 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,
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 {
.long-table {
     overflow-x: auto;
     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;
     padding: 5px;
     text-align: center;
     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: #41afcc;
     --accent-color-tone-2: #40aac8;
     --accent-color-tone-2: #40aac8;
     --accent-color-tone-3: #2f839b;
     --accent-color-tone-3: #3a9fbc;
     --border-color: #444444;
     --border-color: #444444;
     --border-color-tone-2: #838383;
     --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-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 .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);
     filter: invert(1);
}
}