MediaWiki:Common.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 / Edge: 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.
/* CSS placed here will be applied to all skins */
.oo-ui-icon-previous, .mw-ui-icon-previous:before {
background-image: url(/load.php?modules=oojs-ui.styles.icons-movement&image=previous&format=rasterized&lang=en&skin=vector&version=bv3d1);
background-image: linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/icon_previous.svg) !important;
}
.oo-ui-icon-next, .mw-ui-icon-next:before {
background-image: url(/load.php?modules=oojs-ui.styles.icons-movement&image=next&format=rasterized&lang=en&skin=vector&version=bv3d1);
background-image: linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/icon_next.svg) !important;
}
.oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before {
background-image: url(/load.php?modules=oojs-ui.styles.icons-media&image=imageGallery&format=rasterized&skin=vector&version=1bg8o);
background-image: linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/icon_imageGallery.svg) !important;
}
ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current {
background: #303030 !important;
}
ul.gallery.mw-gallery-slideshow {
/* display: block; */
margin: 0em 0 !important;}
pre, .mw-code {
color: #C0C0C0;
background-color: #2A2A2A;
border: 1px solid #dfdfdf;
padding: 1em;
white-space: pre-wrap;
overflow-x: hidden;
word-wrap: break-word;
}
.mw-footer li {
color: #afafaf;
}
#mw-sidebar-button:before {
fill: #dfdfdf;
}
.portal h3, .vector-menu-portal h3 {color: #dfdfdf;}
.suggestions-result {
color: #afafaf;
}
#simpleSearch #searchInput::placeholder {
color: #afafaf;
}
#searchInput {
background-color: #616161;
color: #afafaf;
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus {
outline: 0;
border-color: #dfdfdf;
box-shadow: inset 0 0 0 1px #dfdfdf, inset 0 0 0 2px #ffffff;
}
.suggestions-special {
background-color: #616161;
border: 1px solid #dfdfdf;
}
.suggestions-special .special-label {
color: #dfdfdf;
text-align: left;
}
.suggestions-special .special-query {
color: #afafaf;
font-style: italic;
text-align: left;
}
.suggestions-results {
background-color: #616161;
cursor: pointer;
border: 1px solid #dfdfdf;
padding: 0;
margin: 0;
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
color: #afafaf;
text-decoration: none;
}
.vector-menu-dropdown {background-color: #616161;}
.vector-menu-dropdown .vector-menu-content-list {
background-color: #616161;
list-style: none none;
min-width: 100%;
position: absolute;
top: 2.5em;
left: -1px;
margin: 0;
border: 1px solid #a2a9b1;
border-top-width: 0;
padding: 0;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 100ms;
-moz-transition: opacity 100ms;
transition: opacity 100ms;
z-index: 2;
}
.vector-menu-dropdown li a {
color: #afafaf;
display: block;
padding: 0.625em;
white-space: nowrap;
cursor: pointer;
font-size: 0.8125em;
}
.vector-menu-dropdown h3 {
color: #afafaf;
}
.vector-menu-tabs #ca-unwatch.icon a:before {
background-image: linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/unwatch-icon.svg?dfdfdf);
}
.vector-menu-tabs {background-color: #616161}
.vector-menu-tabs .selected {
background-color: #616161;
}
.vector-menu-tabs li {
background-color: #616161 !important;
background-image: none;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#dfdfdf 100%);
background-repeat: no-repeat;
background-size: 1px 100%;
}
#content {
background-color: #303030;
color: #afafaf;
}
:link { text-decoration: underline;
}
.mw-plusminus-pos {
color: #d15930;
}
a:link {color: #5b9ee1}
a:visited {color: #5b9ee1}
a:hover {color: #d15930}
a:active {color: #5b9ee1}
a.new:link { color: #5b9ee1; }
a.new:hover { color: #d15930; }
a.new:visited { color: #5b9ee1; }
a.extiw:link { color: #5b9ee1; } /* links to other Wikipedias */
a.extiw:visited { color: #5b9ee1; }
a.extiw:hover { color: #d15930; }
a.external:link { color: #5b9ee1; } /* external links */
a.external:visited { color: #5b9ee1; }
a.external:hover { color: #d15930; }
a.new:visited, #p-personal a.new:visited {
color: #5b9ee1;
}
a.new:hover, #p-personal a.new:hover {
color: #d15930;
}
a.new, #p-personal a.new {
color: #5b9ee1;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: #5b9ee1;
}
.mw-body {
border: 1px solid #dfdfdf;
border-right-width: 0;
margin-top: -1px;
}
.toctogglelabel {
cursor: pointer;
color: #afafaf;
}
.tocnumber {
color: #afafaf;
}
.portal .body li a:visited, .vector-menu-portal .body li a:visited {
color: #5b9ee1;
}
.portal .body li a:hover {
color: #d15930;
}
.portal .body li a, .vector-menu-portal .body li a {
color: #5b9ee1;
}
.vector-menu-tabs li a {color: #afafaf}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
color: #dfdfdf;}
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
color: #afafaf;
}
#content h1,h2,h3,h4,h5,h6 {
color: #9aa4b2;
font-family: sans-serif;
}
#footer {
background-color: #303030;
}
#bodyContent {
background-color: #303030;
font-size: 14px;
}
body {
background-color: #303030;
color: #afafaf;
}
#catlinks {
background-color: #616161;
color: #DFDFDF;
}
#mw-head-base {
background-color: #303030;
}
#p-tb {
background-color: #303030;
}
#mw-panel {
background-color: #303030;
}
#toc, .toc {
border-radius: 5px;
background-color: #292929;
}
#toctitle h2 {
color: #DFDFDF;
}