src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/iCheck/square/_all.css

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