Difference between revisions of "MediaWiki:Common.css"

From Sim Central
Jump to navigation Jump to search
 
(55 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 10: Line 159:
 
}
 
}
 
:link { text-decoration: underline;
 
:link { text-decoration: underline;
color: #afafaf
 
 
}
 
}
a:visited {color: #afafaf}
+
 
a:hover {color: #dfdfdf}
+
.mw-plusminus-pos {
a:active {color: #dfdfdf}
+
    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 32: Line 243:
 
body {  
 
body {  
 
background-color: #303030;  
 
background-color: #303030;  
 +
color: #afafaf;
 
}
 
}
  
Line 53: Line 265:
 
#toc, .toc {
 
#toc, .toc {
 
     border-radius: 5px;
 
     border-radius: 5px;
     background-color: #616161;
+
     background-color: #292929;
 
}
 
}
  

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