openo-portal/portal-common/src/main/webapp/common/thirdparty/icheck/skins/minimal/_all.css

   1 /* iCheck plugin Minimal skin
   2 ----------------------------------- */
   3 .icheckbox_minimal,
   4 .iradio_minimal {
   5     display: inline-block;
   6     *display: inline;
   7     vertical-align: middle;
   8     margin: 0;
   9     padding: 0;
  10     width: 18px;
  11     height: 18px;
  12     background: url(minimal.png) no-repeat;
  13     border: none;
  14     cursor: pointer;
  15 }
  16
  17 .icheckbox_minimal {
  18     background-position: 0 0;
  19 }
  20     .icheckbox_minimal.hover {
  21         background-position: -20px 0;
  22     }
  23     .icheckbox_minimal.checked {
  24         background-position: -40px 0;
  25     }
  26     .icheckbox_minimal.disabled {
  27         background-position: -60px 0;
  28         cursor: default;
  29     }
  30     .icheckbox_minimal.checked.disabled {
  31         background-position: -80px 0;
  32     }
  33
  34 .iradio_minimal {
  35     background-position: -100px 0;
  36 }
  37     .iradio_minimal.hover {
  38         background-position: -120px 0;
  39     }
  40     .iradio_minimal.checked {
  41         background-position: -140px 0;
  42     }
  43     .iradio_minimal.disabled {
  44         background-position: -160px 0;
  45         cursor: default;
  46     }
  47     .iradio_minimal.checked.disabled {
  48         background-position: -180px 0;
  49     }
  50
  51 /* HiDPI support */
  52 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  53     .icheckbox_minimal,
  54     .iradio_minimal {
  55         background-image: url(minimal@2x.png);
  56         -webkit-background-size: 200px 20px;
  57         background-size: 200px 20px;
  58     }
  59 }
  60
  61 /* red */
  62 .icheckbox_minimal-red,
  63 .iradio_minimal-red {
  64     display: inline-block;
  65     *display: inline;
  66     vertical-align: middle;
  67     margin: 0;
  68     padding: 0;
  69     width: 18px;
  70     height: 18px;
  71     background: url(red.png) no-repeat;
  72     border: none;
  73     cursor: pointer;
  74 }
  75
  76 .icheckbox_minimal-red {
  77     background-position: 0 0;
  78 }
  79     .icheckbox_minimal-red.hover {
  80         background-position: -20px 0;
  81     }
  82     .icheckbox_minimal-red.checked {
  83         background-position: -40px 0;
  84     }
  85     .icheckbox_minimal-red.disabled {
  86         background-position: -60px 0;
  87         cursor: default;
  88     }
  89     .icheckbox_minimal-red.checked.disabled {
  90         background-position: -80px 0;
  91     }
  92
  93 .iradio_minimal-red {
  94     background-position: -100px 0;
  95 }
  96     .iradio_minimal-red.hover {
  97         background-position: -120px 0;
  98     }
  99     .iradio_minimal-red.checked {
 100         background-position: -140px 0;
 101     }
 102     .iradio_minimal-red.disabled {
 103         background-position: -160px 0;
 104         cursor: default;
 105     }
 106     .iradio_minimal-red.checked.disabled {
 107         background-position: -180px 0;
 108     }
 109
 110 /* HiDPI support */
 111 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 112     .icheckbox_minimal-red,
 113     .iradio_minimal-red {
 114         background-image: url(red@2x.png);
 115         -webkit-background-size: 200px 20px;
 116         background-size: 200px 20px;
 117     }
 118 }
 119
 120 /* green */
 121 .icheckbox_minimal-green,
 122 .iradio_minimal-green {
 123     display: inline-block;
 124     *display: inline;
 125     vertical-align: middle;
 126     margin: 0;
 127     padding: 0;
 128     width: 18px;
 129     height: 18px;
 130     background: url(green.png) no-repeat;
 131     border: none;
 132     cursor: pointer;
 133 }
 134
 135 .icheckbox_minimal-green {
 136     background-position: 0 0;
 137 }
 138     .icheckbox_minimal-green.hover {
 139         background-position: -20px 0;
 140     }
 141     .icheckbox_minimal-green.checked {
 142         background-position: -40px 0;
 143     }
 144     .icheckbox_minimal-green.disabled {
 145         background-position: -60px 0;
 146         cursor: default;
 147     }
 148     .icheckbox_minimal-green.checked.disabled {
 149         background-position: -80px 0;
 150     }
 151
 152 .iradio_minimal-green {
 153     background-position: -100px 0;
 154 }
 155     .iradio_minimal-green.hover {
 156         background-position: -120px 0;
 157     }
 158     .iradio_minimal-green.checked {
 159         background-position: -140px 0;
 160     }
 161     .iradio_minimal-green.disabled {
 162         background-position: -160px 0;
 163         cursor: default;
 164     }
 165     .iradio_minimal-green.checked.disabled {
 166         background-position: -180px 0;
 167     }
 168
 169 /* HiDPI support */
 170 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 171     .icheckbox_minimal-green,
 172     .iradio_minimal-green {
 173         background-image: url(green@2x.png);
 174         -webkit-background-size: 200px 20px;
 175         background-size: 200px 20px;
 176     }
 177 }
 178
 179 /* blue */
 180 .icheckbox_minimal-blue,
 181 .iradio_minimal-blue {
 182     display: inline-block;
 183     *display: inline;
 184     vertical-align: middle;
 185     margin: 0;
 186     padding: 0;
 187     width: 18px;
 188     height: 18px;
 189     background: url(blue.png) no-repeat;
 190     border: none;
 191     cursor: pointer;
 192 }
 193
 194 .icheckbox_minimal-blue {
 195     background-position: 0 0;
 196 }
 197     .icheckbox_minimal-blue.hover {
 198         background-position: -20px 0;
 199     }
 200     .icheckbox_minimal-blue.checked {
 201         background-position: -40px 0;
 202     }
 203     .icheckbox_minimal-blue.disabled {
 204         background-position: -60px 0;
 205         cursor: default;
 206     }
 207     .icheckbox_minimal-blue.checked.disabled {
 208         background-position: -80px 0;
 209     }
 210
 211 .iradio_minimal-blue {
 212     background-position: -100px 0;
 213 }
 214     .iradio_minimal-blue.hover {
 215         background-position: -120px 0;
 216     }
 217     .iradio_minimal-blue.checked {
 218         background-position: -140px 0;
 219     }
 220     .iradio_minimal-blue.disabled {
 221         background-position: -160px 0;
 222         cursor: default;
 223     }
 224     .iradio_minimal-blue.checked.disabled {
 225         background-position: -180px 0;
 226     }
 227
 228 /* HiDPI support */
 229 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 230     .icheckbox_minimal-blue,
 231     .iradio_minimal-blue {
 232         background-image: url(blue@2x.png);
 233         -webkit-background-size: 200px 20px;
 234         background-size: 200px 20px;
 235     }
 236 }
 237
 238 /* aero */
 239 .icheckbox_minimal-aero,
 240 .iradio_minimal-aero {
 241     display: inline-block;
 242     *display: inline;
 243     vertical-align: middle;
 244     margin: 0;
 245     padding: 0;
 246     width: 18px;
 247     height: 18px;
 248     background: url(aero.png) no-repeat;
 249     border: none;
 250     cursor: pointer;
 251 }
 252
 253 .icheckbox_minimal-aero {
 254     background-position: 0 0;
 255 }
 256     .icheckbox_minimal-aero.hover {
 257         background-position: -20px 0;
 258     }
 259     .icheckbox_minimal-aero.checked {
 260         background-position: -40px 0;
 261     }
 262     .icheckbox_minimal-aero.disabled {
 263         background-position: -60px 0;
 264         cursor: default;
 265     }
 266     .icheckbox_minimal-aero.checked.disabled {
 267         background-position: -80px 0;
 268     }
 269
 270 .iradio_minimal-aero {
 271     background-position: -100px 0;
 272 }
 273     .iradio_minimal-aero.hover {
 274         background-position: -120px 0;
 275     }
 276     .iradio_minimal-aero.checked {
 277         background-position: -140px 0;
 278     }
 279     .iradio_minimal-aero.disabled {
 280         background-position: -160px 0;
 281         cursor: default;
 282     }
 283     .iradio_minimal-aero.checked.disabled {
 284         background-position: -180px 0;
 285     }
 286
 287 /* HiDPI support */
 288 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 289     .icheckbox_minimal-aero,
 290     .iradio_minimal-aero {
 291         background-image: url(aero@2x.png);
 292         -webkit-background-size: 200px 20px;
 293         background-size: 200px 20px;
 294     }
 295 }
 296
 297 /* grey */
 298 .icheckbox_minimal-grey,
 299 .iradio_minimal-grey {
 300     display: inline-block;
 301     *display: inline;
 302     vertical-align: middle;
 303     margin: 0;
 304     padding: 0;
 305     width: 18px;
 306     height: 18px;
 307     background: url(grey.png) no-repeat;
 308     border: none;
 309     cursor: pointer;
 310 }
 311
 312 .icheckbox_minimal-grey {
 313     background-position: 0 0;
 314 }
 315     .icheckbox_minimal-grey.hover {
 316         background-position: -20px 0;
 317     }
 318     .icheckbox_minimal-grey.checked {
 319         background-position: -40px 0;
 320     }
 321     .icheckbox_minimal-grey.disabled {
 322         background-position: -60px 0;
 323         cursor: default;
 324     }
 325     .icheckbox_minimal-grey.checked.disabled {
 326         background-position: -80px 0;
 327     }
 328
 329 .iradio_minimal-grey {
 330     background-position: -100px 0;
 331 }
 332     .iradio_minimal-grey.hover {
 333         background-position: -120px 0;
 334     }
 335     .iradio_minimal-grey.checked {
 336         background-position: -140px 0;
 337     }
 338     .iradio_minimal-grey.disabled {
 339         background-position: -160px 0;
 340         cursor: default;
 341     }
 342     .iradio_minimal-grey.checked.disabled {
 343         background-position: -180px 0;
 344     }
 345
 346 /* HiDPI support */
 347 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 348     .icheckbox_minimal-grey,
 349     .iradio_minimal-grey {
 350         background-image: url(grey@2x.png);
 351         -webkit-background-size: 200px 20px;
 352         background-size: 200px 20px;
 353     }
 354 }
 355
 356 /* orange */
 357 .icheckbox_minimal-orange,
 358 .iradio_minimal-orange {
 359     display: inline-block;
 360     *display: inline;
 361     vertical-align: middle;
 362     margin: 0;
 363     padding: 0;
 364     width: 18px;
 365     height: 18px;
 366     background: url(orange.png) no-repeat;
 367     border: none;
 368     cursor: pointer;
 369 }
 370
 371 .icheckbox_minimal-orange {
 372     background-position: 0 0;
 373 }
 374     .icheckbox_minimal-orange.hover {
 375         background-position: -20px 0;
 376     }
 377     .icheckbox_minimal-orange.checked {
 378         background-position: -40px 0;
 379     }
 380     .icheckbox_minimal-orange.disabled {
 381         background-position: -60px 0;
 382         cursor: default;
 383     }
 384     .icheckbox_minimal-orange.checked.disabled {
 385         background-position: -80px 0;
 386     }
 387
 388 .iradio_minimal-orange {
 389     background-position: -100px 0;
 390 }
 391     .iradio_minimal-orange.hover {
 392         background-position: -120px 0;
 393     }
 394     .iradio_minimal-orange.checked {
 395         background-position: -140px 0;
 396     }
 397     .iradio_minimal-orange.disabled {
 398         background-position: -160px 0;
 399         cursor: default;
 400     }
 401     .iradio_minimal-orange.checked.disabled {
 402         background-position: -180px 0;
 403     }
 404
 405 /* HiDPI support */
 406 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 407     .icheckbox_minimal-orange,
 408     .iradio_minimal-orange {
 409         background-image: url(orange@2x.png);
 410         -webkit-background-size: 200px 20px;
 411         background-size: 200px 20px;
 412     }
 413 }
 414
 415 /* yellow */
 416 .icheckbox_minimal-yellow,
 417 .iradio_minimal-yellow {
 418     display: inline-block;
 419     *display: inline;
 420     vertical-align: middle;
 421     margin: 0;
 422     padding: 0;
 423     width: 18px;
 424     height: 18px;
 425     background: url(yellow.png) no-repeat;
 426     border: none;
 427     cursor: pointer;
 428 }
 429
 430 .icheckbox_minimal-yellow {
 431     background-position: 0 0;
 432 }
 433     .icheckbox_minimal-yellow.hover {
 434         background-position: -20px 0;
 435     }
 436     .icheckbox_minimal-yellow.checked {
 437         background-position: -40px 0;
 438     }
 439     .icheckbox_minimal-yellow.disabled {
 440         background-position: -60px 0;
 441         cursor: default;
 442     }
 443     .icheckbox_minimal-yellow.checked.disabled {
 444         background-position: -80px 0;
 445     }
 446
 447 .iradio_minimal-yellow {
 448     background-position: -100px 0;
 449 }
 450     .iradio_minimal-yellow.hover {
 451         background-position: -120px 0;
 452     }
 453     .iradio_minimal-yellow.checked {
 454         background-position: -140px 0;
 455     }
 456     .iradio_minimal-yellow.disabled {
 457         background-position: -160px 0;
 458         cursor: default;
 459     }
 460     .iradio_minimal-yellow.checked.disabled {
 461         background-position: -180px 0;
 462     }
 463
 464 /* HiDPI support */
 465 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 466     .icheckbox_minimal-yellow,
 467     .iradio_minimal-yellow {
 468         background-image: url(yellow@2x.png);
 469         -webkit-background-size: 200px 20px;
 470         background-size: 200px 20px;
 471     }
 472 }
 473
 474 /* pink */
 475 .icheckbox_minimal-pink,
 476 .iradio_minimal-pink {
 477     display: inline-block;
 478     *display: inline;
 479     vertical-align: middle;
 480     margin: 0;
 481     padding: 0;
 482     width: 18px;
 483     height: 18px;
 484     background: url(pink.png) no-repeat;
 485     border: none;
 486     cursor: pointer;
 487 }
 488
 489 .icheckbox_minimal-pink {
 490     background-position: 0 0;
 491 }
 492     .icheckbox_minimal-pink.hover {
 493         background-position: -20px 0;
 494     }
 495     .icheckbox_minimal-pink.checked {
 496         background-position: -40px 0;
 497     }
 498     .icheckbox_minimal-pink.disabled {
 499         background-position: -60px 0;
 500         cursor: default;
 501     }
 502     .icheckbox_minimal-pink.checked.disabled {
 503         background-position: -80px 0;
 504     }
 505
 506 .iradio_minimal-pink {
 507     background-position: -100px 0;
 508 }
 509     .iradio_minimal-pink.hover {
 510         background-position: -120px 0;
 511     }
 512     .iradio_minimal-pink.checked {
 513         background-position: -140px 0;
 514     }
 515     .iradio_minimal-pink.disabled {
 516         background-position: -160px 0;
 517         cursor: default;
 518     }
 519     .iradio_minimal-pink.checked.disabled {
 520         background-position: -180px 0;
 521     }
 522
 523 /* HiDPI support */
 524 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 525     .icheckbox_minimal-pink,
 526     .iradio_minimal-pink {
 527         background-image: url(pink@2x.png);
 528         -webkit-background-size: 200px 20px;
 529         background-size: 200px 20px;
 530     }
 531 }
 532
 533 /* purple */
 534 .icheckbox_minimal-purple,
 535 .iradio_minimal-purple {
 536     display: inline-block;
 537     *display: inline;
 538     vertical-align: middle;
 539     margin: 0;
 540     padding: 0;
 541     width: 18px;
 542     height: 18px;
 543     background: url(purple.png) no-repeat;
 544     border: none;
 545     cursor: pointer;
 546 }
 547
 548 .icheckbox_minimal-purple {
 549     background-position: 0 0;
 550 }
 551     .icheckbox_minimal-purple.hover {
 552         background-position: -20px 0;
 553     }
 554     .icheckbox_minimal-purple.checked {
 555         background-position: -40px 0;
 556     }
 557     .icheckbox_minimal-purple.disabled {
 558         background-position: -60px 0;
 559         cursor: default;
 560     }
 561     .icheckbox_minimal-purple.checked.disabled {
 562         background-position: -80px 0;
 563     }
 564
 565 .iradio_minimal-purple {
 566     background-position: -100px 0;
 567 }
 568     .iradio_minimal-purple.hover {
 569         background-position: -120px 0;
 570     }
 571     .iradio_minimal-purple.checked {
 572         background-position: -140px 0;
 573     }
 574     .iradio_minimal-purple.disabled {
 575         background-position: -160px 0;
 576         cursor: default;
 577     }
 578     .iradio_minimal-purple.checked.disabled {
 579         background-position: -180px 0;
 580     }
 581
 582 /* HiDPI support */
 583 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
 584     .icheckbox_minimal-purple,
 585     .iradio_minimal-purple {
 586         background-image: url(purple@2x.png);
 587         -webkit-background-size: 200px 20px;
 588         background-size: 200px 20px;
 589     }
 590 }