/* ikiwiki style sheet */ /* PCP Theme */ /* Note that instead of modifying this style sheet, you can instead edit * local.css and use it to override or change settings in this one. */ /* html5 compat */ article, header, footer, nav { display: block; } #content { margin-left: 1em; min-height: 300px; } #content p { line-height: 1.3em; margin-left: 2em; } #content li { line-height: 1.5em; margin-left: 2em; } .header { padding-top: 0.5em; margin: 0; font-size: 22px; font-weight: bold; line-height: 1em; display: block; } .inlineheader .author { margin: 0; font-size: 18px; font-weight: bold; display: block; } .actions ul { width: 100%; margin: 0; padding: 6px .4em; height: 1em; list-style-type: none; } .actions li { display: inline; padding: .2em; } #otherlanguages ul { margin: 0; padding: 6px; list-style-type: none; } #otherlanguages li { display: inline; padding: .2em .4em; } .pageheader #otherlanguages { border-bottom: 1px solid #000; } .inlinecontent { margin-top: .4em; } .pagefooter, .inlinefooter, .comments { clear: both; } #footer { border-top: 1px solid #000; } #pageinfo { margin: 1em ; margin-top: 0.5em; } .tags { margin-top: 1em; } .inlinepage .tags { display: inline; } .mapparent { text-decoration: none; } .img caption { font-size: 80%; caption-side: bottom; text-align: center; } img.img { margin: 0.5ex; } .align-left { float:left; } .align-right { float:right; } #backlinks { margin-top: 0em; } #searchform { display: inline; float: right; } #editcontent { width: 98%; } .editcontentdiv { width: auto; overflow: auto; } img { border-style: none; } pre { overflow: auto; } div.recentchanges { border-style: solid; border-width: 1px; overflow: auto; width: auto; clear: none; background: #eee; color: black !important; } .recentchanges .metadata { padding: 0px 0.5em; } .recentchanges .changelog { font-style: italic; clear: both; display: block; padding: 1px 2px; background: white !important; color: black !important; } .recentchanges .desc { display: none; } .recentchanges .diff { display: none; } .recentchanges .committer { float: left; margin: 0; width: 40%; } .recentchanges .committype { float: left; margin: 0; width: 5%; font-size: small; } .recentchanges .changedate { float: left; margin: 0; width: 35%; font-size: small; } .recentchanges .pagelinks { float: right; margin: 0; width: 60%; } #blogform { padding: 10px 10px; border: 1px solid #aaa; background: #eee; color: black !important; width: auto; overflow: auto; } .inlinepage { padding: 10px 10px; border: 1px solid #aaa; overflow: auto; } .pagedate, .pagelicense, .pagecopyright { font-style: italic; font-size: 0.8em; display: block; margin-top: 1em; padding-bottom: 0.5em; } .error { color: #C00; } .sidebar { position: absolute; width: 14em; right: 0em; float: right; margin-left: 0; margin-bottom: 1em; margin-top: 1em; margin-right: 1em; padding-top: .4em; padding-left: .6em; padding-right: 0em; padding-bottom: 1em; background: #bababa; border: .1em solid black; color: black !important; } .sidebar ul { margin-top: 0.5em; } .sidebar li { font-weight: bold; } .sidebar h1 { margin-top: 0em; margin-left: 0em; padding-bottom: 0; margin-bottom: 0; font-size: 1.2em; } hr.poll { height: 10pt; color: white !important; background: #eee; border: 2px solid black; } div.poll { margin-top: 1ex; margin-bottom: 1ex; padding: 1ex 1ex; border: 1px solid #aaa; } span.color { padding: 2px; } .comment-header, .microblog-header { font-style: italic; margin-top: .3em; } .comment .author, .microblog .author { font-weight: bold; } .comment-subject { font-weight: bold; } .comment { border: 1px solid #aaa; padding: 3px; } div.progress { margin-top: 1ex; margin-bottom: 1ex; border: 1px solid #888; width: 400px; background: #eee; color: black !important; padding: 1px; } div.progress-done { background: #ea6 !important; color: black !important; text-align: center; padding: 1px; } /* things to hide in printouts */ @media print { .actions { display: none; } .tags { display: none; } .feedbutton { display: none; } #searchform { display: none; } #blogform { display: none; } #backlinks { display: none; } } /* infobox template */ .infobox { float: right; margin-left: 2ex; margin-top: 1ex; margin-bottom: 1ex; padding: 1ex 1ex; border: 1px solid #aaa; background: white; color: black !important; } /* notebox template */ .notebox { display: none; float: right; margin-left: 2ex; margin-top: 1ex; margin-bottom: 1ex; padding: 1ex 1ex; border: 1px solid #aaa; width: 25%; background: white; color: black !important; } /* popup template and backlinks hiding */ .popup { border-bottom: 1px dotted #366; color: #366; } .popup .balloon, .popup .paren, .popup .expand { display: none; } .popup:hover .balloon, .popup:focus .balloon { position: absolute; display: inline; margin: 1em 0 0 -2em; padding: 0.625em; border: 2px solid; background-color: #dee; color: black; } /* form styling */ fieldset { margin: 1ex 0; border: 1px solid black; } legend { padding: 0 1ex; } .fb_submit { float: left; margin: 2px 0; } label.block { display: block; } label.inline { display: inline; } input#openid_identifier { background: url(wikiicons/openidlogin-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } input#searchbox { background: url(wikiicons/search-bg.gif) no-repeat; background-color: #fff; background-position: 100% 50%; color: #000; padding-right: 16px; } /* invalid form fields */ .fb_invalid { color: red; background: white !important; } /* required form fields */ .fb_required { font-weight: bold; } /* highlight plugin */ pre.hl { color:#000000; background-color:#ffffff; } .hl.num { color:#2928ff; } .hl.esc { color:#ff00ff; } .hl.str { color:#ff0000; } .hl.dstr { color:#818100; } .hl.slc { color:#838183; font-style:italic; } .hl.com { color:#838183; font-style:italic; } .hl.dir { color:#008200; } .hl.sym { color:#000000; } .hl.line { color:#555555; } .hl.mark { background-color:#ffffbb; } .hl.kwa { color:#000000; font-weight:bold; } .hl.kwb { color:#830000; } .hl.kwc { color:#000000; font-weight:bold; } .hl.kwd { color:#010181; } /* calendar plugin */ .month-calendar-day-this-day, .year-calendar-this-month { background-color: #eee; } .month-calendar-day-head, .month-calendar-day-nolink, .month-calendar-day-link, .month-calendar-day-this-day, .month-calendar-day-future { text-align: right; } .month-calendar-arrow A:link, .year-calendar-arrow A:link, .month-calendar-arrow A:visited, .year-calendar-arrow A:visited { text-decoration: none; font-weight: normal; font-size: 150%; } /* outlines */ li.L1 { list-style: upper-roman; } li.L2 { list-style: decimal; } li.L3 { list-style: lower-alpha; } li.L4 { list-style: disc; } li.L5 { list-style: square; } li.L6 { list-style: circle; } li.L7 { list-style: lower-roman; } li.L8 { list-style: upper-alpha; } /* tag cloud */ .pagecloud { display: none; float: right; width: 30%; text-align: center; padding: 10px 10px; border: 1px solid #aaa; background: #eee; color: black !important; } .smallestPC { font-size: 70%; } .smallPC { font-size: 85%; } .normalPC { font-size: 100%; } .bigPC { font-size: 115%; } .biggestPC { font-size: 130%; } /* orange feed button */ .feedbutton { background: #ff6600; color: white !important; border-left: 1px solid #cc9966; border-top: 1px solid #ccaa99; border-right: 1px solid #993300; border-bottom: 1px solid #331100; padding: 0px 0.5em 0px 0.5em; font-family: sans-serif; font-weight: bold; font-size: small; text-decoration: none; margin-top: 1em; } .feedbutton:hover { color: white !important; background: #ff9900; } /* openid selector */ #openid_choice { display: none; } #openid_input_area { clear: both; padding: 10px; } #openid_btns, #openid_btns br { clear: both; } #openid_highlight { background-color: black; float: left; } .openid_large_btn { padding: 1em 1.5em; border: 1px solid #DDD; margin: 3px; float: left; } .openid_small_btn { padding: 4px 4px; border: 1px solid #DDD; margin: 3px; float: left; } a.openid_large_btn:focus { outline: none; } a.openid_large_btn:focus { -moz-outline-style: none; } .openid_selected { border: 4px solid #DDD; } /* bzed theme for ikiwiki * * Copyright (C) 2010 Bernd Zeimetz * Licensed under same license as ikiwiki: GPL v2 or later * * Parts of this file are based on the awesome YUI, * these parts will stay under the BSD license, * but you're free to apply the GPLv2 to them, of course. */ /* ------------------------------------------------------------------------------------------------- Based on reset-fonts-grids.css from yui. Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size: 13px;font-weight:normal;} input,textarea,select{font-size:100%;} legend{color:#000;} body {font:13px Verdana,Lucida,Helvetica,Arial,sans-serif;} table {font-size:inherit;font:100%;} pre,code,kbd,samp,tt{font-family:monospace;} body{text-align:left;} .inlinefooter{clear:both;} /* #doc3{margin:auto 10px;width:auto;} */ /* ------------------------------------------------------------------------------------------------ * Taken from base.css, part of YUI's CSS Foundation * Copyright (c) 2008, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * version: 2.5.1 */ h1 { /*18px via YUI Fonts CSS foundation*/ font-size:138.5%; } h2 { /*16px via YUI Fonts CSS foundation*/ margin-left: 0.8em; font-size:123.1%; } h3 { /*14px via YUI Fonts CSS foundation*/ margin-left: 1.5em; font-size:108%; } h1,h2,h3,h4,h5,h6,strong { /*bringing boldness back to headers and the strong element*/ font-weight:bold; } abbr,acronym { /*indicating to users that more info is available */ border-bottom:1px dotted #000; cursor:help; } em { /*bringing italics back to the em element*/ font-style:italic; } blockquote,ul,ol,dl { /*giving blockquotes and lists room to breath*/ margin:1em; } ol,ul,dl { /*bringing lists on to the page with breathing room */ margin-left:2em; } ol li { /*giving OL's LIs generated numbers*/ list-style: decimal outside; } ul li { /*giving UL's LIs generated disc markers*/ list-style: disc outside; } dl dd { /*giving UL's LIs generated numbers*/ margin-left:1em; } th,td { /*borders and padding to make the table readable*/ border:1px solid #000; padding:.5em; } th { /*distinguishing table headers from data cells*/ font-weight:bold; text-align:center; } caption { /*coordinated margin to match cell's padding*/ margin-bottom:.5em; /*centered so it doesn't blend in to other content*/ text-align:center; } p,fieldset,table,pre { /*so things don't run into each other*/ margin-bottom:1em; } #searchbox { width:21.5em; } /* ------------------------------------------------------------------------------------------------ * All CSS below is * Copyright (C) 2010 Bernd Zeimetz * Licensed under same license as ikiwiki: GPL v2 or later */ .page, .pageheader, #content, #comments, .inlinepage, .recentchanges, .pageheader .actions ul { border: none; } html, body { color:#000; background-color: #353D40; } body { padding: 0; margin: 0; } .page { position: relative; margin:auto; text-align:left; width:auto; min-width:750px; max-width:1200px; background: #ddd; } .pageheader { position: relative; background-image: url('header_background.jpg'); background-repeat: repeat-x; height: 100px; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; padding-top: 1.2em; } .pageheader .header { text-align: top; clear: both; } .pageheader .header form { padding: 0em 0em 0em 0em; float: right; margin-top: 0.5em; } .pageheader .header .title, .pageheader .header .parentlinks, .inlinepage .inlineheader, h1, h2, h3, h4, h5, h6 { margin-top: 1em; font-weight: bold; } .parentlinks,.title, .actions ul li { background-color: rgba(85,100,115,0.7); } .pageheader .header .title, .pageheader .header .parentlinks, .pageheader .actions ul li, .pageheader .header span { padding: 0.25em 0.25em 0.25em 0.25em; opacity: 1; color: #FFF; } .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a { color: white; text-decoration: none; opacity: 1; } .pageheader .actions { float: right; position: absolute; text-align: right; vertical-align: bottom; clear: both; bottom: 1em; right: 2em; } #pagebody { position:static; padding-right: 1em; padding-bottom: 2em; margin-right: 17em; clear: none; } #content a, #comments a, .sidebar a, .pagefooter a { color: #215470; text-decoration: none; font-weight: bold; } .sidebar .menu { margin-left: 1em; } .inlinepage, .recentchanges, div.recentchanges { clear: none !important; margin-bottom: 2em; } .inlinefooter { border-top: 1px dotted #315485; } .inlinefooter .pagedate, .inlinefooter .tags { display: inline; clear: none; margin-right: 2em; } .calendar .month-calendar th, .calendar .month-calendar td { padding: 0.22em; } @media print { .sidebar, .page .pageheader .header .parentlinks { content:"."; display:block; height:0; visibility:hidden; } .page { padding: 1em 1em 1em 1em; } .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a { color #315485; } #content, #comments, #pagebody { margin-right: 0; *margin-right: 0; border-right: none; } }