Difference between revisions of "MediaWiki:Common.css"

From Sim Central
Jump to navigation Jump to search
 
(74 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 */
−
p{
+
 
−
     font-size: 15px;
+
.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;
 
}
 
}
−
h1{
+
 
−
     font-family: Roboto, sans-serif;
+
.oo-ui-icon-next, .mw-ui-icon-next:before {
−
     text-transform: uppercase;
+
     background-image: url(/load.php?modules=oojs-ui.styles.icons-movement&image=next&format=rasterized&lang=en&skin=vector&version=bv3d1);
−
     color: #d3a92d;
+
    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;
 
     font-style: italic;
−
     font-size: 35px;
+
     text-align: left;
 
}
 
}
−
h2,h3,h4{
+
 
−
     font-family: Roboto, sans-serif;
+
.suggestions-results {
−
     text-transform: uppercase;
+
     background-color: #616161;
−
     color: #2864a8;
+
    cursor: pointer;
−
     font-style: italic;
+
    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;
 
}
 
}
−
h2 { font-size: 30px; }
+
 
−
h3 { font-size: 25px; }
+
.vector-menu-dropdown {background-color: #616161;}
−
h3 { font-size: 20px; }
+
−
.toctitle h2{
+
.vector-menu-dropdown .vector-menu-content-list {
−
     font-size: 20px;
+
    background-color: #616161;
 +
    list-style: none none;
 +
    min-width: 100%;
 +
    position: absolute;
 +
    top: 2.5em;
 +
     left: -1px;
 
     margin: 0;
 
     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;
 
}
 
}
−
dl, dl dd dl{
+
 
−
     margin-top: 0;
+
.vector-menu-dropdown li a {
 +
     color: #afafaf;
 +
    display: block;
 +
    padding: 0.625em;
 +
    white-space: nowrap;
 +
    cursor: pointer;
 +
    font-size: 0.8125em;
 
}
 
}
−
dl dd {
+
 
−
     margin-bottom: 0 !important;
+
.vector-menu-dropdown h3 {
 +
     color: #afafaf;
 
}
 
}
−
.icons p{
+
.vector-menu-tabs #ca-unwatch.icon a:before {
−
     float:right;
+
     background-image: linear-gradient(transparent,transparent),url(/skins/Vector/resources/skins.vector.styles/images/unwatch-icon.svg?dfdfdf);
 
}
 
}
−
table.wikitable{
+
 
−
     width: auto;
+
.vector-menu-tabs {background-color: #616161}
 +
 
 +
.vector-menu-tabs .selected {
 +
     background-color: #616161;
 
}
 
}
−
.infobox{
+
 
−
     width: 350px;
+
.vector-menu-tabs li {
−
    float: right;
+
     background-color: #616161 !important;
−
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
+
     background-image: none;
−
     margin: 0px 0px 30px 30px;
 
−
    border-radius: 13px;
 
 
}
 
}
−
.infobox p{
+
 
−
     margin: 0;
+
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
−
     font-size: 14px;
+
     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;
 +
 
 
}
 
}
−
ul{
+
:link { text-decoration: underline;
−
    font-size: 14px;
 
 
}
 
}
−
.infobox .infobox-link a{
+
 
−
     color: #fff;
+
.mw-plusminus-pos {
 +
     color: #d15930;
 
}
 
}
−
.box-head a{
+
 
−
     color: #755a0b;
+
 
 +
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;
 
}
 
}
−
.sitemap p {
+
 
−
    font-size:14px;
+
a.new:hover, #p-personal a.new:hover {
−
     margin: 0;
+
     color: #d15930;
 
}
 
}
−
.top-bar {
+
 
−
     background: #fff;
+
a.new, #p-personal a.new {
−
    border-bottom: 3px solid #d2a92c;
+
     color: #5b9ee1;
−
    padding: 10px 50px;
 
 
}
 
}
−
.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button),
+
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
−
.top-bar-section .has-form {
+
     color: #5b9ee1;
−
    background: #fff;
 
−
     color: #000;
 
 
}
 
}
−
.top-bar input {
+
 
−
     display: inline;
+
.mw-body {
−
    height: 40px;
+
     border: 1px solid #dfdfdf;
−
     width: 250px;
+
     border-right-width: 0;
−
     border-radius: 5px;
+
     margin-top: -1px;
−
    border: 0px;
 
−
    background: #f1f1f1;
 
 
}
 
}
−
.top-bar .button.search{
+
 
−
     display: none;
+
.toctogglelabel {
 +
     cursor: pointer;
 +
    color: #afafaf;
 
}
 
}
−
.title-name {
+
.tocnumber {
−
    font-family: 'Roboto', sans-serif;
+
     color: #afafaf;
−
    font-weight: 900;
 
−
    font-style: italic;
 
−
     color: #2864a8;
 
−
    font-size: 21px;
 
−
    text-transform: uppercase;
 
 
}
 
}
−
.top-bar-section .has-dropdown > a:after {
+
 
−
     border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
+
.portal .body li a:visited, .vector-menu-portal .body li a:visited {
 +
     color: #5b9ee1;
 
}
 
}
−
#catlinks {
+
 
−
     border: 2px solid #d2a92c;
+
.portal .body li a:hover {
−
    padding: 15px 20px;
+
     color: #d15930;
−
    border-radius: 10px;
 
−
    margin-top: 20px;
 
 
}
 
}
−
a#actions-button {
+
 
−
float: right;
+
.portal .body li a, .vector-menu-portal .body li a {
−
z-index: 499;
+
    color: #5b9ee1;
−
font-family: sans-serif;
 
 
}
 
}
−
a#actions-button span {
+
 
−
     font-family: 'Roboto', sans-serif;
+
.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;
 
}
 
}
−
button.secondary, .button.secondary {
+
 
−
    background-color: #efc74e94;
+
#content h1,h2,h3,h4,h5,h6 {  
−
    border-color: #efc74e94;
+
color: #9aa4b2;  
−
    color: #4a3800;
+
font-family: sans-serif;
−
    font-weight: bold;
 
−
    text-transform: uppercase;
 
 
}
 
}
−
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
+
 
−
    background-color: #efc74e;
+
#footer {  
 +
background-color: #303030;  
 
}
 
}
−
.top-bar .toggle-topbar.menu-icon a span::after {
+
 
−
    box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
+
#bodyContent {
 +
background-color: #303030;
 +
font-size: 14px;
 
}
 
}
−
.top-bar .toggle-topbar.menu-icon a {
+
 
−
    color: #000000;
+
body {
 +
background-color: #303030;
 +
color: #afafaf;
 
}
 
}
−
.top-bar.expanded .title-area {
+
 
−
    background: #ffffff;
+
#catlinks {  
 +
background-color: #616161;
 +
color: #DFDFDF;
 
}
 
}
−
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
+
 
−
    background: #ececec;
+
#mw-head-base {  
−
    color: #444444;
+
background-color: #303030;  
 
}
 
}
−
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
+
 
−
    background-color: #dadada;
+
#p-tb {  
−
    color: #000000;
+
background-color: #303030;  
−
    background: #dadada;
 
 
}
 
}
−
.top-bar-section .dropdown {
+
 
−
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
+
#mw-panel {  
 +
background-color: #303030;  
 
}
 
}
 +
 
#toc, .toc {
 
#toc, .toc {
 
     border-radius: 5px;
 
     border-radius: 5px;
 +
    background-color: #292929;
 
}
 
}
 +
 
#toctitle h2 {
 
#toctitle h2 {
−
     font-size: 1.5rem;
+
     color: #DFDFDF;
−
}
 
−
@media only screen and (max-width: 750px) {
 
−
.top-bar {
 
−
    padding: 0;
 
 
}
 
}

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;
}
Retrieved from "https://wiki.simcentral.org/index.php?title=MediaWiki:Common.css&oldid=3047"