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