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: #0A0523 url("http://image.prntscr.com/image/422bbb0ce6c44693bd8a496c447f79ae.png") no-repeat fixed center center / cover;
}
#mw-page-base {
background:none;
}
.mw-body {
border: 1px solid #A7D7F9;
margin-right: 15px;
background-color: rgba(210, 245, 255, 0.75);
min-height:500px;
margin-bottom: 60px;
}
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 */
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: #000000;
}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorMenu h3 span {
color: #000000;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
color: #000000;
}
div.vectorMenu div.menu {
background-color: rgba(30, 17, 102, 0.67);
}
div.vectorMenu div.menu a {
color: #000000;
}
#p-personal a, #p-personal a.new, p-personal a:visited {
color: #000000;
}
#p-personal a.hover, p-personal a:focus {
color: #000000;
text-decoration:none;
}
/* Graphical borders */
div#mw-panel {
background-color: rgba(210, 255, 255, 0.7);
border: 1px solid #181818;
border-radius: 0.5em 0.5em 0.5em 0.5em;
line-height: 1em;
padding: 5px;
width: 145px;
top: 150px;
}
/* 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%;
}
#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;
}