MediaWiki:Common.css

/* 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;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
    border-color: #5b9ee1 !important;
    box-shadow: inset 0 0 0 1px #5b9ee1 !important;
    outline: 1px solid transparent !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;
}