web/public_php/ams/css/uniform.default.css

   1 /*
   2
   3 Uniform Theme: Uniform Default
   4 Version: 1.6
   5 By: Josh Pyles
   6 License: MIT License
   7 ---
   8 For use with the Uniform plugin:
   9 http://pixelmatrixdesign.com/uniform/
  10 ---
  11 Generated by Uniform Theme Generator:
  12 http://pixelmatrixdesign.com/uniform/themer.html
  13
  14 */
  15
  16 /* Global Declaration */
  17
  18 div.selector,
  19 div.selector span,
  20 div.checker span,
  21 div.radio span,
  22 div.uploader,
  23 div.uploader span.action,
  24 div.button,
  25 div.button span {
  26   background-image: url(../img/sprite.png);
  27   background-repeat: no-repeat;
  28   -webkit-font-smoothing: antialiased;
  29 }
  30
  31 .selector,
  32 .radio,
  33 .checker,
  34 .uploader,
  35 .button,
  36 .selector *,
  37 .radio *,
  38 .checker *,
  39 .uploader *,
  40 .button *{
  41   margin: 0;
  42   padding: 0;
  43 }
  44
  45 /* INPUT & TEXTAREA */
  46
  47 input.text,
  48 input.email,
  49 input.password,
  50 textarea.uniform {
  51   font-size: 12px;
  52   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  53   font-weight: normal;
  54   padding: 3px;
  55   color: #777;
  56   background: url('../img/bg-input-focus.png') repeat-x 0px 0px;
  57   background: url('../img/bg-input.png') repeat-x 0px 0px;
  58   border-top: solid 1px #aaa;
  59   border-left: solid 1px #aaa;
  60   border-bottom: solid 1px #ccc;
  61   border-right: solid 1px #ccc;
  62   -webkit-border-radius: 3px;
  63   -moz-border-radius: 3px;
  64   border-radius: 3px;
  65   outline: 0;
  66 }
  67
  68 input.text:focus,
  69 input.email:focus,
  70 input.password:focus,
  71 textarea.uniform:focus {
  72   -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  73   -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  74   box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  75   border-color: #999;
  76   background: url('../img/bg-input-focus.png') repeat-x 0px 0px;
  77 }
  78
  79 /* SPRITES */
  80
  81 /* Select */
  82
  83 div.selector {
  84   background-position: -483px -130px;
  85   line-height: 26px;
  86   height: 26px;
  87 }
  88
  89 div.selector span {
  90   background-position: right 0px;
  91   height: 26px;
  92   line-height: 26px;
  93 }
  94
  95 div.selector select {
  96   /* change these to adjust positioning of select element */
  97   top: 0px;
  98   left: 0px;
  99 }
 100
 101 div.selector:active,
 102 div.selector.active {
 103   background-position: -483px -156px;
 104 }
 105
 106 div.selector:active span,
 107 div.selector.active span {
 108   background-position: right -26px;
 109 }
 110
 111 div.selector.focus, div.selector.hover, div.selector:hover {
 112   background-position: -483px -182px;
 113 }
 114
 115 div.selector.focus span, div.selector.hover span, div.selector:hover span {
 116   background-position: right -52px;
 117 }
 118
 119 div.selector.focus:active,
 120 div.selector.focus.active,
 121 div.selector:hover:active,
 122 div.selector.active:hover {
 123   background-position: -483px -208px;
 124 }
 125
 126 div.selector.focus:active span,
 127 div.selector:hover:active span,
 128 div.selector.active:hover span,
 129 div.selector.focus.active span {
 130   background-position: right -78px;
 131 }
 132
 133 div.selector.disabled {
 134   background-position: -483px -234px;
 135 }
 136
 137 div.selector.disabled span {
 138   background-position: right -104px;
 139 }
 140
 141 /* Checkbox */
 142
 143 div.checker {
 144   width: 19px;
 145   height: 19px;
 146 }
 147
 148 div.checker input {
 149   width: 19px;
 150   height: 19px;
 151 }
 152
 153 div.checker span {
 154   background-position: 0px -260px;
 155   height: 19px;
 156   width: 19px;
 157 }
 158
 159 div.checker:active span,
 160 div.checker.active span {
 161   background-position: -19px -260px;
 162 }
 163
 164 div.checker.focus span,
 165 div.checker:hover span {
 166   background-position: -38px -260px;
 167 }
 168
 169 div.checker.focus:active span,
 170 div.checker:active:hover span,
 171 div.checker.active:hover span,
 172 div.checker.focus.active span {
 173   background-position: -57px -260px;
 174 }
 175
 176 div.checker span.checked {
 177   background-position: -76px -260px;
 178 }
 179
 180 div.checker:active span.checked,
 181 div.checker.active span.checked {
 182   background-position: -95px -260px;
 183 }
 184
 185 div.checker.focus span.checked,
 186 div.checker:hover span.checked {
 187   background-position: -114px -260px;
 188 }
 189
 190 div.checker.focus:active span.checked,
 191 div.checker:hover:active span.checked,
 192 div.checker.active:hover span.checked,
 193 div.checker.active.focus span.checked {
 194   background-position: -133px -260px;
 195 }
 196
 197 div.checker.disabled span,
 198 div.checker.disabled:active span,
 199 div.checker.disabled.active span {
 200   background-position: -152px -260px;
 201 }
 202
 203 div.checker.disabled span.checked,
 204 div.checker.disabled:active span.checked,
 205 div.checker.disabled.active span.checked {
 206   background-position: -171px -260px;
 207 }
 208
 209 /* Radio */
 210
 211 div.radio {
 212   width: 18px;
 213   height: 18px;
 214 }
 215
 216 div.radio input {
 217   width: 18px;
 218   height: 18px;
 219 }
 220
 221 div.radio span {
 222   height: 18px;
 223   width: 18px;
 224   background-position: 0px -279px;
 225 }
 226
 227 div.radio:active span,
 228 div.radio.active span {
 229   background-position: -18px -279px;
 230 }
 231
 232 div.radio.focus span,
 233 div.radio:hover span {
 234   background-position: -36px -279px;
 235 }
 236
 237 div.radio.focus:active span,
 238 div.radio:active:hover span,
 239 div.radio.active:hover span,
 240 div.radio.active.focus span {
 241   background-position: -54px -279px;
 242 }
 243
 244 div.radio span.checked {
 245   background-position: -72px -279px;
 246 }
 247
 248 div.radio:active span.checked,
 249 div.radio.active span.checked {
 250   background-position: -90px -279px;
 251 }
 252
 253 div.radio.focus span.checked, div.radio:hover span.checked {
 254   background-position: -108px -279px;
 255 }
 256
 257 div.radio.focus:active span.checked,
 258 div.radio:hover:active span.checked,
 259 div.radio.focus.active span.checked,
 260 div.radio.active:hover span.checked {
 261   background-position: -126px -279px;
 262 }
 263
 264 div.radio.disabled span,
 265 div.radio.disabled:active span,
 266 div.radio.disabled.active span {
 267   background-position: -144px -279px;
 268 }
 269
 270 div.radio.disabled span.checked,
 271 div.radio.disabled:active span.checked,
 272 div.radio.disabled.active span.checked {
 273   background-position: -162px -279px;
 274 }
 275
 276 /* Uploader */
 277
 278 div.uploader {
 279   background-position: 0px -297px;
 280   height: 28px;
 281 }
 282
 283 div.uploader span.action {
 284   background-position: right -409px;
 285   height: 24px;
 286   line-height: 24px;
 287 }
 288
 289 div.uploader span.filename {
 290   height: 24px;
 291   /* change this line to adjust positioning of filename area */
 292   margin: 2px 0px 2px 2px;
 293   line-height: 24px;
 294 }
 295
 296 div.uploader.focus,
 297 div.uploader.hover,
 298 div.uploader:hover {
 299   background-position: 0px -353px;
 300 }
 301
 302 div.uploader.focus span.action,
 303 div.uploader.hover span.action,
 304 div.uploader:hover span.action {
 305   background-position: right -437px;
 306 }
 307
 308 div.uploader.active span.action,
 309 div.uploader:active span.action {
 310   background-position: right -465px;
 311 }
 312
 313 div.uploader.focus.active span.action,
 314 div.uploader:focus.active span.action,
 315 div.uploader.focus:active span.action,
 316 div.uploader:focus:active span.action {
 317   background-position: right -493px;
 318 }
 319
 320 div.uploader.disabled {
 321   background-position: 0px -325px;
 322 }
 323
 324 div.uploader.disabled span.action {
 325   background-position: right -381px;
 326 }
 327
 328 div.button {
 329   background-position: 0px -523px;
 330 }
 331
 332 div.button span {
 333   background-position: right -643px;
 334 }
 335
 336 div.button.focus,
 337 div.button:focus,
 338 div.button:hover,
 339 div.button.hover {
 340   background-position: 0px -553px;
 341 }
 342
 343 div.button.focus span,
 344 div.button:focus span,
 345 div.button:hover span,
 346 div.button.hover span {
 347   background-position: right -673px;
 348 }
 349
 350 div.button.active,
 351 div.button:active {
 352   background-position: 0px -583px;
 353 }
 354
 355 div.button.active span,
 356 div.button:active span {
 357   background-position: right -703px;
 358   color: #555;
 359 }
 360
 361 div.button.disabled,
 362 div.button:disabled {
 363   background-position: 0px -613px;
 364 }
 365
 366 div.button.disabled span,
 367 div.button:disabled span {
 368   background-position: right -733px;
 369   color: #bbb;
 370   cursor: default;
 371 }
 372
 373 /* PRESENTATION */
 374
 375 /* Button */
 376
 377 div.button {
 378   height: 30px;
 379 }
 380
 381 div.button span {
 382   margin-left: 13px;
 383   height: 22px;
 384   padding-top: 8px;
 385   font-weight: bold;
 386   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 387   font-size: 12px;
 388   letter-spacing: 1px;
 389   text-transform: uppercase;
 390   padding-left: 2px;
 391   padding-right: 15px;
 392 }
 393
 394 /* Select */
 395 div.selector {
 396   width: 190px;
 397   font-size: 12px;
 398 }
 399
 400 div.selector select {
 401   min-width: 190px;
 402   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 403   font-size: 12px;
 404   border: solid 1px #fff;
 405 }
 406
 407 div.selector span {
 408   padding: 0px 25px 0px 2px;
 409   cursor: pointer;
 410 }
 411
 412 div.selector span {
 413   color: #666;
 414   width: 158px;
 415   text-shadow: 0 1px 0 #fff;
 416 }
 417
 418 div.selector.disabled span {
 419   color: #bbb;
 420 }
 421
 422 /* Checker */
 423 div.checker {
 424   margin-right: 5px;
 425 }
 426
 427 /* Radio */
 428 div.radio {
 429   margin-right: 3px;
 430 }
 431
 432 /* Uploader */
 433 div.uploader {
 434   width: 190px;
 435   cursor: pointer;
 436 }
 437
 438 div.uploader span.action {
 439   width: 85px;
 440   text-align: center;
 441   text-shadow: #fff 0px 1px 0px;
 442   font-size: 11px;
 443   font-weight: bold;
 444 }
 445
 446 div.uploader span.filename {
 447   color: #777;
 448   width: 82px;
 449   border-right: solid 1px #bbb;
 450   font-size: 11px;
 451 }
 452
 453 div.uploader input {
 454   width: 190px;
 455 }
 456
 457 div.uploader.disabled span.action {
 458   color: #aaa;
 459 }
 460
 461 div.uploader.disabled span.filename {
 462   border-color: #ddd;
 463   color: #aaa;
 464 }
 465 /*
 466
 467 CORE FUNCTIONALITY
 468
 469 Not advised to edit stuff below this line
 470 -----------------------------------------------------
 471 */
 472
 473 .selector,
 474 .checker,
 475 .button,
 476 .radio,
 477 .uploader {
 478   display: -moz-inline-box;
 479   display: inline-block;
 480   vertical-align: middle;
 481   zoom: 1;
 482   *display: inline;
 483 }
 484
 485 .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
 486   outline: 0;
 487 }
 488
 489 /* Button */
 490
 491 div.button a,
 492 div.button button,
 493 div.button input {
 494   position: absolute;
 495 }
 496
 497 div.button {
 498   cursor: pointer;
 499   position: relative;
 500 }
 501
 502 div.button span {
 503   display: -moz-inline-box;
 504   display: inline-block;
 505   line-height: 1;
 506   text-align: center;
 507 }
 508
 509 /* Select */
 510
 511 div.selector {
 512   position: relative;
 513   padding-left: 10px;
 514   overflow: hidden;
 515 }
 516
 517 div.selector span {
 518   display: block;
 519   overflow: hidden;
 520   text-overflow: ellipsis;
 521   white-space: nowrap;
 522 }
 523
 524 div.selector select {
 525   position: absolute;
 526   opacity: 0;
 527   filter: alpha(opacity=0);
 528   height: 25px;
 529   border: none;
 530   background: none;
 531 }
 532
 533 /* Checker */
 534
 535 div.checker {
 536   position: relative;
 537 }
 538
 539 div.checker span {
 540   display: -moz-inline-box;
 541   display: inline-block;
 542   text-align: center;
 543 }
 544
 545 div.checker input {
 546   opacity: 0;
 547   filter: alpha(opacity=0);
 548   display: inline-block;
 549   background: none;
 550 }
 551
 552 /* Radio */
 553
 554 div.radio {
 555   position: relative;
 556 }
 557
 558 div.radio span {
 559   display: -moz-inline-box;
 560   display: inline-block;
 561   text-align: center;
 562 }
 563
 564 div.radio input {
 565   opacity: 0;
 566   filter: alpha(opacity=0);
 567   text-align: center;
 568   display: inline-block;
 569   background: none;
 570 }
 571
 572 /* Uploader */
 573
 574 div.uploader {
 575   position: relative;
 576   overflow: hidden;
 577   cursor: default;
 578 }
 579
 580 div.uploader span.action {
 581   float: left;
 582   display: inline;
 583   padding: 2px 0px;
 584   overflow: hidden;
 585   cursor: pointer;
 586 }
 587
 588 div.uploader span.filename {
 589   padding: 0px 10px;
 590   float: left;
 591   display: block;
 592   overflow: hidden;
 593   text-overflow: ellipsis;
 594   white-space: nowrap;
 595   cursor: default;
 596 }
 597
 598 div.uploader input {
 599   opacity: 0;
 600   filter: alpha(opacity=0);
 601   position: absolute;
 602   top: 0;
 603   right: 0;
 604   bottom: 0;
 605   float: right;
 606   height: 25px;
 607   border: none;
 608   cursor: default;
 609 }