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