1 2/* 3 4 zenlike1.0 by nodethirtythree design 5 http://www.nodethirtythree.com 6 7*/ 8 9* 10{ 11 padding: 0em; 12 margin: 0em; 13} 14 15body 16{ 17 background: #000000 url('images/bg1.jpg'); 18 padding: 35px 0px 35px 0px; 19} 20 21body,input 22{ 23 font-size: 10pt; 24 font-family: "georgia", "times new roman", serif; 25 color: #333333; 26} 27 28p 29{ 30 line-height: 1.5em; 31 margin-bottom: 1.0em; 32 text-align: justify; 33} 34 35a 36{ 37 color: #B96D00; 38 text-decoration: underline; 39} 40 41a:hover 42{ 43 text-decoration: none; 44} 45 46 47h3 span 48{ 49 font-weight: normal; 50} 51 52h3,h4 53{ 54 display: inline; 55 font-weight: bold; 56 background-repeat: no-repeat; 57 background-position: right; 58} 59 60h3 61{ 62 font-size: 1.7em; 63 padding-right: 34px; 64 background-image: url('images/db1.gif'); 65} 66 67h4 68{ 69 font-size: 1.2em; 70 padding-right: 28px; 71 background-image: url('images/db2.gif'); 72} 73 74.contentarea 75{ 76 padding-top: 1.3em; 77} 78 79img 80{ 81 border: solid 1px #6F5230; 82} 83 84img.left 85{ 86 position: relative; 87 float: left; 88 margin: 0em 1.8em 1.4em 0em; 89} 90 91img.right 92{ 93 position: relative; 94 float: right; 95 margin: 0em 0em 1.8em 1.8em; 96} 97 98.divider1 99{ 100 position: relative; 101 background: #fff url('images/border2.gif') repeat-x; 102 height: 14px; 103 margin: 2.0em 0em 1.5em 0em; 104 clear: both; 105} 106 107.divider2 108{ 109 position: relative; 110 height: 1px; 111 border-bottom: solid 1px #eaeaea; 112 margin: 2.0em 0em 2.0em 0em; 113} 114TODO 115.post .details 116{ 117 position: relative; 118 top: -1.5em; 119 font-size: 0.8em; 120 color: #787878; 121} 122 123.post ul.controls 124{ 125 clear: both; 126} 127 128.post ul.controls li 129{ 130 display: inline; 131 font-size: 0.8em; 132} 133 134.post ul.controls li a 135{ 136 background-repeat: no-repeat; 137 background-position: left; 138 padding: 0em 1.0em 0em 20px; 139} 140 141.post ul.controls li a.printerfriendly 142{ 143 background-image: url('images/icon-printerfriendly.gif'); 144} 145 146.post ul.controls li a.comments 147{ 148 background-image: url('images/icon-comments.gif'); 149} 150 151.post ul.controls li a.more 152{ 153 background-image: url('images/icon-more.gif'); 154} 155 156.box 157{ 158 position: relative; 159 background: #FDFCF6 url('images/boxbg.gif') repeat-x; 160 left: -1.5em; 161 top: -1.5em; 162 padding: 1.5em; 163 border-bottom: solid 1px #E1D2BD; 164 margin-bottom: 1.0em; 165} 166 167ul.linklist 168{ 169 list-style: none; 170} 171 172ul.linklist li 173{ 174 line-height: 2.0em; 175} 176 177#upbg 178{ 179 position: absolute; 180 top: 0px; 181 left: 0px; 182 width: 100%; 183 height: 275px; 184 background: #fff url('images/bg2.jpg') repeat-x; 185 z-index: 1; 186} 187 188#outer 189{ 190 z-index: 2; 191 position: relative; 192 /* 193 The width value below controls the overall width of the design. By default it's set to 82% 194 (so it'll take up 82% of the browser window's width). You can set it to a different percentage 195 value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width. 196 */ 197 width: 82%; 198 border: solid 7px #fff; 199 background-color: #fff; 200 margin: 0 auto; 201} 202 203.headings 204{ 205 position: relative; 206 width: 100%; 207 height: 9.0em; 208 background: #2B2B2B url('images/topbg.gif') repeat-x; 209 margin-bottom: 2px; 210} 211 212#headercontent 213{ 214 position: absolute; 215 bottom: 0em; 216 padding: 0em 2.0em 1.3em 2.0em; 217} 218 219#headercontent h1 220{ 221 font-weight: normal; 222 color: #fff; 223 font-size: 2.5em; 224} 225 226#headercontent h1 sup 227{ 228 color: #777; 229} 230 231#headercontent p.claim 232{ 233 font-size: 1.0em; 234 font-weight: normal; 235 color: #aaa; 236} 237 238#search 239{ 240 position: absolute; 241 top: 5.5em; 242 right: 2.0em; 243 padding-right: 0.0em; 244} 245 246#search input.text 247{ 248 margin-right: 0.5em; 249 vertical-align: middle; 250 border-top: solid 1px #000000; 251 border-right: 0px; 252 border-bottom: solid 1px #777777; 253 border-left: 0px; 254 padding: 0.15em; 255 width: 10.0em; 256} 257 258#search input.submit 259{ 260 background: #939B00 url('images/buttonbg.gif') repeat-x; 261 border: solid 1px #5F6800; 262 font-weight: bold; 263 padding: 0.25em; 264 font-size: 0.8em; 265 color: #F2F3DE; 266 vertical-align: middle; 267} 268 269#headerpic 270{ 271 position: relative; 272 height: 109px; 273 background: #fff url('images/hdrpic.jpg') no-repeat top left; 274 margin-bottom: 2px; 275} 276 277#menu 278{ 279 position: relative; 280 background: #7F8400 url('images/menubg.gif') repeat-x top left; 281 height: 3.5em; 282 padding: 0em 1.0em 0em 1.0em; 283 margin-bottom: 2px; 284} 285 286#menu ul 287{ 288 position: absolute; 289 top: 1.1em; 290} 291 292#menu ul li, #usertools ul li 293{ 294 position: relative; 295 display: inline; 296} 297 298#menu ul li a, #usertools ul li a 299{ 300 padding: 0.5em 1.0em 0.9em 1.0em; 301 color: #fff; 302 text-decoration: none; 303} 304 305#menu ul li a:hover, #usertools ul li a:hover 306{ 307 text-decoration: underline; 308} 309 310#menu ul li .current a, #usertools ul li .current a 311{ 312 background: #7F8400 url('images/menuactive.gif') repeat-x top left; 313} 314 315#menubottom 316{ 317 background: #fff url('images/border1.gif') repeat-x; 318 height: 14px; 319 margin-bottom: 1.5em; 320} 321 322#content 323{ 324 padding: 0em 2.0em 0em 2.0em; 325} 326 327#primarycontainer 328{ 329 float: left; 330 margin-right: -18.0em; 331 width: 100%; 332} 333 334#primarycontent 335{ 336 margin: 1.5em 22.0em 0em 0em; 337} 338 339#secondarycontent 340{ 341 margin-top: 1.5em; 342 float: right; 343 width: 18.0em; 344} 345 346#dokuwiki__footer .pad .doc 347{ 348 position: absolute; 349 right: 2.0em; 350 bottom: 1.2em; 351} 352 353 354/** 355 * CSS adoption of the zenlike template for Dokuwiki 356 */ 357 358/* Basics */ 359 360html { 361 362 background: #000 url('images/bg1.jpg') !important; 363 364} 365 366body { 367 368 background: none !important; 369 370} 371 372/* ANCHORS */ 373 374/* existing wikipage */ 375.dokuwiki a.wikilink1 { 376 color: __existing__; 377 background-color: inherit; 378} 379/* not existing wikipage */ 380.dokuwiki a.wikilink2 { 381 color: __missing__; 382 background-color: inherit; 383} 384 385a, a:link, a:visited, a.breadcrumbs:visited, a.breadcrumbs:visited { 386 color: #B96D00; 387 text-decoration: underline; 388} 389 390a:hover, a.breadcrumbs:hover { 391 text-decoration: none; 392} 393 394/* HEADINGS */ 395 396h1,h2,h3,h4,h5,h6 { 397 font-family: "georgia", "times new roman", serif; 398 color: #000; 399 400} 401 402h1,h2 { 403 display: inline; 404 font-weight: bold; 405 background: no-repeat right; 406} 407 408h1, h1#search { 409 font-size: 1.7em; 410 padding-right: 34px; 411 background-image: url('images/db1.gif'); 412} 413 414h2,h3,h4,h5,h6 { 415 font-size: 1.2em; 416 line-height: 2em; 417} 418 419h2 { 420 font-size: 1.2em; 421 padding-right: 28px; 422 background-image: url('images/db2.gif'); 423 line-height: 2em; 424} 425 426h3,h4,h5,h6 { 427 font-weight: normal; 428 background-image: none; 429} 430 431h1#search { 432 position: static; 433} 434 435#mediamanager__page h1 { 436 display: block; 437 background-image: none; 438} 439 440#mediamanager__page h2 { 441 display: block; 442 background-image: none; 443} 444 445#dokuwiki__header { 446 447 display: none; 448 449} 450 451#zenlikeheader #headercontent h1 { 452 font-weight: normal; 453 color: #fff; 454 font-size: 2.5em; 455 margin: 0; 456 background-image: none; 457 display: block; 458} 459 460#zenlikeheader #headercontent p.claim { 461 font-weight: normal; 462 color: #aaa; 463 font-size: 1.0em; 464 margin-bottom: 0; 465 background-image: none; 466 display: block; 467} 468 469#media__manager h1, #media__manager h2 { 470 border-bottom: 0; 471} 472 473/* IMAGES */ 474 475img { 476 border: 0; 477} 478 479/* FORMS */ 480 481/* search input, copied from #search input.text */ 482 483div#search input.edit { 484 margin-right: 0.5em; 485 vertical-align: middle; 486 border-top: 1px solid #000; 487 border-right: 0; 488 border-bottom: 1px solid #777; 489 border-left: 0; 490 padding: 0.15em; 491 width: 10.0em; 492} 493 494/* search button, copied from #search input.submit */ 495 496div#search input.button { 497 background: #939B00 url('images/buttonbg.gif') repeat-x; 498 border: 1px solid #5F6800; 499 font-weight: bold; 500 padding: 0.25em; 501 font-size: 0.8em; 502 color: #F2F3DE; 503 vertical-align: middle; 504 line-height: normal; 505} 506 507/* Fixes to better fit Dokuwiki style to zenlike */ 508 509.dokuwiki div.toolbar button.toolbutton { 510 width: 32px; 511 height: 24px; 512} 513 514input.button { 515 height: 24px; 516} 517 518/* MENUS */ 519 520#dokuwiki__pagetools { 521 float: right; 522} 523 524#dokuwiki__pagetools ul { 525 padding: 0; 526 margin: 0; 527} 528 529#dokuwiki__pagetools ul li { 530 position: relative; 531 display: inline; 532 padding: 0; 533 margin: 0; 534} 535 536#dokuwiki__pagetools ul li a { 537 padding: 0.5em 1.0em 0 1.0em; 538 color: #000; 539 text-decoration: none; 540} 541 542#dokuwiki__pagetools ul li a:hover { 543 text-decoration: underline; 544} 545 546#menu #rightmenu { 547 float:right; 548} 549 550#menu #rightmenu ul { 551 position: relative; 552 top: 1.1em; 553} 554 555#menu ul { 556 padding: 0; 557} 558 559#menu ul li { 560 float:left; 561 padding: 0; 562 margin: 0; 563 color: #fff; 564} 565 566#menu ul li.menusplit { 567 padding-left: 1em; 568} 569 570/* SPECIAL STYLES */ 571 572/* Site, copied from "outer"-style */ 573 574#dokuwiki__site { 575 z-index: 2; 576 position: relative; 577 width: 82%; 578 border: 7px solid #fff; 579 background-color: #fff; 580 margin: 0 auto; 581} 582 583#media__manager, #dokuwiki__detail { 584 background-color: #fff; 585 width: 100%; 586 height: 100%; 587 position: absolute; 588 top: 0; 589} 590 591/* Page, copied from "#content" */ 592 593.page { 594 padding: 1em 2.0em 0 2.0em; 595} 596 597div.breadcrumbs { 598 padding: 0 2.0em 0 2.0em; 599} 600 601/* Dokuwiki-Footer, copied from #footer */ 602 603#dokuwiki__footer { 604 position: relative; 605 height: 2.0em; 606 clear: both; 607 padding-top: 5.0em; 608 padding-bottom: 2em; 609 background: #fff url('images/border2.gif') repeat-x 0 2.5em; 610 font-size: 0.8em; 611} 612 613#dokuwiki__footer .pad { 614 width: 100%; 615 padding-left: 2em; 616} 617 618#dokuwiki__footer .pad .doc { 619 right: 2.0em; 620} 621 622#dokuwiki__footer .pad .license { 623 624 width: 50%; 625 626} 627 628/* TOC, copied from "box"-style */ 629 630.dokuwiki div.toc, /* old, until 2012-01-25 */ 631#dw__toc /* new */ { 632 float: right; 633 position: static; 634 background: #FDFCF6 url('images/boxbg.gif') repeat-x; 635 left: -1.5em; 636 top: -1.5em; 637 padding: 1.5em; 638 border-bottom: 1px solid #E1D2BD; 639 margin: 1.0em; 640 width: 16em; 641} 642 643.dokuwiki div.tocheader, /* old, until 2012-01-25 */ 644#dw__toc h3 /* new */ { 645 font-size: 1.2em; 646 padding-right: 28px; 647 background: transparent url('images/db2.gif') no-repeat right; 648} 649 650.contentarea { 651 padding-top: 1.3em; 652} 653 654#config__manager td.label span.outkey { 655 background-color: #EEE; 656 font-size: 1.0em; 657 margin-top: -1.5em; 658 margin-left: -0.5em; 659} 660 661#config__manager td.label span.outkey a { 662 text-decoration: none; 663} 664 665/** Sidebar **/ 666 667#dokuwiki__aside { 668 width: __sidebar_width__; 669 position: absolute; 670 display: block; 671 margin: 1em 1em; 672} 673 674#dokuwiki__aside + #dokuwiki__content { 675 margin-left: __sidebar_width__; 676} 677 678.columns-plugin td { 679 border: 0; 680} 681 682#headerpic { 683 background-color: #000; 684} 685 686#toggle_usertools { 687 cursor: pointer; 688} 689 690#usertools { 691 position: absolute; 692 background: #7F8400 url('images/menubg.gif') repeat-x top left; 693 height: 3.5em; 694 right: 0; 695} 696 697#usertools ul { 698 padding-top: 1em; 699 padding-right: 1.5em; 700} 701 702/** List **/ 703 704ul { 705 706 list-style: disc none; 707 padding: 0; 708 709} 710 711/** Images **/ 712 713.medialeft { 714 715 margin-right: 1em; 716 717} 718 719.mediaright { 720 721 margin-left: 1em; 722 723} 724 725/** Toolbar **/ 726 727#tool__bar { 728 729 height: 30px; 730 731} 732 733/** Pickers **/ 734 735.picker { 736 737 z-index: 2; 738 739}