User:Ghostwheel/Vector.css

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

/* Main article color */
#content {
  background-color: #fcf9d3;
}

/* Other main color -- sidebar, footer, and just about everywhere there's no gradient. */
html, body, #mw-panel, #footer {
  background-color: #e9dda2;
}

/* For some reason body ALSO uses a 1x1 png of the background color. This is unnecessary, and removed. When we were using it it made everything a strange off-color. */
body {
  background-image: none;
}

/* Normal borders, done in Vector as an image */
#content, #footer, #mw-head-base {
  background-image: url("http://www.dnd-wiki.org/w/skins/vector/images/border-dnd.png");
}

/* Sidebar borders, which break the sidebar section name with its contents. */
#mw-panel div.portal div.body {
  background-image: url("http://www.dnd-wiki.org/w/skins/vector/images/portal-break-dnd.png");
}

/* Top of the page */
#mw-page-base {
  background-color: #fcf9d3;
  background-image: url("http://www.dnd-wiki.org/w/skins/vector/images/page-fade-dnd.png");
}

/* Unselected page tabs color */
div.vectorTabs ul li {
  background-image: url("http://www.dnd-wiki.org/w/skins/vector/images/tab-normal-fade-dnd.png");
}

/* Selected page tabs color (solid) */
#mw-head ul li.selected a {
  background-color: #fcf9d3;
}

/* The vertical bar around the tabs */
div.vectorTabs, div.vectorTabs li a, div.vectorMenu h5 a {
  background-image: url("http://www.dnd-wiki.org/w/skins/vector/images/tab-break-dnd.png");
}

/* For whatever reason, Vector has its own table background color. Ugh. */
table {
  background-color: inherit;
}

/* Bring the sidebar up a bit, which actually means shorten the logo height somewhat */
#p-logo {
  height: 130px;
  top: -130px;
}
#mw-panel {
  top: 110px;
}

/* ----------- In-page Stylistic Stuff ------------ */

table.d20, table.wikitable {
  background-color: #fdf9d3;
}

table.d20 th, table.wikitable th {
  background-color: #e6d88d;
}

/* Zebra table support (still done by javascript to be portable) */
tr.odd {
  background: #eee3a4;
}