rt/share/html/m/_elements/raw_style

   1 %# BEGIN BPS TAGGED BLOCK {{{
   2 %#
   3 %# COPYRIGHT:
   4 %#
   5 %# This software is Copyright (c) 1996-2014 Best Practical Solutions, LLC
   6 %#                                          <sales@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., 51 Franklin Street, Fifth Floor, Boston, MA
  26 %# 02110-1301 or visit their web page on the internet at
  27 %# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
  28 %#
  29 %#
  30 %# CONTRIBUTION SUBMISSION POLICY:
  31 %#
  32 %# (The following paragraph is not intended to limit the rights granted
  33 %# to you to modify and distribute this software under the terms of
  34 %# the GNU General Public License and is only of importance to you if
  35 %# you choose to contribute your changes and enhancements to the
  36 %# community by submitting them to Best Practical Solutions, LLC.)
  37 %#
  38 %# By intentionally submitting any modifications, corrections or
  39 %# derivatives to this work, or any other work intended for use with
  40 %# Request Tracker, to Best Practical Solutions, LLC, you confirm that
  41 %# you are the copyright holder for those contributions and you grant
  42 %# Best Practical Solutions,  LLC a nonexclusive, worldwide, irrevocable,
  43 %# royalty-free, perpetual, license to use, copy, create derivative
  44 %# works based on those contributions, and sublicense and distribute
  45 %# those contributions and any derivatives thereof.
  46 %#
  47 %# END BPS TAGGED BLOCK }}}
  48 body {
  49     font-family: helvetica, arial, sans-serif;
  50     background-color: #ccf;
  51     margin: 0;
  52 }
  53
  54 h1 {
  55     font-size: 1.2em;
  56     padding-top: 0.5em;
  57     padding-left: 0.2em;
  58     display: block;
  59     background-color: #fff;
  60     margin: 0;
  61 }
  62
  63 div.buttons {
  64     text-align: right;
  65     padding-right: 0.5em;
  66     padding-bottom: 0.5em;
  67 }
  68
  69 .titlebox-title {
  70     font-size: 1.1em;
  71     margin-left: 0.5em;
  72     margin-top: -1.2em;
  73     top: -0.5em;
  74     padding: 0.5em;
  75     position: relative;
  76     display: inline-block;
  77     text-decoration: none;
  78     background-color: #fff;
  79     -moz-border-radius: 0.25em;
  80     -webkit-border-radius: 0.25em;
  81     border-radius: 0.25em;
  82     -webkit-box-shadow: #333 0px 0px 5px;
  83     -moz-box-shadow: #333 0px 0px 5px;
  84     box-shadow: #333 0px 0px 5px;
  85 }
  86
  87 ul.menu
  88 {
  89     text-align: left;
  90     list-style: none;
  91     padding: 0;
  92     margin: -0.6em;
  93     left: 0;
  94 }
  95
  96 ul.menu li
  97 {
  98     display: block;
  99     margin: 0;
 100     padding: 0;
 101     font-weight: bold;
 102 }
 103
 104 ul.ticketlist li:active, ul.ticketlist li:hover,
 105 ul.menu li:active, ul.menu li:hover {
 106     background-color: #eee;
 107 }
 108
 109
 110 ul.menu li
 111 {
 112     display: block;
 113     padding: 1em;
 114     margin: 0;
 115     border:0;
 116     border-top-width: 1px;
 117     border-top-color: #666;
 118     border-style: solid;
 119     text-decoration: none;
 120 }
 121
 122 ul.menu li:first-child{
 123     border: none;
 124 }
 125
 126 ul.menu li#active a
 127 {
 128     color: #800000;
 129 }
 130
 131 div.titlebox, #bpscredits, #logo, .ticket_menu{
 132     -moz-border-radius: 1em;
 133     -webkit-border-radius: 1em;
 134     border-radius: 1em;
 135     margin: 0.5em;
 136     background-color: #fff;
 137     padding-top: 1em;
 138     padding-bottom: 0.8em;
 139     margin-top: 1.25em;
 140     -webkit-box-shadow: #333 0px 0px 5px;
 141     -moz-box-shadow: #333 0px 0px 5px;
 142     box-shadow: #333 0px 0px 5px;
 143     margin-bottom: 1em;
 144 }
 145
 146 div .titlebox-content {
 147     padding-left: 0.5em;
 148     padding-right: 0.5em;
 149 }
 150
 151 hr.clear {
 152     display: none;
 153 }
 154
 155
 156 .label, .labeltop, .cflabel {
 157     font-weight: normal;
 158 }
 159 .value {
 160     font-weight: bold;
 161     display: inline-block;
 162 }
 163
 164 div.value {
 165     display: block;
 166 }
 167
 168 ul.ticketlist {
 169     list-style: none;
 170     padding-left: -0.5em;
 171     padding-right: -0.5em; /* to counteract the titlebox and get shading to the end*/
 172     margin-left: -0.5em;
 173     margin-right: -0.5em;
 174     padding: 0em;
 175     padding-bottom: 1em;
 176 }
 177
 178 ul.ticketlist li.ticket {
 179     padding: 0.5em;
 180     font-weight: bold;
 181     border-bottom: 1px solid #999;
 182
 183 }
 184 ul.ticketlist li.ticket:first-child {
 185     border-top: 1px solid #999;
 186 }
 187
 188 ul.ticketlist li.ticket a.ticket{
 189     display: inline-block;
 190     font-size: 1em;
 191     width: 100%;
 192     padding: 0.5em;
 193     padding-bottom: 5em;
 194     margin-bottom: -5em;
 195 }
 196 ul.ticketlist li.ticket div.metadata {
 197 }
 198
 199
 200 ul.ticketlist li.ticket div.metadata div {
 201     padding: 0.2em;
 202     font-size:0.8em;
 203     display: block;
 204 }
 205
 206 ul.ticketlist li.ticket div.metadata .label {
 207     display: inline-block;
 208     width: 6em;
 209     font-size: 0.8em;
 210     text-align: right;
 211     color: #666;
 212 }
 213
 214 div#paging {
 215     text-align: center;
 216 }
 217
 218 .ticket-reply .titlebox-title, .titlebox.search .titlebox-title, .titlebox.menu .titlebox-title, .ticket_menu .titlebox-title, .history .titlebox-title, #ticket-create-basics .titlebox-title{
 219     display: none;
 220 }
 221
 222 a {
 223     color: #000;
 224 }
 225
 226 .ticket_menu a, .menu a {
 227     text-decoration: none;
 228 }
 229
 230 ul.menu a {
 231     padding: 0.5em;
 232     margin-top: -0.5em;
 233     margin-bottom: -0.5em;
 234     display: inline-block;
 235     width: 100%;
 236 }
 237
 238 ul.menu a:after {
 239     color: #666;
 240     float: right;
 241     content: ">";
 242     font-size: 1.5em;
 243     padding: 0;
 244     margin: 0;
 245     padding-right: 1em;
 246
 247 }
 248
 249 ul.menu form {
 250     display: inline;
 251 }
 252
 253 ul.menu form * {
 254     display: inline;
 255 }
 256
 257
 258 ul.menu form input[type=text] {
 259     width: 7em;
 260 }
 261
 262 ul.menu form input{
 263
 264     width: auto;
 265     padding: 0.5em;
 266     margin: -0.5em;
 267     margin-left: 1em;
 268 }
 269
 270 .ticket_menu {
 271     text-align: center;
 272 }
 273
 274 .ticket_menu ul {
 275     display: block;
 276     margin: 0;
 277     padding: 0;
 278 }
 279
 280 .ticket_menu ul li {
 281
 282     display: inline-block;
 283     text-align: center;
 284     padding-bottom: 0.25em;
 285     padding-top: 0.25em;
 286     font-size: 1em;
 287     width: 28%;
 288     padding-right: 0.3em;
 289     padding-left: 0.2em;
 290     border-right: 1px solid #000;
 291 }
 292 .ticket_menu ul li:last-child {
 293     padding-right: 0;
 294     border-right: 0;
 295 }
 296
 297 .ticket-info-reminders table {
 298
 299     width: 100%;
 300 }
 301
 302 #ticket-create .label:after {
 303    content: ": ";
 304     padding-right: 0.25em;
 305
 306 }
 307
 308 #ticket-create .content-label {
 309     width: auto;
 310     display: block;
 311     text-align: left;
 312
 313 }
 314
 315 #ticket-show .label, .login-body .label {
 316     display: inline-block;
 317     text-align: right;
 318     width: 6em;
 319     padding-right: 0.25em;
 320     font-size: 0.8em;
 321 }
 322
 323 .login-body .value {
 324     width: auto;
 325 }
 326
 327 .history ul.history-list {
 328     padding: 0;
 329     margin: 0;
 330     padding-bottom: 2em;
 331 }
 332
 333
 334 .history ul.history-list li:first-child {
 335     border-top: 1px solid #ccc;
 336 }
 337
 338 .history ul.history-list li {
 339     list-style: none;
 340     border-bottom: 1px solid #ccc;
 341     padding: 0.5em;
 342 }
 343
 344 .history .age {
 345     display: inline-block;
 346     min-width: 8em;
 347     text-align: right;
 348
 349 }
 350
 351 div#login-box div.titlebox {
 352     width: 100%;
 353     margin-left:auto;
 354     margin-right: auto;
 355 }
 356
 357 div#login-box input[type=text], div#login-box input[type=password] {
 358     width: 100%;
 359 }
 360
 361 #bpscredits {
 362     float: right;
 363     clear: right;
 364     text-align: right;
 365     width: auto;
 366     font-size: 0.8em;
 367     padding: 1em;
 368 }
 369
 370 #bpscredits #copyright {
 371     padding-top: 4em;
 372     background: white url(<%RT->Config->Get('WebPath')%>/NoAuth/images/bpslogo.png) no-repeat top right;
 373 }
 374
 375
 376 :focus {
 377     background-color: #ffc;
 378     border-color: #000;
 379     border-weight: 3px;
 380 }
 381
 382 input[type=submit], input[type=button], button, #paging a {
 383     border: 2px outset;
 384     margin: 0.3em;
 385     padding: 0.3em;
 386     padding-left: 0.6em;
 387     padding-right: 0.6em;
 388     -moz-border-radius: 0.5em;
 389     -webkit-border-radius: 0.5em;
 390     border-radius: 0.5em;
 391     background-color: #006699;
 392     color: #fff;
 393 }
 394
 395 form {
 396
 397     margin:0;
 398 }
 399
 400 #gohome {
 401     position: absolute;
 402     top: 0;
 403     right: 0;
 404     border-left: 1px solid black;
 405     border-bottom: 1px solid black;
 406     -moz-border-radius-bottomleft: 1em;
 407     -webkit-border-bottom-left-radius: 1em;
 408     border-bottom-left-radius: 1em;
 409     padding: 0.5em;
 410     background-color: #fff;
 411 }
 412
 413 #gohome a {
 414     font-size: 1em;
 415     padding: 0.25em;
 416     color: #000;
 417 }
 418
 419 #logo {
 420     float: right;
 421     clear: right;
 422     text-align: center;
 423     padding: 1em;
 424     padding-bottom: 0.5em;
 425     margin: 0.25em 0.5em 0.25em 0.25em;
 426 }
 427
 428 #logo .rtname {
 429     display: block;
 430     font-size: 0.9em;
 431 }
 432
 433 #logo a img {
 434     border: 0;
 435     height: 2em;
 436     width: auto !important;
 437     padding-bottom: 0.5em;
 438 }
 439
 440 div.txn-content {
 441
 442     font-size:0.8em;
 443     padding-left:1em;
 444     padding-top:0.5em;
 445     margin-top: 0.5em;
 446     margin-left: 2em;
 447     padding-bottom: 0.5em;
 448     border-left: 5px solid #00c;
 449
 450 }
 451
 452 .label, .cflabel {
 453     text-align: left;
 454     width: 10em;
 455     color: #666;
 456     display: block;
 457     padding-bottom: 0.2em;
 458     padding-right: 0.2em;
 459
 460 }
 461
 462 div.entry, tr.input-row {
 463     margin-bottom: 0.25em;
 464     padding-bottom: 0.25em;
 465     border-bottom: 1px solid #ccc;
 466     display: block;
 467     width: 100%;
 468     min-height: 1em;
 469 }
 470
 471
 472 input[type=text], input[type=password], select {
 473     width: 100%;
 474 }
 475
 476 .timefield input {
 477     width: 5em;
 478 }
 479
 480 .timefield select {
 481     width: auto;
 482 }
 483
 484
 485 textarea {
 486     width: 100%;
 487 }
 488
 489 a#fullsite {
 490     padding-left: 1em;
 491 }
 492
 493 div.error .titlebox-title {
 494     background-color: #f00;
 495     color: #fff;
 496 }
 497
 498 div.error div.error {
 499     background-color: #fcc;
 500 }