MediaWiki:Vector.css
From Dungeon Defenders 2 Wiki
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.
/* CSS placed here will affect users of the Vector skin */
/* Body Styling */
body {
background-color: #1a1a1a;
}
#mw-page-base {
background:none;
}
div#content {
background-color: #FFFFFF;
background-image: none;
border-left: 1px solid #1a1a1a;
box-sizing: border-box;
color: #000000;
}
div#footer {
background: rgba(0, 0, 0, 0.8) 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: #FFFFFF;
}
div#footer a {
color:white;
}
div#footer ul {
padding-left: 15px;
padding-right: 15px;
}
div#footer ul li {
color:#FFFFFF;
}
.catlinks {
border: 1px solid #1FB61C;
background-color: rgba(199, 242, 254, 0.53);
}
#toc, .toc {
background-color: rgba(255,255,255,0.58);
}
.mw-body h1, .mw-body h2 {
font-family: 'Open Sans', sans-serif;
}
div.thumbinner {
border: 1px solid #8DCAF0;
background-color: rgba(255,255,255,0.58);
}
/* Mediawiki page tabs */
#left-navigation {
background: url("http://i.imgur.com/C5iZFYi.png");
margin-top: 39px;
}
#right-navigation {
background: url("http://i.imgur.com/C5iZFYi.png");
margin-right: 10px;
margin-top: 39px;
}
div.vectorTabs,
div.vectorTabs ul li {
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
div.vectorTabs ul {
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
div.vectorTabs span {
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
color: #ffffff;
padding-top: 1.375em !important;
text-transform: uppercase;
}
div.vectorTabs li a,
div.vectorTabs li a:visited {
color: #ffffff;
text-transform: uppercase;
}
div.vectorTabs li.selected {
background: rgba(0, 0, 0, 0) url("http://i.imgur.com/C5iZFYi.png") repeat-x scroll center bottom;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
color: #ffffff !important;
}
/* Graphical borders */
div#mw-panel div.portal {
background-color: #651099;
background-position: left top;
background-repeat: no-repeat;
direction: ltr;
margin: 0 0.6em 0 0.7em;
padding: 0.25em 0;
}
div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a {
color: #ffffcc;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #DDDDDD;
}
div#mw-panel div.portal div.body ul li a {
color: #DDDDDD;
}
div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav .portal {
border-bottom:;
}
div#mw-panel.collapsible-nav div#p-socialProfiles.portal,
#mw-panel.collapsible-nav #p-sitePromos.portal {
background-image: none;
}
/* Navboxstyling */
#navbox {
margin:auto;
width:80%;
border: 1px solid rgb(132, 174, 236);
padding: 5px;
border-radius:11px;
clear: both;
margin-top: 15px;
}
/* Table Styling */
table.wikitable {
background-color: transparent;
border-collapse: separate;
border: none;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px solid #8DCAF0;
padding: 0.2em;
background-color: rgba(255, 255, 255, 0.58);
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #2436A7;
text-align: center;
border-color: #007448;
box-shadow: 0px 1px rgba(0, 0, 0, 0.3);
color: white;
text-shadow: 0px 2px #00321f;
}
table.wikitable > tr > th a, table.wikitable > * > tr > th a {
color:white;
}
#cellstretch {
width:100%;
}
#cellcenter {
text-align:center;
}
#roundedborder {
border:1px solid rgb(132,174,236);
padding:5px;
border-radius:11px;
margin-top:15px;
}
#roundedborderfull {
border:1px solid rgb(132,174,236);
padding:5px;
border-radius:11px;
margin-top:15px;
width:100%;
}
/* Infobox Styling */
#infoboxtable {
max-width:350px;
width:100%;
}
#pageWrapper {
margin-right: 10px;
}
#infoboxheader {
text-align:center;
font-size:24px;
padding-top:5px;
padding-bottom:5px;
text-shadow: 0px 1.5px 0px rgba(0,0,0,0.2);
}
#infoboxsection {
background-color:#03A007;
vertical-align:top;
padding-left:15px;
padding-right:5px;
width:105px;
border-color:#007448;
box-shadow: 0px 1px rgba(0,0,0,0.3);
color: white;
text-shadow: 0px 2px #00321f;
}
#infoboxdetail {
vertical-align:top;
padding-left:3px;
padding-right:12px;
}
#infoboxdetail p {
margin:0px;
}
#infoboxfooter {
width:100%;
padding-top:5px;
}
#infoboxdetail ul {
margin: 0em 0px 0px 0.9em;
}
#infoboxsep {
text-align:center;
background-color:#03A007;
vertical-align:top;
border-color:#007448;
box-shadow: 0px 1px rgba(0,0,0,0.3);
color: white;
text-shadow: 0px 2px #00321f;
}
/* Text */
a {
color: #2252A4;
cursor: pointer;
text-decoration: none;
}
a:visited {
color: #2252A4;
}
a#title {
display: none;
}
a#title:hover {
display: none;
}
a:active {
color: #2252A4;
}
a:hover {
color: #0F2C5D;
}
a.stub {
color: #cc0000;
}
a.new {
color: #cc0000;
}
a.new:visited {
color: #cc0000;
}
div#content a.external {
color: #2252A4;
cursor: pointer;
}
div#content a.external:visited {
color: #2252A4;
}
div#content a.external#title {
display: none;
}
div#content a.external#title:hover {
display: #0F2C5D;
}
div#content a.external:active {
color: #2252A4;
}
div#content a.external:hover {
color: #0F2C5D;
}
div#content a.external.stub {
color: #cc0000;
}
div#mw-panel div.portal h5 {
background: none repeat scroll 0 0 rgba(37, 53, 74, 0.5);
color: #000000;
}
div#mw-panel div.portal div.body {
background-image: none;
background-position: left top;
background-repeat: no-repeat;
margin: 0 0 0 .75em;
}
div#mw-panel div.portal div.body ul li a {
color: #0F2C5D;
display: block;
padding: 3px 3px 3px 3px;
}
div#mw-panel div.portal div.body ul li a:hover {
padding: 3px 3px 3px 3px;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #0F2C5D;
display: block;
padding: 3px 3px 3px 3px;
}
div#mw-panel div.portal div.body ul li {
line-height: 0.5em;
}