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