MediaWiki:Common.css: Difference between revisions

From The Industrial World Rebirth
Jump to navigation Jump to search
(Replaced content with "→‎CSS placed here will be applied to all skins: →‎Override Vector colour scheme to make it dark (compiled from modified LESS code): h1,h2,h3,h4,h5,h6{color:#c1c1c1}hr{color:#222}.editOptions{color:#c1c1c1;background-color:#333;border-color:#4c4c4c}input,textarea{background-color:#4c4c4c;border-color:#4c4c4c;color:#c1c1c1}a,.mw-body a.external,.mw-body a.extiw{color:#e69710}a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{color:#af9f84}a.new,#p-pe...")
Tag: Replaced
No edit summary
 
(93 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 */


/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
pre, code, .mw-code {
h1,h2,h3,h4,h5,h6{color:#c1c1c1}hr{color:#222}.editOptions{color:#c1c1c1;background-color:#333;border-color:#4c4c4c}input,textarea{background-color:#4c4c4c;border-color:#4c4c4c;color:#c1c1c1}a,.mw-body a.external,.mw-body a.extiw{color:#e69710}a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{color:#af9f84}a.new,#p-personal a.new{color:#d44}ul{list-style-image:none}div.thumbinner,.catlinks{background-color:#4c4c4c;border-color:#666}
    background-color: #1e1e1e;
#toc,div.toc,ul#toc ul,
    color: #e4e1dc;
.tocnumber {
    border: 1px solid #575757;
list-style-type:inherit;
background-color:#393939;
border-color:#666;
color:#af9f84;
}
}
.toctogglelabel {
 
h1, h2, h3, h4, h5, h6 {
    color: #d6d4d2;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: hidden;
}
.mw-body, .parsoid-body {
    background-color: #1e1e1e;
    color: #d6d4d2;
    direction: ltr;
    padding: 1em;
}
 
body {
    background-color: #323232;
    overflow-y: scroll;
}
 
#mw-page-base {
    background-color: #3b3b3b;
    background-image: linear-gradient(to bottom,#323232 50%,#323232 100%);
    background-position: bottom left;
    height: 5em;
}
a:visited {
    color: #bbc0c1;
}
a {
    text-decoration: none;
    color: #87d0fb;
    background: none;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: #53a2d3;
}
 
.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #bbc0c1;
}
 
.mw-footer li {
    color: #57963d;
    margin: 0;
    padding: 0.5em 0;
    font-size: 0.75em;
}
.vector-menu-portal .vector-menu-content li a:visited {
    color: #bbc0c1;
}
.vector-menu-portal .vector-menu-content li a {
    color: #bbc0c1;
}
.vector-menu-portal .vector-menu-heading {
    display: block;
    color: #d6d4d2;
    margin: 0.5em 0 0 0.66666667em;
    border: 0;
    padding: 0.25em 0;
    font-size: 0.75em;
    font-weight: normal;
    cursor: default;
}
a.new {
    color: #db9383;
}
.vector-menu-tabs-legacy li a {
    background-position: right bottom;
    color: #bbc0c1;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 3.07692308em;
    position: relative;
    padding-top: 1.25em;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.8125em;
     cursor: pointer;
     cursor: pointer;
    color: #af9f84;
}
}
.mw-changeslist-legend {
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
     color: #404040;
    color: #bbc0c1;
}
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
    color: #b1db88;
    text-decoration: none;
}
.vector-menu-tabs-legacy .selected {
    background: #1e1e1e;
}
.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top,#575757 0,#1e1e1e 1px,#1e1e1e 100%);
    background-position: left bottom;
    background-repeat: repeat-x;
    float: left;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.125em;
    white-space: nowrap;
}
.vector-menu-dropdown .vector-menu-heading {
    display: flex;
    color: #bbc0c1;
    font-size: 0.8125em;
    background-position: right bottom;
    margin: 0 -1px 0 0;
    padding: 1.25em 8px 6px;
    font-weight: normal;
}
.vector-menu-dropdown .vector-menu-content {
    line-height: 1.125em;
    background-color: #323232;
    border: 1px solid #484848;
    border-top-width: 0;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    transition-property: opacity;
    transition-duration: 100ms;
}
.vector-menu-dropdown .mw-list-item a {
    padding: 0.625em;
     color: #4dcba3;
}
.mw-body {
    margin-top: -1px;
    border: 1px solid #575757;
    border-right-width: 0;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#575757 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #575757;
    padding: 0.1em;
}
}
ol.references li:target {  
.editOptions {
     background-color: #663300;  
     background-color: #1e1e1e;
    color: #d2d3c1;
    border: 1px solid #5c5c5c;
    border-top: 0;
    padding: 1em 1em 1.5em 1em;
    margin-bottom: 2em;
}
}
sup.reference:target {  
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
     background-color: #663300;  
     background-color: #1e1e1e;
    color: #e3e0db;
    margin: 0;
    border: 1px solid #555555;
    border-radius: 2px;
    padding: 5px 8px;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143em;
}
}
.mw-editfont-monospace {
a:visited {
     background-color: #393939;
     color: #87d0fb;
}
}
.diff.diff-contentalign-left {
.wikitable {
     background-color: #393939;
    background-color: #323232;
    color: #d6d4d2;
    margin: 1em 0;
    border: 1px solid #999999;
    border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > * > tr > th {
     background-color: #1e1e1e;
    text-align: center;
}
}
.catlinks {
.catlinks {
     background-color: #393939;
    border: 1px solid #a2a9b1;
    background-color: #1e1e1e;
    padding: 5px;
    margin-top: 1em;
    clear: both;
}
.toc, .toccolours {
    border: 1px solid #a2a9b1;
     background-color: #1e1e1e;
    padding: 5px;
    font-size: 95%;
}
}
.mw-createacct-benefits-list p{
.mw-datatable td {
     color: #c9c9c9;
     background-color: #1e1e1e;
}
}
.mw-createacct-benefits-container h3{
.mw-parser-output a.external {
     background-color:#8a8a8a;
     color: #53a2d3;
}
}

Latest revision as of 16:12, 23 September 2023

/* CSS placed here will be applied to all skins */

pre, code, .mw-code {
    background-color: #1e1e1e;
    color: #e4e1dc;
    border: 1px solid #575757;
}

h1, h2, h3, h4, h5, h6 {
    color: #d6d4d2;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    overflow: hidden;
}
.mw-body, .parsoid-body {
    background-color: #1e1e1e;
    color: #d6d4d2;
    direction: ltr;
    padding: 1em;
}

body {
    background-color: #323232;
    overflow-y: scroll;
}

#mw-page-base {
    background-color: #3b3b3b;
    background-image: linear-gradient(to bottom,#323232 50%,#323232 100%);
    background-position: bottom left;
    height: 5em;
}
a:visited {
    color: #bbc0c1;
}
a {
    text-decoration: none;
    color: #87d0fb;
    background: none;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
    color: #53a2d3;
}

.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #bbc0c1;
}

.mw-footer li {
    color: #57963d;
    margin: 0;
    padding: 0.5em 0;
    font-size: 0.75em;
}
.vector-menu-portal .vector-menu-content li a:visited {
    color: #bbc0c1;
}
.vector-menu-portal .vector-menu-content li a {
    color: #bbc0c1;
}
.vector-menu-portal .vector-menu-heading {
    display: block;
    color: #d6d4d2;
    margin: 0.5em 0 0 0.66666667em;
    border: 0;
    padding: 0.25em 0;
    font-size: 0.75em;
    font-weight: normal;
    cursor: default;
}
a.new {
    color: #db9383;
}
.vector-menu-tabs-legacy li a {
    background-position: right bottom;
    color: #bbc0c1;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 3.07692308em;
    position: relative;
    padding-top: 1.25em;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.8125em;
    cursor: pointer;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
    color: #bbc0c1;
}
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
    color: #b1db88;
    text-decoration: none;
}
.vector-menu-tabs-legacy .selected {
    background: #1e1e1e;
}
.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top,#575757 0,#1e1e1e 1px,#1e1e1e 100%);
    background-position: left bottom;
    background-repeat: repeat-x;
    float: left;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.125em;
    white-space: nowrap;
}
.vector-menu-dropdown .vector-menu-heading {
    display: flex;
    color: #bbc0c1;
    font-size: 0.8125em;
    background-position: right bottom;
    margin: 0 -1px 0 0;
    padding: 1.25em 8px 6px;
    font-weight: normal;
}
.vector-menu-dropdown .vector-menu-content {
    line-height: 1.125em;
    background-color: #323232;
    border: 1px solid #484848;
    border-top-width: 0;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    transition-property: opacity;
    transition-duration: 100ms;
}
.vector-menu-dropdown .mw-list-item a {
    padding: 0.625em;
    color: #4dcba3;
}
.mw-body {
    margin-top: -1px;
    border: 1px solid #575757;
    border-right-width: 0;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#575757 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #575757;
    padding: 0.1em;
}
.editOptions {
    background-color: #1e1e1e;
    color: #d2d3c1;
    border: 1px solid #5c5c5c;
    border-top: 0;
    padding: 1em 1em 1.5em 1em;
    margin-bottom: 2em;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #1e1e1e;
    color: #e3e0db;
    margin: 0;
    border: 1px solid #555555;
    border-radius: 2px;
    padding: 5px 8px;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.42857143em;
}
a:visited {
    color: #87d0fb;
}
.wikitable {
    background-color: #323232;
    color: #d6d4d2;
    margin: 1em 0;
    border: 1px solid #999999;
    border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #1e1e1e;
    text-align: center;
}
.catlinks {
    border: 1px solid #a2a9b1;
    background-color: #1e1e1e;
    padding: 5px;
    margin-top: 1em;
    clear: both;
}
.toc, .toccolours {
    border: 1px solid #a2a9b1;
    background-color: #1e1e1e;
    padding: 5px;
    font-size: 95%;
}
.mw-datatable td {
    background-color: #1e1e1e;
}
.mw-parser-output a.external {
    color: #53a2d3;
}