MediaWiki:Gadget-skinToggles.css

/* */ li#pt-skin-toggles { margin-left: 0; }

li#pt-skin-toggles .oo-ui-icon-advanced { width: 15px; min-width: 15px; height: 14px; background-size: 14px; display: block; background-repeat: no-repeat; background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%23787776' fill-rule='evenodd'/%3E%3C/svg%3E"); opacity: 1; margin-bottom: -2px; }

.rts-skin-toggle-popup .oo-ui-window-frame { width: 440px !important; }

.rts-skin-toggle-popup .appearance-modal { font-size: 0.9em; padding: 1em 2em 1.5em; }

.rts-skin-toggle-popup .appearance-modal h2 { padding-top: 0.25em; text-align: center; }

.rts-skin-toggle-popup .appearance-buttons { display: flex; margin: 0.5em auto 1.75em; width: 100%; justify-content: center; }

.rts-skin-toggle-popup .light-mode-button .oo-ui-buttonElement-button, .rts-skin-toggle-popup .light-mode-button .oo-ui-buttonElement-button:hover { background: white !important; border-color: #949eaa !important; z-index: 4 !important; }

.rts-skin-toggle-popup .light-mode-button .button-img { background: url('filepath://Light_mode_icon.png?width=70') center no-repeat; height: 70px; width: 70px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rts-skin-toggle-popup .light-mode-button .button-img { background-image: url('filepath://Light_mode_icon.png'); background-size: 70px; }

}

.rts-skin-toggle-popup .light-mode-button .button-text { color: #444e5a; }

.rts-skin-toggle-popup .dark-mode-button .oo-ui-buttonElement-button, .rts-skin-toggle-popup .dark-mode-button .oo-ui-buttonElement-button:hover { background: #222e45 !important; border-color: #172136 !important; }

.rts-skin-toggle-popup .dark-mode-button .button-img { background: url('filepath://Dark_mode_icon.png?width=70') center no-repeat; height: 70px; width: 70px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rts-skin-toggle-popup .dark-mode-button .button-img { background-image: url('filepath://Dark_mode_icon.png'); background-size: 70px; }

}

.rts-skin-toggle-popup .dark-mode-button .button-text { color: #cbd9f4; }

.rts-skin-toggle-popup .button-text-selected { height: 15px; padding-top: 1em; margin-bottom: -1.7em; }

.rts-skin-toggle-popup .oo-ui-optionWidget-selected .button-text-selected { background: url('filepath://Checkmark_green.png?width=15') center no-repeat; position: relative; top: 1.4em; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rts-skin-toggle-popup .oo-ui-optionWidget-selected .button-text-selected { background-image: url('filepath://Checkmark_green.png'); background-size: 15px; }

}

.rts-skin-toggle-popup .oo-ui-widget-disabled .oo-ui-optionWidget-selected .button-text-selected { background-image: url('filepath://Checkmark_grey.png?width=15'); opacity: 0.5; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rts-skin-toggle-popup .oo-ui-widget-disabled .oo-ui-optionWidget-selected .button-text-selected { background-image: url('filepath://Checkmark_grey.png'); }

}

.rts-skin-toggle-popup .reader-mode { background: #f9fafa; margin: 1em -2em 1.5em; padding: 1.75em 2em 0.5em; }

.rts-skin-toggle-popup .reader-mode p { color: #949eaa; line-height: 1.7em; margin-bottom: 1.25em; }

.rts-skin-toggle-popup .reader-toggle, .rts-skin-toggle-popup .conditional-dropdown { float: right; margin-left: 1em; margin-right: -0.25em; transform: scale(0.8); }

.rts-skin-toggle-popup .conditional-dropdown { width: 100px; }

.rts-skin-toggle-popup .appearance-save { display: flex; justify-content: space-between; align-items: center; }

.rts-skin-toggle-popup .floornumber-select { float: right; }

.rts-skin-toggle-popup .save-button-container { display: flex; }

.rts-skin-toggle-popup .save-button-desc { margin-right: 1em; line-height: 1.7em; }

body.wgl-readermode { }

body.wgl-readermode #ca-reader-menu { position: relative; }

body.wgl-readermode #ca-reader-dropdown { display: none; background: #fff; border: 1px solid #e4eaee; padding: 1.5em 0.75em 1.25em; box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); position: absolute; top: 2.5em; left: 0; z-index: 10; width: auto; }

body.wgl-readermode #ca-reader-menu:hover #ca-reader-dropdown { display: flex; }

body.wgl-readermode #ca-reader-menu > span a { position: relative; margin-right: 0.6em; padding-right: 1.2em; }

body.wgl-readermode #ca-reader-menu > span a::after { content: ''; position: absolute; top: 0.1em; right: 0; bottom: 0; left: 0; background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E"); background-position: 100% 50%; background-repeat: no-repeat; opacity: 0.85; }

body.wgl-readermode #ca-reader-dropdown .portal { margin: 0 0.565em; padding: 0; }

body.wgl-readermode #ca-reader-dropdown h3 { display: block; float: initial; font-size: 0.9em; margin: 0 0.6em 0.75em; background: none; box-shadow: none; }

body.wgl-readermode #ca-reader-dropdown ul { background: none; }

body.wgl-readermode #ca-reader-dropdown li { background: none; box-shadow: none; width: 100%; }

body.wgl-readermode #ca-reader-dropdown a { background: none; box-shadow: none; width: 100%; }

body.wgl-readermode #ca-reader-dropdown a:hover { text-decoration: underline; }

body.wgl-readermode #p-logo { display: none; }

body.wgl-readermode.wgl-darkmode #ca-reader-dropdown { background: #313e59; border-color: #596e96; box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.3); }

body.wgl-readermode.wgl-darkmode #ca-reader-menu > span a::after { background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%238cabe6%22/%3E %3C/svg%3E"); }

position: fixed; top: 0; width: 100%; background: #f6f6f6; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); z-index: 500; }
 * 1) mw-head.sticky-hidden {

margin-top: 0; }
 * 1) mw-head.sticky-hidden #left-navigation,
 * 2) mw-head.sticky-hidden #right-navigation {

box-shadow: none; }
 * 1) mw-head.sticky-hidden div.vectorTabs ul li:not(.selected),
 * 2) mw-head.sticky-hidden div.vectorMenu h3,
 * 3) mw-head.sticky-hidden div#simpleSearch {

background: initial; }
 * 1) mw-head.sticky-hidden div.vectorTabs li.selected {

.wgl-darkmode .rts-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.light-mode-button a.oo-ui-buttonElement-button, .wgl-darkmode .rts-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.light-mode-button a.oo-ui-buttonElement-button:hover { background: white !important; border-color: #949eaa !important; z-index: 4 !important; }

.wgl-darkmode .rts-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.light-mode-button .button-text { color: #444e5a; }

.wgl-darkmode .rts-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.dark-mode-button a.oo-ui-buttonElement-button, .wgl-darkmode .rts-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.dark-mode-button a.oo-ui-buttonElement-button:hover { background: #222e45 !important; border-color: #172136 !important; }

.wgl-darkmode .rts-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.dark-mode-button .button-text { color: #cbd9f4; }

display: none; }
 * 1) mw-head:not(.sticky-hidden) #ca-nstab-mainpage {