Difference between revisions of "MediaWiki:Vector.css"

From Dungeon Defenders 2 Wiki
Jump to: navigation, search
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
+
/* CSS placed here will affect users of the Hydra skin */
 +
 
 +
/* For elements which display only in the mobile view */
 +
.mobileonly {
 +
display: none;
 +
}
  
/* Body Styling */
 
 
body {
 
body {
background-color: #1a1a1a;
+
background-color: #1a1a1a;
 +
min-width: 500px;
 
}
 
}
  
#mw-page-base {
+
#pageWrapper {
  background:none;
+
margin-right: 10px;
 
}
 
}
  
.mw-body {
+
div#content {
 
background-color: #FFFFFF;
 
background-color: #FFFFFF;
 
background-image: none;
 
background-image: none;
Line 18: Line 23:
 
}
 
}
  
div#footer {
+
h1, h2, h3, h4, h5, h6 {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
+
color: #2D2723;
  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 {
+
div#mw-page-base {
  color:white;
+
background: transparent;
 
}
 
}
  
div#footer ul {
+
div#mw-head-base {
  padding-left: 15px;
+
background: transparent;
  padding-right: 15px;
 
 
}
 
}
  
div#footer ul li {
+
div#mw-panel div.portal {
  color:#FFFFFF;
+
    background-image: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/0/0f/Portal-break.png");
 +
    background-position: left top;
 +
    background-repeat: no-repeat;
 +
    direction: ltr;
 +
    margin: 0 0.6em 0 0.7em;
 +
    padding: 0.25em 0;
 
}
 
}
  
.catlinks {
+
div#mw-panel div.portal h3,
    border: 1px solid #1FB61C;
+
#mw-panel.collapsible-nav .portal h3 a,
     background-color: rgba(199, 242, 254, 0.53);
+
#mw-panel.collapsible-nav .portal.collapsed h3 a {
 +
     color: #ffffcc;
 
}
 
}
  
#toc, .toc {
+
div#mw-panel div.portal div.body ul li a:visited {
  background-color: rgba(255,255,255,0.58);
+
    color: #DDDDDD;
 
}
 
}
  
.mw-body h1, .mw-body h2 {
+
div#mw-panel div.portal div.body ul li a {
     font-family: 'Open Sans', sans-serif;
+
     color: #DDDDDD;
 
}
 
}
  
div.thumbinner {
+
div#mw-panel div.portal div.body,
  border: 1px solid #8DCAF0;
+
#mw-panel.collapsible-nav .portal {
  background-color: rgba(255,255,255,0.58);
+
    border-bottom:;
 
}
 
}
  
/* Mediawiki page tabs */
+
div#mw-panel.collapsible-nav div#p-socialProfiles.portal,
div#mw-head div.vectorMenu h3, div.vectorTabs ul, div.vectorTabs li.selected, div.vectorTabs ul li, div.vectorTabs, div.vectorTabs span {
+
#mw-panel.collapsible-nav #p-sitePromos.portal {
  background:none;
+
    background-image: none;
 
}
 
}
  
div.vectorTabs li a {
+
div#footer ul li {
  color: #000000;
+
    color: #eae8d3;
 
}
 
}
  
div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorMenu h3 span {
+
div#footer a {
  color: #000000;
+
     color: #E4C62E;  
}
 
 
 
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 {
+
table {
  text-align:center;
+
    font-size: 100%;
  background-color:#03A007;
+
    color: #2D2723;
  vertical-align:top;
+
/* we don't want the bottom borders of <h2>s to be visible through
  border-color:#007448;
+
* floated tables */
  box-shadow: 0px 1px rgba(0,0,0,0.3);
+
    background-color: transparent;
  color: white;
 
  text-shadow: 0px 2px #00321f;
 
 
}
 
}
  
/* Text */
+
/* tabs */
a {
+
#left-navigation {
     color: #2252A4;
+
     background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png");
    cursor: pointer;
+
     margin-top: 39px;
     text-decoration: none;
 
 
}
 
}
  
a:visited {
+
#right-navigation {
     color: #2252A4;
+
    background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png");
 +
    margin-right: 10px;
 +
     margin-top: 39px;
 
}
 
}
  
a#title {
+
div.vectorTabs,
     display: none;
+
div.vectorTabs ul li {
 +
     background-color: rgba(0, 0, 0, 0);
 +
    background-image: none;
 
}
 
}
  
a#title:hover {
+
div.vectorTabs ul {
     display: none;
+
    background-color: rgba(0, 0, 0, 0);
 +
     background-image: none;
 
}
 
}
  
a:active {
+
div.vectorTabs span {
     color: #2252A4;
+
     background-color: rgba(0, 0, 0, 0);
 +
    background-image: none;
 
}
 
}
  
a:hover {
+
div#mw-head div.vectorMenu h4,
     color: #0F2C5D;
+
div#p-variants.vectorMenu #mw-vector-current-variant {
 +
     color: #ffffff;
 +
    padding-top: 1.375em !important;
 +
    text-transform: uppercase;
 
}
 
}
  
a.stub {
+
div.vectorTabs li a,
     color: #cc0000;
+
div.vectorTabs li a:visited {
 +
     color: #ffffff;
 +
    text-transform: uppercase;
 
}
 
}
  
a.new {
+
div.vectorTabs li.selected {
     color: #cc0000;
+
     background: rgba(0, 0, 0, 0) url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/7/79/Skin_tab_background.png") repeat-x scroll center bottom;
 
}
 
}
  
a.new:visited {
+
div.vectorTabs li.selected a,
     color: #cc0000;
+
div.vectorTabs li.selected a:visited {
 +
     color: #ffffff !important;
 
}
 
}
  
div#content a.external {
+
div.vectorMenu {
    color: #2252A4;
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAMAAAAlM38UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFsbGxmpqa3d3deXl58/n79CzHcQAAAAV0Uk5T/////wD7tg5TAAAAMklEQVR42mJgwQoYBkqYiZEZAhiZUFRDxWGicEPA4nBRhNlAcYQokpVMDEwD6kuAAAMAyGMFQVv5ldcAAAAASUVORK5CYII=");
    cursor: pointer;
+
border: medium none;
 
}
 
}
  
div#content a.external:visited {
+
div#mw-head div.vectorMenu h3,
    color: #2252A4;
+
div.vectorMenu h3 > a {
}
 
 
 
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-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 {
+
div.vectorMenu h3 span {
     color: #0F2C5D;
+
     color: #ffffff;
     display: block;
+
     text-transform: uppercase;
    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 {
+
.htmlform-tip {
     line-height: 0.5em;
+
     padding-left: 20%;
 
}
 
}

Revision as of 21:42, 5 July 2016

/* CSS placed here will affect users of the Hydra skin */

/* For elements which display only in the mobile view */
.mobileonly {
	display: none;
}

body {
	background-color: #1a1a1a;
	min-width: 500px;
}

#pageWrapper {
	margin-right: 10px;
}

div#content {
	background-color: #FFFFFF;
	background-image: none;
	border-left: 1px solid #1a1a1a;
        box-sizing: border-box;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	color: #2D2723;
}

div#mw-page-base {
	background: transparent;
}

div#mw-head-base {
	background: transparent;
}

div#mw-panel div.portal {
    background-image: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/0/0f/Portal-break.png");
    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;
}

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

div#footer a {
    color: #E4C62E; 
}

table {
    font-size: 100%;
    color: #2D2723;
	/* we don't want the bottom borders of <h2>s to be visible through
	 * floated tables */
    background-color: transparent;
}

/* tabs */
#left-navigation {
    background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png");
    margin-top: 39px;
}

#right-navigation {
    background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.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("https://hydra-media.cursecdn.com/dota2.gamepedia.com/7/79/Skin_tab_background.png") repeat-x scroll center bottom;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #ffffff !important;
}

div.vectorMenu {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAMAAAAlM38UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFsbGxmpqa3d3deXl58/n79CzHcQAAAAV0Uk5T/////wD7tg5TAAAAMklEQVR42mJgwQoYBkqYiZEZAhiZUFRDxWGicEPA4nBRhNlAcYQokpVMDEwD6kuAAAMAyGMFQVv5ldcAAAAASUVORK5CYII=");
	border: medium none;
}

div#mw-head div.vectorMenu h3,
div.vectorMenu h3 > a {
    background-image: none;
}

div.vectorMenu h3 span {
    color: #ffffff;
    text-transform: uppercase;
}

.htmlform-tip {
    padding-left: 20%;
}