/*------------------------------------------------- wiki.nucleuscms.org stylesheet rodrigo moraes - jul.2005 based on default dokuwiki css by andreas gohr -------------------------------------------------*/ /*------------------------------------------------- common styles - shared by all the nucleus family --------------------------------------------------*/ /*------------------------------------------------- General layout -------------------------------------------------*/ body { font-family: verdana, arial, sans-serif; font-size: small; color: #000; margin: 0 0 10px 0; padding: 0; } .hidden { display: none; } .clear { clear: both; } /*------------------------------------------------- Header -------------------------------------------------*/ #header { position: relative; width: 710px; height: 75px; background: transparent url(img/bgheader.gif) no-repeat; font-size: 11px; margin: 0 auto 10px auto; } /* CSS image replacement technique */ h1.logo { position: relative; height: 40px; font-size: 1px; color: #F1F1F1; padding:25px 0 0 40px; border-bottom: 0; } .logo span { position: absolute; width: 100%; height: 100%; } a.logo:link,a.logo:hover,a.logo:active,a.logo:visited { text-decoration:none; color:#F1F1F1; cursor: hand; } /* Navigation tabs */ #navigation { position: absolute; top: 0; left: 270px; width: 407px; height: 75px; background: #CFCFCF; margin: 0; } #navigation ul { list-style: none; list-style-image: none; padding: 0; margin: 0; } #navigation li { background: none; padding: 0; margin: 0; } .nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited, .nav4 a:link, .nav4 a:visited, .nav5 a:link, .nav5 a:visited { display: block; position: absolute; top: 0; height: 75px; color: #595959; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 86px; padding: 0; margin: 0; } .nav1 a:hover, .nav1 a:active, .nav2 a:hover, .nav2 a:active, .nav3 a:hover, .nav3 a:active, .nav4 a:hover, .nav4 a:active, .nav5 a:hover, .nav5 a:active { background-position: 0 -86px; color: black; } /*------------------------------------------------- Footer -------------------------------------------------*/ .footer { position: relative clear: both; width: 710px; margin: 0 auto; border-top: 10px solid #FFF; } .footer p { text-align: center; margin: 0; } /*------------------------------------------------- Rounded corners - thin border line -------------------------------------------------*/ .rbtop { background: transparent url(img/c1_top.gif) repeat-x; } .rbtop div { background: transparent url(img/c1_top_left.gif) no-repeat top left; } .rbtop div div { background: transparent url(img/c1_top_right.gif) no-repeat top right; } .rbbot { background: transparent url(img/c1_bottom.gif) repeat-x; } .rbbot div { background: transparent url(img/c1_bottom_left.gif) no-repeat top left; } .rbbot div div { background: transparent url(img/c1_bottom_right.gif) no-repeat top right; } .rbcontentwrap { background: transparent url(img/c1_left.gif) repeat-y; min-heigth:1034px; } .rbcontent { background: transparent url(img/c1_right.gif) repeat-y right; } /* height and width stuff, width not really necessary. */ .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; } .rbcontent { padding: 15px 20px 1px; margin: 0; } .rbroundbox { width: 710px; margin:0 auto; } /*------------------------------------------------- Rounded corners - gray background -------------------------------------------------*/ .gray_box { background: #F1F1F1; } .gray_box .rbtop { background: transparent url(img/c2_top_right.gif) no-repeat top right; } .gray_box .rbtop div { background: transparent url(img/c2_top_left.gif) no-repeat top left; } .gray_box .rbbot { background: transparent url(img/c2_bottom_right.gif) no-repeat bottom right; } .gray_box .rbbot div { background: transparent url(img/c2_bottom_left.gif) no-repeat bottom left; } /* height and width stuff, width not really necessary. */ .gray_box .rbtop, .gray_box .rbtop div, .gray_box .rbbot, .gray_box .rbbot div { width: 100%; height: 5px; font-size: 1px; } /*------------------------------------------------- Three gray rounded boxes -------------------------------------------------*/ #boxes { position: relative; width: 710px; margin: 10px auto 0; } .boxdiv { margin: 0 10px; } .boxdiv a:link, .boxdiv a:active, .boxdiv a:hover, .boxdiv a:visited { color: #444; text-decoration: none; } .boxdiv a:hover { color: #000; text-decoration: underline; } #box1, #box2, #box3 { float: left; width: 226px; background: transparent; padding: 0; margin: 0 16px 0 0; } #box3 { float: right; margin: 0; } #box1 h2, #box2 h2, #box3 h2 { color: #397078; font-size: 15px; padding: 4px 0 0 10px; margin: 0 0 3px 0; } /*------------------------------------------------- General layout -------------------------------------------------*/ body { background:#FFF url(img/bgbody.gif) repeat-x 0 0; } img { border:0; } /* overload shared css */ .rbcontent { padding:5px 20px 1px; } /*------------------------------------------------- Header -------------------------------------------------*/ /* Logo definition */ .logo span { background:url(img/logo_wiki.gif) no-repeat; } /* Top navbar definition */ .nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited { background:transparent url(img/bgnav.gif) repeat-x; } .nav1 a:link, .nav1 a:visited { width:124px; left:1px; } .nav2 a:link, .nav2 a:visited { width:124px; left:126px; } .nav3 a:link, .nav3 a:visited { width:155px; left:251px; } .nav1 a:hover, .nav1 a:active, .nav2 a:hover, .nav2 a:active, .nav3 a:hover, .nav3 a:active { background-position:0 -86px; color:#000; } /*------------------------------------------------- DOKUWIKI STYLES -------------------------------------------------*/ div.page { width:670px; margin:0 auto; } .idx { margin-left:20px; } table { font-size:100%; padding:0; margin:0; } tr,td,th {padding:0; margin:0;} p {padding:0; margin:0 0 1.0em 0;} hr { border-top:1px solid #596D9D; text-align:center; height:0; } div.nothing { text-align:center; margin:2em; } /* ---------------- forms ------------------------ */ form { border:none; margin:0; display:inline; } input.edit, select.edit, input.missing, input.button, div.secedit input.button, textarea.edit { border-top:1px solid #E0E0E0; border-right:1px solid #9E9E9E; border-left:1px solid #E0E0E0; border-bottom:1px solid #9E9E9E; } label { display:block; text-align:right; font-weight:bold; } label.simple { text-align:left; font-weight:normal; } label input.edit { width:50%; } fieldset { width:300px; text-align:center; border-bottom:1px solid gray; padding:0.5em; } textarea.edit { font-family:monospace; color:#000; background:#FFF; font-size:14px; padding:3px; width:100%; } input.edit,select.edit { font-size:100%; height:18px !important; max-height:22px !important; min-height:22px !important; color:#000; background:#FFF; vertical-align:middle; padding:1px; display:inline; } input.missing { font-size:100%; height:18px !important; max-height:22px !important; min-height:22px !important; color:#000; background:#ffcccc; vertical-align:middle; padding:1px; display:inline; } /* --------- buttons ------------------- */ input.button { color:#000; background:#FFF; vertical-align:middle; text-decoration:none; font-size:100%; cursor:pointer; height:22px !important; max-height:22px !important; min-height:22px !important; margin:1px; display:inline; } div.secedit input.button { color:#000; background:#FFF; vertical-align:middle; text-decoration:none; margin:0; padding:0 3px; font-size:11px; cursor:pointer; float:right; display:inline; } #wikieditbar { font-size:11px; } /* ----------- page navigator ------------- */ div.pagenav { margin-top:1em; } div.pagenav-prev { text-align:right; float:left; width:50% } div.pagenav-prev input.button { margin-right:5px; } div.pagenav-next { text-align:left; float:right; width:50% } div.pagenav-next input.button { margin-left:5px; } /* --------------- Links ------------------ */ a { color:#596D9D; text-decoration:none; } a:hover { color:#0000; text-decoration:underline; } /* external link */ a.urlextern{ background:transparent url(img/link_icon.gif) 0 1px no-repeat; padding:1px 0 1px 16px; color:#596D9D; text-decoration:none; } a.urlextern:visited { color:Purple; } a.urlextern:hover { text-decoration:underline; } /* windows share */ a.windows{ background:transparent url(img/windows.gif) 0 1px no-repeat; padding:1px 0 1px 16px; color:#596D9D; text-decoration:none; } a.windows:visited { color:Purple; } a.windows:hover { text-decoration:underline; } /* interwiki link */ a.interwiki{ background:transparent url(img/interwiki.png) 0 1px no-repeat; padding-left:16px; color:#596D9D; text-decoration:none; } a.interwiki:visited { color:Purple; } a.interwiki:hover { text-decoration:underline; } /* link to some embedded media */ a.media { color:#596D9D; text-decoration:none; } a.media:hover { color:#596D9D; text-decoration:underline } /* email link */ a.mail { background:transparent url(img/mail_icon.gif) 0 1px no-repeat; padding:1px 0 1px 16px; color:#596D9D; text-decoration:none; } a.mail:hover { text-decoration:underline; } /* existing wikipage */ a.wikilink1:link { color:#009900; text-decoration:none } a.wikilink1:visited { color:#009900; text-decoration:none } a.wikilink1:hover { color:#009900; text-decoration:underline } /* not existing wikipage */ a.wikilink2:link { color:#FF3300; text-decoration:none } a.wikilink2:visited { color:#FF3300; text-decoration:none } a.wikilink2:hover { color:#FF3300; text-decoration:underline } /* ------------- Page elements ----------------- */ div.preview{ background:#f7f9fa; margin-left:2em; padding:4px; border:1px dashed #0000; } div.breadcrumbs{ background:#f5f5f5; font-size:80%; color:#666666; padding:6px 0 6px 6px; margin-bottom:0; } span.user{ color:#cccccc; font-size:90%; } /* embedded images */ img.media { margin:3px; } img.medialeft { border:0; float:left; margin:0 1.5em 0 0; } img.mediaright { border:0; float:right; margin:0 0 0 1.5em; } img.mediacenter { border:0; display:block; margin-left:auto; margin-right:auto; } acronym { cursor:help; border-bottom:1px solid #000; } /* general headline setup */ h1, h2, h3, h4, h5 { color:#596D9D; background:transparent; font-family:"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; font-size:100%; font-weight:bold; margin:0 0 1em 0; padding:0.5em 0 3px 0; border-bottom:1px dotted gray; clear:left; } h1.page_title { font-size:220%; padding:0 0 3px 0; margin:0; color:#848282; } h1.page_title a:link, h1.page_title a:hover, h1.page_title a:active, h1.page_title a:visited { color:#848282; } /* special headlines */ h1 {font-size:160%; margin-left:0; } h2 {font-size:140%; margin-left:20px; } h3 {font-size:120%; margin-left:40px; /*border-bottom:none;*/ } h4 {font-size:110%; margin-left:60px; /*border-bottom:none;*/ } h5 {font-size:100%; margin-left:80px; /*border-bottom:none;*/ } /* indent different sections */ div.level1 {margin-left:3px;} div.level2 {margin-left:23px;} div.level3 {margin-left:43px;} div.level4 {margin-left:63px;} div.level5 {margin-left:83px;} /* unordered lists */ ul { line-height:1.5em; list-style-type:square; margin:0 0 0.5em 20px; padding:0; list-style-image:url(img/bullet.gif); } /* ordered lists */ ol { line-height:1.5em; margin:0 0 0.5em 20px; padding:0; color:black; font-weight:bold; list-style-image:none; } /* the list items overriding the ol definition */ .li { color:#0000; font-weight:normal; } ol {list-style-type:decimal} ol ol {list-style-type:upper-roman} ol ol ol {list-style-type:lower-alpha} ol ol ol ol {list-style-type:lower-greek} li.open { list-style-image:url(img/open.gif); } li.closed { list-style-image:url(img/closed.gif); } blockquote { border-left:2px solid gray; padding-left:3px; margin-left:0; } pre { /* Mozilla, supported since 1999 */ white-space:-moz-pre-wrap; /* Opera 4 - 6 */ white-space:-pre-wrap; /* Opera 7 */ white-space:-o-pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */ white-space:pre-wrap; /* IE 5.5+ */ word-wrap:break-word; } /* pre.pre = code blocks by indention */ /* pre.code = code blocks by code tag */ /* pre.file = code blocks by file tag */ pre.pre, pre.code, pre.file { font-size:100%; padding:0.5em; border:1px dashed #9BADCA; color:#000; background:#f7f9fa; overflow:auto; } /* code blocks by file tag */ pre.file { background:#EDEDED; border:1px dashed #ADADAD; } /* inline code words */ code { font-size:120%; } /* inline tables */ table.inline { background:#FFF; border-spacing:0; border-collapse:collapse; } table.inline th { padding:3px; border-bottom:1px solid gray; background:#f5f5f5; color:#1D5EB3; border: 1px solid #CACACA; text-align: left; } table.inline td { padding:3px; border:1px solid #CACACA; } .leftalign{ text-align:left; } .centeralign{ text-align:center; } .rightalign{ text-align:right; } /* ---------- table of contents ------------------- */ div.toc { margin-left:2em; margin-top:1.2em; margin-bottom:0; float:right; width:180px; font-size:80%; clear:both; border-right:1px solid #9E9E9E; border-left:1px solid #E0E0E0; } div.tocheader { padding:3px; border-bottom:1px solid #E0E0E0; background:#1D5EB3; text-align:left; font-size:11px; font-weight:bold; margin-bottom:2px; color:#FFF; } div.toctoggle { float:right; margin-top:0.3em; margin-right:3px; } div.toctoggle img { width:0.8em; height:0.8em; } #tocinside { border-bottom:1px solid gray; background:#FFF; text-align:left; padding-bottom:0.7em; } ul.toc { list-style-type:none; list-style-image:none; line-height:1.2em; margin:0; padding:0 0 0 1em; } ul.toc li { background:transparent url(img/tocdot2.gif) 0 0.6em no-repeat; padding-left:0.4em; } ul.toc li.clear { background-image:none; padding-left:0.4em; } a.toc { color:#104C89; text-decoration:none; } a.toc:hover { color:#3085E4; text-decoration:underline; } /* ---------------------------- Diff rendering --------------------------*/ table.diff { background:#FFF; } td.diff-blockheader {font-weight:bold} td.diff-header { border-bottom:1px solid gray; font-size:120%; } td.diff-addedline { background:#ddffdd; font-family:monospace; font-size:100%; } td.diff-deletedline { background:#ffffbb; font-family:monospace; font-size:100%; } td.diff-context { background:#f7f9fa; font-family:monospace; font-size:100%; } span.diffchange { color:red; } /* --------------------- footnotes -------------------------------- */ div.footnotes{ clear:both; border-top:1px solid #gray; padding-left:1em; margin-top:1em; } div.fn{ font-size:90%; } a.fn_top{ vertical-align:super; font-size:80%; } a.fn_bot{ vertical-align:super; font-size:80%; font-weight:bold; } /* --------------- search result formating --------------- */ .search_result{ margin-bottom:6px; padding-left:30px; padding-right:10px; } .search_snippet{ color:#999999; font-size:12px; margin-left:20px; } .search_sep{ color:#0000; } .search_hit{ color:#0000; background:#FFFF99; } div.search_quickresult{ margin-bottom:15px; padding-bottom:5px; border-bottom:1px dashed #gray; margin-left:30px; padding-right:10px; } div.search_quickhits { margin-left:1em; float:left; background:transparent url(img/bullet.gif) 0 1px no-repeat; padding:1px 0 1px 8px; width:30%; } /* ------------------ Additional ---------------------- */ .footerinc a img { opacity:0.5; } .footerinc a:hover img { opacity:1; } /* ---- Admin --- */ div.acladmin label { text-align:left; font-weight:normal; display:inline; } div.acladmin table{ margin-left:10%; width:80%; } /* ---------- AJAX quicksearch ----------- */ div.ajax_qsearch { position:absolute; right:225px;; text-align:left; width:200px; background:#ff9; opacity:0.9; display:none; } /* ---------- Spellchecking ------------- */ a.spell_error { color:#ff0000; text-decoration:underline; } div#spell_suggest { position:absolute; left:0; top:0; display:none; background:#fff; padding:2px; border:1px solid #000; font-size:80%; z-index:2; } div#spell_result { display:none; font-family:monospace; border-bottom:1px solid gray; color:#000; font-size:14px; padding:3px; background:#f7f9fa; overflow:auto; z-index:1; white-space:pre-wrap; /* css-3 */ white-space:-moz-pre-wrap; /* Mozilla, since 1999 */ white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */ word-wrap:break-word; /* Internet Explorer 5.5+ */ } span.spell_noerr { color:#009933; } span.spell_wait { color:#0066cc; } /* -------------- top row --------------- */ .header { height:35px; padding:3px 0 2px 2px; } .pagename { height:25px; float:left; font-size:200%; font-weight:bolder; color:#1D5EB3; text-align:left; vertical-align:middle; padding:1px 0 0 1px; } .pagename a:link, .pagename a:visited { color:#596D9D; text-decoration:none; } .pagename a:hover, .pagename a:active { color:#FF9933; } /* --------------- top and bottom bar ---------------- */ .bar { height:25px; padding:2px 10px; margin:0; clear:both; } .bar-top { height:25px; padding:2px 0; margin:0; clear:both; } .bar-left { float:left; } .bar-right { float:right; text-align:right; } #bar_bottom { } /* ------------- File Metadata ----------------------- */ div.meta { clear:both; margin-top:1em; color:#596D9D; font-size:70%; } div.meta div.user { float:left; } div.meta div.doc{ text-align:right; } /* --------------- Media Selection ----------------- */ div.uploadform { margin-top:0.5em; border-top:1px solid #8cacbb; } .mediaselect-left { float:left; padding:0.5em; width:30%; } .mediaselect-right { float:right; border-left:1px solid #8cacbb; padding:0.5em; width:65%; } div.mediaref_head { margin-left:0.5em; } div.mediaref .search_result { padding-left:1em; } .mediaref_ref { color:#009900; } div.mediaref_hidden { margin-top:1em; text-align:center; font-size:1.2em; color:#BB0000; } div.mediaref_footer { margin-top:1em; text-align:center; }