/* Style sheet for JSPWiki 2.2ff.
First a general layout part, which quite likely can be replaced with your own favorite stylesheet settings.
Then, starting ca. halfway down, JSPWiki specific settings start.
Based on DiversityWorkbench styles, JSPWiki 2.2.28, Alessandro Melandri's Smallpiece template (many thanks!) */
body {margin:0 0 2em 0; padding:0; background:white;}
/* 'background-color' does not work on MAC IE 3, 'background' does! */
/* padding not needed for IE/FF, but necessary for Opera (tested with 8.51) */
body, table {color:black; font-family:"Lucida Grande",Arial,Helvetica,Lucida,sans-serif;}
/* Goal: let user decide on desired text size throughout. Some browser compatibility problems here, esp. with older NS.
Using % has best compatibility, but as of 2005 could probably use em method as well. */
/* IE and Firefox/Opera have significantly different default font size. Since IE looks somewhat too large, a good comprise
seems to be minimal reduction of 97%: */
body, table {font-size:97%} /* body, plus table for Netscape 4 which incorrectly does not recognize table as child of body. */
body table {font-size:100%} /* = table within body, undo "NS-damage" for the other browsers */
/* Link pseudo styles. Order of definition is relevant since not mutually exclusive, and browser bugs exist! */
/* Normal links do not distinguish followed links, this is rather irritating
for all the "method/tool links on a wiki page. However, see below for links with class wikipage! */
:link {color:#0044B2; background:transparent; text-decoration:none; }
:visited {color:#0044B2; background:transparent; text-decoration:none; }
:link:focus, :visited:focus {color:blue; background:#FFFFAA}
:link {color:#0044B2; background:transparent; text-decoration:none; }
:visited {color:#0044B2; background:transparent; text-decoration:none; }
:link:hover, :visited:hover,
:link:active, :visited:active {color:blue; background:#FFFFAA}
/* link not highlighted (text visible, link-property invisible) */
a.invis:visited {color:black; background:transparent; text-decoration:none; }
a.invis:hover,
a.invis:active {color:black; background:#FFFFAA}
a.invis:link {color:black; background:transparent; text-decoration:none; }
a.invis:hover {color:black; background:#FFFFAA}
/* style for links to help, different color, cursor as help (= ?) */
a.help:visited {cursor:help; color:blue; background:transparent; text-decoration:none; }
a.help:hover {cursor:help; color:blue; background:#FFA; }
a.help:active {cursor:help; color:blue; background:transparent; }
a.help:link {cursor:help; color:blue; background:transparent; text-decoration:none; }
/* 2005-11-21 -> own color for visited links (was: now trying suggestions: #224E87, #1D4273 (darkish gray blue) #1E3E90 (bluish) #444444 (gray)).
Not jet used in Workbench02.css
2006-09-26
The old value:#0044B2 was to faint trying new value on internal server: #4F6E9F */
a.wikipage:visited {color:#4F6E9F; background:transparent; text-decoration:none; }
a.wikipage:hover,
a.wikipage:active {color:blue; background:#FFFFAA}
a.wikipage:link {color:#0044B2; background:transparent; text-decoration:none; }
a.wikipage:hover {color:blue; background:#FFFFAA}
/* turn off link border around images; attribute border="0" is no longer possible in xhtml strict! */
a img {border:0 none; }
img[usemap] {border:0 none; } /* img outside of hyperlink, but associated with a map, suppress border! */
h1, h2, h3, h4, h5, h6 { text-align:left; background:transparent; /* w3c stylesheet: "WebTV has a bug with transparent" */
margin-top:0.8em; margin-bottom:0.5em; font-weight:bold; color:#1041A4; } /* #0B4AA9 #0A47A2 #005090 */
h1 {font-size:1.6em; } /* OK, IE interprets size relative to body! */
h2 {font-size:1.45em; } /* JSPWiki: !!!Heading */
h3 {font-size:1.25em; } /* JSPWiki: !!Heading */
h4 {font-size:1.10em; } /* JSPWiki: !Heading */
h5, h6 {font-size:1em; } /* these occur in JSPWiki only if inline html is enabled. */
div, th, td, form, input, textarea, select, p, ul, ol, li, dl, address, blockquote {
font-family:"Lucida Grande",Arial,Helvetica,Lucida,sans-serif;} /* should inherit, but often don't */
pre, tt, code, kbd, samp {font-family:"Courier New",Courier,monospace; }
p, li, dl, address, blockquote {margin-top:0.7em; margin-bottom:0.7em; line-height:1.25;}
ul, ol, pre {margin-top:0; margin-bottom:0; }
form {margin:0; padding-top:0.5em; padding-bottom:0.5em; } /* reduce form border */
textarea, input, select, button, label, legend {font-size:100%}
/* without this font-size setting IE and Firefox use fix font size, i.e. not inherited from body! */
textarea {padding:0.2em} /* making esp. left side more readable. Default in FF1.5 is 0! */
/* List definitions: */
ul {margin-left:1.5em; list-style-type:square; padding:0;}
ol {margin-left:1.9em; list-style-type:decimal; padding:0;} /* margin left is here margin of list text */
ul ul {list-style-type:circle} /* margin-left remains, is relative to parent item! */
ol ol {list-style-type:lower-alpha} /* margin-left remains, is relative to parent item! */
dt {margin-top:0; margin-bottom:0; font-weight:bold}
dd, dd p {margin-top:0; margin-bottom:0.7em; }
sup {text-decoration:none; font-size:86%; }
sub {text-decoration:none; font-size:86%; }
small {font-size:86%; }
.hilite {color:black; background:yellow; } /* for highlighted notes, usually class of span or div */
.hide {display:none} /* Note: do not use all.hide etc. syntax, IE ignores this */
.large {font-size:115%}
.small {font-size:86%}
.tiny {font-size:77%} /* never use sizes smaller 75%, esp. unreadable on Mac. 77% can still be read with IE: Text size=smaller */
/* for other people's revision comments on a text */
.comment1, .comment2, .comment3, .comment4 {padding-left:1.5em; font-size:86%;}
.comment1 {color:#000099} /* darker blue */
.comment2 {color:#007722} /* darkgreen */
.comment3 {color:maroon} /* reddish brown */
.comment4 {color:#ee5500} /* cinnamon/darker orange, ff6600 would be clear orange, matching with blue */
/* ============================== */
/* JSPWiki definitions */
/* ============================== */
/*== Page view: ==*/
/* img.inline {} * images inserted directly into text using [img.png] rule */
.versionhistory {font-size:85%; }
.attachments {font-size:90%; padding-bottom:1em; }
.attachments h3 {margin-bottom:0.3em; padding-bottom:0px; } /* e.g. heading above attachment list, e.g. Attachments
*/
/* a.wikipage { } * Normal, internal wiki reference */
a.editpage,
a.editpage:link,
a.editpage:visited {color:#FF0000; background:transparent; text-decoration:none; border-bottom:1px dashed red; }
/* !Misnomer! "editpage" is link to non-existing page (i.e. "createpage"), NOT to edit mode! */
/* a.external { } * External reference */
/* a.interwiki{ } * Interwiki reference */
a.footnoteref {vertical-align:super; font-size:70%; }
a.footnote {color:#0044AA; background:transparent; }
#editaction-footer {font-weight:bold}
/* also available: #editaction-header currently not bold */
/*== Page Edit/Comment/Preview: ==*/
body.edit,
body.comment {background:#F0F0F0} /* both edit and comment in EditTemplate.jsp. */
textarea.editor {width:100%; border-color:gray} /* Edit.jsp editor area style. -- GH: this is a singleton, could use id= and #style instead. */
div.previewnote {color:black; background:#fff0f0; padding:1em; text-align:center; font-size:100%; } /* = text "This is a preview..." */
div.previewcontent {color:black; background:#E0E0E0; padding:1em; } /* = page content in preview..." */
/* pre highlighted with background and border: */
pre {color:black; background:#F3F5F7; padding:5pt; border:1px solid #AEBCCC; /* light bluish-gray background, grayish blue border */
white-space:pre; overflow:auto;
/* css 3 or browser specific rules, see http://forums.techguy.org/archive/index.php/t-249849.html: */
white-space:pre-wrap; word-wrap:break-word; white-space:-pre-wrap; white-space:-moz-pre-wrap; white-space:-o-pre-wrap; }
/* ALL lists in wiki are compact; add line between to space two bullets! */
ul, ul li, ol, ol li, ul li p, ol li p {margin-top:0; margin-bottom:0; }
/* surprisingly, at least in IE6 "ul li", "ul li p" do NOT automatically inherit from ul, must be named specifically! */
/* Styling hr is difficult. Best cross-browser compatibility with: */
hr {height:0; border:0; border-top:1px solid #D8D8D8;}
/* Table formatting: */
table {background:transparent; empty-cells:show; border-collapse:collapse;} /* collapse = removes html default cellspacing=2 resulting in double lines */
/* background:transparent; else tables white in IE if body is colored; "empty-cells:show" not yet interpreted by IE 6, avoids "holes" in tables */
table caption {font-size:115%; font-weight:bold; font-family:"Lucida Grande",Arial,Helvetica,Lucida,sans-serif; } /* some browsers do not inherit this! */
th p, td p {margin:0; padding:0;}
/* wikitable = only tables from wiki content, not from templates or plugins */
table.wikitable {border-style:solid; border-width:1px; margin:0.5em 0;}
/* Do not put the following on th/td, would cause problem with template layout */
table.wikitable th {padding:0.25em; text-align:left; vertical-align:bottom;}
table.wikitable td {padding:0.25em; text-align:left; vertical-align:top;}
/* Table with alternating background color or rows: */
.zebra-table th {color:black; background:#e0e0e0; }
.zebra-table tr.odd td {color:black; background:#f0f0f0; }
/* Special version for identification keys: */
.key-table th {color:black; background:#e0e0e0; }
.key-table tr.odd td {color:black; background:#f0f0f0; }
/* the Child selectors and the Pseudo-class :first-child are not supported in IE up to version 6. It works in Firefox, Opera, ... */
.key-table tr>td:first-child {font-weight:bold;}
/* Centering: */
.center {text-align:center; }
.center table {margin-left:auto; margin-right:auto; text-align:left; }
/* JSP wiki supports superscript/subscript only through span-CSS classes. WIKI syntax: %%sup superscript%% and %%sub subscript%% */
span.sup {vertical-align:super; font-size:86%; }
span.sub {vertical-align:sub; font-size:86%; }
/* Following used, e.g., by ConfigurableTemplate: */
/* header/footer have a line below/above, replacing the previously used hr elements.
This enables more styling variants (hr difficult to disable!).
Note: padding is between table and line, margin between line and following text.
Note: double divs are necessary for some styling options, e.g. grayback-whiteline-grayline. Firefox 1.5 has bug when combining table and div lines, they fall together!
Note: It would be logical to set left/right padding in header/footerarea. However, IE 6 has a problem when combining div padding with table 100%. The table seems to be calculated on body, ignoring the divs, thus the page becomes wider than screen. Further, when using margin on table, the IE problem reappears. When using padding on table, IE6 is ok, but FF1.5 completely ignores the setting. Current solution: left/right padding on td inside table inside header/footerarea divs. */
#sidebar-cell {background:#F8F8F8; border-bottom:1px solid #D8D8D8; border-right:2px solid #D8D8D8; } /* active only when table-layout is used */
#sidebararea {background:#F8F8F8; font-size:90%; }
#sidebararea-i {padding:0 10px 1em 15px; }
/* also available: #sidebarheader {}, #sidebar {} */
#headerarea {background:#F1F1F1 url("img/grayback.png") repeat-x top left; border-bottom: 1px solid #D8D8D8; }
#headerarea-i {border-bottom: 2px solid #F1F1F1; padding:2px 0 0 0; min-height:58px; overflow:visible; }
/* Note: it is desirable to define a minimum height of div, esp. if no icon/logo image is set.
However, FF works correctly only with min-height (size is increased for large font/narrow window). IE6 does not
interpret min-heigth yet. IE interprets height with visible overflow as min height (incorrect); BUT FF interprets
this as exact height! */
#headerarea td {padding:1px 10px 1px 10px; } /* In contrast to IE, Gecko ignores padding on table element itself, must be on cells! */
h1.pagename {margin:0; padding-top:0.3em; color:#585858; font-weight:normal; font-size:1.4em;}
/* Size: 1.5em is rather too big. Warning: Do not combine weight/size into "font:normal 1.5em", FF 1.5 seems to have problems with that! */
/* Name of wiki web (= "$applicationname", = content name, not software name), in ConfigurableTemplate optionally (esp. for multi-wiki mode)
displayed either before page name, or below header on main view page. */
#wikiname-beforepage {}
#wikiname-subheader {font-size:86%; color:#707070; padding:0.3em 0.3em 0.2em 0; margin:0; text-align:right; }
#wikiname-menu {font-size:86%; color:#707070; } /* similar to wikiname-top, optionally displayed below icon/logo on top of left menu */
/* content area = page not including header and footer. Was in JSPWiki 2.2 class of td, is now always a div. */
#contentarea { padding:0.7em 1.4em 2.1em 1.4em; margin:0; background:transparent url("img/leftborder2.png") repeat-y top left; border-left:1px solid #9F9F9F;}
#editarea { padding:0 10px 2em 8px; margin:0; background:transparent; border-left:1px solid #9F9F9F;} /* used for edit and comment */
#footerarea { background:#FCFCFC url("img/grayback3.png") repeat-x center left; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; margin:0; }
#footerarea-i { border-top:2px solid white; border-bottom:2px solid white; padding:0.5em 0 0.5em 0; }
#footerarea td { padding:1px 10px 1px 10px; } /* see comment on #headerarea td */
/* elements of page view footer are: */
#revisioninfo {font-size:86%; color:gray; background:transparent; } /* = "Revision X - date - author" in footer of page view */
#copyrightinfo {font-size:86%;}
.pageactions a.wikipage:visited {color:#0044B2; background:transparent; text-decoration:none; }/* in contrast to other wikipage links, do not use visited color here! */
.footer-metalinks { color:#707070; background:transparent; font-size:77%; vertical-align:bottom;}
/* Breadcrumbs list; may appear below header (immediately below, above the optional subheader-wikiname) or at the very page bottom.
Top display is inside contentarea, bottom display outside and may need padding. However, as of ConfigurableTemplate 2.3 a layout table
is used, so the IE 6 width problem as in header/footer occur in the bottom footer. However, here the table is limited to 90%. */
#crumbs-top {margin:0; padding:0.8em 0 0 0; font-size:77%; color:#707070; background:transparent;}
#crumbs-bottom {margin:0; padding:0.8em; font-size:77%; color:#707070; background:transparent;}
/* ============================== */
/* Special message elements: */
/* ============================== */
/* Search_highlight.js, defines the how words that have been found look like.
Searching for "thingy", you will get the following results: thingy */
.searchword {background:#FFFF00; }
p.versionnote /* = "This is version ... Only the current version can be edited..." in EditContent.jsp */
{color:#000070; background:#F3F5F7; padding:0.3em; margin:0.2em 0 0.2em 0; border:1px solid #AEBCCC; }
/* Error handling: */
.error {color:#ff2222; font-weight:bold;}
.messagecontent {background:#E0E0E0;} /* used in DisplayMessage.jsp */
.conflictnote, /* = "This page has been modified..." -comment */
p.locknote /* = "has started editing this page"-comment in EditContent.jsp */
{color:red; font-size:115%; text-align:left; background:#EAEAEA; padding:12px 12px 12px 12px; }
/* Floating comment boxes on pages. It's used on some pages. */
div.commentbox {float:right; width:20%; border-style:inset; background:#f0f0f0; font-size:80%; padding:4px; margin-left:4px; }
div.commentbox ul, div.commentbox ol {padding-left:1em; margin-left:4px; }
/* Following used, e.g., by ConfigurableTemplate: */
/* Optional broadcast messages at start/end of page view, may contain important user info (e.g. that a wiki is in archival mode): */
.broadcast {padding:1em 0 0.2em 0; }
.broadcast-i {color:#000070; background:#F3F5F7; padding:0.3em; margin:0; border:1px solid #AEBCCC; }
/* Alternatively one could define different formats for #broadcastheader, #broadcastfooter. When doing so, keep the broadcast class as well; it may
have been used by wiki content (%%classname syntax). */
/* Retrieved-from footer, invisible in normal display, but visible after copying or when using css printing style sheet */
#retrievedfrom {font-size:5%; display:none; }
.referringpagesfooter {margin:0; padding:1em 0 0 0; font-size:77%; color:#707070; background:transparent;}
/* may be used for the included referring pages footer. By default set to similar style as breadcrumbs. */
/* two messages placed at bottom of edit form: */
#editsubmissionnote {font-size:86%}
#editformattingnote {font-size:86%}
/* ============================== */
/* JSPWiki plugin / provider-specific styles: */
/* ============================== */
/* Classical diff provider: */
td.diffadd, td.diffrem, td.diff { font-family:"Courier New",Courier,monospace; }
td.diffadd { color:black; background:#99FF99; }
td.diffrem { color:black; background:#FF9933; }
td.diff { color:black; background:#FFFFFF; }
/* Contextual diff provider: */
.diff-wikitext {padding:5px; border-width:1px; border-style:solid; margin-top:0.5em; font-family:"Courier New",Courier,monospace; }
.diff-insertion{color:#000080; background:#ffffd0; text-decoration:none; }
.diff-deletion {color:red; background:#fff0f0; text-decoration:line-through; }
.diff-nextprev {font-size:50%; vertical-align:super; text-decoration:none; }
/* Table of contents plugin */
/* Note: As of 2.2. this uses an empty first level ul; unwanted extra empty line impossible to remove! */
div.toc {color:black; background:#eeeef6; border:1px; padding:8px; }
div.toc h4 {margin-bottom:0; margin-top:0.4em; } /* "Contents" header within the autogenerated table-of-contents. */
div.toc ul {list-style-type:none; margin:0 0 0 0; padding-left:0; }
div.toc li {margin-left:1em; padding-left:0; display:block; }
/* new in 2.3: */
div.toc li.toclevel-1 {margin-left: 0.5em;}
div.toc li.toclevel-2 {margin-left: 1.5em;}
div.toc li.toclevel-3 {margin-left: 2.5em;}
/* Weblog plugin */
.weblog { margin-left:20px; }
/* .weblogentry { } */
.weblogentryheading { font-size:120%; margin-top:2ex; background:#E0E0E0; }
.weblogentrybody { font-size:85%; margin-left:10px; }
.weblogentryfooter { font-size:9px; margin-left:10px; clear:both; }
/* CalendarTag */
table.calendar { font-size:80%; }
table.calendar td {text-align:center; }
table.calendar td.othermonth {color:#707070; background:transparent; }
table.calendar td.link {color:black; background:#E0E0E0; }
table.calendar tr.month {font-size:120%; }
table.calendar tr.weekdays {color:#FF0000; background:transparent; }
/* Image plugin */
.imageplugin {margin:5px 5px 5px 5px; }
.imageplugin img {border:0; }
.imageplugin caption {font-size:80%; }
/* Weblogarchive plugin */
/* .weblogarchive { } */
.weblogarchive ul {margin-top:0px; padding:0px; }
.weblogarchive li {display:block; list-style-type:none; margin-left:1em; }
.archiveyear {font-weight:bold; text-decoration:none; margin-left:0px !important; }
.archiveyear:after{content:" AD"; }
/* Index plugin */
/* div.index {} */
/* div.index .body {} */
div.index .header {color:black; background:#f0f0f0; padding:4px; }
div.index .section {color:red; background:transparent; }
@media aural {
h1, h2, h3 {stress:20; richness:90}
.hide {speak:none}
.tiny {volume:x-soft; speech-rate:x-fast}
dt {pause-before:20%}
pre, tt {speak-punctuation:code}
}