MediaWiki:Gadget-skinToggles.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* <pre> */
#pt-skin-toggles {
margin-top: -0.1em !important;
}
#pt-skin-toggles .oo-ui-icon-advanced {
width: 15px;
min-width: 15px;
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;
}
.kkcw-skin-toggle-popup .oo-ui-window-frame {
width: 440px !important;
}
.kkcw-skin-toggle-popup .appearance-modal {
font-size: .9em;
padding: 1em 2em 1.5em;
}
.kkcw-skin-toggle-popup .appearance-modal h2 {
padding-top: .25em;
text-align: center;
}
.kkcw-skin-toggle-popup .appearance-buttons {
display: flex;
margin: .5em auto 1.75em;
}
.kkcw-skin-toggle-popup .light-mode-button .oo-ui-buttonElement-button,
.kkcw-skin-toggle-popup .light-mode-button .oo-ui-buttonElement-button:hover {
background: white !important;
border-color: #949eaa !important;
z-index: 4 !important;
}
.kkcw-skin-toggle-popup .light-mode-button .button-img {
background: url('https://kingkiller.wiki/w/images/4/49/Light_mode_icon.png?width=70') 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://kingkiller.wiki/w/images/4/49/Light_mode_icon.png');
background-size: 70px;
}
}
.kkcw-skin-toggle-popup .light-mode-button .button-text {
color: #444e5a;
}
.kkcw-skin-toggle-popup .dark-mode-button .oo-ui-buttonElement-button,
.kkcw-skin-toggle-popup .dark-mode-button .oo-ui-buttonElement-button:hover {
background: #222e45 !important;
border-color: #172136 !important;
}
.kkcw-skin-toggle-popup .dark-mode-button .button-img {
background: url('https://kingkiller.wiki/w/images/9/96/Dark_mode_icon.png?width=70') center no-repeat;
height: 70px;
width: 70px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.kkcw-skin-toggle-popup .dark-mode-button .button-img {
background-image: url('https://kingkiller.wiki/w/images/9/96/Dark_mode_icon.png');
background-size: 70px;
}
}
.kkcw-skin-toggle-popup .dark-mode-button .button-text {
color: #cbd9f4;
}
.kkcw-skin-toggle-popup .button-text-selected {
height: 15px;
padding-top: 1em;
margin-bottom: -1.7em;
}
.kkcw-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) {
.kkcw-skin-toggle-popup .oo-ui-optionWidget-selected .button-text-selected {
background-image: url('filepath://Checkmark_green.png');
background-size: 15px;
}
}
.kkcw-skin-toggle-popup .oo-ui-widget-disabled .oo-ui-optionWidget-selected .button-text-selected {
background-image: url('filepath://Checkmark_grey.png?width=15');
opacity: .5;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.kkcw-skin-toggle-popup .oo-ui-widget-disabled .oo-ui-optionWidget-selected .button-text-selected {
background-image: url('filepath://Checkmark_grey.png');
}
}
.kkcw-skin-toggle-popup .reader-mode {
background: #f9fafa;
margin: 1em -2em 1.5em;
padding: 1.75em 2em .5em;
}
.kkcw-skin-toggle-popup .reader-mode p {
color: #949eaa;
line-height: 1.7em;
margin-bottom: 1.25em;
}
.kkcw-skin-toggle-popup .reader-toggle {
float: right;
margin-left: 1em;
margin-right: -0.25em;
transform: scale(0.8);
}
.kkcw-skin-toggle-popup .appearance-save {
display: flex;
justify-content: space-between;
align-items: center;
}
.kkcw-skin-toggle-popup .save-button-container {
display: flex;
}
.kkcw-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 .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: .6em;
padding-right: 1.2em;
}
body.wgl-readermode #ca-reader-menu > span a::after {
content: '';
position: absolute;
top: .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 .565em;
padding: 0;
}
body.wgl-readermode #ca-reader-dropdown h3 {
display: block;
float: initial;
font-size: .9em;
margin: 0 .6em .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");
}
#mw-head.sticky-hidden {
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;
}
#mw-head.sticky-hidden #left-navigation,
#mw-head.sticky-hidden #right-navigation {
margin-top: 0;
}
#mw-head.sticky-hidden div.vectorTabs ul li:not(.selected),
#mw-head.sticky-hidden div.vectorMenu h3,
#mw-head.sticky-hidden div#simpleSearch {
box-shadow: none;
}
#mw-head.sticky-hidden div.vectorTabs li.selected {
background: initial;
}
#mw-head:not(.sticky-hidden) #ca-nstab-mainpage {
display: none;
}