Difference between revisions of "User:TFBot/vector.css"

Latest revision as of 00:57, 16 January 2014

/* CSS placed here will affect my personal display of the Vector skin */

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

/* Other main color -- sidebar, footer, and just about everywhere there's no gradient. */
html, body, div#mw-panel, div#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 */
div#content {
  border: 1px solid #838383;
}

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

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

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

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

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

/* The vertical bar between watch and menu */
div.vectorMenu h3 {
  /* @embed */
  background-image: url("http://www.dnd-wiki.org/w/skins/vector/images/tab-break-dnd.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-left: 0px;
}

/* Edit box stuff. */
div.editOptions {
  background-color: inherit;
  border: 1px solid #838383;
}

textarea#wpTextbox1 {
  border-bottom: none;
}

/* 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 */
div#p-logo {
  height: 130px;
  top: -130px;
}
div#mw-panel {
  top: 110px;
}

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

/* ======= Generic Wikitable ======== */

.wikitable, table.wikitable {
  border: 1px #8c794e solid !important;
  border-collapse: collapse;
  margin: 0 1em 1em 0 !important;
  background-color: #fcf9d3 !important;
}

.wikitable th, table.wikitable th {
  vertical-align: bottom;
  text-align: inherit !important;
  background-color: #E6D88D !important;
}

.wikitable td, table.wikitable td {
  vertical-align: top;
  background-color: #fcf9d3 !important;
}

.wikitable th, .wikitable td, table.wikitable th, table.wikitable td, {
  border: 1px #8c794e solid !important;
  padding: 0.077em 0.385em !important;
}

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

/* Printer-friendly versions of things */
@media print {
    #content {
        background-color: white;
        background-image: none;
    }
}

/* This has only been confusing people -- the page prints fine without this link. */
div#t-print { display: none; }