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