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