doc/rdoc.css

   1 /*
   2  * "Darkfish" Rdoc CSS
   3  * $Id: rdoc.css 54 2009-01-27 01:09:48Z deveiant $
   4  *
   5  * Author: Michael Granger <ged@FaerieMUD.org>
   6  *
   7  */
   8
   9 /* Base Green is: #6C8C22 */
  10
  11 *{ padding: 0; margin: 0; }
  12
  13 body {
  14     background: #efefef;
  15         font: 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  16 }
  17 body.class, body.module, body.file {
  18     margin-left: 40px;
  19 }
  20 body.file-popup {
  21         font-size: 90%;
  22         margin-left: 0;
  23 }
  24
  25 h1 {
  26         font-size: 300%;
  27         text-shadow: rgba(135,145,135,0.65) 2px 2px 3px;
  28         color: #6C8C22;
  29 }
  30 h2,h3,h4 { margin-top: 1.5em; }
  31
  32 a {
  33         color: #6C8C22;
  34         text-decoration: none;
  35 }
  36 a:hover {
  37         border-bottom: 1px dotted #6C8C22;
  38 }
  39
  40 pre {
  41         background: #ddd;
  42         padding: 0.5em 0;
  43 }
  44
  45
  46 /* @group Generic Classes */
  47
  48 .initially-hidden {
  49         display: none;
  50 }
  51
  52 .quicksearch-field {
  53         width: 98%;
  54         background: #ddd;
  55         border: 1px solid #aaa;
  56         height: 1.5em;
  57         -webkit-border-radius: 4px;
  58 }
  59 .quicksearch-field:focus {
  60         background: #f1edba;
  61 }
  62
  63 .missing-docs {
  64         font-size: 120%;
  65         background: white url(images/wrench_orange.png) no-repeat 4px center;
  66         color: #ccc;
  67         line-height: 2em;
  68         border: 1px solid #d00;
  69         opacity: 1;
  70         padding-left: 20px;
  71         text-indent: 24px;
  72         letter-spacing: 3px;
  73         font-weight: bold;
  74         -webkit-border-radius: 5px;
  75         -moz-border-radius: 5px;
  76 }
  77
  78 .target-section {
  79         border: 2px solid #dcce90;
  80         border-left-width: 8px;
  81         padding: 0 1em;
  82         background: #fff3c2;
  83 }
  84
  85 /* @end */
  86
  87
  88 /* @group Index Page, Standalone file pages */
  89 body.indexpage {
  90         margin: 1em 3em;
  91 }
  92 body.indexpage p,
  93 body.indexpage div,
  94 body.file p {
  95         margin: 1em 0;
  96 }
  97
  98 .indexpage ul,
  99 .file #documentation ul {
 100         line-height: 160%;
 101         list-style: none;
 102 }
 103 .indexpage ul a,
 104 .file #documentation ul a {
 105         font-size: 16px;
 106 }
 107
 108 .indexpage li,
 109 .file #documentation li {
 110         padding-left: 20px;
 111         background: url(images/bullet_black.png) no-repeat left 4px;
 112 }
 113 .indexpage li.module {
 114         background: url(images/package.png) no-repeat left 4px;
 115 }
 116 .indexpage li.class {
 117         background: url(images/ruby.png) no-repeat left 4px;
 118 }
 119 .indexpage li.file {
 120         background: url(images/page_white_text.png) no-repeat left 4px;
 121 }
 122
 123 /* @end */
 124
 125 /* @group Top-Level Structure */
 126
 127 .class #metadata,
 128 .file #metadata,
 129 .module #metadata {
 130         float: left;
 131         width: 260px;
 132 }
 133
 134 .class #documentation,
 135 .file #documentation,
 136 .module #documentation {
 137         margin: 2em 1em 5em 300px;
 138         min-width: 340px;
 139 }
 140
 141 .file #metadata {
 142         margin: 0.8em;
 143 }
 144
 145 #validator-badges {
 146         clear: both;
 147         margin: 1em 1em 2em;
 148 }
 149
 150 /* @end */
 151
 152 /* @group Metadata Section */
 153 #metadata .section {
 154         background-color: #dedede;
 155         -moz-border-radius: 5px;
 156         -webkit-border-radius: 5px;
 157         border: 1px solid #aaa;
 158         margin: 0 8px 16px;
 159         font-size: 90%;
 160         overflow: hidden;
 161 }
 162 #metadata h3.section-header {
 163         margin: 0;
 164         padding: 2px 8px;
 165         background: #ccc;
 166         color: #666;
 167         -moz-border-radius-topleft: 4px;
 168         -moz-border-radius-topright: 4px;
 169         -webkit-border-top-left-radius: 4px;
 170         -webkit-border-top-right-radius: 4px;
 171         border-bottom: 1px solid #aaa;
 172 }
 173 #metadata ul,
 174 #metadata dl,
 175 #metadata p {
 176         padding:  8px;
 177         list-style: none;
 178 }
 179
 180 #file-metadata ul {
 181         padding-left: 28px;
 182         list-style-image: url(images/page_green.png);
 183 }
 184
 185 dl.svninfo {
 186         color: #666;
 187         margin: 0;
 188 }
 189 dl.svninfo dt {
 190         font-weight: bold;
 191 }
 192
 193 ul.link-list li {
 194         white-space: nowrap;
 195 }
 196 ul.link-list .type {
 197         font-size: 8px;
 198         text-transform: uppercase;
 199         color: white;
 200         background: #969696;
 201         padding: 2px 4px;
 202         -webkit-border-radius: 5px;
 203 }
 204
 205 /* @end */
 206
 207
 208 /* @group Project Metadata Section */
 209 #project-metadata {
 210         margin-top: 3em;
 211 }
 212
 213 .file #project-metadata {
 214   margin-top: 0em;
 215 }
 216
 217 #project-metadata .section {
 218         border: 1px solid #aaa;
 219 }
 220 #project-metadata h3.section-header {
 221         border-bottom: 1px solid #aaa;
 222         position: relative;
 223 }
 224 #project-metadata h3.section-header .search-toggle {
 225         position: absolute;
 226         right: 5px;
 227 }
 228
 229
 230 #project-metadata form {
 231         color: #777;
 232         background: #ccc;
 233         padding: 8px 8px 16px;
 234         border-bottom: 1px solid #bbb;
 235 }
 236 #project-metadata fieldset {
 237         border: 0;
 238 }
 239
 240 #no-class-search-results {
 241         margin: 0 auto 1em;
 242         text-align: center;
 243         font-size: 14px;
 244         font-weight: bold;
 245         color: #aaa;
 246 }
 247
 248 /* @end */
 249
 250
 251 /* @group Documentation Section */
 252 #description {
 253         font-size: 100%;
 254         color: #333;
 255 }
 256
 257 #description p {
 258         margin: 1em 0.4em;
 259 }
 260
 261 #description ul {
 262         margin-left: 2em;
 263 }
 264 #description ul li {
 265         line-height: 1.4em;
 266 }
 267
 268 #description dl,
 269 #documentation dl {
 270         margin: 8px 1.5em;
 271         border: 1px solid #ccc;
 272 }
 273 #description dl {
 274         font-size: 14px;
 275 }
 276
 277 #description dt,
 278 #documentation dt {
 279         padding: 2px 4px;
 280         font-weight: bold;
 281         background: #ddd;
 282 }
 283 #description dd,
 284 #documentation dd  {
 285         padding: 2px 12px;
 286 }
 287 #description dd + dt,
 288 #documentation dd + dt {
 289         margin-top: 0.7em;
 290 }
 291
 292 #documentation .section {
 293         font-size: 90%;
 294 }
 295 #documentation h3.section-header {
 296         margin-top: 2em;
 297         padding: 0.75em 0.5em;
 298         background-color: #dedede;
 299         color: #333;
 300         font-size: 150%;
 301         border: 1px solid #bbb;
 302         -moz-border-radius: 3px;
 303         -webkit-border-radius: 3px;
 304 }
 305
 306 #constants-list > dl,
 307 #attributes-list > dl {
 308         margin: 1em 0 2em;
 309         border: 0;
 310 }
 311 #constants-list > dl dt,
 312 #attributes-list > dl dt {
 313         padding-left: 0;
 314         font-weight: bold;
 315         font-family: Monaco, "Andale Mono";
 316         background: inherit;
 317 }
 318 #constants-list > dl dt a,
 319 #attributes-list > dl dt a {
 320         color: inherit;
 321 }
 322 #constants-list > dl dd,
 323 #attributes-list > dl dd {
 324         margin: 0 0 1em 0;
 325         padding: 0;
 326         color: #666;
 327 }
 328
 329 /* @group Method Details */
 330
 331 #documentation .method-source-code {
 332         display: none;
 333 }
 334
 335 #documentation .method-detail {
 336         margin: 0.5em 0;
 337         padding: 0.5em 0;
 338         cursor: pointer;
 339 }
 340 #documentation .method-detail:hover {
 341         background-color: #f1edba;
 342 }
 343 #documentation .method-alias {
 344         font-style: oblique;
 345 }
 346 #documentation .method-heading {
 347         position: relative;
 348         padding: 2px 4px 0 20px;
 349         font-size: 125%;
 350         font-weight: bold;
 351         color: #333;
 352         background: url(images/brick.png) no-repeat left bottom;
 353 }
 354 #documentation .method-heading a {
 355         color: inherit;
 356 }
 357 #documentation .method-click-advice {
 358         position: absolute;
 359         top: 2px;
 360         right: 5px;
 361         font-size: 10px;
 362         color: #9b9877;
 363         visibility: hidden;
 364         padding-right: 20px;
 365         line-height: 20px;
 366         background: url(images/zoom.png) no-repeat right top;
 367 }
 368 #documentation .method-detail:hover .method-click-advice {
 369         visibility: visible;
 370 }
 371
 372 #documentation .method-alias .method-heading {
 373         color: #666;
 374         background: url(images/brick_link.png) no-repeat left bottom;
 375 }
 376
 377 #documentation .method-description,
 378 #documentation .aliases {
 379         margin: 0 20px;
 380         line-height: 1.2em;
 381         color: #666;
 382 }
 383 #documentation .aliases {
 384         padding-top: 4px;
 385         font-style: italic;
 386         cursor: default;
 387 }
 388 #documentation .method-description p {
 389         padding: 0;
 390 }
 391 #documentation .method-description p + p {
 392         margin-bottom: 0.5em;
 393 }
 394
 395 #documentation .attribute-method-heading {
 396         background: url(images/tag_green.png) no-repeat left bottom;
 397 }
 398 #documentation #attribute-method-details .method-detail:hover {
 399         background-color: transparent;
 400         cursor: default;
 401 }
 402 #documentation .attribute-access-type {
 403         font-size: 60%;
 404         text-transform: uppercase;
 405         vertical-align: super;
 406         padding: 0 2px;
 407 }
 408 /* @end */
 409
 410 /* @end */
 411
 412
 413
 414 /* @group Source Code */
 415
 416 a.source-toggle {
 417         font-size: 90%;
 418 }
 419 a.source-toggle img {
 420
 421 }
 422
 423 div.method-source-code {
 424     background: #262626;
 425     color: #efefef;
 426     margin: 1em;
 427     padding: 0.5em;
 428     border: 1px dashed #999;
 429     overflow: hidden;
 430 }
 431
 432 div.method-source-code pre {
 433         background: inherit;
 434         padding: 0;
 435         color: white;
 436         overflow: hidden;
 437 }
 438
 439 /* @group Ruby keyword styles */
 440
 441 .standalone-code { background: #221111; color: #ffdead; overflow: hidden; }
 442
 443 .ruby-constant  { color: #7fffd4; background: transparent; }
 444 .ruby-keyword { color: #00ffff; background: transparent; }
 445 .ruby-ivar    { color: #eedd82; background: transparent; }
 446 .ruby-operator  { color: #00ffee; background: transparent; }
 447 .ruby-identifier { color: #ffdead; background: transparent; }
 448 .ruby-node    { color: #ffa07a; background: transparent; }
 449 .ruby-comment { color: #b22222; font-weight: bold; background: transparent; }
 450 .ruby-regexp  { color: #ffa07a; background: transparent; }
 451 .ruby-value   { color: #7fffd4; background: transparent; }
 452
 453 /* @end */
 454 /* @end */
 455
 456
 457 /* @group File Popup Contents */
 458
 459 .file #metadata,
 460 .file-popup #metadata {
 461 }
 462
 463 .file-popup dl {
 464         font-size: 80%;
 465         padding: 0.75em;
 466         background-color: #dedede;
 467         color: #333;
 468         border: 1px solid #bbb;
 469         -moz-border-radius: 3px;
 470         -webkit-border-radius: 3px;
 471 }
 472 .file dt {
 473         font-weight: bold;
 474         padding-left: 22px;
 475         line-height: 20px;
 476         background: url(images/page_white_width.png) no-repeat left top;
 477 }
 478 .file dt.modified-date {
 479         background: url(images/date.png) no-repeat left top;
 480 }
 481 .file dt.requires {
 482         background: url(images/plugin.png) no-repeat left top;
 483 }
 484 .file dt.scs-url {
 485         background: url(images/wrench.png) no-repeat left top;
 486 }
 487
 488 .file dl dd {
 489         margin: 0 0 1em 0;
 490 }
 491 .file #metadata dl dd ul {
 492         list-style: circle;
 493         margin-left: 20px;
 494         padding-top: 0;
 495 }
 496 .file #metadata dl dd ul li {
 497 }
 498
 499
 500 .file h2 {
 501         margin-top: 2em;
 502         padding: 0.75em 0.5em;
 503         background-color: #dedede;
 504         color: #333;
 505         font-size: 120%;
 506         border: 1px solid #bbb;
 507         -moz-border-radius: 3px;
 508         -webkit-border-radius: 3px;
 509 }
 510
 511 /* @end */
 512
 513
 514
 515
 516 /* @group ThickBox Styles */
 517 #TB_window {
 518         font: 12px Arial, Helvetica, sans-serif;
 519         color: #333333;
 520 }
 521
 522 #TB_secondLine {
 523         font: 10px Arial, Helvetica, sans-serif;
 524         color:#666666;
 525 }
 526
 527 #TB_window a:link {color: #666666;}
 528 #TB_window a:visited {color: #666666;}
 529 #TB_window a:hover {color: #000;}
 530 #TB_window a:active {color: #666666;}
 531 #TB_window a:focus{color: #666666;}
 532
 533 #TB_overlay {
 534         position: fixed;
 535         z-index:100;
 536         top: 0px;
 537         left: 0px;
 538         height:100%;
 539         width:100%;
 540 }
 541
 542 .TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
 543 .TB_overlayBG {
 544         background-color:#000;
 545         filter:alpha(opacity=75);
 546         -moz-opacity: 0.75;
 547         opacity: 0.75;
 548 }
 549
 550 * html #TB_overlay { /* ie6 hack */
 551      position: absolute;
 552      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 553 }
 554
 555 #TB_window {
 556         position: fixed;
 557         background: #ffffff;
 558         z-index: 102;
 559         color:#000000;
 560         display:none;
 561         border: 4px solid #525252;
 562         text-align:left;
 563         top:50%;
 564         left:50%;
 565 }
 566
 567 * html #TB_window { /* ie6 hack */
 568 position: absolute;
 569 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 570 }
 571
 572 #TB_window img#TB_Image {
 573         display:block;
 574         margin: 15px 0 0 15px;
 575         border-right: 1px solid #ccc;
 576         border-bottom: 1px solid #ccc;
 577         border-top: 1px solid #666;
 578         border-left: 1px solid #666;
 579 }
 580
 581 #TB_caption{
 582         height:25px;
 583         padding:7px 30px 10px 25px;
 584         float:left;
 585 }
 586
 587 #TB_closeWindow{
 588         height:25px;
 589         padding:11px 25px 10px 0;
 590         float:right;
 591 }
 592
 593 #TB_closeAjaxWindow{
 594         padding:7px 10px 5px 0;
 595         margin-bottom:1px;
 596         text-align:right;
 597         float:right;
 598 }
 599
 600 #TB_ajaxWindowTitle{
 601         float:left;
 602         padding:7px 0 5px 10px;
 603         margin-bottom:1px;
 604         font-size: 22px;
 605 }
 606
 607 #TB_title{
 608         background-color: #6C8C22;
 609         color: #dedede;
 610         height:40px;
 611 }
 612 #TB_title a {
 613         color: white !important;
 614         border-bottom: 1px dotted #dedede;
 615 }
 616
 617 #TB_ajaxContent{
 618         clear:both;
 619         padding:2px 15px 15px 15px;
 620         overflow:auto;
 621         text-align:left;
 622         line-height:1.4em;
 623 }
 624
 625 #TB_ajaxContent.TB_modal{
 626         padding:15px;
 627 }
 628
 629 #TB_ajaxContent p{
 630         padding:5px 0px 5px 0px;
 631 }
 632
 633 #TB_load{
 634         position: fixed;
 635         display:none;
 636         height:13px;
 637         width:208px;
 638         z-index:103;
 639         top: 50%;
 640         left: 50%;
 641         margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
 642 }
 643
 644 * html #TB_load { /* ie6 hack */
 645 position: absolute;
 646 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
 647 }
 648
 649 #TB_HideSelect{
 650         z-index:99;
 651         position:fixed;
 652         top: 0;
 653         left: 0;
 654         background-color:#fff;
 655         border:none;
 656         filter:alpha(opacity=0);
 657         -moz-opacity: 0;
 658         opacity: 0;
 659         height:100%;
 660         width:100%;
 661 }
 662
 663 * html #TB_HideSelect { /* ie6 hack */
 664      position: absolute;
 665      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
 666 }
 667
 668 #TB_iframeContent{
 669         clear:both;
 670         border:none;
 671         margin-bottom:-1px;
 672         margin-top:1px;
 673         _margin-bottom:1px;
 674 }
 675
 676 /* @end */
 677
 678 /* @group Debugging Section */
 679
 680 #debugging-toggle {
 681         text-align: center;
 682 }
 683 #debugging-toggle img {
 684         cursor: pointer;
 685 }
 686
 687 #rdoc-debugging-section-dump {
 688         display: none;
 689         margin: 0 2em 2em;
 690         background: #ccc;
 691         border: 1px solid #999;
 692 }
 693
 694
 695
 696 /* @end */