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