|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <style type="text/css"> | + | <style type="text/css"> |
| + | /* |
| + | Notes: |
| + | -You must log as admin to edit this page |
| + | -Whatever you enter in this page will be added to the html in the header after the standard style sheet, so you can override styles. |
| + | -if you want your code to look nice on this page, put a space at the beginning of each line |
| + | -This is the default style sheet that you can override : http://editthis.info/wiki/skins/monobook/main.css |
| + | |
| + | For example uncomment this next section to turn all the text green: |
| + | */ |
| /* | | /* |
- | Notes:
| + | body { |
- | -You must log as admin to edit this page
| + | color: green; |
- | -Whatever you enter in this page will be added to the html in the header after the standard style sheet, so you can
| + | |
- | override styles.
| + | |
- | -if you want your code to look nice on this page, put a space at the beginning of each line
| + | |
- | -This is the default style sheet that you can override : http://editthis.info/wiki/skins/monobook/main.css
| + | |
- | - color chart at http://www.december.com/html/spec/colorcodes.html
| + | |
- | */
| + | |
- | /*black background */
| + | |
- | #content {
| + | |
- | margin: 2.2em 0 0 12.2em;
| + | |
- | padding: 0em 0.5em 0em 0.5em;
| + | |
- | background-color: transparent;
| + | |
- | border: 1px solid #aaaaaa;
| + | |
- | border-right: none;
| + | |
- | line-height: 1.5em;
| + | |
- | position: relative;
| + | |
- | z-index: 2;
| + | |
- | }
| + | |
- | /*banner on header */
| + | |
- | /*Black background with white text */
| + | |
- | body { | + | |
- | font: x-small Calibri; trebuchet MS;
| + | |
- | background: #000000 url("http://www.editthis.info/spira/images/spira/c/c2/SPIRAX1.jpg") 0.8em 0px no-repeat;
| + | |
- | color: white; | + | |
- | margin: 0;
| + | |
- | padding: 3.0em 0.2em;
| + | |
- | }
| + | |
- | .firstHeading { color: White; margin-bottom:0.1em; margin-top:0.1em; background: #000033; text-align:left;}
| + | |
- | h1, h2, h3, h4, h5, h6 { color: White }
| + | |
- | table {
| + | |
- | font-size: 100%;
| + | |
- | background: black;
| + | |
- | }
| + | |
- | /* Non existent links - on page - not red anymore (too gaudy) */
| + | |
- | | + | |
- | a {
| + | |
- | text-decoration: none;
| + | |
- | color: #B9D3EE;
| + | |
- | background: none;
| + | |
- | }
| + | |
- | a:visited { color:#B9D3EE; }
| + | |
- | a:active { color: #B9D333; }
| + | |
- | a:hover { text-decoration: underline; }
| + | |
- | a.stub { color: #7FFF00; }
| + | |
- | a.new,
| + | |
- | .special a.new { color:#7FFFB4; }
| + | |
- | #p-personal a.new { color: red; }
| + | |
- | #p-cactions .new a { color: red; }
| + | |
- | a.new:visited,
| + | |
- | .special a.new:visited,
| + | |
- | #p-personal a.new:visited { color:#B9D3EE; }
| + | |
- | | + | |
- | #bodyContent a.external { color:#B9D3EE; }
| + | |
- | /* this can be used in the content area to switch off
| + | |
- | special external link styling */
| + | |
- | #bodyContent .plainlinks a {
| + | |
- | background: none !important;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | #preftoc a,
| + | |
- | #preftoc a:active {
| + | |
- | display: block;
| + | |
- | color: #be14aa;
| + | |
- | }
| + | |
- | hr {color: B9D3EE;
| + | |
- | background-color: B9D3EE;
| + | |
- | border: 0;
| + | |
- | margin: 0.2em 0 0.2em 0;
| + | |
- | }
| + | |
- | | + | |
- | /* gray boxes when displaying pages */
| + | |
- | code { background-color: #0000aa; }
| + | |
- | pre {
| + | |
- | padding: 1em;
| + | |
- | border: 1px dashed #2f6fab;
| + | |
- | color: White;
| + | |
- | background-color: #000033;
| + | |
- | line-height: 1.1em;
| + | |
- | }
| + | |
- | /* More black when displaying text */
| + | |
- | fieldset {
| + | |
- | border: 1px solid #2f6fab;
| + | |
- | background-color: #000033;
| + | |
- | margin: 1em 0em 1em 0em;
| + | |
- | padding: 0em 1em 1em 1em;
| + | |
- | line-height: 1.5em;
| + | |
- | }
| + | |
- | legend {
| + | |
- | background: Black;
| + | |
- | padding: 0.5em;
| + | |
- | font-size: 95%;
| + | |
- | }
| + | |
- | #contentSub { color: #000088}
| + | |
- | #catlinks {
| + | |
- | border:1px solid #aaaaaa;
| + | |
- | background-color:#000033;
| + | |
- | padding:5px;
| + | |
- | margin-top: 1em;
| + | |
- | clear: both;
| + | |
- | }
| + | |
- | #toc {
| + | |
- | /*border:1px solid #2f6fab;*/
| + | |
- | border:1px solid #aaaaaa;
| + | |
- | background-color:#000033;
| + | |
- | padding:5px;
| + | |
- | font-size: 95%;
| + | |
- | }
| + | |
- | /* images */
| + | |
- | div.floatright, table.floatright {
| + | |
- | clear: right;
| + | |
- | float: right;
| + | |
- | position: relative;
| + | |
- | margin: 0 0 0.5em 0.5em;
| + | |
- | border: 0
| + | |
- | background: black;
| + | |
- | /*
| + | |
- | border: 0.5em solid Black;
| + | |
- | border-width: 0.5em 0 0.8em 1.4em;
| + | |
- | */
| + | |
- | }
| + | |
- | div.floatright p { font-style: italic; }
| + | |
- | div.floatleft, table.floatleft {
| + | |
- | float: left;
| + | |
- | position: relative;
| + | |
- | margin: 0 0.5em 0.5em 0;
| + | |
- | border: 0
| + | |
- | background: black;
| + | |
- | /*
| + | |
- | margin: 0.3em 0.5em 0.5em 0;
| + | |
- | border: 0.5em solid Black;
| + | |
- | border-width: 0.5em 1.4em 0.8em 0;
| + | |
- | */
| + | |
- | }
| + | |
- | div.floatleft p { font-style: italic; }
| + | |
- | /* thumbnails */
| + | |
- | div.thumb {
| + | |
- | margin-bottom: 0.5em;
| + | |
- | border-style: solid; border-color: black;
| + | |
- | background-color: 000033;
| + | |
- |
| + | |
- | width: auto;
| + | |
- | }
| + | |
- | div.thumb div {
| + | |
- | border:1px solid #cccccc;
| + | |
- | padding: 3px !important;
| + | |
- | background-color:#000033;
| + | |
- | font-size: 94%;
| + | |
- | text-align: center;
| + | |
- | overflow: hidden;
| + | |
- | }
| + | |
- | /*
| + | |
- | ** edit views etc
| + | |
- | */
| + | |
- | .special li {
| + | |
- | line-height: 1.4em;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | /* Page history styling */
| + | |
- | /* the auto-generated edit comments */
| + | |
- | .autocomment { color: gray; }
| + | |
- | #pagehistory span.user {
| + | |
- | margin-left: 1.4em;
| + | |
- | margin-right: 0.4em;
| + | |
- | }
| + | |
- | #pagehistory span.minor { font-weight: bold; }
| + | |
- | #pagehistory li { border: 1px solid White; }
| + | |
- | #pagehistory li.selected {
| + | |
- | background-color:#000088;
| + | |
- | border:1px dashed #aaaaaa;
| + | |
- | }
| + | |
- | /*
| + | |
- | ** Diff rendering
| + | |
- | */
| + | |
- | table.diff { background:black; }
| + | |
- | td.diff-otitle { background:#000000; }
| + | |
- | td.diff-ntitle { background:#000000; }
| + | |
- | td.diff-addedline {
| + | |
- | background:#000088;
| + | |
- | font-size: smaller;
| + | |
- | }
| + | |
- | td.diff-deletedline {
| + | |
- | background:#000033;
| + | |
- | font-size: smaller;
| + | |
- | }
| + | |
- | td.diff-context {
| + | |
- | background:#000055;
| + | |
- | font-size: smaller;
| + | |
- | }
| + | |
- | span.diffchange { color: #7FFFDF; font-weight: bold; }
| + | |
- | | + | |
- | | + | |
- | form {
| + | |
- | background: Black;
| + | |
- | border: none;
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | table.gallery {
| + | |
- | border: 3px solid #c2c2c2;
| + | |
- | margin: 2px;
| + | |
- | padding: 2px;
| + | |
- | background-color:#000000;
| + | |
- | }
| + | |
- | table.gallery td {
| + | |
- | vertical-align:top;
| + | |
- | background-color:#191970;
| + | |
- | border: solid 2px #c2c2c2;
| + | |
- | }
| + | |
- | | + | |
- | /*height, bkg of nav bar */
| + | |
- | #column-one { padding-top: 30px;
| + | |
- | background: url("http://www.editthis.info/spira/images/spira/8/8c/Concert.jpg")0px 30px no-repeat ;
| + | |
| } | | } |
| + | */ |
| + | </style> |
| | | |
- | /*navbar style: black background, gray line items, white text... */
| + | <script type="text/javascript"> |
- | | + | //Feel free to add your javascript code here. |
- | .portlet h6,h5,h4 {color:white;}
| + | </script> |
- | | + | |
- | .pBody {
| + | |
- | font-size: 95%;
| + | |
- | background: #000033 ;
| + | |
- | border-collapse: collapse;
| + | |
- | border: 5px solid #B9D3EE;
| + | |
- | padding: 3 9.8em 0.3em 0.5em;
| + | |
- | }
| + | |
- | .portlet li {
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | background: #000033;
| + | |
- | }
| + | |
- | .portlet a {color:#B9D3EE;}
| + | |
- | | + | |
- | #p-search .pBody {
| + | |
- | text-align: center;
| + | |
- | background: #104E8B;
| + | |
- | }
| + | |
- | | + | |
- | /* quickbar: article, edit, ... watch tags */
| + | |
- | | + | |
- | #p-cactions {
| + | |
- | position:absolute;
| + | |
- | top: 3.0em;
| + | |
- | left: 10;
| + | |
- | margin: 0;
| + | |
- | white-space:nowrap;
| + | |
- | width: 76%;
| + | |
- | line-height: 1.1em;
| + | |
- | overflow: visible;
| + | |
- | background: none;
| + | |
- | border-collapse: collapse;
| + | |
- | padding-left: 1em;
| + | |
- | list-style: none;
| + | |
- | font-size: 95%;
| + | |
- | }
| + | |
- | #p-cactions li {
| + | |
- | display: inline;
| + | |
- | border: 3px solid #aaaaaa;
| + | |
- | border-bottom: none;
| + | |
- | padding: 0 0 0.1em 0;
| + | |
- | margin: 0 0.3em 0 0;
| + | |
- | overflow: visible;
| + | |
- | background: #B9D3EE;
| + | |
- | }
| + | |
- | #p-cactions li.selected {
| + | |
- | border-color: #C6E2FF;
| + | |
- | padding: 0 0 0.2em 0;
| + | |
- | }
| + | |
- | #p-cactions li a {
| + | |
- | background-color: #c2c2c2;
| + | |
- | color: #002bb8;
| + | |
- | border: none;
| + | |
- | padding: 0 0.8em 0.3em 0.8em;
| + | |
- | text-decoration: none;
| + | |
- | text-transform: lowercase;
| + | |
- | position: relative;
| + | |
- | z-index: 0;
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | /*user bar */ | + | |
- | #p-personal {
| + | |
- | width:100%;
| + | |
- | white-space:nowrap;
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | position:absolute;
| + | |
- | left: 40 px;
| + | |
- | top:2em;
| + | |
- | z-index: 0;
| + | |
- | border: none;
| + | |
- | background: none;
| + | |
- | overflow: visible;
| + | |
- | line-height: 1.2em;
| + | |
- | }
| + | |
- | #p-personal li {
| + | |
- | z-index:0;
| + | |
- | border:none;
| + | |
- | padding:0;
| + | |
- | display: inline;
| + | |
- | color: #2f6fab;
| + | |
- | margin-left: 1em;
| + | |
- | line-height: 1.2em;
| + | |
- | background: #c2c2c2;
| + | |
- | }
| + | |
- | /* footer needs to be black too */
| + | |
- | #footer {
| + | |
- | background-color: black;
| + | |
- | border-top: 1px solid #fabd23;
| + | |
- | border-bottom: 1px solid #fabd23;
| + | |
- | margin: 0.6em 0em 1em 0em;
| + | |
- | padding: 0.4em 0em 1.2em 0em;
| + | |
- | text-align: center;
| + | |
- | font-size: 90%;
| + | |
- | }
| + | |
- | </style>
| + | |
- | | + | |
- | <plain_html>
| + | |
- | <br>
| + | |
- | </plain_html> | + | |