doc/skin/screen.css

   1 /*
   2 * Licensed to the Apache Software Foundation (ASF) under one or more
   3 * contributor license agreements.  See the NOTICE file distributed with
   4 * this work for additional information regarding copyright ownership.
   5 * The ASF licenses this file to You under the Apache License, Version 2.0
   6 * (the "License"); you may not use this file except in compliance with
   7 * the License.  You may obtain a copy of the License at
   8 *
   9 *     http://www.apache.org/licenses/LICENSE-2.0
  10 *
  11 * Unless required by applicable law or agreed to in writing, software
  12 * distributed under the License is distributed on an "AS IS" BASIS,
  13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14 * See the License for the specific language governing permissions and
  15 * limitations under the License.
  16 */
  17 body {  margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; }
  18
  19 h1     { font-size : 160%; margin: 0px 0px 0px 0px;  padding: 0px; }
  20 h2     { font-size : 140%; margin: 1em 0px 0.8em 0px; padding: 0px; font-weight : bold;}
  21 h3     { font-size : 130%; margin: 0.8em 0px 0px 0px; padding: 0px; font-weight : bold; }
  22 .h3 { margin: 22px 0px 3px 0px; }
  23 h4     { font-size : 120%; margin: 0.7em 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  24 .h4 { margin: 18px 0px 0px 0px; }
  25 h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold;   text-align: left; }
  26 h5     { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
  27
  28 /**
  29 * table
  30 */
  31 table .title { background-color: #000000; }
  32 .ForrestTable         {
  33     color: #ffffff;
  34     background-color: #7099C5;
  35     width: 100%;
  36     font-size : 100%;
  37     empty-cells: show;
  38 }
  39 table caption {
  40     padding-left: 5px;
  41     color: white;
  42     text-align: left;
  43     font-weight: bold;
  44     background-color: #000000;
  45 }
  46 .ForrestTable td {
  47     color: black;
  48     background-color: #f0f0ff;
  49 }
  50 .ForrestTable th { text-align: center; }
  51 /**
  52  * Page Header
  53  */
  54
  55 #top {
  56     position: relative;
  57     float: left;
  58     width: 100%;
  59     background: #294563; /* if you want a background in the header, put it here */
  60 }
  61
  62 #top .breadtrail {
  63     background: #CFDCED;
  64     color: black;
  65     border-bottom: solid 1px white;
  66     padding: 3px 10px;
  67     font-size: 75%;
  68 }
  69 #top .breadtrail a { color: black; }
  70
  71 #top .header {
  72     float: left;
  73     width: 100%;
  74     background: url("images/header_white_line.gif") repeat-x bottom;
  75 }
  76
  77 #top .grouplogo {
  78     padding: 7px 0 10px 10px;
  79     float: left;
  80     text-align: left;
  81 }
  82 #top .projectlogo {
  83     padding: 7px 0 10px 10px;
  84     float: left;
  85     width: 33%;
  86     text-align: right;
  87 }
  88 #top .projectlogoA1 {
  89     padding: 7px 0 10px 10px;
  90     float: right;
  91 }
  92 html>body #top .searchbox {
  93     bottom: 0px;
  94 }
  95 #top .searchbox {
  96     position: absolute;
  97     right: 10px;
  98     height: 42px;
  99     font-size: 70%;
 100     white-space: nowrap;
 101     text-align: right;
 102     color: white;
 103     background-color: #000000;
 104     z-index:0;
 105     background-image: url(images/rc-t-l-5-1header-2searchbox-3searchbox.png);
 106     background-repeat: no-repeat;
 107     background-position: top left;
 108     bottom: -1px; /* compensate for IE rendering issue */
 109 }
 110
 111 #top .searchbox form {
 112     padding: 5px 10px;
 113     margin: 0;
 114 }
 115 #top .searchbox p {
 116     padding: 0 0 2px 0;
 117     margin: 0;
 118 }
 119 #top .searchbox input {
 120     font-size: 100%;
 121 }
 122
 123 #tabs {
 124     clear: both;
 125     padding-left: 10px;
 126     margin: 0;
 127     list-style: none;
 128 }
 129 /*    background: #CFDCED url("images/tab-right.gif") no-repeat right top;*/
 130 #tabs li {
 131     float: left;
 132     background-image: url(images/rc-t-r-5-1header-2tab-unselected-3tab-unselected.png);
 133     background-repeat: no-repeat;
 134     background-position: top right;
 135     background-color: #000000;
 136     margin: 0 3px 0 0;
 137     padding: 0;
 138 }
 139
 140 /*background: url("images/tab-left.gif") no-repeat left top;*/
 141 #tabs li a {
 142     float: left;
 143     display: block;
 144     font-family: verdana, arial, sans-serif;
 145     text-decoration: none;
 146     color: black;
 147     white-space: nowrap;
 148     background-image: url(images/rc-t-l-5-1header-2tab-unselected-3tab-unselected.png);
 149     background-repeat: no-repeat;
 150     background-position: top left;
 151     padding: 5px 15px 4px;
 152     width: .1em; /* IE/Win fix */
 153 }
 154
 155 #tabs li a:hover {
 156
 157     cursor: pointer;
 158     text-decoration:underline;
 159 }
 160
 161 #tabs > li a { width: auto; } /* Rest of IE/Win fix */
 162
 163 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 164 #tabs a { float: none; }
 165 /* End IE5-Mac hack */
 166
 167 #top .header .current {
 168     background-color: #4C6C8F;
 169     background-image: url(images/rc-t-r-5-1header-2tab-selected-3tab-selected.png);
 170     background-repeat: no-repeat;
 171     background-position: top right;
 172 }
 173 #top .header .current a {
 174     font-weight: bold;
 175     padding-bottom: 5px;
 176     color: white;
 177     background-image: url(images/rc-t-l-5-1header-2tab-selected-3tab-selected.png);
 178     background-repeat: no-repeat;
 179     background-position: top left;
 180 }
 181 #publishedStrip {
 182     padding-right: 10px;
 183     padding-left: 20px;
 184     padding-top: 3px;
 185     padding-bottom:3px;
 186     color: #ffffff;
 187     font-size : 60%;
 188     font-weight: bold;
 189     background-color: #4C6C8F;
 190     text-align:right;
 191 }
 192
 193 #level2tabs {
 194 margin: 0;
 195 float:left;
 196 position:relative;
 197
 198 }
 199
 200
 201
 202 #level2tabs  a:hover {
 203
 204     cursor: pointer;
 205     text-decoration:underline;
 206
 207 }
 208
 209 #level2tabs  a{
 210
 211     cursor: pointer;
 212     text-decoration:none;
 213     background-image: url('images/chapter.gif');
 214     background-repeat: no-repeat;
 215     background-position: center left;
 216     padding-left: 6px;
 217     margin-left: 6px;
 218 }
 219
 220 /*
 221 *    border-top: solid #4C6C8F 15px;
 222 */
 223 #main {
 224     position: relative;
 225     background: white;
 226     clear:both;
 227 }
 228 #main .breadtrail {
 229     clear:both;
 230     position: relative;
 231     background: #CFDCED;
 232     color: black;
 233     border-bottom: solid 1px black;
 234     border-top: solid 1px black;
 235     padding: 0px 180px;
 236     font-size: 75%;
 237     z-index:10;
 238 }
 239 /**
 240 * Round corner
 241 */
 242 #roundtop {
 243     background-image: url(images/rc-t-r-15-1body-2menu-3menu.png);
 244     background-repeat: no-repeat;
 245     background-position: top right;
 246 }
 247
 248 #roundbottom {
 249     background-image: url(images/rc-b-r-15-1body-2menu-3menu.png);
 250     background-repeat: no-repeat;
 251     background-position: top right;
 252 }
 253
 254 img.corner {
 255    width: 15px;
 256    height: 15px;
 257    border: none;
 258    display: block !important;
 259 }
 260
 261 .roundtopsmall {
 262     background-image: url(images/rc-t-r-5-1header-2searchbox-3searchbox.png);
 263     background-repeat: no-repeat;
 264     background-position: top right;
 265 }
 266
 267 #roundbottomsmall {
 268     background-image: url(images/rc-b-r-5-1header-2tab-selected-3tab-selected.png);
 269     background-repeat: no-repeat;
 270     background-position: top right;
 271 }
 272
 273 img.cornersmall {
 274    width: 5px;
 275    height: 5px;
 276    border: none;
 277    display: block !important;
 278 }
 279 /**
 280  * Side menu
 281  */
 282 #menu a {  font-weight: normal; text-decoration: none;}
 283 #menu a:visited {  font-weight: normal; }
 284 #menu a:active {  font-weight: normal; }
 285 #menu a:hover {  font-weight: normal;  text-decoration:underline;}
 286
 287 #menuarea { width:10em;}
 288 #menu {
 289     position: relative;
 290     float: left;
 291     width: 160px;
 292     padding-top: 0px;
 293     top:-18px;
 294     left:10px;
 295     z-index: 20;
 296     background-color: #f90;
 297     font-size : 70%;
 298
 299 }
 300
 301 .menutitle {
 302         cursor:pointer;
 303         padding: 3px 12px;
 304         margin-left: 10px;
 305         background-image: url('images/chapter.gif');
 306         background-repeat: no-repeat;
 307         background-position: center left;
 308         font-weight : bold;
 309
 310
 311 }
 312
 313 .menutitle:hover{text-decoration:underline;cursor: pointer;}
 314
 315 #menu .menuitemgroup {
 316         margin: 0px 0px 6px 8px;
 317         padding: 0px;
 318         font-weight : bold; }
 319
 320 #menu .selectedmenuitemgroup{
 321         margin: 0px 0px 0px 8px;
 322         padding: 0px;
 323         font-weight : normal;
 324
 325         }
 326
 327 #menu .menuitem {
 328         padding: 2px 0px 1px 13px;
 329         background-image: url('images/page.gif');
 330         background-repeat: no-repeat;
 331         background-position: center left;
 332         font-weight : normal;
 333         margin-left: 10px;
 334 }
 335
 336 #menu .menupage {
 337         margin: 2px 0px 1px 10px;
 338         padding: 0px 3px 0px 12px;
 339         background-image: url('images/page.gif');
 340         background-repeat: no-repeat;
 341         background-position: center left;
 342         font-style : normal;
 343 }
 344 #menu .menupagetitle {
 345         padding: 0px 0px 0px 1px;
 346         font-style : normal;
 347         border-style: solid;
 348         border-width: 1px;
 349         margin-right: 10px;
 350
 351 }
 352 #menu .menupageitemgroup {
 353         padding: 3px 0px 4px 6px;
 354         font-style : normal;
 355         border-bottom: 1px solid ;
 356         border-left: 1px solid ;
 357         border-right: 1px solid ;
 358         margin-right: 10px;
 359 }
 360 #menu .menupageitem {
 361         font-style : normal;
 362         font-weight : normal;
 363         border-width: 0px;
 364         font-size : 90%;
 365 }
 366 #menu #credit {
 367     text-align: center;
 368 }
 369 #menu #credit2 {
 370     text-align: center;
 371     padding: 3px 3px 3px 3px;
 372     background-color: #ffffff;
 373 }
 374 #menu .searchbox {
 375     text-align: center;
 376 }
 377 #menu .searchbox form {
 378     padding: 3px 3px;
 379     margin: 0;
 380 }
 381 #menu .searchbox input {
 382     font-size: 100%;
 383 }
 384
 385 #content {
 386     padding: 20px 20px 20px 180px;
 387     margin: 0;
 388     font : small Verdana, Helvetica, sans-serif;
 389     font-size : 80%;
 390 }
 391
 392 #content ul {
 393     margin: 0;
 394     padding: 0 25px;
 395 }
 396 #content li {
 397     padding: 0 5px;
 398 }
 399 #feedback {
 400     color: black;
 401     background: #CFDCED;
 402     text-align:center;
 403     margin-top: 5px;
 404 }
 405 #feedback #feedbackto {
 406     font-size: 90%;
 407     color: black;
 408 }
 409 #footer {
 410     clear: both;
 411     position: relative; /* IE bugfix (http://www.dracos.co.uk/web/css/ie6floatbug/) */
 412     width: 100%;
 413     background: #CFDCED;
 414     border-top: solid 1px #4C6C8F;
 415     color: black;
 416 }
 417 #footer .copyright {
 418     position: relative; /* IE bugfix cont'd */
 419     padding: 5px;
 420     margin: 0;
 421     width: 45%;
 422 }
 423 #footer .lastmodified {
 424     position: relative; /* IE bugfix cont'd */
 425     float: right;
 426     width: 45%;
 427     padding: 5px;
 428     margin: 0;
 429     text-align: right;
 430 }
 431 #footer a { color: white; }
 432
 433 #footer #logos {
 434     text-align: left;
 435 }
 436
 437
 438 /**
 439  * Misc Styles
 440  */
 441
 442 acronym { cursor: help; }
 443 .boxed      { background-color: #a5b6c6;}
 444 .underlined_5     {border-bottom: solid 5px #4C6C8F;}
 445 .underlined_10     {border-bottom: solid 10px #4C6C8F;}
 446 /* ==================== snail trail ============================ */
 447
 448 .trail {
 449   position: relative; /* IE bugfix cont'd */
 450   font-size: 70%;
 451   text-align: right;
 452   float: right;
 453   margin: -10px 5px 0px 5px;
 454   padding: 0;
 455 }
 456
 457 #motd-area {
 458     position: relative; /* IE bugfix cont'd */
 459     float: right;
 460     width: 35%;
 461     background-color: #f0f0ff;
 462     border-top: solid 1px #4C6C8F;
 463     border-bottom: solid 1px #4C6C8F;
 464     margin-bottom: 15px;
 465     margin-left: 15px;
 466     margin-right: 10%;
 467     padding-bottom: 5px;
 468     padding-top: 5px;
 469 }
 470
 471 #minitoc-area {
 472     border-top: solid 1px #4C6C8F;
 473     border-bottom: solid 1px #4C6C8F;
 474     margin: 15px 10% 5px 15px;
 475    /* margin-bottom: 15px;
 476     margin-left: 15px;
 477     margin-right: 10%;*/
 478     padding-bottom: 7px;
 479     padding-top: 5px;
 480 }
 481 .minitoc {
 482     list-style-image: url('images/current.gif');
 483     font-weight: normal;
 484 }
 485
 486 li p {
 487     margin: 0;
 488     padding: 0;
 489 }
 490
 491 .pdflink {
 492     position: relative; /* IE bugfix cont'd */
 493     float: right;
 494     margin: 0px 5px;
 495     padding: 0;
 496 }
 497 .pdflink br {
 498     margin-top: -10px;
 499     padding-left: 1px;
 500 }
 501 .pdflink a {
 502     display: block;
 503     font-size: 70%;
 504     text-align: center;
 505     margin: 0;
 506     padding: 0;
 507 }
 508
 509 .pdflink img {
 510     display: block;
 511     height: 16px;
 512     width: 16px;
 513 }
 514 .xmllink {
 515     position: relative; /* IE bugfix cont'd */
 516     float: right;
 517     margin: 0px 5px;
 518     padding: 0;
 519 }
 520 .xmllink br {
 521     margin-top: -10px;
 522     padding-left: 1px;
 523 }
 524 .xmllink a {
 525     display: block;
 526     font-size: 70%;
 527     text-align: center;
 528     margin: 0;
 529     padding: 0;
 530 }
 531
 532 .xmllink img {
 533     display: block;
 534     height: 16px;
 535     width: 16px;
 536 }
 537 .podlink {
 538     position: relative; /* IE bugfix cont'd */
 539     float: right;
 540     margin: 0px 5px;
 541     padding: 0;
 542 }
 543 .podlink br {
 544     margin-top: -10px;
 545     padding-left: 1px;
 546 }
 547 .podlink a {
 548     display: block;
 549     font-size: 70%;
 550     text-align: center;
 551     margin: 0;
 552     padding: 0;
 553 }
 554
 555 .podlink img {
 556     display: block;
 557     height: 16px;
 558     width: 16px;
 559 }
 560
 561 .printlink {
 562     position: relative; /* IE bugfix cont'd */
 563     float: right;
 564 }
 565 .printlink br {
 566     margin-top: -10px;
 567     padding-left: 1px;
 568 }
 569 .printlink a {
 570     display: block;
 571     font-size: 70%;
 572     text-align: center;
 573     margin: 0;
 574     padding: 0;
 575 }
 576 .printlink img {
 577     display: block;
 578     height: 16px;
 579     width: 16px;
 580 }
 581
 582 p.instruction {
 583   display: list-item;
 584   list-style-image: url('../images/instruction_arrow.png');
 585   list-style-position: outside;
 586   margin-left: 2em;
 587 }