MediaWiki:Gadget-skinToggles.css

/* */ li#pt-skin-toggles { margin-left: 0; background-repeat: no-repeat; background-image: url("https://img.icons8.com/fluent/15/000000/day-and-night.png"); background-position: center left; padding-left: 20px; }

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

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

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

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

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

.rsw-skin-toggle-popup .light-mode-button .button-img { background: url('https://img.icons8.com/fluent/70/000000/sun.png') center no-repeat; height: 70px; width: 70px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rsw-skin-toggle-popup .light-mode-button .button-img { background-image: url('https://img.icons8.com/fluent/70/000000/sun.png'); background-size: 70px; }

}

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

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

.rsw-skin-toggle-popup .dark-mode-button .button-img { background: url('https://img.icons8.com/fluent/70/000000/full-moon.png') center no-repeat; height: 70px; width: 70px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rsw-skin-toggle-popup .dark-mode-button .button-img { background-image: url('https://img.icons8.com/fluent/70/000000/full-moon.png'); background-size: 70px; }

}

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

.rsw-skin-toggle-popup .blackout-mode-button .oo-ui-buttonElement-button, .rsw-skin-toggle-popup .blackout-mode-button .oo-ui-buttonElement-button:hover { background: #181818 !important; border-color: #373737 !important; }

.rsw-skin-toggle-popup .blackout-mode-button .button-img { background: url('https://img.icons8.com/fluent/70/000000/new-moon.png') center no-repeat; height: 70px; width: 70px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rsw-skin-toggle-popup .blackout-mode-button .button-img { background-image: url('https://img.icons8.com/fluent/70/000000/new-moon.png'); background-size: 70px; } }

.rsw-skin-toggle-popup .grid-mode-button .oo-ui-buttonElement-button, .rsw-skin-toggle-popup .grid-mode-button .oo-ui-buttonElement-button:hover { background: #012930 !important; border-color: #44DEFF !important; }

.rsw-skin-toggle-popup .grid-mode-button .button-img { background: url('https://img.icons8.com/fluent/70/000000/computer.png') center no-repeat; height: 70px; width: 70px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rsw-skin-toggle-popup .grid-mode-button .button-img { background-image: url('https://img.icons8.com/fluent/70/000000/computer.png'); background-size: 70px; } }

.rsw-skin-toggle-popup .grid-mode-button .button-text { color: #44DEFF; }

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

.rsw-skin-toggle-popup .oo-ui-optionWidget-selected .button-text-selected { background: url('https://img.icons8.com/fluent/25/000000/ok.png') center no-repeat; position: relative; top: 1.4em; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rsw-skin-toggle-popup .oo-ui-optionWidget-selected .button-text-selected { background-image: url('https://img.icons8.com/fluent/25/000000/ok.png'); background-size: 25px; }

}

.rsw-skin-toggle-popup .oo-ui-widget-disabled .oo-ui-optionWidget-selected .button-text-selected { background-image: url('https://img.icons8.com/fluent/25/000000/ok.png'); opacity: 0.5; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rsw-skin-toggle-popup .oo-ui-widget-disabled .oo-ui-optionWidget-selected .button-text-selected { background-image: url('https://img.icons8.com/fluent/25/000000/ok.png'); }

}

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

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

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

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

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

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

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

.rsw-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: url(/skins/Vector/images/arrow-down.png?42edd); 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 .rsw-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.light-mode-button a.oo-ui-buttonElement-button, .wgl-darkmode .rsw-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 .rsw-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.light-mode-button .button-text { color: #444e5a; }

.wgl-darkmode .rsw-skin-toggle-popup .oo-ui-window-content .oo-ui-widget-enabled.dark-mode-button a.oo-ui-buttonElement-button, .wgl-darkmode .rsw-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 .rsw-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 {