1/** 2 * This file provides the main design styles for the 3 * bits that surround the content. 4 * 5 * @author Anika Henke <anika@selfthinker.org> 6 * @author Andreas Gohr <andi@splitbrain.org> 7 */ 8 9 10/* header 11********************************************************************/ 12 13#dokuwiki__header .tools { 14 margin-bottom: 2.1em; 15 font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif; 16 text-align: right; 17} 18#dokuwiki__header .tools ul { 19 margin-bottom: 0; 20} 21#dokuwiki__header .tools ul li { 22 display: inline; 23 margin-right: .5em; 24} 25 26/* 27#dokuwiki__header form.search { 28 margin: .5em 0 0; 29 display: block; 30} 31#dokuwiki__header form.search #qsearch__in { 32 width: 12em; 33 margin-right: .5em; 34} 35*/ 36 37 38/* tools 39********************************************************************/ 40 41/* make wiki links look the same as tool links in tool bars */ 42#dokuwiki__usertools a.wikilink1, 43#dokuwiki__pagetools a.wikilink1, 44#dokuwiki__usertools a.wikilink2, 45#dokuwiki__pagetools a.wikilink2 { 46 color: #00c; 47 border-bottom-width: 0; 48} 49#dokuwiki__usertools a.wikilink2:hover, 50#dokuwiki__pagetools a.wikilink2:hover, 51#dokuwiki__usertools a.wikilink2:active, 52#dokuwiki__pagetools a.wikilink2:active, 53#dokuwiki__usertools a.wikilink2:focus, 54#dokuwiki__pagetools a.wikilink2:focus { 55 text-decoration: underline; 56} 57 58/* highlight selected tool */ 59.mode_admin a.action.admin, 60.mode_login a.action.login, 61.mode_register a.action.register, 62.mode_profile a.action.profile, 63.mode_recent a.action.recent, 64.mode_index a.action.index, 65.mode_revisions a.action.revs, 66.mode_backlink a.action.backlink, 67.mode_subscribe a.action.subscribe { 68 font-weight: bold; 69} 70 71/*____________ user tools ____________*/ 72 73#dokuwiki__usertools { 74 position: absolute; 75 top: 0; 76 right: 0; 77 border-bottom: 1px solid __border__; 78 background-color: __background_alt__; 79 width: 100%; 80} 81#dokuwiki__usertools ul, 82#dokuwiki__pagetools ul { 83 /* imitate #dokuwiki__site */ 84 margin: 0 auto; 85 max-width: __site_width__; 86 padding: 0 1em; 87} 88#IE6 #dokuwiki__usertools ul { 89 width: 100%; 90} 91#dokuwiki__usertools ul li.user { 92 float: left; 93 margin-left: 0; 94} 95 96/*____________ page tools ____________*/ 97 98#dokuwiki__pagetools { 99 position: fixed; 100 bottom: 0; 101 left: 0; 102 border-top: 1px solid __border__; 103 background-color: __background_alt__; 104 width: 100%; 105 z-index: 10; 106} 107#IE6 #dokuwiki__content { 108 margin-bottom: 1.4em; 109} 110#dokuwiki__pagetools ul li { 111 display: inline; 112 margin: 0 1.5em 0 0; 113} 114#dokuwiki__pagetools ul li a.action.top { 115 float: right; 116} 117#IE6 #dokuwiki__pagetools ul, 118#IE7 #dokuwiki__pagetools ul { 119 position: relative; 120} 121#IE6 #dokuwiki__pagetools ul li a.action.top, 122#IE7 #dokuwiki__pagetools ul li a.action.top { 123 position: absolute; 124 top: 0; 125 right: 0; 126} 127 128 129/* sidebar 130********************************************************************/ 131 132/* make sidebar more condensed */ 133 134#sidebar { 135 list-style-type: none; 136 text-align: right; 137} 138#sidebar a { 139 padding: 0.3em 0 0.3em 0.3em; 140 border: none; 141 color: #202020; 142 text-decoration: none; 143} 144#sidebar a:hover { 145 border: none; 146 color: #202020; 147 text-decoration: none; 148} 149#sidebar h2 { 150 margin: 30px 0 10px; 151 padding: 2px 0 2px 50px; 152 border-bottom: 1px solid #cacaca; 153 font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif; 154 text-align: left; 155} 156#sidebar li { 157 margin: 0 0 15px 0; 158 /* each main section, i.e., Pages, Categories, Archives, etc. */ 159} 160#sidebar ol li { 161 list-style: decimal outside; 162} 163#sidebar p, #sidebar select { 164 margin: 5px 0 8px; 165} 166#sidebar ul, #sidebar ol { 167 margin: 8px 0 0 0; 168 text-transform: uppercase; 169 letter-spacing: 0.3em; 170 /* the block of links for all the Pages, Categories, Monthly Archives, etc. */ 171} 172#sidebar ul li, #sidebar ol li { 173 margin: 3px 0; 174 padding: 0.2em 0; 175 list-style-type: none; 176 /* each individual link, i.e., each page, each category, each month, etc. */ 177} 178#sidebar ul li:hover { 179 /* border-left: 1px solid #ff8900; */ 180} 181#sidebar ul ul, #sidebar ol { 182 margin: 0 0 0 10px; 183} 184 185#search form.search { 186 padding: 40px 0 0; 187} 188#search form.search #qsearch__in { 189 width: 220px; 190 height: 22px; 191 padding: 3px 0 3px 30px; 192 border: none; 193 color: #404040; 194 font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif; 195 background: #fff url(images/bg_search_full.png) no-repeat; 196} 197#search form.search .button { 198 display: none; 199 padding: 1px; 200} 201 202 203/* content 204********************************************************************/ 205 206#dokuwiki__content div.breadcrumbs { 207 margin-bottom: 1.3em; 208} 209#dokuwiki__content div.breadcrumbs a { 210 color: __existing__; 211 background-color: inherit; 212} 213 214.dokuwiki .page { 215 margin: 0; 216 padding: 0; 217 font: 1.3em/1.6 "Lucida Grande", Verdana, Arial, sans-serif; 218} 219 220.dokuwiki .page h2 { 221 font: normal 1.6em Georgia, "Times New Roman", Times, serif; 222} 223.dokuwiki .page p { 224 margin: 0 0 10px 0; 225} 226 227.dokuwiki .page blockquote { 228 margin: 15px 40px 15px 20px; 229 padding: 0 0 0 20px; 230 border-left: 1px dotted #ff8900; 231 text-align: justify; 232} 233.dokuwiki .page blockquote p { 234 line-height: 1.2em; 235} 236.dokuwiki .page ol, .dokuwiki .page ul { 237 margin: 0 0 0 4px; 238 padding: 0 0 8px 0; 239 /* keep the same as .entry p */ 240} 241.dokuwiki .page ol { 242 list-style: decimal outside; 243} 244.dokuwiki .page ul { 245 list-style: circle outside; 246} 247.dokuwiki .page ol li, .dokuwiki .page ul li { 248 margin: 0 0 0 1.5em; 249 padding: 2px 0 4px 0; 250} 251 252 253 254/*____________ misc ____________*/ 255 256/* license note in footer and under edit window */ 257.dokuwiki div.license { 258 font-size: 93.75%; 259} 260 261#IE6 .dokuwiki input.button, #IE6 .dokuwiki button, 262#IE7 .dokuwiki input.button, #IE7 .dokuwiki button { 263 line-height: 1.4; 264} 265 266/*____________ JS popup ____________*/ 267 268.JSpopup { 269 background-color: __background__; 270 color: __text__; 271 border: 1px solid __border__; 272 line-height: 1.2; 273 padding: 0 .2em; 274} 275 276.JSpopup ul, 277.JSpopup ol { 278 padding-left: 0; 279} 280 281 282/* footer 283********************************************************************/ 284 285#dokuwiki__footer { 286 padding-top: 2.8em; 287 padding-bottom: 1em; 288} 289#IE6 #dokuwiki__footer, 290#IE7 #dokuwiki__footer { 291 padding-top: 2.8em; 292 height: 1%; 293} 294#dokuwiki__footer .doc { 295 float: right; 296 color: gray; 297 font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif; 298} 299#dokuwiki__footer .top { 300 float: right; 301} 302#dokuwiki__footer .license { 303 clear: both; 304 display: inline; 305} 306#dokuwiki__footer .license img { 307 margin: 0 .5em 0 0; 308 float: none; 309} 310 311#dokuwiki__footer a { 312 border: none; 313} 314 315