1/* DEFAULT STYLE STATE ------------------------------------------------------------- */ 2 3* { 4 margin: 0px; 5 padding: 0px; 6} 7 8a:link, 9a:visited, 10a:hover, 11a:active { 12 color: inherit; 13 text-decoration: none; 14} 15 16a:hover { 17 text-decoration: underline; 18} 19 20body { 21 color: #333; 22 background-color: #EEE; 23 font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 24 line-height: 1.5; 25} 26 27/* GENERAL PURPOSE CLASS TAGS ------------------------------------------------------ */ 28 29h1, 30h2, 31h3, 32h4, 33h5, 34.title, 35.tocheader, 36legend, 37#link__wiz #link__wiz_header, 38.content table .row0 { 39 font-family: "Trebuchet MS", Arial, Sans-Serif; 40 font-weight: bold; 41} 42 43 44legend { 45 font-size: 1.25em; 46} 47 48.license .medialeft { 49 margin-right: 10px; 50} 51 52.icon_buttons input.button { 53 background: url(images/cog.png) no-repeat -18px 0px; 54 border: none; 55 padding-top: 18px; 56 height: 18px; 57 width: 18px; 58} 59 60.icon_buttons input.button:hover { 61 background: url(images/cog.png) no-repeat 0px 0px; 62 border: none; 63} 64 65.icon_buttons .btn_revs input.button { 66 background: url(images/page_revisions.png) no-repeat -18px 0px; 67} 68.icon_buttons .btn_revs input.button:hover { 69 background-position: 0px 0px; 70} 71 72.icon_buttons .btn_create input.button { 73 background: url(images/page_add.png) no-repeat -18px 0px; 74} 75 76.icon_buttons .btn_create input.button:hover { 77 background-position: 0px 0px; 78} 79 80.icon_buttons .btn_edit input.button, 81.icon_buttons .btn_draft input.button { 82 background: url(images/page_edit.png) no-repeat -18px 0px; 83} 84 85.icon_buttons .btn_edit input.button:hover, 86.icon_buttons .btn_draft input.button:hover { 87 background-position: 0px 0px; 88} 89 90.icon_buttons .btn_index input.button { 91 background: url(images/text_list_bullets.png) no-repeat -18px 0px; 92} 93 94.icon_buttons .btn_index input.button:hover { 95 background-position: 0px 0px; 96} 97 98.icon_buttons .btn_login input.button { 99 background: url(images/user.png) no-repeat -18px 0px; 100 color: #FFF; 101 text-shadow: #333 1px 1px 1px; 102} 103 104.icon_buttons .btn_login input.button:hover { 105 background-position: 0px 0px; 106} 107 108.icon_buttons .btn_logout input.button { 109 background: url(images/user_go.png) no-repeat -18px 0px; 110} 111 112.icon_buttons .btn_logout input.button:hover { 113 background-position: 0px 0px; 114} 115 116.icon_buttons .btn_show input.button { 117 background: url(images/page_white_magnify.png) no-repeat -18px 0px; 118} 119 120.icon_buttons .btn_show input.button:hover { 121 background-position: 0px 0px; 122} 123 124.icon_buttons .btn_source input.button { 125 background: url(images/page_white_code.png) no-repeat -18px 0px; 126} 127 128.icon_buttons .btn_source input.button:hover { 129 background-position: 0px 0px; 130} 131 132/* FORM FORMATTING ----------------------------------------------------------------- */ 133 134input.button, 135button.toolbutton, 136button.pickerbutton { 137 background-color:#f5f5f5; 138 border:1px solid #dedede; 139 border-top: 1px solid #eee; 140 border-left: 1px solid #eee; 141 padding: 0px 5px; 142 font-weight: bold; 143 font-size: 12px; 144 color: #888; 145} 146 147input.button:hover, 148button.toolbutton:hover, 149button.pickerbutton:hover { 150 background-color: #DEDEDE; 151 border: 1px solid #CCC; 152} 153 154/* HEADER FORMATTING --------------------------------------------------------------- */ 155 156.header { 157} 158 159.header .titlebar { 160 background-color: #888; 161 background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#888)); 162 background: -moz-linear-gradient(top, #999, #888); 163 color: #FFF; 164 padding: 5px 15px; 165 font-weight: bold; 166 border-bottom: 1px solid #666; 167 text-shadow: #333 1px 1px 1px; 168} 169 170.header .titlebar > div { 171 display: inline-block; 172} 173 174.header .titlebar > .search { 175 float: right; 176 margin-top: 5px; 177 position: relative; 178} 179 180.header .search #dw__search #qsearch__in { 181 margin-right:0; 182 width:208px; 183 padding-left:16px; 184 padding-top:0.2em; 185 padding-bottom:0.2em; 186 background: url(images/magnifier.png) no-repeat 0px 5px; 187 border: none; 188 border-bottom: 2px solid #FFF; 189 color: #FFF; 190 font-weight: bold; 191} 192 193.header #qsearch__out { 194 display: none; 195 position: absolute; 196 z-index: 3000; 197 color: #333; 198 left: inherit; 199 right: 0px; 200 background-color: #F7F7F7; 201 border: 1px solid #888; 202 border-bottom-width: thick; 203 padding: 5px; 204 overflow: hidden; 205 text-overflow: ellipsis; 206} 207 208.header #qsearch__out strong { 209 font-size: .9em; 210} 211 212.header #qsearch__out li { 213 font-size: .7em; 214} 215 216.header .search #dw__search .button { 217 display: none; 218} 219 220.header .titlebar > .title { 221 font-size: 1.5em; 222 line-height: 1.5em; 223 vertical-align: middle; 224 letter-spacing: -0.05em; 225} 226 227.header .titlebar > .pagetitle { 228 line-height: 1.5em; 229 vertical-align: middle; 230 font-style: italic; 231} 232 233.header .subtitlebar { 234 color: #FFF; 235 background-color: #AAA; 236 background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#AAA)); 237 background: -moz-linear-gradient(top, #CCC, #AAA); 238 border-top: 1px solid #AAA; 239 border-bottom: 1px solid #888; 240 text-shadow: #333 1px 1px 1px; 241 background-color: #FFF; 242 padding: 4px 15px; 243 font-weight: bold; 244} 245 246.header .user { 247 float: right; 248 font-size: .7em; 249} 250 251.header .user .button.btn_logout { 252 float: right; 253 margin-left: 10px; 254} 255 256.header .user .btn_login input.button { 257 padding-top: 0px !important; 258 padding-left: 20px !important; 259 width: auto !important; 260} 261 262.header .breadcrumb { 263 font-size: .7em; 264} 265 266.header .breadcrumb .bchead { 267 display: none; 268} 269 270/* FOOTER FORMATTING --------------------------------------------------------------- */ 271 272.footer { 273 border-top: thick solid #CCC; 274 padding: 0px 15px 0px 15px; 275} 276 277.footer a:link, 278.footer a:visited { 279 color: #4E506D; 280} 281 282.footer .pageinfo { 283 float: right; 284 color: #888; 285 font-size: .7em; 286 min-height: 35px; 287} 288 289.footer .actions { 290 margin-top: 3px; 291 float: left; 292 min-height: 35px; 293} 294 295.footer .actions .button { 296 display: inline-block; 297 margin-right: 3px; 298} 299 300.footer .copyright { 301 color: #888; 302 font-weight: bold; 303 font-size: .7em; 304 text-align: center; 305} 306 307/* CONTENT FORMATTING -------------------------------------------------------------- */ 308 309.content { 310 border-top: 1px solid #DDD; 311 background-color: #FFF; 312 padding: 0px 30px; 313 font-size: .8em; 314} 315 316.content .headerclear { 317 width: 100%; 318 height: 1px; 319 clear: both; 320} 321 322.content .footerclear { 323 width: 100%; 324 height: 20px; 325 clear: both; 326} 327 328.content > .toc { 329 float: right; 330 margin: 10px -20px 10px 10px; 331 background-color: #FFF; 332 font-size: .8em; 333 min-width: 250px; 334} 335 336#toc__header { 337 background-color: #888; 338 background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#888)); 339 background: -moz-linear-gradient(top, #999, #888); 340 text-shadow: #333 1px 1px 1px; 341 border: 1px solid #666; 342 border-top: 1px solid #AAA; 343 border-left: 1px solid #AAA; 344 color: #FFF; 345 font-weight: bolder; 346 padding: 0px 1em; 347} 348 349#toc__inside { 350 background-color: #FBFBFB; 351 border: 1px solid #F0F0F0; 352 border-top: 1px solid: #DDD; 353 padding: 0px 5px 5px 5px; 354} 355 356#toc__inside > ul { 357 margin-top: 0px; 358} 359 360#toc__toggle { 361 display: inline-block; 362 width: 12px; 363 height: 8px; 364 background: url(images/bullet_toggle_plus.png) no-repeat -4px -3px; 365} 366 367#toc__toggle.toc_close { 368 background-image: url(images/bullet_toggle_minus.png); 369} 370 371#toc__toggle > span { 372 display: none; 373} 374 375.content .secedit { 376 float: right; 377} 378 379.content .secedit input.button { 380 background: url(images/page_edit.png) no-repeat -18px 0px; 381 border: none; 382 padding-top: 18px; 383 height: 18px; 384 width: 18px; 385} 386 387.content .secedit input.button:hover { 388 background-position: 0px 0px; 389} 390 391.content .section_highlight { 392 border-left: 10px solid #DDD; 393 padding-left: 10px; 394 margin-left: -20px; 395} 396 397.content pre { 398 font-family: "Consolas", "Courier New", Courier, monospace 399} 400 401#link__wiz { 402 font-size: 0.7em; 403} 404 405#link__wiz #link__wiz_header { 406 margin-bottom: 3px; 407} 408 409#link__wiz #link__wiz_result { 410 margin-top: 1em; 411 margin-left: 10px; 412} 413 414#link__wiz #link__wiz_result span { 415 padding-left: 10px; 416 font-style: italic; 417} 418 419#link__wiz #link__wiz_result .type_d { 420 font-weight: bold; 421} 422 423.content h1 { 424 font-size: 2em; 425 margin-top: .8em; 426 margin-bottom: -.4em; 427 text-shadow: #CCC 1px 1px 1px; 428} 429 430.content h2, 431#link__wiz #link__wiz_header { 432 font-size: 1.4em; 433 border-bottom: 1px dotted #DDD; 434 margin-top: .6em; 435 margin-bottom: -.4em; 436 text-shadow: #CCC 1px 1px 1px; 437} 438 439.content h3 { 440 font-size: 1.2em; 441 font-style: italic; 442 margin-top: .5em; 443 margin-bottom: -.4em; 444 text-shadow: #CCC 1px 1px 1px; 445} 446 447.content p, 448#tool__bar { 449 margin-top: .6em; 450} 451 452.content ul, 453.content ol { 454 margin-top: .6em; 455 list-style: none; 456} 457 458.content ul ul, 459.content ol ol { 460 margin-top: 0px; 461} 462 463.content.main li.level1, 464.content.main li.level3, 465.content.main li.level5, 466.content.main .search_quickhits li, 467.header #qsearch__out li{ 468 padding-left: 16px; 469 background: url(images/bullet_black.png) no-repeat 0px .1em; 470} 471 472.content.main li.closed { 473 padding-left: 16px; 474 background: url(images/bullet_toggle_plus.png) no-repeat 0px .1em; 475} 476 477.content.main li.open { 478 padding-left: 16px; 479 background: url(images/bullet_toggle_minus.png) no-repeat 0px .1em; 480} 481 482.content.main li.level2, 483.content.main li.level4 { 484 padding-left: 16px; 485 background: url(images/bullet_gray.png) no-repeat 0px .1em; 486} 487 488.content .toc #toc__inside li { 489 background-position: 0px 0px; 490} 491 492.content a:link, 493.content a:visited { 494 color: #000EB9; 495} 496 497.content a.wikilink2, 498.content a.wikilink2:visited { 499 color: #CC7286; 500 border-bottom: 1px dashed #CC7286; 501} 502 503.content pre.code { 504 margin-bottom: 1em; 505 background-color: #F7F7F7; 506 border-left: thick solid #EEE; 507 padding: 10px; 508 margin: 1em 5em 1em 2em; 509 text-overflow: ellipsis; 510 overflow: hidden; 511} 512 513.content.main p > .mediafile { 514 display: block; 515 background-color: #F7F7F7; 516 border-left: thick solid #EEE; 517 padding: 10px 10px 10px 26px; 518 margin: 1em 5em 1em 2em; 519 background-position: 4px 10px; 520} 521 522.content .code dt { 523 border-bottom: thin solid #EEE; 524 padding-bottom: 3px; 525 margin: 1em 5em -1em 2em; 526} 527 528.content .code dt a { 529 font-weight: bold; 530 font-size: .7em; 531 padding-top: 5px; 532} 533 534.content table tr { 535 margin-left: 10px; 536} 537 538.content table td { 539 padding-left: 18px; 540 background: url(images/bullet_gray.png) no-repeat 0px center; 541} 542 543.content table td.col0 { 544 background: none; 545} 546 547.content table th { 548 text-align: left; 549 font-style: italic; 550} 551 552/* DETAIL FORMATTING --------------------------------------------------------------- */ 553 554.content.detailmain { 555 background-color: #666; 556 color: #DDD; 557 text-align: center; 558} 559 560.content.detailmain h1 { 561 margin-top: 0em; 562 margin-bottom: .8em; 563 text-shadow: #333 2px 2px 5px; 564} 565 566.content.detailmain .img_big .img_detail { 567 border: thick solid #444; 568} 569 570.content.detailmain .img_caption { 571 font-weight: bold; 572} 573 574.content.detailmain .img_detail p { 575 display: inline-block; 576 margin: 0em 3em; 577} 578 579.content.detailmain .img_detail { 580 margin-top: .6em; 581} 582 583.content.detailmain .img_detail .img_tags { 584 margin-top: .6em; 585} 586 587.content.detailmain .img_detail .img_tags dt { 588 display: run-in; 589 margin: 0em 1em; 590} 591 592/* MEDIA MANAGER FORMATTING -------------------------------------------------------- */ 593 594#media__left { 595 float: left; 596 width: 30%; 597} 598 599#media__right { 600 float: right; 601 width: 68%; 602} 603 604.content.mediamain li.open > img, 605.content.mediamain li.closed > img{ 606 margin-right: 10px; 607} 608 609.content.mediamain li > ul { 610 margin-left: 16px; 611} 612 613.content.mediamain li .li { 614 display: inline-block; 615} 616 617.content.mediamain h1 { 618 border-bottom: 1px solid #DDD; 619 margin-bottom: 10px; 620} 621 622#media__opts label { 623 margin-top: -3px; 624 margin-left: 10px; 625 color: #888; 626 font-size: .8em; 627 font-weight: bold; 628} 629 630.content.main .gallery table .tn { 631 border: 2px solid #DDD; 632} 633 634.content.main .gallery table a { 635 font-size: .8em; 636 font-weight: bold; 637} 638 639/* ADMIN FORMATTING ---------------------------------------------------------------- */ 640 641#wiki__text.edit { 642 width: 100%; 643} 644 645#wiki__editbar #size__ctl { 646 margin: .6em 0px; 647} 648 649#wiki__editbar .editButtons, 650#wiki__editbar .summary { 651 display: inline-block; 652} 653 654#wiki__editbar { 655 margin-bottom: .6em; 656} 657 658.search_quickresult { 659 margin-bottom: .6em; 660 padding-bottom: .6em; 661 border-bottom: 1px dotted #DDD; 662} 663 664.search_result { 665 margin-bottom: .6em; 666} 667 668.search_quickresult .curid, 669.search_result .curid { 670 text-decoration: underline; 671} 672 673.search_quickresult .wikilink1 { 674 font-weight: bold; 675} 676 677.search_result .search_cnt { 678 font-weight: bold; 679 font-style: italic; 680 color: #888; 681} 682 683.search_result .search_snippet { 684 font-size: .8em; 685 font-style: italic; 686 margin: 0 3em; 687} 688 689.content fieldset { 690 background-color: #F7F7F7 !important; 691 border: 1px solid #EEE; 692 border-top-width: thick; 693} 694 695#config__manager tr.default .input, 696#config__manager tr.default input, 697#config__manager tr.default textarea, 698#config__manager tr.default select, 699#config__manager .selectiondefault, 700#config__manager tr .input, 701#config__manager tr input, 702#config__manager tr textarea, 703#config__manager tr select { 704 background-color: #F7F7F7; 705 border: none; 706} 707 708#config__manager tr.default select, 709#config__manager tr select { 710 background-color: #DDD; 711} 712 713#config__manager tr.default input, 714#config__manager tr input { 715 border: none; 716 border-bottom: 2px solid #888; 717} 718 719#acl__tree li { 720 background: none; 721} 722 723#dw__login fieldset, 724#dw__register fieldset { 725 line-height: 2.5em; 726} 727