1/** 2 * Tableless Layout for spacedok template 3 * derived from the minima template by 4 * @author Tony Baldwin <tonybaldwin@gmx.com> 5 * live sample: tonybaldwin.me/hax 6 * 7 * @author Andreas Gohr <andi@splitbrain.org> 8 * @author moraes <moraes@tipos.com.br> 9 * @author Esther Brunner <wikidesign@gmail.com> 10 */ 11 12/* -------------- general --------------- */ 13 14div.dokuwiki { 15 margin-top: 13px; 16 margin-bottom: 8px; 17 margin-left: auto; 18 margin-right: auto; 19 -moz-border-radius: 10px; 20 border-radius: 10px; 21} 22 23#spacedok__wide_left, #spacedok__wide_right { width: 987px; } 24#spacedok__medium_left, #spacedok__medium_right { width: 754px; } 25#spacedok__narrow_left, #spacedok__narrow_right { width: 610px; } 26 27/* -------------- header --------------- */ 28 29div.dokuwiki .header { height: 55px; } 30 31#spacedok__wide_left .header, 32#spacedok__wide_right .header { 33 background: transparent url(images/header_wide__theme__.jpg) no-repeat; 34} 35 36#spacedok__medium_left .header, 37#spacedok__medium_right .header { 38 background: transparent url(images/header_medium__theme__.jpg) no-repeat; 39} 40 41#spacedok__narrow_left .header, 42#spacedok__narrow_right .header { 43 background: transparent url(images/header_narrow__theme__.jpg) no-repeat; 44} 45 46#spacedok__wide_left .header { padding: 21px 89px 13px 288px; } 47#spacedok__medium_left .header { padding: 21px 68px 13px 220px; } 48#spacedok__narrow_left .header { padding: 21px 55px 13px 178px; } 49#spacedok__wide_right .header { padding: 21px 55px 13px 89px; } 50#spacedok__medium_right .header { padding: 21px 42px 13px 68px; } 51#spacedok__narrow_right .header { padding: 21px 34px 13px 55px; } 52 53div.dokuwiki .logo { 54 font-size: 220%; 55 font-weight: bolder; 56 margin-top: 8px; 57 /* vertical-align: middle; */ 58} 59 60div.dokuwiki .logo a { 61 color: __background__ !important; 62 text-decoration: none !important; 63} 64 65/* --------------- main ---------------- */ 66 67div.dokuwiki div.main { 68 overflow: auto; 69 background-color: __background__; 70 border-left: 1px solid __text_alt__; 71 border-right: 1px solid __text_alt__; 72 -moz-border-radius: 10px; 73 border-radius: 10px; 74} 75 76/* --------------- page ---------------- */ 77 78div.dokuwiki div.page { 79 text-align: justify; 80 line-height: 1.5em; 81 padding-top: 21px; 82 padding-bottom: 34px; 83 background-color: __background__; 84} 85 86div.dokuwiki div.tabs { 87 font-size: 12px; 88 padding-top: 5px; 89 line-height: 1.5em; 90 background-color: __background_alt__; 91 border-bottom: 1px solid __border__; 92} 93 94div.dokuwiki span.activetab { 95 background-color: __background__; 96 padding: 2px 5px; 97 border: 1px solid __border__; 98 border-bottom: 1px solid __background__; 99} 100 101div.dokuwiki a.tab { 102 background-color: __background_neu__; 103 padding: 2px 5px; 104 border: 1px solid __text_other__; 105 border-bottom: 0px; 106} 107 108div.dokuwiki a.tab:hover { 109 text-decoration: none; 110 background-color: __background_other__; 111 border: 1px solid __border__; 112 border-bottom: 0px; 113} 114 115#spacedok__wide_left div.tabs, 116#spacedok__wide_left div.breadcrumbs, 117#spacedok__wide_right div.tabs, 118#spacedok__wide_right div.breadcrumbs { 119 width: 842px; 120} 121 122#spacedok__wide_left div.page, 123#spacedok__wide_right div.page { 124 width: 610px; 125} 126 127#spacedok__wide_left div.page, 128#spacedok__wide_left div.tabs, 129#spacedok__wide_left div.breadcrumbs { 130 padding-left: 55px; 131 padding-right: 88px; 132 float: right; 133} 134 135#spacedok__wide_right div.page, 136#spacedok__wide_right div.tabs, 137#spacedok__wide_right div.breadcrumbs { 138 padding-left: 88px; 139 padding-right: 55px; 140 float: left; 141} 142 143#spacedok__medium_left div.tabs, 144#spacedok__medium_left div.breadcrumbs, 145#spacedok__medium_right div.tabs, 146#spacedok__medium_right div.breadcrumbs { 147 width: 643px; 148} 149 150#spacedok__medium_left div.page, 151#spacedok__medium_right div.page { 152 width: 466px; 153} 154 155#spacedok__medium_left div.page, 156#spacedok__medium_left div.tabs, 157#spacedok__medium_left div.breadcrumbs { 158 padding-left: 42px; 159 padding-right: 67px; 160 float: right; 161} 162 163#spacedok__medium_right div.page, 164#spacedok__medium_right div.tabs, 165#spacedok__medium_right div.breadcrumbs { 166 padding-left: 67px; 167 padding-right: 42px; 168 float: left; 169} 170 171#spacedok__narrow_left div.tabs, 172#spacedok__narrow_left div.breadcrumbs, 173#spacedok__narrow_right div.tabs, 174#spacedok__narrow_right div.breadcrumbs { 175 width: 520px; 176} 177 178#spacedok__narrow_left div.page, 179#spacedok__narrow_right div.page { 180 width: 377px; 181} 182 183#spacedok__narrow_left div.page, 184#spacedok__narrow_left div.tabs, 185#spacedok__narrow_left div.breadcrumbs { 186 padding-left: 34px; 187 padding-right: 54px; 188 float: right; 189} 190 191#spacedok__narrow_right div.page, 192#spacedok__narrow_right div.tabs, 193#spacedok__narrow_right div.breadcrumbs { 194 padding-left: 54px; 195 padding-right: 34px; 196 float: left; 197} 198 199/* --------------- sidebar ---------------- */ 200 201div.dokuwiki div.sidebar { 202 background: __background_alt__; 203 font-size: 90%; 204} 205 206div.dokuwiki div.sidebar:after { 207 content: " "; 208 display: block; 209 height: 0; 210 font-size: 0; 211 line-height: 0; 212 overflow: hidden; 213 visibility: hidden; 214} 215 216#spacedok__wide_left div.sidebar { padding: 21px 34px 34px 54px; width: 144px; } 217#spacedok__medium_left div.sidebar { padding: 21px 26px 34px 41px; width: 110px; } 218#spacedok__narrow_left div.sidebar { padding: 21px 21px 34px 33px; width: 89px; } 219 220#spacedok__wide_right div.sidebar { 221 margin-left: 753px; 222 padding: 21px 54px 34px 34px; 223} 224 225#spacedok__medium_right div.sidebar { 226 margin-left: 575px; 227 padding: 21px 41px 34px 26px; 228} 229 230#spacedok__narrow_right div.sidebar { 231 margin-left: 465px; 232 padding: 21px 33px 34px 21px; 233} 234 235#spacedok__wide_left div.sidebar:after, 236#spacedok__medium_left div.sidebar:after, 237#spacedok__narrow_left div.sidebar:after { 238 clear: right; 239} 240 241#spacedok__wide_right div.sidebar:after, 242#spacedok__medium_right div.sidebar:after, 243#spacedok__narrow_right div.sidebar:after { 244 clear: left; 245} 246 247div.dokuwiki div.search { 248 width: 100%; 249} 250 251/* --------------- button bar ---------------- */ 252 253div.dokuwiki div.bar { 254 border-top: 1px solid __border__; 255 border-bottom: 1px solid __border__; 256 background: __background_alt__; 257 clear: both; 258} 259 260#spacedok__wide_left div.bar, 261#spacedok__medium_left div.bar, 262#spacedok__narrow_left div.bar { 263 border-right: 1px solid __border__; 264 padding: 2px 2px 2px 0; 265} 266 267#spacedok__wide_right div.bar, 268#spacedok__medium_right div.bar, 269#spacedok__narrow_right div.bar { 270 border-left: 1px solid __border__; 271 padding: 2px 0 2px 2px; 272} 273 274#spacedok__wide_left div.bar { margin-left: -55px; padding-left: 55px; width: 607px; } 275#spacedok__medium_left div.bar { margin-left: -42px; padding-left: 42px; width: 463px; } 276#spacedok__narrow_left div.bar { margin-left: -34px; padding-left: 34px; width: 374px; } 277 278#spacedok__wide_right div.bar { width: 662px; } 279#spacedok__medium_right div.bar { width: 505px; } 280#spacedok__narrow_right div.bar { width: 408px; } 281 282/* ------------- file metadata ----------------------- */ 283 284div.dokuwiki div.meta { 285 margin-top: 2em; 286 color: __text_alt__; 287 font-size: 80%; 288} 289 290/* ------------- footer ----------------------- */ 291 292div.dokuwiki div.footer { 293 height: 10px; 294 font-size: 5px; 295 line-height: 9px; 296 -moz-border-radius: 10px; 297 border-radius: 10px; 298} 299 300div.dokuwiki div.edgeleft { 301 float: left; 302 padding-left: 10px; 303 background: __background__ url(images/edgeleft__theme__.gif) no-repeat bottom left; 304} 305 306div.dokuwiki div.edgeright { 307 float: right; 308 padding-right: 10px; 309 background: __background__ url(images/edgeright__theme__.gif) no-repeat bottom right; 310} 311 312#spacedok__wide_left div.edgeleft, 313#spacedok__wide_right div.edgeright { 314 width: 223px; 315 background-color: __background_alt__; 316} 317 318#spacedok__medium_left div.edgeleft, 319#spacedok__medium_right div.edgeright { 320 width: 168px; 321 background-color: __background_alt__; 322} 323 324#spacedok__narrow_left div.edgeleft, 325#spacedok__narrow_right div.edgeright { 326 width: 134px; 327 background-color: __background_alt__; 328} 329 330#spacedok__wide_left div.edgeright, #spacedok__wide_right div.edgeleft { width: 744px; } 331#spacedok__medium_left div.edgeright, #spacedok__medium_right div.edgeleft { width: 566px; } 332#spacedok__narrow_left div.edgeright, #spacedok__narrow_right div.edgeleft { width: 456px; } 333 334div.dokuwiki div.borderbottom { 335 width: 100%; 336 border-bottom: 1px solid __text_alt__; 337} 338