archlinux_conf/home/.deplate/css/deplate.css

   1 /* Layout and decoration */
   2 /* @Author:      Thomas Link (micathom AT gmail com) */
   3 /* @Created:     13-Apr-2004. */
   4 /* @Last Change: 2008-07-19. */
   5 /* @Revision:    0.1353 */
   6
   7 body {
   8     padding: 1px;
   9     color: #000000;
  10     background-color: #ffffff;
  11     text-align: left;
  12 }
  13
  14 a {
  15     color : black;
  16 }
  17 a:link {
  18     color : #0071f0;
  19 }
  20 a:visited {
  21     color : #30306f;
  22 }
  23 a:hover {
  24     color: #0071f0;
  25 }
  26 a:link.ref {
  27 }
  28 a:visited.ref {
  29 }
  30
  31 p {
  32     /* border-left: 10px solid #ffffff; */
  33     /* border-right: 10px solid #ffffff; */
  34     margin: 0 10px 0 10px;
  35     padding: 5px;
  36     /* text-indent: 20px; */
  37 }
  38 big {
  39 }
  40
  41 hr {
  42 }
  43 hr.pagebreak {
  44     color: #000000;
  45 }
  46 div.parbreak {
  47     margin: 10px 0 10px 0;
  48     text-align: center;
  49 }
  50
  51 img {
  52     border: 0;
  53 }
  54 img.latex {
  55     vertical-align: middle;
  56 }
  57 img.inline {
  58     border: 0;
  59 }
  60 img.remote {
  61     padding: 0px 2px 0 2px;
  62     position: relative;
  63     top: 3px;
  64 }
  65
  66 h1, h2, h3, h4, h5, h6 {
  67     padding-left: 20px;
  68     text-align: left;
  69 }
  70 h1 {
  71     margin-top: 30px;
  72     margin-bottom: 20px;
  73 /*    padding-top: 10px;*/
  74 /*    padding-bottom: 10px;*/
  75     padding-top: 4px;
  76     padding-bottom: 4px;
  77     /* border:1px solid #ffe590; */
  78     border-top: 1px solid #ffe590;
  79     border-right: 2px solid #ffe590;
  80     border-left: 1px solid #ffe590;
  81     background-color: #fff3d0;
  82 /*    background-color: #eeeeee;*/
  83     -webkit-border-top-left-radius: 5px;
  84     -webkit-border-top-right-radius: 5px;
  85     -moz-border-radius-topleft: 5px;
  86     -moz-border-radius-topright: 5px;
  87     -khtml-border-top-left-radius: 5px;
  88     -khtml-border-top-right-radius: 5px;
  89     border-top-left-radius: 5px;
  90     border-top-right-radius: 5px;
  91 }
  92 h2 {
  93     margin-top: 30px;
  94     margin-bottom: 10px;
  95     padding-top: 5px;
  96     /* border-left:2px solid #ffe590; */
  97     /* border-right:3px solid #ffe590; */
  98     /* border-top:2px solid #ffe590; */
  99     /* -webkit-border-top-left-radius: 15px; */
 100     /* -webkit-border-top-right-radius: 15px; */
 101     /* -moz-border-radius-topleft: 15px; */
 102     /* -moz-border-radius-topright: 15px; */
 103     /* -khtml-border-top-left-radius: 15px; */
 104     /* -khtml-border-top-right-radius: 15px; */
 105     /* border-top-left-radius: 15px; */
 106     /* border-top-right-radius: 15px; */
 107 }
 108 h3 {
 109     margin-top: 20px;
 110     margin-bottom: 10px;
 111     padding-top: 5px;
 112     /* border-left:1px solid #ffe590; */
 113     /* border-right:2px solid #ffe590; */
 114     /* border-top:1px solid #ffe590; */
 115     /* -webkit-border-top-left-radius: 15px; */
 116     /* -webkit-border-top-right-radius: 15px; */
 117     /* -moz-border-radius-topleft: 15px; */
 118     /* -moz-border-radius-topright: 15px; */
 119     /* -khtml-border-top-left-radius: 15px; */
 120     /* -khtml-border-top-right-radius: 15px; */
 121     /* border-top-left-radius: 15px; */
 122     /* border-top-right-radius: 15px; */
 123 }
 124 h4 {
 125     border-left:10px solid #ffe590;
 126     margin-top: 10px;
 127     margin-bottom: 10px;
 128 }
 129 h5 {
 130     border-left:10px solid #ffe590;
 131     margin-top: 10px;
 132     margin-bottom: 5px;
 133 }
 134 h6 {
 135     border-left:10px solid #ffe590;
 136     margin-top: 10px;
 137 }
 138
 139 em {
 140 }
 141
 142 blockquote {
 143     margin: 20px 60px 20px 60px;
 144 }
 145 blockquote.quote {
 146 }
 147
 148 blockquote.longquote {
 149 }
 150 blockquote.abstract {
 151 }
 152
 153 ul {
 154 }
 155 ol {
 156 }
 157 dl {
 158 }
 159 dt {
 160     margin-left: 10px;
 161     padding-left: 10px;
 162     padding-top: 2px;
 163     padding-bottom: 2px;
 164 }
 165 dd {
 166     margin-bottom: 10px;
 167 }
 168 li {
 169     padding: 2px;
 170     margin-right: 20px;
 171 }
 172 ul.Task {
 173     list-style-type: none;
 174 }
 175 li[class|=Task] {
 176 }
 177 li.Task-A {
 178 }
 179 li.Task-B {
 180 }
 181 li.Task-C {
 182 }
 183 li.Task-D {
 184 }
 185 li.Task-E {
 186 }
 187 li.Task-F {
 188 }
 189 li.done[class^=Task] {
 190     color: #606060;
 191     text-decoration: line-through;
 192 }
 193 span[class|=Task] {
 194     font-weight: bold;
 195     padding: 0 5px 0 5px;
 196     position: relative;
 197     right: 10px;
 198 }
 199 span.Task-A {
 200     background-color: #ff7f7f;
 201 }
 202 span.Task-B {
 203     background-color: #7fff7f;
 204 }
 205 span.Task-C {
 206     background-color: #7f7fff;
 207 }
 208 span.Task-D {
 209     background-color: #7fffff;
 210 }
 211 span.Task-E {
 212     background-color: #ff7fff;
 213 }
 214 span.Task-F {
 215     background-color: #ffff7f;
 216 }
 217 br.itempara {
 218 }
 219 p.itempara {
 220     border-left: 0;
 221     border-right: 0;
 222     padding: 0;
 223 }
 224
 225 pre {
 226         margin-left: 40px;
 227         margin-right: 40px;
 228     padding: 5px;
 229 }
 230
 231 pre.verbatim {
 232     /* background-color: #eaeaea; */
 233     /* background-color: #f5f4eb; */
 234     /* border: 1px solid #ebf2f5; */
 235     /* border-left: 5px solid #efefef; */
 236     border-top: 1px solid #aaaaaa;
 237     border-left: 1px solid #aaaaaa;
 238     border-right: 1px solid #eeeeee;
 239 }
 240
 241 div.code {
 242     background-color: #ffffff;
 243 }
 244
 245 /* Tables */
 246 div.table {
 247     /* text-align: center; */
 248     padding: 20px;
 249 }
 250 div.tableNote {
 251     /* text-align: center; */
 252 }
 253 table, tr, th, td {
 254     border-style: none;
 255     /* background-color: #fff6f0; */
 256     /* border: 1px solid #fef0ff; */
 257     border-spacing: 0;
 258     color : black;
 259 }
 260 table {
 261     /* border-left: 10px solid #ffffff; */
 262     /* border-right: 10px solid #ffffff; */
 263     /* margin: 0 10px 0 10px; */
 264     margin: 0;
 265     border: 1px solid #aaaaaa;
 266     /* border-top: 1px solid #aaaaaa; */
 267     /* border-bottom: 1px solid #aaaaaa; */
 268 }
 269 thead {
 270 }
 271 tfoot {
 272 }
 273 tr, th, td {
 274     padding: 3px;
 275     /* border: 1px solid #ffffff; */
 276 }
 277 tr {
 278 }
 279 tr.head {
 280 }
 281 tr.foot {
 282 }
 283 tr.high {
 284 }
 285 th {
 286     border-bottom: 1px solid #aaaaaa;
 287 }
 288 td {
 289 }
 290 td.head {
 291 }
 292 td.foot {
 293 }
 294 td.high {
 295 }
 296
 297 /* Styled Tables */
 298 .small {
 299 }
 300 .scriptsize {
 301 }
 302 .footnotesize {
 303 }
 304
 305 table.grid, td.grid, th.grid, tr.grid {
 306     background-color:#ffffff;
 307     border-collapse: collapse;
 308 }
 309 div.grid {
 310     border: 0;
 311 }
 312 th.grid, td.grid {
 313     border: 1px solid #000000;
 314     padding: 2px;
 315 }
 316
 317 table.formal, tr.formal, td.formal, th.formal {
 318     background-color:#ffffff;
 319 }
 320 div.formal {
 321     border: 0;
 322 }
 323 table.formal {
 324     border-top: 2px solid #000000;
 325     border-bottom: 2px solid #000000;
 326     border-left: 0;
 327     border-right: 0;
 328 }
 329 thead.formal {
 330 }
 331 tfoot.formal {
 332 }
 333 tr.formal[class~="head"] {
 334 }
 335 tr.formal[class~="foot"] {
 336 }
 337 td.formal, th.formal {
 338     border: 0;
 339     padding: 2px;
 340 }
 341 th.formal[class~="head"] {
 342     border-bottom: 1px solid #000000;
 343 }
 344 td.formal[class~="foot"] {
 345     border-top: 1px solid #000000;
 346 }
 347
 348 table.box, tr.box, th.box, td.box {
 349     background-color:#ffffff;
 350 }
 351 div.box {
 352     border: 0;
 353 }
 354 table.box {
 355     border: 1px solid #000000;
 356 }
 357 thead.box, tfoot.box {
 358     border: 1px solid #000000;
 359 }
 360 td.box, th.box {
 361     border: 0;
 362     padding: 2px;
 363 }
 364 th.box[class~="head"] {
 365     border-bottom: 1px solid #000000;
 366 }
 367 td.box[class~="foot"] {
 368     border-top: 1px solid #000000;
 369 }
 370 td.box[class~="high"] {
 371     border-left: 1px solid #000000;
 372     border-right: 1px solid #000000;
 373 }
 374
 375 table.overlay, tr.overlay, th.overlay, td.overlay {
 376     background-color:#ffffff;
 377 }
 378 div.overlay {
 379     border: 0;
 380 }
 381 table.overlay {
 382     border: 1px solid #000000;
 383 }
 384 thead.overlay {
 385     background-color: #e0e0e0;
 386     border: 1px solid #000000;
 387 }
 388 tfoot.overlay {
 389     background-color: #eaeaea;
 390     border: 1px solid #000000;
 391 }
 392 tr.overlay[class~="head"] {
 393 }
 394 td.overlay, th.overlay {
 395     border: 0;
 396     padding: 2px;
 397 }
 398 th.overlay[class~="head"] {
 399     background-color: #e0e0e0;
 400     border-bottom: 1px solid #000000;
 401 }
 402 td.overlay[class~="foot"] {
 403     background-color: #eaeaea;
 404     border-top: 1px solid #000000;
 405 }
 406 td.overlay[class~="high"] {
 407     border-left: 1px solid #000000;
 408     border-right: 1px solid #000000;
 409     background-color: #eaeaea;
 410 }
 411
 412
 413 /* htmlnavigation: Usage note */
 414 .htmlnavigationnote {
 415     color: #888888;
 416 }
 417 p.htmlnavigationnote {
 418 }
 419 ul.htmlnavigationnote {
 420 }
 421 li.htmlnavigationnote {
 422 }
 423 hr.htmlnavigationnote {
 424     margin-top: 20px;
 425     /* border: 1px; */
 426 }
 427
 428
 429 /* Navigation bar */
 430 a:link.navbarUrl, a:visited.navbarUrl {
 431     color : #7f607f;
 432 }
 433 a:link.navbarUrl {
 434 }
 435 a:visited.navbarUrl {
 436 }
 437 .navbar, .navmenu, .navgo {
 438     background: #ffffff;
 439     vertical-align: middle;
 440 }
 441 table.navbar {
 442     width: 100%;
 443     margin: 20px 0 20px 0;
 444 }
 445 td.navbar {
 446     text-align: center;
 447 }
 448 td.navmenu {
 449     width: 80%;
 450     text-align: left;
 451 }
 452 select.navmenu {
 453     width:250px;
 454     border:0;
 455 }
 456 p.navgo {
 457     border: 0;
 458     padding: 0;
 459     margin: 0;
 460 }
 461 button.navgo {
 462     border: 0;
 463 }
 464
 465
 466 /* Figure */
 467 div.figure {
 468     text-align: center;
 469     padding: 20px;
 470 }
 471
 472
 473 /* Caption */
 474 caption {
 475 }
 476 p.caption {
 477 }
 478
 479
 480 /* Title */
 481 div.title {
 482     text-align: left;
 483     padding: 20px;
 484     margin: 20px 0 20px 0;
 485     /* border: 1px solid #ffe590; */
 486     border-top: 1px solid #ffe590;
 487     border-right: 2px solid #ffe590;
 488     border-left: 1px solid #ffe590;
 489     border-bottom: 2px solid #ffe590;
 490     background-color: #fff3d0;
 491     -webkit-border-radius: 15px;
 492     -moz-border-radius: 15px;
 493     -khtml-border-top: 15px;
 494     border-radius: 15px;
 495 }
 496 p.title, p.author, p.authornote, p.date {
 497     margin: 0;
 498     border: 0;
 499 }
 500 p.title {
 501 }
 502 p.author {
 503 }
 504 p.authornote {
 505 }
 506 p.date {
 507 }
 508 hr.title {
 509     color: #f1f08f;
 510     background-color: #e4f8fc;
 511     border: 1px solid #f1f08f;
 512     padding: 1px;
 513     margin: 0 45% 0 45%;
 514 }
 515
 516
 517 /* Table of Contents etc. */
 518 div.toc, div.lot, div.lof {
 519 }
 520 ul.toc, ul.lot, ul.lof {
 521 }
 522 li.toc, li.lot, li.lof {
 523     list-style-type : none;
 524     padding: 1px;
 525 }
 526
 527 div.toc {
 528 }
 529 p.toc {
 530 }
 531 ul.toc, li.toc {
 532 }
 533 ul.toc {
 534 }
 535 li.toc {
 536 }
 537
 538 div.lot {
 539 }
 540 p.lot {
 541 }
 542 ul.lot, li.lot {
 543 }
 544 ul.lot {
 545 }
 546 li.lot {
 547 }
 548
 549 div.lof {
 550 }
 551 p.lof {
 552 }
 553 ul.lof, li.lof {
 554 }
 555 ul.lof {
 556 }
 557 li.lof {
 558 }
 559 hr.list {
 560     color:#f1f08f;
 561     background-color: #e4f8fc;
 562     border:1px solid #f1f08f;
 563     padding: 1px;
 564     margin: 0 45% 0 45%;
 565 }
 566
 567 div#List_of_Examples * li {
 568     list-style-type : none;
 569     padding: 1px;
 570 }
 571 p.example {
 572     margin-top: 10px;
 573     font-weight: bold;
 574 }
 575 .example-output {
 576     /* padding: 20px 5px 20px 5px; */
 577     /* margin: 20px 0 20px 0; */
 578     /* border-left: 10px solid #eaeaea; */
 579     /* border-right: 10px solid #eaeaea; */
 580         margin-left: 40px;
 581         margin-right: 40px;
 582     padding: 5px;
 583     /* border-left: 5px solid #efefef; */
 584     /* border: 1px solid #ebf2f5; */
 585     /* background-color: #eff5eb; */
 586     border-bottom: 1px solid #aaaaaa;
 587     border-right: 1px solid #aaaaaa;
 588     border-left: 1px solid #eeeeee;
 589 }
 590
 591 /* Mini Table of Contents */
 592 #Contents {
 593     position: absolute;
 594     top:50px;
 595     left:0px;
 596     padding:0px;
 597     visibility:hidden;
 598     margin:0px;
 599 }
 600 #ContentsBlock {
 601     position: absolute;
 602     top:30px;
 603     left:0px;
 604     padding:0px;
 605 }
 606 div.minitoc {
 607     max-height: 500px;
 608     background: #f1f1f1;
 609     border-top: 1px solid #e0e0e0;
 610     border-bottom: 1px solid #e0e0e0;
 611     border-right: 1px solid #e0e0e0;
 612 }
 613 h1.minitoc {
 614     margin: 0;
 615     padding: 5px;
 616     border: 0;
 617 }
 618 ul.minitoc {
 619 }
 620 li.minitoc {
 621 }
 622
 623
 624 /* Footnotes */
 625 a:link.footnote, a:visited.footnote {
 626     vertical-align: top;
 627 }
 628 a:link.footnote {
 629 }
 630 a:visited.footnote {
 631 }
 632 div.footnotes {
 633     border-top: 1px dashed #888888;
 634     margin-top: 30px;
 635     padding-top: 10px;
 636 }
 637 p.footnotes {
 638     border-top: 1px solid #ffe590;
 639     padding-top: 10px;
 640     margin: 40px 40% 0 0;
 641 }
 642 ol.footnotes {
 643 }
 644 li.footnotes {
 645 }
 646
 647
 648 /* OpenOffice compatible footnotes */
 649 .sdfootnoteanc {
 650     vertical-align: top;
 651     color: #30306f;
 652 }
 653 .sdfootnotesym {
 654     background-color: #e4f8fc;
 655     vertical-align: top;
 656     color: #30306f;
 657     margin-right: 4px;
 658 }
 659
 660 .sdfootnote {
 661     /* margin-left: 5%; */
 662     /* margin-right: 5%; */
 663     padding-top: 0;
 664     padding-bottom: 0;
 665     margin-bottom: 2px;
 666     margin-top: 2px;
 667 }
 668
 669
 670 /* Bibliography */
 671 .bib, .bibLef, .bibRight {
 672     background-color:#ffffff;
 673 }
 674 table.bib {
 675     width: 100%;
 676 }
 677 td.bibLeft {
 678 }
 679 td.bib {
 680 }
 681 td.bibRight {
 682 }
 683 h1.bib {
 684 }
 685 p.bib {
 686     margin-left: 20px;
 687     text-indent: -20px;
 688 }
 689
 690
 691 /* Index */
 692 h2.index {
 693 }
 694 p.indextoc {
 695 }
 696 dl.index {
 697 }
 698 dt.index {
 699 }
 700 dd.index {
 701 }
 702
 703
 704 /* Marker */
 705 div.note, div.warning, div.caution, div.important {
 706     /* position: absolute; */
 707     /* left: 720px; */
 708     /* width: 100px; */
 709     /* background-color: #eaeaea; */
 710     /* background-color: #ffe590; */
 711     background-color: #fff3d0;
 712     /* background-color: #ffff00; */
 713 }
 714 p.note, p.warning, p.caution, p.important {
 715     padding: 5px;
 716     margin: 0;
 717 }
 718 p.note {
 719     border-left: 10px solid #ffff00;
 720     border-right: 10px solid #ffff00;
 721 }
 722 p.warning {
 723     border-left: 10px solid #cf0000;
 724     border-right: 10px solid #cf0000;
 725 }
 726 p.caution {
 727     border-left: 10px solid #ef4f00;
 728     border-right: 10px solid #ef4f00;
 729 }
 730 p.important {
 731     border-left: 10px solid #009f9f;
 732     border-right: 10px solid #009f9f;
 733 }
 734
 735 em.marker {
 736     color : #910000;
 737     background-color: #ffff00;
 738 }
 739 span.marker {
 740 /*    position: absolute;*/
 741 /*    left: -25px;*/
 742 /*    width: 60px;*/
 743     text-align: right;
 744 }
 745
 746
 747 /* Header, Footer */
 748 .header, .footer {
 749     background-color:#eaeaea;
 750     border: 0;
 751 }
 752 div.header, div.footer {
 753 }
 754 table.header, table.footer {
 755     width: 100%;
 756 }
 757 thead.header, thead.footer {
 758 }
 759 tr.header, tr.footer {
 760 }
 761 th.header, th.footer {
 762 }
 763 td.header, td.footer {
 764 }
 765 p.header, p.footer {
 766 }
 767
 768 /* Validate HTML */
 769 div.pageicons {
 770     text-align: right;
 771     margin: 10px;
 772 }
 773 .validhtml {
 774     background-color:#ffffff;
 775 }
 776 table.validhtml {
 777 }
 778 tr.validhtml {
 779 }
 780 td.validhtml {
 781 }
 782
 783
 784 /* ProgressBar */
 785 .progressBar {
 786     max-width: 150px;
 787 }
 788 div.progressBar {
 789     background-color: #dfdfff;
 790     text-align: center;
 791     vertical-align: middle;
 792     padding-top: 10px;
 793     padding-bottom: 10px;
 794 }
 795 table.progressBar {
 796     table-layout: fixed;
 797     min-width: 130px;
 798     border: 1px solid #30306f;
 799     padding: 0;
 800     margin: 2px 4px 2px 4px;
 801 }
 802 td.progressBarDone, tr.progressBarDone {
 803     border: 0;
 804     background-color: #ffe590;
 805 }
 806 td.progressBarToBeDone, tr.progressBarToBeDone {
 807     border: 0;
 808     background-color: #dfdfff;
 809 }
 810 span.progress {
 811     color: #30306f;
 812 }
 813
 814 li.todo[class~="plus"] {
 815     list-style-type: none;
 816 }
 817 li.todo[class~="plus"]:before {
 818     font-weight: bold;
 819     content: "[TODO]";
 820     color: #ff0000;
 821     background-color: #ffff00;
 822 }
 823 li.todo[class~="dash"] {
 824     list-style-type: none;
 825     text-decoration:line-through;
 826     color: #555555;
 827 }
 828 li.todo[class~="dash"]:before {
 829     font-weight: bold;
 830     content: "[DONE]";
 831 }
 832
 833 iframe {
 834     border: 0;
 835 }
 836
 837 .bold {
 838     font-weight: bold;
 839     font-style: normal;
 840 }
 841 .emphasized {
 842     font-style: italic;
 843 }
 844
 845
 846 div.sourceComment {
 847     /* margin: 10px 80px 10px 80px; */
 848     margin-left: 80px;
 849     font-size: 80%;
 850     line-height: 135%;
 851     color: #7f1717;
 852     border-left: 4px solid #7f1717;
 853 }
 854
 855
 856 div.comment {
 857     margin: 40px 80px 10px 80px;
 858     font-size: 80%;
 859     line-height: 135%;
 860 }
 861 span.comment_author {
 862     font-weight: bold;
 863 }
 864 span.comment_author:after {
 865     content: ": ";
 866 }
 867 span.comment_subject {
 868     font-weight: bold;
 869 }
 870 span.comment_date {
 871     font-style: italic;
 872     font-size: 70%;
 873 }
 874 div.comment_title {
 875 }
 876 div.comment_text {
 877     margin: 0 0 0 20px;
 878 }
 879 div.comment_form {
 880     margin: 40px 80px 5px 80px;
 881 }
 882 table.comment_form {
 883     border: 0;
 884 }
 885 tr.comment_form {
 886     border: 0;
 887 }
 888 td.comment_form {
 889     border: 0;
 890     vertical-align: top;
 891     font-size: 80%;
 892     line-height: 135%;
 893 }
 894
 895 input, textarea {
 896     border: 1px solid #2f2f5f;
 897     font-size: 90%;
 898     line-height: 135%;
 899 }
 900 button {
 901     font-size: 90%;
 902     line-height: 135%;
 903 }
 904
 905 a.tabBarAbout {
 906     text-decoration: none;
 907 }
 908