rt/html/NoAuth/webrt.css

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