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

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