MediaWiki:Vector.css

From setiquest wiki

(Difference between revisions)
Jump to: navigation, search
(yet more link fixes...)
(enable external link arrow)
 
Line 63: Line 63:
#bodyContent a.extiw,
#bodyContent a.extiw,
-
#bodyContent a.external        { color: SteelBlue; background: none; padding: 0; }
+
#bodyContent a.external        { color: SteelBlue; }
#bodyContent a.extiw:hover,
#bodyContent a.extiw:hover,
#bodyContent a.external:hover  { color: SteelBlue; text-decoration:underline; }
#bodyContent a.external:hover  { color: SteelBlue; text-decoration:underline; }

Latest revision as of 15:49, 27 May 2012

@import url("http://fonts.googleapis.com/css?family=Droid+Sans");
@import url("http://fonts.googleapis.com/css?family=Allerta:regular");

html { width:auto; }

body {
  background-image: url("images/5/5c/Site-bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #03161C; /* same color as the bottom of the background-image */
  font-family: 'Droid Sans', Arial, sans-serif;
  color: white;
  width: 935px;
  margin: 0 auto;
}

#mw-page-base {
  background: none;
}

#pt-userpage, #pt-anonuserpage, #pt-login {
  background-image: url("images/9/9d/Icon-person.png");
}

#content {
  background-image: url("images/1/1d/Content_bg.gif");
  background-repeat: repeat;
  width: 723px;
  position: relative; /* so that #firstHeading's position:absolute
                        uses this element as its coordinate reference */
  margin-top: 50px; /* make room for #firstHeading */
}

#bodyContent {
  font: 12px/150% Arial, Helvetica, sans-serif;
  color: black;
}

h2, h3, h4, h5, h6 {
  font-weight: bold;
  border-bottom: none;
}

h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

/* --------------------------------- LINKS ---------------------------------- */

a         { color: white; }
a:hover   { color: #6FDEDB; text-decoration:none; }
a:visited { color: #999; }

#bodyContent a         { color: #0645AD; }
#bodyContent a:hover   { color: #0645AD; text-decoration:underline; }
#bodyContent a:visited { color: Indigo; }

#bodyContent a.new         { color: Crimson; }
#bodyContent a.new:hover   { color: Crimson; text-decoration:underline; }
#bodyContent a.new:visited { color: IndianRed; }

#bodyContent a.extiw,
#bodyContent a.external         { color: SteelBlue; }
#bodyContent a.extiw:hover,
#bodyContent a.external:hover   { color: SteelBlue; text-decoration:underline; }
#bodyContent a.extiw:visited,
#bodyContent a.external:visited { color: DarkSlateBlue; }

/* ------------------------------- SIDEBAR ---------------------------------- */

#mw-panel div.portal div.body ul li {
  background-image: url("images/7/77/Nav_bg_off.png");
  background-color: #0E1838; /* in case the bg image isn't loaded */
  height: 30px; /* same as the bg image */
  border-top: 1px solid #1C355A;
  font-weight: bold !important;
  font: 12px/150% Arial, Helvetica, sans-serif;
  padding: 0 1em !important;
}

#mw-panel div.portal div.body ul li a {
  color: white !important;
  line-height: 30px;
}

#mw-panel div.portal div.body ul li a:hover {
  color: #6FDEDB !important;
  text-decoration: none;
}

#mw-panel div.portal h5 {
  color: #728EC5;
  font-size: medium;
  padding: 0;
  margin: 0;
  line-height: 30px;
}

#mw-panel div.portal div.body {
  background-image: none;
  padding-top: 0;
  margin-left: 0;
  margin-right: 1em;
}

#mw-panel {
  left: auto;
  top: 0;
  padding-top: 0;
}

#mw-head {
  margin-left: 10em;
  width: 754px;
  right: auto;
}

#mw-panel div#p-navigation {
  padding-top: 20px; /* together with line-height:30px, this lines up
                        the sidebar entries with the page title bar */
}

#p-logo,
#p-logo a,
#mw-head-base {
  height: 6em;
}

#p-logo {
  position: relative;
  top: 0;
}

#p-logo a {
  /* background-image: url("http://setiquest.org/sites/default/files/seti_logo.gif") !important; */
  background-image: url("images/b/b3/SetiQuest_wiki_logo.png") !important;
}

#content,
#mw-head-base,
#mw-head,
#footer {
  margin-left: 11em;
}

#mw-panel,
#p-logo,
#p-logo a {
  width: 11em;
}

/* -------------------------------- FOOTER ---------------------------------- */

#footer ul li { color: #666; }
#footer { background-image: none; }

/* ------------------------------- TOP MENU --------------------------------- */

div.vectorTabs li.selected {
  background-image: none;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span
div.vectorTabs li a:hover,
div.vectorTabs li a:hover span {
  color: #6FDEDB;
}

div.vectorTabs li a,
div.vectorTabs li a span {
  color: white;
  font-size: 14px;
}

div.vectorTabs li a {
  background-image: none;
  line-height: 40px;
}

div.vectorTabs a span {
  padding-top: 0;
}

div.vectorTabs ul li {
  background-image: none;
  background-color: transparent;
}

div.vectorTabs,
div.vectorTabs ul {
  background-image: none; /* hide top menu separators */
}

#mw-head-base {
  background-image: none; /* remove menu's bottom border */
}

#p-search form {
  position: absolute;
  right: 0;
  top: 1.2em;
}

#left-navigation {
  position:relative;
  float:left;
  margin-left:2em;
  left:0;
  top:0;
}

#left-navigation,
#right-navigation {
  margin-top: 3.5em;
}

/* ---------------------- TOP MENU (drop-down entries) ---------------------- */

div.vectorMenu ul {
  background-color: #0F323E;
  border: none;
}

div.vectorMenu li {
  border-bottom: 1px solid black;
  border-top: 1px solid #1D3E49;
}

div.vectorMenu li a {
  color: white;
  font: 12px/150% Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 5px 18px;
}

div.vectorMenu li a:hover {
  color: #6FDEDB;
}

div.vectorMenu h5 a {
  background-image: none;
}

/* ------------------------------- PAGE TITLES ------------------------------ */

h1#firstHeading {
  font-family: Allerta, sans-serif;
  font-size: 35px;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  position: absolute; /* IMPORTANT: for this to work */
  top: -50px;         /* the parent element #content */
  left: 0;            /* must have position:relative */
  line-height: 40px; /* this sums up a total height of 50px, */
  padding-top: 10px; /* same as H1bg.png's height, see below */
  background-image: url("images/2/2d/H1-bg.png");
  background-color: #0E3858; /* in case the bg image isn't loaded */
  color: white;
}

/* ------------------------------- MISC. FIXES ------------------------------ */

/* allow contents of pre-formatted blocks to wrap instead of overflow */
pre { white-space: pre-wrap; }

/* allow date/time to wrap in file history table */
table.filehistory td { white-space: normal !important; }

/* Firefox: remove dotted border around active links */
a:focus { outline:none }

/* put table of contents on the right and make text flow around it */
/* .toc, #toc { float: right; } */
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox