Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(64 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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 { | #content { | ||
Line 6: | Line 158: | ||
} | } | ||
− | .mw- | + | :link { text-decoration: underline; |
− | .mw- | + | } |
− | .mw-body- | + | |
− | . | + | .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 { | #content h1,h2,h3,h4,h5,h6 { | ||
Line 22: | Line 238: | ||
#bodyContent { | #bodyContent { | ||
background-color: #303030; | background-color: #303030; | ||
− | font-size: | + | font-size: 14px; |
} | } | ||
body { | body { | ||
background-color: #303030; | background-color: #303030; | ||
+ | color: #afafaf; | ||
} | } | ||
Line 48: | Line 265: | ||
#toc, .toc { | #toc, .toc { | ||
border-radius: 5px; | border-radius: 5px; | ||
− | background-color: # | + | background-color: #292929; |
+ | } | ||
+ | |||
+ | #toctitle h2 { | ||
+ | color: #DFDFDF; | ||
} | } |
Latest revision as of 22:46, 20 November 2020
/* 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;
}