rt/html/NoAuth/webrt.css

   1 /*
   2 %# BEGIN BPS TAGGED BLOCK {{{
   3 %#
   4 %# COPYRIGHT:
   5 %#
   6 %# This software is Copyright (c) 1996-2005 Best Practical Solutions, LLC
   7 %#                                          <jesse@bestpractical.com>
   8 %#
   9 %# (Except where explicitly superseded by other copyright notices)
  10 %#
  11 %#
  12 %# LICENSE:
  13 %#
  14 %# This work is made available to you under the terms of Version 2 of
  15 %# the GNU General Public License. A copy of that license should have
  16 %# been provided with this software, but in any event can be snarfed
  17 %# from www.gnu.org.
  18 %#
  19 %# This work is distributed in the hope that it will be useful, but
  20 %# WITHOUT ANY WARRANTY; without even the implied warranty of
  21 %# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  22 %# General Public License for more details.
  23 %#
  24 %# You should have received a copy of the GNU General Public License
  25 %# along with this program; if not, write to the Free Software
  26 %# Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
  27 %#
  28 %#
  29 %# CONTRIBUTION SUBMISSION POLICY:
  30 %#
  31 %# (The following paragraph is not intended to limit the rights granted
  32 %# to you to modify and distribute this software under the terms of
  33 %# the GNU General Public License and is only of importance to you if
  34 %# you choose to contribute your changes and enhancements to the
  35 %# community by submitting them to Best Practical Solutions, LLC.)
  36 %#
  37 %# By intentionally submitting any modifications, corrections or
  38 %# derivatives to this work, or any other work intended for use with
  39 %# Request Tracker, to Best Practical Solutions, LLC, you confirm that
  40 %# you are the copyright holder for those contributions and you grant
  41 %# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
  42 %# royalty-free, perpetual, license to use, copy, create derivative
  43 %# works based on those contributions, and sublicense and distribute
  44 %# those contributions and any derivatives thereof.
  45 %#
  46 %# END BPS TAGGED BLOCK }}}
  47 */
  48
  49 /* * {
  50   font-family: Arial, Verdana, Helvetica, sans-serif;
  51   font-size: 1.2em;
  52 } */
  53
  54 SPAN.nav {  font-family: Arial, Verdana, Helvetica, sans-serif;
  55          font-size: 12px;
  56          color: #FFFFFF;
  57          text-decoration: none;
  58          white-space: nowrap}
  59 .nav2 {  font-size: 10px;
  60          white-space: nowrap}
  61 .nav {  font-family: Arial, Verdana, Helvetica, sans-serif;
  62          font-size: 13px;
  63          font-weight: bold;
  64          color: #FFFFFF;
  65          text-decoration: none;
  66          white-space: nowrap}
  67 .currentnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
  68          font-size: 13px;
  69          font-weight: bold;
  70          color: #FFFF66;
  71          text-decoration: none;
  72          white-space: nowrap}
  73 .topnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
  74          font-size: 16px;
  75          font-weight: normal;
  76          color: #FFFFFF;
  77          text-decoration: none;
  78          white-space: nowrap}
  79
  80 /*
  81 %# .topnav is the original RT class for the sidebar navigation tabs.
  82 %# Font-sizing by level depth was originally hard-coded into Elements/Menu.
  83 %# This modification sets a different class name for each level, allowing
  84 %# style sheet control over the formats.
  85 */
  86
  87 a.topnav-0 {  font-family: Verdana, sans-serif;
  88          font-size: 16px;
  89          font-weight: normal;
  90          color: #FFFFFF;
  91          text-decoration: none;
  92          white-space: nowrap}
  93 a.topnav-1 {  font-family: Verdana, sans-serif;
  94          font-size: 14px;
  95          font-weight: normal;
  96          color: #FFFFFF;
  97          text-decoration: none;
  98          white-space: nowrap}
  99 a.topnav-2 {  font-family: Verdana, sans-serif;
 100          font-size: 12px;
 101          font-weight: normal;
 102          color: #FFFFFF;
 103          text-decoration: none;
 104          white-space: nowrap}
 105 a.topnav-3 {  font-family: Verdana, sans-serif;
 106          font-size: 11px;
 107          font-weight: normal;
 108          color: #FFFFFF;
 109          text-decoration: none;
 110          white-space: nowrap}
 111 a.topnav-4 {  font-family: Verdana, sans-serif;
 112          font-size: 11px;
 113          font-weight: normal;
 114          color: #FFFFFF;
 115          text-decoration: none;
 116          white-space: nowrap}
 117 a.topnav-5 {  font-family: Verdana, sans-serif;
 118          font-size: 11px;
 119          font-weight: normal;
 120          color: #FFFFFF;
 121          text-decoration: none;
 122          white-space: nowrap}
 123 li.topnav-0-minor {
 124          border-top: solid #777777 1px;
 125          padding-top: .1em;
 126          margin-top: .5em;
 127 }
 128 li.topnav-1-minor {
 129          border-top: solid #777777 1px;
 130          padding-top: .1em;
 131          margin-top: .5em;
 132 }
 133 li.topnav-2-minor {
 134          border-top: solid #777777 1px;
 135          padding-top: .1em;
 136          margin-top: .5em;
 137 }
 138 li.topnav-3-minor {
 139          border-top: solid #777777 1px;
 140          padding-top: .1em;
 141          margin-top: .5em;
 142 }
 143 li.topnav-4-minor {
 144          border-top: solid #777777 1px;
 145          padding-top: .1em;
 146          margin-top: .5em;
 147 }
 148 li.topnav-5-minor {
 149          border-top: solid #777777 1px;
 150          padding-top: .1em;
 151          margin-top: .5em;
 152 }
 153 li.topnav-0-major {
 154          border-bottom: solid black 1px;
 155          padding-top: .25em;
 156          padding-bottom: .5em;
 157 }
 158 li.topnav-1-major {
 159          border-bottom: solid black 1px;
 160          padding-top: .25em;
 161          padding-bottom: .5em;
 162 }
 163 li.topnav-2-major {
 164          border-bottom: solid black 1px;
 165          padding-top: .25em;
 166          padding-bottom: .5em;
 167 }
 168 li.topnav-3-major {
 169          border-bottom: solid black 1px;
 170          padding-top: .25em;
 171          padding-bottom: .5em;
 172 }
 173 li.topnav-4-major {
 174          border-bottom: solid black 1px;
 175          padding-top: .25em;
 176          padding-bottom: .5em;
 177 }
 178 li.topnav-5-major {
 179          border-bottom: solid black 1px;
 180          padding-top: .25em;
 181          padding-bottom: .5em;
 182 }
 183
 184 .currenttopnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
 185          font-size: 16px;
 186          font-weight: bold;
 187          color: #ffffff; background-color: #7e0079;
 188          text-decoration: none;
 189          white-space: nowrap}
 190
 191 /*
 192 %# .currenttopnav is the original RT class for the sidebar navigation tabs.
 193 %# Font-sizing by level depth was originally hard-coded into Elements/Menu.
 194 %# This modification sets a different class name for each level, allowing
 195 %# style sheet control over the formats
 196 */
 197
 198 a.currenttopnav-0 {  font-family: Verdana, sans-serif;
 199          font-size: 16px;
 200          font-weight: bold;
 201          color: #ffffff; background-color: #7e0079;
 202          text-decoration: none;
 203          white-space: nowrap}
 204 a.currenttopnav-1 {  font-family: Verdana, sans-serif;
 205          font-size: 14px;
 206          font-weight: bold;
 207          color: #ffffff; background-color: #7e0079;
 208          text-decoration: none;
 209          white-space: nowrap}
 210 a.currenttopnav-2 {  font-family: Verdana, sans-serif;
 211          font-size: 12px;
 212          font-weight: normal;
 213          color: #ffffff; background-color: #7e0079;
 214          text-decoration: none;
 215          white-space: nowrap}
 216 a.currenttopnav-3 {  font-family: Verdana, sans-serif;
 217          font-size: 11px;
 218          font-weight: normal;
 219          color: #ffffff; background-color: #7e0079;
 220          text-decoration: none;
 221          white-space: nowrap}
 222 a.currenttopnav-4 {  font-family: Verdana, sans-serif;
 223          font-size: 11px;
 224          font-weight: normal;
 225          color: #ffffff; background-color: #7e0079;
 226          text-decoration: none;
 227          white-space: nowrap}
 228 a.currenttopnav-5 {  font-family: Verdana, sans-serif;
 229          font-size: 11px;
 230          font-weight: normal;
 231          color: #ffffff; background-color: #7e0079;
 232          text-decoration: none;
 233          white-space: nowrap}
 234 li.currenttopnav-0-minor {
 235          border-top: solid #999999 1px;
 236          padding-top: .1em;
 237          margin-top: .5em;
 238 }
 239 li.currenttopnav-1-minor {
 240          border-top: solid #777777 1px;
 241          padding-top: .1em;
 242          margin-top: .5em;
 243 }
 244 li.currenttopnav-2-minor {
 245          border-top: solid #777777 1px;
 246          padding-top: .1em;
 247          margin-top: .5em;
 248 }
 249 li.currenttopnav-3-minor {
 250          border-top: solid #777777 1px;
 251          padding-top: .1em;
 252          margin-top: .5em;
 253 }
 254 li.currenttopnav-4-minor {
 255          border-top: solid #777777 1px;
 256          padding-top: .1em;
 257          margin-top: .5em;
 258 }
 259 li.currenttopnav-5-minor {
 260          border-top: solid #777777 1px;
 261          padding-top: .1em;
 262          margin-top: .5em;
 263 }
 264 li.currenttopnav-0-major {
 265          border-bottom: solid black 1px;
 266          padding-top: .25em;
 267          padding-bottom: .5em;
 268 }
 269 li.currenttopnav-1-major {
 270          border-bottom: solid black 1px;
 271          padding-top: .25em;
 272          padding-bottom: .5em;
 273 }
 274 li.currenttopnav-2-major {
 275          border-bottom: solid black 1px;
 276          padding-top: .25em;
 277          padding-bottom: .5em;
 278 }
 279 li.currenttopnav-3-major {
 280          border-bottom: solid black 1px;
 281          padding-top: .25em;
 282          padding-bottom: .5em;
 283 }
 284 li.currenttopnav-4-major {
 285          border-bottom: solid black 1px;
 286          padding-top: .25em;
 287          padding-bottom: .5em;
 288 }
 289 li.currenttopnav-5-major {
 290          border-bottom: solid black 1px;
 291          padding-top: .25em;
 292          padding-bottom: .5em;
 293 }
 294
 295 .topactions {  font-family: Arial, Verdana, Helvetica, sans-serif;
 296          font-size: 10px;
 297          color: #FFFFFF;
 298          text-decoration: none;
 299          white-space: nowrap}
 300 .subnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
 301          font-size: 11px;
 302          font-weight: normal;
 303          color: #FFFFFF;
 304          text-decoration: none;
 305          white-space: nowrap}
 306 .currentsubnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
 307          font-size: 11px;
 308          font-weight: bold;
 309          color: #FFFF66;
 310          text-decoration: none;
 311          white-space: nowrap}
 312 .error {  background-color: #ff0000;
 313          background-position: left top;
 314          vertical-align: top;
 315          text-align: left;
 316          }
 317 .oldblue {  background-color: #0066CC;
 318          background-position: left top;
 319          vertical-align: top;
 320          text-align: left;
 321          }
 322 .blue {
 323          background-color: #4682B4;
 324 /* %#    background-color: #eeeeee; */
 325          background-position: left top;
 326          vertical-align: top;
 327          text-align: left;
 328          }
 329 /* %# Actually the "topactions" section */
 330 .blueright {  background-color: #4682B4;
 331          background-position: left top;
 332          vertical-align: top;
 333          text-align: right;
 334          padding-right: 1em;
 335          }
 336 .olddarkblue {  background-color: #003399;
 337          background-position: left top;
 338          vertical-align: top;
 339          text-align: left;
 340          }
 341 .darkblue {
 342          background-color: #000080;
 343          background-position: left top;
 344          vertical-align: top;
 345          text-align: left;
 346          }
 347 .darkblueright {
 348          background-color: #000080;
 349          background-position: left top;
 350          vertical-align: top;
 351          text-align: right;
 352          }
 353 .lightgray {
 354          background-color: #eeeeee;
 355          background-position: left top;
 356          vertical-align: top;
 357          text-align: left;
 358          }
 359 .lightgrayright {
 360          background-color: #eeeeee;
 361          background-position: left top;
 362          vertical-align: top;
 363          text-align: right;
 364          }
 365 .black {
 366          background-color: #000000;
 367          color: #ffffff;
 368          background-position: left top;
 369          vertical-align: top;
 370          text-align: left;
 371          }
 372 .blackright {
 373          background-color: #000000;
 374          color: #ffffff;
 375          background-position: left top;
 376          vertical-align: center;
 377          text-align: right;
 378          font-size:16px;
 379          padding-right:4px
 380          }
 381
 382 input.fsblackbutton {
 383          background-color:#333333;
 384          color: #ffffff;
 385          border:1px solid;
 386          border-top-color:#cccccc;
 387          border-left-color:#cccccc;
 388          border-right-color:#aaaaaa;
 389          border-bottom-color:#aaaaaa;
 390          font-family: Arial, Verdana, Helvetica, sans-serif;
 391          font-weight:bold;
 392          padding-left:12px;
 393          padding-right:12px;
 394          overflow:visible;
 395          filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff333333',EndColorStr='#ff666666')
 396 }
 397
 398 input.fsblackbuttonselected {
 399          background-color:#7e0079;
 400          color: #ffffff;
 401          border:1px solid;
 402          border-top-color:#cccccc;
 403          border-left-color:#cccccc;
 404          border-right-color:#aaaaaa;
 405          border-bottom-color:#aaaaaa;
 406          font-family: Arial, Verdana, Helvetica, sans-serif;
 407          font-weight:bold;
 408          padding-left:12px;
 409          padding-right:12px;
 410          overflow:visible;
 411          filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff330033',EndColorStr='#ff7e0079')
 412 }
 413
 414 .mediumgray {
 415          background-color: #cccccc;
 416          background-position: left top;
 417          vertical-align: top;
 418          text-align: left;
 419          }
 420 .mediumgrayright {
 421          background-color: #cccccc;
 422          background-position: left top;
 423          vertical-align: top;
 424          text-align: right;
 425          }
 426 .darkmediumgray {
 427          background-color: #aaaaaa;
 428          background-position: left top;
 429          vertical-align: top;
 430          text-align: left;
 431          }
 432 .darkmediumgrayright {
 433          background-color: #aaaaaa;
 434          background-position: left top;
 435          vertical-align: top;
 436          text-align: right;
 437          }
 438 .bggray {
 439          background-color: #e8e8e8;
 440          background-position: left top;
 441          vertical-align: top;
 442          text-align: left;
 443          }
 444 .bggrayright {
 445          background-color: #e8e8e8;
 446          background-position: left top;
 447          vertical-align: top;
 448          text-align: right;
 449          }
 450 .white {
 451          background-color: #ffffff;
 452          background-position: left top;
 453          vertical-align: top;
 454          text-align: left;
 455          }
 456 .whiteright {
 457          background-color: #ffffff;
 458          background-position: left top;
 459          vertical-align: top;
 460          text-align: right;
 461          }
 462 .overdue {
 463          color: red;
 464 }
 465
 466 div.messagebody {
 467     padding: 2em;
 468
 469 }
 470
 471
 472 div.downloadattachment {
 473     font-size: 10px;
 474     text-align: right;
 475
 476 }
 477
 478
 479 td {  font-family: Arial, Verdana, Helvetica, sans-serif;
 480          font-size: 12px;
 481          background-position: left top;
 482          }
 483 .black { background-color: #000000;
 484          background-position: left top;
 485          }
 486 span.rtname {  font-family: Arial, Verdana, Helvetica, sans-serif;
 487          font-size: 18px;
 488          font-weight: normal;
 489          color: #ffffff}
 490 span.title {  font-family: Arial, Verdana, Helvetica, sans-serif;
 491          font-size: 20px;
 492          font-weight: bold;
 493          color: #ffffff}
 494 .header {  font-family: Arial, Verdana, Helvetica, sans-serif;
 495          font-size: 12px;
 496          font-weight: bold;
 497          color: #0066CC}
 498 .subheader { font-family: Arial, Verdana, Helvetica, sans-serif;
 499          font-size: 11px;
 500          font-weight: bold;
 501          color: #0066CC }
 502 .value {       font-weight: bold; }
 503 .entry {       font-weight: normal; }
 504 .label {       font-weight: normal;
 505                text-align: right; }
 506 .labeltop {       font-weight: normal;
 507                text-align: right;
 508                vertical-align: top }
 509 .productnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
 510          font-size: 11px;
 511          color: #FFFFFF;
 512          text-align: center;
 513          vertical-align: middle;
 514          text-decoration: none}
 515 .rtblue { background-color: #3399FF;
 516          margin-top: 0.2em;
 517          background-position: left top;
 518          vertical-align: top }
 519
 520
 521 .currenttab { margin: 0.2em; background: #336699; }
 522 .othertab { margin: 0.2em; background: #efefef; }
 523 .oddline { background-color : #ccccee; }
 524
 525 UL.topnav LI :focus { text-decoration: underline; }
 526
 527 TD.mainbody {
 528         padding-top: 0.5em;
 529         padding-left: 1em;
 530         padding-right: 1em;
 531         margin-left: 1em;
 532         margin-right: 1em;
 533         background-color: #e8e8e8;
 534 }
 535
 536 td.boxcontainer + td.boxcontainer {
 537         margin-left: 1em;
 538         padding-left: 1em;
 539         border-collapse: collapse;
 540 }
 541
 542 th.ticketheader { font-size: 80%;
 543      font-weight: bold;
 544      color: #336699;
 545      background: #cccccc;
 546 }
 547
 548 th.titlebox {
 549         text-align: left;
 550         padding-left: 0.5em;
 551         padding-right: 0.5em;
 552         margin-left: 0.5em;
 553         margin-right: 0.5em;
 554         border-top: solid black 1px;
 555         border-bottom: solid black 1px;
 556 }
 557 th.titleboxright {
 558         text-align: right;
 559         padding-left: 0.5em;
 560         padding-right: 0.5em;
 561         margin-left: 0.5em;
 562         margin-right: 0.5em;
 563         border-top: solid black 1px;
 564         border-bottom: solid black 1px;
 565 }
 566
 567 TD.titlebox {
 568         padding-left: 1em;
 569         padding-right: 1em;
 570         padding-top: 1em;
 571         padding-bottom: 1em;
 572 }
 573
 574 SPAN.message {
 575         font-size: 100%;
 576         font-family: Arial, Verdana, Helvetica, sans-serif;
 577 }
 578
 579
 580 BODY {
 581   color: #000;
 582   background: #FFFFFF;
 583   font-family: "Helvetica", sans-serif;
 584   margin-top: 0px;
 585   margin-bottom: 0px;
 586   margin-left: 0px;
 587   margin-right: 0px;
 588   border-top: 0px;
 589   border-bottom: 0px;
 590   border-left: 0px;
 591   border-right: 0px;
 592 }
 593
 594
 595 TR.oddline {
 596     background-color : #ffffff;
 597 }
 598
 599 TR.evenline {
 600     background-color : #ccccee;
 601 }
 602
 603 H1, H2, H3 {
 604   margin-top: 0.2em;
 605   color: #336699;
 606   font-family: "Helvetica", sans-serif;
 607
 608   clear: both;
 609 }
 610
 611
 612 DIV.endmatter { margin-left: -7% }
 613 .bpscredits {margin-top: 1em;
 614              text-align: right;
 615              color: #666666;
 616              }
 617
 618
 619 A { font-weight: bold; color: #000000
 620             }
 621
 622 .currenttab { color: #ffffff;}
 623 .othertab { color: #336699; }
 624
 625 .inverse { color: #ffffff; }
 626
 627
 628
 629 A:link IMG, A:visited IMG { border-style: none }
 630 a:focus {text-decoration: underline }
 631 A IMG { color: white } /* The only way to hide the border in NS 4.x */
 632
 633 /* a:link {  text-decoration: none} */
 634 /* a:visited {  text-decoration: none}   */
 635
 636 a:hover {  text-decoration: underline}
 637 /* a:focus { background-color: #ccccee } */
 638
 639 .hide {
 640   display: none;
 641   color: white;
 642 }
 643
 644 SPAN.date { font-size: 0.8em }
 645
 646 span.title { font-size: 1.6em;
 647              vertical-align: middle;
 648 /* %#        color: #ffffff; */
 649              color: #000000;
 650            }
 651 span.productname { font-size: 2em;
 652              color: #0066cc;}
 653 SPAN.titleboxtitle, SPAN.titleboxclose {
 654         font-size: 80%;
 655         color: #ffffff;
 656          vertical-align: middle;
 657          text-align: left;
 658         }
 659 SPAN.titleboxtitle a {
 660         color: #ffffff;
 661 }
 662 SPAN.titleboxtitle a:after {
 663         content: "...";
 664 }
 665
 666 SPAN.titleboxright {
 667         font-size: 0.8em;
 668         color: #ffffff;
 669          vertical-align: middle;
 670          text-align: right;
 671         }
 672
 673 SPAN.attribution {
 674   font-weight: bold;
 675 }
 676
 677 SPAN.label { font-size: 0.8em;
 678 }
 679
 680 DIV.page-stats { font-size: 0.8em;
 681                   color: #cccccc;
 682                   text-align: right;
 683               }
 684
 685
 686 BLOCKQUOTE {
 687   font-style: italic;
 688 }
 689
 690 .emphasized {
 691   font-weight: bold
 692 }
 693
 694
 695 .oddline {
 696         background-color : #ccccee;
 697 }
 698
 699 ul.topnav {
 700         list-style: none;
 701         margin-left: 0;
 702         margin-right: 0.25em;
 703         padding-left: 0.25em;
 704         padding-bottom: 0;
 705         padding-top:0;
 706         margin-top: 0;
 707         margin-bottom:0;
 708 }
 709
 710 .menu-major-separator {
 711         border-bottom: solid white 1px;
 712         padding-top: .25em;
 713         padding-bottom: .5em;
 714 }
 715
 716 .menu-minor-separator {
 717         border-top: solid #999999 1px;
 718         padding-top: .1em;
 719         margin-top: .5em;
 720 }
 721
 722 TH.collection-as-table {  text-align: center;
 723                           font-size: 0.8em;
 724                           padding-left: .5em;
 725                           padding-right: .5em;
 726                           color: #333333;
 727                           background-color: #cccccc;
 728                           white-space: nowrap;
 729                   }
 730
 731 TD.collection-as-table {  text-align: left;
 732                           padding-left: .5em;
 733                           padding-right: .5em;
 734                         }
 735
 736 textarea.signature {
 737     width: 100%;
 738 }
 739 textarea.comments {
 740     width: 100%;
 741 }
 742
 743 textarea.messagebox {
 744     width: 100%;
 745 }
 746
 747 /*
 748 %# Provide a callback for adding/modifying the style sheet.
 749 %# http://www.w3.org/TR/REC-CSS1 - section 3.2, says:
 750 %#   "latter specified rule wins"
 751 <& /Elements/Callback &>
 752 <%flags>
 753 inherit => undef
 754 </%flags>
 755 <%init>
 756 $r->content_type('text/css');
 757 #$r->headers_out->{'Expires'} = '+30m';
 758 </%init>
 759 */