Elwiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 15:05, 24 September 2022

709 bytes added ,  24 September 2022
no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
@import "https://elwiki.net/w/MediaWiki:Character-Banner.css?action=raw";
/* Color scheme */
/* Color scheme */
:root {
:root {
Line 67: Line 68:
     background-color: var(--theme-tone-4);
     background-color: var(--theme-tone-4);
}
}


#mw-wrapper,
#mw-wrapper,
Line 147: Line 147:


a:visited,
a:visited,
a:visited:hover:not(.mw-selflink, .selflink, .textfloat a) {
a:visited:hover:not(.mw-selflink, .selflink, .textfloat a),
.mw-parser-output a.external:visited,
.mw-parser-output a.external:hover:visited {
     color: var(--accent-color-tone-3);
     color: var(--accent-color-tone-3);
}
}
Line 1,142: Line 1,144:


.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
     background-color: var(--theme-tone-7)!important;
     background-color: var(--theme-tone-7) !important;
}
}


Line 1,676: Line 1,678:
}
}


.ve-ui-mwSaveDialog .oo-ui-widget.oo-ui-widget-enabled.oo-ui-indicatorElement.oo-ui-labelElement.oo-ui-dropdownWidget:nth-of-type(3) {
.ve-ui-mwSaveDialog
    .oo-ui-widget.oo-ui-widget-enabled.oo-ui-indicatorElement.oo-ui-labelElement.oo-ui-dropdownWidget:nth-of-type(3) {
     margin: 0.5rem 0;
     margin: 0.5rem 0;
}
}


.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement > .oo-ui-buttonElement-button {
.oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement > .oo-ui-buttonElement-button {
     transition: .3s;
     transition: 0.3s;
}
}


.oo-ui-widget-disabled {
.oo-ui-widget-disabled {
     opacity: .6;
     opacity: 0.6;
     pointer-events: none;
     pointer-events: none;
}
}


span.oo-ui-labelElement-label.mw-widget-mediaResultWidget-nameLabel:not(.dark-mode span) {
span.oo-ui-labelElement-label.mw-widget-mediaResultWidget-nameLabel:not(.dark-mode span) {
     color: var(--text-color-invert);
     color: var(--text-color-invert);
}
}
Line 1,913: Line 1,916:
}
}


.accent-textcolor, .accent-textcolor a {
.accent-textcolor,
.accent-textcolor a {
     color: var(--accent-color) !important;
     color: var(--accent-color) !important;
}
}
Line 1,934: Line 1,938:
     opacity: 0;
     opacity: 0;
     pointer-events: none;
     pointer-events: none;
     transition: .3s;
     transition: 0.3s;
}
 
td [data-tippy-content] {
    width: max-content;
}
}


Line 1,942: Line 1,950:
     border: 1px solid var(--border-color-tone-2);
     border: 1px solid var(--border-color-tone-2);
     box-shadow: 0 2px 0 0 rgb(0 0 0 / 15%);
     box-shadow: 0 2px 0 0 rgb(0 0 0 / 15%);
     transition: .2s!important;
     transition: 0.2s !important;
}
}


Line 1,959: Line 1,967:
}
}


.tippy-box[data-placement^='top']>.tippy-arrow:before {
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
     bottom: -8px;
     bottom: -8px;
}
}


.tippy-box[data-placement^='bottom']>.tippy-arrow:before {
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
     top: -8px;
     top: -8px;
}
}


.tippy-box[data-state='hidden'] {
.tippy-box[data-state="hidden"] {
     opacity: 0;
     opacity: 0;
     transform: scale(0.5);
     transform: scale(0.5);
Line 1,973: Line 1,981:
}
}


.tippy-box[data-placement^='bottom'][data-state='hidden'] {
.tippy-box[data-placement^="bottom"][data-state="hidden"] {
     transform-origin: top;
     transform-origin: top;
}
}


.tippy-box[data-placement^='left'][data-state='hidden'] {
.tippy-box[data-placement^="left"][data-state="hidden"] {
     transform-origin: left;
     transform-origin: left;
}
}


.tippy-box[data-placement^='right'][data-state='hidden'] {
.tippy-box[data-placement^="right"][data-state="hidden"] {
     transform-origin: right;
     transform-origin: right;
}
}
Line 1,990: Line 1,998:


.dark-mode .tippy-btn {
.dark-mode .tippy-btn {
     border-color: var(--text-color)!important;
     border-color: var(--text-color) !important;
}
}


Line 2,114: Line 2,122:


.mw-body-content .bannerbox a > img {
.mw-body-content .bannerbox a > img {
     max-width: initial!important;
     max-width: initial !important;
}
}


Line 2,267: Line 2,275:
     padding: 0.5rem;
     padding: 0.5rem;
     display: block;
     display: block;
     color: var(--text-color)!important;
     color: var(--text-color) !important;
     transition: .3s!important;
     transition: 0.3s !important;
}
}


Line 2,276: Line 2,284:


#mw-footer-container #footer-places a:hover {
#mw-footer-container #footer-places a:hover {
     color: var(--accent-color)!important;
     color: var(--accent-color) !important;
}
}


Line 2,295: Line 2,303:


@media screen and (min-width: 1100px) and (max-width: 1340px) {
@media screen and (min-width: 1100px) and (max-width: 1340px) {
     #mw-content {
     #mw-content {
         margin-left: 0;
         margin-left: 0;
Line 2,403: Line 2,410:
     }
     }
     #mw-related-navigation .sidebar-chunk {
     #mw-related-navigation .sidebar-chunk {
         box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%)!important;
         box-shadow: 0 0 2px 1px rgb(0 0 0 / 10%) !important;
     }
     }


Line 2,410: Line 2,417:
         right: 0;
         right: 0;
         transform: translateX(90%);
         transform: translateX(90%);
         transition: 300ms;;
         transition: 300ms;
     }
     }


Line 2,672: Line 2,679:
.section-dungeons table.section > tbody > tr:first-child > th,
.section-dungeons table.section > tbody > tr:first-child > th,
.section-fields table.section > tbody > tr:first-child > th {
.section-fields table.section > tbody > tr:first-child > th {
     border: 0!important;
     border: 0 !important;
}
}


Line 3,005: Line 3,012:
/* ImageHover */
/* ImageHover */
.fadeout-container:hover .fadeout {
.fadeout-container:hover .fadeout {
     z-index: -1!important;
     z-index: -1 !important;
}
}


Line 3,032: Line 3,039:
}
}


tr[style] .tooltip,
tr[style] th .tooltip,
table[class*="colortable-"] tr .tooltip,
table[class*="colortable-"] tr th .tooltip,
table[class*="colortable-"] tr .tippy-btn {
table[class*="colortable-"] tr th .tippy-btn {
     border-bottom-color: #000!important;
     border-bottom-color: #000 !important;
}
}


Line 3,783: Line 3,790:
}
}


/* Long table tooltip adjustments */
/* Long table adjustments */
.overflowed {
    margin: 0;
    overflow: visible;
}
 
table[class*="colortable-"]:not(.section) {
    overflow: auto;
    display: block;
    border: 0;
}
 
.overflowed :is(.content-table-left, .content-table-right) {
.overflowed :is(.content-table-left, .content-table-right) {
     display: none;
     display: none;
Line 3,797: Line 3,815:
.content-table::-webkit-scrollbar-thumb,
.content-table::-webkit-scrollbar-thumb,
.content-table::-webkit-scrollbar-track,
.content-table::-webkit-scrollbar-track,
.content-table::-webkit-scrollbar {
.content-table::-webkit-scrollbar,
table::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-track,
table::-webkit-scrollbar {
     border-radius: 0;
     border-radius: 0;
}
.content-table {
    position: static;
}
.overflowed .content-table {
    position: relative;
}
}


Line 4,266: Line 4,295:


.infobox-new .embedvideo {
.infobox-new .embedvideo {
     width: 350px!important;
     width: 350px !important;
     height: 197px;
     height: 197px;
}
}
Line 4,708: Line 4,737:
}
}


.henir-grid a:not(.tippy-content a), .henir-grid a:hover:not(.tippy-content a) {
.henir-grid a:not(.tippy-content a),
.henir-grid a:hover:not(.tippy-content a) {
     display: block;
     display: block;
     color: var(--text-color);
     color: var(--text-color);
Line 5,032: Line 5,062:
     grid-template-columns: repeat(auto-fit, minmax(215px, max-content));
     grid-template-columns: repeat(auto-fit, minmax(215px, max-content));
     gap: 1em;
     gap: 1em;
}
.skill-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(325px, max-content));
}
}


Line 5,297: Line 5,332:
/* Icons */
/* Icons */
.icon-base {
.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;
     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,567: Line 5,605:
.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 .mw-content-ltr .redirectText li:first-child a,
.dark-mode .mw-content-ltr .redirectText li:first-child,
.dark-mode .mwe-math-element {
.dark-mode .mwe-math-element {
     filter: invert(1);
     filter: invert(1);
Retrieved from "https://elwiki.net:443/w/Special:MobileDiff/828162"