1/** 2 * Extra styles for sidebar template 3 * 4 * @author Christopher Smith <chris@jalakai.co.uk> 5 */ 6 7/* dokuwiki containers & styles */ 8 9/* sidebar orientation and position */ 10#sidebar { 11 width:20%; 12 margin:0; 13 padding:0; 14 position: relative; 15} 16 17#sidebartop { 18 position: absolute; 19 top: -1.2em; 20 width: 100%; 21 height: 1.2em; 22 background: __background_neu__; 23} 24 25.sidebar_inside_left #sidebar { 26 float:left; 27} 28 29.sidebar_inside_right #sidebar { 30 float:right; 31} 32 33.sidebar_inside_left .dokuwiki div.breadcrumbs { 34 float: right; 35 width: 78%; 36 padding: 0 1% 0 0.9%; 37} 38 39.sidebar_inside_left .dokuwiki .page, .sidebar_inside_left .dokuwiki .meta { 40 float:right; 41 width:77%; /* also see IE Win fix below */ 42 margin-right: 1%; 43 margin-left:0; 44} 45 46.sidebar_inside_right .dokuwiki .page, .sidebar_inside_right .dokuwiki .meta, .sidebar_inside_right .dokuwiki div.breadcrumbs { 47 float:left; 48 width:77%; 49 margin-left: 1%; 50 margin-right: 0; 51} 52 53.sidebar_outside_left #sidebar { 54 position:absolute; 55 top:0; 56 left:0; 57} 58 59.sidebar_outside_right #sidebar { 60 position:absolute; 61 top:0; 62 right:0; 63} 64 65.sidebar_outside_left .dokuwiki { 66 padding-left:21%; 67} 68 69.sidebar_outside_right .dokuwiki { 70 padding-right:21%; 71} 72 73.sidebar_outside_left .footerinc { 74 padding-left: 21%; 75} 76 77.sidebar_outside_right .footerinc { 78 padding-right: 21%; 79} 80 81/* sidebar presentation */ 82/* the following three styles use a faux-column image to place a separating line 83 between the sidebar and dokuwiku */ 84.sidebar_outside_left .dokuwiki, .sidebar_inside_left .dokuwiki { 85 background: url(images/sidebar-border.gif) repeat-y 20%; 86} 87 88.sidebar_outside_right .dokuwiki, .sidebar_inside_right .dokuwiki { 89 background: url(images/sidebar-border.gif) repeat-y 80%; 90} 91 92/* hide the line where it passes through .stylehead */ 93.stylehead { 94 background: __background__; 95} 96 97/* sidebar contents */ 98#sidebar { 99 font-size:10px; 100} 101 102#sidebar a { 103 color: __existing__; 104} 105 106#sidebar a.wikilink2 { 107 color: __text_neu__; 108} 109 110#sidebar a.wikilink2:hover { 111 text-decoration:none; 112 cursor:default; 113} 114 115#sidebar h1 { 116 font-size:140%; 117 margin-left: 0px; 118 padding-left: 2px; 119 font-weight:bold; 120 padding-bottom:0; 121 background-color: __background_alt__; 122} 123#sidebar h2 { 124 font-size:120%; 125 margin-left: 4px; 126 font-weight:bold; 127 padding-bottom:0; 128} 129#sidebar h3 { 130 font-size:120%; 131 margin-left: 8px; 132 font-weight:normal; 133 padding-bottom:0; 134} 135#sidebar h4 { 136 font-size:100%; 137 margin-left: 12px; 138 font-weight:bold; 139 padding-bottom:0; 140} 141#sidebar h5 { 142 font-size:100%; 143 margin-left: 16px; 144 font-weight:normal; 145 padding-bottom:0; 146} 147#sidebar .toc { 148 display:none; 149} 150 151#sidebar .secedit { 152} 153 154/* reduced section indentation */ 155#sidebar div.level1 {margin-left: 2px;} 156#sidebar div.level2 {margin-left: 6px;} 157#sidebar div.level3 {margin-left: 10px;} 158#sidebar div.level4 {margin-left: 14px;} 159#sidebar div.level5 {margin-left: 18px;} 160 161/* IE fixes (hide from IE Mac) \*/ 162 163* html .page .toc {height:1px} /* General Dokuwiki fix. IE needs this to always display TOC contents \*/ 164* html pre {width:95%;} /* General Dokuwiki fix - very important for Sidebar. IE needs this to get the overflow:auto style to kick in \*/ 165* html .stylehead {height:1px;} /* Get IE in hasLayout mode to ensure the background covers the whole element \*/ 166 167* html .sidebar_inside_left .page, * html .sidebar_inside_right .page, 168* html .sidebar_inside_left .meta, * html .sidebar_inside_right .meta { 169 width: 77%; /* IE needs extra gap to ensure #sidebar & .page float next to each other \*/ 170 overflow-x: auto; /* IE proprietary property to prevent wide images in wiki page forcing sidebar down below wiki page \*/ 171 /* 'overflow-x:auto;' maybe replaced by 'overflow:auto;' to ensure template passes w3c validation \*/ 172} 173 174/* (end IE Mac hiding) */ 175 176/* duplicate standard DW styles with increased specificity to counter some sidebar styles */ 177.sidebar_outside_left .insitu-footnote, .sidebar_inside_left .insitu-footnote { 178 background-color: __background_other__; 179} 180/* counteract some inappropriate DW styling */ 181.sidebar div.dokuwiki #bar__bottom { 182 margin-bottom: 0; 183} 184.sidebar div.dokuwiki p.license { 185 background-color: __background_other__; 186 padding-top: 3px; 187} 188