Jump to content

User:Martinultima/myskin.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* 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;
}