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: top;
 377          text-align: right;
 378          }
 379 .mediumgray {
 380          background-color: #cccccc;
 381          background-position: left top;
 382          vertical-align: top;
 383          text-align: left;
 384          }
 385 .mediumgrayright {
 386          background-color: #cccccc;
 387          background-position: left top;
 388          vertical-align: top;
 389          text-align: right;
 390          }
 391 .darkmediumgray {
 392          background-color: #aaaaaa;
 393          background-position: left top;
 394          vertical-align: top;
 395          text-align: left;
 396          }
 397 .darkmediumgrayright {
 398          background-color: #aaaaaa;
 399          background-position: left top;
 400          vertical-align: top;
 401          text-align: right;
 402          }
 403 .bggray {
 404          background-color: #e8e8e8;
 405          background-position: left top;
 406          vertical-align: top;
 407          text-align: left;
 408          }
 409 .bggrayright {
 410          background-color: #e8e8e8;
 411          background-position: left top;
 412          vertical-align: top;
 413          text-align: right;
 414          }
 415 .white {
 416          background-color: #ffffff;
 417          background-position: left top;
 418          vertical-align: top;
 419          text-align: left;
 420          }
 421 .whiteright {
 422          background-color: #ffffff;
 423          background-position: left top;
 424          vertical-align: top;
 425          text-align: right;
 426          }
 427 .overdue {
 428          color: red;
 429 }
 430
 431 div.messagebody {
 432     padding: 2em;
 433
 434 }
 435
 436
 437 div.downloadattachment {
 438     font-size: 10px;
 439     text-align: right;
 440
 441 }
 442
 443
 444 td {  font-family: Arial, Verdana, Helvetica, sans-serif;
 445          font-size: 11px;
 446          background-position: left top;
 447          }
 448 .black { background-color: #000000;
 449          background-position: left top;
 450          }
 451 span.rtname {  font-family: Arial, Verdana, Helvetica, sans-serif;
 452          font-size: 18px;
 453          font-weight: normal;
 454          color: #ffffff}
 455 span.title {  font-family: Arial, Verdana, Helvetica, sans-serif;
 456          font-size: 20px;
 457          font-weight: bold;
 458          color: #ffffff}
 459 .header {  font-family: Arial, Verdana, Helvetica, sans-serif;
 460          font-size: 12px;
 461          font-weight: bold;
 462          color: #0066CC}
 463 .subheader { font-family: Arial, Verdana, Helvetica, sans-serif;
 464          font-size: 11px;
 465          font-weight: bold;
 466          color: #0066CC }
 467 .value {       font-weight: bold; }
 468 .entry {       font-weight: normal; }
 469 .label {       font-weight: normal;
 470                text-align: right; }
 471 .labeltop {       font-weight: normal;
 472                text-align: right;
 473                vertical-align: top }
 474 .productnav {  font-family: Arial, Verdana, Helvetica, sans-serif;
 475          font-size: 11px;
 476          color: #FFFFFF;
 477          text-align: center;
 478          vertical-align: middle;
 479          text-decoration: none}
 480 .rtblue { background-color: #3399FF;
 481          margin-top: 0.2em;
 482          background-position: left top;
 483          vertical-align: top }
 484
 485
 486 .currenttab { margin: 0.2em; background: #336699; }
 487 .othertab { margin: 0.2em; background: #efefef; }
 488 .oddline { background-color : #ccccee; }
 489
 490 UL.topnav LI :focus { text-decoration: underline; }
 491
 492 TD.mainbody {
 493         padding-top: 0.5em;
 494         padding-left: 1em;
 495         padding-right: 1em;
 496         margin-left: 1em;
 497         margin-right: 1em;
 498         background-color: #e8e8e8;
 499 }
 500
 501 td.boxcontainer + td.boxcontainer {
 502         margin-left: 1em;
 503         padding-left: 1em;
 504         border-collapse: collapse;
 505 }
 506
 507 th.ticketheader { font-size: 80%;
 508      font-weight: bold;
 509      color: #336699;
 510      background: #cccccc;
 511 }
 512
 513 th.titlebox {
 514         text-align: left;
 515         padding-left: 0.5em;
 516         padding-right: 0.5em;
 517         margin-left: 0.5em;
 518         margin-right: 0.5em;
 519         border-top: solid black 1px;
 520         border-bottom: solid black 1px;
 521 }
 522 th.titleboxright {
 523         text-align: right;
 524         padding-left: 0.5em;
 525         padding-right: 0.5em;
 526         margin-left: 0.5em;
 527         margin-right: 0.5em;
 528         border-top: solid black 1px;
 529         border-bottom: solid black 1px;
 530 }
 531
 532 TD.titlebox {
 533         padding-left: 1em;
 534         padding-right: 1em;
 535         padding-top: 1em;
 536         padding-bottom: 1em;
 537 }
 538
 539 SPAN.message {
 540         font-size: 100%;
 541         font-family: Arial, Verdana, Helvetica, sans-serif;
 542 }
 543
 544
 545 BODY {
 546   color: #000;
 547   background: #FFFFFF;
 548   font-family: "Helvetica", sans-serif;
 549   margin-top: 0px;
 550   margin-bottom: 0px;
 551   margin-left: 0px;
 552   margin-right: 0px;
 553   border-top: 0px;
 554   border-bottom: 0px;
 555   border-left: 0px;
 556   border-right: 0px;
 557 }
 558
 559
 560 TR.oddline {
 561     background-color : #ffffff;
 562 }
 563
 564 TR.evenline {
 565     background-color : #ccccee;
 566 }
 567
 568 H1, H2, H3 {
 569   margin-top: 0.2em;
 570   color: #336699;
 571   font-family: "Helvetica", sans-serif;
 572
 573   clear: both;
 574 }
 575
 576
 577 DIV.endmatter { margin-left: -7% }
 578 .bpscredits {margin-top: 1em;
 579              text-align: right;
 580              color: #666666;
 581              }
 582
 583
 584 A { font-weight: bold; color: #000000
 585             }
 586
 587 .currenttab { color: #ffffff;}
 588 .othertab { color: #336699; }
 589
 590 .inverse { color: #ffffff; }
 591
 592
 593
 594 A:link IMG, A:visited IMG { border-style: none }
 595 a:focus {text-decoration: underline }
 596 A IMG { color: white } /* The only way to hide the border in NS 4.x */
 597
 598 /* a:link {  text-decoration: none} */
 599 /* a:visited {  text-decoration: none}   */
 600
 601 a:hover {  text-decoration: underline}
 602 /* a:focus { background-color: #ccccee } */
 603
 604 .hide {
 605   display: none;
 606   color: white;
 607 }
 608
 609 SPAN.date { font-size: 0.8em }
 610
 611 span.title { font-size: 1.6em;
 612              vertical-align: middle;
 613 /* %#        color: #ffffff; */
 614              color: #000000;
 615            }
 616 span.productname { font-size: 2em;
 617              color: #0066cc;}
 618 SPAN.titleboxtitle, SPAN.titleboxclose {
 619         font-size: 80%;
 620         color: #ffffff;
 621          vertical-align: middle;
 622          text-align: left;
 623         }
 624 SPAN.titleboxtitle a {
 625         color: #ffffff;
 626 }
 627 SPAN.titleboxtitle a:after {
 628         content: "...";
 629 }
 630
 631 SPAN.titleboxright {
 632         font-size: 0.8em;
 633         color: #ffffff;
 634          vertical-align: middle;
 635          text-align: right;
 636         }
 637
 638 SPAN.attribution {
 639   font-weight: bold;
 640 }
 641
 642 SPAN.label { font-size: 0.8em;
 643 }
 644
 645 DIV.page-stats { font-size: 0.8em;
 646                   color: #cccccc;
 647                   text-align: right;
 648               }
 649
 650
 651 BLOCKQUOTE {
 652   font-style: italic;
 653 }
 654
 655 .emphasized {
 656   font-weight: bold
 657 }
 658
 659
 660 .oddline {
 661         background-color : #ccccee;
 662 }
 663
 664 ul.topnav {
 665         list-style: none;
 666         margin-left: 0;
 667         margin-right: 0.25em;
 668         padding-left: 0.25em;
 669         padding-bottom: 0;
 670         padding-top:0;
 671         margin-top: 0;
 672         margin-bottom:0;
 673 }
 674
 675 .menu-major-separator {
 676         border-bottom: solid white 1px;
 677         padding-top: .25em;
 678         padding-bottom: .5em;
 679 }
 680
 681 .menu-minor-separator {
 682         border-top: solid #999999 1px;
 683         padding-top: .1em;
 684         margin-top: .5em;
 685 }
 686
 687 TH.collection-as-table {  text-align: center;
 688                           font-size: 0.8em;
 689                           padding-left: .5em;
 690                           padding-right: .5em;
 691                           color: #333333;
 692                           background-color: #cccccc;
 693                           white-space: nowrap;
 694                   }
 695
 696 TD.collection-as-table {  text-align: left;
 697                           padding-left: .5em;
 698                           padding-right: .5em;
 699                         }
 700
 701 textarea.signature {
 702     width: 100%;
 703 }
 704 textarea.comments {
 705     width: 100%;
 706 }
 707
 708 textarea.messagebox {
 709     width: 100%;
 710 }
 711
 712 /*
 713 %# Provide a callback for adding/modifying the style sheet.
 714 %# http://www.w3.org/TR/REC-CSS1 - section 3.2, says:
 715 %#   "latter specified rule wins"
 716 <& /Elements/Callback &>
 717 <%flags>
 718 inherit => undef
 719 </%flags>
 720 <%init>
 721 $r->content_type('text/css');
 722 #$r->headers_out->{'Expires'} = '+30m';
 723 </%init>
 724 */