1/* 2Wikimagination Template for DokuWiki. 3 4http://felix.plesoianu.ro/index.php/page:Webdesign:Wikimagination%20Template 5 62012-09-19 Felix Pleşoianu <felixp7@yahoo.com> 7*/ 8body { 9 Background-color: __background_alt__; 10 Color: __text_alt__; 11 Margin: 0; 12 Font-family: Helvetica, Arial, sans-serif; 13} 14 15.header { 16 Background-color: __background__; 17 Color: __text__; 18 Text-align: center; 19 Margin-left: 1px; 20 Margin-right: 1px; 21 Height: 178px; 22} 23 24.header #logo { 25 Float: right; 26 Clear: right; 27 Width: 20%; 28 Background-color: __background_alt__; 29 Color: __text_alt__; 30} 31 32#logo img { 33 Background-color: __background__; 34 Border: 5px ridge __background_alt__; 35 Margin: 10px; Padding: 10px; 36} 37 38.header h1 { 39 Font-size: 3em; 40 Font-weight: bold; 41 Margin-top: 0; 42 Margin-bottom: 0; 43 Padding: 0.3em; 44 Text-transform: uppercase; 45} 46 47.header form.search { 48 Vertical-align: middle; 49} 50 51.header h2 { 52 Text-align: center; 53 Font-size: 2em; 54 Font-weight: bold; 55 Margin-top: 0; 56 Margin-bottom: 0; 57 Padding-bottom: 0.5em; 58 Overflow: hidden; 59 Text-transform: uppercase; 60} 61 62.section { 63 Margin-left: 1px; 64 Margin-right: 1px; 65 Clear: both; 66} 67 68.article { 69 Background-color: __background__; 70 Color: __text__; 71 Width: 80%; 72 Float: left; 73} 74 75.aside { 76 Width: 20%; 77 Float: left; 78 Text-align: center; 79 Background-color: __background_alt__; 80 Color: __text_alt__; 81 Font-weight: bold; 82} 83 84.footer { 85 Clear: both; 86 Text-align: center; 87 Background-color: __background_alt__; 88 Color: #ffffcc; 89 Padding: 1em; 90 Margin-left: 1px; 91 Margin-right: 1px; 92 Font-weight: bold; 93} 94 95.guard { 96 Clear: both; 97 Height: 0; 98} 99 100.aside a, .footer a { 101 Color: #ccccff; 102} 103 104#navigation-area, #content-area, #info-area { 105 Margin: 1em; 106 Border-top: 5px ridge __border__; 107 Padding-top: 1em; 108} 109 110#content-area { Text-align: justify; Border-top: none; } 111 112#info-area { Clear: both; } 113 114fieldset { 115 Background-color: __background__; 116 Color: __text__; 117 Border: 5px ridge __border__; 118} 119 120fieldset table { 121 Border: none; 122} 123 124fieldset legend { 125 Background-color: __background__; 126} 127 128#content-area table { 129 Border-top: 5px ridge __border__; 130 Border-bottom: 5px ridge __border__; 131 Margin-top: 1em; 132 Margin-bottom: 1em; 133 Margin-left: auto; 134 Margin-right: auto; 135} 136 137th, td { 138 Margin: 0; 139 Padding: 0.5em; 140 Text-align: left; 141} 142 143th { 144 Font-weight: bold; 145 Font-variant: small-caps; 146} 147 148#content-area img { 149 Margin: 0.5em; 150} 151 152#content-area blockquote { 153 Text-align: left; 154 Margin-left: 3em; 155 Margin-right: 3em; 156 Padding: 0.5em; 157 Font-family: Times, serif; 158 Font-style: italic; 159} 160 161.wikilink1 { 162 Color: __existing__; 163} 164 165.wikilink2 { 166 Color: __missing__; 167} 168 169#dw__toc { 170 Float: left; 171 Font-size: 90%; 172 Margin: 1em; 173 Margin-top: 0; 174 Padding: 1em; 175 Background-color: __background__; 176 Border: 5px ridge __border__; 177} 178 179#dw__toc h3 { 180 Margin: 0; 181 Margin-bottom: 0.5em; 182} 183 184ul.toc { 185 Padding-left: 1em; 186} 187 188form.button input.button, .link-to-top input.button { 189 Width: 11em; 190} 191 192form.search input.button { 193 Margin-bottom: 0; 194} 195 196a img { 197 Border: 0; 198} 199 200img.medialeft { Float: left; Clear: left; } 201img.mediacenter { Display: block; Margin: 0 auto !important; } 202img.mediaright { Float: right; Clear: right; } 203 204dt { Font-weight: bold; } 205 206/* For the image detail page. */ 207dl.img_tags { 208 Border-top: 5px ridge __border__; 209 Border-bottom: 5px ridge __border__; 210} 211 212dl.img_tags dt { 213 Font-weight: bold; 214 Font-variant: small-caps; 215} 216 217.img_big { 218 Overflow: auto; 219} 220 221/* For the media manager. */ 222#media__manager #media__opts, #media__manager #media__tree { 223 Position: relative; 224 Top: -3em; 225 Width: 30%; 226 Float: right; 227 Clear: right; 228 Padding: 0.5em; 229 Border: 5px ridge __border__; 230 Margin: 1em; 231 Background-color: __background__; 232 Color: __text__; 233} 234 235#media__right div.odd, #media__right div.even { 236 Border-top: 5px ridge __border__; 237 Margin: 1em; 238 Font-weight: bold; 239} 240 241/* For the media manager page. */ 242#mediamanager__page .namespaces { 243 Float: right; 244 Border: 5px ridge __border__; 245 Margin: 1em; 246 Padding: 0.5em; 247 Width: 25%; 248} 249 250#mediamanager__page .tabs { 251 Margin: 0; 252 Padding: 0; 253 List-style: none; 254} 255 256#mediamanager__page .tabs li { 257 Float: left; 258 Border: 5px ridge __border__; 259 Margin: 1em; 260} 261 262#mediamanager__page .tabs strong, #mediamanager__page .tabs a { 263 Display: block; 264 Padding: 0.5em; 265} 266 267#mediamanager__page .tabs strong { 268 Background-color: __background_alt__; 269 Color: __text_alt__; 270} 271 272#mediamanager__page .tabs a { 273 Font-weight: bold; 274 Text-decoration: none; 275} 276 277#mediamanager__page .filelist .panelHeader, 278#mediamanager__page .filelist .panelContent { 279 Clear: left; 280 Width: 75%; 281} 282 283#mediamanager__page .options ul, 284#mediamanager__page .actions { 285 Margin: 0; 286 Padding: 0; 287 List-style: none; 288} 289 290#mediamanager__page .options li, 291#mediamanager__page .actions li { 292 Float: left; 293} 294 295#mediamanager__page .file { 296 Border: 5px ridge __border__; 297 Margin: 1em; 298 Padding: 0.5em; 299} 300 301#mediamanager__page .file .panelHeader, 302#mediamanager__page .file .panelContent { 303 Clear: left; 304} 305 306#mediamanager__page .file .panelContent dl { 307 Clear: left; 308} 309 310#mediamanager__page .file .panelContent dt { 311 Font-weight: bold; 312 Font-variant: small-caps; 313} 314 315 316.idx img { Float: left; } 317