-
3609vendor/blobt/assets/alertifyjs/alertify.js
-
3vendor/blobt/assets/alertifyjs/alertify.min.js
-
938vendor/blobt/assets/alertifyjs/css/alertify.css
-
6vendor/blobt/assets/alertifyjs/css/alertify.min.css
-
938vendor/blobt/assets/alertifyjs/css/alertify.rtl.css
-
6vendor/blobt/assets/alertifyjs/css/alertify.rtl.min.css
-
61vendor/blobt/assets/alertifyjs/css/themes/bootstrap.css
-
6vendor/blobt/assets/alertifyjs/css/themes/bootstrap.min.css
-
61vendor/blobt/assets/alertifyjs/css/themes/bootstrap.rtl.css
-
6vendor/blobt/assets/alertifyjs/css/themes/bootstrap.rtl.min.css
-
69vendor/blobt/assets/alertifyjs/css/themes/default.css
-
6vendor/blobt/assets/alertifyjs/css/themes/default.min.css
-
69vendor/blobt/assets/alertifyjs/css/themes/default.rtl.css
-
6vendor/blobt/assets/alertifyjs/css/themes/default.rtl.min.css
-
89vendor/blobt/assets/alertifyjs/css/themes/semantic.css
-
6vendor/blobt/assets/alertifyjs/css/themes/semantic.min.css
-
89vendor/blobt/assets/alertifyjs/css/themes/semantic.rtl.css
-
6vendor/blobt/assets/alertifyjs/css/themes/semantic.rtl.min.css
-
7vendor/blobt/assets/grid/css/grid.css
-
61vendor/blobt/assets/iCheck/all.css
-
560vendor/blobt/assets/iCheck/flat/_all.css
-
56vendor/blobt/assets/iCheck/flat/aero.css
-
BINvendor/blobt/assets/iCheck/flat/aero.png
-
BINvendor/blobt/assets/iCheck/flat/aero@2x.png
-
56vendor/blobt/assets/iCheck/flat/blue.css
-
BINvendor/blobt/assets/iCheck/flat/blue.png
-
BINvendor/blobt/assets/iCheck/flat/blue@2x.png
-
56vendor/blobt/assets/iCheck/flat/flat.css
-
BINvendor/blobt/assets/iCheck/flat/flat.png
-
BINvendor/blobt/assets/iCheck/flat/flat@2x.png
-
56vendor/blobt/assets/iCheck/flat/green.css
-
BINvendor/blobt/assets/iCheck/flat/green.png
-
BINvendor/blobt/assets/iCheck/flat/green@2x.png
-
56vendor/blobt/assets/iCheck/flat/grey.css
-
BINvendor/blobt/assets/iCheck/flat/grey.png
-
BINvendor/blobt/assets/iCheck/flat/grey@2x.png
-
56vendor/blobt/assets/iCheck/flat/orange.css
-
BINvendor/blobt/assets/iCheck/flat/orange.png
-
BINvendor/blobt/assets/iCheck/flat/orange@2x.png
-
56vendor/blobt/assets/iCheck/flat/pink.css
-
BINvendor/blobt/assets/iCheck/flat/pink.png
-
BINvendor/blobt/assets/iCheck/flat/pink@2x.png
-
56vendor/blobt/assets/iCheck/flat/purple.css
-
BINvendor/blobt/assets/iCheck/flat/purple.png
-
BINvendor/blobt/assets/iCheck/flat/purple@2x.png
-
56vendor/blobt/assets/iCheck/flat/red.css
-
BINvendor/blobt/assets/iCheck/flat/red.png
-
BINvendor/blobt/assets/iCheck/flat/red@2x.png
-
56vendor/blobt/assets/iCheck/flat/yellow.css
-
BINvendor/blobt/assets/iCheck/flat/yellow.png
-
BINvendor/blobt/assets/iCheck/flat/yellow@2x.png
-
56vendor/blobt/assets/iCheck/futurico/futurico.css
-
BINvendor/blobt/assets/iCheck/futurico/futurico.png
-
BINvendor/blobt/assets/iCheck/futurico/futurico@2x.png
-
478vendor/blobt/assets/iCheck/icheck.js
-
10vendor/blobt/assets/iCheck/icheck.min.js
-
740vendor/blobt/assets/iCheck/line/_all.css
-
74vendor/blobt/assets/iCheck/line/aero.css
-
74vendor/blobt/assets/iCheck/line/blue.css
-
74vendor/blobt/assets/iCheck/line/green.css
-
74vendor/blobt/assets/iCheck/line/grey.css
-
74vendor/blobt/assets/iCheck/line/line.css
-
BINvendor/blobt/assets/iCheck/line/line.png
-
BINvendor/blobt/assets/iCheck/line/line@2x.png
-
74vendor/blobt/assets/iCheck/line/orange.css
-
74vendor/blobt/assets/iCheck/line/pink.css
-
74vendor/blobt/assets/iCheck/line/purple.css
-
74vendor/blobt/assets/iCheck/line/red.css
-
74vendor/blobt/assets/iCheck/line/yellow.css
-
557vendor/blobt/assets/iCheck/minimal/_all.css
-
62vendor/blobt/assets/iCheck/minimal/aero.css
-
BINvendor/blobt/assets/iCheck/minimal/aero.png
-
BINvendor/blobt/assets/iCheck/minimal/aero@2x.png
-
62vendor/blobt/assets/iCheck/minimal/blue.css
-
BINvendor/blobt/assets/iCheck/minimal/blue.png
-
BINvendor/blobt/assets/iCheck/minimal/blue@2x.png
-
62vendor/blobt/assets/iCheck/minimal/green.css
-
BINvendor/blobt/assets/iCheck/minimal/green.png
-
BINvendor/blobt/assets/iCheck/minimal/green@2x.png
-
62vendor/blobt/assets/iCheck/minimal/grey.css
-
BINvendor/blobt/assets/iCheck/minimal/grey.png
-
BINvendor/blobt/assets/iCheck/minimal/grey@2x.png
-
62vendor/blobt/assets/iCheck/minimal/minimal.css
-
BINvendor/blobt/assets/iCheck/minimal/minimal.png
-
BINvendor/blobt/assets/iCheck/minimal/minimal@2x.png
-
62vendor/blobt/assets/iCheck/minimal/orange.css
-
BINvendor/blobt/assets/iCheck/minimal/orange.png
-
BINvendor/blobt/assets/iCheck/minimal/orange@2x.png
-
62vendor/blobt/assets/iCheck/minimal/pink.css
-
BINvendor/blobt/assets/iCheck/minimal/pink.png
-
BINvendor/blobt/assets/iCheck/minimal/pink@2x.png
-
62vendor/blobt/assets/iCheck/minimal/purple.css
-
BINvendor/blobt/assets/iCheck/minimal/purple.png
-
BINvendor/blobt/assets/iCheck/minimal/purple@2x.png
-
62vendor/blobt/assets/iCheck/minimal/red.css
-
BINvendor/blobt/assets/iCheck/minimal/red.png
-
BINvendor/blobt/assets/iCheck/minimal/red@2x.png
-
62vendor/blobt/assets/iCheck/minimal/yellow.css
-
BINvendor/blobt/assets/iCheck/minimal/yellow.png
-
BINvendor/blobt/assets/iCheck/minimal/yellow@2x.png
3609
vendor/blobt/assets/alertifyjs/alertify.js
File diff suppressed because it is too large
View File
3
vendor/blobt/assets/alertifyjs/alertify.min.js
File diff suppressed because it is too large
View File
@ -0,0 +1,938 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer { |
||||
|
position: fixed; |
||||
|
z-index: 1981; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
background-color: #252525; |
||||
|
opacity: .5; |
||||
|
} |
||||
|
.alertify .ajs-modal { |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
padding: 0; |
||||
|
overflow-y: auto; |
||||
|
z-index: 1981; |
||||
|
} |
||||
|
.alertify .ajs-dialog { |
||||
|
position: relative; |
||||
|
margin: 5% auto; |
||||
|
min-height: 110px; |
||||
|
max-width: 500px; |
||||
|
padding: 24px 24px 0 24px; |
||||
|
outline: 0; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.alertify .ajs-dialog.ajs-capture:before { |
||||
|
content: ''; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
display: block; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.alertify .ajs-reset { |
||||
|
position: absolute !important; |
||||
|
display: inline !important; |
||||
|
width: 0 !important; |
||||
|
height: 0 !important; |
||||
|
opacity: 0 !important; |
||||
|
} |
||||
|
.alertify .ajs-commands { |
||||
|
position: absolute; |
||||
|
right: 4px; |
||||
|
margin: -14px 24px 0 0; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
.alertify .ajs-commands button { |
||||
|
display: none; |
||||
|
width: 10px; |
||||
|
height: 10px; |
||||
|
margin-left: 10px; |
||||
|
padding: 10px; |
||||
|
border: 0; |
||||
|
background-color: transparent; |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.alertify .ajs-commands button.ajs-close { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC); |
||||
|
} |
||||
|
.alertify .ajs-commands button.ajs-maximize { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC); |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
margin: -24px; |
||||
|
margin-bottom: 0; |
||||
|
padding: 16px 24px; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
min-height: 56px; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content { |
||||
|
padding: 16px 24px 16px 16px; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
padding: 4px; |
||||
|
margin-left: -24px; |
||||
|
margin-right: -24px; |
||||
|
min-height: 43px; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-primary { |
||||
|
text-align: right; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button { |
||||
|
margin: 4px; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary { |
||||
|
float: left; |
||||
|
clear: none; |
||||
|
text-align: left; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button { |
||||
|
margin: 4px; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons .ajs-button { |
||||
|
min-width: 88px; |
||||
|
min-height: 35px; |
||||
|
} |
||||
|
.alertify .ajs-handle { |
||||
|
position: absolute; |
||||
|
display: none; |
||||
|
width: 10px; |
||||
|
height: 10px; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
z-index: 1; |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==); |
||||
|
-webkit-transform: scaleX(1) /*rtl:scaleX(-1)*/; |
||||
|
transform: scaleX(1) /*rtl:scaleX(-1)*/; |
||||
|
cursor: se-resize; |
||||
|
} |
||||
|
.alertify.ajs-no-overflow .ajs-body .ajs-content { |
||||
|
overflow: hidden !important; |
||||
|
} |
||||
|
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content { |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body { |
||||
|
margin-left: -24px; |
||||
|
margin-right: -24px; |
||||
|
} |
||||
|
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content { |
||||
|
padding: 0; |
||||
|
} |
||||
|
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content { |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
} |
||||
|
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize, |
||||
|
.alertify.ajs-maximizable .ajs-commands button.ajs-restore { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.alertify.ajs-closable .ajs-commands button.ajs-close { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.alertify.ajs-maximized .ajs-dialog { |
||||
|
width: 100% !important; |
||||
|
height: 100% !important; |
||||
|
max-width: none !important; |
||||
|
margin: 0 auto !important; |
||||
|
top: 0 !important; |
||||
|
left: 0 !important; |
||||
|
} |
||||
|
.alertify.ajs-maximized.ajs-modeless .ajs-modal { |
||||
|
position: fixed !important; |
||||
|
min-height: 100% !important; |
||||
|
max-height: none !important; |
||||
|
margin: 0 !important; |
||||
|
} |
||||
|
.alertify.ajs-maximized .ajs-commands button.ajs-maximize { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=); |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-dialog, |
||||
|
.alertify.ajs-maximized .ajs-dialog { |
||||
|
padding: 0; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-commands, |
||||
|
.alertify.ajs-maximized .ajs-commands { |
||||
|
margin: 14px 24px 0 0; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-header, |
||||
|
.alertify.ajs-maximized .ajs-header { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
margin: 0; |
||||
|
padding: 16px 24px; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-body, |
||||
|
.alertify.ajs-maximized .ajs-body { |
||||
|
min-height: 224px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-body .ajs-content, |
||||
|
.alertify.ajs-maximized .ajs-body .ajs-content { |
||||
|
position: absolute; |
||||
|
top: 50px; |
||||
|
right: 24px; |
||||
|
bottom: 50px; |
||||
|
left: 24px; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-footer, |
||||
|
.alertify.ajs-maximized .ajs-footer { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
margin: 0; |
||||
|
} |
||||
|
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog { |
||||
|
min-width: 548px; |
||||
|
} |
||||
|
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle { |
||||
|
display: block; |
||||
|
} |
||||
|
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header { |
||||
|
cursor: move; |
||||
|
} |
||||
|
.alertify.ajs-modeless .ajs-dimmer, |
||||
|
.alertify.ajs-modeless .ajs-reset { |
||||
|
display: none; |
||||
|
} |
||||
|
.alertify.ajs-modeless .ajs-modal { |
||||
|
overflow: visible; |
||||
|
max-width: none; |
||||
|
max-height: 0; |
||||
|
} |
||||
|
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin { |
||||
|
display: inline-block; |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC); |
||||
|
} |
||||
|
.alertify.ajs-modeless.ajs-unpinned .ajs-modal { |
||||
|
position: absolute; |
||||
|
} |
||||
|
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=); |
||||
|
} |
||||
|
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body { |
||||
|
max-height: 500px; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
.alertify.ajs-basic .ajs-header { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
.alertify.ajs-basic .ajs-footer { |
||||
|
visibility: hidden; |
||||
|
} |
||||
|
.alertify.ajs-frameless .ajs-header { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
min-height: 60px; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
opacity: 0; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.alertify.ajs-frameless .ajs-footer { |
||||
|
display: none; |
||||
|
} |
||||
|
.alertify.ajs-frameless .ajs-body .ajs-content { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog { |
||||
|
padding-top: 0; |
||||
|
} |
||||
|
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands { |
||||
|
margin-top: 0; |
||||
|
} |
||||
|
.ajs-no-overflow { |
||||
|
overflow: hidden !important; |
||||
|
outline: none; |
||||
|
} |
||||
|
.ajs-no-overflow.ajs-fixed { |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
overflow-y: scroll!important; |
||||
|
} |
||||
|
.ajs-no-selection, |
||||
|
.ajs-no-selection * { |
||||
|
-webkit-user-select: none; |
||||
|
-moz-user-select: none; |
||||
|
-ms-user-select: none; |
||||
|
user-select: none; |
||||
|
} |
||||
|
@media screen and (max-width: 568px) { |
||||
|
.alertify .ajs-dialog { |
||||
|
min-width: 150px; |
||||
|
} |
||||
|
.alertify:not(.ajs-maximized) .ajs-modal { |
||||
|
padding: 0 5%; |
||||
|
} |
||||
|
.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog { |
||||
|
min-width: initial; |
||||
|
min-width: auto /*IE fallback*/; |
||||
|
} |
||||
|
} |
||||
|
@-moz-document url-prefix() { |
||||
|
.alertify button:focus { |
||||
|
outline: 1px dotted #3593D2; |
||||
|
} |
||||
|
} |
||||
|
.alertify .ajs-dimmer, |
||||
|
.alertify .ajs-modal { |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
-webkit-transition-property: opacity, visibility; |
||||
|
transition-property: opacity, visibility; |
||||
|
-webkit-transition-timing-function: linear; |
||||
|
transition-timing-function: linear; |
||||
|
-webkit-transition-duration: 250ms; |
||||
|
transition-duration: 250ms; |
||||
|
} |
||||
|
.alertify.ajs-hidden .ajs-dimmer, |
||||
|
.alertify.ajs-hidden .ajs-modal { |
||||
|
visibility: hidden; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-duration: 500ms; |
||||
|
animation-duration: 500ms; |
||||
|
} |
||||
|
.alertify.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-duration: 250ms; |
||||
|
animation-duration: 250ms; |
||||
|
} |
||||
|
.alertify .ajs-dialog.ajs-shake { |
||||
|
-webkit-animation-name: ajs-shake; |
||||
|
animation-name: ajs-shake; |
||||
|
-webkit-animation-duration: .1s; |
||||
|
animation-duration: .1s; |
||||
|
-webkit-animation-fill-mode: both; |
||||
|
animation-fill-mode: both; |
||||
|
} |
||||
|
@-webkit-keyframes ajs-shake { |
||||
|
0%, |
||||
|
100% { |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
10%, |
||||
|
30%, |
||||
|
50%, |
||||
|
70%, |
||||
|
90% { |
||||
|
-webkit-transform: translate3d(-10px, 0, 0); |
||||
|
transform: translate3d(-10px, 0, 0); |
||||
|
} |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80% { |
||||
|
-webkit-transform: translate3d(10px, 0, 0); |
||||
|
transform: translate3d(10px, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-shake { |
||||
|
0%, |
||||
|
100% { |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
10%, |
||||
|
30%, |
||||
|
50%, |
||||
|
70%, |
||||
|
90% { |
||||
|
-webkit-transform: translate3d(-10px, 0, 0); |
||||
|
transform: translate3d(-10px, 0, 0); |
||||
|
} |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80% { |
||||
|
-webkit-transform: translate3d(10px, 0, 0); |
||||
|
transform: translate3d(10px, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-slideIn; |
||||
|
animation-name: ajs-slideIn; |
||||
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
} |
||||
|
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-slideOut; |
||||
|
animation-name: ajs-slideOut; |
||||
|
-webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); |
||||
|
animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); |
||||
|
} |
||||
|
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-zoomIn; |
||||
|
animation-name: ajs-zoomIn; |
||||
|
} |
||||
|
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-zoomOut; |
||||
|
animation-name: ajs-zoomOut; |
||||
|
} |
||||
|
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-fadeIn; |
||||
|
animation-name: ajs-fadeIn; |
||||
|
} |
||||
|
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-fadeOut; |
||||
|
animation-name: ajs-fadeOut; |
||||
|
} |
||||
|
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-pulseIn; |
||||
|
animation-name: ajs-pulseIn; |
||||
|
} |
||||
|
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-pulseOut; |
||||
|
animation-name: ajs-pulseOut; |
||||
|
} |
||||
|
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipInX; |
||||
|
animation-name: ajs-flipInX; |
||||
|
} |
||||
|
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipOutX; |
||||
|
animation-name: ajs-flipOutX; |
||||
|
} |
||||
|
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipInY; |
||||
|
animation-name: ajs-flipInY; |
||||
|
} |
||||
|
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipOutY; |
||||
|
animation-name: ajs-flipOutY; |
||||
|
} |
||||
|
@-webkit-keyframes ajs-pulseIn { |
||||
|
0%, |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80%, |
||||
|
100% { |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
} |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
60% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.03, 1.03, 1.03); |
||||
|
transform: scale3d(1.03, 1.03, 1.03); |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: scale3d(0.97, 0.97, 0.97); |
||||
|
transform: scale3d(0.97, 0.97, 0.97); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-pulseIn { |
||||
|
0%, |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80%, |
||||
|
100% { |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
} |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
60% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.03, 1.03, 1.03); |
||||
|
transform: scale3d(1.03, 1.03, 1.03); |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: scale3d(0.97, 0.97, 0.97); |
||||
|
transform: scale3d(0.97, 0.97, 0.97); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-pulseOut { |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
50%, |
||||
|
55% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-pulseOut { |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
50%, |
||||
|
55% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-zoomIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-zoomIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-zoomOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-zoomOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-fadeIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-fadeIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-fadeOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-fadeOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipInX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipInX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipOutX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipOutX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -20deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipInY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipInY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, -20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, 10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipOutY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipOutY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, -15deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
transform: perspective(400px) rotate3d(0, 1, 0, 90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-slideIn { |
||||
|
0% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-slideIn { |
||||
|
0% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-slideOut { |
||||
|
0% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-slideOut { |
||||
|
0% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
} |
||||
|
.alertify-notifier { |
||||
|
position: fixed; |
||||
|
width: 0; |
||||
|
overflow: visible; |
||||
|
z-index: 1982; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
position: relative; |
||||
|
width: 260px; |
||||
|
max-height: 0; |
||||
|
padding: 0; |
||||
|
opacity: 0; |
||||
|
margin: 0; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
-webkit-transition-duration: 250ms; |
||||
|
transition-duration: 250ms; |
||||
|
-webkit-transition-timing-function: linear; |
||||
|
transition-timing-function: linear; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-visible { |
||||
|
-webkit-transition-duration: 500ms; |
||||
|
transition-duration: 500ms; |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
opacity: 1; |
||||
|
max-height: 100%; |
||||
|
padding: 15px; |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message .ajs-close { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
width: 16px; |
||||
|
height: 16px; |
||||
|
cursor: pointer; |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC); |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center center; |
||||
|
background-color: rgba(0, 0, 0, 0.5); |
||||
|
border-top-right-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-top { |
||||
|
top: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-bottom { |
||||
|
bottom: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-right { |
||||
|
right: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-right .ajs-message { |
||||
|
right: -320px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-right .ajs-message.ajs-visible { |
||||
|
right: 290px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-left { |
||||
|
left: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-left .ajs-message { |
||||
|
left: -300px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-left .ajs-message.ajs-visible { |
||||
|
left: 0; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center { |
||||
|
left: 50%; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center .ajs-message { |
||||
|
-webkit-transform: translateX(-50%); |
||||
|
transform: translateX(-50%); |
||||
|
} |
||||
|
.alertify-notifier.ajs-center .ajs-message.ajs-visible { |
||||
|
left: 50%; |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65); |
||||
|
transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65); |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-top .ajs-message { |
||||
|
top: -300px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible { |
||||
|
top: 0; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-bottom .ajs-message { |
||||
|
bottom: -300px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible { |
||||
|
bottom: 0; |
||||
|
} |
6
vendor/blobt/assets/alertifyjs/css/alertify.min.css
File diff suppressed because it is too large
View File
@ -0,0 +1,938 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer { |
||||
|
position: fixed; |
||||
|
z-index: 1981; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
right: 0; |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
background-color: #252525; |
||||
|
opacity: .5; |
||||
|
} |
||||
|
.alertify .ajs-modal { |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
padding: 0; |
||||
|
overflow-y: auto; |
||||
|
z-index: 1981; |
||||
|
} |
||||
|
.alertify .ajs-dialog { |
||||
|
position: relative; |
||||
|
margin: 5% auto; |
||||
|
min-height: 110px; |
||||
|
max-width: 500px; |
||||
|
padding: 24px 24px 0 24px; |
||||
|
outline: 0; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.alertify .ajs-dialog.ajs-capture:before { |
||||
|
content: ''; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
right: 0; |
||||
|
display: block; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.alertify .ajs-reset { |
||||
|
position: absolute !important; |
||||
|
display: inline !important; |
||||
|
width: 0 !important; |
||||
|
height: 0 !important; |
||||
|
opacity: 0 !important; |
||||
|
} |
||||
|
.alertify .ajs-commands { |
||||
|
position: absolute; |
||||
|
left: 4px; |
||||
|
margin: -14px 0 0 24px; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
.alertify .ajs-commands button { |
||||
|
display: none; |
||||
|
width: 10px; |
||||
|
height: 10px; |
||||
|
margin-right: 10px; |
||||
|
padding: 10px; |
||||
|
border: 0; |
||||
|
background-color: transparent; |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.alertify .ajs-commands button.ajs-close { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC); |
||||
|
} |
||||
|
.alertify .ajs-commands button.ajs-maximize { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC); |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
margin: -24px; |
||||
|
margin-bottom: 0; |
||||
|
padding: 16px 24px; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
min-height: 56px; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content { |
||||
|
padding: 16px 16px 16px 24px; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
padding: 4px; |
||||
|
margin-right: -24px; |
||||
|
margin-left: -24px; |
||||
|
min-height: 43px; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-primary { |
||||
|
text-align: left; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button { |
||||
|
margin: 4px; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary { |
||||
|
float: right; |
||||
|
clear: none; |
||||
|
text-align: right; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button { |
||||
|
margin: 4px; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons .ajs-button { |
||||
|
min-width: 88px; |
||||
|
min-height: 35px; |
||||
|
} |
||||
|
.alertify .ajs-handle { |
||||
|
position: absolute; |
||||
|
display: none; |
||||
|
width: 10px; |
||||
|
height: 10px; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
z-index: 1; |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==); |
||||
|
-webkit-transform: scaleX(-1); |
||||
|
transform: scaleX(-1); |
||||
|
cursor: sw-resize; |
||||
|
} |
||||
|
.alertify.ajs-no-overflow .ajs-body .ajs-content { |
||||
|
overflow: hidden !important; |
||||
|
} |
||||
|
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content { |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
padding: 0; |
||||
|
} |
||||
|
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body { |
||||
|
margin-right: -24px; |
||||
|
margin-left: -24px; |
||||
|
} |
||||
|
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content { |
||||
|
padding: 0; |
||||
|
} |
||||
|
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content { |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
} |
||||
|
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize, |
||||
|
.alertify.ajs-maximizable .ajs-commands button.ajs-restore { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.alertify.ajs-closable .ajs-commands button.ajs-close { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.alertify.ajs-maximized .ajs-dialog { |
||||
|
width: 100% !important; |
||||
|
height: 100% !important; |
||||
|
max-width: none !important; |
||||
|
margin: 0 auto !important; |
||||
|
top: 0 !important; |
||||
|
right: 0 !important; |
||||
|
} |
||||
|
.alertify.ajs-maximized.ajs-modeless .ajs-modal { |
||||
|
position: fixed !important; |
||||
|
min-height: 100% !important; |
||||
|
max-height: none !important; |
||||
|
margin: 0 !important; |
||||
|
} |
||||
|
.alertify.ajs-maximized .ajs-commands button.ajs-maximize { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=); |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-dialog, |
||||
|
.alertify.ajs-maximized .ajs-dialog { |
||||
|
padding: 0; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-commands, |
||||
|
.alertify.ajs-maximized .ajs-commands { |
||||
|
margin: 14px 0 0 24px; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-header, |
||||
|
.alertify.ajs-maximized .ajs-header { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
margin: 0; |
||||
|
padding: 16px 24px; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-body, |
||||
|
.alertify.ajs-maximized .ajs-body { |
||||
|
min-height: 224px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-body .ajs-content, |
||||
|
.alertify.ajs-maximized .ajs-body .ajs-content { |
||||
|
position: absolute; |
||||
|
top: 50px; |
||||
|
left: 24px; |
||||
|
bottom: 50px; |
||||
|
right: 24px; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-footer, |
||||
|
.alertify.ajs-maximized .ajs-footer { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
margin: 0; |
||||
|
} |
||||
|
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog { |
||||
|
min-width: 548px; |
||||
|
} |
||||
|
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle { |
||||
|
display: block; |
||||
|
} |
||||
|
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header { |
||||
|
cursor: move; |
||||
|
} |
||||
|
.alertify.ajs-modeless .ajs-dimmer, |
||||
|
.alertify.ajs-modeless .ajs-reset { |
||||
|
display: none; |
||||
|
} |
||||
|
.alertify.ajs-modeless .ajs-modal { |
||||
|
overflow: visible; |
||||
|
max-width: none; |
||||
|
max-height: 0; |
||||
|
} |
||||
|
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin { |
||||
|
display: inline-block; |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC); |
||||
|
} |
||||
|
.alertify.ajs-modeless.ajs-unpinned .ajs-modal { |
||||
|
position: absolute; |
||||
|
} |
||||
|
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin { |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=); |
||||
|
} |
||||
|
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body { |
||||
|
max-height: 500px; |
||||
|
overflow: auto; |
||||
|
} |
||||
|
.alertify.ajs-basic .ajs-header { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
.alertify.ajs-basic .ajs-footer { |
||||
|
visibility: hidden; |
||||
|
} |
||||
|
.alertify.ajs-frameless .ajs-header { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
min-height: 60px; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
opacity: 0; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
.alertify.ajs-frameless .ajs-footer { |
||||
|
display: none; |
||||
|
} |
||||
|
.alertify.ajs-frameless .ajs-body .ajs-content { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
right: 0; |
||||
|
} |
||||
|
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog { |
||||
|
padding-top: 0; |
||||
|
} |
||||
|
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands { |
||||
|
margin-top: 0; |
||||
|
} |
||||
|
.ajs-no-overflow { |
||||
|
overflow: hidden !important; |
||||
|
outline: none; |
||||
|
} |
||||
|
.ajs-no-overflow.ajs-fixed { |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
right: 0; |
||||
|
overflow-y: scroll!important; |
||||
|
} |
||||
|
.ajs-no-selection, |
||||
|
.ajs-no-selection * { |
||||
|
-webkit-user-select: none; |
||||
|
-moz-user-select: none; |
||||
|
-ms-user-select: none; |
||||
|
user-select: none; |
||||
|
} |
||||
|
@media screen and (max-width: 568px) { |
||||
|
.alertify .ajs-dialog { |
||||
|
min-width: 150px; |
||||
|
} |
||||
|
.alertify:not(.ajs-maximized) .ajs-modal { |
||||
|
padding: 0 5%; |
||||
|
} |
||||
|
.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog { |
||||
|
min-width: initial; |
||||
|
min-width: auto /*IE fallback*/; |
||||
|
} |
||||
|
} |
||||
|
@-moz-document url-prefix() { |
||||
|
.alertify button:focus { |
||||
|
outline: 1px dotted #3593D2; |
||||
|
} |
||||
|
} |
||||
|
.alertify .ajs-dimmer, |
||||
|
.alertify .ajs-modal { |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
-webkit-transition-property: opacity, visibility; |
||||
|
transition-property: opacity, visibility; |
||||
|
-webkit-transition-timing-function: linear; |
||||
|
transition-timing-function: linear; |
||||
|
-webkit-transition-duration: 250ms; |
||||
|
transition-duration: 250ms; |
||||
|
} |
||||
|
.alertify.ajs-hidden .ajs-dimmer, |
||||
|
.alertify.ajs-hidden .ajs-modal { |
||||
|
visibility: hidden; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-duration: 500ms; |
||||
|
animation-duration: 500ms; |
||||
|
} |
||||
|
.alertify.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-duration: 250ms; |
||||
|
animation-duration: 250ms; |
||||
|
} |
||||
|
.alertify .ajs-dialog.ajs-shake { |
||||
|
-webkit-animation-name: ajs-shake; |
||||
|
animation-name: ajs-shake; |
||||
|
-webkit-animation-duration: .1s; |
||||
|
animation-duration: .1s; |
||||
|
-webkit-animation-fill-mode: both; |
||||
|
animation-fill-mode: both; |
||||
|
} |
||||
|
@-webkit-keyframes ajs-shake { |
||||
|
0%, |
||||
|
100% { |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
10%, |
||||
|
30%, |
||||
|
50%, |
||||
|
70%, |
||||
|
90% { |
||||
|
-webkit-transform: translate3d(10px, 0, 0); |
||||
|
transform: translate3d(10px, 0, 0); |
||||
|
} |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80% { |
||||
|
-webkit-transform: translate3d(-10px, 0, 0); |
||||
|
transform: translate3d(-10px, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-shake { |
||||
|
0%, |
||||
|
100% { |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
10%, |
||||
|
30%, |
||||
|
50%, |
||||
|
70%, |
||||
|
90% { |
||||
|
-webkit-transform: translate3d(10px, 0, 0); |
||||
|
transform: translate3d(10px, 0, 0); |
||||
|
} |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80% { |
||||
|
-webkit-transform: translate3d(-10px, 0, 0); |
||||
|
transform: translate3d(-10px, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-slideIn; |
||||
|
animation-name: ajs-slideIn; |
||||
|
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
} |
||||
|
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-slideOut; |
||||
|
animation-name: ajs-slideOut; |
||||
|
-webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); |
||||
|
animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); |
||||
|
} |
||||
|
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-zoomIn; |
||||
|
animation-name: ajs-zoomIn; |
||||
|
} |
||||
|
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-zoomOut; |
||||
|
animation-name: ajs-zoomOut; |
||||
|
} |
||||
|
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-fadeIn; |
||||
|
animation-name: ajs-fadeIn; |
||||
|
} |
||||
|
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-fadeOut; |
||||
|
animation-name: ajs-fadeOut; |
||||
|
} |
||||
|
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-pulseIn; |
||||
|
animation-name: ajs-pulseIn; |
||||
|
} |
||||
|
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-pulseOut; |
||||
|
animation-name: ajs-pulseOut; |
||||
|
} |
||||
|
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipInX; |
||||
|
animation-name: ajs-flipInX; |
||||
|
} |
||||
|
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipOutX; |
||||
|
animation-name: ajs-flipOutX; |
||||
|
} |
||||
|
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipInY; |
||||
|
animation-name: ajs-flipInY; |
||||
|
} |
||||
|
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog { |
||||
|
-webkit-animation-name: ajs-flipOutY; |
||||
|
animation-name: ajs-flipOutY; |
||||
|
} |
||||
|
@-webkit-keyframes ajs-pulseIn { |
||||
|
0%, |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80%, |
||||
|
100% { |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
} |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
60% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.03, 1.03, 1.03); |
||||
|
transform: scale3d(1.03, 1.03, 1.03); |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: scale3d(0.97, 0.97, 0.97); |
||||
|
transform: scale3d(0.97, 0.97, 0.97); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-pulseIn { |
||||
|
0%, |
||||
|
20%, |
||||
|
40%, |
||||
|
60%, |
||||
|
80%, |
||||
|
100% { |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
||||
|
} |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
60% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.03, 1.03, 1.03); |
||||
|
transform: scale3d(1.03, 1.03, 1.03); |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: scale3d(0.97, 0.97, 0.97); |
||||
|
transform: scale3d(0.97, 0.97, 0.97); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-pulseOut { |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
50%, |
||||
|
55% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-pulseOut { |
||||
|
20% { |
||||
|
-webkit-transform: scale3d(0.9, 0.9, 0.9); |
||||
|
transform: scale3d(0.9, 0.9, 0.9); |
||||
|
} |
||||
|
50%, |
||||
|
55% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1.1, 1.1, 1.1); |
||||
|
transform: scale3d(1.1, 1.1, 1.1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.3, 0.3, 0.3); |
||||
|
transform: scale3d(0.3, 0.3, 0.3); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-zoomIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-zoomIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-zoomOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-zoomOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
-webkit-transform: scale3d(1, 1, 1); |
||||
|
transform: scale3d(1, 1, 1); |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
-webkit-transform: scale3d(0.25, 0.25, 0.25); |
||||
|
transform: scale3d(0.25, 0.25, 0.25); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-fadeIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-fadeIn { |
||||
|
0% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-fadeOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-fadeOut { |
||||
|
0% { |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipInX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipInX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipOutX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipOutX { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, 20deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(1, 0, 0, -90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipInY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, 20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, -10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 5deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, 5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipInY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
opacity: 0; |
||||
|
} |
||||
|
40% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, 20deg); |
||||
|
-webkit-transition-timing-function: ease-in; |
||||
|
transition-timing-function: ease-in; |
||||
|
} |
||||
|
60% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, -10deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
80% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 5deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, 5deg); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-flipOutY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 15deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, 15deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-flipOutY { |
||||
|
0% { |
||||
|
-webkit-transform: perspective(400px); |
||||
|
transform: perspective(400px); |
||||
|
} |
||||
|
30% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, 15deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, 15deg); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
transform: perspective(400px) rotate3d(0, -1, 0, -90deg); |
||||
|
opacity: 0; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-slideIn { |
||||
|
0% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-slideIn { |
||||
|
0% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
} |
||||
|
@-webkit-keyframes ajs-slideOut { |
||||
|
0% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
} |
||||
|
@keyframes ajs-slideOut { |
||||
|
0% { |
||||
|
margin-top: 5%; |
||||
|
} |
||||
|
100% { |
||||
|
margin-top: -100%; |
||||
|
} |
||||
|
} |
||||
|
.alertify-notifier { |
||||
|
position: fixed; |
||||
|
width: 0; |
||||
|
overflow: visible; |
||||
|
z-index: 1982; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
position: relative; |
||||
|
width: 260px; |
||||
|
max-height: 0; |
||||
|
padding: 0; |
||||
|
opacity: 0; |
||||
|
margin: 0; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
-webkit-transition-duration: 250ms; |
||||
|
transition-duration: 250ms; |
||||
|
-webkit-transition-timing-function: linear; |
||||
|
transition-timing-function: linear; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-visible { |
||||
|
-webkit-transition-duration: 500ms; |
||||
|
transition-duration: 500ms; |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); |
||||
|
opacity: 1; |
||||
|
max-height: 100%; |
||||
|
padding: 15px; |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message .ajs-close { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 16px; |
||||
|
height: 16px; |
||||
|
cursor: pointer; |
||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC); |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center center; |
||||
|
background-color: rgba(0, 0, 0, 0.5); |
||||
|
border-top-left-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-top { |
||||
|
top: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-bottom { |
||||
|
bottom: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-right { |
||||
|
left: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-right .ajs-message { |
||||
|
left: -320px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-right .ajs-message.ajs-visible { |
||||
|
left: 290px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-left { |
||||
|
right: 10px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-left .ajs-message { |
||||
|
right: -300px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-left .ajs-message.ajs-visible { |
||||
|
right: 0; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center { |
||||
|
right: 50%; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center .ajs-message { |
||||
|
-webkit-transform: translateX(50%); |
||||
|
transform: translateX(50%); |
||||
|
} |
||||
|
.alertify-notifier.ajs-center .ajs-message.ajs-visible { |
||||
|
right: 50%; |
||||
|
-webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65); |
||||
|
transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65); |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-top .ajs-message { |
||||
|
top: -300px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible { |
||||
|
top: 0; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-bottom .ajs-message { |
||||
|
bottom: -300px; |
||||
|
} |
||||
|
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible { |
||||
|
bottom: 0; |
||||
|
} |
6
vendor/blobt/assets/alertifyjs/css/alertify.rtl.min.css
File diff suppressed because it is too large
View File
@ -0,0 +1,61 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer { |
||||
|
background-color: #000; |
||||
|
opacity: .5; |
||||
|
} |
||||
|
.alertify .ajs-dialog { |
||||
|
max-width: 600px; |
||||
|
min-height: 122px; |
||||
|
background-color: #fff; |
||||
|
border: 1px solid rgba(0, 0, 0, 0.2); |
||||
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
||||
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
||||
|
border-radius: 6px; |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
color: #333; |
||||
|
border-bottom: 1px solid #e5e5e5; |
||||
|
border-radius: 6px 6px 0 0; |
||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
font-family: 'Roboto', sans-serif; |
||||
|
color: black; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-content, |
||||
|
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content { |
||||
|
top: 58px; |
||||
|
bottom: 68px; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
background-color: #fff; |
||||
|
padding: 15px; |
||||
|
border-top: 1px solid #e5e5e5; |
||||
|
border-radius: 0 0 6px 6px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
background: rgba(255, 255, 255, 0.95); |
||||
|
color: #000; |
||||
|
text-align: center; |
||||
|
border: solid 1px #ddd; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
color: #fff; |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
color: #fff; |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
border-color: #999; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer{background-color:#000;opacity:.5}.alertify .ajs-dialog{max-width:600px;min-height:122px;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);border-radius:6px}.alertify .ajs-header{color:#333;border-bottom:1px solid #e5e5e5;border-radius:6px 6px 0 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#000}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:58px;bottom:68px}.alertify .ajs-footer{background-color:#fff;padding:15px;border-top:1px solid #e5e5e5;border-radius:0 0 6px 6px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:solid 1px #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999} |
@ -0,0 +1,61 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer { |
||||
|
background-color: #000; |
||||
|
opacity: .5; |
||||
|
} |
||||
|
.alertify .ajs-dialog { |
||||
|
max-width: 600px; |
||||
|
min-height: 122px; |
||||
|
background-color: #fff; |
||||
|
border: 1px solid rgba(0, 0, 0, 0.2); |
||||
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
||||
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); |
||||
|
border-radius: 6px; |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
color: #333; |
||||
|
border-bottom: 1px solid #e5e5e5; |
||||
|
border-radius: 6px 6px 0 0; |
||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
font-family: 'Roboto', sans-serif; |
||||
|
color: black; |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-content, |
||||
|
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content { |
||||
|
top: 58px; |
||||
|
bottom: 68px; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
background-color: #fff; |
||||
|
padding: 15px; |
||||
|
border-top: 1px solid #e5e5e5; |
||||
|
border-radius: 0 0 6px 6px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
background: rgba(255, 255, 255, 0.95); |
||||
|
color: #000; |
||||
|
text-align: center; |
||||
|
border: solid 1px #ddd; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
color: #fff; |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
color: #fff; |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
border-color: #999; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer{background-color:#000;opacity:.5}.alertify .ajs-dialog{max-width:600px;min-height:122px;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5);border-radius:6px}.alertify .ajs-header{color:#333;border-bottom:1px solid #e5e5e5;border-radius:6px 6px 0 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#000}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:58px;bottom:68px}.alertify .ajs-footer{background-color:#fff;padding:15px;border-top:1px solid #e5e5e5;border-radius:0 0 6px 6px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:solid 1px #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999} |
@ -0,0 +1,69 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dialog { |
||||
|
background-color: white; |
||||
|
-webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25); |
||||
|
box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25); |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
color: black; |
||||
|
font-weight: bold; |
||||
|
background: #fafafa; |
||||
|
border-bottom: #eee 1px solid; |
||||
|
border-radius: 2px 2px 0 0; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
color: black; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
padding: 8px; |
||||
|
margin: 4px; |
||||
|
border-radius: 2px; |
||||
|
border: 1px solid #CCC; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content p { |
||||
|
margin: 0; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
background: #fbfbfb; |
||||
|
border-top: #eee 1px solid; |
||||
|
border-radius: 0 0 2px 2px; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons .ajs-button { |
||||
|
background-color: transparent; |
||||
|
color: #000; |
||||
|
border: 0; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
text-transform: uppercase; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok { |
||||
|
color: #3593D2; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
background: rgba(255, 255, 255, 0.95); |
||||
|
color: #000; |
||||
|
text-align: center; |
||||
|
border: solid 1px #ddd; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
color: #fff; |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
color: #fff; |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
border-color: #999; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dialog{background-color:#fff;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.25);box-shadow:0 15px 20px 0 rgba(0,0,0,.25);border-radius:2px}.alertify .ajs-header{color:#000;font-weight:700;background:#fafafa;border-bottom:#eee 1px solid;border-radius:2px 2px 0 0}.alertify .ajs-body{color:#000}.alertify .ajs-body .ajs-content .ajs-input{display:block;width:100%;padding:8px;margin:4px;border-radius:2px;border:1px solid #ccc}.alertify .ajs-body .ajs-content p{margin:0}.alertify .ajs-footer{background:#fbfbfb;border-top:#eee 1px solid;border-radius:0 0 2px 2px}.alertify .ajs-footer .ajs-buttons .ajs-button{background-color:transparent;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#3593d2}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:solid 1px #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999} |
@ -0,0 +1,69 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dialog { |
||||
|
background-color: white; |
||||
|
-webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25); |
||||
|
box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25); |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
color: black; |
||||
|
font-weight: bold; |
||||
|
background: #fafafa; |
||||
|
border-bottom: #eee 1px solid; |
||||
|
border-radius: 2px 2px 0 0; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
color: black; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
padding: 8px; |
||||
|
margin: 4px; |
||||
|
border-radius: 2px; |
||||
|
border: 1px solid #CCC; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content p { |
||||
|
margin: 0; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
background: #fbfbfb; |
||||
|
border-top: #eee 1px solid; |
||||
|
border-radius: 0 0 2px 2px; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons .ajs-button { |
||||
|
background-color: transparent; |
||||
|
color: #000; |
||||
|
border: 0; |
||||
|
font-size: 14px; |
||||
|
font-weight: bold; |
||||
|
text-transform: uppercase; |
||||
|
} |
||||
|
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok { |
||||
|
color: #3593D2; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
background: rgba(255, 255, 255, 0.95); |
||||
|
color: #000; |
||||
|
text-align: center; |
||||
|
border: solid 1px #ddd; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
color: #fff; |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
color: #fff; |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
border-color: #999; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dialog{background-color:#fff;-webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.25);box-shadow:0 15px 20px 0 rgba(0,0,0,.25);border-radius:2px}.alertify .ajs-header{color:#000;font-weight:700;background:#fafafa;border-bottom:#eee 1px solid;border-radius:2px 2px 0 0}.alertify .ajs-body{color:#000}.alertify .ajs-body .ajs-content .ajs-input{display:block;width:100%;padding:8px;margin:4px;border-radius:2px;border:1px solid #ccc}.alertify .ajs-body .ajs-content p{margin:0}.alertify .ajs-footer{background:#fbfbfb;border-top:#eee 1px solid;border-radius:0 0 2px 2px}.alertify .ajs-footer .ajs-buttons .ajs-button{background-color:transparent;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase}.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok{color:#3593d2}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:solid 1px #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999} |
@ -0,0 +1,89 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer { |
||||
|
background-color: rgba(0, 0, 0, 0.85); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
.alertify .ajs-dialog { |
||||
|
max-width: 50%; |
||||
|
min-height: 137px; |
||||
|
background-color: #F4F4F4; |
||||
|
border: 1px solid #DDD; |
||||
|
-webkit-box-shadow: none; |
||||
|
box-shadow: none; |
||||
|
border-radius: 5px; |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
padding: 1.5rem 2rem; |
||||
|
border-bottom: none; |
||||
|
border-radius: 5px 5px 0 0; |
||||
|
color: #555; |
||||
|
background-color: #fff; |
||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
|
font-size: 1.6em; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
font-family: 'Roboto', sans-serif; |
||||
|
color: #555; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input { |
||||
|
width: 100%; |
||||
|
margin: 0; |
||||
|
padding: .65em 1em; |
||||
|
font-size: 1em; |
||||
|
background-color: #FFF; |
||||
|
border: 1px solid rgba(0, 0, 0, 0.15); |
||||
|
outline: 0; |
||||
|
color: rgba(0, 0, 0, 0.7); |
||||
|
border-radius: .3125em; |
||||
|
-webkit-transition: background-color 0.3s ease-out, border-color 0.2s ease, -webkit-box-shadow 0.2s ease; |
||||
|
transition: background-color 0.3s ease-out, border-color 0.2s ease, -webkit-box-shadow 0.2s ease; |
||||
|
transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease; |
||||
|
transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease; |
||||
|
-webkit-box-sizing: border-box; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input:active { |
||||
|
border-color: rgba(0, 0, 0, 0.3); |
||||
|
background-color: #FAFAFA; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input:focus { |
||||
|
border-color: rgba(0, 0, 0, 0.2); |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-content, |
||||
|
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content { |
||||
|
top: 64px; |
||||
|
bottom: 74px; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
background-color: #fff; |
||||
|
padding: 1rem 2rem; |
||||
|
border-top: none; |
||||
|
border-radius: 0 0 5px 5px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
background: rgba(255, 255, 255, 0.95); |
||||
|
color: #000; |
||||
|
text-align: center; |
||||
|
border: solid 1px #ddd; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
color: #fff; |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
color: #fff; |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
border-color: #999; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer{background-color:rgba(0,0,0,.85);opacity:1}.alertify .ajs-dialog{max-width:50%;min-height:137px;background-color:#f4f4f4;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none;border-radius:5px}.alertify .ajs-header{padding:1.5rem 2rem;border-bottom:none;border-radius:5px 5px 0 0;color:#555;background-color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:700}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#555}.alertify .ajs-body .ajs-content .ajs-input{width:100%;margin:0;padding:.65em 1em;font-size:1em;background-color:#fff;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);border-radius:.3125em;-webkit-transition:background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease,-webkit-box-shadow .2s ease;-webkit-box-sizing:border-box;box-sizing:border-box}.alertify .ajs-body .ajs-content .ajs-input:active{border-color:rgba(0,0,0,.3);background-color:#fafafa}.alertify .ajs-body .ajs-content .ajs-input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:64px;bottom:74px}.alertify .ajs-footer{background-color:#fff;padding:1rem 2rem;border-top:none;border-radius:0 0 5px 5px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:solid 1px #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:-1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999} |
@ -0,0 +1,89 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer { |
||||
|
background-color: rgba(0, 0, 0, 0.85); |
||||
|
opacity: 1; |
||||
|
} |
||||
|
.alertify .ajs-dialog { |
||||
|
max-width: 50%; |
||||
|
min-height: 137px; |
||||
|
background-color: #F4F4F4; |
||||
|
border: 1px solid #DDD; |
||||
|
-webkit-box-shadow: none; |
||||
|
box-shadow: none; |
||||
|
border-radius: 5px; |
||||
|
} |
||||
|
.alertify .ajs-header { |
||||
|
padding: 1.5rem 2rem; |
||||
|
border-bottom: none; |
||||
|
border-radius: 5px 5px 0 0; |
||||
|
color: #555; |
||||
|
background-color: #fff; |
||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
|
font-size: 1.6em; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
.alertify .ajs-body { |
||||
|
font-family: 'Roboto', sans-serif; |
||||
|
color: #555; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input { |
||||
|
width: 100%; |
||||
|
margin: 0; |
||||
|
padding: .65em 1em; |
||||
|
font-size: 1em; |
||||
|
background-color: #FFF; |
||||
|
border: 1px solid rgba(0, 0, 0, 0.15); |
||||
|
outline: 0; |
||||
|
color: rgba(0, 0, 0, 0.7); |
||||
|
border-radius: .3125em; |
||||
|
-webkit-transition: background-color 0.3s ease-out, border-color 0.2s ease, -webkit-box-shadow 0.2s ease; |
||||
|
transition: background-color 0.3s ease-out, border-color 0.2s ease, -webkit-box-shadow 0.2s ease; |
||||
|
transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease; |
||||
|
transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease, -webkit-box-shadow 0.2s ease; |
||||
|
-webkit-box-sizing: border-box; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input:active { |
||||
|
border-color: rgba(0, 0, 0, 0.3); |
||||
|
background-color: #FAFAFA; |
||||
|
} |
||||
|
.alertify .ajs-body .ajs-content .ajs-input:focus { |
||||
|
border-color: rgba(0, 0, 0, 0.2); |
||||
|
color: rgba(0, 0, 0, 0.85); |
||||
|
} |
||||
|
.alertify.ajs-resizable .ajs-content, |
||||
|
.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content { |
||||
|
top: 64px; |
||||
|
bottom: 74px; |
||||
|
} |
||||
|
.alertify .ajs-footer { |
||||
|
background-color: #fff; |
||||
|
padding: 1rem 2rem; |
||||
|
border-top: none; |
||||
|
border-radius: 0 0 5px 5px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message { |
||||
|
background: rgba(255, 255, 255, 0.95); |
||||
|
color: #000; |
||||
|
text-align: center; |
||||
|
border: solid 1px #ddd; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-success { |
||||
|
color: #fff; |
||||
|
background: rgba(91, 189, 114, 0.95); |
||||
|
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-error { |
||||
|
color: #fff; |
||||
|
background: rgba(217, 92, 92, 0.95); |
||||
|
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5); |
||||
|
} |
||||
|
.alertify-notifier .ajs-message.ajs-warning { |
||||
|
background: rgba(252, 248, 215, 0.95); |
||||
|
border-color: #999; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* alertifyjs 1.11.4 http://alertifyjs.com |
||||
|
* AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. |
||||
|
* Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) |
||||
|
* Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/ |
||||
|
.alertify .ajs-dimmer{background-color:rgba(0,0,0,.85);opacity:1}.alertify .ajs-dialog{max-width:50%;min-height:137px;background-color:#f4f4f4;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none;border-radius:5px}.alertify .ajs-header{padding:1.5rem 2rem;border-bottom:none;border-radius:5px 5px 0 0;color:#555;background-color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:700}.alertify .ajs-body{font-family:Roboto,sans-serif;color:#555}.alertify .ajs-body .ajs-content .ajs-input{width:100%;margin:0;padding:.65em 1em;font-size:1em;background-color:#fff;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);border-radius:.3125em;-webkit-transition:background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease,-webkit-box-shadow .2s ease;-webkit-box-sizing:border-box;box-sizing:border-box}.alertify .ajs-body .ajs-content .ajs-input:active{border-color:rgba(0,0,0,.3);background-color:#fafafa}.alertify .ajs-body .ajs-content .ajs-input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,.alertify.ajs-resizable .ajs-content{top:64px;bottom:74px}.alertify .ajs-footer{background-color:#fff;padding:1rem 2rem;border-top:none;border-radius:0 0 5px 5px}.alertify-notifier .ajs-message{background:rgba(255,255,255,.95);color:#000;text-align:center;border:solid 1px #ddd;border-radius:2px}.alertify-notifier .ajs-message.ajs-success{color:#fff;background:rgba(91,189,114,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-error{color:#fff;background:rgba(217,92,92,.95);text-shadow:1px -1px 0 rgba(0,0,0,.5)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95);border-color:#999} |
@ -0,0 +1,61 @@ |
|||||
|
/* iCheck plugin skins |
||||
|
----------------------------------- */ |
||||
|
@import url("minimal/_all.css"); |
||||
|
/* |
||||
|
@import url("minimal/minimal.css"); |
||||
|
@import url("minimal/red.css"); |
||||
|
@import url("minimal/green.css"); |
||||
|
@import url("minimal/blue.css"); |
||||
|
@import url("minimal/aero.css"); |
||||
|
@import url("minimal/grey.css"); |
||||
|
@import url("minimal/orange.css"); |
||||
|
@import url("minimal/yellow.css"); |
||||
|
@import url("minimal/pink.css"); |
||||
|
@import url("minimal/purple.css"); |
||||
|
*/ |
||||
|
|
||||
|
@import url("square/_all.css"); |
||||
|
/* |
||||
|
@import url("square/square.css"); |
||||
|
@import url("square/red.css"); |
||||
|
@import url("square/green.css"); |
||||
|
@import url("square/blue.css"); |
||||
|
@import url("square/aero.css"); |
||||
|
@import url("square/grey.css"); |
||||
|
@import url("square/orange.css"); |
||||
|
@import url("square/yellow.css"); |
||||
|
@import url("square/pink.css"); |
||||
|
@import url("square/purple.css"); |
||||
|
*/ |
||||
|
|
||||
|
@import url("flat/_all.css"); |
||||
|
/* |
||||
|
@import url("flat/flat.css"); |
||||
|
@import url("flat/red.css"); |
||||
|
@import url("flat/green.css"); |
||||
|
@import url("flat/blue.css"); |
||||
|
@import url("flat/aero.css"); |
||||
|
@import url("flat/grey.css"); |
||||
|
@import url("flat/orange.css"); |
||||
|
@import url("flat/yellow.css"); |
||||
|
@import url("flat/pink.css"); |
||||
|
@import url("flat/purple.css"); |
||||
|
*/ |
||||
|
|
||||
|
@import url("line/_all.css"); |
||||
|
/* |
||||
|
@import url("line/line.css"); |
||||
|
@import url("line/red.css"); |
||||
|
@import url("line/green.css"); |
||||
|
@import url("line/blue.css"); |
||||
|
@import url("line/aero.css"); |
||||
|
@import url("line/grey.css"); |
||||
|
@import url("line/orange.css"); |
||||
|
@import url("line/yellow.css"); |
||||
|
@import url("line/pink.css"); |
||||
|
@import url("line/purple.css"); |
||||
|
*/ |
||||
|
|
||||
|
@import url("polaris/polaris.css"); |
||||
|
|
||||
|
@import url("futurico/futurico.css"); |
@ -0,0 +1,560 @@ |
|||||
|
/* iCheck plugin Flat skin |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat, |
||||
|
.iradio_flat { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(flat.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat, |
||||
|
.iradio_flat { |
||||
|
background-image: url(flat@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* red */ |
||||
|
.icheckbox_flat-red, |
||||
|
.iradio_flat-red { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(red.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-red { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-red.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-red.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-red.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-red { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-red.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-red.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-red.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-red, |
||||
|
.iradio_flat-red { |
||||
|
background-image: url(red@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* green */ |
||||
|
.icheckbox_flat-green, |
||||
|
.iradio_flat-green { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(green.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-green { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-green.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-green.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-green.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-green { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-green.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-green.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-green.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-green, |
||||
|
.iradio_flat-green { |
||||
|
background-image: url(green@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* blue */ |
||||
|
.icheckbox_flat-blue, |
||||
|
.iradio_flat-blue { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(blue.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-blue { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-blue.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-blue.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-blue.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-blue { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-blue.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-blue.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-blue.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-blue, |
||||
|
.iradio_flat-blue { |
||||
|
background-image: url(blue@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* aero */ |
||||
|
.icheckbox_flat-aero, |
||||
|
.iradio_flat-aero { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(aero.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-aero { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-aero.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-aero.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-aero.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-aero { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-aero.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-aero.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-aero.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-aero, |
||||
|
.iradio_flat-aero { |
||||
|
background-image: url(aero@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* grey */ |
||||
|
.icheckbox_flat-grey, |
||||
|
.iradio_flat-grey { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(grey.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-grey { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-grey.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-grey.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-grey.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-grey { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-grey.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-grey.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-grey.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-grey, |
||||
|
.iradio_flat-grey { |
||||
|
background-image: url(grey@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* orange */ |
||||
|
.icheckbox_flat-orange, |
||||
|
.iradio_flat-orange { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(orange.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-orange { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-orange.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-orange.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-orange.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-orange { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-orange.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-orange.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-orange.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-orange, |
||||
|
.iradio_flat-orange { |
||||
|
background-image: url(orange@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* yellow */ |
||||
|
.icheckbox_flat-yellow, |
||||
|
.iradio_flat-yellow { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(yellow.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-yellow { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-yellow.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-yellow.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-yellow.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-yellow { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-yellow.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-yellow.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-yellow.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-yellow, |
||||
|
.iradio_flat-yellow { |
||||
|
background-image: url(yellow@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* pink */ |
||||
|
.icheckbox_flat-pink, |
||||
|
.iradio_flat-pink { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(pink.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-pink { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-pink.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-pink.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-pink.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-pink { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-pink.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-pink.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-pink.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-pink, |
||||
|
.iradio_flat-pink { |
||||
|
background-image: url(pink@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* purple */ |
||||
|
.icheckbox_flat-purple, |
||||
|
.iradio_flat-purple { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(purple.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-purple { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-purple.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-purple.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-purple.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-purple { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-purple.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-purple.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-purple.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-purple, |
||||
|
.iradio_flat-purple { |
||||
|
background-image: url(purple@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, aero |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-aero, |
||||
|
.iradio_flat-aero { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(aero.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-aero { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-aero.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-aero.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-aero.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-aero { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-aero.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-aero.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-aero.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-aero, |
||||
|
.iradio_flat-aero { |
||||
|
background-image: url(aero@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.1 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, blue |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-blue, |
||||
|
.iradio_flat-blue { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(blue.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-blue { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-blue.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-blue.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-blue.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-blue { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-blue.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-blue.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-blue.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-blue, |
||||
|
.iradio_flat-blue { |
||||
|
background-image: url(blue@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.1 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin flat skin, black |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat, |
||||
|
.iradio_flat { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(flat.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat, |
||||
|
.iradio_flat { |
||||
|
background-image: url(flat@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.1 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, green |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-green, |
||||
|
.iradio_flat-green { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(green.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-green { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-green.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-green.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-green.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-green { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-green.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-green.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-green.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-green, |
||||
|
.iradio_flat-green { |
||||
|
background-image: url(green@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.4 KiB |
After Width: 352 | Height: 44 | Size: 3.0 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, grey |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-grey, |
||||
|
.iradio_flat-grey { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(grey.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-grey { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-grey.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-grey.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-grey.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-grey { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-grey.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-grey.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-grey.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-grey, |
||||
|
.iradio_flat-grey { |
||||
|
background-image: url(grey@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.1 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, orange |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-orange, |
||||
|
.iradio_flat-orange { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(orange.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-orange { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-orange.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-orange.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-orange.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-orange { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-orange.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-orange.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-orange.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-orange, |
||||
|
.iradio_flat-orange { |
||||
|
background-image: url(orange@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.2 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, pink |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-pink, |
||||
|
.iradio_flat-pink { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(pink.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-pink { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-pink.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-pink.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-pink.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-pink { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-pink.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-pink.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-pink.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-pink, |
||||
|
.iradio_flat-pink { |
||||
|
background-image: url(pink@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.1 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, purple |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-purple, |
||||
|
.iradio_flat-purple { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(purple.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-purple { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-purple.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-purple.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-purple.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-purple { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-purple.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-purple.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-purple.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-purple, |
||||
|
.iradio_flat-purple { |
||||
|
background-image: url(purple@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.1 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, red |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-red, |
||||
|
.iradio_flat-red { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(red.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-red { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-red.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-red.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-red.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-red { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-red.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-red.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-red.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-red, |
||||
|
.iradio_flat-red { |
||||
|
background-image: url(red@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.2 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Flat skin, yellow |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_flat-yellow, |
||||
|
.iradio_flat-yellow { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 20px; |
||||
|
height: 20px; |
||||
|
background: url(yellow.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_flat-yellow { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_flat-yellow.checked { |
||||
|
background-position: -22px 0; |
||||
|
} |
||||
|
.icheckbox_flat-yellow.disabled { |
||||
|
background-position: -44px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_flat-yellow.checked.disabled { |
||||
|
background-position: -66px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_flat-yellow { |
||||
|
background-position: -88px 0; |
||||
|
} |
||||
|
.iradio_flat-yellow.checked { |
||||
|
background-position: -110px 0; |
||||
|
} |
||||
|
.iradio_flat-yellow.disabled { |
||||
|
background-position: -132px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_flat-yellow.checked.disabled { |
||||
|
background-position: -154px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_flat-yellow, |
||||
|
.iradio_flat-yellow { |
||||
|
background-image: url(yellow@2x.png); |
||||
|
-webkit-background-size: 176px 22px; |
||||
|
background-size: 176px 22px; |
||||
|
} |
||||
|
} |
After Width: 176 | Height: 22 | Size: 1.5 KiB |
After Width: 352 | Height: 44 | Size: 3.1 KiB |
@ -0,0 +1,56 @@ |
|||||
|
/* iCheck plugin Futurico skin |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_futurico, |
||||
|
.iradio_futurico { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 16px; |
||||
|
height: 17px; |
||||
|
background: url(futurico.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_futurico { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_futurico.checked { |
||||
|
background-position: -18px 0; |
||||
|
} |
||||
|
.icheckbox_futurico.disabled { |
||||
|
background-position: -36px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_futurico.checked.disabled { |
||||
|
background-position: -54px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_futurico { |
||||
|
background-position: -72px 0; |
||||
|
} |
||||
|
.iradio_futurico.checked { |
||||
|
background-position: -90px 0; |
||||
|
} |
||||
|
.iradio_futurico.disabled { |
||||
|
background-position: -108px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_futurico.checked.disabled { |
||||
|
background-position: -126px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_futurico, |
||||
|
.iradio_futurico { |
||||
|
background-image: url(futurico@2x.png); |
||||
|
-webkit-background-size: 144px 19px; |
||||
|
background-size: 144px 19px; |
||||
|
} |
||||
|
} |
After Width: 144 | Height: 19 | Size: 1.7 KiB |
After Width: 288 | Height: 38 | Size: 3.4 KiB |
@ -0,0 +1,478 @@ |
|||||
|
/*! |
||||
|
* iCheck v1.0.1, http://git.io/arlzeA
|
||||
|
* ================================= |
||||
|
* Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization |
||||
|
* |
||||
|
* (c) 2013 Damir Sultanov, http://fronteed.com
|
||||
|
* MIT Licensed |
||||
|
*/ |
||||
|
|
||||
|
(function($) { |
||||
|
|
||||
|
// Cached vars
|
||||
|
var _iCheck = 'iCheck', |
||||
|
_iCheckHelper = _iCheck + '-helper', |
||||
|
_checkbox = 'checkbox', |
||||
|
_radio = 'radio', |
||||
|
_checked = 'checked', |
||||
|
_unchecked = 'un' + _checked, |
||||
|
_disabled = 'disabled', |
||||
|
_determinate = 'determinate', |
||||
|
_indeterminate = 'in' + _determinate, |
||||
|
_update = 'update', |
||||
|
_type = 'type', |
||||
|
_click = 'click', |
||||
|
_touch = 'touchbegin.i touchend.i', |
||||
|
_add = 'addClass', |
||||
|
_remove = 'removeClass', |
||||
|
_callback = 'trigger', |
||||
|
_label = 'label', |
||||
|
_cursor = 'cursor', |
||||
|
_mobile = /ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent); |
||||
|
|
||||
|
// Plugin init
|
||||
|
$.fn[_iCheck] = function(options, fire) { |
||||
|
|
||||
|
// Walker
|
||||
|
var handle = 'input[type="' + _checkbox + '"], input[type="' + _radio + '"]', |
||||
|
stack = $(), |
||||
|
walker = function(object) { |
||||
|
object.each(function() { |
||||
|
var self = $(this); |
||||
|
|
||||
|
if (self.is(handle)) { |
||||
|
stack = stack.add(self); |
||||
|
} else { |
||||
|
stack = stack.add(self.find(handle)); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
// Check if we should operate with some method
|
||||
|
if (/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(options)) { |
||||
|
|
||||
|
// Normalize method's name
|
||||
|
options = options.toLowerCase(); |
||||
|
|
||||
|
// Find checkboxes and radio buttons
|
||||
|
walker(this); |
||||
|
|
||||
|
return stack.each(function() { |
||||
|
var self = $(this); |
||||
|
|
||||
|
if (options == 'destroy') { |
||||
|
tidy(self, 'ifDestroyed'); |
||||
|
} else { |
||||
|
operate(self, true, options); |
||||
|
} |
||||
|
// Fire method's callback
|
||||
|
if ($.isFunction(fire)) { |
||||
|
fire(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// Customization
|
||||
|
} else if (typeof options == 'object' || !options) { |
||||
|
|
||||
|
// Check if any options were passed
|
||||
|
var settings = $.extend({ |
||||
|
checkedClass: _checked, |
||||
|
disabledClass: _disabled, |
||||
|
indeterminateClass: _indeterminate, |
||||
|
labelHover: true, |
||||
|
aria: false |
||||
|
}, options), |
||||
|
|
||||
|
selector = settings.handle, |
||||
|
hoverClass = settings.hoverClass || 'hover', |
||||
|
focusClass = settings.focusClass || 'focus', |
||||
|
activeClass = settings.activeClass || 'active', |
||||
|
labelHover = !!settings.labelHover, |
||||
|
labelHoverClass = settings.labelHoverClass || 'hover', |
||||
|
|
||||
|
// Setup clickable area
|
||||
|
area = ('' + settings.increaseArea).replace('%', '') | 0; |
||||
|
|
||||
|
// Selector limit
|
||||
|
if (selector == _checkbox || selector == _radio) { |
||||
|
handle = 'input[type="' + selector + '"]'; |
||||
|
} |
||||
|
// Clickable area limit
|
||||
|
if (area < -50) { |
||||
|
area = -50; |
||||
|
} |
||||
|
// Walk around the selector
|
||||
|
walker(this); |
||||
|
|
||||
|
return stack.each(function() { |
||||
|
var self = $(this); |
||||
|
|
||||
|
// If already customized
|
||||
|
tidy(self); |
||||
|
|
||||
|
var node = this, |
||||
|
id = node.id, |
||||
|
|
||||
|
// Layer styles
|
||||
|
offset = -area + '%', |
||||
|
size = 100 + (area * 2) + '%', |
||||
|
layer = { |
||||
|
position: 'absolute', |
||||
|
top: offset, |
||||
|
left: offset, |
||||
|
display: 'block', |
||||
|
width: size, |
||||
|
height: size, |
||||
|
margin: 0, |
||||
|
padding: 0, |
||||
|
background: '#fff', |
||||
|
border: 0, |
||||
|
opacity: 0 |
||||
|
}, |
||||
|
|
||||
|
// Choose how to hide input
|
||||
|
hide = _mobile ? { |
||||
|
position: 'absolute', |
||||
|
visibility: 'hidden' |
||||
|
} : area ? layer : { |
||||
|
position: 'absolute', |
||||
|
opacity: 0 |
||||
|
}, |
||||
|
|
||||
|
// Get proper class
|
||||
|
className = node[_type] == _checkbox ? settings.checkboxClass || 'i' + _checkbox : settings.radioClass || 'i' + _radio, |
||||
|
|
||||
|
// Find assigned labels
|
||||
|
label = $(_label + '[for="' + id + '"]').add(self.closest(_label)), |
||||
|
|
||||
|
// Check ARIA option
|
||||
|
aria = !!settings.aria, |
||||
|
|
||||
|
// Set ARIA placeholder
|
||||
|
ariaID = _iCheck + '-' + Math.random().toString(36).replace('0.', ''), |
||||
|
|
||||
|
// Parent & helper
|
||||
|
parent = '<div class="' + className + '" ' + (aria ? 'role="' + node[_type] + '" ' : ''), |
||||
|
helper; |
||||
|
|
||||
|
// Set ARIA "labelledby"
|
||||
|
if (label.length && aria) { |
||||
|
label.each(function() { |
||||
|
parent += 'aria-labelledby="'; |
||||
|
|
||||
|
if (this.id) { |
||||
|
parent += this.id; |
||||
|
} else { |
||||
|
this.id = ariaID; |
||||
|
parent += ariaID; |
||||
|
} |
||||
|
|
||||
|
parent += '"'; |
||||
|
}); |
||||
|
} |
||||
|
// Wrap input
|
||||
|
parent = self.wrap(parent + '/>')[_callback]('ifCreated').parent().append(settings.insert); |
||||
|
|
||||
|
// Layer addition
|
||||
|
helper = $('<ins class="' + _iCheckHelper + '"/>').css(layer).appendTo(parent); |
||||
|
|
||||
|
// Finalize customization
|
||||
|
self.data(_iCheck, {o: settings, s: self.attr('style')}).css(hide); |
||||
|
!!settings.inheritClass && parent[_add](node.className || ''); |
||||
|
!!settings.inheritID && id && parent.attr('id', _iCheck + '-' + id); |
||||
|
parent.css('position') == 'static' && parent.css('position', 'relative'); |
||||
|
operate(self, true, _update); |
||||
|
|
||||
|
// Label events
|
||||
|
if (label.length) { |
||||
|
label.on(_click + '.i mouseover.i mouseout.i ' + _touch, function(event) { |
||||
|
var type = event[_type], |
||||
|
item = $(this); |
||||
|
|
||||
|
// Do nothing if input is disabled
|
||||
|
if (!node[_disabled]) { |
||||
|
|
||||
|
// Click
|
||||
|
if (type == _click) { |
||||
|
if ($(event.target).is('a')) { |
||||
|
return; |
||||
|
} |
||||
|
operate(self, false, true); |
||||
|
|
||||
|
// Hover state
|
||||
|
} else if (labelHover) { |
||||
|
|
||||
|
// mouseout|touchend
|
||||
|
if (/ut|nd/.test(type)) { |
||||
|
parent[_remove](hoverClass); |
||||
|
item[_remove](labelHoverClass); |
||||
|
} else { |
||||
|
parent[_add](hoverClass); |
||||
|
item[_add](labelHoverClass); |
||||
|
} |
||||
|
} |
||||
|
if (_mobile) { |
||||
|
event.stopPropagation(); |
||||
|
} else { |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
// Input events
|
||||
|
self.on(_click + '.i focus.i blur.i keyup.i keydown.i keypress.i', function(event) { |
||||
|
var type = event[_type], |
||||
|
key = event.keyCode; |
||||
|
|
||||
|
// Click
|
||||
|
if (type == _click) { |
||||
|
return false; |
||||
|
|
||||
|
// Keydown
|
||||
|
} else if (type == 'keydown' && key == 32) { |
||||
|
if (!(node[_type] == _radio && node[_checked])) { |
||||
|
if (node[_checked]) { |
||||
|
off(self, _checked); |
||||
|
} else { |
||||
|
on(self, _checked); |
||||
|
} |
||||
|
} |
||||
|
return false; |
||||
|
|
||||
|
// Keyup
|
||||
|
} else if (type == 'keyup' && node[_type] == _radio) { |
||||
|
!node[_checked] && on(self, _checked); |
||||
|
|
||||
|
// Focus/blur
|
||||
|
} else if (/us|ur/.test(type)) { |
||||
|
parent[type == 'blur' ? _remove : _add](focusClass); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// Helper events
|
||||
|
helper.on(_click + ' mousedown mouseup mouseover mouseout ' + _touch, function(event) { |
||||
|
var type = event[_type], |
||||
|
|
||||
|
// mousedown|mouseup
|
||||
|
toggle = /wn|up/.test(type) ? activeClass : hoverClass; |
||||
|
|
||||
|
// Do nothing if input is disabled
|
||||
|
if (!node[_disabled]) { |
||||
|
|
||||
|
// Click
|
||||
|
if (type == _click) { |
||||
|
operate(self, false, true); |
||||
|
|
||||
|
// Active and hover states
|
||||
|
} else { |
||||
|
|
||||
|
// State is on
|
||||
|
if (/wn|er|in/.test(type)) { |
||||
|
|
||||
|
// mousedown|mouseover|touchbegin
|
||||
|
parent[_add](toggle); |
||||
|
|
||||
|
// State is off
|
||||
|
} else { |
||||
|
parent[_remove](toggle + ' ' + activeClass); |
||||
|
} |
||||
|
// Label hover
|
||||
|
if (label.length && labelHover && toggle == hoverClass) { |
||||
|
|
||||
|
// mouseout|touchend
|
||||
|
label[/ut|nd/.test(type) ? _remove : _add](labelHoverClass); |
||||
|
} |
||||
|
} |
||||
|
if (_mobile) { |
||||
|
event.stopPropagation(); |
||||
|
} else { |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
} else { |
||||
|
return this; |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
// Do something with inputs
|
||||
|
function operate(input, direct, method) { |
||||
|
var node = input[0], |
||||
|
state = /er/.test(method) ? _indeterminate : /bl/.test(method) ? _disabled : _checked, |
||||
|
active = method == _update ? { |
||||
|
checked: node[_checked], |
||||
|
disabled: node[_disabled], |
||||
|
indeterminate: input.attr(_indeterminate) == 'true' || input.attr(_determinate) == 'false' |
||||
|
} : node[state]; |
||||
|
|
||||
|
// Check, disable or indeterminate
|
||||
|
if (/^(ch|di|in)/.test(method) && !active) { |
||||
|
on(input, state); |
||||
|
|
||||
|
// Uncheck, enable or determinate
|
||||
|
} else if (/^(un|en|de)/.test(method) && active) { |
||||
|
off(input, state); |
||||
|
|
||||
|
// Update
|
||||
|
} else if (method == _update) { |
||||
|
|
||||
|
// Handle states
|
||||
|
for (var state in active) { |
||||
|
if (active[state]) { |
||||
|
on(input, state, true); |
||||
|
} else { |
||||
|
off(input, state, true); |
||||
|
} |
||||
|
} |
||||
|
} else if (!direct || method == 'toggle') { |
||||
|
|
||||
|
// Helper or label was clicked
|
||||
|
if (!direct) { |
||||
|
input[_callback]('ifClicked'); |
||||
|
} |
||||
|
// Toggle checked state
|
||||
|
if (active) { |
||||
|
if (node[_type] !== _radio) { |
||||
|
off(input, state); |
||||
|
} |
||||
|
} else { |
||||
|
on(input, state); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// Add checked, disabled or indeterminate state
|
||||
|
function on(input, state, keep) { |
||||
|
var node = input[0], |
||||
|
parent = input.parent(), |
||||
|
checked = state == _checked, |
||||
|
indeterminate = state == _indeterminate, |
||||
|
disabled = state == _disabled, |
||||
|
callback = indeterminate ? _determinate : checked ? _unchecked : 'enabled', |
||||
|
regular = option(input, callback + capitalize(node[_type])), |
||||
|
specific = option(input, state + capitalize(node[_type])); |
||||
|
|
||||
|
// Prevent unnecessary actions
|
||||
|
if (node[state] !== true) { |
||||
|
|
||||
|
// Toggle assigned radio buttons
|
||||
|
if (!keep && state == _checked && node[_type] == _radio && node.name) { |
||||
|
var form = input.closest('form'), |
||||
|
inputs = 'input[name="' + node.name + '"]'; |
||||
|
|
||||
|
inputs = form.length ? form.find(inputs) : $(inputs); |
||||
|
|
||||
|
inputs.each(function() { |
||||
|
if (this !== node && $(this).data(_iCheck)) { |
||||
|
off($(this), state); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
// Indeterminate state
|
||||
|
if (indeterminate) { |
||||
|
|
||||
|
// Add indeterminate state
|
||||
|
node[state] = true; |
||||
|
|
||||
|
// Remove checked state
|
||||
|
if (node[_checked]) { |
||||
|
off(input, _checked, 'force'); |
||||
|
} |
||||
|
// Checked or disabled state
|
||||
|
} else { |
||||
|
|
||||
|
// Add checked or disabled state
|
||||
|
if (!keep) { |
||||
|
node[state] = true; |
||||
|
} |
||||
|
// Remove indeterminate state
|
||||
|
if (checked && node[_indeterminate]) { |
||||
|
off(input, _indeterminate, false); |
||||
|
} |
||||
|
} |
||||
|
// Trigger callbacks
|
||||
|
callbacks(input, checked, state, keep); |
||||
|
} |
||||
|
// Add proper cursor
|
||||
|
if (node[_disabled] && !!option(input, _cursor, true)) { |
||||
|
parent.find('.' + _iCheckHelper).css(_cursor, 'default'); |
||||
|
} |
||||
|
// Add state class
|
||||
|
parent[_add](specific || option(input, state) || ''); |
||||
|
|
||||
|
// Set ARIA attribute
|
||||
|
disabled ? parent.attr('aria-disabled', 'true') : parent.attr('aria-checked', indeterminate ? 'mixed' : 'true'); |
||||
|
|
||||
|
// Remove regular state class
|
||||
|
parent[_remove](regular || option(input, callback) || ''); |
||||
|
} |
||||
|
// Remove checked, disabled or indeterminate state
|
||||
|
function off(input, state, keep) { |
||||
|
var node = input[0], |
||||
|
parent = input.parent(), |
||||
|
checked = state == _checked, |
||||
|
indeterminate = state == _indeterminate, |
||||
|
disabled = state == _disabled, |
||||
|
callback = indeterminate ? _determinate : checked ? _unchecked : 'enabled', |
||||
|
regular = option(input, callback + capitalize(node[_type])), |
||||
|
specific = option(input, state + capitalize(node[_type])); |
||||
|
|
||||
|
// Prevent unnecessary actions
|
||||
|
if (node[state] !== false) { |
||||
|
|
||||
|
// Toggle state
|
||||
|
if (indeterminate || !keep || keep == 'force') { |
||||
|
node[state] = false; |
||||
|
} |
||||
|
// Trigger callbacks
|
||||
|
callbacks(input, checked, callback, keep); |
||||
|
} |
||||
|
// Add proper cursor
|
||||
|
if (!node[_disabled] && !!option(input, _cursor, true)) { |
||||
|
parent.find('.' + _iCheckHelper).css(_cursor, 'pointer'); |
||||
|
} |
||||
|
// Remove state class
|
||||
|
parent[_remove](specific || option(input, state) || ''); |
||||
|
|
||||
|
// Set ARIA attribute
|
||||
|
disabled ? parent.attr('aria-disabled', 'false') : parent.attr('aria-checked', 'false'); |
||||
|
|
||||
|
// Add regular state class
|
||||
|
parent[_add](regular || option(input, callback) || ''); |
||||
|
} |
||||
|
// Remove all traces
|
||||
|
function tidy(input, callback) { |
||||
|
if (input.data(_iCheck)) { |
||||
|
|
||||
|
// Remove everything except input
|
||||
|
input.parent().html(input.attr('style', input.data(_iCheck).s || '')); |
||||
|
|
||||
|
// Callback
|
||||
|
if (callback) { |
||||
|
input[_callback](callback); |
||||
|
} |
||||
|
// Unbind events
|
||||
|
input.off('.i').unwrap(); |
||||
|
$(_label + '[for="' + input[0].id + '"]').add(input.closest(_label)).off('.i'); |
||||
|
} |
||||
|
} |
||||
|
// Get some option
|
||||
|
function option(input, state, regular) { |
||||
|
if (input.data(_iCheck)) { |
||||
|
return input.data(_iCheck).o[state + (regular ? '' : 'Class')]; |
||||
|
} |
||||
|
} |
||||
|
// Capitalize some string
|
||||
|
function capitalize(string) { |
||||
|
return string.charAt(0).toUpperCase() + string.slice(1); |
||||
|
} |
||||
|
// Executable handlers
|
||||
|
function callbacks(input, checked, callback, keep) { |
||||
|
if (!keep) { |
||||
|
if (checked) { |
||||
|
input[_callback]('ifToggled'); |
||||
|
} |
||||
|
input[_callback]('ifChanged')[_callback]('if' + capitalize(callback)); |
||||
|
} |
||||
|
} |
||||
|
})(window.jQuery || window.Zepto); |
@ -0,0 +1,10 @@ |
|||||
|
/*! iCheck v1.0.1 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */ |
||||
|
(function(h){function F(a,b,d){var c=a[0],e=/er/.test(d)?m:/bl/.test(d)?s:l,f=d==H?{checked:c[l],disabled:c[s],indeterminate:"true"==a.attr(m)||"false"==a.attr(w)}:c[e];if(/^(ch|di|in)/.test(d)&&!f)D(a,e);else if(/^(un|en|de)/.test(d)&&f)t(a,e);else if(d==H)for(e in f)f[e]?D(a,e,!0):t(a,e,!0);else if(!b||"toggle"==d){if(!b)a[p]("ifClicked");f?c[n]!==u&&t(a,e):D(a,e)}}function D(a,b,d){var c=a[0],e=a.parent(),f=b==l,A=b==m,B=b==s,K=A?w:f?E:"enabled",p=k(a,K+x(c[n])),N=k(a,b+x(c[n]));if(!0!==c[b]){if(!d&& |
||||
|
b==l&&c[n]==u&&c.name){var C=a.closest("form"),r='input[name="'+c.name+'"]',r=C.length?C.find(r):h(r);r.each(function(){this!==c&&h(this).data(q)&&t(h(this),b)})}A?(c[b]=!0,c[l]&&t(a,l,"force")):(d||(c[b]=!0),f&&c[m]&&t(a,m,!1));L(a,f,b,d)}c[s]&&k(a,y,!0)&&e.find("."+I).css(y,"default");e[v](N||k(a,b)||"");B?e.attr("aria-disabled","true"):e.attr("aria-checked",A?"mixed":"true");e[z](p||k(a,K)||"")}function t(a,b,d){var c=a[0],e=a.parent(),f=b==l,h=b==m,q=b==s,p=h?w:f?E:"enabled",t=k(a,p+x(c[n])), |
||||
|
u=k(a,b+x(c[n]));if(!1!==c[b]){if(h||!d||"force"==d)c[b]=!1;L(a,f,p,d)}!c[s]&&k(a,y,!0)&&e.find("."+I).css(y,"pointer");e[z](u||k(a,b)||"");q?e.attr("aria-disabled","false"):e.attr("aria-checked","false");e[v](t||k(a,p)||"")}function M(a,b){if(a.data(q)){a.parent().html(a.attr("style",a.data(q).s||""));if(b)a[p](b);a.off(".i").unwrap();h(G+'[for="'+a[0].id+'"]').add(a.closest(G)).off(".i")}}function k(a,b,d){if(a.data(q))return a.data(q).o[b+(d?"":"Class")]}function x(a){return a.charAt(0).toUpperCase()+ |
||||
|
a.slice(1)}function L(a,b,d,c){if(!c){if(b)a[p]("ifToggled");a[p]("ifChanged")[p]("if"+x(d))}}var q="iCheck",I=q+"-helper",u="radio",l="checked",E="un"+l,s="disabled",w="determinate",m="in"+w,H="update",n="type",v="addClass",z="removeClass",p="trigger",G="label",y="cursor",J=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);h.fn[q]=function(a,b){var d='input[type="checkbox"], input[type="'+u+'"]',c=h(),e=function(a){a.each(function(){var a=h(this);c=a.is(d)? |
||||
|
c.add(a):c.add(a.find(d))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(a))return a=a.toLowerCase(),e(this),c.each(function(){var c=h(this);"destroy"==a?M(c,"ifDestroyed"):F(c,!0,a);h.isFunction(b)&&b()});if("object"!=typeof a&&a)return this;var f=h.extend({checkedClass:l,disabledClass:s,indeterminateClass:m,labelHover:!0,aria:!1},a),k=f.handle,B=f.hoverClass||"hover",x=f.focusClass||"focus",w=f.activeClass||"active",y=!!f.labelHover,C=f.labelHoverClass|| |
||||
|
"hover",r=(""+f.increaseArea).replace("%","")|0;if("checkbox"==k||k==u)d='input[type="'+k+'"]';-50>r&&(r=-50);e(this);return c.each(function(){var a=h(this);M(a);var c=this,b=c.id,e=-r+"%",d=100+2*r+"%",d={position:"absolute",top:e,left:e,display:"block",width:d,height:d,margin:0,padding:0,background:"#fff",border:0,opacity:0},e=J?{position:"absolute",visibility:"hidden"}:r?d:{position:"absolute",opacity:0},k="checkbox"==c[n]?f.checkboxClass||"icheckbox":f.radioClass||"i"+u,m=h(G+'[for="'+b+'"]').add(a.closest(G)), |
||||
|
A=!!f.aria,E=q+"-"+Math.random().toString(36).replace("0.",""),g='<div class="'+k+'" '+(A?'role="'+c[n]+'" ':"");m.length&&A&&m.each(function(){g+='aria-labelledby="';this.id?g+=this.id:(this.id=E,g+=E);g+='"'});g=a.wrap(g+"/>")[p]("ifCreated").parent().append(f.insert);d=h('<ins class="'+I+'"/>').css(d).appendTo(g);a.data(q,{o:f,s:a.attr("style")}).css(e);f.inheritClass&&g[v](c.className||"");f.inheritID&&b&&g.attr("id",q+"-"+b);"static"==g.css("position")&&g.css("position","relative");F(a,!0,H); |
||||
|
if(m.length)m.on("click.i mouseover.i mouseout.i touchbegin.i touchend.i",function(b){var d=b[n],e=h(this);if(!c[s]){if("click"==d){if(h(b.target).is("a"))return;F(a,!1,!0)}else y&&(/ut|nd/.test(d)?(g[z](B),e[z](C)):(g[v](B),e[v](C)));if(J)b.stopPropagation();else return!1}});a.on("click.i focus.i blur.i keyup.i keydown.i keypress.i",function(b){var d=b[n];b=b.keyCode;if("click"==d)return!1;if("keydown"==d&&32==b)return c[n]==u&&c[l]||(c[l]?t(a,l):D(a,l)),!1;if("keyup"==d&&c[n]==u)!c[l]&&D(a,l);else if(/us|ur/.test(d))g["blur"== |
||||
|
d?z:v](x)});d.on("click mousedown mouseup mouseover mouseout touchbegin.i touchend.i",function(b){var d=b[n],e=/wn|up/.test(d)?w:B;if(!c[s]){if("click"==d)F(a,!1,!0);else{if(/wn|er|in/.test(d))g[v](e);else g[z](e+" "+w);if(m.length&&y&&e==B)m[/ut|nd/.test(d)?z:v](C)}if(J)b.stopPropagation();else return!1}})})}})(window.jQuery||window.Zepto); |
@ -0,0 +1,740 @@ |
|||||
|
/* iCheck plugin Line skin |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line, |
||||
|
.iradio_line { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #000; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line .icheck_line-icon, |
||||
|
.iradio_line .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line.hover, |
||||
|
.icheckbox_line.checked.hover, |
||||
|
.iradio_line.hover { |
||||
|
background: #444; |
||||
|
} |
||||
|
.icheckbox_line.checked, |
||||
|
.iradio_line.checked { |
||||
|
background: #000; |
||||
|
} |
||||
|
.icheckbox_line.checked .icheck_line-icon, |
||||
|
.iradio_line.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line.disabled, |
||||
|
.iradio_line.disabled { |
||||
|
background: #ccc; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line.disabled .icheck_line-icon, |
||||
|
.iradio_line.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line.checked.disabled, |
||||
|
.iradio_line.checked.disabled { |
||||
|
background: #ccc; |
||||
|
} |
||||
|
.icheckbox_line.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line .icheck_line-icon, |
||||
|
.iradio_line .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* red */ |
||||
|
.icheckbox_line-red, |
||||
|
.iradio_line-red { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #e56c69; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-red .icheck_line-icon, |
||||
|
.iradio_line-red .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-red.hover, |
||||
|
.icheckbox_line-red.checked.hover, |
||||
|
.iradio_line-red.hover { |
||||
|
background: #E98582; |
||||
|
} |
||||
|
.icheckbox_line-red.checked, |
||||
|
.iradio_line-red.checked { |
||||
|
background: #e56c69; |
||||
|
} |
||||
|
.icheckbox_line-red.checked .icheck_line-icon, |
||||
|
.iradio_line-red.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-red.disabled, |
||||
|
.iradio_line-red.disabled { |
||||
|
background: #F7D3D2; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-red.disabled .icheck_line-icon, |
||||
|
.iradio_line-red.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-red.checked.disabled, |
||||
|
.iradio_line-red.checked.disabled { |
||||
|
background: #F7D3D2; |
||||
|
} |
||||
|
.icheckbox_line-red.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-red.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-red .icheck_line-icon, |
||||
|
.iradio_line-red .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* green */ |
||||
|
.icheckbox_line-green, |
||||
|
.iradio_line-green { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #1b7e5a; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-green .icheck_line-icon, |
||||
|
.iradio_line-green .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-green.hover, |
||||
|
.icheckbox_line-green.checked.hover, |
||||
|
.iradio_line-green.hover { |
||||
|
background: #24AA7A; |
||||
|
} |
||||
|
.icheckbox_line-green.checked, |
||||
|
.iradio_line-green.checked { |
||||
|
background: #1b7e5a; |
||||
|
} |
||||
|
.icheckbox_line-green.checked .icheck_line-icon, |
||||
|
.iradio_line-green.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-green.disabled, |
||||
|
.iradio_line-green.disabled { |
||||
|
background: #89E6C4; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-green.disabled .icheck_line-icon, |
||||
|
.iradio_line-green.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-green.checked.disabled, |
||||
|
.iradio_line-green.checked.disabled { |
||||
|
background: #89E6C4; |
||||
|
} |
||||
|
.icheckbox_line-green.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-green.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-green .icheck_line-icon, |
||||
|
.iradio_line-green .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* blue */ |
||||
|
.icheckbox_line-blue, |
||||
|
.iradio_line-blue { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #2489c5; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-blue .icheck_line-icon, |
||||
|
.iradio_line-blue .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-blue.hover, |
||||
|
.icheckbox_line-blue.checked.hover, |
||||
|
.iradio_line-blue.hover { |
||||
|
background: #3DA0DB; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked, |
||||
|
.iradio_line-blue.checked { |
||||
|
background: #2489c5; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked .icheck_line-icon, |
||||
|
.iradio_line-blue.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-blue.disabled, |
||||
|
.iradio_line-blue.disabled { |
||||
|
background: #ADD7F0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-blue.disabled .icheck_line-icon, |
||||
|
.iradio_line-blue.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked.disabled, |
||||
|
.iradio_line-blue.checked.disabled { |
||||
|
background: #ADD7F0; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-blue.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-blue .icheck_line-icon, |
||||
|
.iradio_line-blue .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* aero */ |
||||
|
.icheckbox_line-aero, |
||||
|
.iradio_line-aero { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #9cc2cb; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-aero .icheck_line-icon, |
||||
|
.iradio_line-aero .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-aero.hover, |
||||
|
.icheckbox_line-aero.checked.hover, |
||||
|
.iradio_line-aero.hover { |
||||
|
background: #B5D1D8; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked, |
||||
|
.iradio_line-aero.checked { |
||||
|
background: #9cc2cb; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked .icheck_line-icon, |
||||
|
.iradio_line-aero.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-aero.disabled, |
||||
|
.iradio_line-aero.disabled { |
||||
|
background: #D2E4E8; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-aero.disabled .icheck_line-icon, |
||||
|
.iradio_line-aero.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked.disabled, |
||||
|
.iradio_line-aero.checked.disabled { |
||||
|
background: #D2E4E8; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-aero.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-aero .icheck_line-icon, |
||||
|
.iradio_line-aero .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* grey */ |
||||
|
.icheckbox_line-grey, |
||||
|
.iradio_line-grey { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #73716e; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-grey .icheck_line-icon, |
||||
|
.iradio_line-grey .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-grey.hover, |
||||
|
.icheckbox_line-grey.checked.hover, |
||||
|
.iradio_line-grey.hover { |
||||
|
background: #8B8986; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked, |
||||
|
.iradio_line-grey.checked { |
||||
|
background: #73716e; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked .icheck_line-icon, |
||||
|
.iradio_line-grey.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-grey.disabled, |
||||
|
.iradio_line-grey.disabled { |
||||
|
background: #D5D4D3; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-grey.disabled .icheck_line-icon, |
||||
|
.iradio_line-grey.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked.disabled, |
||||
|
.iradio_line-grey.checked.disabled { |
||||
|
background: #D5D4D3; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-grey.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-grey .icheck_line-icon, |
||||
|
.iradio_line-grey .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* orange */ |
||||
|
.icheckbox_line-orange, |
||||
|
.iradio_line-orange { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #f70; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-orange .icheck_line-icon, |
||||
|
.iradio_line-orange .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-orange.hover, |
||||
|
.icheckbox_line-orange.checked.hover, |
||||
|
.iradio_line-orange.hover { |
||||
|
background: #FF9233; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked, |
||||
|
.iradio_line-orange.checked { |
||||
|
background: #f70; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked .icheck_line-icon, |
||||
|
.iradio_line-orange.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-orange.disabled, |
||||
|
.iradio_line-orange.disabled { |
||||
|
background: #FFD6B3; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-orange.disabled .icheck_line-icon, |
||||
|
.iradio_line-orange.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked.disabled, |
||||
|
.iradio_line-orange.checked.disabled { |
||||
|
background: #FFD6B3; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-orange.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-orange .icheck_line-icon, |
||||
|
.iradio_line-orange .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* yellow */ |
||||
|
.icheckbox_line-yellow, |
||||
|
.iradio_line-yellow { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #FFC414; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-yellow .icheck_line-icon, |
||||
|
.iradio_line-yellow .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-yellow.hover, |
||||
|
.icheckbox_line-yellow.checked.hover, |
||||
|
.iradio_line-yellow.hover { |
||||
|
background: #FFD34F; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked, |
||||
|
.iradio_line-yellow.checked { |
||||
|
background: #FFC414; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked .icheck_line-icon, |
||||
|
.iradio_line-yellow.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-yellow.disabled, |
||||
|
.iradio_line-yellow.disabled { |
||||
|
background: #FFE495; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-yellow.disabled .icheck_line-icon, |
||||
|
.iradio_line-yellow.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked.disabled, |
||||
|
.iradio_line-yellow.checked.disabled { |
||||
|
background: #FFE495; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-yellow.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-yellow .icheck_line-icon, |
||||
|
.iradio_line-yellow .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* pink */ |
||||
|
.icheckbox_line-pink, |
||||
|
.iradio_line-pink { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #a77a94; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-pink .icheck_line-icon, |
||||
|
.iradio_line-pink .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-pink.hover, |
||||
|
.icheckbox_line-pink.checked.hover, |
||||
|
.iradio_line-pink.hover { |
||||
|
background: #B995A9; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked, |
||||
|
.iradio_line-pink.checked { |
||||
|
background: #a77a94; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked .icheck_line-icon, |
||||
|
.iradio_line-pink.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-pink.disabled, |
||||
|
.iradio_line-pink.disabled { |
||||
|
background: #E0D0DA; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-pink.disabled .icheck_line-icon, |
||||
|
.iradio_line-pink.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked.disabled, |
||||
|
.iradio_line-pink.checked.disabled { |
||||
|
background: #E0D0DA; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-pink.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-pink .icheck_line-icon, |
||||
|
.iradio_line-pink .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* purple */ |
||||
|
.icheckbox_line-purple, |
||||
|
.iradio_line-purple { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #6a5a8c; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-purple .icheck_line-icon, |
||||
|
.iradio_line-purple .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-purple.hover, |
||||
|
.icheckbox_line-purple.checked.hover, |
||||
|
.iradio_line-purple.hover { |
||||
|
background: #8677A7; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked, |
||||
|
.iradio_line-purple.checked { |
||||
|
background: #6a5a8c; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked .icheck_line-icon, |
||||
|
.iradio_line-purple.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-purple.disabled, |
||||
|
.iradio_line-purple.disabled { |
||||
|
background: #D2CCDE; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-purple.disabled .icheck_line-icon, |
||||
|
.iradio_line-purple.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked.disabled, |
||||
|
.iradio_line-purple.checked.disabled { |
||||
|
background: #D2CCDE; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-purple.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-purple .icheck_line-icon, |
||||
|
.iradio_line-purple .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, aero |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-aero, |
||||
|
.iradio_line-aero { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #9cc2cb; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-aero .icheck_line-icon, |
||||
|
.iradio_line-aero .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-aero.hover, |
||||
|
.icheckbox_line-aero.checked.hover, |
||||
|
.iradio_line-aero.hover { |
||||
|
background: #B5D1D8; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked, |
||||
|
.iradio_line-aero.checked { |
||||
|
background: #9cc2cb; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked .icheck_line-icon, |
||||
|
.iradio_line-aero.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-aero.disabled, |
||||
|
.iradio_line-aero.disabled { |
||||
|
background: #D2E4E8; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-aero.disabled .icheck_line-icon, |
||||
|
.iradio_line-aero.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked.disabled, |
||||
|
.iradio_line-aero.checked.disabled { |
||||
|
background: #D2E4E8; |
||||
|
} |
||||
|
.icheckbox_line-aero.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-aero.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-aero .icheck_line-icon, |
||||
|
.iradio_line-aero .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, blue |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-blue, |
||||
|
.iradio_line-blue { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #2489c5; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-blue .icheck_line-icon, |
||||
|
.iradio_line-blue .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-blue.hover, |
||||
|
.icheckbox_line-blue.checked.hover, |
||||
|
.iradio_line-blue.hover { |
||||
|
background: #3DA0DB; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked, |
||||
|
.iradio_line-blue.checked { |
||||
|
background: #2489c5; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked .icheck_line-icon, |
||||
|
.iradio_line-blue.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-blue.disabled, |
||||
|
.iradio_line-blue.disabled { |
||||
|
background: #ADD7F0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-blue.disabled .icheck_line-icon, |
||||
|
.iradio_line-blue.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked.disabled, |
||||
|
.iradio_line-blue.checked.disabled { |
||||
|
background: #ADD7F0; |
||||
|
} |
||||
|
.icheckbox_line-blue.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-blue.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-blue .icheck_line-icon, |
||||
|
.iradio_line-blue .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, green |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-green, |
||||
|
.iradio_line-green { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #1b7e5a; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-green .icheck_line-icon, |
||||
|
.iradio_line-green .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-green.hover, |
||||
|
.icheckbox_line-green.checked.hover, |
||||
|
.iradio_line-green.hover { |
||||
|
background: #24AA7A; |
||||
|
} |
||||
|
.icheckbox_line-green.checked, |
||||
|
.iradio_line-green.checked { |
||||
|
background: #1b7e5a; |
||||
|
} |
||||
|
.icheckbox_line-green.checked .icheck_line-icon, |
||||
|
.iradio_line-green.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-green.disabled, |
||||
|
.iradio_line-green.disabled { |
||||
|
background: #89E6C4; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-green.disabled .icheck_line-icon, |
||||
|
.iradio_line-green.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-green.checked.disabled, |
||||
|
.iradio_line-green.checked.disabled { |
||||
|
background: #89E6C4; |
||||
|
} |
||||
|
.icheckbox_line-green.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-green.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-green .icheck_line-icon, |
||||
|
.iradio_line-green .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, grey |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-grey, |
||||
|
.iradio_line-grey { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #73716e; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-grey .icheck_line-icon, |
||||
|
.iradio_line-grey .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-grey.hover, |
||||
|
.icheckbox_line-grey.checked.hover, |
||||
|
.iradio_line-grey.hover { |
||||
|
background: #8B8986; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked, |
||||
|
.iradio_line-grey.checked { |
||||
|
background: #73716e; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked .icheck_line-icon, |
||||
|
.iradio_line-grey.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-grey.disabled, |
||||
|
.iradio_line-grey.disabled { |
||||
|
background: #D5D4D3; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-grey.disabled .icheck_line-icon, |
||||
|
.iradio_line-grey.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked.disabled, |
||||
|
.iradio_line-grey.checked.disabled { |
||||
|
background: #D5D4D3; |
||||
|
} |
||||
|
.icheckbox_line-grey.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-grey.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-grey .icheck_line-icon, |
||||
|
.iradio_line-grey .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, black |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line, |
||||
|
.iradio_line { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #000; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line .icheck_line-icon, |
||||
|
.iradio_line .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line.hover, |
||||
|
.icheckbox_line.checked.hover, |
||||
|
.iradio_line.hover { |
||||
|
background: #444; |
||||
|
} |
||||
|
.icheckbox_line.checked, |
||||
|
.iradio_line.checked { |
||||
|
background: #000; |
||||
|
} |
||||
|
.icheckbox_line.checked .icheck_line-icon, |
||||
|
.iradio_line.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line.disabled, |
||||
|
.iradio_line.disabled { |
||||
|
background: #ccc; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line.disabled .icheck_line-icon, |
||||
|
.iradio_line.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line.checked.disabled, |
||||
|
.iradio_line.checked.disabled { |
||||
|
background: #ccc; |
||||
|
} |
||||
|
.icheckbox_line.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line .icheck_line-icon, |
||||
|
.iradio_line .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
After Width: 60 | Height: 13 | Size: 588 B |
After Width: 120 | Height: 26 | Size: 1.0 KiB |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, orange |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-orange, |
||||
|
.iradio_line-orange { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #f70; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-orange .icheck_line-icon, |
||||
|
.iradio_line-orange .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-orange.hover, |
||||
|
.icheckbox_line-orange.checked.hover, |
||||
|
.iradio_line-orange.hover { |
||||
|
background: #FF9233; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked, |
||||
|
.iradio_line-orange.checked { |
||||
|
background: #f70; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked .icheck_line-icon, |
||||
|
.iradio_line-orange.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-orange.disabled, |
||||
|
.iradio_line-orange.disabled { |
||||
|
background: #FFD6B3; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-orange.disabled .icheck_line-icon, |
||||
|
.iradio_line-orange.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked.disabled, |
||||
|
.iradio_line-orange.checked.disabled { |
||||
|
background: #FFD6B3; |
||||
|
} |
||||
|
.icheckbox_line-orange.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-orange.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-orange .icheck_line-icon, |
||||
|
.iradio_line-orange .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, pink |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-pink, |
||||
|
.iradio_line-pink { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #a77a94; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-pink .icheck_line-icon, |
||||
|
.iradio_line-pink .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-pink.hover, |
||||
|
.icheckbox_line-pink.checked.hover, |
||||
|
.iradio_line-pink.hover { |
||||
|
background: #B995A9; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked, |
||||
|
.iradio_line-pink.checked { |
||||
|
background: #a77a94; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked .icheck_line-icon, |
||||
|
.iradio_line-pink.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-pink.disabled, |
||||
|
.iradio_line-pink.disabled { |
||||
|
background: #E0D0DA; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-pink.disabled .icheck_line-icon, |
||||
|
.iradio_line-pink.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked.disabled, |
||||
|
.iradio_line-pink.checked.disabled { |
||||
|
background: #E0D0DA; |
||||
|
} |
||||
|
.icheckbox_line-pink.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-pink.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-pink .icheck_line-icon, |
||||
|
.iradio_line-pink .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, purple |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-purple, |
||||
|
.iradio_line-purple { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #6a5a8c; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-purple .icheck_line-icon, |
||||
|
.iradio_line-purple .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-purple.hover, |
||||
|
.icheckbox_line-purple.checked.hover, |
||||
|
.iradio_line-purple.hover { |
||||
|
background: #8677A7; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked, |
||||
|
.iradio_line-purple.checked { |
||||
|
background: #6a5a8c; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked .icheck_line-icon, |
||||
|
.iradio_line-purple.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-purple.disabled, |
||||
|
.iradio_line-purple.disabled { |
||||
|
background: #D2CCDE; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-purple.disabled .icheck_line-icon, |
||||
|
.iradio_line-purple.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked.disabled, |
||||
|
.iradio_line-purple.checked.disabled { |
||||
|
background: #D2CCDE; |
||||
|
} |
||||
|
.icheckbox_line-purple.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-purple.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-purple .icheck_line-icon, |
||||
|
.iradio_line-purple .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, red |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-red, |
||||
|
.iradio_line-red { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #e56c69; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-red .icheck_line-icon, |
||||
|
.iradio_line-red .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-red.hover, |
||||
|
.icheckbox_line-red.checked.hover, |
||||
|
.iradio_line-red.hover { |
||||
|
background: #E98582; |
||||
|
} |
||||
|
.icheckbox_line-red.checked, |
||||
|
.iradio_line-red.checked { |
||||
|
background: #e56c69; |
||||
|
} |
||||
|
.icheckbox_line-red.checked .icheck_line-icon, |
||||
|
.iradio_line-red.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-red.disabled, |
||||
|
.iradio_line-red.disabled { |
||||
|
background: #F7D3D2; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-red.disabled .icheck_line-icon, |
||||
|
.iradio_line-red.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-red.checked.disabled, |
||||
|
.iradio_line-red.checked.disabled { |
||||
|
background: #F7D3D2; |
||||
|
} |
||||
|
.icheckbox_line-red.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-red.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-red .icheck_line-icon, |
||||
|
.iradio_line-red .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,74 @@ |
|||||
|
/* iCheck plugin Line skin, yellow |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_line-yellow, |
||||
|
.iradio_line-yellow { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin: 0; |
||||
|
padding: 5px 15px 5px 38px; |
||||
|
font-size: 13px; |
||||
|
line-height: 17px; |
||||
|
color: #fff; |
||||
|
background: #FFC414; |
||||
|
border: none; |
||||
|
-webkit-border-radius: 3px; |
||||
|
-moz-border-radius: 3px; |
||||
|
border-radius: 3px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icheckbox_line-yellow .icheck_line-icon, |
||||
|
.iradio_line-yellow .icheck_line-icon { |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 13px; |
||||
|
width: 13px; |
||||
|
height: 11px; |
||||
|
margin: -5px 0 0 0; |
||||
|
padding: 0; |
||||
|
overflow: hidden; |
||||
|
background: url(line.png) no-repeat; |
||||
|
border: none; |
||||
|
} |
||||
|
.icheckbox_line-yellow.hover, |
||||
|
.icheckbox_line-yellow.checked.hover, |
||||
|
.iradio_line-yellow.hover { |
||||
|
background: #FFD34F; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked, |
||||
|
.iradio_line-yellow.checked { |
||||
|
background: #FFC414; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked .icheck_line-icon, |
||||
|
.iradio_line-yellow.checked .icheck_line-icon { |
||||
|
background-position: -15px 0; |
||||
|
} |
||||
|
.icheckbox_line-yellow.disabled, |
||||
|
.iradio_line-yellow.disabled { |
||||
|
background: #FFE495; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_line-yellow.disabled .icheck_line-icon, |
||||
|
.iradio_line-yellow.disabled .icheck_line-icon { |
||||
|
background-position: -30px 0; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked.disabled, |
||||
|
.iradio_line-yellow.checked.disabled { |
||||
|
background: #FFE495; |
||||
|
} |
||||
|
.icheckbox_line-yellow.checked.disabled .icheck_line-icon, |
||||
|
.iradio_line-yellow.checked.disabled .icheck_line-icon { |
||||
|
background-position: -45px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_line-yellow .icheck_line-icon, |
||||
|
.iradio_line-yellow .icheck_line-icon { |
||||
|
background-image: url(line@2x.png); |
||||
|
-webkit-background-size: 60px 13px; |
||||
|
background-size: 60px 13px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,557 @@ |
|||||
|
/* red */ |
||||
|
.icheckbox_minimal-red, |
||||
|
.iradio_minimal-red { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(red.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-red { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-red.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-red.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-red.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-red.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-red { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-red.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-red.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-red.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-red.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-red, |
||||
|
.iradio_minimal-red { |
||||
|
background-image: url(red@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* green */ |
||||
|
.icheckbox_minimal-green, |
||||
|
.iradio_minimal-green { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(green.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-green { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-green.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-green.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-green.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-green.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-green { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-green.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-green.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-green.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-green.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-green, |
||||
|
.iradio_minimal-green { |
||||
|
background-image: url(green@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* blue */ |
||||
|
.icheckbox_minimal-blue, |
||||
|
.iradio_minimal-blue { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(blue.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-blue { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-blue { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-blue.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-blue.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-blue.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-blue.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-blue, |
||||
|
.iradio_minimal-blue { |
||||
|
background-image: url(blue@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* aero */ |
||||
|
.icheckbox_minimal-aero, |
||||
|
.iradio_minimal-aero { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(aero.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-aero { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-aero { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-aero.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-aero.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-aero.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-aero.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-aero, |
||||
|
.iradio_minimal-aero { |
||||
|
background-image: url(aero@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* grey */ |
||||
|
.icheckbox_minimal-grey, |
||||
|
.iradio_minimal-grey { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(grey.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-grey { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-grey { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-grey.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-grey.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-grey.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-grey.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-grey, |
||||
|
.iradio_minimal-grey { |
||||
|
background-image: url(grey@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* orange */ |
||||
|
.icheckbox_minimal-orange, |
||||
|
.iradio_minimal-orange { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(orange.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-orange { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-orange { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-orange.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-orange.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-orange.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-orange.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-orange, |
||||
|
.iradio_minimal-orange { |
||||
|
background-image: url(orange@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* yellow */ |
||||
|
.icheckbox_minimal-yellow, |
||||
|
.iradio_minimal-yellow { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(yellow.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-yellow { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-yellow { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-yellow.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-yellow.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-yellow.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-yellow.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-yellow, |
||||
|
.iradio_minimal-yellow { |
||||
|
background-image: url(yellow@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* pink */ |
||||
|
.icheckbox_minimal-pink, |
||||
|
.iradio_minimal-pink { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(pink.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-pink { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-pink { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-pink.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-pink.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-pink.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-pink.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-pink, |
||||
|
.iradio_minimal-pink { |
||||
|
background-image: url(pink@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* purple */ |
||||
|
.icheckbox_minimal-purple, |
||||
|
.iradio_minimal-purple { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(purple.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-purple { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-purple { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-purple.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-purple.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-purple.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-purple.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-purple, |
||||
|
.iradio_minimal-purple { |
||||
|
background-image: url(purple@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, aero |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-aero, |
||||
|
.iradio_minimal-aero { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(aero.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-aero { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-aero.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-aero { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-aero.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-aero.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-aero.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-aero.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-aero, |
||||
|
.iradio_minimal-aero { |
||||
|
background-image: url(aero@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, blue |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-blue, |
||||
|
.iradio_minimal-blue { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(blue.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-blue { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-blue.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-blue { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-blue.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-blue.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-blue.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-blue.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-blue, |
||||
|
.iradio_minimal-blue { |
||||
|
background-image: url(blue@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, green |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-green, |
||||
|
.iradio_minimal-green { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(green.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-green { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-green.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-green.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-green.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-green.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-green { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-green.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-green.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-green.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-green.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-green, |
||||
|
.iradio_minimal-green { |
||||
|
background-image: url(green@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, grey |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-grey, |
||||
|
.iradio_minimal-grey { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(grey.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-grey { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-grey.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-grey { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-grey.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-grey.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-grey.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-grey.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-grey, |
||||
|
.iradio_minimal-grey { |
||||
|
background-image: url(grey@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, black |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal, |
||||
|
.iradio_minimal { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(minimal.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 3/2), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal, |
||||
|
.iradio_minimal { |
||||
|
background-image: url(minimal@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, orange |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-orange, |
||||
|
.iradio_minimal-orange { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(orange.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-orange { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-orange.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-orange { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-orange.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-orange.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-orange.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-orange.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-orange, |
||||
|
.iradio_minimal-orange { |
||||
|
background-image: url(orange@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, pink |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-pink, |
||||
|
.iradio_minimal-pink { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(pink.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-pink { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-pink.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-pink { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-pink.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-pink.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-pink.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-pink.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-pink, |
||||
|
.iradio_minimal-pink { |
||||
|
background-image: url(pink@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, purple |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-purple, |
||||
|
.iradio_minimal-purple { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(purple.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-purple { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-purple.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-purple { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-purple.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-purple.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-purple.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-purple.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-purple, |
||||
|
.iradio_minimal-purple { |
||||
|
background-image: url(purple@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, red |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-red, |
||||
|
.iradio_minimal-red { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(red.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-red { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-red.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-red.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-red.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-red.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-red { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-red.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-red.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-red.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-red.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-red, |
||||
|
.iradio_minimal-red { |
||||
|
background-image: url(red@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |
@ -0,0 +1,62 @@ |
|||||
|
/* iCheck plugin Minimal skin, yellow |
||||
|
----------------------------------- */ |
||||
|
.icheckbox_minimal-yellow, |
||||
|
.iradio_minimal-yellow { |
||||
|
display: inline-block; |
||||
|
*display: inline; |
||||
|
vertical-align: middle; |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
width: 18px; |
||||
|
height: 18px; |
||||
|
background: url(yellow.png) no-repeat; |
||||
|
border: none; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.icheckbox_minimal-yellow { |
||||
|
background-position: 0 0; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.hover { |
||||
|
background-position: -20px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.checked { |
||||
|
background-position: -40px 0; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.disabled { |
||||
|
background-position: -60px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.icheckbox_minimal-yellow.checked.disabled { |
||||
|
background-position: -80px 0; |
||||
|
} |
||||
|
|
||||
|
.iradio_minimal-yellow { |
||||
|
background-position: -100px 0; |
||||
|
} |
||||
|
.iradio_minimal-yellow.hover { |
||||
|
background-position: -120px 0; |
||||
|
} |
||||
|
.iradio_minimal-yellow.checked { |
||||
|
background-position: -140px 0; |
||||
|
} |
||||
|
.iradio_minimal-yellow.disabled { |
||||
|
background-position: -160px 0; |
||||
|
cursor: default; |
||||
|
} |
||||
|
.iradio_minimal-yellow.checked.disabled { |
||||
|
background-position: -180px 0; |
||||
|
} |
||||
|
|
||||
|
/* Retina support */ |
||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-moz-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (-o-min-device-pixel-ratio: 1.5), |
||||
|
only screen and (min-device-pixel-ratio: 1.5) { |
||||
|
.icheckbox_minimal-yellow, |
||||
|
.iradio_minimal-yellow { |
||||
|
background-image: url(yellow@2x.png); |
||||
|
-webkit-background-size: 200px 20px; |
||||
|
background-size: 200px 20px; |
||||
|
} |
||||
|
} |
After Width: 200 | Height: 20 | Size: 1.1 KiB |
After Width: 400 | Height: 40 | Size: 1.4 KiB |