MediaWiki:Vector.css

From Warfork
Revision as of 19:58, 3 August 2020 by Izofeu (talk | contribs) (2.49 update - warning box and additional upload buttons themed)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
body {
  background: #081621 no-repeat fixed center center / cover;
}
.mw-destfile-warning{
    border: 1px solid #51ABFF;
    color: white;
    background-color: transparent;
}
button[name="wpUploadIgnoreWarning"],
button[name="wpCancelUpload"]{
	background-color:transparent;
	border:1px solid #51ABFF;
	color: white;
}
@media screen and (max-width: 1200px) {
    #platform-version {
       display:inline;
    }
    #version_link_table {
       margin-top: 0px; 
       float: none;      
    }
    #platform_link_table {
       margin-bottom: 0px;
       float: none;
    }
    #main-links-table {
       width: auto;
    }
}
@media screen and (max-width: 880px) {
    #singlemainmenu {
       width: 100%;
       clear:both;
       min-height: auto;
    }

    #doublemainmenu {
       width: 100%;
       clear:both;
       min-height: auto;
    }
}
@media screen and (max-width: 1600px) {
    #mainbannerleft {
        display: none;
    }
    #mainbannermiddle {
        width: 60%;
    }
}

@media screen and (max-width: 1400px) {
    #menucontent {
        font-size:12px;
    }
}

@media screen and (max-width: 1150px) {
    th#sidebar, td#sidebar, td#mainbannerright {
        display: none;
    }
}

@media screen and (max-width: 740px) {
    .responsiveadtop {
        margin-top:25px !important;
    }
}

@media screen and (max-width: 700px) {
    .mw-body, #left-navigation {
        margin-left: 8px;
        margin-right: 8px;
    }
    div#mw-panel {
        display: none;
    }
    div#footer ul {
        padding-left: 15px;
    }
}

#mw-panel .portal h3{
	color: #C2C8CF;
}

.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed{
	border:1px solid #51ABFF;
}

.deletepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed{
	border:1px solid #51ABFF;
}

optgroup{
	background-color: #3776AD;
}

.mw-mmv-reuse-pane .mw-mmv-embed-text-html textarea[readonly], .mw-mmv-reuse-pane .mw-mmv-embed-text-wikitext textarea[readonly]{
	color: white;
}
.mw-mmv-shareembed-explanation{
	color: white;
}
.mw-mmv-options-dialog-header{
	color: #51ABFF;
}
.mw-mmv-options-text-header{
	color: white;
}
.mw-mmv-options-text-body{
	color: white;
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
	background-color: #3776AD;
}
.mw-mmv-dialog{
	background-color: #3776AD;
	color: white;
	border:1px solid #51ABFF;
	box-shadow: none;
}
.mw-mmv-image-links li{
	color: white;
}
.mw-mmv-above-fold{
	background-color: black;
}
.mw-mmv-image-metadata{
	background-color: black;
	border-top:1px solid #51ABFF;
}
p.mw-mmv-title-para.mw-mmv-ttf-container.mw-mmv-ttf-normal{
	background-color: black;
}
a.mw-mmv-stripe-button.mw-mmv-description-page-button.mw-ui-big.mw-ui-button.mw-ui-progressive{
	background-color: black;
	border: 1px solid #51ABFF;
	color: white;
}
span.mw-mmv-title{
	color: white;
}

input#wpUploadFile{
	background-color: #0D2030;
	border:1px solid #51ABFF;
	color: white;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover{
	background-color: transparent;
	border: 1px solid #51ABFF;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]{
	background-color: transparent;
}

.diff-deletedline .diffchange{
	background:rgba(255, 0, 0, 0.5);
}
.diff-addedline .diffchange{
	background:rgba(0, 255, 0, 0.5);
}
.diff-context{
	background-color: transparent;
	color: white;
}
.diff-deletedline{
	border-color: #C00000;
}
.diff-addedline{
	border-color: #00C000;
}

.oo-ui-popupWidget-popup{
	border:1px solid #51ABFF;
	background-color: #0D2030;
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-toggleWidget.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off{
	background-color: transparent;
}

a.oo-ui-buttonElement-button:hover{
	border:1px solid #51ABFF;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea{
	border-color: #51ABFF;
}

.not-patrolled{
	background-color: transparent;
	border:1px solid #FCC;
}

select{
	background-color: transparent;
	border:1px solid #51ABFF;
	color: white;
}
button.deleterevision-log-submit.mw-log-deleterevision-button{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}

.mw-widgets-datetime-calendarWidget{
	background-color: #3776AD;
	border:1px solid #51ABFF;
}
.mw-widgets-datetime-dateTimeInputWidget-handle{
	background-color: transparent;
	border:1px solid #51ABFF;
}
.mw-widgets-datetime-dateTimeInputWidget-fields > .mw-widgets-datetime-dateTimeInputWidget-field{
	color: white;
}
input.mw-widgets-datetime-dateTimeInputWidget-editField.mw-widgets-datetime-dateTimeInputWidget-field{
	border:0px;
}
input.mw-widgets-datetime-dateTimeInputWidget-editField.mw-widgets-datetime-dateTimeInputWidget-field:hover{
	background-color: #51ABFF !important;
	color: white;
}

select#mw-input-wpExpiry-bot{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}
select#mw-input-wpExpiry-sysop{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}
select#mw-input-wpExpiry-fileupload{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}
select#mw-input-wpExpiry-legacyaccounts{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}
select#mw-input-wpExpiry-bureaucrat{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}

.mw-widget-dateInputWidget-handle:hover{
	border:1px solid #51ABFF !important;
}
.mw-widget-calendarWidget-item.mw-widget-calendarWidget-year{
	color: white;
}
.mw-widget-calendarWidget-item.mw-widget-calendarWidget-month{
	color: white;
}
#contentSub, #contentSub2{
	color: #3776AD;
}
.mw-widget-calendarWidget-day-heading{
	color: #51ABFF;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle{
	background-color: transparent;
	border:1px solid #51ABFF;
}
.mw-widget-dateInputWidget-calendar{
	background-color: #3776AD;
	border:1px solid #51ABFF;
}
.mw-widget-calendarWidget-item.mw-widget-calendarWidget-day{
	color: white;
}
.mw-widget-calendarWidget-item.mw-widget-calendarWidget-day:hover{
	background-color: #51ABFF;
}
.mw-widget-calendarWidget-item.mw-widget-calendarWidget-day.mw-widget-calendarWidget-day-additional{
	color: black;
}

fieldset{
	border:1px solid #51ABFF;
}

input.oo-ui-inputWidget-input:hover{
	border:1px solid #51ABFF !important;
}
span.oo-ui-labelElement-label:hover{
	color: white;
}
div#ooui-1:hover{
	color: white;
}
div#ooui-2:hover{
	color: white;
}
div#ooui-3:hover{
	color: white;
}
div#ooui-4:hover{
	color: white;
}
div#ooui-5:hover{
	color: white;
}
div#ooui-6:hover{
	color: white;
}
div#ooui-7:hover{
	color: white;
}
div#ooui-8:hover{
	color: white;
}
div#ooui-9:hover{
	color: white;
}
div#ooui-10:hover{
	color: white;
}
div#ooui-11:hover{
	color: white;
}

.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input{
	background-color: transparent;
	color: white;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle{
	background-color: transparent;
	border:1px solid #51ABFF;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled{
	color: white;
	background-color: transparent;
	border:1px solid #51ABFF;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover{
	color: white;
	background-color: transparent;
	border:1px solid #51ABFF;
}
.oo-ui-tagMultiselectWidget-handle:hover{
	border:1px solid #51ABFF !important;
}
.oo-ui-menuSelectWidget{
	background-color: #3776AD;
	border: 1px solid #51ABFF;
}

.mw-search-profile-tabs{
	background-color: #0D2030;
	border:1px solid #51ABFF;
}
.oo-ui-optionWidget.oo-ui-widget-enabled a:visited{
	color: white !important;
}
.mw-search-result-data{
	color: #00C000;
}
.results-info{
	color: #51ABFF;
}

input#ooui-php-2:hover{
	border:1px solid #51ABFF;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected{
	background-color: #51ABFF !important;
	color: white;
}
.oo-ui-optionWidget.oo-ui-widget-enabled{
	background-color: #3776AD;
	color: white;
}
.oo-ui-optionWidget.oo-ui-widget-enabled:hover{
	background-color: #51ABFF;
	color: white;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle{
	background-color: transparent;
}

.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed{
	border:1px solid #51ABFF;
}

.oo-ui-pendingElement-pending{
	background: transparent;
}
input#ooui-php-1:hover{
	border:1px solid #51ABFF;
}
input#ooui-php-1:active{
	border:1px solid #51ABFF;
}
input#ooui-php-1{
	border:1px solid #51ABFF;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus{
	box-shadow: none;
	border:1px solid #51ABFF;
}

li.gallerybox div.thumb{
	background-color: transparent;
	border:1px solid #51ABFF;
	}

select#type{
	border:1px solid #51ABFF;
	background-color: transparent;
	color: white;
}
select#level{
	border:1px solid #51ABFF;
	background-color: transparent;
	color: white;
}

select#namespace{
	border:1px solid #51ABFF;
	background-color: transparent;
	color: white;
}

html .thumbimage{
	background-color: transparent;
	border:1px solid #3776AD;
}

#wikieditor-toolbar-link-int-target-status-notexists{
	color: white;
}
#wikieditor-toolbar-link-int-target-status-exists{
	color: white;
}
#wikieditor-toolbar-link-int-target-status-external{
	color: white;
}

#wikieditor-toolbar-replace-search, #wikieditor-toolbar-replace-replace{
	background-color: #0D2030;
}
.wikiEditor-toolbar-dialog .ui-dialog-content{
	background-color: #0D2030;
}
label{
	color:white;
}
body .ui-dialog .ui-dialog-buttonpane{
	background-color:#0D2030;
}
.ui-dialog{
	background-color:#0D2030;
}
body .ui-dialog .ui-widget-header{
	background: #0D2030 !important;
	color: white;
	border: 0px;
	border-bottom:1px solid #51ABFF;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}
.ui-widget-content{
	background: none;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.wikiEditor-toolbar-dialog.ui-draggable.ui-resizable.ui-dialog-buttons{
	border:2px solid #51ABFF;
}
.ui-button-text-only .ui-button-text{
	background-color: #0D2030;
	border: 1px solid #51ABFF;
}
body .ui-button{
	border: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: 0px !important;
}
div#wikieditor-toolbar-replace-emptysearch{
	color: white;
}
div#wikieditor-toolbar-replace-nomatch{
	color: white;
}
div#wikieditor-toolbar-replace-success{
	color: white;
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane{
	border-top: 1px solid #51ABFF !important;
}

select#wpLicense{
	background-color: transparent;
	color: white;
	border: 1px solid #51ABFF;
}

.mw-body-content h4, .mw-body-content h5, .mw-body-content h6{
	color: white;
}

.filehistory a img, #file img:hover{
	background: transparent;
}

#filetoc{
	background-color: transparent;
	border:1px solid #51ABFF;
}

.mw-mmv-filepage-buttons .mw-mmv-view-expanded, .mw-mmv-filepage-buttons .mw-mmv-view-config{
	background-color: transparent;
	border:1px solid #51ABFF;
}

.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button{
	background-color: #3776AD;
	border:1px solid #51ABFF;
	color: white !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover{
	background-color: #0D2030;
	border-color: #51ABFF;
	color: #FFFFFF;
}

.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement{
	outline: 0px;
	background-color: transparent;
	box-shadow: none;
}

.wikiEditor-ui-toolbar .page-table th{
	color: #51ABFF;
}
.wikiEditor-ui-toolbar .page-table td{
	color: #FFFFFF;
}

.wikiEditor-ui-toolbar .booklet .index div{
	color: #51ABFF;
}
.wikiEditor-ui-toolbar .booklet .index .current{
	color: #FFFFFF;
	background-color: #3776AD;
}
.wikiEditor-ui-toolbar .page-characters{
	background-color: #0D2030;
}
.wikiEditor-ui-toolbar .page-characters div span{
	color: #FFFFFF;
	border:1px solid #51ABFF;
}
.wikiEditor-ui-toolbar .page-characters div span:hover{
	background-color: #3776AD;
}
.wikiEditor-ui-toolbar .booklet .pages{
	background-color: transparent;
}

.wikiEditor-ui-toolbar .group .label{
	color: #FFFFFF;
}

a.option{
	color: white !important;
}

table.menulocations{
	border:1px solid #3776AD;
	border-radius:11px;
	width:100%;
	box-shadow: 0px 1px rgba(0,0,0,0.3);
	margin-bottom:3px;
}

option{
	background-color: #3776AD;
	color: white;
}
select#month.mw-month-selector{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}

button.historysubmit.mw-history-revisiondelete-button{
	background-color: transparent;
	color: white;
	border: 1px solid #51ABFF
}

.sitedir-ltr textarea, .sitedir-ltr input{
	background-color: transparent;
	color: #FFFFFF;
	border: 1px solid #51ABFF;
}

#pagehistory li.selected{
	background-color: transparent;
	border: 2px solid #51ABFF;
	color: #FFFFFF;
}

#pagehistory li{
	border:1px solid #3776AD;
}

.toc, .mw-warning, .toccolours{
	border:1px solid #51ABFF;
	background-color: transparent;
}

.mw_metadata td{
	background-color: transparent;
	border:1px solid #51ABFF;
}
.mw_metadata th{
	background-color: transparent;
	border:1px solid #51ABFF;
}


select#mw-input-limit{
	background-color: transparent;
	color: white;
	border:1px solid #51ABFF;
}
.mw-datatable{
	background: transparent;
}
.mw-datatable td{
	background-color: transparent;
}
.mw-datatable, .mw-datatable td, .mw-datatable th{
	border:1px solid #3776AD;
}
.mw-datatable tr:hover td{
	background-color: transparent;
}

.mw-datatable th{
	background-color: transparent;
	border: 2px solid #51ABFF;
}
#testtest{
	background-image: url("https://warforkwiki.com/images/2/26/Background.png");
}
#wpDestFile{
	background-color: transparent;
	color: #FFFFFF;
	border: 1px solid #51ABFF;
}
code{
	background-color: transparent;
	border: 1px solid #51ABFF;
	color: white;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon{
	background-color: #3776AD;
	border: 1px solid #51ABFF;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
	background-color: transparent;
	color: #FFFFFF;
	border:1px solid #51ABFF;
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea{
	color: #FFFFFF;
}
.editOptions{
	background-color: transparent;
	color: #FFFFFF;
	border:1px solid #51ABFF;
	border-top:0px;
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea{
	background-color: transparent;
}
.wikiEditor-ui-toolbar .group .tool-select{
	background-color: transparent;
	border: 1px solid #3776AD;
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options{
	background-color: #3776AD;
	color: white;
}
.wikiEditor-ui .wikiEditor-ui-top{
	border-bottom: 0px;
}
.wikiEditor-ui-toolbar{
	background-image: none;
	background-color: transparent;
}
.wikiEditor-ui .wikiEditor-ui-view{
	border:1px solid #51ABFF;
}
.wikiEditor-ui-toolbar .sections .section{
	background-color: transparent;
	border-top:1px solid #51ABFF;
}
.mw-editform #wpTextbox1{
	color: white;
	border: 0px;
	border-top:1px solid #51ABFF;
}
textarea{
	background-color: #222222;
	border: 1px solid #666666;
}
pre, .mw-code{
	background-color: #0D2030;
	border: 1px solid #51ABFF;
	color: #FFFFFF;
}
body a, a:hover, a:active{
	color: #51ABFF !important;
}
body a:visited{
	color: #3776AD !important;
}
div.vectorMenu h3 span{
	color: #51ABFF !important;
}
::placeholder{
	color: #3776AD !important;
}
#simpleSearch:hover{
	border:1px solid #51ABFF;
}
#simpleSearch input{
	color:#FFFFFF;
}
#simpleSearch{
	border:1px solid #3776AD;
	background-color: #081621;
}
#searchInput{
	background-color: #081621 !important;
}
#searchButton{
	background-color: #081621 !important;
}
.catlinks{
	background-color: transparent;
	border: 1px solid #3776AD;
}
.tocnumber{
	color: #FFFFFF;
}
#toc, .toc{
background-color: transparent !important;
color: #FFFFFF !important;
}
a{
color: #51ABFF;
}
a:visited {
  color: #3776AD;
}
a:hover {
  color: #51ABFF;
}
a:active {
  color: #51ABFF;
}
.thumbinner{
	background: #222222;
}
.thumb-tright{
	background: #222222;
}
h1, h2, h3, h4, h5{
color: white;
}
.mw-normal-catlinks{
	background: transparent;
}
.mw-body-content{
	color: white;
}
.mw-content-text{
	color: white;
}
.mw-content-ltr{
	color: white;
}

.mw-parser-output{
color: white;
}

#mw-page-base {
  background:none;
}

.mw-body {
  border: 0px;
  margin-right: 15px;
  background-color: #0D2030;
  min-height:500px;
  margin-bottom: 60px;
}

div#footer {
	border-top:1px solid #0D2030;
  background: #081621 none repeat scroll 0% 0%;
  width: 100%;
  padding: 0px !important;
  margin-top: 20px !important;
  bottom: 0px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #C2C8CF;
}

div#footer a {
  color:white;
}

div#footer ul {
  padding-left: 190px;
  padding-right: 15px;
}

div#footer ul li {
  color:#C2C8CF;
}

.mw-body h1, .mw-body h2 {
    font-family: 'Open Sans', sans-serif;
}

div.thumbinner {
   border: 1px solid #51ABFF;
   background-color: transparent;
}


div#mw-head div.vectorMenu h3, div.vectorTabs ul, div.vectorTabs li.selected, div.vectorTabs ul li, div.vectorTabs, div.vectorTabs span {
  background:none;
}

div.vectorTabs li a {
  color: #B7D2FF;
}

div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorMenu h3 span {
  color: #99BFFF;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
  color: #C6DBFF;
}

div.vectorMenu div.menu {
  background-color: #3776AD;
  border:1px solid #51ABFF;
}

div.vectorMenu div.menu a, a:visited, a:hover, a:active {
  color: white !important;
}

div.vectorMenu div.menu a {
  color: #C6DBFF;
}



div#mw-panel {
   border: 0px;
   left: -12px;
   top: 160px;
   background-color: transparent;
   padding-bottom: 15px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
}


table.wikitable {
  background-color: transparent;
  border-collapse: separate;
  border: none;
  color: white;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
   border: 1px solid #3776AD;
   padding: 0.2em;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
   text-align: center;
   border: 2px solid #51ABFF;
   box-shadow: 0px 1px rgba(60, 60, 60, 0.3);
   color: white;
   text-shadow: 0px 2px #00321f;
   background-color: transparent;
}

table.wikitable > tr > th a, table.wikitable > * > tr > th a {
   color:white;
}



.mainmenuwrapper {
   float:left;
   width: 100%;
}

.mainmenusection {
   min-height: 379px; 
   vertical-align: top;
}

.mainmenusection table.wikitable {
   margin:0px
}

#singlemainmenu {
   width: 25%;
   float:left;
}

#doublemainmenu {
   width: 50%;
   float:left;
}

#doubleinnermainmenu {
   width: 50%;
   vertical-align:top;
}

#mainmenuselections {
   width:100%; 
}

table#mainmenuselections td {
   background-color: transparent;
   border: none;
}

#mainbannermiddle img {
   padding-bottom: 25px;
}