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