Difference between revisions of "MediaWiki:MySkin.css"

Revision as of 16:50, 29 April 2010

/* A lightweight style for easy reading.
 *
 * Dark backgrounds with light text; large (sans-serif) fonts;
 * hide anything I don't consider particularly useful; and
 * various other random things.
 *
 * Based loosely on Monobook, but entirely original CSS.
 * Tested primarily against Firefox on Linux.
 */
 
 
/* general styles */
 
html {
  background: #000000;
  color: #e6e6e6;
  font-family: 'Arial', sans-serif;
  font-size: .95em;
}
 
body {
  background: #202020;
  margin: 1em;
  margin-top: 3em;
  margin-left: 12em;
  padding: .5em;
  border: 2px solid #404040;
}
 
#bodyContent {
  line-height: 1.5em;
}
 
p {
  margin: .5em 0px .5em 0px;
  padding: 0px;
}
 
a {
  text-decoration: none;
}
 
a:link {
  color: #a0a0bd;
}
 
a:active, a:hover, a:visited:hover, a.new, .new a {
  color: #bda0a0 !important;
}
a:active, a:hover, a:visited:hover {
  text-decoration: underline;
}
 
a:visited {
  color: #bda0bd;
}
 
input, textarea {
  background: #404040;
  color: #ffffff;
  font-family: 'Bitstream Vera Sans Mono', 'Courier New', monospace;
  font-size: .85em;
  border: 1px solid #606060;
  padding: .25em;
}
textarea {
  width: 99%;
}
 
h1 {
  font-size: 2em;
  font-weight: normal;
  margin: .25em 0px .75em 0px;
  padding: 0px 0px .125em 0px;
  border-bottom: 1px dotted;
}
 
h3#siteSub, #jump-to-nav {
  display: none;
}
 
h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin: .85em 0px 0px 0px;
  padding: 0px 0px .125em 0px;
  border-bottom: 1px dotted;
}
h2 span.editsection {
  font-size: .75em;
}
 
h3 {
  font-size: 1.25em;
  font-weight: bold;
  margin: .85em 0px 0px 0px;
  padding: 0px;
}
 
 
/* page actions (editing, etc.) */
 
#p-cactions {
  position: absolute;
  top: -1.6em;
  width: 50em;
  margin: 0px;
  padding: 0px;
}
 
#p-cactions h5 {
  display: none;
}
 
#p-cactions ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
 
#p-cactions ul li {
  display: inline;
  margin: 0px .5em 0px 0px;
  padding: .30em .60em .30em .60em;
  font-size: 1em !important;
  text-transform: lowercase;
  border: 2px solid #404040;
}
#p-cactions ul li:after {
  content: "" !important;
}
 
#p-cactions ul li.selected {
  background: #202020;
  border-bottom-color: #202020;
}
 
 
/* left sidebar */
 
#column-one {
  position: absolute;
  top: 3em;
  left: 1em;
  width: 9em;
  padding: .5em;
  background: #202020;
  border: 2px solid #404040;
  text-align: right;
}
 
#column-one h5 {
  margin: 1.5em 0px .25em 0px;
  padding: 0px;
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
}
#p-personal h5 {
  margin-top: 0px !important;
}
 
#column-one ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-transform: lowercase;
}
 
#column-one ul li {
  font-size: .75em;
}
#column-one ul li:after {
  content: " <";
}
 
#column-one input {
  font-size: .625em;
}
 
 
/* stuff I don't need */
 
#p-lang, #p-navigation, #p-interaction, #footer, .printfooter {
  display: none;
}
 
 
/* misc. stuff in articles */
 
table#toc {
  border: 1px solid #404040;
  font-size: .75em;
}
#toctitle h2 {
  font-size: 1em;
  font-weight: bold;
  border-bottom: none;
}
 
.navbox, .navbox td, .navbox th,
.infobox, .infobox td, .infobox th,
.messagebox, .messagebox td, .messagebox th {
  background: #202020 !important;
  color: #e6e6e6 !important;
}
 
.thumb {
  background: #202020;
  border: 1px solid #e6e6e6;
  padding: .25em;
}
.thumb.tright {
  float: right;
  margin-left: 1em;
}
.thumb.tleft {
  float: left;
  margin-right: 1em;
}
.thumbcaption {
  font-size: .75em;
}
.magnify {
  display: none;
}
 
img {
  border: none;
}
.thumb img {
  border: 1px solid #a0a0bd;
}