MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
CptTwinkie (talk | contribs) mNo edit summary |
CptTwinkie (talk | contribs) mNo edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
body{ | body{ | ||
background-color: #100C06; | background-color: #100C06; | ||
background-image: URL("http://www.medievalengineers.com/wp-content/uploads/2017/01/Website-BackgroundTall.jpg"); | background-image: URL("http://www.medievalengineers.com/wp-content/uploads/2017/01/Website-BackgroundTall.jpg"); | ||
background-attachment: fixed; | background-attachment: fixed; | ||
color: white; | color: white; | ||
font-size:18px; | font-size:18px; | ||
} | } | ||
#mw-head{ | #mw-head{ | ||
background-color:rgba(80,60,30,0.8); | background-color:rgba(80,60,30,0.8); | ||
border-bottom: 2px solid rgba(183,143,81,0.8); | border-bottom: 2px solid rgba(183,143,81,0.8); | ||
} | } | ||
#mw-panel, .mw-body, h1, h2, h3, h4, h5, #mw-page-base, #mw-head-base,div#mw-panel div.portal h3, div.vectorMenu h3 span{ | #mw-panel, .mw-body, h1, h2, h3, h4, h5, #mw-page-base, #mw-head-base,div#mw-panel div.portal h3, div.vectorMenu h3 span{ | ||
color:white; | color:white; | ||
background:none; | background:none; | ||
} | } | ||
#mw-body{ | #mw-body{ | ||
background-color: rgba(80,60,30,0.8); | background-color: rgba(80,60,30,0.8); | ||
} | } | ||
a{ | a{ | ||
color:rgb(183, 143, 81) !important; | color:rgb(183, 143, 81) !important; | ||
} | } | ||
a:visited{ | a:visited{ | ||
color:rgb(137,97,35) !important; | color:rgb(137,97,35) !important; | ||
} | } | ||
div.vectorTabs li a{ | div.vectorTabs li a{ | ||
color:white !important; | color:white !important; | ||
} | } | ||
a.new, #p-personal a.new{ | a.new, #p-personal a.new{ | ||
| Line 48: | Line 48: | ||
} | } | ||
.mw-body{ | .mw-body{ | ||
border: 1px solid #222; | border: 1px solid #222; | ||
background-color:rgba(0,0,0,0.5); | background-color:rgba(0,0,0,0.5); | ||
font-size:16px; | font-size:16px; | ||
} | } | ||
div#footer ul li{ | div#footer ul li{ | ||
color:rgb(123,123,123); | color:rgb(123,123,123); | ||
} | } | ||
div.vectorTabs span, div.vectorTabs, div#mw-head div.vectorMenu h3{ | div.vectorTabs span, div.vectorTabs, div#mw-head div.vectorMenu h3{ | ||
background-image:none; | background-image:none; | ||
} | } | ||
div.vectorTabs span a{ | div.vectorTabs span a{ | ||
padding-top:14px; | padding-top:14px; | ||
} | } | ||
pre, .mw-code{ | pre, .mw-code{ | ||
background-color:rgba(80,60,30,0.8); | background-color:rgba(80,60,30,0.8); | ||
color:#CCC | color:#CCC | ||
} | } | ||
.menu ul li{ | .menu ul li{ | ||
background-color:#3B2F26; | background-color:#3B2F26; | ||
} | } | ||
.menu ul li:hover, .vectorTabs ul li:hover{ | .menu ul li:hover, .vectorTabs ul li:hover{ | ||
background-color:#B78F51; | background-color:#B78F51; | ||
} | } | ||
.menu ul li:hover a,.vectorTabs ul li:hover a{ | .menu ul li:hover a,.vectorTabs ul li:hover a{ | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
.menu ul{ | .menu ul{ | ||
| Line 284: | Line 284: | ||
} | } | ||
#simpleSearch{ | #simpleSearch{ | ||
background-image:none !important; | background-image:none !important; | ||
} | } | ||
button, .editButtons > input{ | button, .editButtons > input{ | ||
background-color:#B78F51 !important; | background-color:#B78F51 !important; | ||
border:1px solid #222 !important; | border:1px solid #222 !important; | ||
color:white !important; | color:white !important; | ||
font-weight: bold !important; | font-weight: bold !important; | ||
padding-top: 5px !important; | padding-top: 5px !important; | ||
padding-bottom: 5px !important; | padding-bottom: 5px !important; | ||
font-size:14px !important; | font-size:14px !important; | ||
border-radius: 4px !important; | border-radius: 4px !important; | ||
} | } | ||
.vectorTabs > ul > li:first-child{ | .vectorTabs > ul > li:first-child{ | ||
border-top-left-radius:2px; | border-top-left-radius:2px; | ||
} | } | ||
.vectorTabs > ul > li:last-child{ | .vectorTabs > ul > li:last-child{ | ||
border-top-right-radius:2px; | border-top-right-radius:2px; | ||
} | } | ||
.vectorTabs > ul{ | .vectorTabs > ul{ | ||
background-image:none !important; | background-image:none !important; | ||
} | } | ||
.ui-widget-content { | .ui-widget-content { | ||
background-color: rgba(80,60,30,0.8); | background-color: rgba(80,60,30,0.8); | ||
background-image: none; | background-image: none; | ||
color: white; | color: white; | ||
} | } | ||
body .ui-dialog .ui-widget-header { | body .ui-dialog .ui-widget-header { | ||
background: none !important; | background: none !important; | ||
background-color: rgba(183,143,81,0.8) !important; | background-color: rgba(183,143,81,0.8) !important; | ||
border: none; | border: none; | ||
} | } | ||
.ui-dialog .ui-dialog-content { | .ui-dialog .ui-dialog-content { | ||
background-color: rgba(80,60,30,0.8) !important; | background-color: rgba(80,60,30,0.8) !important; | ||
} | } | ||
body .ui-button { | body .ui-button { | ||
background-color: rgba(183,143,81,0.8) !important; | background-color: rgba(183,143,81,0.8) !important; | ||
background-image: none !important; | background-image: none !important; | ||
border-color: rgba(183,143,81,0.8) !important; | border-color: rgba(183,143,81,0.8) !important; | ||
} | } | ||
body .ui-button:hover { | body .ui-button:hover { | ||
background-color: rgb(183,143,81) !important; | background-color: rgb(183,143,81) !important; | ||
background-image: none !important; | background-image: none !important; | ||
border-color: rgb(183,143,81) !important; | border-color: rgb(183,143,81) !important; | ||
} | } | ||
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | .wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | ||
border-top-color: rgb(183,143,81) !important; | border-top-color: rgb(183,143,81) !important; | ||
} | } | ||
.not-patrolled { | .not-patrolled { | ||
| Line 335: | Line 335: | ||
} | } | ||
body .mw-notification { | body .mw-notification { | ||
background-color: rgba(80,60,30,0.8) !important; | background-color: rgba(80,60,30,0.8) !important; | ||
border-color: rgba(183,143,81,0.8); | border-color: rgba(183,143,81,0.8); | ||
} | } | ||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { | .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { | ||
| Line 352: | Line 352: | ||
} | } | ||
div.oo-ui-processDialog-actions-primary > div > a { | div.oo-ui-processDialog-actions-primary > div > a { | ||
color: white; | color: white; | ||
} | |||
td.diff-addedline > div > ins { | |||
background: rgba(80,60,30,0.8); | |||
} | } | ||
Revision as of 22:52, 14 February 2017
/* CSS placed here will affect users of the Vector skin */
body{
background-color: #100C06;
background-image: URL("http://www.medievalengineers.com/wp-content/uploads/2017/01/Website-BackgroundTall.jpg");
background-attachment: fixed;
color: white;
font-size:18px;
}
#mw-head{
background-color:rgba(80,60,30,0.8);
border-bottom: 2px solid rgba(183,143,81,0.8);
}
#mw-panel, .mw-body, h1, h2, h3, h4, h5, #mw-page-base, #mw-head-base,div#mw-panel div.portal h3, div.vectorMenu h3 span{
color:white;
background:none;
}
#mw-body{
background-color: rgba(80,60,30,0.8);
}
a{
color:rgb(183, 143, 81) !important;
}
a:visited{
color:rgb(137,97,35) !important;
}
div.vectorTabs li a{
color:white !important;
}
a.new, #p-personal a.new{
color:#ba0000 !important;
}
a.new:visited, #p-personal a.new:visited, li.new a{
color:#a55858 !important;
}
#p-logo{
margin-top:55px;
}
div.vectorTabs ul li{
color:white !important;
background-color:#3b2f26;
background-image:none;
}
div.vectorTabs ul li.selected{
color:white !important;
background-color:#b78f51;
background-image:none;
font-weight: bold;
}
.mw-body{
border: 1px solid #222;
background-color:rgba(0,0,0,0.5);
font-size:16px;
}
div#footer ul li{
color:rgb(123,123,123);
}
div.vectorTabs span, div.vectorTabs, div#mw-head div.vectorMenu h3{
background-image:none;
}
div.vectorTabs span a{
padding-top:14px;
}
pre, .mw-code{
background-color:rgba(80,60,30,0.8);
color:#CCC
}
.menu ul li{
background-color:#3B2F26;
}
.menu ul li:hover, .vectorTabs ul li:hover{
background-color:#B78F51;
}
.menu ul li:hover a,.vectorTabs ul li:hover a{
text-decoration:none;
}
.menu ul{
border-top:2px solid #B78F51;
}
.menu ul li a{
color:white !important;
}
#pagehistory .selected{
background-color:#3B2F26 !important;
}
div.thumbinner {
background-color: transparent;
/*border-style: none !important;*/
}
html .thumbimage {
border-style: none !important;
}
table.wikitable > tr > th, table.wikitable > * > tr > th, table.mw_metadata, table.mw_metadata th, table.mw_metadata td, table.wikitable, th, td {
background-color: transparent;
color: white;
}
ul#filetoc, .mw-search-profile-tabs {
border: 1px solid #222;
background-color: #3B2F26;
}
.editOptions {
background-color:rgba(80,60,30,0.8);
border: 1px solid #222;
}
textarea {
background-color:rgba(80,60,30,0.8);
color: white;
border: 1px solid #222;
}
textarea:focus {
border: 1px solid #B78F51 !important;
outline: none;
}
input:focus {
outline: none;
}
.mw-warning {
border: 1px solid #222;
background-color: #3B2F26;
}
.mw-highlight {
background: transparent;
background-color: rgb(0, 0, 0);
}
#toc, .toc, .mw-warning, .toccolours {
border: 1px solid #222;
background-color:rgba(80,60,30,0.8);
}
.catlinks {
border: 1px solid #222;
background-color:rgba(80,60,30,0.8);
}
.mw-normal-catlinks {
color: rgb(183, 143, 81) !important;
}
fieldset {
border: 1px solid #FFF;
}
div.mw-warning-with-logexcerpt {
border: 2px solid #FFF;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
color: #c2a16d;
background-color: transparent;
border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: #000;
background-color: #c2a16d;
border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: #000;
background-color: #c2a16d;
border-color: #c2a16d;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: #c2a16d;
box-shadow: none;
}
.oo-ui-dropdownWidget, .oo-ui-textInputWidget input, oo-ui-textInputWidget textarea {
background-color: rgba(80,60,30,0.8);
border: 1px solid #c2a16d;
box-shadow: none;
}
.oo-ui-dropdownWidget-handle {
border: 1px solid #c2a16d;
}
.oo-ui-checkboxInputWidget [type="checkbox"] + span {
background-color: rgba(80,60,30,0.8);
border: 1px solid #c2a16d;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
border-color: #c2a16d;
box-shadow: none;
}
:focus {
outline: -webkit-focus-ring-color none;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
box-shadow: none;
color: #FFF;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
border-color: #c2a16d;
}
.oo-ui-menuSelectWidget {
background-color: rgba(80,60,30,0.8);
border: 1px solid #c2a16d;
box-shadow: none;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: #c2a16d;
color: #000;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #c2a16d;
color: #000;
}
.oo-ui-checkboxInputWidget [type="checkbox"]:active + span{
background-color: #c2a16d;
border-color: #c2a16d;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #c2a16d;
}
select {
color: #FFF;
background-color: rgba(80,60,30,0.8);
border-color: #c2a16d;
border-image: none;
}
input {
background-color: rgba(80,60,30,0.8);
border-color: #c2a16d;
border-image: none;
color: #FFF;
}
input[type="submit"] {
background-color: rgba(183,143,81,0.8);
}
/*///////////////////////////
WikiEditor
///////////////////////////*/
.wikiEditor-ui {
background-color: transparent;
}
.wikiEditor-ui .wikiEditor-ui-view {
border: none;
}
.wikiEditor-ui a{
color: white !important;
}
.wikiEditor-ui-controls {
background-color: rgba(80,60,30,0.8);
}
.wikiEditor-ui-tabs{
border: none;
}
.wikiEditor-ui-tabs div.current {
border: none;
background-color: #b78f51;
}
.wikiEditor-ui-tabs div {
background-color: #3b2f26;
border: none;
}
.wikiEditor-ui-buttons {
background-color: transparent;
border: none;
}
.wikiEditor-ui-toolbar {
background-image: none;
background-color: rgba(80,60,30,0.8);
}
.wikiEditor-ui-toolbar .sections .section {
border-top: 1px solid #b78f51;
background-color: transparent;
}
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 1px solid #b78f51;
}
.wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .booklet .index div, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .section-help .page-table td {
color: white !important;
}
.wikiEditor-ui-toolbar .group .tool-select, .wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .booklet .pages {
background-color: #3b2f26;
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options a:hover, .wikiEditor-ui-toolbar .page-characters div span:hover, .wikiEditor-ui-toolbar .booklet .index .current {
background-color: #b78f51;
}
.wikiEditor-ui-toolbar .group {
border-right: 1px solid #b78f51;
}
.wikiEditor-ui-toolbar .group .tool-select, .wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #b78f51;
}
.wikiEditor-ui-toolbar .group-search {
border-left: 1px solid #b78f51;
}
.wikiEditor-preview-contents {
background-color: rgba(80,60,30,0.8);
}
#simpleSearch{
background-image:none !important;
}
button, .editButtons > input{
background-color:#B78F51 !important;
border:1px solid #222 !important;
color:white !important;
font-weight: bold !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
font-size:14px !important;
border-radius: 4px !important;
}
.vectorTabs > ul > li:first-child{
border-top-left-radius:2px;
}
.vectorTabs > ul > li:last-child{
border-top-right-radius:2px;
}
.vectorTabs > ul{
background-image:none !important;
}
.ui-widget-content {
background-color: rgba(80,60,30,0.8);
background-image: none;
color: white;
}
body .ui-dialog .ui-widget-header {
background: none !important;
background-color: rgba(183,143,81,0.8) !important;
border: none;
}
.ui-dialog .ui-dialog-content {
background-color: rgba(80,60,30,0.8) !important;
}
body .ui-button {
background-color: rgba(183,143,81,0.8) !important;
background-image: none !important;
border-color: rgba(183,143,81,0.8) !important;
}
body .ui-button:hover {
background-color: rgb(183,143,81) !important;
background-image: none !important;
border-color: rgb(183,143,81) !important;
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top-color: rgb(183,143,81) !important;
}
.not-patrolled {
background-color: rgba(80,60,30,0.6);
}
body .mw-notification {
background-color: rgba(80,60,30,0.8) !important;
border-color: rgba(183,143,81,0.8);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: rgba(80,60,30,0.8);
color: white;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
color: #000;
}
.mw-foreignStructuredUploa-bookletLayout-small-notice .oo-ui-fieldLayout-messages-notice .oo-ui-labelWidget {
color: white;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
background-color: rgb(183,143,81);
}
div.oo-ui-processDialog-actions-primary > div > a {
color: white;
}
td.diff-addedline > div > ins {
background: rgba(80,60,30,0.8);
}