rt/share/html/m/_elements/raw_style

   1 body {
   2     font-family: helvetica, arial, sans-serif;
   3     /*background-color: #ccf;*/
   4     background-color: #f8f8f8;
   5     margin: 0;
   6 }
   7
   8 h1 {
   9     font-size: 1.2em;
  10     padding-top: 0.5em;
  11     padding-left: 0.2em;
  12     display: block;
  13     background-color: #f8f8f8;
  14
  15 }
  16
  17 div.buttons {
  18     text-align: right;
  19     padding-right: 0.5em;
  20     padding-bottom: 0.5em;
  21 }
  22
  23 .titlebox-title {
  24     font-size: 1.1em;
  25     margin-left: 0.5em;
  26     margin-top: -1.2em;
  27     top: -0.5em;
  28     padding: 0.5em;
  29     position: relative;
  30     display: inline-block;
  31     text-decoration: none;
  32     /*background-color: #fff;*/
  33     background-color: #ccc;
  34     -moz-border-radius: 0.25em;
  35     -webkit-border-radius: 0.25em;
  36     border-radius: 0.25em;
  37     -webkit-box-shadow: #333 0px 0px 5px;
  38     -moz-box-shadow: #333 0px 0px 5px;
  39     box-shadow: #333 0px 0px 5px;
  40 }
  41
  42 ul.menu
  43 {
  44     text-align: left;
  45     list-style: none;
  46     padding: 0;
  47     margin: -0.6em;
  48     left: 0;
  49 }
  50
  51 ul.menu li
  52 {
  53     display: block;
  54     margin: 0;
  55     padding: 0;
  56     font-weight: bold;
  57 }
  58
  59 ul.ticketlist li:active, ul.ticketlist li:hover,
  60 ul.menu li:active, ul.menu li:hover {
  61     background-color: #eee;
  62 }
  63
  64
  65 ul.menu li
  66 {
  67     display: block;
  68     padding: 1em;
  69     margin: 0;
  70     border:0;
  71     border-top-width: 1px;
  72     border-top-color: #666;
  73     border-style: solid;
  74     text-decoration: none;
  75 }
  76
  77 ul.menu li:first-child{
  78     border: none;
  79 }
  80
  81 ul.menu li#active a
  82 {
  83     color: #800000;
  84 }
  85
  86 div.titlebox, #bpscredits, .ticket_menu{
  87     -moz-border-radius: 1em;
  88     -webkit-border-radius: 1em;
  89     border-radius: 1em;
  90     margin: 0.5em;
  91     background-color: #fff;
  92     padding-top: 1em;
  93     padding-bottom: 0.8em;
  94     margin-top: 1.25em;
  95     -webkit-box-shadow: #333 0px 0px 5px;
  96     -moz-box-shadow: #333 0px 0px 5px;
  97     box-shadow: #333 0px 0px 5px;
  98     margin-bottom: 1em;
  99 }
 100
 101 div .titlebox-content {
 102     padding-left: 0.5em;
 103     padding-right: 0.5em;
 104 }
 105
 106 hr.clear {
 107     display: none;
 108 }
 109
 110
 111 .label, .labeltop {
 112     font-weight: normal;
 113 }
 114 .value {
 115     font-weight: bold;
 116     display:inline-block;
 117 }
 118
 119 ul.ticketlist {
 120     list-style: none;
 121     padding-left: -0.5em;
 122     padding-right: -0.5em; /* to counteract the titlebox and get shading to the end*/
 123     margin-left: -0.5em;
 124     margin-right: -0.5em;
 125     padding: 0em;
 126     padding-bottom: 1em;
 127 }
 128
 129 ul.ticketlist li.ticket {
 130     padding: 0.5em;
 131     font-weight: bold;
 132     border-bottom: 1px solid #999;
 133
 134 }
 135 ul.ticketlist li.ticket:first-child {
 136     border-top: 1px solid #999;
 137 }
 138
 139 ul.ticketlist li.ticket a.ticket{
 140     display: inline-block;
 141     font-size: 1em;
 142     width: 100%;
 143     padding: 0.5em;
 144     padding-bottom: 5em;
 145     margin-bottom: -5em;
 146 }
 147 ul.ticketlist li.ticket div.metadata {
 148 }
 149
 150
 151 ul.ticketlist li.ticket div.metadata div {
 152     padding: 0.2em;
 153     font-size:0.8em;
 154     display: block;
 155 }
 156
 157 ul.ticketlist li.ticket div.metadata .label {
 158     display: inline-block;
 159     width: 6em;
 160     font-size: 0.8em;
 161     text-align: right;
 162     color: #666;
 163 }
 164
 165 div#paging {
 166     text-align: center;
 167 }
 168
 169 .ticket-reply .titlebox-title, .titlebox.search .titlebox-title, .titlebox.menu .titlebox-title, .ticket_menu .titlebox-title, .history .titlebox-title, #ticket-create-basics .titlebox-title{
 170     display: none;
 171 }
 172
 173 a {
 174     color: #000;
 175 }
 176
 177 .ticket_menu a, .menu a {
 178     text-decoration: none;
 179 }
 180
 181 ul.menu a {
 182     padding: 0.5em;
 183     margin-top: -0.5em;
 184     margin-bottom: -0.5em;
 185     display: inline-block;
 186     width: 100%;
 187 }
 188
 189 ul.menu a:after {
 190     color: #666;
 191     float: right;
 192     content: ">";
 193     font-size: 1.5em;
 194     padding: 0;
 195     margin: 0;
 196     padding-right: 1em;
 197
 198 }
 199
 200 ul.menu form {
 201     display: inline;
 202 }
 203
 204 ul.menu form * {
 205     display: inline;
 206 }
 207
 208
 209 ul.menu form input[type=text] {
 210     width: 7em;
 211 }
 212
 213 ul.menu form input{
 214
 215     width: auto;
 216     padding: 0.5em;
 217     margin: -0.5em;
 218     margin-left: 1em;
 219 }
 220
 221 .ticket_menu {
 222     text-align: center;
 223 }
 224
 225 .ticket_menu ul {
 226     display: block;
 227     margin: 0;
 228     padding: 0;
 229 }
 230
 231 .ticket_menu ul li {
 232
 233     display: inline-block;
 234     text-align: center;
 235     padding-bottom: 0.25em;
 236     padding-top: 0.25em;
 237     font-size: 1em;
 238     width: 28%;
 239     padding-right: 0.3em;
 240     padding-left: 0.2em;
 241     border-right: 1px solid #000;
 242 }
 243 .ticket_menu ul li:last-child {
 244     padding-right: 0;
 245     border-right: 0;
 246 }
 247
 248 .ticket-info-reminders table {
 249
 250     width: 100%;
 251 }
 252
 253 #ticket-create .label:after {
 254    content: ": ";
 255     padding-right: 0.25em;
 256
 257 }
 258
 259 #ticket-create .content-label {
 260     width: auto;
 261     display: block;
 262     text-align: left;
 263
 264 }
 265
 266 #ticket-show .label, .login-body .label {
 267     display: inline-block;
 268     text-align: right;
 269     width: 6em;
 270     padding-right: 0.25em;
 271     font-size: 0.8em;
 272 }
 273
 274 .login-body .value {
 275     width: auto;
 276 }
 277
 278 .history ul.history-list {
 279     padding: 0;
 280     margin: 0;
 281     padding-bottom: 2em;
 282 }
 283
 284
 285 .history ul.history-list li:first-child {
 286     border-top: 1px solid #ccc;
 287 }
 288
 289 .history ul.history-list li {
 290     list-style: none;
 291     border-bottom: 1px solid #ccc;
 292     padding: 0.5em;
 293 }
 294
 295 .history .age {
 296     display: inline-block;
 297     min-width: 8em;
 298     text-align: right;
 299
 300 }
 301
 302 div#login-box div.titlebox {
 303     width: 100%;
 304     margin-left:auto;
 305     margin-right: auto;
 306 }
 307
 308 div#login-box input[type=text], div#login-box input[type=password] {
 309     width: 100%;
 310 }
 311
 312 #bpscredits img {
 313     padding-bottom: 1em;
 314 }
 315
 316
 317
 318 #bpscredits {
 319     float: right;
 320     text-align: right;
 321     width: auto;
 322     font-size: 0.8em;
 323     padding: 1em;
 324 }
 325
 326
 327 :focus {
 328     background-color: #ffc;
 329     border-color: #000;
 330     border-weight: 3px;
 331 }
 332
 333 input[type=submit], input[type=button], button, #paging a {
 334     border: 2px outset;
 335     margin: 0.3em;
 336     padding: 0.3em;
 337     padding-left: 0.6em;
 338     padding-right: 0.6em;
 339     -moz-border-radius: 0.5em;
 340     -webkit-border-radius: 0.5em;
 341     border-radius: 0.5em;
 342     background-color: #006699;
 343     color: #fff;
 344 }
 345
 346 form {
 347
 348     margin:0;
 349 }
 350
 351 #gohome {
 352     position: absolute;
 353     top: 0;
 354     right: 0;
 355     border-left: 1px solid black;
 356     border-bottom: 1px solid black;
 357     -moz-border-radius-bottomleft: 1em;
 358     -webkit-border-bottom-left-radius: 1em;
 359     border-bottom-left-radius: 1em;
 360     padding: 0.5em;
 361     background-color: #fff;
 362 }
 363
 364 #gohome a {
 365     font-size: 1em;
 366     padding: 0.25em;
 367     color: #000;
 368 }
 369
 370 div.txn-content {
 371
 372     font-size:0.8em;
 373     padding-left:1em;
 374     padding-top:0.5em;
 375     margin-top: 0.5em;
 376     margin-left: 2em;
 377     padding-bottom: 0.5em;
 378     border-left: 5px solid #00c;
 379
 380 }
 381
 382 .label {
 383     text-align: left;
 384     width: 10em;
 385     color: #666;
 386     display: block;
 387     padding-bottom: 0.2em;
 388     padding-right: 0.2em;
 389
 390 }
 391
 392 div.entry, tr.input-row {
 393     margin-bottom: 0.25em;
 394     padding-bottom: 0.25em;
 395     border-bottom: 1px solid #ccc;
 396     display: block;
 397     width: 100%;
 398     min-height: 1em;
 399 }
 400
 401
 402 input, input[type=text], input[type=password], select {
 403     width: 100%;
 404 }
 405
 406 .timefield input {
 407     width: 5em;
 408 }
 409
 410 .timefield select {
 411     width: auto;
 412 }
 413
 414
 415 textarea {
 416     width: 100%;
 417 }
 418
 419 a#fullsite {
 420     padding-left: 1em;
 421 }