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 */
+
Got it!
 +
Our website uses cookies to give you the best user experience on our website and to help us deliver our services. By using our services, you agree to our use of cookies. More info
 +
Gamepedia
 +
Help
 +
Sign In
 +
Register
 +
MediaWiki:Hydra.css
 +
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: Clear the cache in Tools → Preferences
 +
/* 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;
 
}
 
}
  
Line 18: Line 36:
 
}
 
}
  
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;
+
div#mw-page-base {
  bottom: 0px !important;
+
background: transparent;
  margin-left: auto !important;
 
  margin-right: auto !important;
 
  color: #FFFFFF;
 
 
}
 
}
  
div#footer a {
+
div#mw-head-base {
  color:white;
+
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#footer ul {
+
div#mw-panel div.portal div.body ul li a:visited {
  padding-left: 15px;
+
    color: #DDDDDD;
  padding-right: 15px;
 
 
}
 
}
  
div#footer ul li {
+
div#mw-panel div.portal div.body ul li a {
  color:#FFFFFF;
+
    color: #DDDDDD;
 
}
 
}
  
.catlinks {
+
div#mw-panel div.portal div.body,
     border: 1px solid #1FB61C;
+
#mw-panel.collapsible-nav .portal {
    background-color: rgba(199, 242, 254, 0.53);
+
     border-bottom:;
 
}
 
}
  
#toc, .toc {
+
div#mw-panel.collapsible-nav div#p-socialProfiles.portal,
  background-color: rgba(255,255,255,0.58);
+
#mw-panel.collapsible-nav #p-sitePromos.portal {
 +
    background-image: none;
 
}
 
}
  
.mw-body h1, .mw-body h2 {
+
div#footer ul li {
     font-family: 'Open Sans', sans-serif;
+
     color: #eae8d3;
 
}
 
}
  
div.thumbinner {
+
div#footer a {
  border: 1px solid #8DCAF0;
+
    color: #E4C62E;  
  background-color: rgba(255,255,255,0.58);
 
 
}
 
}
  
/* Mediawiki page tabs */
+
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 {
 
#left-navigation {
     background: url("http://i.imgur.com/C5iZFYi.png");
+
     background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png");
 
     margin-top: 39px;
 
     margin-top: 39px;
 
}
 
}
  
 
#right-navigation {
 
#right-navigation {
     background: url("http://i.imgur.com/C5iZFYi.png");
+
     background: url("https://hydra-media.cursecdn.com/dota2.gamepedia.com/2/2e/Skin_tabs_background.png");
 
     margin-right: 10px;
 
     margin-right: 10px;
 
     margin-top: 39px;
 
     margin-top: 39px;
Line 103: Line 139:
  
 
div.vectorTabs li.selected {
 
div.vectorTabs li.selected {
     background: rgba(0, 0, 0, 0) url("http://i.imgur.com/C5iZFYi.png") repeat-x scroll center bottom;
+
     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;
 
}
 
}
  
Line 111: Line 147:
 
}
 
}
  
/* Graphical borders */
+
div#mw-head div.vectorMenu h3,
div#mw-panel div.portal {
+
div.vectorMenu h3 > a {
    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;
 
     background-image: none;
 
}
 
}
  
/* Navboxstyling */
+
div.vectorMenu h3 span {
#navbox {
+
     color: #ffffff;
  margin:auto;
+
     text-transform: uppercase;
  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;
 
 
}
 
}

Revision as of 21:09, 5 July 2016

Got it!
Our website uses cookies to give you the best user experience on our website and to help us deliver our services. By using our services, you agree to our use of cookies. More info
Gamepedia
Help
Sign In
Register
MediaWiki:Hydra.css
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: Clear the cache in Tools → Preferences
/* 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#mw-head div.vectorMenu h3,
div.vectorMenu h3 > a {
    background-image: none;
}

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