Difference between revisions of "MediaWiki:Vector.css"

From Dungeon Defenders 2 Wiki
Jump to: navigation, search
 
(415 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/*<nowiki>*/
+
/* CSS placed here will affect users of the Vector skin */
/*General body setup*/
+
@import 'https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans';
html, body {
 
    min-height: 100%;
 
    height: auto;
 
}
 
html {
 
    background-color: #F3F3F3;
 
    background-image: url("/images/3/3c/Skin_footer.png"), url("/images/8/8b/Skin_page_bg_gradient.jpg");
 
    background-repeat: no-repeat, repeat-x;
 
    background-position: center bottom -110px, center top;
 
}
 
 
 
body {
 
    font-size: 0.8125em;
 
    line-height: 1.5384615385em;
 
    background: transparent !important;
 
}
 
 
 
pre
 
{
 
  font-size: 1em;
 
}
 
 
 
#p-logo a
 
{
 
  width:12em;
 
}
 
 
 
#p-logo
 
{
 
  width:12em;
 
  background-color: transparent;
 
  left: 0 !important; /* Over-ride media css */
 
}
 
 
 
/*Rhythmic text sizes and grid leading*/
 
 
 
 
 
#bodyContent > h1:hover, #bodyContent > h2:hover, #bodyContent > h3:hover, #bodyContent > h4:hover, #bodyContent > h5:hover, #bodyContent > h6:hover
 
{
 
  background-image: none;
 
}
 
 
 
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6
 
{
 
  line-height: 1em;
 
  padding: 0;
 
}
 
 
 
div#content h1, div#content h2
 
{
 
  font-family: "EasonPro","Times New Roman", serif !important;
 
  font-weight: normal;
 
  font-size-adjust: 0.43;
 
}
 
 
 
div#content h3, div#content h4, div#content h5, div#content h6
 
{
 
  font-family: Arial, sans-serif !important;
 
  font-weight: bold;
 
  font-size-adjust:0.52
 
}
 
 
 
div#content h1
 
{
 
  font-size:    2.2307692307em;
 
  margin-top:    0.7241379310em;
 
  margin-bottom: 0.6896551724em;
 
}
 
 
 
div#content #firstHeading
 
{
 
  font-size:    2.2307692307em;
 
  margin-top:    0;
 
}
 
 
 
div#content h2
 
{
 
  font-size:    1.9230769231em;
 
  margin-top:    1em;
 
  margin-bottom: 0.4em;
 
}
 
 
 
div#content h3
 
{
 
  font-size:    1.3076923077em;
 
  margin-top:    1.3529411765em;
 
  margin-bottom: 0.5882352941em;
 
}
 
 
 
div#content h4
 
{
 
  font-size:    1.1538461538em;
 
  margin-top:    1em;
 
  margin-bottom: 0.6666666667em;
 
  padding: 0;
 
}
 
 
 
div#content h5
 
{
 
  font-size:    1em;
 
  margin-top:    1.3076923077em;
 
  margin-bottom: 0.7692307692em;
 
}
 
 
 
div#content h6
 
{
 
  font-size:    0.9230769231em;
 
  margin-top:    1.5em;
 
  margin-bottom: 0.8333333333em;
 
}
 
 
 
p, ul, ol, dl
 
{
 
  margin-top:    0.7692307692em;
 
  margin-bottom: 0.7692307692em;
 
  line-height:  1.5384615385em;
 
}
 
 
 
dd, dt, li
 
{
 
  margin-top: 0;
 
  margin-bottom: 0;
 
  line-height: 1.5384615385em;
 
}
 
 
 
#content li > ul, #content li > ol
 
{
 
  margin-top: 0px;
 
  margin-bottom: 0px;
 
}
 
 
 
sup, sub
 
{
 
  line-height: 0;
 
}
 
 
 
div#content #toc {
 
  margin: 10px 0px;
 
}
 
 
 
div#content #toc h2, div#content .toc h2 {
 
  font-family: sans-serif !important;
 
  font-weight: bold;
 
  font-size: 100%;
 
}
 
 
 
/*Personal panel*/
 
 
 
#p-personal
 
{
 
  right:0;
 
  top:0;
 
  padding-right:0.75em;
 
  border-radius: 0 0 0 0.5em;
 
  margin-left: 12em;
 
  background-color: #fff;
 
  z-index: 6;
 
  text-transform: lowercase;
 
}
 
 
 
#p-personal ul
 
{
 
padding-left: 0;
 
}
 
 
 
#pt-userpage, #pt-anonuserpage, #pt-login
 
{
 
  text-transform: none;
 
}
 
 
 
#p-personal li
 
{
 
  font-size:0.9230769231em;
 
  margin: 0.4em 0 0.4em 1em;
 
  line-height:1em;
 
}
 
 
 
#p-personal li.active a
 
{
 
  font-weight: bold;
 
}
 
 
 
li#pt-userpage
 
{
 
  background: none;
 
  padding-left: 0px !important;
 
}
 
 
 
/*Left panel*/
 
 
 
#mw-panel
 
{
 
  z-index: 1;
 
}
 
 
 
div#mw-panel div.portal
 
{
 
  font-size: 0.9230769231em;
 
  width: 12em;
 
  margin: 0 9px 10px 11px !important;
 
  padding: 0.1em 0 0 !important;
 
  background-image: none !important;
 
}
 
 
 
div#mw-panel div.portal div.body ul li, div#mw-panel div.portal h3
 
{
 
  font-size: 1em;
 
}
 
 
 
div#mw-panel div.portal div.body {
 
  margin-left: 0.5em;
 
}
 
 
 
/*Footer*/
 
 
 
div#footer
 
{
 
  background-color: transparent;
 
  margin: -7.5em 0 0 !important;
 
  padding: 8em 0 0.5em 13em !important;
 
  position: relative;
 
  height: 7em;
 
}
 
 
 
#footer ul li
 
{
 
  font-size: 0.9230769231em !important;
 
  line-height:1.6666666667em !important;
 
  padding: 0 !important;
 
}
 
 
 
#footer #footer-info li, #footer #footer-places li
 
{
 
  line-height: 1.6666666667em;
 
}
 
 
 
#footer #footer-places
 
{
 
  margin-top: 0.8333333333em;
 
}
 
 
 
#footer #footer-icons
 
{
 
  position: absolute;
 
  right: 1em;
 
  z-index:1;
 
  margin-top: 0.5em;
 
}
 
 
 
#footer #footer-icons li
 
{
 
  margin-bottom: 1em !important;
 
}
 
 
 
#footer #footer-icons ul li a
 
{
 
  display: block;
 
  float: left;
 
}
 
 
 
#footer #footer-icons li a + a
 
{
 
  margin-left: 0.75em;
 
}
 
 
 
#footer #footer-icons li#footer-copyrightico
 
{
 
  background-image: url("/images/0/01/ArenaNet.png");
 
  background-repeat: no-repeat;
 
  width: 90px;
 
  height: 36px;
 
  position: relative;
 
  top: 0;
 
  margin: 0 5px 0 0;
 
}
 
 
 
#footer #footer-icons li#footer-copyrightico img
 
{
 
  display:none;
 
}
 
 
 
.mw-editsection
 
{
 
  font-family: Arial, sans-serif;
 
  font-size: 13px !important;
 
  font-size-adjust: 0.52;
 
  line-height: unset;
 
}
 
 
 
/*Main content changes*/
 
 
 
div#content
 
{
 
  position:relative;
 
  box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em;
 
  border-radius: 0;
 
  border: 1px solid #CCC;
 
  z-index: 1;
 
  margin-left: 12em;
 
  background-image: none;
 
}
 
 
 
div#bodyContent, #mw-head, #mw-panel, #footer, input, select, #p-personal
 
{
 
  font-size: 1em;
 
  font-family: Arial, sans-serif;
 
  line-height: 1.5384615385em;
 
}
 
 
 
textarea, pre, xmp, plaintext, listing
 
{
 
  font-family: monospace !important;
 
  font-size: 1.2em;
 
}
 
 
 
pre, xmp, plaintext, listing
 
{
 
  white-space: pre-wrap;
 
}
 
 
 
/*VECTOR TABS*/
 
 
 
div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorMenu li a { text-decoration: none; }
 
 
 
div.vectorTabs
 
{
 
  padding: 0;
 
  background-color:transparent;
 
  background-image: none;
 
}
 
 
 
div.vectorTabs span
 
{
 
overflow: hidden;
 
height: 2.3em;
 
background: transparent;
 
}
 
 
 
#right-navigation, #left-navigation
 
{
 
  padding: 1px 0 0;
 
  z-index: 3;
 
}
 
  
#right-navigation div.vectorTabs
+
div#mw-head {
{
+
    #top: 110px;
  margin: 0px;
 
 
}
 
}
  
div.vectorMenu
+
#contentSub {
{
+
margin: 0px;
  height: 2.3em;
 
  margin-top: 0;
 
  background-color: #eee;
 
  border: 1px solid #ccc;
 
 
}
 
}
  
#mw-navigation #mw-head div.vectorMenu h3
+
#mw-content-text {
{
+
font-family:Noto Sans, sans-serif;
  height: 2.3em;
+
color:rgba(244,244,244,.84);
 
}
 
}
  
#mw-navigation div.vectorMenu h3 a
+
#firstHeading {
{
+
font-family:Noto Sans, sans-serif;
  background-position: 100% 50%;
 
 
}
 
}
  
#mw-navigation div.vectorMenu h3 span
+
#mw-content-text a {
{
+
color:rgba(255,167,0,.96);
  display: inline-block;
 
  height: 100%;
 
  line-height: 30px;
 
  padding: 0 0.3em 0 0.9em;
 
  font-size: 0.9em;
 
 
}
 
}
  
#mw-navigation div.vectorMenu div.menu
+
#mw-head-base {
{
+
    background-image: none;
  top: 2.3em;
+
    background-color: rgba(0, 0, 0, .97);
  border: none;
+
    border-left: 1px solid #181818;
  left: 0;
+
    border-right: 1px solid #181818;
 +
    border-bottom: 0px solid #181818;
 +
    border-top: 1px solid #181818;
 +
    border-top-left-radius: 0.5em;
 +
    border-top-right-radius: 0.5em;
 +
    bottom: 0;
 +
    height: 48px;
 +
    margin-top: -40px;  
 
}
 
}
  
div.vectorMenu ul
+
#p-personal {
{
+
    background-color: rgba(0, 0, 0, 1);
  margin-left: -1px;
+
    border: 1px solid #181818;
  background-color: #eee;
+
    border-radius: 4px 4px 4px 4px;
  border: solid 1px #ccc;
+
    right: 0;
 +
    padding-right: 0.55em;
 +
    padding-bottom: 3px;
 +
    #top: -100px;
 +
    margin-right: 10px;
 
}
 
}
  
div.vectorMenu li a
+
#p-personal #pt-mytalk,
{
+
#p-personal #pt-preferences,
  font-size: 0.9230769231em;
+
#p-personal #pt-watchlist,
  height: 1.4em;
+
#p-personal #pt-mycontris,
  line-height:1.53846em;
+
#p-personal #pt-logout {
 +
    text-transform: lowercase;
 
}
 
}
  
div.vectorTabs ul li
+
div.vectorTabs {
{
+
    background-image: none;
  height: 2.3em;
 
  line-height: 0;
 
  margin: 0 -1px 0 0;
 
  background-image: none;
 
  background-color:#eee;
 
  border:1px solid #ccc;
 
 
}
 
}
  
div.vectorTabs ul li:first-child
+
div.vectorTabs span {
{
+
    background-image: none;
  border-top-left-radius:0.5em;
 
 
}
 
}
  
div.vectorTabs ul li:hover, div.vectorMenu ul li:hover, div.vectorMenu:hover
+
div.vectorTabs ul {
{
+
    background-image: none;
background-color:#f8f8f8;
 
 
}
 
}
  
div.vectorTabs li a
+
div.vectorTabs li a {
{
+
    background-image: none;
  font-size: 12px
 
  height: 1.4em;
 
  padding-left: 0.9em;
 
  padding-right: 0.9em;
 
  background-image: none;
 
 
}
 
}
  
div.vectorTabs li.selected
+
div.vectorTabs li.selected {
{
+
    background-color: transparent;
  background-color: #fff;
+
    background-image: none;
  border: 1px solid #ccc;
 
  border-bottom-width: 0;
 
  padding-bottom: 1px;
 
  margin: 0 -1px 0 0;
 
 
}
 
}
  
div.vectorTabs li.selected a span
+
div.vectorTabs ul li {
{
+
    background-color:transparent;
  margin-top: 0px;
+
    background-image: none;
 
}
 
}
  
div#left-navigation div.vectorTabs li.selected
+
#mw-head div.vectorMenu h5 {
{
+
    background-image: none;
  border-radius: 0.5em 0 0 0;
 
 
}
 
}
  
div#left-navigation div.vectorTabs li + li.selected
+
div.vectorMenu h5 a {
{
+
    background-image: none;
  border-radius: 0;
 
 
}
 
}
  
div#left-navigation div.vectorTabs ul li:last-child
+
div.vectorTabs li a, div.vectorTabs li a span {
{
+
    color: #FFFFFF;
  border-top-right-radius:0.5em;
+
    cursor: pointer;
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 
}
 
}
  
div.vectorTabs a span
+
div.vectorTabs li.selected a,
{
+
div.vectorTabs li.selected a span,
  padding-top: 0;
+
div.vectorTabs li.selected a:visited,
  line-height: 2.5em;
+
div.vectorTabs li.selected a:visited span {
 +
    color: white !important;
 +
    font-weight: bold;
 +
    text-decoration: none;
 +
    text-shadow: -1px -1px 1px black;
 
}
 
}
 
+
div.vectorTabs li.new a,
div.vectorTabs li a span
+
div.vectorTabs li.new a span,
{
+
div.vectorTabs li.new a:visited,
  font-size: 0.9230769231em;
+
div.vectorTabs li.new a:visited span {
 +
    color: #FFFFFFF;
 +
    font-weight: bold;
 
}
 
}
  
div.vectorTabs span > a
+
div.vectorTabs li a {
{
+
    background-image: none;
  font-size: 12px !important;
 
 
}
 
}
  
#left-navigation
+
ul.tabbernav {
{
+
    margin: 0;
  top: 3em;
+
    padding: 3px 0;
  left: 12em !important;
+
    border-bottom: 1px solid rgba(255,255,255,.30);
  margin: -1px 0 0 !important;
+
    font: bold 12px Verdana, sans-serif;
  position: absolute;
 
 
}
 
}
  
#right-navigation
+
ul.tabbernav li {
{
+
    list-style: none;
  top: 3em;
+
    margin: 0;
  margin-top: -1px;
+
    display: inline;
  position: absolute;
 
  right: 0;
 
 
}
 
}
  
#mw-page-base
+
ul.tabbernav li a {
{
+
    padding: 3px .5em;
  background-image: url("/images/0/00/Skin_header.png");
+
    margin-left: 3px;
  height: 228px;
+
    border: 1px solid #CCC;
  background-position: top left;
+
    border-bottom: none;
  background-repeat: no-repeat;
+
    background: rgba(21,2,30,.94);
  background-color:transparent;
+
    text-decoration: none;
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  z-index: 0;
 
  width: 100%;
 
 
}
 
}
  
#mw-head-base
+
ul.tabbernav li a:link {
{
+
    color: #448;
  margin: 0 0 -1px 12em;
 
  height: 5.3em;
 
  padding: 2px 0 0 0;
 
  background-color:transparent;
 
  background-image: none;
 
  border-radius: 0.5em 0 0 0;
 
  background-image: none;
 
  position: relative;
 
  z-index:2;
 
 
}
 
}
  
/** Simple search - enable this in the search options in preferences! **/
+
ul.tabbernav li a:visited {
div#simpleSearch
+
    color: #667;
{
 
  border:1px solid #ccc !important;
 
  height: 2.3em !important;
 
  margin-top: 0px !important;
 
 
}
 
}
  
#p-search
+
ul.tabbernav li a:hover {
{
+
    color: #000;
  margin: 0 0 0 -1px;
+
    background: rgba(255,255,255,.30) !important;
 +
    border-color: #CCC;
 
}
 
}
  
#p-search form, #p-search input
+
ul.tabbernav li.tabberactive a {
{
+
    color: rgba(21,2,30,.94) !important;
  margin: 0;
+
    background: #FFF;
 +
    border-bottom: 1px solid #FFF;
 
}
 
}
  
div#simpleSearch input#searchInput
+
ul.tabbernav li.tabberactive a:hover {
{
+
    color: #000;
  font-size: 1em;
+
    background: #FFF;
  height:2.2em;
+
    border-bottom: 1px solid #FFF;
  padding: 0.2em 0px 0px 0.2em;
 
 
}
 
}
  
#ca-watch.icon a, #ca-watch.icon a:focus, #ca-watch.icon a:hover, #ca-unwatch.icon a, #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus
+
.tabber .tabbertab {
{
+
    padding: 5px;
  background-image: url("/images/5/56/Watch_icons.png");
+
    border: 1px solid #CCC;
 +
    border-top: 0;
 
}
 
}
  
.vectorTabs #ca-watch span a.loading, .vectorTabs #ca-unwatch span a.loading {
+
li.gallerybox {
  animation: none;
+
border-style:none !important;
 
}
 
}
  
#ca-watch.icon a, #ca-watch.icon a:focus          { background-position:  5px 35%; }
+
#mainwiki {
#ca-watch.icon a:hover                            { background-position: -19px 35%; }
+
border-collapse:collapse;
#ca-unwatch.icon a                                { background-position: -43px 35%; }
+
text-align:left;
#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus { background-position: -67px 35%; }
+
font-family:Noto Sans, sans-serif;
 
 
#ca-watch.icon, #ca-unwatch.icon                  { margin-right: -1px; }
 
 
 
#ca-watch.icon a, #ca-unwatch.icon a
 
{
 
  margin: 0 0.33em;
 
  width: 27px;
 
  height: 0;
 
 
}
 
}
  
#ca-watch.icon a.loading, #ca-unwatch.icon a.loading
+
#mainwiki tr {
{
+
border: 1px solid #0a010c;
  background-image: none;
 
}
 
div#mw-notification-area
 
{
 
  font-size: 13px !important;
 
  top: 1em !important;
 
 
}
 
}
  
div.vectorMenu h3 a
+
#mainwiki th {
{
+
vertical-align:top;
  height: 30px;
+
background-image: url(https://wiki.dungeondefenders2.com/images/4/4d/Wikigradient_small.png) !important;
  margin-bottom:-1px;
+
height:36px;
 +
text-align:center;
 +
font-size:1.4em;
 +
color:#f2f2f2;
 
}
 
}
  
div.vectorTabs ul
+
#mainwiki td.content {
{
+
padding: 1em;
  background: none;
+
background: rgb(21,2,30); /* Old browsers */
 +
background: -moz-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
vertical-align:top;
 +
/*color:#f2f2f2;*/
 +
color:rgba(244,244,244,.84);
 
}
 
}
  
/* Recent changes "byte count change" text colours */
+
#mainwiki a {
.mw-plusminus-pos
+
/*color: #faa700;*/
{
+
color:rgba(255,167,0,.96);
  color:#060;
 
 
}
 
}
  
.mw-plusminus-neg
+
#mainwiki td.space {
{
+
border-right:1px solid rgba(255,255,255,.30);
  color:#900;
+
-moz-background-clip: border;    /* Firefox 3.6 */
 +
-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
 +
background-clip: border-box;     /* Firefox 4, Safari 5, Opera 10, IE 9 */
 
}
 
}
  
.mw-changeslist-legend dt {
+
table.wikitable th {
  line-height: 1.5em !important;
+
color: #FFF;
 
}
 
}
  
.mw-changeslist-legend dd {
+
th.headerSort {
  line-height: 1.5em !important;
+
color:rgba(255,167,0,.96) !important;
 
}
 
}
  
/* Search placeholder style */
+
.diffchange {
 
+
color:black;
input:-moz-placeholder
 
{
 
  font-style: italic;
 
 
}
 
}
  
input::-webkit-input-placeholder
+
.wikiEditor-preview-contents {
{
+
background-color: transparent;
  font-style: italic;
 
 
}
 
}
  
#siteNotice, #mw-js-message
+
.wikiEditor-ui {
{  
+
background-color: transparent;
  font-size: 0.9230769231em;
 
 
}
 
}
  
#mw-dismissable-notice
+
.simple-tooltip {
{
+
color: orange;
  margin-bottom:1em;
 
 
}
 
}
 
/** Remove spacing below page title and content **/
 
div#bodyContent
 
{
 
  padding-top: 0px !important;
 
}
 
 
li > ul, li > ol
 
{
 
  margin-top: 0;
 
  margin-bottom: 0;
 
}
 
 
/* Correct the location of icons fixed to page title line, e.g. "Template:ArenaNet article" */
 
div.icon-fixed-top
 
{ top: 0px !important;
 
  margin-top: -2em;
 
}
 
 
/*</nowiki>*/
 

Latest revision as of 12:47, 19 December 2018

/* CSS placed here will affect users of the Vector skin */
@import 'https://fonts.googleapis.com/css?family=Montserrat|Noto+Sans';

div#mw-head {
    #top: 110px;
}

#contentSub {
margin: 0px;
}

#mw-content-text {
font-family:Noto Sans, sans-serif;
color:rgba(244,244,244,.84);
}

#firstHeading {
font-family:Noto Sans, sans-serif;
}

#mw-content-text a {
color:rgba(255,167,0,.96);
}

#mw-head-base {
    background-image: none;
    background-color: rgba(0, 0, 0, .97);
    border-left: 1px solid #181818;
    border-right: 1px solid #181818;
    border-bottom: 0px solid #181818;
    border-top: 1px solid #181818;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    bottom: 0;
    height: 48px;
    margin-top: -40px; 
}

#p-personal {
    background-color: rgba(0, 0, 0, 1);
    border: 1px solid #181818;
    border-radius: 4px 4px 4px 4px;
    right: 0;
    padding-right: 0.55em;
    padding-bottom: 3px;
    #top: -100px;
    margin-right: 10px;
}

#p-personal #pt-mytalk, 
#p-personal #pt-preferences, 
#p-personal #pt-watchlist, 
#p-personal #pt-mycontris, 
#p-personal #pt-logout {
    text-transform: lowercase;
}

div.vectorTabs {
    background-image: none;
}

div.vectorTabs span {
    background-image: none;
}

div.vectorTabs ul {
    background-image: none;
}

div.vectorTabs li a {
    background-image: none;
}

div.vectorTabs li.selected {
    background-color: transparent;
    background-image: none;
}

div.vectorTabs ul li {
    background-color:transparent;
    background-image: none;
}

#mw-head div.vectorMenu h5 {
    background-image: none;
}

div.vectorMenu h5 a {
    background-image: none;
}

div.vectorTabs li a, div.vectorTabs li a span {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

div.vectorTabs li.selected a, 
div.vectorTabs li.selected a span, 
div.vectorTabs li.selected a:visited, 
div.vectorTabs li.selected a:visited span {
    color: white !important;
    font-weight: bold;
    text-decoration: none;
    text-shadow: -1px -1px 1px black;
}
div.vectorTabs li.new a, 
div.vectorTabs li.new a span, 
div.vectorTabs li.new a:visited, 
div.vectorTabs li.new a:visited span {
    color: #FFFFFFF;
    font-weight: bold;
}

div.vectorTabs li a {
    background-image: none;
}

ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid rgba(255,255,255,.30);
    font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a {
    padding: 3px .5em;
    margin-left: 3px;
    border: 1px solid #CCC;
    border-bottom: none;
    background: rgba(21,2,30,.94);
    text-decoration: none;
}

ul.tabbernav li a:link {
    color: #448;
}

ul.tabbernav li a:visited {
    color: #667;
}

ul.tabbernav li a:hover {
    color: #000;
    background: rgba(255,255,255,.30) !important;
    border-color: #CCC;
}

ul.tabbernav li.tabberactive a {
    color: rgba(21,2,30,.94) !important;
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

ul.tabbernav li.tabberactive a:hover {
    color: #000;
    background: #FFF;
    border-bottom: 1px solid #FFF;
}

.tabber .tabbertab {
    padding: 5px;
    border: 1px solid #CCC;
    border-top: 0;
}

li.gallerybox {
border-style:none !important;
}

#mainwiki {
border-collapse:collapse;
text-align:left;
font-family:Noto Sans, sans-serif;
}

#mainwiki tr {
border: 1px solid #0a010c;
}

#mainwiki th {
vertical-align:top;
background-image: url(https://wiki.dungeondefenders2.com/images/4/4d/Wikigradient_small.png) !important;
height:36px;
text-align:center;
font-size:1.4em;
color:#f2f2f2;
}

#mainwiki td.content {
padding: 1em;
background: rgb(21,2,30); /* Old browsers */
background: -moz-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(21,2,30,.90) 0%,rgba(0,0,0,.90) 1%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
vertical-align:top;
/*color:#f2f2f2;*/
color:rgba(244,244,244,.84);
}

#mainwiki a {
/*color: #faa700;*/
color:rgba(255,167,0,.96);
}

#mainwiki td.space {
border-right:1px solid rgba(255,255,255,.30);
-moz-background-clip: border;     /* Firefox 3.6 */
-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

table.wikitable th {
color: #FFF;
}

th.headerSort {
color:rgba(255,167,0,.96) !important;
}

.diffchange {
color:black;
}

.wikiEditor-preview-contents {
background-color: transparent;
}

.wikiEditor-ui {
background-color: transparent;
}

.simple-tooltip {
color: orange;
}