Header

From Dxx

(Difference between revisions)
Line 23: Line 23:
  <style type="text/css">
  <style type="text/css">
-
/*
+
/* ** 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 :) */ html, { width: 100%; margin: 0; padding: 0; } #column-content { width: 95%; float: right; margin: 0 0 10px -190px; padding: 5px 15px 18px 30px; background: none; } #content { margin: 60px 0 0 175px; padding: 0em 1em 1.5em 1em; background: white; border: 3px double #378; line-height: 1.5em; position: relative; z-index: 0; } #column-one { padding: 165px 0 0 0; height: 1px; } /* 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: #EEE6FF url(http://www.puellula.org/Common/wikibkgd.jpg); color: #144; margin: 0; padding: 10px; } /* scale back up to a sane default */ #globalWrapper { font-size:127%; width: 100%; margin: 0; padding: 0; } .visualClear { clear: both; } /* general styles */ table { font-size: 100%; background: transparent; } a { text-decoration: underline; color: #378; background: transparent; } a:visited { color: #838; } a:active { color: #87A; } a:hover { color: #87A; text-decoration: none; } a.stub { color: #606; } a.new, #p-personal a.new { color:#C03; } a.new:visited, #p-personal a.new:visited { color:#769; } img { border: 1px solid #769; padding: 0; margin: 0; vertical-align: middle; } p { margin: 0.4em 0em 0.5em 0em; line-height: 1.5em; } p img { margin: 0; } hr { height: 2px; color: #378; background-color: #769; border: 0; margin: 0.2em 0 0.2em 0; } h1, h2, h3, h4, h5, h6 { color: #658; background: transparent; font-weight: bold; margin: 0 25px 0 0; padding-top: 0.5em; padding-bottom: 0.17em; text-decoration: underline; } 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: circle; 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 #045; margin: 1em 0em 1em 0em; padding: 0em 1em 1em 1em; line-height: 1.5em; } legend { background: transparent; padding: 0.5em; font-size: 95%; } form { border: none; margin: 5px 25px 5px 5px; padding: 0; } textarea { border: 2px inset #769; color: #436; background: #EEE6FF; padding: 5px; position: relative; margin: 0; } 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 #436; color: #255; vertical-align: top; } abbr, acronym, .explain { border-bottom: 1px dotted Black; color: #144; background: transparent; 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: #769; } pre { padding: 1em; border: 1px dashed #144; color: #144; background-color: #transparent; line-height: 1.1em; width: auto; overflow: hidden; } #bodyContent { background: transparent; } /* ** the main content area */ #siteSub { display: none; } #contentSub { font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #769; width: auto; } span.subpages { display: block; } /* Some space under the headers in the content area */ #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; } #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0.3em; } .firstHeading { margin-bottom:0.1em; } /* user notification thing */ .usermessage { background-color: #EEE6FF; border: 1px solid #C03; color: #255; 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: #C03; font-size: larger; } #catlinks { border:1px solid #769; background-color:#EEE6FF; 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: #769; } /* 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 { border: 2px dashed #378; background-color:#EEE6FF; padding: 10px; font-size: 95%; float: left; margin: 25px 33px 25px 0; position: relative; z-index: 3; } #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 0.5em 0.5em 0.3em; position: relative; border: transparent; } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0; position: relative; border: transparent; } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: 0.5em; positin: relative; z-index: 1; border: none; width: auto; } div.thumb div { border: 2px solid #378; padding: 1px !important; background-color: transparent; font-size: 94%; text-align: center; overflow: hidden; margin: 5px; } div.thumb div a img { border:1px solid #769; } 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 { margin-left: 10px; clear: right; float: right; position: relative; z-index: 3; } div.tleft { float: left; margin-right: 10px; position: relative; z-index: 3; clear: left; } .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 #769; background-color:#EEE6FF; padding:5px; font-size: 95%; } div.townBox { position:relative; float:right; background:transparent; margin-left:1em; border: 1px #769; 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: transparent; margin: 0.4em 0 0 0; } div.townBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #EEE6FF; } /* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; } /* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: 769; } #pagehistory span.user { margin-left: 1.4em; margin-right: 0.4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid transparent; } #pagehistory li.selected { background-color:#EEE6FF; border:1px dashed #769; } /* ** Diff rendering */ table.diff { background:transparent; } td.diff-otitle { background:#EEE6FF; } td.diff-ntitle { background:#EEE6FF; } td.diff-addedline { background:#DDD5EE; font-size: smaller; } td.diff-deletedline { background:#DDD5EE; font-size: smaller; } td.diff-context { background:#EEE6FF; font-size: smaller; } span.diffchange { color: #C03; } /* ** keep the transparentspace 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: #378; background: transparent; padding: 0; } #bodyContent a.external { color: #378; } /* 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; padding: 0; width: 159px; overflow: hidden; } .portlet h4 { font-size: 95%; font-weight: normal; white-space: nowrap; } .portlet h5 { background: transparent; padding: .5em 0 0 0.5em; text-transform: lowercase; display: inline; font-size: 105%; height: 1em; font-weight: bold; white-space: nowrap; margin: 1em 0 0 0; text-decoration: none; } .portlet h6 { background: #DDD5EE; border: 3px groove #9CC; padding: 0em 1em 0em 1em; text-transform: lowercase; display: block; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap; } .pBody { margin: 0; font-size: 95%; background: #DDD5EE; border-collapse: collapse; border: 2px solid #378; padding: 3px; } .portlet h1, .portlet h2, .portlet h3, .portlet h4 { margin: 0; padding: 0; } .portlet ul { line-height: 1.5em; list-style-type: disc; 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: 0; background: url(http://www.puellula.org/Common/wikipic.jpg); position:absolute; /*needed to use z-index */ top: 0; left: 0; height: 0; width: 0; padding: 0 0 154px 154px; overflow: hidden; border: 2px solid #378; margin: 10px; } #p-logo h5 { display: none; } #p-logo a, #p-logo a:hover { display: block; height: 155px; width: 155px; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; } /* ** the navigation portlet */ #p-nav { position:relative; z-index:3; } /* ** Search portlet */ #p-search { position:relative; z-index:3; } #p-search .pBody { text-align: center; } input.searchButton { margin-top:1px; padding: 0 0.4em !important; font-size: 95%; cursor: pointer; } #searchInput { border: 1px solid #378; width: 100px; margin: 0 auto; font-size: 95%; } #p-search .pBody { padding: 5px; } /* ** the personal toolbar */ #p-personal { width:100%; white-space:nowrap; padding: 0; margin: 0 0 0 0; position: absolute; right: 0px; top: 0px; border: none; background: none; overflow: visible; line-height: 1.2em; } #p-personal h5 { display: none; } #p-personal .portlet, #p-personal .pBody { padding: 10px; margin: 0; border: none; overflow: visible; background: none; } /* this is the ul contained in the portlet */ #p-personal ul { border: none; line-height: 2em; color: #045; padding: 0 0 0 0; margin: 0 14px; text-align: center; float: right; text-transform: lowercase; background: none; } #p-personal .pBody li { border: none; display: inline; color: #378; overflow: visible; line-height: 1.2em; background: none; margin-left: 2px; padding: 1px 3px; } #p-personal .pBody li a { text-decoration: none; color: #378; border: none; font-weight: bold; padding: 3px 10px; margin: 0; background: none; } #p-personal li a:hover { text-decoration: underline; } /* ** the page-related actions- page/talk, edit etc */ #p-cactions { position:absolute; top: 50px; left: 225px; margin: 0; white-space:nowrap; width: 76%; line-height: .3em; overflow: visible; background: transparent; border-collapse: collapse; padding: 0 0 3px 1em; list-style: none; font-size: 95%; clear: right; } #p-cactions .hiddenStructure { display: none; } #p-cactions ul { list-style: none; } #p-cactions li { display: inline; border: 1px solid #87A; border-bottom: none; border-top: 3px solid #87A; padding: 0 0 .5em 0; margin: 0 0.3em 0 0; overflow: auto; background: white; -moz-border-radius-topleft: .5em; -moz-border-radius-topright: .5em; } #p-cactions li.selected { border-left: 1px solid #C03; border-right: 1px solid #C03; border-top: 3px solid #C03; color: #C03; padding: 0 0 .5em 0; } #p-cactions li a { background-color: transparent; color: #378; border: none; padding: 0 .8em .3em 0.8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 3; margin: 0; } #p-cactions .selected a { z-index: 4; } #p-cactions .new a { color:#C03; } #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; } #p-nav, #p-search, #p-lang, #p-tb { float: left; clear: left; margin: 0 0 10px 0 } /* ** footer */ #footer { background-color: transparent; border-top: 2px solid #769; border-bottom: 2px solid #769; margin: 0.6em 0em 1em 0em; padding: 0.4em 0em 1.2em 0em; text-align: center; font-size: 90%; clear: both; } #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 1em 1em 1em; width: 13em; } #preftoc li { border: 1px solid #769; } #preftoc li.selected { background-color:#EEE6FF; border:1px dashed #769; } #preftoc a, #preftoc a:active { display: block; color: #378; } #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 #769; border-bottom: none; } * > html #p-cactions li.selected a { border-color: #C03; } /* 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; }
-
* Finlay McWalter's standard.css
+
-
* Licenced under the GFDL
+
-
* By Finlay McWalter, ripping stuff off from Lejuf and Eequor.
+
-
*/
+
-
+
-
body
+
-
{
+
-
  color:      #022;
+
-
  background: #eee url("http://upload.wikimedia.org/wikipedia/commons/9/9f/Wfm_headbg.jpg") 0px 0px no-repeat;
+
-
}
+
-
+
-
/* the "top" table is the stuff inside topbar, where search, go, disclaimers, etc. live */
+
-
td.top {
+
-
  border-bottom: none;
+
-
}
+
-
+
-
/* rm the line over the bottom bar */
+
-
td.bottom {
+
-
  border: none;
+
-
}
+
-
+
-
p.subtitle {
+
-
  border: none;
+
-
}
+
-
+
-
div.editsection
+
-
{
+
-
  clear: left;
+
-
}
+
-
+
-
div#article
+
-
{
+
-
  padding-top:    3px;
+
-
  padding-left:  8px;
+
-
  padding-bottom: 1em;
+
-
}
+
-
+
-
h2, h3, h4, h5, h6
+
-
{
+
-
  position: relative;
+
-
  clear: left;
+
-
  left: -8px;
+
-
  padding-left: 8px;
+
-
  padding-bottom: 1px;
+
-
  margin-bottom: 0px;
+
-
  overflow: hidden;
+
-
  line-height: 2em;
+
-
}
+
-
+
-
h1.pagetitle {
+
-
  padding-bottom: 0;
+
-
}
+
-
+
-
h1 {
+
-
  color: #000;
+
-
}
+
-
+
-
h2
+
-
{
+
-
  color: #103;
+
-
}
+
-
+
-
h3
+
-
{
+
-
  color: #206;
+
-
}
+
-
+
-
h4
+
-
{
+
-
  color: #309;
+
-
}
+
-
+
-
h5
+
-
{
+
-
  color: #40c;
+
-
}
+
-
+
-
h6
+
-
{
+
-
  color: #50f;
+
-
}
+
-
+
-
pre
+
-
{
+
-
  border: none;
+
-
  padding: 8px;
+
-
  margin: 1em;
+
-
  overflow: auto;
+
-
  display: table;
+
-
  clear: left;
+
-
  background: #ddd;
+
-
}
+
-
+
-
pre.raw
+
-
{
+
-
  border: none !important;
+
-
  padding: 0 !important;
+
-
  margin: auto !important;
+
-
  display: normal !important;
+
-
  clear: none !important;
+
-
  background: #ddd;
+
-
}
+
-
+
-
#quickbar
+
-
{
+
-
  border-right: none !important;
+
-
}
+
-
+
-
/* Table of contents */
+
-
#toc {
+
-
  border:            1px solid #888;
+
-
  background-color:  #ddd;
+
-
  padding:          3px;
+
-
  font-size:        80%;
+
-
  color:            #eee;
+
-
}
+
-
+
-
/* DIV around image thumbnails */
+
-
div.thumb div {
+
-
    border:          1px solid #888;
+
-
    padding:          3px !important;
+
-
    background-color: #ddd;
+
-
    font-size:        90%;
+
-
}
+
-
+
-
/* Textarea */
+
-
textarea { background : #ddd; }
+
-
+
-
/* Make the separator in the left side menubar invisible, just a largeish gap */
+
-
hr.sep {
+
-
  border: 0;
+
-
  margin-top: 10px;
+
-
  width: 0%;
+
-
}
+
-
+
-
/* Fix classics HORRID difference with monobook, where images stack horizontally rather than vertically */
+
-
div.tright {
+
-
  clear: right;
+
-
}
+
</style>
</style>

Revision as of 12:30, 10 December 2008

<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:
  */
 /*
body {
   color: green;
}
 */ 
</style>




<style type="text/css">

/* ** 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 :) */ html, { width: 100%; margin: 0; padding: 0; } #column-content { width: 95%; float: right; margin: 0 0 10px -190px; padding: 5px 15px 18px 30px; background: none; } #content { margin: 60px 0 0 175px; padding: 0em 1em 1.5em 1em; background: white; border: 3px double #378; line-height: 1.5em; position: relative; z-index: 0; } #column-one { padding: 165px 0 0 0; height: 1px; } /* 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: #EEE6FF url(wikibkgd.jpg); color: #144; margin: 0; padding: 10px; } /* scale back up to a sane default */ #globalWrapper { font-size:127%; width: 100%; margin: 0; padding: 0; } .visualClear { clear: both; } /* general styles */ table { font-size: 100%; background: transparent; } a { text-decoration: underline; color: #378; background: transparent; } a:visited { color: #838; } a:active { color: #87A; } a:hover { color: #87A; text-decoration: none; } a.stub { color: #606; } a.new, #p-personal a.new { color:#C03; } a.new:visited, #p-personal a.new:visited { color:#769; } img { border: 1px solid #769; padding: 0; margin: 0; vertical-align: middle; } p { margin: 0.4em 0em 0.5em 0em; line-height: 1.5em; } p img { margin: 0; } hr { height: 2px; color: #378; background-color: #769; border: 0; margin: 0.2em 0 0.2em 0; } h1, h2, h3, h4, h5, h6 { color: #658; background: transparent; font-weight: bold; margin: 0 25px 0 0; padding-top: 0.5em; padding-bottom: 0.17em; text-decoration: underline; } 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: circle; 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 #045; margin: 1em 0em 1em 0em; padding: 0em 1em 1em 1em; line-height: 1.5em; } legend { background: transparent; padding: 0.5em; font-size: 95%; } form { border: none; margin: 5px 25px 5px 5px; padding: 0; } textarea { border: 2px inset #769; color: #436; background: #EEE6FF; padding: 5px; position: relative; margin: 0; } 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 #436; color: #255; vertical-align: top; } abbr, acronym, .explain { border-bottom: 1px dotted Black; color: #144; background: transparent; 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: #769; } pre { padding: 1em; border: 1px dashed #144; color: #144; background-color: #transparent; line-height: 1.1em; width: auto; overflow: hidden; } #bodyContent { background: transparent; } /* ** the main content area */ #siteSub { display: none; } #contentSub { font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #769; width: auto; } span.subpages { display: block; } /* Some space under the headers in the content area */ #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; } #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0.3em; } .firstHeading { margin-bottom:0.1em; } /* user notification thing */ .usermessage { background-color: #EEE6FF; border: 1px solid #C03; color: #255; 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: #C03; font-size: larger; } #catlinks { border:1px solid #769; background-color:#EEE6FF; 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: #769; } /* 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 { border: 2px dashed #378; background-color:#EEE6FF; padding: 10px; font-size: 95%; float: left; margin: 25px 33px 25px 0; position: relative; z-index: 3; } #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 0.5em 0.5em 0.3em; position: relative; border: transparent; } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0; position: relative; border: transparent; } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: 0.5em; positin: relative; z-index: 1; border: none; width: auto; } div.thumb div { border: 2px solid #378; padding: 1px !important; background-color: transparent; font-size: 94%; text-align: center; overflow: hidden; margin: 5px; } div.thumb div a img { border:1px solid #769; } 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 { margin-left: 10px; clear: right; float: right; position: relative; z-index: 3; } div.tleft { float: left; margin-right: 10px; position: relative; z-index: 3; clear: left; } .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 #769; background-color:#EEE6FF; padding:5px; font-size: 95%; } div.townBox { position:relative; float:right; background:transparent; margin-left:1em; border: 1px #769; 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: transparent; margin: 0.4em 0 0 0; } div.townBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #EEE6FF; } /* ** edit views etc */ .special li { line-height: 1.4em; margin: 0; padding: 0; } /* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: 769; } #pagehistory span.user { margin-left: 1.4em; margin-right: 0.4em; } #pagehistory span.minor { font-weight: bold; } #pagehistory li { border: 1px solid transparent; } #pagehistory li.selected { background-color:#EEE6FF; border:1px dashed #769; } /* ** Diff rendering */ table.diff { background:transparent; } td.diff-otitle { background:#EEE6FF; } td.diff-ntitle { background:#EEE6FF; } td.diff-addedline { background:#DDD5EE; font-size: smaller; } td.diff-deletedline { background:#DDD5EE; font-size: smaller; } td.diff-context { background:#EEE6FF; font-size: smaller; } span.diffchange { color: #C03; } /* ** keep the transparentspace 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: #378; background: transparent; padding: 0; } #bodyContent a.external { color: #378; } /* 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; padding: 0; width: 159px; overflow: hidden; } .portlet h4 { font-size: 95%; font-weight: normal; white-space: nowrap; } .portlet h5 { background: transparent; padding: .5em 0 0 0.5em; text-transform: lowercase; display: inline; font-size: 105%; height: 1em; font-weight: bold; white-space: nowrap; margin: 1em 0 0 0; text-decoration: none; } .portlet h6 { background: #DDD5EE; border: 3px groove #9CC; padding: 0em 1em 0em 1em; text-transform: lowercase; display: block; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap; } .pBody { margin: 0; font-size: 95%; background: #DDD5EE; border-collapse: collapse; border: 2px solid #378; padding: 3px; } .portlet h1, .portlet h2, .portlet h3, .portlet h4 { margin: 0; padding: 0; } .portlet ul { line-height: 1.5em; list-style-type: disc; 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: 0; background: url(wikipic.jpg); position:absolute; /*needed to use z-index */ top: 0; left: 0; height: 0; width: 0; padding: 0 0 154px 154px; overflow: hidden; border: 2px solid #378; margin: 10px; } #p-logo h5 { display: none; } #p-logo a, #p-logo a:hover { display: block; height: 155px; width: 155px; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; } /* ** the navigation portlet */ #p-nav { position:relative; z-index:3; } /* ** Search portlet */ #p-search { position:relative; z-index:3; } #p-search .pBody { text-align: center; } input.searchButton { margin-top:1px; padding: 0 0.4em !important; font-size: 95%; cursor: pointer; } #searchInput { border: 1px solid #378; width: 100px; margin: 0 auto; font-size: 95%; } #p-search .pBody { padding: 5px; } /* ** the personal toolbar */ #p-personal { width:100%; white-space:nowrap; padding: 0; margin: 0 0 0 0; position: absolute; right: 0px; top: 0px; border: none; background: none; overflow: visible; line-height: 1.2em; } #p-personal h5 { display: none; } #p-personal .portlet, #p-personal .pBody { padding: 10px; margin: 0; border: none; overflow: visible; background: none; } /* this is the ul contained in the portlet */ #p-personal ul { border: none; line-height: 2em; color: #045; padding: 0 0 0 0; margin: 0 14px; text-align: center; float: right; text-transform: lowercase; background: none; } #p-personal .pBody li { border: none; display: inline; color: #378; overflow: visible; line-height: 1.2em; background: none; margin-left: 2px; padding: 1px 3px; } #p-personal .pBody li a { text-decoration: none; color: #378; border: none; font-weight: bold; padding: 3px 10px; margin: 0; background: none; } #p-personal li a:hover { text-decoration: underline; } /* ** the page-related actions- page/talk, edit etc */ #p-cactions { position:absolute; top: 50px; left: 225px; margin: 0; white-space:nowrap; width: 76%; line-height: .3em; overflow: visible; background: transparent; border-collapse: collapse; padding: 0 0 3px 1em; list-style: none; font-size: 95%; clear: right; } #p-cactions .hiddenStructure { display: none; } #p-cactions ul { list-style: none; } #p-cactions li { display: inline; border: 1px solid #87A; border-bottom: none; border-top: 3px solid #87A; padding: 0 0 .5em 0; margin: 0 0.3em 0 0; overflow: auto; background: white; -moz-border-radius-topleft: .5em; -moz-border-radius-topright: .5em; } #p-cactions li.selected { border-left: 1px solid #C03; border-right: 1px solid #C03; border-top: 3px solid #C03; color: #C03; padding: 0 0 .5em 0; } #p-cactions li a { background-color: transparent; color: #378; border: none; padding: 0 .8em .3em 0.8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 3; margin: 0; } #p-cactions .selected a { z-index: 4; } #p-cactions .new a { color:#C03; } #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; } #p-nav, #p-search, #p-lang, #p-tb { float: left; clear: left; margin: 0 0 10px 0 } /* ** footer */ #footer { background-color: transparent; border-top: 2px solid #769; border-bottom: 2px solid #769; margin: 0.6em 0em 1em 0em; padding: 0.4em 0em 1.2em 0em; text-align: center; font-size: 90%; clear: both; } #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 1em 1em 1em; width: 13em; } #preftoc li { border: 1px solid #769; } #preftoc li.selected { background-color:#EEE6FF; border:1px dashed #769; } #preftoc a, #preftoc a:active { display: block; color: #378; } #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 #769; border-bottom: none; } * > html #p-cactions li.selected a { border-color: #C03; } /* 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; } </style>

Personal tools
DXX Roster