Benutzer:Rene/monobook.css: Unterschied zwischen den Versionen
aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Weitere Optionen
Rene (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Rene (Diskussion | Beiträge) CSS von Ardapedia - Zum Testen |
||
| Zeile 1: | Zeile 1: | ||
/* | |||
** Mediawiki 'monobook' style sheet for CSS2-capable browsers. | |||
** Copyright Gabriel Wicke - http://wikidev.net/ | |||
** License: GPL | |||
** | |||
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John | |||
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher, | |||
** Michael Zeltner and Geir Bækholt) | |||
** All you guys rock :) | |||
*/ | |||
#column-content { | |||
width: 100%; | |||
float: right; | |||
margin: -1px 0 0.6em -12.2em; | |||
} | |||
#content { | |||
margin: 0 0 0 12.2em; | |||
padding: 0em 1em 1.5em 1em; | |||
background: #204B2C;/*#265834;/*#336633;*//*White;*/ | |||
border: 1px solid #388240;/*#fabd23;*//*#aaaaaa;*/ | |||
border-right: none; | |||
line-height: 1.5em; | |||
position: relative; | |||
z-index: 2; | |||
} | |||
#column-one { padding-top: 6.75em; } | |||
/* the left column width is specified in class .portlet */ | |||
/* Font size: | |||
** We take advantage of keyword scaling- browsers won't go below 9px | |||
** More at http://www.w3.org/2003/07/30-font-size | |||
** http://style.cleverchimp.com/font_size_intervals/altintervals.html | |||
*/ | |||
body { | |||
font: x-small sans-serif; | |||
background: #293812;/*#f9f9f9 url("headbg.jpg") 0px 0px no-repeat; */ | |||
color: White; /*#F5F8CB; /*Black;*/ | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* scale back up to a sane default */ | |||
#globalWrapper { | |||
font-size:127%; | |||
width: 100%; | |||
margin: 0; | |||
padding: 8em 0 0 0; | |||
} | |||
.visualClear { clear: both; } | |||
/* general styles */ | |||
table { | |||
font-size: 100%; | |||
background: #336633;/*White;*/ | |||
} | |||
a { | |||
text-decoration: none; | |||
color: #FFCC00;/*#002bb8;*/ | |||
background: none; | |||
} | |||
a:visited { color: #FFCC00; text-decoration: none; /*#CC9900;/*#5a3696;*/ } | |||
a:active { color: #FFCC00;/*Orange;*/ } | |||
a:hover { text-decoration: underline; } | |||
a.stub { color: #772233; } | |||
a.new { color: #EE7600; /*#FB0000;/*#ba0000;*/ } | |||
/*#p-personal a.new { color:#FB0000;/*#ba0000;* / }*/ | |||
/*a.new:visited { color:#FB4444/*#a55858;* / } */ | |||
/*#p-personal a.new:visited { color:#FB4444/*#a55858;* / }*/ | |||
img { | |||
border: none; | |||
vertical-align: middle; | |||
} | |||
p { | |||
margin: 0.4em 0em 0.5em 0em; | |||
line-height: 1.5em; | |||
} | |||
p img { margin: 0; } | |||
hr { | |||
height: 1px; | |||
color: #aaaaaa; | |||
background-color: #aaaaaa; | |||
border: 0; | |||
margin: 0.2em 0 0.2em 0; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
color: White; /*#F5F8CB;/*Black;*/ | |||
background: none; | |||
font-weight: normal; | |||
margin: 0; | |||
padding-top: 0.5em; | |||
padding-bottom: 0.17em; | |||
border-bottom: 1px solid #aaaaaa; | |||
} | |||
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: 0.3em 0 0 1.5em; | |||
padding:0; | |||
list-style-image: url("bullet.gif"); | |||
} | |||
ol { | |||
line-height: 1.5em; | |||
margin: 0.3em 0 0 3.2em; | |||
padding:0; | |||
list-style-image: none; | |||
} | |||
li { margin-bottom: 0.1em; } | |||
dt { | |||
font-weight: bold; | |||
margin-bottom: 0.1em; | |||
} | |||
dl{ | |||
margin-top: 0.2em; | |||
margin-bottom: 0.5em; | |||
} | |||
dd { | |||
line-height: 1.5em; | |||
margin-left: 2em; | |||
margin-bottom: 0.1em; | |||
} | |||
fieldset { | |||
border: 1px solid #388240;/*#2f6fab;*/ | |||
margin: 1em 0em 1em 0em; | |||
padding: 0em 1em 1em 1em; | |||
line-height: 1.5em; | |||
} | |||
legend { | |||
background: #336633/*White;*/ | |||
padding: 0.5em; | |||
font-size: 95%; | |||
} | |||
form { | |||
border: none; | |||
margin: 0; | |||
} | |||
textarea { | |||
border: 1px solid #388240;/*#2f6fab;*/ | |||
color: Black; | |||
background-color: white; | |||
/*width: 100%;*/ | |||
padding: 0.1em; | |||
overflow: auto; | |||
} | |||
/* hide this from ie/mac and konq2.2 */ | |||
/*@media All { | |||
head:first-child+body input { | |||
visibility: visible; | |||
border: 1px solid #2f6fab; | |||
color: Black; | |||
background-color: white; | |||
vertical-align: middle; | |||
padding: 0.2em; | |||
} | |||
}*/ | |||
#wpConfirmProtectB, | |||
#wpConfirmB, | |||
#wpSave, | |||
#wpPreview, | |||
#searchx, | |||
#redirect, | |||
#wpBlock, | |||
#go, | |||
#exportSubmit, | |||
#wpIlSubmit, | |||
#importXMLSubmit, | |||
#importIWSubmit, | |||
#wpBlock, | |||
#wpMakesysopSubmit, | |||
#wpMove, | |||
#wpSaveprefs, | |||
#wpReset, | |||
#wpLoginattempt, | |||
#remove, | |||
#guesstimezonebutton, | |||
#historysubmit, | |||
#historysubmittop, | |||
#fulltext, | |||
input.searchButton { | |||
margin-top:1px; | |||
padding: 0 0.4em !important; | |||
font-size: 95%; | |||
cursor: pointer; | |||
background-color: #336633;/*#293812;/*White;*/ | |||
color: #FFCC00; | |||
border: 1px solid #388240;/*#aaaaaa;/*#2f6fab;*/ | |||
} | |||
input.historysubmit { | |||
padding: 0 0.3em 0.3em 0.3em !important; | |||
font-size: 94%; | |||
cursor: pointer; | |||
height: 1.7em !important; | |||
margin-left: 1.6em; | |||
} | |||
input[type="radio"], | |||
input[type="checkbox"] { border:none; } | |||
select { | |||
border: 1px solid #388240;/*#2f6fab;*/ | |||
color: /*Black;*/#336633;/*White;*/ | |||
vertical-align: top; | |||
} | |||
abbr, acronym, .explain { | |||
border-bottom: 1px dotted Black; | |||
color: Black; | |||
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 { | |||
border: 1px dashed #FFCC00; /*#388240;/*dashed #2f6fab;*/ | |||
/*background-color: #f9f9f9; | |||
color: black;*/ | |||
} | |||
pre { | |||
padding: 1em; | |||
border: 1px dashed #FFCC00; /*#388240;/*dashed #2f6fab;*/ | |||
/*color: Black; | |||
background-color: #f9f9f9;*/ | |||
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: #7d7d7d; | |||
width: auto; | |||
} | |||
span.subpages { display: block; } | |||
/* Some space under the headers in the content area */ | |||
#bodyContent h1, | |||
#bodyContent h2, | |||
#bodyContent h3, | |||
#bodyContent h4, | |||
#bodyContent h5 { | |||
margin-bottom:0.8em; | |||
} | |||
.firstHeading { margin-bottom:0.1em; } | |||
/* user notification thing */ | |||
.usermessage { | |||
/*background-color: #ffce7b;*/ | |||
border: 1px solid White; /*#ffa500;*/ | |||
color: White; /*Black;*/ | |||
font-weight: bold; | |||
margin: 2em 0em 1em 0em; | |||
padding: 0.5em 1em; | |||
vertical-align: middle; | |||
} | |||
#siteNotice { | |||
text-align: center; | |||
font-size: 95%; | |||
padding: 0 0.9em 0 0.9em; | |||
} | |||
#siteNotice p { margin: none; padding: none; } | |||
.error { | |||
color: #EE7600; | |||
font-size: larger; | |||
} | |||
#catlinks { | |||
border:1px solid #388240;/*#aaaaaa;*/ | |||
background-color: #336633;/*#f9f9f9;*/ | |||
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 0em; | |||
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 | |||
*/ | |||
.editsection { | |||
float: right; | |||
} | |||
#toc { | |||
/*border:1px solid #2f6fab;*/ | |||
border:1px solid #388240;/*#aaaaaa;*/ | |||
background-color:#336633;/*#f9f9f9;*/ | |||
padding:5px; | |||
font-size: 95%; | |||
} | |||
#toc .tocindent { margin-left: 2em; } | |||
#toc .tocline { margin-bottom: 0px; } | |||
#toc p { margin: 0 } | |||
#toc .toctoggle { font-size: 94%; } | |||
#toc .editsection { | |||
margin-top: 0.7em; | |||
font-size: 94%; | |||
} | |||
/* images */ | |||
div.floatright, table.floatright { | |||
clear: right; | |||
float: right; | |||
margin: 0; | |||
position: relative; | |||
border: 0.5em solid #204B2C;/*White;*/ | |||
border-width: 0.5em 0 0.8em 1.4em; | |||
} | |||
div.floatright p { font-style: italic; } | |||
div.floatleft, table.floatleft { | |||
float: left; | |||
margin: 0.3em 0.5em 0.5em 0; | |||
position: relative; | |||
border: 0.5em solid #204B2C;/*White;*/ | |||
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: #204B2C;/*White;*/ | |||
width: auto; | |||
} | |||
div.thumb div { | |||
border:1px solid #388240;/*#cccccc;*/ | |||
padding: 3px !important; | |||
background-color:#204B2C;/*#f9f9f9;*/ | |||
font-size: 94%; | |||
text-align: center; | |||
overflow: hidden; | |||
} | |||
div.thumb div a img { | |||
border:1px solid #cccccc; | |||
} | |||
div.thumb div div.thumbcaption { | |||
border: none; | |||
text-align: left; | |||
line-height: 1.4; | |||
padding: 0.3em 0 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: 0.5em 0 0.8em 1.4em; | |||
} | |||
div.tleft { | |||
float: left; | |||
margin-right:0.5em; | |||
border-width: 0.5em 1.4em 0.8em 0; | |||
} | |||
.urlexpansion, | |||
.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 #aaaaaa; | |||
background-color:#f9f9f9; | |||
padding:5px; | |||
font-size: 95%; | |||
} | |||
div.townBox { | |||
position:relative; | |||
float:right; | |||
background:#F5F8CB; | |||
margin-left:1em; | |||
border: 1px solid Grey; | |||
padding:0.3em; | |||
width: 200px; | |||
overflow: hidden; | |||
clear: right; | |||
} | |||
div.townBox dl { | |||
padding: 0; | |||
margin: 0 0 0.3em 0; | |||
font-size: 96%; | |||
} | |||
div.townBox dl dt { | |||
background: none; | |||
margin: 0.4em 0 0 0; | |||
} | |||
div.townBox dl dd { | |||
margin: 0.1em 0 0 1.1em; | |||
background-color: #f3f3f3; | |||
} | |||
/* | |||
** 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 #388240;/*White;*/ } | |||
#pagehistory li.selected { | |||
background-color: #336633;/*#f9f9f9;*/ | |||
border:1px dashed #388240;/*#aaaaaa;*/ | |||
} | |||
/* | |||
** Diff rendering | |||
*/ | |||
table.diff { background:#204B2C;/*white;*/ } | |||
td.diff-otitle { | |||
background:#336633;/*;#ffffff;*/ | |||
border: 1px solid #388240; | |||
} | |||
td.diff-ntitle { | |||
background:#336633;/*#ffffff;*/ | |||
border: 1px solid #388240; | |||
} | |||
td.diff-addedline { | |||
background:#DCDCDC;/*#ccffcc;*/ | |||
color:black; | |||
font-size: smaller; | |||
} | |||
td.diff-deletedline { | |||
background:#ffffaa; | |||
color:black; | |||
font-size: smaller; | |||
} | |||
td.diff-context { | |||
background:/*#eeeeee;*/ | |||
color:black; | |||
font-size: smaller; | |||
} | |||
span.diffchange { color: #EE7600; /*red;*/ } | |||
/* | |||
** 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.png) 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: #3366bb; | |||
background: none; | |||
padding: 0; | |||
} | |||
#bodyContent a.external { color: #FFCC00;/*#3366bb;*/ } | |||
/* 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 0.5em 0em; | |||
float: none; | |||
padding: 0; | |||
width: 11.6em; | |||
/* overflow: hidden;*/ | |||
} | |||
.portlet h4 { | |||
font-size: 95%; | |||
font-weight: normal; | |||
white-space: nowrap; | |||
} | |||
.portlet h5 { | |||
background: transparent; | |||
padding: 0em 1em 0em 0.5em; | |||
/* text-transform: lowercase; */ | |||
display: inline; | |||
font-size: 91%; | |||
height: 1em; | |||
font-weight: normal; | |||
white-space: nowrap; | |||
} | |||
.portlet h6 { | |||
background: #ffae2e; | |||
border: 1px solid #2f6fab; | |||
border-style: solid solid none solid; | |||
padding: 0em 1em 0em 1em; | |||
/* text-transform: lowercase; */ | |||
display: block; | |||
font-size: 1em; | |||
height: 1.2em; | |||
font-weight: normal; | |||
white-space: nowrap; | |||
} | |||
.pBody { | |||
font-size: 95%; | |||
background: #204B2C;/*#336633;/*White;*/ | |||
border-collapse: collapse; | |||
border: 1px solid #388240;/*#fabd23;*//*#aaaaaa;*/ | |||
padding: 0 0.8em 0.3em 0.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 0 0 0; | |||
margin-bottom: 0; | |||
} | |||
/* | |||
** Logo properties | |||
*/ | |||
#p-logo { | |||
z-index: 3; | |||
position:absolute; /*needed to use z-index */ | |||
top: 1.2em; | |||
left: 0; | |||
height: 60px; | |||
width: 100%; | |||
overflow: visible; | |||
background-color: #204B2C;/*#336633;/*White;*/ | |||
border-top: 1px solid #388240;/*#fabd23;*/ | |||
border-bottom: 1px solid #388240;/*#fabd23;*/ | |||
} | |||
#p-logo h5 { display: none; } | |||
#p-logo a, | |||
#p-logo a:hover { | |||
display: block; | |||
height: 60px; | |||
width: 100%; | |||
background-repeat: no-repeat; | |||
background-position: 12em 0 !important; | |||
/*text-decoration: none;*/ | |||
} | |||
/* | |||
** the navigation portlet | |||
*/ | |||
#p-navigation { | |||
position:relative; | |||
z-index:3; | |||
margin-top: -8em; | |||
} | |||
/* | |||
** Search portlet | |||
*/ | |||
#p-search { | |||
position:relative; | |||
z-index:3; | |||
} | |||
#p-search .pBody { | |||
text-align: center; | |||
} | |||
#searchInput { | |||
border: 1px solid #388240;/*#2f6fab;*/ | |||
width:10.9em; | |||
margin: 0 0 0 0; | |||
font-size: 95%; | |||
background-color: white; | |||
color: black; | |||
} | |||
#p-search .pBody { | |||
padding: 0.5em 0.4em 0.4em 0.4em; | |||
} | |||
/* | |||
** community toolbar | |||
*/ | |||
#p-community { | |||
width:100%; | |||
white-space:nowrap; | |||
padding:0 0 0 0; | |||
margin:0; | |||
position:absolute; | |||
left:0; | |||
top:0; | |||
z-index: 0; | |||
border: none; | |||
background: none; | |||
overflow: visible; | |||
line-height: 1.2em; | |||
} | |||
#p-community .portlet { | |||
padding:0; | |||
margin:0; | |||
border: none; | |||
z-index:0; | |||
overflow: visible; | |||
background: none; | |||
} | |||
#p-community .pBody { | |||
padding: 0 1em 0 0; | |||
margin:0; | |||
border: none; | |||
z-index:0; | |||
overflow: visible; | |||
background: none; | |||
text-align: right; | |||
} | |||
#p-community a { | |||
color: #ffffff; | |||
font-size: 90%; | |||
} | |||
#p-community a:hover { | |||
color: #dddddd; | |||
} | |||
/* | |||
** the personal toolbar | |||
*/ | |||
#p-personal { | |||
position:relative; | |||
z-index:3; | |||
} | |||
#pt-anonuserpage { | |||
display:none; | |||
} | |||
/*#p-personal { | |||
width:100%; | |||
white-space:nowrap; | |||
padding:0 0 0 0; | |||
margin:0; | |||
position:absolute; | |||
left:0px; | |||
top:0px; | |||
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: #2f6fab; | |||
padding: 0em 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: #2f6fab; | |||
margin-left: 1em; | |||
line-height: 1.2em; | |||
background: none; | |||
} | |||
#p-personal li a { | |||
text-decoration: none; | |||
color: #005896; | |||
padding-bottom: 0.2em; | |||
background: none; | |||
} | |||
#p-personal li a:hover { | |||
background-color: White; | |||
padding-bottom: 0.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; | |||
background-repeat: no-repeat; | |||
padding-left: 20px; | |||
text-transform: none; | |||
} | |||
/* | |||
** the page-related actions- page/talk, edit etc | |||
*/ | |||
#p-cactions { | |||
position:absolute; | |||
top: 1.3em; | |||
left: 11.5em; | |||
margin: 5.3em 0 0 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 { | |||
margin-bottom: -3px; | |||
} | |||
#p-cactions .hiddenStructure { display: none; } | |||
#p-cactions ul { | |||
list-style: none; | |||
} | |||
#p-cactions li { | |||
display: inline; | |||
border: 1px solid #388240;/*#aaaaaa;*/ | |||
border-bottom: none; | |||
padding: 0 0 0.1em 0; | |||
margin: 0 0.3em 0 0; | |||
overflow: visible; | |||
background: #204B2C;/*#336633;/*White;*/ | |||
} | |||
#p-cactions li.selected { | |||
border-color: #388240;/*#fabd23;*/ | |||
padding: 0 0 0.2em 0; | |||
} | |||
#p-cactions li a { | |||
background-color: #204B2C;/*#336633;/*White;*/ | |||
color: #FFCC00;/*#002bb8;*/ | |||
padding: 0 0.8em 0.3em 0.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: #EE7600; /*#FB0000;/*#ba0000;*/ } | |||
#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: 0.5em; } | |||
#p-cactions #ca-addsection a { | |||
padding-left: 0.4em; | |||
padding-right: 0.4em; | |||
} | |||
/* offsets to distinguish the tab groups */ | |||
li#ca-talk { margin-right: 1.6em; } | |||
li#ca-watch, li#ca-watch { margin-left: 1.6em; } | |||
/* | |||
** the remaining portlets | |||
*/ | |||
#p-tbx, | |||
#p-lang { | |||
position:relative; | |||
z-index:3; | |||
} | |||
/* | |||
** footer | |||
*/ | |||
#footer { | |||
background-color: #204B2C;/*#336633;/*White;*/ | |||
border-top: 1px solid #388240;/*#fabd23;*/ | |||
border-bottom: 1px solid #388240;/*#fabd23;*/ | |||
margin: 0.6em 0em 1em 0em; | |||
padding: 0.4em 0em 1.2em 0em; | |||
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 { | |||
margin: 0; | |||
padding: 0; | |||
width: 100%; | |||
clear: both; | |||
} | |||
#preftoc li { margin: 1px -2px 1px 2px; | |||
float: left; | |||
padding: 2px 0 3px 0; | |||
background-color: #204B2C; | |||
color: #000; | |||
border: 1px solid #388240; | |||
border-right-color: #716f64; | |||
border-bottom: 0; | |||
position: relative; | |||
white-space: nowrap; | |||
list-style-type: none; | |||
list-style-image: none; | |||
z-index: 3; | |||
} | |||
#preftoc li.selected { | |||
font-weight: bold; | |||
background-color: #336633; /*#f9f9f9;*/ | |||
border: 1px solid #388240; /*#aaa;*/ | |||
border-bottom: none; | |||
cursor: default; | |||
top: 1px; | |||
padding-top: 2px; | |||
margin-right: -3px; | |||
} | |||
#preftoc > li.selected { | |||
top: 2px; | |||
} | |||
#preftoc a, | |||
#preftoc a:active { | |||
display: block; | |||
color: #FFCC00;/*#000;*/ | |||
padding: 0 .7em; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
#preftoc li.selected a { | |||
cursor: default; | |||
text-decoration: none; | |||
} | |||
#prefcontrol { | |||
padding-top: 2em; | |||
clear: both; | |||
} | |||
#preferences { | |||
margin: 0; | |||
border: 1px solid #388240; | |||
clear: both; | |||
padding: 1.5em; | |||
background-color: #336633; | |||
} | |||
.prefsection { | |||
border: none; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.prefsection fieldset { | |||
border: 1px solid #388240; | |||
float: left; | |||
margin-right: 2em; | |||
} | |||
.prefsection legend { | |||
font-weight: bold; | |||
} | |||
.prefsection table, .prefsection legend { | |||
background-color: #336633; | |||
} | |||
.mainLegend { | |||
display: none; | |||
} | |||
div.prefsectiontip { | |||
font-size: 95%; | |||
margin-top: 1em; | |||
} | |||
fieldset.operaprefsection { margin-left: 15em } | |||
#loginend { | |||
padding-top: 2em; | |||
} | |||
/* | |||
** 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 #aaaaaa; | |||
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: 0; | |||
} | |||
/* | |||
* > html #footer { | |||
margin-left: 13.2em; | |||
}*/ | |||
.printfooter { | |||
display: none; | |||
} | |||