|
|
Line 15: |
Line 15: |
| */ | | */ |
| </style> | | </style> |
- |
| |
- |
| |
- |
| |
- |
| |
- | <style type="text/css">
| |
- | /*
| |
- | - color chart at http://www.december.com/html/spec/colorcodes.html
| |
- | */
| |
- | #column-content {
| |
- | width: 100%;
| |
- | float: right;
| |
- | margin: 0 0 .6em -12.2em;
| |
- | padding: 0;
| |
- | }
| |
- | /*black background */
| |
- | #content {
| |
- | margin: 3em 0 0 12.2em;
| |
- | padding: 0em 0.5em 0em 0.5em;
| |
- | background-color: transparent;
| |
- | border: 1px solid #a67442;
| |
- | border-right: none;
| |
- | line-height: 1.5em;
| |
- | position: relative;
| |
- | z-index: 2;
| |
- | }
| |
- | /*banner on header */
| |
- | /*Black background with white text */
| |
- | body {
| |
- | font: x-small sans-serif;
| |
- | background: #000000 url("http://forums.ffproject.net/images/black/misc/logo.jpg") 40em 0px no-repeat;
| |
- | color: #a67442;
| |
- | margin: 0;
| |
- | padding: 14em 0.2em;
| |
- | }
| |
- | .firstHeading { color: #a67442; margin-bottom:0.1em; margin-top:0.1em; background: black; text-align:center; text-decoration: bold;}
| |
- | h1, h2, h3, h4, h5, h6 { color: #a67442 }
| |
- | table {
| |
- | font-size: 100%;
| |
- | background: #262320;
| |
- | color: #a67442;
| |
- | }
| |
- | a {
| |
- | text-decoration: underline;
| |
- | color: #bf8f4d;
| |
- | background: none;
| |
- | }
| |
- | a:visited {
| |
- | color: #bf864d;
| |
- | }
| |
- | a:active {
| |
- | color: #faa700;
| |
- | }
| |
- | a:hover {
| |
- | text-decoration: underline;
| |
- | }
| |
- | a.stub {
| |
- | color: #bf864d;
| |
- | }
| |
- | a.new, #p-personal a.new {
| |
- | color:#CC9900;
| |
- | }
| |
- | a.new:visited, #p-personal a.new:visited {
| |
- | color: #bf864d;
| |
- | }
| |
- |
| |
- | img {
| |
- | border: none;
| |
- | vertical-align: middle;
| |
- | }
| |
- | p {
| |
- | margin: .4em 0 .5em 0;
| |
- | line-height: 1.5em;
| |
- | }
| |
- | p img {
| |
- | margin: 0;
| |
- | }
| |
- |
| |
- | hr {
| |
- | height: 1px;
| |
- | color: #a67442;
| |
- | background-color: #a67442;
| |
- | border: 0;
| |
- | margin: .2em 0 .2em 0;
| |
- | }
| |
- |
| |
- | h1, h2, h3, h4, h5, h6 {
| |
- | color: #a67442;
| |
- | background: black;
| |
- | font-weight: normal;
| |
- | margin: 0;
| |
- | padding-top: .5em;
| |
- | padding-bottom: .17em;
| |
- | border-bottom: 1px solid #a67442;
| |
- | }
| |
- | h1 { font-size: 188%; }
| |
- | h2 { font-size: 150%; }
| |
- | h3, h4, h5, h6 {
| |
- | border-bottom: none;
| |
- | font-weight: bold;
| |
- | }
| |
- | h3 { font-size: 132%; }
| |
- | h4 { font-size: 116%; }
| |
- | h5 { font-size: 100%; }
| |
- | h6 { font-size: 80%; }
| |
- |
| |
- | ul {
| |
- | line-height: 1.5em;
| |
- | list-style-type: square;
| |
- | margin: .3em 0 0 1.5em;
| |
- | padding: 0;
| |
- | list-style-image: url(bullet.gif);
| |
- | }
| |
- | ol {
| |
- | line-height: 1.5em;
| |
- | margin: .3em 0 0 3.2em;
| |
- | padding: 0;
| |
- | list-style-image: none;
| |
- | }
| |
- | li {
| |
- | margin-bottom: .1em;
| |
- | }
| |
- | dt {
| |
- | font-weight: bold;
| |
- | margin-bottom: .1em;
| |
- | }
| |
- | dl {
| |
- | margin-top: .2em;
| |
- | margin-bottom: .5em;
| |
- | }
| |
- | dd {
| |
- | line-height: 1.5em;
| |
- | margin-left: 2em;
| |
- | margin-bottom: .1em;
| |
- | }
| |
- |
| |
- | fieldset {
| |
- | border: 1px solid #a67442;
| |
- | margin: 1em 0 1em 0;
| |
- | padding: 0 1em 1em;
| |
- | line-height: 1.5em;
| |
- | }
| |
- | legend {
| |
- | background: #2e2a27;
| |
- | padding: .5em;
| |
- | font-size: 95%;
| |
- | }
| |
- | form {
| |
- | border: none;
| |
- | margin: 0;
| |
- | }
| |
- |
| |
- | textarea {
| |
- | width: 100%;
| |
- | padding: .1em;
| |
- | }
| |
- |
| |
- | input.historysubmit {
| |
- | padding: 0 .3em .3em .3em !important;
| |
- | font-size: 94%;
| |
- | cursor: pointer;
| |
- | height: 1.7em !important;
| |
- | margin-left: 1.6em;
| |
- | }
| |
- | select {
| |
- | vertical-align: top;
| |
- | }
| |
- | abbr, acronym, .explain {
| |
- | border-bottom: 1px dotted #bf8f4d;
| |
- | color: #bf8f4d;
| |
- | background: none;
| |
- | cursor: help;
| |
- | }
| |
- | q {
| |
- | font-family: Times, "Times New Roman", serif;
| |
- | font-style: italic;
| |
- | }
| |
- | /* disabled for now
| |
- | blockquote {
| |
- | font-family: Times, "Times New Roman", serif;
| |
- | font-style: italic;
| |
- | }*/
| |
- | code {
| |
- | background-color: #4c2e13;
| |
- | }
| |
- | pre {
| |
- | padding: 1em;
| |
- | border: 1px dashed #bf8f4d;
| |
- | color: #a67442;
| |
- | background-color: #262320;
| |
- | line-height: 1.1em;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** the main content area
| |
- | */
| |
- |
| |
- | #siteSub {
| |
- | display: none;
| |
- | }
| |
- | #contentSub {
| |
- | font-size: 84%;
| |
- | line-height: 1.2em;
| |
- | margin: 0 0 1.4em 1em;
| |
- | color: #CC9966;
| |
- | width: auto;
| |
- | }
| |
- | span.subpages {
| |
- | display: block;
| |
- | }
| |
- |
| |
- | /* Some space under the headers in the content area */
| |
- | #bodyContent h1, #bodyContent h2 {
| |
- | margin-bottom: .6em;
| |
- | }
| |
- | #bodyContent h3, #bodyContent h4, #bodyContent h5 {
| |
- | margin-bottom: .3em;
| |
- | }
| |
- | .firstHeading {
| |
- | margin-bottom: .1em;
| |
- | }
| |
- |
| |
- | /* user notification thing */
| |
- | .usermessage {
| |
- | background-color: #ffce7b;
| |
- | border: 1px solid #ffa500;
| |
- | color: black;
| |
- | font-weight: bold;
| |
- | margin: 2em 0 1em;
| |
- | padding: .5em 1em;
| |
- | vertical-align: middle;
| |
- | }
| |
- | #siteNotice {
| |
- | text-align: center;
| |
- | font-size: 95%;
| |
- | padding: 0 .9em;
| |
- | }
| |
- | #siteNotice p {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- | .error {
| |
- | color: #CC9900;
| |
- | font-size: larger;
| |
- | }
| |
- | #catlinks {
| |
- | border: 1px solid #a67442;
| |
- | background-color: black;
| |
- | padding: 5px;
| |
- | margin-top: 1em;
| |
- | clear: both;
| |
- | }
| |
- | /* currently unused, intended to be used by a metadata box
| |
- | in the bottom-right corner of the content area */
| |
- | .documentDescription {
| |
- | /* The summary text describing the document */
| |
- | font-weight: bold;
| |
- | display: block;
| |
- | margin: 1em 0;
| |
- | line-height: 1.5em;
| |
- | }
| |
- | .documentByLine {
| |
- | text-align: right;
| |
- | font-size: 90%;
| |
- | clear: both;
| |
- | font-weight: normal;
| |
- | color: #76797c;
| |
- | }
| |
- |
| |
- | /* emulate center */
| |
- | .center {
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | }
| |
- | *.center * {
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | }
| |
- | /* small for tables and similar */
| |
- | .small, .small * {
| |
- | font-size: 94%;
| |
- | }
| |
- | table.small {
| |
- | font-size: 100%;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** content styles
| |
- | */
| |
- |
| |
- | #toc,
| |
- | .toc {
| |
- | border: 1px solid #a67442;
| |
- | background-color: #2e2a27;
| |
- | color: #bf8f4d ;
| |
- | padding: 5px;
| |
- | font-size: 95%;
| |
- | }
| |
- | #toc h2,
| |
- | .toc h2 {
| |
- | display: inline;
| |
- | border: none;
| |
- | padding: 0;
| |
- | font-size: 100%;
| |
- | font-weight: bold;
| |
- | }
| |
- | #toc #toctitle,
| |
- | .toc #toctitle,
| |
- | #toc .toctitle,
| |
- | .toc .toctitle {
| |
- | text-align: center;
| |
- | }
| |
- | #toc ul,
| |
- | .toc ul {
| |
- | list-style-type: none;
| |
- | list-style-image: none;
| |
- | margin-left: 0;
| |
- | padding-left: 0;
| |
- | text-align: left;
| |
- | }
| |
- | #toc ul ul,
| |
- | .toc ul ul {
| |
- | margin: 0 0 0 2em;
| |
- | }
| |
- | #toc .toctoggle,
| |
- | .toc .toctoggle {
| |
- | font-size: 94%;
| |
- | }
| |
- |
| |
- |
| |
- | /* images */
| |
- | div.floatright, table.floatright {
| |
- | clear: right;
| |
- | float: right;
| |
- | position: relative;
| |
- | margin: 0 0 .5em .5em;
| |
- | border: 0;
| |
- | /*
| |
- | border: .5em solid white;
| |
- | border-width: .5em 0 .8em 1.4em;
| |
- | */
| |
- | }
| |
- | div.floatright p { font-style: italic; }
| |
- | div.floatleft, table.floatleft {
| |
- | float: left;
| |
- | position: relative;
| |
- | margin: 0 .5em .5em 0;
| |
- | border: 0;
| |
- | /*
| |
- | margin: .3em .5em .5em 0;
| |
- | border: .5em solid white;
| |
- | border-width: .5em 1.4em .8em 0;
| |
- | */
| |
- | }
| |
- | div.floatleft p { font-style: italic; }
| |
- | /* thumbnails */
| |
- | div.thumb {
| |
- | margin-bottom: .5em;
| |
- | border: none;
| |
- | padding: 12px;
| |
- | background-color: black;
| |
- | width: auto;
| |
- | }
| |
- | div.thumb div {
| |
- | border: 1px solid #a67442;
| |
- | padding: 3px !important;
| |
- | background-color: black;
| |
- | font-size: 94%;
| |
- | text-align: center;
| |
- | overflow: hidden;
| |
- | }
| |
- | div.thumb div a img {
| |
- | border: 1px solid #a67442;
| |
- | }
| |
- | div.thumb div div.thumbcaption {
| |
- | border: none;
| |
- | text-align: left;
| |
- | line-height: 1.4em;
| |
- | padding: .3em 0 .1em 0;
| |
- | }
| |
- | div.magnify {
| |
- | float: right;
| |
- | border: none !important;
| |
- | background: none !important;
| |
- | }
| |
- | div.magnify a, div.magnify img {
| |
- | display: block;
| |
- | border: none !important;
| |
- | background: none !important;
| |
- | }
| |
- | div.tright {
| |
- | clear: right;
| |
- | float: right;
| |
- | border-width: .5em 0 .8em 1.4em;
| |
- | background-color: black;
| |
- | }
| |
- | div.tleft {
| |
- | float: left;
| |
- | margin-right: .5em;
| |
- | border-width: .5em 1.4em .8em 0;
| |
- | background-color: black;
| |
- | }
| |
- |
| |
- | .hiddenStructure {
| |
- | display: none;
| |
- | }
| |
- | img.tex {
| |
- | vertical-align: middle;
| |
- | }
| |
- | span.texhtml {
| |
- | font-family: serif;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** classes for special content elements like town boxes
| |
- | ** intended to be referenced directly from the wiki src
| |
- | */
| |
- |
| |
- | /*
| |
- | ** User styles
| |
- | */
| |
- | /* table standards */
| |
- | table.rimage {
| |
- | float: right;
| |
- | position: relative;
| |
- | margin-left: 1em;
| |
- | margin-bottom: 1em;
| |
- | text-align: center;
| |
- | }
| |
- | .toccolours {
| |
- | border: 1px solid #a67442;
| |
- | background-color: #2e2a27;
| |
- | padding: 5px;
| |
- | font-size: 95%;
| |
- | }
| |
- | div.townBox {
| |
- | position: relative;
| |
- | float: right;
| |
- | background: black;
| |
- | margin-left: 1em;
| |
- | border: 1px solid #a67442;
| |
- | padding: .3em;
| |
- | width: 200px;
| |
- | overflow: hidden;
| |
- | clear: right;
| |
- | }
| |
- | div.townBox dl {
| |
- | padding: 0;
| |
- | margin: 0 0 .3em;
| |
- | font-size: 96%;
| |
- | }
| |
- | div.townBox dl dt {
| |
- | background: none;
| |
- | margin: .4em 0 0;
| |
- | }
| |
- | div.townBox dl dd {
| |
- | margin: .1em 0 0 1.1em;
| |
- | background-color: #2e2a27;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** edit views etc
| |
- | */
| |
- | .special li {
| |
- | line-height: 1.4em;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | /* Page history styling */
| |
- | /* the auto-generated edit comments */
| |
- | .autocomment {
| |
- | color: #a67442;
| |
- | }
| |
- | #pagehistory span.user {
| |
- | margin-left: 1.4em;
| |
- | margin-right: .4em;
| |
- | }
| |
- | #pagehistory span.minor {
| |
- | font-weight: bold;
| |
- | }
| |
- | #pagehistory li {
| |
- | border: 1px solid #a67442;
| |
- | }
| |
- | #pagehistory li.selected {
| |
- | background-color: #4c2e13;
| |
- | border: 1px dashed #a67442;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** Diff rendering
| |
- | */
| |
- | table.diff, td.diff-otitle, td.diff-ntitle {
| |
- | background-color: black;
| |
- | }
| |
- | td.diff-addedline {
| |
- | background: #cfc;
| |
- | font-size: smaller;
| |
- | }
| |
- | td.diff-deletedline {
| |
- | background: #ffa;
| |
- | font-size: smaller;
| |
- | }
| |
- | td.diff-context {
| |
- | background: #eee;
| |
- | font-size: smaller;
| |
- | }
| |
- | span.diffchange {
| |
- | color: red;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** keep the whitespace in front of the ^=, hides rule from konqueror
| |
- | ** this is css3, the validator doesn't like it when validating as css2
| |
- | */
| |
- | #bodyContent a[href ^="http://"],
| |
- | #bodyContent a[href ^="gopher://"] {
| |
- | background: url(external.gif) center right no-repeat;
| |
- | padding-right: 13px;
| |
- | }
| |
- | #bodyContent a[href ^="https://"],
| |
- | .link-https {
| |
- | background: url(lock_icon.gif) center right no-repeat;
| |
- | padding-right: 16px;
| |
- | }
| |
- | #bodyContent a[href ^="mailto:"],
| |
- | .link-mailto {
| |
- | background: url(mail_icon.gif) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | #bodyContent a[href ^="news://"] {
| |
- | background: url(news_icon.png) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | #bodyContent a[href ^="ftp://"],
| |
- | .link-ftp {
| |
- | background: url(file_icon.gif) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | #bodyContent a[href ^="irc://"],
| |
- | .link-irc {
| |
- | background: url(discussionitem_icon.gif) center right no-repeat;
| |
- | padding-right: 18px;
| |
- | }
| |
- | /* disable interwiki styling */
| |
- | #bodyContent a.extiw,
| |
- | #bodyContent a.extiw:active {
| |
- | color: #36b;
| |
- | background: none;
| |
- | padding: 0;
| |
- | }
| |
- | #bodyContent a.external {
| |
- | color: #36b;
| |
- | }
| |
- | /* this can be used in the content area to switch off
| |
- | special external link styling */
| |
- | #bodyContent .plainlinks a {
| |
- | background: none !important;
| |
- | padding: 0;
| |
- | }
| |
- | /*
| |
- | ** Structural Elements
| |
- | */
| |
- | /*
| |
- | ** general portlet styles (elements in the quickbar)
| |
- | */
| |
- | .portlet {
| |
- | border: none;
| |
- | margin: 0 0 .8em;
| |
- | padding: 0;
| |
- | float: none;
| |
- | width: 11.6em;
| |
- | /* overflow: hidden; */
| |
- | }
| |
- | .portlet h4 {
| |
- | font-size: 95%;
| |
- | font-weight: normal;
| |
- | white-space: nowrap;
| |
- | }
| |
- | .portlet h5 {
| |
- | background: transparent;
| |
- | padding: 0 1em 0 .8em;
| |
- | display: inline;
| |
- | height: 1em;
| |
- | text-transform: lowercase;
| |
- | font-size: 91%;
| |
- | font-weight: normal;
| |
- | white-space: nowrap;
| |
- | }
| |
- | .portlet h6 {
| |
- | background: #ffae2e;
| |
- | border: 1px solid #2f6fab;
| |
- | border-style: solid solid none solid;
| |
- | padding: 0 1em 0 1em;
| |
- | text-transform: lowercase;
| |
- | display: block;
| |
- | font-size: 1em;
| |
- | height: 1.2em;
| |
- | font-weight: normal;
| |
- | white-space: nowrap;
| |
- | }
| |
- | .pBody {
| |
- | font-size: 95%;
| |
- | background-color: black;
| |
- | color: #a67442;
| |
- | border-collapse: collapse;
| |
- | border: 1px solid #a67442;
| |
- | padding: 0 .8em .3em .5em;
| |
- | }
| |
- | .portlet h1,
| |
- | .portlet h2,
| |
- | .portlet h3,
| |
- | .portlet h4 {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- | .portlet ul {
| |
- | line-height: 1.5em;
| |
- | list-style-type: square;
| |
- | list-style-image: url(bullet.gif);
| |
- | font-size: 95%;
| |
- | }
| |
- | .portlet li {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** Logo properties
| |
- | */
| |
- |
| |
- | #p-logo {
| |
- | z-index: 3;
| |
- | position: absolute; /*needed to use z-index */
| |
- | top: -155px;
| |
- | left: 0;
| |
- | height: 155px;
| |
- | width: 12em;
| |
- | overflow: visible;
| |
- | }
| |
- | #p-logo h5 {
| |
- | display: none;
| |
- | }
| |
- | #p-logo a,
| |
- | #p-logo a:hover {
| |
- | display: block;
| |
- | height: 155px;
| |
- | width: 12.2em;
| |
- | background-repeat: no-repeat;
| |
- | background-position: 35% 50% !important;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** the navigation portlet
| |
- | */
| |
- |
| |
- | #p-navigation {
| |
- | position: absolute; /*needed to use z-index */
| |
- | top: 2em;
| |
- | left: 0em;
| |
- | z-index: 3;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** Search portlet
| |
- | */
| |
- | #p-search {
| |
- | position: relative;
| |
- | background-color: black;
| |
- | z-index: 3;
| |
- | }
| |
- | #p-search .pBody {
| |
- | text-align: center;
| |
- | border: 1px solid #a67442;
| |
- | }
| |
- | input.searchButton {
| |
- | margin-top: 1px;
| |
- | font-size: 95%;
| |
- | }
| |
- | #searchGoButton {
| |
- | padding-left: .5em;
| |
- | padding-right: .5em;
| |
- | font-weight: bold;
| |
- | }
| |
- | #searchInput {
| |
- | width: 10.9em;
| |
- | margin: 0;
| |
- | font-size: 95%;
| |
- | }
| |
- | #p-search .pBody {
| |
- | padding: .5em .4em .4em .4em;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** the personal toolbar
| |
- | */
| |
- |
| |
- | #p-personal {
| |
- | width: 100%;
| |
- | white-space: nowrap;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | position: absolute;
| |
- | left: 0;
| |
- | top: 0;
| |
- | z-index: 0;
| |
- | border: none;
| |
- | background: none;
| |
- | overflow: visible;
| |
- | line-height: 1.2em;
| |
- | }
| |
- |
| |
- | #p-personal h5 {
| |
- | display: none;
| |
- | }
| |
- | #p-personal .portlet,
| |
- | #p-personal .pBody {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | border: none;
| |
- | z-index: 0;
| |
- | overflow: visible;
| |
- | background: none;
| |
- | }
| |
- | /* this is the ul contained in the portlet */
| |
- | #p-personal ul {
| |
- | border: none;
| |
- | line-height: 1.4em;
| |
- | color: #a67442;
| |
- | padding: 0 2em 0 3em;
| |
- | margin: 0;
| |
- | text-align: right;
| |
- | text-transform: lowercase;
| |
- | list-style: none;
| |
- | z-index: 0;
| |
- | background: none;
| |
- | }
| |
- | #p-personal li {
| |
- | z-index: 0;
| |
- | border: none;
| |
- | padding: 0;
| |
- | display: inline;
| |
- | color: #a67442;
| |
- | margin-left: 1em;
| |
- | line-height: 1.2em;
| |
- | background: none;
| |
- | }
| |
- | #p-personal li a {
| |
- | text-decoration: none;
| |
- | color: #bf8f4d;
| |
- | padding-bottom: .2em;
| |
- | background: none;
| |
- | }
| |
- | #p-personal li a:hover {
| |
- | background-color: black;
| |
- | padding-bottom: .2em;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | /* the icon in front of the user name, single quotes
| |
- | in bg url to hide it from iemac */
| |
- | li#pt-userpage,
| |
- | li#pt-anonuserpage,
| |
- | li#pt-login {
| |
- | background: url(user.gif) top left no-repeat;
| |
- | padding-left: 20px;
| |
- | text-transform: none;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** the page-related actions- page/talk, edit etc
| |
- | */
| |
- | #p-cactions {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | z-index: 0;
| |
- | left: 11.5em;
| |
- | 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 .hiddenStructure {
| |
- | display: none;
| |
- | }
| |
- | #p-cactions ul {
| |
- | list-style: none;
| |
- | }
| |
- | #p-cactions li {
| |
- | display: inline;
| |
- | border: 1px solid #a67442;
| |
- | border-bottom: none;
| |
- | padding: 0 0 .1em 0;
| |
- | margin: 0 .3em 0 0;
| |
- | overflow: visible;
| |
- | background: black;
| |
- | }
| |
- | #p-cactions li.selected {
| |
- | border-color: #fabd23;
| |
- | padding: 0 0 .2em 0;
| |
- | }
| |
- | #p-cactions li a {
| |
- | background-color: black;
| |
- | color: #bf8f4d;
| |
- | border: none;
| |
- | padding: 0 .8em .3em .8em;
| |
- | text-decoration: none;
| |
- | text-transform: lowercase;
| |
- | position: relative;
| |
- | z-index: 0;
| |
- | margin: 0;
| |
- | }
| |
- | #p-cactions .selected a {
| |
- | z-index: 3;
| |
- | }
| |
- | #p-cactions .new a {
| |
- | color: #bf8f4d;
| |
- | }
| |
- | #p-cactions li a:hover {
| |
- | z-index: 3;
| |
- | text-decoration: none;
| |
- | }
| |
- | #p-cactions h5 {
| |
- | display: none;
| |
- | }
| |
- | #p-cactions li.istalk {
| |
- | margin-right: 0;
| |
- | }
| |
- | #p-cactions li.istalk a {
| |
- | padding-right: .5em;
| |
- | }
| |
- | #p-cactions #ca-addsection a {
| |
- | padding-left: .4em;
| |
- | padding-right: .4em;
| |
- | }
| |
- | /* offsets to distinguish the tab groups */
| |
- | li#ca-talk {
| |
- | margin-right: 1.6em;
| |
- | }
| |
- | li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
| |
- | margin-left: 1.6em;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** the remaining portlets
| |
- | */
| |
- | #p-tbx,
| |
- | #p-lang {
| |
- | position: relative;
| |
- | z-index: 3;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** footer
| |
- | */
| |
- | #footer {
| |
- | background-color: black;
| |
- | border-top: 1px solid #fabd23;
| |
- | border-bottom: 1px solid #fabd23;
| |
- | margin: .6em 0 1em 0;
| |
- | padding: .4em 0 1.2em 0;
| |
- | text-align: center;
| |
- | font-size: 90%;
| |
- | }
| |
- | #footer li {
| |
- | display: inline;
| |
- | margin: 0 1.3em;
| |
- | }
| |
- | /* hide from incapable browsers */
| |
- | head:first-child+body #footer li { white-space: nowrap; }
| |
- | #f-poweredbyico, #f-copyrightico {
| |
- | margin: 0 8px;
| |
- | position: relative;
| |
- | top: -2px; /* Bump it up just a tad */
| |
- | }
| |
- | #f-poweredbyico {
| |
- | float: right;
| |
- | height: 1%;
| |
- | }
| |
- | #f-copyrightico {
| |
- | float: left;
| |
- | height: 1%;
| |
- | }
| |
- |
| |
- | /* js pref toc */
| |
- | #preftoc {
| |
- | float: left;
| |
- | margin: 1em;
| |
- | width: 13em;
| |
- | }
| |
- | #preftoc li {
| |
- | border: 1px solid #a67442;
| |
- | }
| |
- | #preftoc li.selected {
| |
- | background-color: #f9f9f9;
| |
- | border: 1px dashed #a67442;
| |
- | }
| |
- | #preftoc a,
| |
- | #preftoc a:active {
| |
- | display: block;
| |
- | color: #0014a6;
| |
- | }
| |
- | #prefcontrol {
| |
- | clear: both;
| |
- | float: left;
| |
- | margin-top: 1em;
| |
- | }
| |
- | div.prefsectiontip {
| |
- | font-size: 95%;
| |
- | margin-top: 1em;
| |
- | }
| |
- | fieldset.operaprefsection {
| |
- | margin-left: 15em;
| |
- | }
| |
- |
| |
- | /*
| |
- | ** IE/Mac fixes, hope to find a validating way to move this
| |
- | ** to a separate stylesheet. This would work but doesn't validate:
| |
- | ** @import("IEMacFixes.css");
| |
- | */
| |
- | /* tabs: border on the a, not the div */
| |
- | * > html #p-cactions li { border: none; }
| |
- | * > html #p-cactions li a {
| |
- | border: 1px solid #a67442;
| |
- | border-bottom: none;
| |
- | }
| |
- | * > html #p-cactions li.selected a { border-color: #fabd23; }
| |
- | /* footer icons need a fixed width */
| |
- | * > html #f-poweredbyico,
| |
- | * > html #f-copyrightico { width: 88px; }
| |
- | * > html #bodyContent,
| |
- | * > html #bodyContent pre {
| |
- | overflow-x: auto;
| |
- | width: 100%;
| |
- | padding-bottom: 25px;
| |
- | }
| |
- |
| |
- | /* more IE fixes */
| |
- | /* float/negative margin brokenness */
| |
- | * html #footer {margin-top: 0;}
| |
- | * html #column-content {
| |
- | display: inline;
| |
- | margin-bottom: 0;
| |
- | }
| |
- | * html div.editsection { font-size: smaller; }
| |
- | #pagehistory li.selected { position: relative; }
| |
- |
| |
- | /* Mac IE 5.0 fix; floated content turns invisible */
| |
- | * > html #column-content {
| |
- | float: none;
| |
- | }
| |
- | * > html #column-one {
| |
- | position: absolute;
| |
- | left: 0;
| |
- | top: 200px;
| |
- | }
| |
- | * > html #footer {
| |
- | margin-left: 13.2em;
| |
- | }
| |
- | .redirectText {
| |
- | font-size: 150%;
| |
- | margin: 5px;
| |
- | }
| |
- |
| |
- | .printfooter {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | .not-patrolled {
| |
- | background-color: #ffa;
| |
- | }
| |
- | div.patrollink {
| |
- | font-size: 75%;
| |
- | text-align: right;
| |
- | }
| |
- | span.newpage, span.minor, span.searchmatch {
| |
- | font-weight: bold;
| |
- | }
| |
- | span.unpatrolled {
| |
- | font-weight: bold;
| |
- | color: red;
| |
- | }
| |
- |
| |
- | span.searchmatch {
| |
- | color: red;
| |
- | }
| |
- | .sharedUploadNotice {
| |
- | font-style: italic;
| |
- | }
| |
- |
| |
- | span.updatedmarker {
| |
- | color: #a67442;
| |
- | background-color: black;
| |
- | }
| |
- | span.newpageletter {
| |
- | font-weight: bold;
| |
- | color: #a67442;
| |
- | background-color: #402811;
| |
- | }
| |
- | span.minoreditletter {
| |
- | color: #a67442;
| |
- | background-color: #3b3631;
| |
- | }
| |
- |
| |
- | table.gallery {
| |
- | border: 1px solid #a67442;
| |
- | margin: 2px;
| |
- | padding: 2px;
| |
- | background-color: black;
| |
- | }
| |
- |
| |
- | table.gallery tr {
| |
- | vertical-align: top;
| |
- | }
| |
- |
| |
- | table.gallery td {
| |
- | vertical-align: top;
| |
- | background-color: #262320;
| |
- | border: solid 2px #a67442;
| |
- | }
| |
- |
| |
- | div.gallerybox {
| |
- | margin: 2px;
| |
- | width: 150px;
| |
- | }
| |
- |
| |
- | div.gallerybox div.thumb {
| |
- | text-align: center;
| |
- | border: 1px solid #a67442;
| |
- | margin: 2px;
| |
- | }
| |
- |
| |
- | div.gallerytext {
| |
- | font-size: 94%;
| |
- | padding: 2px 4px;
| |
- | }
| |
- |
| |
- | span.comment {
| |
- | font-style: italic;
| |
- | }
| |
- |
| |
- | span.changedby {
| |
- | font-size: 95%;
| |
- | }
| |
- |
| |
- | .previewnote {
| |
- | text-align: center;
| |
- | color: #cc0000;
| |
- | }
| |
- | .editExternally {
| |
- | border: 1px solid #a67442;
| |
- | background-color: #ffffff;
| |
- | padding: 3px;
| |
- | margin-top: 0.5em;
| |
- | float: left;
| |
- | font-size: small;
| |
- | text-align: center;
| |
- | }
| |
- | .editExternallyHelp {
| |
- | font-style: italic;
| |
- | color: #a67442;
| |
- | }
| |
- |
| |
- | li span.deleted {
| |
- | text-decoration: line-through;
| |
- | color: #888;
| |
- | font-style: italic;
| |
- | }
| |
- |
| |
- | .toggle {
| |
- | margin-left: 2em;
| |
- | text-indent: -2em;
| |
- | }
| |
- |
| |
- | /* Classes for EXIF data display */
| |
- | table.metadata {
| |
- | font-size: 0.8em;
| |
- | margin-left: 0.5em;
| |
- | margin-bottom: 0.5em;
| |
- | }
| |
- |
| |
- | table.metadata caption {
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | table.metadata th {
| |
- | font-weight: normal;
| |
- | }
| |
- |
| |
- | table.metadata td {
| |
- | padding: 0.1em;
| |
- | }
| |
- |
| |
- | table.metadata {
| |
- | border: none;
| |
- | border-collapse: collapse;
| |
- | }
| |
- |
| |
- | table.metadata td, table.metadata th {
| |
- | text-align: center;
| |
- | border: 1px solid #a67442;
| |
- | padding-left: 0.1em;
| |
- | padding-right: 0.1em;
| |
- | }
| |
- |
| |
- | table.metadata th {
| |
- | background-color: #262320;
| |
- | }
| |
- |
| |
- | table.metadata td {
| |
- | background-color: #262320;
| |
- | }
| |
- |
| |
- | /* filetoc */
| |
- | ul#filetoc {
| |
- | text-align: center;
| |
- | border: 1px solid #a67442;
| |
- | background-color: #262320;
| |
- | padding: 5px;
| |
- | font-size: 95%;
| |
- | margin-bottom: 0.5em;
| |
- | margin-left: 0;
| |
- | margin-right: 0;
| |
- | }
| |
- |
| |
- | #filetoc li {
| |
- | display: inline;
| |
- | list-style-type: none;
| |
- | padding-right: 2em;
| |
- | }
| |
- |
| |
- | /* @bug 1714 */
| |
- | input#wpSave, input#wpDiff {
| |
- | margin-right: 0.33em;
| |
- | }
| |
- |
| |
- |
| |
- | /* Classes for article validation */
| |
- |
| |
- | table.revisionform_default {
| |
- | border: 1px solid #a67442;
| |
- | }
| |
- |
| |
- | table.revisionform_focus {
| |
- | border: 1px solid #a67442;
| |
- | background-color:black;
| |
- | }
| |
- |
| |
- | tr.revision_tr_default {
| |
- | background-color:#262320;
| |
- | }
| |
- |
| |
- | tr.revision_tr_first {
| |
- | background-color:#262320;
| |
- | }
| |
- |
| |
- | p.revision_saved {
| |
- | color: yellow;
| |
- | font-weight:bold;
| |
- | }
| |
- |
| |
- | #mw_trackbacks {
| |
- | border: solid 1px #a67442;
| |
- | background-color: #262320;
| |
- | padding: 0.2em;
| |
- | }
| |
- |
| |
- |
| |
- | /* Allmessages table */
| |
- |
| |
- | #allmessagestable th {
| |
- | background-color: #b2b2ff;
| |
- | }
| |
- |
| |
- | #allmessagestable tr.orig {
| |
- | background-color: #ffe2e2;
| |
- | }
| |
- |
| |
- | #allmessagestable tr.new {
| |
- | background-color: #e2ffe2;
| |
- | }
| |
- |
| |
- | #allmessagestable tr.def {
| |
- | background-color: #f0f0ff;
| |
- | }
| |
- |
| |
- | /* restriction patch tab style (white link on red background) */
| |
- | li#ca-unrestrict a {
| |
- | color: white !important;
| |
- | background-color: #ba0000 !important;
| |
- | }
| |
- |
| |
- | #globalWrapper {
| |
- | font-size: 127%;
| |
- | width: 100%;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- | .visualClear {
| |
- | clear: both;
| |
- | }
| |
- |
| |
- | /* general styles */
| |
- |
| |
- | table {
| |
- | font-size: 100%;
| |
- | background: #262320;
| |
- | }
| |
- | /* Non existent links - on page - not red anymore (too gaudy) */
| |
- |
| |
- | a {
| |
- | text-decoration: none;
| |
- | color: #bf8f4d;
| |
- | background: none;
| |
- | }
| |
- | a:visited { color:#bf864d; }
| |
- | a:active { color: #bf864d; }
| |
- | a:hover { text-decoration: underline; }
| |
- | a.stub { color: #bf864d; }
| |
- | a.new,
| |
- | .special a.new { color:#CC9900; }
| |
- | #p-personal a.new { color: #CC9900; }
| |
- | #p-cactions .new a { color: #CC9900; }
| |
- | a.new:visited,
| |
- | .special a.new:visited,
| |
- | #p-personal a.new:visited { color:#bf864d; }
| |
- |
| |
- | #bodyContent a.external { color:#bf864d; }
| |
- | /* 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: #bf864d;
| |
- | background-color: #bf864d;
| |
- | border: 0;
| |
- | margin: 0.2em 0 0.2em 0;
| |
- | }
| |
- |
| |
- | /* gray boxes when displaying pages */
| |
- | code { background-color: #2e2a27; }
| |
- | pre {
| |
- | padding: 1em;
| |
- | border: 1px dashed #a67442;
| |
- | color: #a67442;
| |
- | background-color: #262320;
| |
- | line-height: 1.1em;
| |
- | }
| |
- | /* More black when displaying text */
| |
- | fieldset {
| |
- | border: 1px solid #2f6fab;
| |
- | background-color: #2e2a27;
| |
- | 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: #a67442}
| |
- | #catlinks {
| |
- | border:1px solid #a67442;
| |
- | background-color:#262320;
| |
- | padding:5px;
| |
- | margin-top: 1em;
| |
- | clear: both;
| |
- | }
| |
- | #toc {
| |
- | /*border:1px solid #2f6fab;*/
| |
- | border:1px solid #a67442;
| |
- | background-color:#262320;
| |
- | 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: none;
| |
- | background-color: black;
| |
- | padding: 12 px;
| |
- | width: auto;
| |
- | }
| |
- | div.thumb div {
| |
- | border:1px solid #a67442;
| |
- | padding: 3px !important;
| |
- | background-color:#2e2a27;
| |
- | 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: #a67442; }
| |
- | #pagehistory span.user {
| |
- | margin-left: 1.4em;
| |
- | margin-right: 0.4em;
| |
- | }
| |
- | #pagehistory span.minor { font-weight: bold; }
| |
- | #pagehistory li { border: 1px solid #a67442; }
| |
- | #pagehistory li.selected {
| |
- | background-color:#2e2a27;
| |
- | border:1px dashed #a67442;
| |
- | }
| |
- | /*
| |
- | ** 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: 2px solid #a67442;
| |
- | margin: 2px;
| |
- | padding: 2px;
| |
- | background-color:#262320;
| |
- | }
| |
- | table.gallery td {
| |
- | vertical-align:top;
| |
- | background-color:black;
| |
- | border: solid 2px #a67442;
| |
- | }
| |
- |
| |
- | /*height, bkg of nav bar */
| |
- | #column-one { padding-top: 0px;
| |
- | z-index: 3;
| |
- | position: absolute;
| |
- | left: 0;
| |
- | top: 160px;
| |
- | background: black;
| |
- | }
| |
- |
| |
- | /*navbar style: black background, gray line items, white text... */
| |
- |
| |
- | .portlet h6,h5,h4 {color:#a67442;}
| |
- |
| |
- | .pBody {
| |
- | font-size: 95%;
| |
- | background: black ;
| |
- | border-collapse: collapse;
| |
- | border: 5px solid #a67442;
| |
- | padding: 0 0.8em 0.3em 0.5em;
| |
- | }
| |
- | .portlet li {
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | background: black;
| |
- | }
| |
- | .portlet a {color:#CC9966;}
| |
- |
| |
- | #p-search .pBody {
| |
- | text-align: center;
| |
- | background: #2e2a60;
| |
- | }
| |
- |
| |
- | /* quickbar: article, edit, ... watch tags */
| |
- |
| |
- | #p-cactions {
| |
- | position:absolute;
| |
- | top: 0px;
| |
- | 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: 2px solid #a67442;
| |
- | border-bottom: none;
| |
- | padding: 0 0 0.1em 0;
| |
- | margin: 0 0.3em 0 0;
| |
- | overflow: visible;
| |
- | background: black;
| |
- | }
| |
- | #p-cactions li.selected {
| |
- | /* border-color: #fabd23; */
| |
- | border: 3px solid #a67442;
| |
- | background-color: #2e2a27;
| |
- | padding: 0 0 0.2em 0;
| |
- | color: #fabd23;
| |
- | }
| |
- | #p-cactions li a {
| |
- | background-color: black;
| |
- | color: #bf864d;
| |
- | 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: 65em;
| |
- | top: 0px;
| |
- | 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: #a67442;
| |
- | margin-left: 1em;
| |
- | line-height: 1.2em;
| |
- | background: black;
| |
- | }
| |
- | /* 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>
| |