Elwiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 15:34, 21 September 2022

166 bytes added ,  21 September 2022
no edit summary
No edit summary
No edit summary
Line 67: Line 67:
     background-color: var(--theme-tone-4);
     background-color: var(--theme-tone-4);
}
}


#mw-wrapper,
#mw-wrapper,
Line 1,144: Line 1,143:


.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,678: Line 1,677:
}
}


.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,915: Line 1,915:
}
}


.accent-textcolor, .accent-textcolor a {
.accent-textcolor,
.accent-textcolor a {
     color: var(--accent-color) !important;
     color: var(--accent-color) !important;
}
}
Line 1,936: Line 1,937:
     opacity: 0;
     opacity: 0;
     pointer-events: none;
     pointer-events: none;
     transition: .3s;
     transition: 0.3s;
}
}


Line 1,944: Line 1,945:
     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,961: Line 1,962:
}
}


.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,975: Line 1,976:
}
}


.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,992: Line 1,993:


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


Line 2,116: Line 2,117:


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


Line 2,269: Line 2,270:
     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,278: Line 2,279:


#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,297: Line 2,298:


@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,405: Line 2,405:
     }
     }
     #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,412: Line 2,412:
         right: 0;
         right: 0;
         transform: translateX(90%);
         transform: translateX(90%);
         transition: 300ms;;
         transition: 300ms;
     }
     }


Line 2,674: Line 2,674:
.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,007: Line 3,007:
/* ImageHover */
/* ImageHover */
.fadeout-container:hover .fadeout {
.fadeout-container:hover .fadeout {
     z-index: -1!important;
     z-index: -1 !important;
}
}


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


Line 3,785: Line 3,785:
}
}


/* Long table tooltip adjustments */
/* Long table adjustments */
.overflowed {
    margin: 0;
    overflow: visible;
}
 
table {
    overflow: auto;
    display: block;
    border: 1px solid;
}
 
.overflowed :is(.content-table-left, .content-table-right) {
.overflowed :is(.content-table-left, .content-table-right) {
     display: none;
     display: none;
Line 4,276: Line 4,287:


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


.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,312: Line 5,324:
/* 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,582: Line 5,597:
.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/827937"