forester/phyloxml/docs/version_1.20/docHtml.css

   1 /*----------------------------------------
   2     Global
   3 -----------------------------------------*/
   4
   5 body{
   6 }
   7 body, table {
   8     font-family:arial, helvetica, sans-serif;
   9     font-size:12px;
  10 }
  11
  12 @media print{
  13     body, table {
  14         font-size:10px;
  15     }
  16 }
  17
  18 /*--------------------------------------------
  19     Source code in the instance, source or
  20     annotations.
  21 --------------------------------------------*/
  22 span.tEl {
  23     color: #000096;
  24     background-color:inherit;
  25 }
  26 span.tXSLEl {
  27     color: #0064C8;
  28     background-color:inherit;
  29 }
  30 span.tAN {
  31     color: #F5844C;
  32     background-color:inherit;
  33 }
  34 span.tAV {
  35     color: #993300;
  36     background-color:inherit;
  37 }
  38 span.tI {
  39     color: #000000;
  40     background-color:inherit;
  41 }
  42 span.tT {
  43     color: #000000;
  44     background-color:inherit;
  45 }
  46 span.tC {
  47     color: #006400;
  48     background-color:inherit;
  49 }
  50 span.tCD {
  51     color: #008C00;
  52     background-color:inherit;
  53 }
  54 span.tPI {
  55     color: #8B26C9;
  56     background-color:inherit;
  57 }
  58 span.tEn {
  59     color: #969600;
  60     background-color:inherit;
  61 }
  62 span.qname{
  63     color:#000096;
  64     background-color:inherit;
  65 }
  66
  67 /*-----------------------------------------
  68     Documentation sections.
  69 ------------------------------------------*/
  70
  71 div.componentTitle, p.sHierarchyTitle {
  72     font-size:1.4em;
  73     font-weight:bold;
  74     text-align:left;
  75     margin-top:1.4em;
  76     margin-bottom:0.7em;
  77 }
  78 div.componentTitle{
  79 /*    color:rgb(255, 160, 100);*/
  80     color:#333333;
  81     background-color:inherit;
  82 }
  83
  84
  85 /* Tables. */
  86
  87 td, th {
  88     padding:2px 2px 2px 5px;
  89     text-align:left;
  90     vertical-align:top;
  91 }
  92
  93 tr > th {
  94     background-color:#C4DAF4;
  95     color:inherit;
  96 }
  97
  98 /* Contrast for the titles*/
  99 table.component {
 100     width:100%;
 101     border-spacing:1px;
 102 }
 103
 104 @media print{
 105     table.component{
 106         border:1px solid gray;
 107         border-collapse:collapse;
 108     }
 109
 110     table.component td{
 111         border:1px solid gray;
 112     }
 113 }
 114
 115
 116
 117 table.component td.firstColumn{
 118 /* pink */
 119     /*background-color:#FFC0C0;*/
 120 /*green */
 121     /* background-color:#C0F0A0;*/
 122 /*bleu*/
 123     /*background-color:#89C6E2;*/
 124 /*orange*/
 125     /*background-color:#FFD697;*/
 126 /*brown*/
 127     /*background-color:#D5BC8E;*/
 128 /*lilla*/
 129     /*background-color:#DDDDFF;*/
 130 /*gray-bleu*/
 131     /*background-color:#CAD0DD;*/
 132 /*brown-light*/
 133     /*background-color:#DECFB8;*/
 134 /*gray-green*/
 135     /*background-color:#C6D0CD;*/
 136 /*bleu-2*/
 137     /*background-color:#B5D5FF;*/
 138 /*gray*/
 139     /*background-color:#CCCCCC;*/
 140
 141
 142 /*bleu */
 143 background-color:#C4DAF4;
 144
 145
 146
 147     color:black;
 148     width:12%;
 149 }
 150
 151 table.component table td.firstColumn{
 152     border:none;
 153     background-color:#EAF1FB;
 154     color: inherit;
 155 }
 156
 157 td.firstColumn b{
 158     font-weight:normal;
 159 }
 160
 161
 162 /* The Name and Expand/Collapse control are on the same line
 163  but at different ends.*/
 164 td.firstColumn div.floatLeft{
 165     float:left;
 166 }
 167 td.firstColumn div.floatRight{
 168     float:right;
 169 }
 170
 171 /* Subtables */
 172 table.component table{
 173     width:100%;
 174 }
 175 table.component table,
 176 table.component table td,
 177 table.component table th{
 178     border:0;
 179 }
 180
 181
 182 /* Properties table */
 183 table.propertiesTable {
 184     border-spacing:1px;
 185 }
 186 table.propertiesTable td.firstColumn{
 187     width:140px;
 188     text-transform:capitalize;
 189 }
 190 /* Used by table */
 191 table.usedByTable {
 192     border-spacing:1px;
 193 }
 194 table.usedByTable td.firstColumn{
 195     width:140px;
 196     text-transform:capitalize;
 197 }
 198
 199 /* Facets table*/
 200 table.facetsTable {
 201     border-spacing:1px;
 202 }
 203 table.facetsTable td.firstColumn{
 204     width:140px;
 205     text-transform:capitalize;
 206 }
 207
 208 /* Attributes table */
 209 table.attributesTable {
 210     border-spacing:1px;
 211 }
 212 table.attributesTable th{
 213     font-weight:normal;
 214 }
 215 table.attributesTable tr:hover{
 216     color:inherit;
 217     background-color:#EAF1FB;
 218 }
 219
 220
 221 /* Identity constraints table */
 222 table.identityConstraintsTable {
 223     border-spacing:1px;
 224 }
 225 table.identityConstraintsTable th{
 226     font-weight:normal;
 227 }
 228 table.identityConstraintsTable tr:hover{
 229     color:inherit;
 230     background-color:#EAF1FB;
 231 }
 232
 233
 234
 235 /*---------------------------------------
 236     The diagram.
 237 ----------------------------------------*/
 238
 239 table.component td.diagram {
 240     background-color:white;
 241     color:inherit;
 242 }
 243
 244
 245 /* This table is a workaround for an IE bug regarding pre-wrap */
 246 table.preWrapContainer,
 247 table.preWrapContainer td{
 248     border:0;
 249     margin:0;
 250     padding:0;
 251 }
 252
 253
 254 /* Annotations. */
 255 div.annotation{
 256 }
 257 div.annotation pre{
 258     font-family:arial, helvetica, sans-serif;
 259     margin:0;
 260 }
 261 div.annotation,
 262 div.annotation table,
 263 div.annotation table td{
 264     margin:0;
 265     padding:0;
 266 }
 267
 268 /*  Hierarchy */
 269 ul > li.internal, ul > li.schemaHierarchy {
 270     list-style:none;
 271 }
 272
 273 ul.internal {
 274     margin:2px;
 275     padding:0;
 276 }
 277
 278 ul ul li.internal {
 279     padding-left:10px;
 280
 281     list-style-image:url('img/hierarchy_arrow.gif');
 282     list-style-position:inside;
 283 }
 284
 285 ul ul li.schemaHierarchy {
 286     padding-left:20px;
 287
 288     list-style-image:none;
 289     list-style-position:inside;
 290 }
 291
 292 ul.schemaHierarchy {
 293     margin:2px;
 294     padding-left:20px;
 295 }
 296
 297 /*-------------------------------------
 298     Rounded tables.
 299 ---------------------------------------*/
 300
 301 table.rt,
 302 table.rt_with_bg{
 303     border-collapse:collapse;
 304     border-spacing:0;
 305     width:100%;
 306 }
 307 table.rt_with_bg{
 308     /*background-color:#C0F0A0;*/
 309     background-color:white;
 310     color:inherit;
 311 }
 312
 313
 314 .rt_cornerTopLeft{
 315     background-color:transparent;
 316     background-repeat:no-repeat;
 317     background-position:right;
 318     width:8px;
 319     height:8px;
 320     margin:0;
 321     padding:0;
 322 }
 323 .rt_cornerTopLeft{
 324     background-image:url('img/cTL.gif');
 325 }
 326
 327
 328 .rt_cornerBottomLeft{
 329     background-color:transparent;
 330     background-repeat:no-repeat;
 331     background-position:right;
 332     width:8px;
 333     height:8px;
 334     margin:0;
 335     padding:0;
 336 }
 337 .rt_cornerBottomLeft{
 338     background-image:url('img/cBL.gif');
 339 }
 340
 341
 342 .rt_cornerTopRight{
 343     background-color:transparent;
 344     background-repeat:no-repeat;
 345     width:8px;
 346     height:8px;
 347     margin:0;
 348     padding:0;
 349
 350 }
 351 .rt_cornerTopRight{
 352     background-image:url('img/cTR.gif');
 353 }
 354
 355
 356 .rt_cornerBottomRight{
 357     background-color:transparent;
 358     background-repeat:no-repeat;
 359     width:8px;
 360     height:8px;
 361     margin:0;
 362     padding:0;
 363
 364 }
 365 .rt_cornerBottomRight{
 366     background-image:url('img/cBR.gif');
 367 }
 368
 369
 370 .rt_content{
 371     background-color:white;
 372     color:inherit;
 373     width:auto;
 374     margin:0;
 375     padding:0;
 376 }
 377
 378
 379 .rt_lineLeft{
 380     background-color:transparent;
 381     background-repeat:repeat-y;
 382     background-position:right;
 383     width:8px;
 384     margin:0;
 385     padding:0;
 386
 387 }
 388 .rt_lineLeft{
 389     background-image:url('img/lL.gif');
 390 }
 391
 392
 393 .rt_lineRight{
 394     background-repeat:repeat-y;
 395     width:8px;
 396     margin:0;
 397     padding:0;
 398 }
 399 .rt_lineRight{
 400     background-image:url('img/lR.gif');
 401 }
 402
 403
 404 .rt_lineTop{
 405     background-color:transparent;
 406     background-repeat:repeat-x;
 407     height:8px;
 408     width:auto;
 409     margin:0;
 410     padding:0;
 411 }
 412 .rt_lineTop{
 413     background-image:url('img/lT.gif');
 414 }
 415
 416 .rt_lineBottom{
 417     background-color:transparent;
 418     background-repeat:repeat-x;
 419     height:8px;
 420     width:auto;
 421     margin:0;
 422     padding:0;
 423 }
 424 .rt_lineBottom{
 425     background-image:url('img/lB.gif');
 426 }
 427
 428
 429 /* --------------------------------------
 430     Controls for bulk showing/hidding sections
 431     from the documentation.
 432 ----------------------------------------*/
 433
 434 .globalControls h3{
 435     margin:0.1em;
 436     font-size:1.2em;
 437 }
 438
 439 .globalControls table td{
 440     padding:0;
 441     margin:0;
 442 }
 443
 444 .globalControls{
 445     position:fixed;
 446     right:0;
 447     background-color:transparent;
 448     padding-left:0.5em;
 449     padding-right:0.5em;
 450     padding-bottom:0.5em;
 451     width:190px;
 452 }
 453
 454 @media print{
 455     .globalControls{
 456         display:none;
 457     }
 458 }
 459
 460 /* Expand/collapse of a single section. */
 461 input.control {
 462     text-align:center;
 463     vertical-align:middle;
 464     padding:0;
 465     padding-right:3px;
 466     padding-bottom:2px;
 467
 468 }
 469
 470
 471 /* close button */
 472 td.rt_content div span input{
 473     font-size:0.8em;
 474 }
 475
 476 @media print{
 477     input.control{
 478         display:none;
 479     }
 480 }
 481
 482
 483
 484
 485 /*-----------------------------------------
 486     Navigation.
 487 ------------------------------------------*/
 488 a, a:visited {
 489     color:rgb(0, 0, 150);
 490     background-color:inherit;
 491 }
 492
 493 a:link, a:visited {
 494     text-decoration:none;
 495 }
 496 a:hover {
 497     text-decoration:underline;
 498 }
 499
 500 div.toTop{
 501     text-align:right;
 502 }
 503 div.toTop a{
 504     font-weight:normal;
 505 }
 506
 507
 508
 509
 510 /*------------------------------------------
 511   The second level of index. Floating DIVs
 512 -------------------------------------------*/
 513 .toc {
 514 }
 515 .toc div.verticalLayout, div.horizontalLayout{
 516     float:left;
 517     display:block;
 518
 519     background-color:white;
 520     color:inherit;
 521
 522     min-width:130px;
 523     min-height:50px;
 524
 525     padding:0.5em;
 526 }
 527 /* This is not used. */
 528 .toc div.verticalLayout {
 529     clear:left;
 530 }
 531
 532 /* Hack for the IE - acts like a minimum height.*/
 533 * html .toc div.horizontalLayout,
 534 * html .toc div.verticalLayout {
 535     width:120px;
 536     height:60px;
 537 }
 538
 539 /* Namespacces or system ids in the TOC. */
 540 .toc .indexGroupTitle {
 541     font-weight:bold;
 542     margin-bottom:0.5em;
 543 }
 544
 545 /* Components group*/
 546
 547 div.componentGroupTitle {
 548     font-weight: bold;
 549     color: black;
 550     background-color: inherit;
 551 }
 552
 553 div.componentGroup {
 554     padding-top: 4px;
 555 }
 556
 557 table.componentGroup {
 558     border-spacing: 1px;
 559 }
 560
 561 td.componentGroup {
 562     padding: 0px 0px 0px 0px;
 563 }
 564
 565
 566
 567 /*----------------
 568     The footer.
 569 -----------------*/
 570 .footer{
 571     margin-top:3em;
 572 }
 573 .redX{
 574     color:red;
 575     background-color:inherit;
 576     font-size:1.2em;
 577 }
 578 .oXygenLogo{
 579     color:#1166DD;
 580     background-color:inherit;
 581     font-weight:bold;
 582     font-size:1.2em;
 583 }
 584
 585
 586 /*  List item from documentation format */
 587 ul > li.doc{
 588     list-style:disc;
 589     margin-left:10px;
 590 }
 591
 592 /* No margin for pre from the table.*/
 593 td > pre {
 594     margin:0px;
 595 }
 596
 597 /* Wrap the long lines in the 'pre' section. */
 598 pre {
 599     white-space: pre-wrap;       /* css-3 */
 600     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 601     white-space: -pre-wrap;      /* Opera 4-6 */
 602     white-space: -o-pre-wrap;    /* Opera 7 */
 603     word-wrap: break-word;       /* Internet Explorer 5.5+ */
 604     _white-space: pre;   /* IE only hack to re-specify in addition to            word-wrap  */
 605 }