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