1/* ================================ GENERAL ================================= */ 2html, body { 3 margin: 0; 4 padding: 0; 5 min-height: 100%; 6} 7* { 8 font-family: Verdana, Helvetica, Arial, sans-serif; 9 font-size: small; 10} 11body { 12 background: #000; 13 background-image: url(images/fnd_main.jpg); 14 background-position: center; 15 background-repeat: repeat-y; 16} 17a { 18 color: #2E5976; 19 background-color: inherit; 20} 21a:hover { 22 color: #000; 23 background-color: inherit; 24} 25 26.wikilink1 {color: #2E5976;} 27.wikilink2 {color: #AB7F61;} 28 29a img { 30 border: none; 31} 32ol { 33 line-height: 1.5em; 34 margin: 0 0 .5em 1.5em; 35 padding: 0; 36} 37ul { 38 line-height: 1.5em; 39 list-style-type: square; 40 margin: 0 0 .5em 1.5em; 41 padding: 0; 42 list-style-image: url(images/bullet.gif); 43} 44 45/* ================================ HEADER ================================== */ 46#header { 47 text-align: center; 48 height: 112px; 49 width: 750px; 50 margin: 0px auto; 51 background-image: url(images/fnd_header.png); 52 background-position: center; 53 background-repeat: repeat-x; 54} 55#header img {margin-top: 5px;} 56 57/* ================================= MENU =================================== */ 58#menu { 59 text-align: center; 60 height: 40px; 61 width: 750px; 62 margin: 0px auto; 63 padding: 8px 0 2px 0; 64 background-image: url(images/fnd_menu.jpg); 65 background-repeat: repeat-x; 66 background-color: #000; 67 color: #fff; 68} 69#menu ul { 70 margin: 0; 71 padding: 0; 72 display: inline; 73} 74#menu ul li { 75 display: inline; 76} 77#menu ul li a { 78 padding: 0 1em 0 1em; 79 color: #fff; 80 background-color: inherit; 81 text-decoration: none; 82} 83#menu ul li a:hover { 84 text-decoration: underline; 85} 86 87#menu .level1, #menu .li {display: inline} 88 89/* ================================== SIDE ================================== */ 90.sidebar 91{ 92 width: 215px; 93 height: 100%; 94 float: right; 95 background-color: #fff; 96 padding: 5px; 97} 98.sidebar-top{background: url(images/fnd_sidebar_top.jpg) no-repeat top center; margin: 0px; padding: 0px; border: 1px solid transparent; height: 42px;} 99.sidebar-middle{background: url(images/fnd_sidebar_middle.png) repeat top left; margin: 0px; padding: 0px; border: 1px solid transparent; margin-left: 4px; margin-right: 4px; padding: 5px; color: #fff;} 100.sidebar-bottom{background: url(images/fnd_sidebar_bottom.jpg) no-repeat bottom center; margin: 0px; padding: 0px; border: 1px solid transparent; height: 8px;} 101.sidebar a{color: #fff; text-decoration: underline} 102.sidebar a:hover{color: #fff; text-decoration: none} 103 104/* ================================== BODY ================================== */ 105#body { 106 margin: 0px auto; 107 background-color: transparent; 108 color: #000; 109 width: 710px; 110 margin: 0 auto 0 auto; 111 padding: 0 10px 0 10px; 112} 113#body_top, #body_bottom { 114 height: 1px; 115 background-color: #fff; 116 color: #000; 117} 118#body h1, #body h2, #body h3, #body h4, #body h5 { 119 clear: left; 120 margin: .5em 0 0 0; 121} 122#body h1 a, #body h2 a, #body h3 a, #body h4 a, #body h5 a { 123 font-size: 1em; 124 font-family: inherit; 125 color: #000; 126 background-color: inherit; 127} 128#body h1 { 129 font-family: Georgia, "Times New Roman", serif; 130 font-weight: bold; 131 font-size: 2em; 132 color: #8c2121; 133 background-color: inherit; 134 border-bottom: solid 1px #83BBC6; 135} 136#body h2 { 137 font-family: Georgia, "Times New Roman", serif; 138 font-weight: normal; 139 font-size: 1.3em; 140 color: #8c2121; 141 background-color: inherit; 142 border-bottom: solid 1px #83BBC6; 143} 144#body h3 { 145 font-family: Georgia, "Times New Roman", serif; 146 font-weight: bold; 147 font-size: 1em; 148 color: #8c2121; 149 background-color: inherit; 150 border-bottom: solid 1px #83BBC6; 151} 152#body h4, #body h5 { 153 font-family: Georgia, "Times New Roman", serif; 154 font-weight: bold; 155 font-size: 1em; 156 color: #8c2121; 157 background-color: inherit; 158} 159#body input { 160 border: solid 1px #8cacbb; 161} 162#body input:hover { 163 border: solid 1px #000; 164} 165 166.code, .file { 167 border-top: solid 1px #acacbb; 168 border-right: solid 1px #acacbb; 169 border-bottom: solid 1px #acacbb; 170 border-left: solid 3px #acacbb; 171 background-color: #f7f9fa; 172 color: inherit; 173 padding: 5px; 174 overflow: auto; 175} 176.code, .file, .code * { 177 font-size: 1em; 178 font-family: "Courier New",Courier,monospace; 179} 180 181/* ============================= DOKUWIKI LEVELS ============================ */ 182#body h1 { margin-left: 0em; } 183div.level1 { margin: 1em 0 0 0; } 184#body h2 { margin-left: 1em; } 185div.level2 { margin: 1em 0 0 2em; } 186#body h3 { margin-left: 2em; } 187div.level3 { margin: 1em 0 0 3em; } 188#body h4 { margin-left: 3em; } 189div.level4 { margin: 1em 0 0 4em; } 190#body h5 { margin-left: 4em; } 191div.level5 { margin: 1em 0 0 5em; } 192 193 194/* ================================== TABLE ================================== */ 195#body table { 196 border: solid 1px #999; 197 margin: 5px 0 5px 0; 198 border-collapse: collapse; 199} 200#body table th { 201 border: solid 1px #999; background-color: #eee; 202 padding: 2px 5px 2px 5px; 203} 204#body table td { 205 border: solid 1px #ccc; background-color: #fff; 206 padding: 2px 5px 2px 5px; 207} 208#body table tr:hover { background-color: #ffffe5; } 209#body table td.rightalign { text-align: right; } 210#body table td.centeralign { text-align: center; } 211#body table td.leftalign { text-align: left; } 212 213.gallery, .gallery tr, .gallery td { border: 5px solid #fff } 214#body .gallery td { border: 1px solid #fff } 215 216/* ================================= FOOTER ================================= */ 217#afooter { 218 background-color: #dfdec9; 219 color: #000; 220 clear: both; 221 width: 680px; 222 margin: 1em auto 0 auto; 223 padding: 1em 10px 1em 10px; 224} 225 226#footer 227{ 228 clear: both; 229 border-top: 4px solid #2dadee; 230 text-align: center; 231 height: 80px; 232 width: 750px; 233 margin: 0px auto; 234 background: url(images/fnd_header.png) repeat-x top center; 235} 236 237#footer li { 238 display: inline; 239} 240#footer ul { 241 padding: 0; 242 margin-top: 15px; 243} 244#footer li a { 245 border: solid 1px #8cacbb; 246 background-color: #efebe7; 247 color: #000; 248 text-decoration: none; 249 white-space: nowrap; 250 padding: 2px 10px 2px 10px; 251} 252#footer li a:hover { 253 border: solid 1px #000; 254 background-color: #efebe7; 255 color: #000; 256} 257#footer input { 258 border: solid 1px #8cacbb; 259 margin-left: 2px; 260} 261#footer input:hover { 262 border: solid 1px #000; 263} 264#footer form { 265 float: right; 266} 267#footer p { 268 margin: 0; 269} 270 271/* ==================================== RSK =================================== */ 272/* ================================== BUTTONS ================================== */ 273.button .no{ 274 float: right; 275} 276 277.button { 278 background: #fff url(images/buttonshadow.png) repeat-x bottom; 279 border: none; 280} 281 282/* ================================== TOC ================================== */ 283#toc__header {background: url(images/fnd_toc_top.jpg) no-repeat bottom center; margin: 0px; padding: 0px; height: 42px; color: #fff; line-height:48px; padding-left:20px;} 284 285#toc__inside{background: url(images/fnd_sidebar_middle.png) repeat top left; margin: 0px; padding: 0px; margin-left: 4px; margin-right: 4px; padding: 5px; color: #fff;} 286#toc__inside a {color: #fff; font-size:12px; line-height:15px; text-decoration:none} 287#toc__inside a:hover{text-decoration: underline; color:#fff;} 288 289#toc__inside .level1 { font-weight: bold;} 290#toc__inside .level2 a{ font-weight: normal;} 291 292div.toc { 293 float: right; 294 width: 215px; 295 clear: both; 296 position: relative; 297} 298 299.toc {font-size: 70%;font-weight: bold;} 300 301/* Flechita de TOC */ 302.tocheader img { 303 width: 0.8em; 304 height: 0.8em; 305 float: right; 306 margin: 1.5em 15px 0 0; 307 cursor: pointer; 308} 309 310ul.toc { 311 list-style-type: none; 312 list-style-image: none; 313 line-height: 1.2em; 314 padding-left: 1em; 315 margin: 0; 316} 317 318ul.toc li { 319 padding-left: 0.4em; 320} 321 322ul.toc li.clear { 323 padding-left: 0.4em; 324} 325 326/* ================================== TOOLBAR ================================== */ 327button.toolbutton { 328 background-color: __background__; 329 padding: 0px; 330 margin: 0 1px 0 0; 331 border: 1px solid __border__; 332 cursor: pointer; 333} 334 335/* nice alphatransparency background except for IE <7 */ 336html>body button.toolbutton { 337 background: #fff url(images/buttonshadow.png) repeat-x bottom; 338 border: 1px solid #dedede; 339} 340 341div.picker { 342 width: 250px; 343 border: 1px solid __border__; 344 background-color: __background_alt__; 345} 346 347button.pickerbutton { 348 padding: 0px; 349 margin: 0 1px 1px 0; 350 border: 0; 351 background-color: transparent; 352 font-size: 80%; 353 cursor: pointer; 354} 355 356textarea 357{ 358 border: 1px solid #dedede; 359 background-color: #fafafa; 360 width: 635px; 361 font-size: 90%; 362} 363/* =================================== BLOG ==================================== */ 364div.dokuwiki div.inclmeta 365{ 366 padding-left: 20px; 367 padding-right: 10px; 368 height: 90px; 369 background: url(images/tribal.jpg) no-repeat bottom center; 370 border-top: 1px dotted #dedede; 371 width: 660px; 372 margin-bottom: 10px; 373} 374div.dokuwiki div.inclmeta a {font-size:10px} 375 376div.dokuwiki div.inclmeta span.comment { 377 background: transparent url(images/comment.png) 0px 1px no-repeat; 378 padding: 0px 0px 1px 20px; 379} 380div.dokuwiki div.inclmeta abbr.published { 381 background: transparent url(images/clock.png) 0px 1px no-repeat; 382 padding: 1px 0px 1px 20px; 383 border-bottom: 0; 384} 385div.dokuwiki div.inclmeta span.author { 386 background: transparent url(images/user.png) 0px 1px no-repeat; 387 padding: 1px 0px 1px 20px; 388} 389div.dokuwiki div.tags span { 390 background: transparent url(images/tag.png) 0px 1px no-repeat; 391 padding: 1px 0px 1px 20px; 392} 393div.dokuwiki div.inclmeta a.permalink { 394 background: transparent url(images/permalink.png) 0px 1px no-repeat; 395 padding: 1px 0px 1px 20px; 396} 397 398/* ================================== OTHER ==================================== */ 399.medialeft 400{ 401 padding: 8px; 402} 403 404.breadcrumbs 405{ 406 margin-top: 10px; 407 float: left; 408} 409.search 410{ 411 margin-top: 10px; 412 text-align: right; 413} 414.center 415{ 416 text-align: center; 417 margin: 0px auto; 418} 419.buttons ul {padding: 0px; margin: 0px; list-style: none; margin-top: 20px} 420.buttons li{display: inline; padding: 0px; margin: 0px;} 421.buttons li .li {display: inline} 422