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

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