User:TFBot/vector.css

/* 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; }