Repository: drgullin/icheck Branch: 1.0.3 Commit: c8c1af84e4b9 Files: 58 Total size: 366.9 KB Directory structure: gitextract_ti3sz1cn/ ├── .gitignore ├── CHANGELOG.md ├── README.md ├── bower.json ├── demo/ │ ├── css/ │ │ ├── custom.css │ │ └── normalize.css │ ├── index.html │ └── js/ │ ├── jquery.js │ └── zepto.js ├── icheck.jquery.json ├── icheck.js └── skins/ ├── all.css ├── flat/ │ ├── _all.css │ ├── aero.css │ ├── blue.css │ ├── flat.css │ ├── green.css │ ├── grey.css │ ├── orange.css │ ├── pink.css │ ├── purple.css │ ├── red.css │ └── yellow.css ├── futurico/ │ └── futurico.css ├── line/ │ ├── _all.css │ ├── aero.css │ ├── blue.css │ ├── green.css │ ├── grey.css │ ├── line.css │ ├── orange.css │ ├── pink.css │ ├── purple.css │ ├── red.css │ └── yellow.css ├── minimal/ │ ├── _all.css │ ├── aero.css │ ├── blue.css │ ├── green.css │ ├── grey.css │ ├── minimal.css │ ├── orange.css │ ├── pink.css │ ├── purple.css │ ├── red.css │ └── yellow.css ├── polaris/ │ └── polaris.css └── square/ ├── _all.css ├── aero.css ├── blue.css ├── green.css ├── grey.css ├── orange.css ├── pink.css ├── purple.css ├── red.css ├── square.css └── yellow.css ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ examples.png _index.html custom.styl custom.js .htaccess .git/ ================================================ FILE: CHANGELOG.md ================================================ # Changelog All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [1.0.3] - 2020-10-10 ### Added - iOS 13 support @markusbroman ### Changed - Reformatted changelog @lasseeee ### Fixed - Fire change event when toggled @rafatmyo ## [1.0.2] - 2014-03-03 ### Added - Better HiDPI screens support @ddctd143 ## [2.0.0-rc] - 2014-01-23 ### Added - Three ways to set an options: global object (`window.icheck`), data attributes (`[1.0.3](#october-10-2020) #### Highly customizable checkboxes and radio buttons for jQuery and Zepto. Refer to the [iCheck website](http://fronteed.com/iCheck/) for examples. **Note: [iCheck v2.0](https://github.com/fronteed/icheck/tree/2.x) is on the way**, it got a huge performance boost, many new options and methods. It's in a release candidate state, so you may try to use it. Feel free to submit an issue if you find something not working. ![Skins](http://fronteed.com/iCheck/examples.png) Features -------- * **Identical inputs across different browsers and devices** — both [desktop and mobile](#browser-support) * **Touch devices support** — iOS, Android, BlackBerry, Windows Phone, Amazon Kindle * **Keyboard accessible inputs** — `Tab`, `Spacebar`, `Arrow up/down` and other shortcuts * **Customization freedom** — use any HTML and CSS to style inputs (try [6 Retina-ready skins](http://fronteed.com/iCheck/)) * **jQuery and Zepto** JavaScript libraries support from single file * **Screenreader accessible inputs** — [ARIA](https://developer.mozilla.org/en-US/docs/Accessibility/ARIA) attributes for VoiceOver and others * **Lightweight size** — 1 kb gzipped ----- * [32 options](#options) to customize checkboxes and radio buttons * [11 callbacks](#callbacks) to handle changes * [9 methods](#methods) to make changes programmatically * Saves changes to original inputs, [works carefully](#initialize) with any selectors How it works ------------ iCheck works with checkboxes and radio buttons like a constructor. **It wraps each input with a div**, which may be customized by you or using one of the [available skins](http://fronteed.com/iCheck/). You may also place inside that div some HTML code or text using `insert` option. For this HTML: ```html ``` With default options you'll get nearly this: ```html
``` **By default, iCheck doesn't provide any CSS styles for wrapper divs** (if you don't use [skins](http://fronteed.com/iCheck/)). Options ------- These options are default: ```js { // 'checkbox' or 'radio' to style only checkboxes or radio buttons, both by default handle: '', // base class added to customized checkboxes checkboxClass: 'icheckbox', // base class added to customized radio buttons radioClass: 'iradio', // class added on checked state (input.checked = true) checkedClass: 'checked', // if not empty, used instead of 'checkedClass' option (input type specific) checkedCheckboxClass: '', checkedRadioClass: '', // if not empty, added as class name on unchecked state (input.checked = false) uncheckedClass: '', // if not empty, used instead of 'uncheckedClass' option (input type specific) uncheckedCheckboxClass: '', uncheckedRadioClass: '', // class added on disabled state (input.disabled = true) disabledClass: 'disabled', // if not empty, used instead of 'disabledClass' option (input type specific) disabledCheckboxClass: '', disabledRadioClass: '', // if not empty, added as class name on enabled state (input.disabled = false) enabledClass: '', // if not empty, used instead of 'enabledClass' option (input type specific) enabledCheckboxClass: '', enabledRadioClass: '', // class added on indeterminate state (input.indeterminate = true) indeterminateClass: 'indeterminate', // if not empty, used instead of 'indeterminateClass' option (input type specific) indeterminateCheckboxClass: '', indeterminateRadioClass: '', // if not empty, added as class name on determinate state (input.indeterminate = false) determinateClass: '', // if not empty, used instead of 'determinateClass' option (input type specific) determinateCheckboxClass: '', determinateRadioClass: '', // class added on hover state (pointer is moved onto input) hoverClass: 'hover', // class added on focus state (input has gained focus) focusClass: 'focus', // class added on active state (mouse button is pressed on input) activeClass: 'active', // adds hoverClass to customized input on label hover and labelHoverClass to label on input hover labelHover: true, // class added to label if labelHover set to true labelHoverClass: 'hover', // increase clickable area by given % (negative number to decrease) increaseArea: '', // true to set 'pointer' CSS cursor over enabled inputs and 'default' over disabled cursor: false, // set true to inherit original input's class name inheritClass: false, // if set to true, input's id is prefixed with 'iCheck-' and attached inheritID: false, // set true to activate ARIA support aria: false, // add HTML code or text inside customized input insert: '' } ``` There's no need to copy and paste all of them, you can just mention the ones you need: ```js $('input').iCheck({ labelHover: false, cursor: true }); ``` You can choose any class names and style them as you want. Initialize ---------- Just include `icheck.js` after [jQuery v1.7+](http://jquery.com) (or [Zepto](http://github.com/madrobby/zepto#zepto-modules) [polyfill, event, data]). iCheck supports any selectors, but handles only checkboxes and radio buttons: ```js // customize all inputs (will search for checkboxes and radio buttons) $('input').iCheck(); // handle inputs only inside $('.block') $('.block input').iCheck(); // handle only checkboxes inside $('.test') $('.test input').iCheck({ handle: 'checkbox' }); // handle .vote class elements (will search inside the element, if it's not an input) $('.vote').iCheck(); // you can also change options after inputs are customized $('input.some').iCheck({ // different options }); ``` Indeterminate --------- HTML5 allows specifying [indeterminate](http://css-tricks.com/indeterminate-checkboxes/) ("partially" checked) state for checkboxes. iCheck supports this for both checkboxes and radio buttons. You can make an input indeterminate through HTML using additional attributes (supported by iCheck). Both do the same job, but `indeterminate="true"` may not work in some browsers (like IE7): ```html indeterminate="true" determinate="false" ``` `indeterminate` and `determinate` [methods](#methods) can be used to toggle indeterminate state. Callbacks --------- iCheck provides plenty callbacks, which may be used to handle changes.
Callback name When used
ifClicked user clicked on a customized input or an assigned label
ifChanged input's "checked", "disabled" or "indeterminate" state is changed
ifChecked input's state is changed to "checked"
ifUnchecked "checked" state is removed
ifToggled input's "checked" state is changed
ifDisabled input's state is changed to "disabled"
ifEnabled "disabled" state is removed
ifIndeterminate input's state is changed to "indeterminate"
ifDeterminate "indeterminate" state is removed
ifCreated input is just customized
ifDestroyed customization is just removed
Use `on()` method to bind them to inputs: ```js $('input').on('ifChecked', function(event){ alert(event.type + ' callback'); }); ``` `ifCreated` callback should be binded before plugin init. Methods ------- These methods can be used to make changes programmatically (any selectors can be used): ```js // change input's state to 'checked' $('input').iCheck('check'); // remove 'checked' state $('input').iCheck('uncheck'); // toggle 'checked' state $('input').iCheck('toggle'); // change input's state to 'disabled' $('input').iCheck('disable'); // remove 'disabled' state $('input').iCheck('enable'); // change input's state to 'indeterminate' $('input').iCheck('indeterminate'); // remove 'indeterminate' state $('input').iCheck('determinate'); // apply input changes, which were done outside the plugin $('input').iCheck('update'); // remove all traces of iCheck $('input').iCheck('destroy'); ``` You may also specify some function, that will be executed on each method call: ```js $('input').iCheck('check', function(){ alert('Well done, Sir'); }); ``` Feel free to fork and submit pull-request or submit an issue if you find something not working. Comparison ---------- iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs. There are some CSS3 ways available to style checkboxes and radio buttons, like [this one](http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/). You have to know about some of the disadvantages of similar methods: * inputs are keyboard inaccessible, since `display: none` or `visibility: hidden` used to hide them * poor browser support * multiple bugs on mobile devices * tricky, harder to maintain CSS code * JavaScript is still needed to fix specific issues While CSS3 method is quite limited solution, iCheck is made to be an everyday replacement covering most of the tasks. Browser support --------------- iCheck is verified to work in Internet Explorer 6+, Firefox 2+, Opera 9+, Google Chrome and Safari browsers. Should also work in many others. Mobile browsers (like Opera mini, Chrome mobile, Safari mobile, Android browser, Silk and others) are also supported. Tested on iOS (iPad, iPhone, iPod), Android, BlackBerry and Windows Phone devices. Changelog --------------- ## October 10, 2020 * iOS 13 support @markusbroman * Reformatted changelog @lasseeee * Fire change event when toggled @rafatmyo ### March 03, 2014 * Better HiDPI screens support @ddctd143 ### January 23, 2014 ([v2.0 release candidate](https://github.com/fronteed/icheck/tree/2.x)) * Three ways to set an options: global object (`window.icheck`), data attributes (`=1.7" }, "ignore": [ ".gitignore", "CHANGELOG.md", "README.md", "demo/" ], "license": "MIT", "authors": [ { "name": "Damir Sultanov", "email": "info@fronteed.com", "homepage": "http://fronteed.com/" } ], "homepage": "http://fronteed.com/iCheck/" } ================================================ FILE: demo/css/custom.css ================================================ @import url("normalize.css"); @font-face{font-family:'MontserratRegular';src:url("./montserrat-regular.eot");src:url("./montserrat-regular.eot?#iefix") format('embedded-opentype'),url("./montserrat-regular.woff") format('woff'),url("./montserrat-regular.ttf") format('truetype'),url("./montserrat-regular.svg#MontserratRegular") format('svg');font-style:normal;font-weight:normal} @font-face{font-family:'MontserratBold';src:url("./montserrat-bold.eot");src:url("./montserrat-bold.eot?#iefix") format('embedded-opentype'),url("./montserrat-bold.woff") format('woff'),url("./montserrat-bold.ttf") format('truetype'),url("./montserrat-bold.svg#MontserratBold") format('svg');font-style:normal;font-weight:bold} html,body{height:100%} body{font:14px/20px 'MontserratRegular',Helvetica,Arial,sans-serif;color:#222;background:#ebe7df url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAFZCAIAAAA96mnzAAACKklEQVR4Xn2VUW7kMAxD+QLf/1x7gv71LNwdKTLhZFtggMCwSVEUPdb3159/v0uSrM8HtGRZuoQk1R69J12o9ixJWvSnVyfLdbNw0XAXWe1fIL8BoqmNGiV/cHc9Gq4NXxLKHhteRyLpA28cl0SLdx0BckSWL4gkPlIVTg1nN9Ys3iyWI5AGDA5xOXB5BJaWmOw6KSLeU6+0P50QshQyEL2im/YMIL60dTSZ3RXenlkiJpMj8XPMAl1FtjMRW19NxzOE5VGWPVGrc7aSJgz1Y9ku57mpYSwn1h0ivFOXxoCKMCXiahbbZNIZR+tkphllPsomipCwb4GMkXTmPfVg40Jt2y4RQM/PqX5JTM4iiTN8Zz1XvbIAEEvoEW+3nxTLL3lB7t7J3WwyI7g5OVxKIeFEH4FIGLC9I+XqvSd4AxJM5O6WTPr54RAxLG44FVrEuz+kFdXyLiuX6kLPVLZL2ISlcHNlBIKm5rR8nEi9wJeA6Y8JZlJOyDiin0K5ag+AXHtALBicXasjIUu9h0STBbCMU+89gMnu/J05MU1QWqdbPMRPIZIzDgsi8Olg5t7wHhUg/pv5RUzO+BHDmczHkAfZWxlSYgNI5Ig5XRoc66dW9L45eHDkbkqCO7RLG5cna/HD7YhZnfINkFo8iNyj5kx6pFrxNGRlfhV2e1Zt5DnGU8T7Tud1ivi8jU8/3Zy88pkn6+zdXiJ7AVSFBZA3VcwDfXtt5UUHS38B35hQVuJip4MAAAAASUVORK5CYII=") repeat-x;*background-image:url("ie/header-line.png")} a{color:#222;text-decoration:none;border-bottom:1px solid #bbb;} a:hover{color:#000} a,.self{-webkit-transition:color .1s;-moz-transition:color .1s;-ms-transition:color .1s;-o-transition:color .1s;transition:color .1s} .self{color:#333;border-bottom:1px dotted #aaa;cursor:pointer;} .self:hover{color:#000} strong{font-family:'MontserratBold',Helvetica,Arial,sans-serif;font-weight:700} p{margin:0 0 8px} label{cursor:pointer} h1,h2,h3,h4{margin:0;font:bold 20px/60px 'MontserratBold',Helvetica,Arial,sans-serif} h2{height:60px;text-align:center;text-transform:uppercase} h4{font-size:18px;line-height:24px} ul{margin:0;padding:0;list-style:none} table{width:100%;margin-bottom:21px} th,td{padding:11px 20px 12px;vertical-align:top;font-weight:normal;text-align:left;border-bottom:2px solid #e7e5e0;} thead th,thead td{background:#f3f2ef} th{white-space:nowrap} td{width:100%} .focus{outline:1px dotted rgba(0,0,0,0.5) !important} .clear{position:relative;*zoom:1;} .clear:before,.clear:after{content:'';display:table;clear:both} .layout{width:930px;margin:0 auto;padding:0 15px} .header{padding:115px 0 73px;color:#fff;text-align:center;} .header h1,.header strong{letter-spacing:-1px;text-transform:uppercase} .header h1{padding-bottom:23px;font-size:22px;line-height:28px} .header h3{position:relative;padding:35px 0 17px;font-size:120px;line-height:140px;letter-spacing:-5px;} .header h3 span{font-size:30px;line-height:40px;letter-spacing:0;margin-left:-10px;vertical-align:baseline;} .header h3:before{content:'';display:inline-block;width:72px;height:64px;margin-right:32px;vertical-align:middle;background:url("icheck.png")} .header h3:after{content:'';position:absolute;top:0;left:50%;width:100px;margin-left:-50px;border-top:3px solid #fff} .header strong{font:24px/30px 'MontserratRegular',Helvetica,Arial,sans-serif;} .header strong a{color:#fff;border-bottom-color:#fff} .features{position:relative;font-size:16px;color:#555;background:#fff;} .features .self{color:#555;border-bottom-color:#bbb;} .features .self:hover{color:#222} .features .arrows{top:0} .features:hover .arrows .bottom{left:0} .features h2{color:#fff;background:#2489c5} .features ul{padding:44px 60px 36px} .features li{padding:0 0 9px 36px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABI0lEQVR4XpXSP0vDUBjF4ZtLkIr4EYzduogdXJTWWV2FLMVNoQrdAhlUUFAEcejo1q13svgFBAUdxA/g30kcdQoIIlL9DWcKuZEeeOCl99w3gTSI49h4MoFb/KCJz6KShS/rOh/TbEZZECLBiSQIR1nQQgAnAVr/LZjEnIq76OJbutjRGR26isUB3pDhBikucWoUzVdI1cl05zBk2MI5jvCKIfL5QluzxTS20bY6WENdl0ujTl13Ni3DABtwWEFp1HG6M7Aq9NHBGRbgy7w6HfTzX6GHCyyXPV2dnu9/MIUX+PIMOkRsbq7hHkZmxciDOrZoQRUVPCGCw504RDobR7VoQQ0f2Mejls1IRb/t4R10CcLc6/2igSVcw8gqFnEMOnSVPxQqQaPw2y7fAAAAAElFTkSuQmCC") 0 1px no-repeat;*background-image:url("ie/icon-star.png");} .features li.offset{margin-top:20px} .mark{padding:0 2px;color:#777;background:#e7e5e0;} .skin-polaris .mark{background:#232830} .skin-futurico .mark{background:#25262a} .social{height:60px;margin-bottom:60px;padding:0 60px;font-size:16px;color:#555;background:#f5f3ef;} .social a{color:#777;border-bottom-color:#ccc;} .social a:hover{color:#444} .social .left{float:left;padding-top:19px;} .social .left li{float:left;padding-right:30px;} .social .left li a{position:relative} .social .right{float:right;padding-top:20px;} .social .right li{float:right;padding-left:10px} .social .right.local{padding-top:19px;} .social .right.local li{padding-left:30px;font-size:14px} .demo-holder{margin-bottom:97px} .demo-title{padding-bottom:36px;font-size:26px;letter-spacing:-1px} .demo{position:relative;} .demo:hover .arrows .top,.demo:hover .arrows .bottom{left:0} .demo-list{position:relative;margin-right:360px;padding:33px 57px 17px;color:#555;background:#fff;border:3px solid #ddd8ce;} .demo-list ul{float:right;white-space:nowrap;} .demo-list ul:first-child{float:left} .demo-list ul li{position:relative;padding:0 0 18px 42px} .demo-list ul input{position:absolute;top:4px;left:0} .demo-list ul .icheckbox_square-blue,.demo-list ul .iradio_square-blue{position:absolute;top:-1px;left:0} .demo-list ul span{color:#bbb} .demo-methods{padding:21px 360px 0 0;} .demo-methods .mark{background:#d3cfc6} .demo-methods dt{position:relative;padding:17px 150px 18px 0;font:16px/24px 'MontserratRegular',Helvetica,Arial,sans-serif;color:#444;border-bottom:3px solid #ddd8ce;} .demo-methods dt .self{cursor:pointer;} .demo-methods dt .self:hover{color:#222} .demo-methods dt .code{position:absolute;right:0;bottom:18px;color:#777;} .demo-methods dt .code .self:hover{color:#444} .demo-methods dd{position:relative;display:none;margin:0;background:#fff;border:3px solid #ddd8ce;border-top:none;} .demo-methods dd:before{content:'';position:absolute;top:-13px;left:0;width:0;height:0;border:5px solid transparent;border-bottom-color:#ddd8ce;border-left-color:#ddd8ce} .demo-methods dd .markup{margin:0;color:#888;background:#f5f3ef;border:none;} .demo-methods dd .markup .comment{color:#aaa} .demo-callbacks{position:absolute;top:0;right:0;bottom:0;width:300px;color:#aaa;background:#232323;border:3px solid #ddd8ce;} .demo-callbacks h2{color:#fff;background:#6a5a8c} .demo-callbacks ul{position:absolute;top:60px;width:100%;bottom:0;overflow:auto;} .demo-callbacks ul::-webkit-scrollbar{width:10px;background:none;} .demo-callbacks ul::-webkit-scrollbar-track{background:none;border:none;} .demo-callbacks ul::-webkit-scrollbar-track-piece:disabled{display:none !important;} .demo-callbacks ul::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border:none;} .demo-callbacks ul::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);} .demo-callbacks ul li{margin-top:-1px;padding:13px 20px 15px;border-top:1px solid #2e2e2e;} .demo-callbacks ul li span{color:#888} .skins{position:relative;*zoom:1;} .skins h2{position:absolute;top:-38px;right:0;left:0;font-size:24px;text-align:center} .arrows{position:absolute;top:3px;left:-60px;width:60px;overflow:hidden;} .arrows .top,.arrows .bottom{position:relative;left:60px;width:60px;height:60px;cursor:pointer;-webkit-transition:left .3s,background-color .2s;-moz-transition:left .3s,background-color .2s;-ms-transition:left .3s,background-color .2s;-o-transition:left .3s,background-color .2s;transition:left .3s,background-color .2s} .arrows .top{background:#83b3be url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAdklEQVR4Xo3MuwmFQBiE0b0FmAuutnRBsAARLMTYRzvWItiEYLq/s6CYyMwGXzTDcWbG8mhEf/ZjQIV2ZCigjiASMAVJIAVKAQ4FKWBDJVoYpAB/7z8GRaAQgBNQG8dZA28f0BmHBgUCKGh9hhpNKH8BWY8GlF2OH3hCC1zmdAAAAABJRU5ErkJggg==") 50% no-repeat;*background-image:url("ie/arrow-top.png");} .arrows .top:hover{background-color:#6ba4b1} .arrows .bottom{background:#e2b78d url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAf0lEQVR4Xo3MzQmEQBCE0TGAvQuOpiQIBiCCgXj2J52NRTAJwev0Vh+WOgjlNHyHguYFM/M6tKLSd2YTmtHHR48S8jtQzAB2430d2bgJvQLsdqRCZwZUPAFLaPjrjYAUMKLgwBtUK4CIhi4BEFGQBohISANEJKQBIqqIFtSqvx/0bXhCCUrgiAAAAABJRU5ErkJggg==") 50% no-repeat;*background-image:url("ie/arrow-bottom.png");} .arrows .bottom:hover{background-color:#dba571} @media screen and (max-width:1049px){.arrows,.fork-me{display:none} }.skin{position:relative;margin-bottom:40px;} .skin:hover .arrows .top,.skin:hover .arrows .bottom{left:0} .skin h3{position:relative;z-index:20;float:left;height:60px;padding:0 57px;line-height:58px;background:#fff;border:3px solid #ddd8ce;border-bottom:none;} .skin h3:before{content:'';position:absolute;top:100%;left:0;width:100%;height:2px;margin-top:-1px;background:#fff} .skin.skin-polaris h3{color:#cacdd1;background:#2c323c;} .skin.skin-polaris h3:before{background:#2c323c} .skin.skin-futurico h3{color:#c3c3c3;background:#2e3035;} .skin.skin-futurico h3:before{background:#2e3035} .skin dl{z-index:10;width:100%;margin:0} .skin dt{position:relative;top:-53px;right:-3px;float:right;height:47px;margin-right:-3px;padding:0 57px;line-height:47px;border:3px solid #ddd8ce;cursor:pointer;} .skin dt:hover{background:#f0ede7;border-bottom:3px solid #ddd8ce} .skin dt.selected{height:50px;background:#fff;border-bottom:none;cursor:default;} .skin dt.selected:before{content:'';position:absolute;top:100%;left:0;width:100%;height:2px;margin-top:-1px;background:#fff} .skin.skin-polaris dt{color:#cacdd1;background:#647083;} .skin.skin-polaris dt:hover{background:#4a5361} .skin.skin-polaris dt.selected{background:#2c323c;} .skin.skin-polaris dt.selected:before{background:#2c323c} .skin.skin-futurico dt{color:#c3c3c3;background:#676c77;} .skin.skin-futurico dt:hover{background:#4b4e56} .skin.skin-futurico dt.selected{background:#2e3035;} .skin.skin-futurico dt.selected:before{background:#2e3035} .skin dd{position:relative;display:none;float:left;width:100%;margin:-3px -100% 0 0;overflow:hidden;color:#444;background:#fff;border:3px solid #ddd8ce;} .skin dd.selected{display:block} .skin dd a{color:#444;} .skin dd a:hover{color:#111} .skin.skin-polaris dd{color:#7a828b;background:#2c323c;} .skin.skin-polaris dd a{color:#7a828b;border-bottom-color:#4e596b;} .skin.skin-polaris dd a:hover{color:#a2a7ae} .skin.skin-futurico dd{color:#888;background:#2e3035;} .skin.skin-futurico dd a{color:#888;border-bottom-color:#545861;} .skin.skin-futurico dd a:hover{color:#aaa} .skin-section{float:left;padding:42px 0 31px 57px;line-height:18px;} .skin-section h4{padding-bottom:18px;} .skin-polaris .skin-section h4{color:#959ba2} .skin-futurico .skin-section h4{color:#a0a0a0} .skin-section .list{float:left;padding-right:60px;} .skin-section .list li{position:relative;padding-bottom:15px} .skin-minimal .skin-section .list li{padding-left:38px} .skin-square .skin-section .list li{padding-left:42px} .skin-flat .skin-section .list li,.skin-line .skin-section label{padding-left:40px} .skin-line .skin-section h4{padding-bottom:24px} .skin-line .skin-section .list{padding-right:40px;} .skin-line .skin-section .list li{padding-bottom:10px} .skin-polaris .skin-section .list li{padding-left:37px} .skin-futurico .skin-section .list li{padding-left:36px} .icheckbox_minimal,.icheckbox_minimal-red,.icheckbox_minimal-green,.icheckbox_minimal-blue,.icheckbox_minimal-aero,.icheckbox_minimal-grey,.icheckbox_minimal-orange,.icheckbox_minimal-yellow,.icheckbox_minimal-pink,.icheckbox_minimal-purple,.iradio_minimal,.iradio_minimal-red,.iradio_minimal-green,.iradio_minimal-blue,.iradio_minimal-aero,.iradio_minimal-grey,.iradio_minimal-orange,.iradio_minimal-yellow,.iradio_minimal-pink,.iradio_minimal-purple{position:absolute;top:1px;left:0} .skin input[type=checkbox],.skin input[type=radio]{position:absolute;top:2px;left:0} .icheckbox_square,.icheckbox_square-red,.icheckbox_square-green,.icheckbox_square-blue,.icheckbox_square-aero,.icheckbox_square-grey,.icheckbox_square-orange,.icheckbox_square-yellow,.icheckbox_square-pink,.icheckbox_square-purple,.iradio_square,.iradio_square-red,.iradio_square-green,.iradio_square-blue,.iradio_square-aero,.iradio_square-grey,.iradio_square-orange,.iradio_square-yellow,.iradio_square-pink,.iradio_square-purple{position:absolute;top:-1px;left:0} .icheckbox_flat,.icheckbox_flat-red,.icheckbox_flat-green,.icheckbox_flat-blue,.icheckbox_flat-aero,.icheckbox_flat-grey,.icheckbox_flat-orange,.icheckbox_flat-yellow,.icheckbox_flat-pink,.icheckbox_flat-purple,.iradio_flat,.iradio_flat-red,.iradio_flat-green,.iradio_flat-blue,.iradio_flat-aero,.iradio_flat-grey,.iradio_flat-orange,.iradio_flat-yellow,.iradio_flat-pink,.iradio_flat-purple{position:absolute;top:0;left:0} .icheckbox_polaris,.iradio_polaris{position:absolute;top:-4px;left:-6px} .icheckbox_futurico,.iradio_futurico{position:absolute;top:2px;left:0} .skin-states{float:right;padding-right:57px;padding-left:0;} .skin-states .state{cursor:default !important} .skin-states .list{padding-right:0} .skin-minimal .skin-states .list li{padding-left:71px} .skin-square .skin-states .list li{padding-left:79px} .skin-flat .skin-states .list li{padding-left:75px} .skin-line .skin-states .list{padding-right:0} .skin-polaris .skin-states .list li{padding-left:69px} .skin-futurico .skin-states .list li{padding-left:67px} .skin-states .iradio_minimal,.skin-states .iradio_minimal-red,.skin-states .iradio_minimal-green,.skin-states .iradio_minimal-blue,.skin-states .iradio_minimal-aero,.skin-states .iradio_minimal-grey,.skin-states .iradio_minimal-orange,.skin-states .iradio_minimal-yellow,.skin-states .iradio_minimal-pink,.skin-states .iradio_minimal-purple{left:33px} .skin-states .iradio_square,.skin-states .iradio_square-red,.skin-states .iradio_square-green,.skin-states .iradio_square-blue,.skin-states .iradio_square-aero,.skin-states .iradio_square-grey,.skin-states .iradio_square-orange,.skin-states .iradio_square-yellow,.skin-states .iradio_square-pink,.skin-states .iradio_square-purple{left:37px} .skin-states .iradio_flat,.skin-states .iradio_flat-red,.skin-states .iradio_flat-green,.skin-states .iradio_flat-blue,.skin-states .iradio_flat-aero,.skin-states .iradio_flat-grey,.skin-states .iradio_flat-orange,.skin-states .iradio_flat-yellow,.skin-states .iradio_flat-pink,.skin-states .iradio_flat-purple{left:35px} .skin-states .iradio_polaris{left:26px} .skin-states .iradio_futurico{left:31px} .colors{clear:both;padding:24px 0 9px;} .skin-line .colors{padding-top:28px} .colors strong{float:left;line-height:20px;margin-right:20px} .colors li{position:relative;float:left;width:16px;height:16px;margin:2px 1px 0 0;background:#000;cursor:pointer;filter:alpha(opacity=50);opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;} .colors li:hover{filter:alpha(opacity=100);opacity:1} .colors li.active{height:20px;margin-top:0;filter:alpha(opacity=75);opacity:.75} .colors li.red{background:#d54e21} .colors li.green{background:#78a300} .colors li.blue{background:#0e76a8} .colors li.aero{background:#9cc2cb} .colors li.grey{background:#73716e} .colors li.orange{background:#f70} .colors li.yellow{background:#fc0} .colors li.pink{background:#ff66b5} .colors li.purple{background:#6a5a8c} .skin-square .colors li.red{background:#e56c69} .skin-square .colors li.green{background:#1b7e5a} .skin-square .colors li.blue{background:#2489c5} .skin-square .colors li.aero{background:#9cc2cb} .skin-square .colors li.grey{background:#73716e} .skin-square .colors li.yellow{background:#fc3} .skin-square .colors li.pink{background:#a77a94} .skin-square .colors li.purple{background:#6a5a8c} .skin-square .colors li.orange{background:#f70} .skin-flat .colors li.red{background:#ec7063} .skin-flat .colors li.green{background:#1abc9c} .skin-flat .colors li.blue{background:#3498db} .skin-flat .colors li.grey{background:#95a5a6} .skin-flat .colors li.orange{background:#f39c12} .skin-flat .colors li.yellow{background:#f1c40f} .skin-flat .colors li.pink{background:#af7ac5} .skin-flat .colors li.purple{background:#8677a7} .skin-line .colors li.yellow{background:#ffc414} .skins-info{padding:13px 0 57px;font-size:16px;line-height:22px;text-align:center;} .skins-info p{margin-bottom:17px} .skins-info .skins-banner{margin:34px 0 3px;} .skins-info .skins-banner a{display:block;width:728px;height:90px;margin:0 auto;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(banner.jpg);-webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease;border:none;} .skins-info .skins-banner a:hover{opacity:.8;} .skin-pre{padding:43px 60px 0} .skin-usage{padding:19px 60px 8px;list-style:decimal outside;} .skin-usage li{margin-bottom:23px} .skin-usage .schemes{margin-bottom:-3px;padding:13px 0 0 20px;color:#888;} .skin-usage .schemes ul{float:left;padding-right:60px} .skin-usage .schemes li{margin:0;padding-bottom:3px} .usage{position:relative;margin-bottom:80px;background:#fff;} .usage a{border-bottom-color:#ddd} .usage .self{border-bottom-color:#bbb} .usage .arrows{top:0} .usage:hover .arrows .top,.usage:hover .arrows .bottom{left:0} .usage h2{color:#fff;background:#1f7f5c} .usage h4{margin:26px 0 10px;} .usage h4.indeterminate{margin-top:28px} .usage p{margin-bottom:5px;} .usage p.offset{margin-top:10px} .usage p.callbacks-info{margin-bottom:19px} .usage p.methods-info{margin-bottom:10px} .usage p.methods-callback{margin-top:10px} .usage p.issue-tracker{margin-top:31px} .usage .markup{margin:9px 0 16px} .usage .usage-inner{font-size:15px;line-height:23px;padding:41px 60px 39px} .markup{margin:10px 0 18px;padding:8px 0 9px 17px;font:14px/20px 'MontserratRegular',Helvetica,Arial,sans-serif;color:#777;background:#e7e5e0;border-left:3px solid #d7d5cb;} .markup .comment{color:#999;} .markup .comment .self{color:#555;} .markup .comment .self:hover{color:#333} .skin-polaris .markup{background:#232830;border-left-color:#1f232a} .skin-futurico .markup{background:#25262a;border-left-color:#202225} .skin-polaris .markup .comment,.skin-futurico .markup .comment{color:#555} .browsers{margin-bottom:74px;} .browsers h2{margin-bottom:29px;font-size:24px} .browsers-inner{padding:0 60px;font-size:15px;line-height:23px;} .browsers-inner p{margin-bottom:15px} .benefits{position:relative;margin-bottom:59px;color:#888;background:#232323;} .benefits .arrows{top:0} .benefits:hover .arrows .top,.benefits:hover .arrows .bottom{left:0} .benefits h2{color:#fff;background:#6a5b8c} .benefits a{color:#888;border-bottom-color:#444;} .benefits a:hover{color:#aaa} .benefits .mark{color:#777;background:#393939} .benefits-inner{padding:41px 60px 29px;font-size:15px;line-height:23px;} .benefits-inner p{margin-bottom:15px} .benefits-inner ul{margin:-10px 0 15px} .download{height:63px;text-align:center;} .download a{display:block;height:60px;font-size:18px;line-height:58px;color:#fff;border-bottom:0 solid #e24f49;background:#e76b66;-webkit-transition:border-bottom .2s;-moz-transition:border-bottom .2s;-ms-transition:border-bottom .2s;-o-transition:border-bottom .2s;transition:border-bottom .2s;} .download a:before{content:'';display:inline-block;width:26px;height:26px;margin-right:12px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAACYUlEQVR4Xr3VPWhTURjH4VOt0ES7ZRJbEJpsNsaimx9E0GpRCdgU/NhsRAdNBYcK0RirQcSkIIK2cRBRiragVayDhqBDLVWatFvsIKK2UMEp4KBcf8N/KNdwvcHWAw8c/rzvebk5yU2dZVnmf6wVNdb70Ca+5Rrkx0e8E/ZkyzCoAyuxBZu17/jXQV34jjwCytowjUk90Ywyo5q8errcDoriPgpoRhEj6MQrGHmpbARF1RbUG3Uz6Bae4iBacQNNSKEPRi4pa1JNq3pGcds+qNrXu4B1CKKCWtZqlPAZO/72RDGsRdKWh5ATIdOSpHpjbu6ojBfYBiPdOIQeHJMeZd0wsh1jKDsNakEc97AHo8o3IYCz2I1nGMYuZQHVGPXs1RlxtNgH+TCFtBpvIqua40ghqkGdOIp27VOqMcigX8PTKIKzWXwZDDbAQhDG5o6yx2iAkQY80T4HYxOEpbP/uCOnN+wq1Nlq6x3qrWp3NIcKJvAWV+FVzU804i6uwyNZZY34BaOeyzpjQmfOLR70DSGcwyxOIa7mAZzHQ+QxLHllCdUYnMYZzOqsjeBsPbp8QFZ7Lw7gCt4jhGu4qCEGa5SVVWPUM4Yjbn5HfrTjNYzk8AAZ5CSjbBBG3qjXr0CqX+YAviJpy6cQg9NKIoJBN6+gIGbwA16kMY5eeGDEo2xcNV71TCPo5qM7iX14hJIueB4XkICRhLJ51ZTUsx8n3AwawmGE8QUhRDR4J4yElUUQUm1YvUPOfxPO4khj66KL70W/m+Z6uF3P0YdJBRVlZqkHlbEezQo+YWHJB8mC1Lx+Ayeq7nRIoewwAAAAAElFTkSuQmCC");*background-image:url("ie/icon-options.png");vertical-align:middle} .download a:hover{border-bottom-width:3px} .license{color:#444;text-align:center;padding:30px 0 75px} .footer{padding-top:28px;height:60px;color:#666;background:#e2dfd8;} .footer ul{float:left;} .footer ul li{float:left;padding:2px 10px 0 0} .footer ul.local li{padding:0 30px 0 0} .footer .code{float:right} .footer a{color:#444;} .footer a:hover{color:#222} .footer-inner{width:930px;margin:0 auto;overflow:hidden} .fork-me{position:fixed;*position:absolute;top:0;right:0;width:40px;height:40px;overflow:hidden;text-indent:100%;white-space:nowrap;background:#28545b url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnElEQVR4XqVSgQmEMAyszw/gCI7wK7iBblBHcISfxG6gG/gjuIGO0A3ygaYQCCG2HhweF+6aShsAcDcBJBpuvlwFagqGJwUf5EL6kgV2eEe2yIgc9QI73CMPs8AOywI7nHDSzCxYxcnJ6+hrFnQkJrb2nGclP3Fj+vf0IUV1AgCZHiS86lOObxD4qqSD5mtXmAq1e2fB3vqXact3f/JmXumJlVq1AAAAAElFTkSuQmCC") 50% no-repeat;*background-image:url("ie/icon-fork.png");} .fork-me:hover{background-color:#1f7f5c} .skin dt,.fork-me{-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s} ================================================ FILE: demo/css/normalize.css ================================================ /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } ================================================ FILE: demo/index.html ================================================ Checkboxes and radio buttons customization (jQuery and Zepto) plugin

super customized checkboxes and radio buttons for jQuery & Zepto

iCheck v1.0.3

@Fronteed

Plugin features

Demo

Add checked state to 1 and 3 inputs show code 
$('#input-1, #input-3').iCheck('check');
Remove checked state from 1 and 3 inputs show code 
$('#input-1, #input-3').iCheck('uncheck');
Add disabled state to 2 and 4 inputs show code 
$('#input-2, #input-4').iCheck('disable');
Remove disabled state from 2 and 4 inputs show code 
$('#input-2, #input-4').iCheck('enable');
Remove all traces of iCheck show code 
$('input').iCheck('destroy');

Callbacks

    Skins

    Minimal skin

    Live

    Color schemes

    States

    • Normal
    • Hover
    • Checked
    • Disabled
    • Disabled & checked
    Demo

    Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

    1. Choose a color scheme, there are 10 different styles available:
      • Black — minimal.css
      • Red — red.css
      • Green — green.css
      • Blue — blue.css
      • Aero — aero.css
      • Grey — grey.css
      • Orange — orange.css
      • Yellow — yellow.css
      • Pink — pink.css
      • Purple — purple.css
    2. Copy /skins/minimal/ folder and icheck.js file to your site.

    3. Insert before </head> in your HTML (replace your-path and color-scheme):

      <link href="your-path/minimal/color-scheme.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

      Example for a Red color scheme:

      <link href="your-path/minimal/red.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

    4. Add some checkboxes and radio buttons to your HTML:

      <input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck" checked>

    5. Add JavaScript to your HTML to launch iCheck plugin:

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_minimal',
    radioClass: 'iradio_minimal',
    increaseArea: '20%' // optional
  });
});
</script>

      For different from black color schemes use this code (example for Red):

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_minimal-red',
    radioClass: 'iradio_minimal-red',
    increaseArea: '20%' // optional
  });
});
</script>
    6. Done.
    Usage

    Square skin

    Live

    Color schemes

    States

    • Normal
    • Hover
    • Checked
    • Disabled
    • Disabled & checked
    Demo

    Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

    1. Choose a color scheme, there are 10 different styles available:
      • Black — square.css
      • Red — red.css
      • Green — green.css
      • Blue — blue.css
      • Aero — aero.css
      • Grey — grey.css
      • Orange — orange.css
      • Yellow — yellow.css
      • Pink — pink.css
      • Purple — purple.css
    2. Copy /skins/square/ folder and icheck.js file to your site.

    3. Insert before </head> in your HTML (replace your-path and color-scheme):

      <link href="your-path/square/color-scheme.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

      Example for a Red color scheme:

      <link href="your-path/square/red.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

    4. Add some checkboxes and radio buttons to your HTML:

      <input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck" checked>

    5. Add JavaScript to your HTML to launch iCheck plugin:

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_square',
    radioClass: 'iradio_square',
    increaseArea: '20%' // optional
  });
});
</script>

      For different from black color schemes use this code (example for Red):

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_square-red',
    radioClass: 'iradio_square-red',
    increaseArea: '20%' // optional
  });
});
</script>
    6. Done.
    Usage

    Flat skin

    Live

    Color schemes

    States

    • Normal
    • Checked
    • Disabled
    • Disabled & checked
    Demo

    Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

    1. Choose a color scheme, there are 10 different styles available:
      • Black — flat.css
      • Red — red.css
      • Green — green.css
      • Blue — blue.css
      • Aero — aero.css
      • Grey — grey.css
      • Orange — orange.css
      • Yellow — yellow.css
      • Pink — pink.css
      • Purple — purple.css
    2. Copy /skins/flat/ folder and icheck.js file to your site.

    3. Insert before </head> in your HTML (replace your-path and color-scheme):

      <link href="your-path/flat/color-scheme.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

      Example for a Red color scheme:

      <link href="your-path/flat/red.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

    4. Add some checkboxes and radio buttons to your HTML:

      <input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck" checked>

    5. Add JavaScript to your HTML to launch iCheck plugin:

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_flat',
    radioClass: 'iradio_flat'
  });
});
</script>

      For different from black color schemes use this code (example for Red):

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_flat-red',
    radioClass: 'iradio_flat-red'
  });
});
</script>
    6. Done.
    Usage

    Line skin

    Live

    Color schemes

    States

    • Normal
    • Hover
    • Checked
    • Disabled
    • Disabled & checked
    Demo

    Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

    1. Choose a color scheme, there are 10 different styles available:
      • Black — line.css
      • Red — red.css
      • Green — green.css
      • Blue — blue.css
      • Aero — aero.css
      • Grey — grey.css
      • Orange — orange.css
      • Yellow — yellow.css
      • Pink — pink.css
      • Purple — purple.css
    2. Copy /skins/line/ folder and icheck.js file to your site.

    3. Insert before </head> in your HTML (replace your-path and color-scheme):

      <link href="your-path/line/color-scheme.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

      Example for a Red color scheme:

      <link href="your-path/line/red.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

    4. Add some checkboxes, radio buttons and labels to your HTML:

      <input type="checkbox">
<label>Checkbox 1</label>

<input type="checkbox" checked>
<label>Checkbox 2</label>

<input type="radio" name="iCheck">
<label>Radio button 1</label>

<input type="radio" name="iCheck" checked>
<label>Radio button 2</label>

    5. Add JavaScript to your HTML to launch iCheck plugin:

      <script>
$(document).ready(function(){
  $('input').each(function(){
    var self = $(this),
      label = self.next(),
      label_text = label.text();

    label.remove();
    self.iCheck({
      checkboxClass: 'icheckbox_line',
      radioClass: 'iradio_line',
      insert: '<div class="icheck_line-icon"></div>' + label_text
    });
  });
});
</script>

      For different from black color schemes use this code (example for Red):

      <script>
$(document).ready(function(){
  $('input').each(function(){
    var self = $(this),
      label = self.next(),
      label_text = label.text();

    label.remove();
    self.iCheck({
      checkboxClass: 'icheckbox_line-red',
      radioClass: 'iradio_line-red',
      insert: '<div class="icheck_line-icon"></div>' + label_text
    });
  });
});
</script>
    6. Done.
    Usage

    Polaris skin

    Live

    States

    • Normal
    • Hover
    • Checked
    • Disabled
    • Disabled & checked
    Demo

    Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

    1. Copy /skins/polaris/ folder and icheck.js file to your site.

    2. Insert before </head> in your HTML (replace your-path and color-scheme):

      <link href="your-path/polaris/polaris.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

    3. Add some checkboxes and radio buttons to your HTML:

      <input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck" checked>

    4. Add JavaScript to your HTML to launch iCheck plugin:

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_polaris',
    radioClass: 'iradio_polaris',
    increaseArea: '-10%' // optional
  });
});
</script>
    5. Done.
    Usage

    Futurico skin

    Live

    States

    • Normal
    • Checked
    • Disabled
    • Disabled & checked
    Demo

    Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

    1. Copy /skins/futurico/ folder and icheck.js file to your site.

    2. Insert before </head> in your HTML (replace your-path and color-scheme):

      <link href="your-path/futurico/futurico.css" rel="stylesheet">
<script src="your-path/icheck.js"></script>

    3. Add some checkboxes and radio buttons to your HTML:

      <input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck" checked>

    4. Add JavaScript to your HTML to launch iCheck plugin:

      <script>
$(document).ready(function(){
  $('input').iCheck({
    checkboxClass: 'icheckbox_futurico',
    radioClass: 'iradio_futurico',
    increaseArea: '20%' // optional
  });
});
</script>
    5. Done.
    Usage

    All skins (except Line) are transparent, you may use them on any background.

    Square, Flat, Polaris and Futurico skins are based on Designmodo's UI packs.

    Awesome UI packs

    Simple usage

    iCheck plugin works with checkboxes and radio buttons like a constructor.
    It wraps each input with a div, which may be customized by you or using one of the available skins.
    You may also place inside that div some HTML code or text using insert option.

    For this HTML:

    <label>
  <input type="checkbox" name="quux[1]" disabled>
  Foo
</label>

<label for="baz[1]">Bar</label>
<input type="radio" name="quux[2]" id="baz[1]" checked>

<label for="baz[2]">Bar</label>
<input type="radio" name="quux[2]" id="baz[2]">

    With default options you'll get nearly this:

    <label>
  <div class="icheckbox disabled">
    <input type="checkbox" name="quux[1]" disabled>
  </div>
  Foo
</label>

<label for="baz[1]">Bar</label>
<div class="iradio checked">
  <input type="radio" name="quux[2]" id="baz[1]" checked>
</div>

<label for="baz[2]">Bar</label>
<div class="iradio">
  <input type="radio" name="quux[2]" id="baz[2]">
</div>

    By default, iCheck doesn't provide any CSS styles for wrapper divs (if you don't use skins).

    Options

    These options are default:

    {
  // 'checkbox' or 'radio' to style only checkboxes or radio buttons, both by default
  handle: '',

  // base class added to customized checkboxes
  checkboxClass: 'icheckbox',

  // base class added to customized radio buttons
  radioClass: 'iradio',

  // class added on checked state (input.checked = true)
  checkedClass: 'checked',

    // if not empty, used instead of 'checkedClass' option (input type specific)
    checkedCheckboxClass: '',
    checkedRadioClass: '',

  // if not empty, added as class name on unchecked state (input.checked = false)
  uncheckedClass: '',

    // if not empty, used instead of 'uncheckedClass' option (input type specific)
    uncheckedCheckboxClass: '',
    uncheckedRadioClass: '',

  // class added on disabled state (input.disabled = true)
  disabledClass: 'disabled',

    // if not empty, used instead of 'disabledClass' option (input type specific)
    disabledCheckboxClass: '',
    disabledRadioClass: '',

  // if not empty, added as class name on enabled state (input.disabled = false)
  enabledClass: '',

    // if not empty, used instead of 'enabledClass' option (input type specific)
    enabledCheckboxClass: '',
    enabledRadioClass: '',

  // class added on indeterminate state (input.indeterminate = true)
  indeterminateClass: 'indeterminate',

    // if not empty, used instead of 'indeterminateClass' option (input type specific)
    indeterminateCheckboxClass: '',
    indeterminateRadioClass: '',

  // if not empty, added as class name on determinate state (input.indeterminate = false)
  determinateClass: '',

    // if not empty, used instead of 'determinateClass' option (input type specific)
    determinateCheckboxClass: '',
    determinateRadioClass: '',

  // class added on hover state (pointer is moved onto input)
  hoverClass: 'hover',

  // class added on focus state (input has gained focus)
  focusClass: 'focus',

  // class added on active state (mouse button is pressed on input)
  activeClass: 'active',

  // adds hoverClass to customized input on label hover and labelHoverClass to label on input hover
  labelHover: true,

    // class added to label if labelHover set to true
    labelHoverClass: 'hover',

  // increase clickable area by given % (negative number to decrease)
  increaseArea: '',

  // true to set 'pointer' CSS cursor over enabled inputs and 'default' over disabled
  cursor: false,

  // set true to inherit original input's class name
  inheritClass: false,

  // if set to true, input's id is prefixed with 'iCheck-' and attached
  inheritID: false,

  // set true to activate ARIA support
  aria: false,

  // add HTML code or text inside customized input
  insert: ''
}

    There's no need to copy and paste all of them, you can just mention the ones you need:

    $('input').iCheck({
  labelHover: false,
  cursor: true
});

    You can choose any class names and slyle them as you want.

    Initialize

    Just include icheck.js after jQuery v1.7+ (or Zepto [polyfill, event, data]).

    iCheck supports any selectors, but handles only checkboxes and radio buttons:

    // customize all inputs (will search for checkboxes and radio buttons)
$('input').iCheck();

// handle inputs only inside $('.block')
$('.block input').iCheck();

// handle only checkboxes inside $('.test')
$('.test input').iCheck({
  handle: 'checkbox'
});

// handle .vote class elements (will search inside the element, if it's not an input)
$('.vote').iCheck();

// you can also change options after inputs are customized
$('input.some').iCheck({
  // different options
});

    Indeterminate

    HTML5 allows specifying indeterminate ("partially" checked) state for checkboxes. iCheck supports it for both checkboxes and radio buttons.

    You can make an input indeterminate through HTML using additional attributes (supported by iCheck). Both do the same job, but indeterminate="true" may not work in some browsers (like IE7):

    <!-- indeterminate="true" -->
<input type="checkbox" indeterminate="true">
<input type="radio" indeterminate="true">

<!-- determinate="false" -->
<input type="checkbox" determinate="false">
<input type="radio" determinate="false">

    indeterminate and determinate methods can be used to toggle indeterminate state.

    Callbacks

    iCheck provides plenty callbacks, which may be used to handle changes.

    Callback name When used
    ifClicked user clicked on a customized input or an assigned label
    ifChanged input's checked, disabled or indeterminate state is changed
    ifChecked input's state is changed to checked
    ifUnchecked checked state is removed
    ifToggled input's checked state is changed
    ifDisabled input's state is changed to disabled
    ifEnabled disabled state is removed
    ifIndeterminate input's state is changed to indeterminate
    ifDeterminate indeterminate state is removed
    ifCreated input is just customized
    ifDestroyed customization is just removed

    Use on() method to bind them to inputs:

    $('input').on('ifChecked', function(event){
  alert(event.type + ' callback');
});

    ifCreated callback should be binded before plugin init.

    Methods

    These methods can be used to make changes programmatically (any selectors can be used):

    $('input').iCheck('check'); — change input's state to checked

    $('input').iCheck('uncheck'); — remove checked state

    $('input').iCheck('toggle'); — toggle checked state

    $('input').iCheck('disable'); — change input's state to disabled

    $('input').iCheck('enable'); — remove disabled state

    $('input').iCheck('indeterminate'); — change input's state to indeterminate

    $('input').iCheck('determinate'); — remove indeterminate state

    $('input').iCheck('update'); — apply input changes, which were done outside the plugin

    $('input').iCheck('destroy'); — remove all traces of iCheck

    You may also specify some function, that will be executed on each method call:

    $('input').iCheck('check', function(){
  alert('Well done, Sir');
});

    Feel free to fork and submit pull-request or submit an issue if you find something not working.

    Comparison

    iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

    There are some CSS3 ways available to style checkboxes and radio buttons, like this one. You have to know about some of the disadvantages of similar methods:

    • — inputs are keyboard inaccessible, since display: none or visibility: hidden used to hide them
    • — poor browser support
    • — multiple bugs on mobile devices
    • — tricky, harder to maintain CSS code
    • — JavaScript is still needed to fix specific issues

    While CSS3 method is quite limited solution, iCheck is made to be an everyday replacement covering most of the tasks.

    Browser support

    iCheck is verified to work in Internet Explorer 6+, Firefox 2+, Opera 9+, Google Chrome and Safari browsers. Should also work in many others.

    Mobile browsers (like Opera mini, Chrome mobile, Safari mobile, Android browser, Silk and others) are also supported. Tested on iOS (iPad, iPhone, iPod), Android, BlackBerry and Windows Phone devices.

    Download plugin
    iCheck plugin is released under the MIT License. Feel free to use it in personal and commercial projects.
    Created by Damir Sultanov
    Fork me on GitHub ================================================ FILE: demo/js/jquery.js ================================================ /*! * jQuery v1.8.3 jquery.com | jquery.org/license */ (function(e,t){function _(e){var t=M[e]={};return v.each(e.split(y),function(e,n){t[n]=!0}),t}function H(e,n,r){if(r===t&&e.nodeType===1){var i="data-"+n.replace(P,"-$1").toLowerCase();r=e.getAttribute(i);if(typeof r=="string"){try{r=r==="true"?!0:r==="false"?!1:r==="null"?null:+r+""===r?+r:D.test(r)?v.parseJSON(r):r}catch(s){}v.data(e,n,r)}else r=t}return r}function B(e){var t;for(t in e){if(t==="data"&&v.isEmptyObject(e[t]))continue;if(t!=="toJSON")return!1}return!0}function et(){return!1}function tt(){return!0}function ut(e){return!e||!e.parentNode||e.parentNode.nodeType===11}function at(e,t){do e=e[t];while(e&&e.nodeType!==1);return e}function ft(e,t,n){t=t||0;if(v.isFunction(t))return v.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return v.grep(e,function(e,r){return e===t===n});if(typeof t=="string"){var r=v.grep(e,function(e){return e.nodeType===1});if(it.test(t))return v.filter(t,r,!n);t=v.filter(t,r)}return v.grep(e,function(e,r){return v.inArray(e,t)>=0===n})}function lt(e){var t=ct.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function At(e,t){if(t.nodeType!==1||!v.hasData(e))return;var n,r,i,s=v._data(e),o=v._data(t,s),u=s.events;if(u){delete o.handle,o.events={};for(n in u)for(r=0,i=u[n].length;r").appendTo(i.body),n=t.css("display");t.remove();if(n==="none"||n===""){Pt=i.body.appendChild(Pt||v.extend(i.createElement("iframe"),{frameBorder:0,width:0,height:0}));if(!Ht||!Pt.createElement)Ht=(Pt.contentWindow||Pt.contentDocument).document,Ht.write(""),Ht.close();t=Ht.body.appendChild(Ht.createElement(e)),n=Dt(t,"display"),i.body.removeChild(Pt)}return Wt[e]=n,n}function fn(e,t,n,r){var i;if(v.isArray(t))v.each(t,function(t,i){n||sn.test(e)?r(e,i):fn(e+"["+(typeof i=="object"?t:"")+"]",i,n,r)});else if(!n&&v.type(t)==="object")for(i in t)fn(e+"["+i+"]",t[i],n,r);else r(e,t)}function Cn(e){return function(t,n){typeof t!="string"&&(n=t,t="*");var r,i,s,o=t.toLowerCase().split(y),u=0,a=o.length;if(v.isFunction(n))for(;u)[^>]*$|#([\w\-]*)$)/,E=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,S=/^[\],:{}\s]*$/,x=/(?:^|:|,)(?:\s*\[)+/g,T=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,N=/"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,C=/^-ms-/,k=/-([\da-z])/gi,L=function(e,t){return(t+"").toUpperCase()},A=function(){i.addEventListener?(i.removeEventListener("DOMContentLoaded",A,!1),v.ready()):i.readyState==="complete"&&(i.detachEvent("onreadystatechange",A),v.ready())},O={};v.fn=v.prototype={constructor:v,init:function(e,n,r){var s,o,u,a;if(!e)return this;if(e.nodeType)return this.context=this[0]=e,this.length=1,this;if(typeof e=="string"){e.charAt(0)==="<"&&e.charAt(e.length-1)===">"&&e.length>=3?s=[null,e,null]:s=w.exec(e);if(s&&(s[1]||!n)){if(s[1])return n=n instanceof v?n[0]:n,a=n&&n.nodeType?n.ownerDocument||n:i,e=v.parseHTML(s[1],a,!0),E.test(s[1])&&v.isPlainObject(n)&&this.attr.call(e,n,!0),v.merge(this,e);o=i.getElementById(s[2]);if(o&&o.parentNode){if(o.id!==s[2])return r.find(e);this.length=1,this[0]=o}return this.context=i,this.selector=e,this}return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e)}return v.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),v.makeArray(e,this))},selector:"",jquery:"1.8.3",length:0,size:function(){return this.length},toArray:function(){return l.call(this)},get:function(e){return e==null?this.toArray():e<0?this[this.length+e]:this[e]},pushStack:function(e,t,n){var r=v.merge(this.constructor(),e);return r.prevObject=this,r.context=this.context,t==="find"?r.selector=this.selector+(this.selector?" ":"")+n:t&&(r.selector=this.selector+"."+t+"("+n+")"),r},each:function(e,t){return v.each(this,e,t)},ready:function(e){return v.ready.promise().done(e),this},eq:function(e){return e=+e,e===-1?this.slice(e):this.slice(e,e+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(l.apply(this,arguments),"slice",l.call(arguments).join(","))},map:function(e){return this.pushStack(v.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:[].sort,splice:[].splice},v.fn.init.prototype=v.fn,v.extend=v.fn.extend=function(){var e,n,r,i,s,o,u=arguments[0]||{},a=1,f=arguments.length,l=!1;typeof u=="boolean"&&(l=u,u=arguments[1]||{},a=2),typeof u!="object"&&!v.isFunction(u)&&(u={}),f===a&&(u=this,--a);for(;a0)return;r.resolveWith(i,[v]),v.fn.trigger&&v(i).trigger("ready").off("ready")},isFunction:function(e){return v.type(e)==="function"},isArray:Array.isArray||function(e){return v.type(e)==="array"},isWindow:function(e){return e!=null&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return e==null?String(e):O[h.call(e)]||"object"},isPlainObject:function(e){if(!e||v.type(e)!=="object"||e.nodeType||v.isWindow(e))return!1;try{if(e.constructor&&!p.call(e,"constructor")&&!p.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||p.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw new Error(e)},parseHTML:function(e,t,n){var r;return!e||typeof e!="string"?null:(typeof t=="boolean"&&(n=t,t=0),t=t||i,(r=E.exec(e))?[t.createElement(r[1])]:(r=v.buildFragment([e],t,n?null:[]),v.merge([],(r.cacheable?v.clone(r.fragment):r.fragment).childNodes)))},parseJSON:function(t){if(!t||typeof t!="string")return null;t=v.trim(t);if(e.JSON&&e.JSON.parse)return e.JSON.parse(t);if(S.test(t.replace(T,"@").replace(N,"]").replace(x,"")))return(new Function("return "+t))();v.error("Invalid JSON: "+t)},parseXML:function(n){var r,i;if(!n||typeof n!="string")return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(s){r=t}return(!r||!r.documentElement||r.getElementsByTagName("parsererror").length)&&v.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&g.test(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(C,"ms-").replace(k,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,n,r){var i,s=0,o=e.length,u=o===t||v.isFunction(e);if(r){if(u){for(i in e)if(n.apply(e[i],r)===!1)break}else for(;s0&&e[0]&&e[a-1]||a===0||v.isArray(e));if(f)for(;u-1)a.splice(n,1),i&&(n<=o&&o--,n<=u&&u--)}),this},has:function(e){return v.inArray(e,a)>-1},empty:function(){return a=[],this},disable:function(){return a=f=n=t,this},disabled:function(){return!a},lock:function(){return f=t,n||c.disable(),this},locked:function(){return!f},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],a&&(!r||f)&&(i?f.push(t):l(t)),this},fire:function(){return c.fireWith(this,arguments),this},fired:function(){return!!r}};return c},v.extend({Deferred:function(e){var t=[["resolve","done",v.Callbacks("once memory"),"resolved"],["reject","fail",v.Callbacks("once memory"),"rejected"],["notify","progress",v.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return v.Deferred(function(n){v.each(t,function(t,r){var s=r[0],o=e[t];i[r[1]](v.isFunction(o)?function(){var e=o.apply(this,arguments);e&&v.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[s+"With"](this===i?n:this,[e])}:n[s])}),e=null}).promise()},promise:function(e){return e!=null?v.extend(e,r):r}},i={};return r.pipe=r.then,v.each(t,function(e,s){var o=s[2],u=s[3];r[s[1]]=o.add,u&&o.add(function(){n=u},t[e^1][2].disable,t[2][2].lock),i[s[0]]=o.fire,i[s[0]+"With"]=o.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=l.call(arguments),r=n.length,i=r!==1||e&&v.isFunction(e.promise)?r:0,s=i===1?e:v.Deferred(),o=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?l.call(arguments):r,n===u?s.notifyWith(t,n):--i||s.resolveWith(t,n)}},u,a,f;if(r>1){u=new Array(r),a=new Array(r),f=new Array(r);for(;t
    a",n=p.getElementsByTagName("*"),r=p.getElementsByTagName("a")[0];if(!n||!r||!n.length)return{};s=i.createElement("select"),o=s.appendChild(i.createElement("option")),u=p.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={leadingWhitespace:p.firstChild.nodeType===3,tbody:!p.getElementsByTagName("tbody").length,htmlSerialize:!!p.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:r.getAttribute("href")==="/a",opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:u.value==="on",optSelected:o.selected,getSetAttribute:p.className!=="t",enctype:!!i.createElement("form").enctype,html5Clone:i.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",boxModel:i.compatMode==="CSS1Compat",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},u.checked=!0,t.noCloneChecked=u.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!o.disabled;try{delete p.test}catch(d){t.deleteExpando=!1}!p.addEventListener&&p.attachEvent&&p.fireEvent&&(p.attachEvent("onclick",h=function(){t.noCloneEvent=!1}),p.cloneNode(!0).fireEvent("onclick"),p.detachEvent("onclick",h)),u=i.createElement("input"),u.value="t",u.setAttribute("type","radio"),t.radioValue=u.value==="t",u.setAttribute("checked","checked"),u.setAttribute("name","t"),p.appendChild(u),a=i.createDocumentFragment(),a.appendChild(p.lastChild),t.checkClone=a.cloneNode(!0).cloneNode(!0).lastChild.checked,t.appendChecked=u.checked,a.removeChild(u),a.appendChild(p);if(p.attachEvent)for(l in{submit:!0,change:!0,focusin:!0})f="on"+l,c=f in p,c||(p.setAttribute(f,"return;"),c=typeof p[f]=="function"),t[l+"Bubbles"]=c;return v(function(){var n,r,s,o,u="padding:0;margin:0;border:0;display:block;overflow:hidden;",a=i.getElementsByTagName("body")[0];if(!a)return;n=i.createElement("div"),n.style.cssText="visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px",a.insertBefore(n,a.firstChild),r=i.createElement("div"),n.appendChild(r),r.innerHTML="
    t
    ",s=r.getElementsByTagName("td"),s[0].style.cssText="padding:0;margin:0;border:0;display:none",c=s[0].offsetHeight===0,s[0].style.display="",s[1].style.display="none",t.reliableHiddenOffsets=c&&s[0].offsetHeight===0,r.innerHTML="",r.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=r.offsetWidth===4,t.doesNotIncludeMarginInBodyOffset=a.offsetTop!==1,e.getComputedStyle&&(t.pixelPosition=(e.getComputedStyle(r,null)||{}).top!=="1%",t.boxSizingReliable=(e.getComputedStyle(r,null)||{width:"4px"}).width==="4px",o=i.createElement("div"),o.style.cssText=r.style.cssText=u,o.style.marginRight=o.style.width="0",r.style.width="1px",r.appendChild(o),t.reliableMarginRight=!parseFloat((e.getComputedStyle(o,null)||{}).marginRight)),typeof r.style.zoom!="undefined"&&(r.innerHTML="",r.style.cssText=u+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=r.offsetWidth===3,r.style.display="block",r.style.overflow="visible",r.innerHTML="
    ",r.firstChild.style.width="5px",t.shrinkWrapBlocks=r.offsetWidth!==3,n.style.zoom=1),a.removeChild(n),n=r=s=o=null}),a.removeChild(p),n=r=s=o=u=a=p=null,t}();var D=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,P=/([A-Z])/g;v.extend({cache:{},deletedIds:[],uuid:0,expando:"jQuery"+(v.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?v.cache[e[v.expando]]:e[v.expando],!!e&&!B(e)},data:function(e,n,r,i){if(!v.acceptData(e))return;var s,o,u=v.expando,a=typeof n=="string",f=e.nodeType,l=f?v.cache:e,c=f?e[u]:e[u]&&u;if((!c||!l[c]||!i&&!l[c].data)&&a&&r===t)return;c||(f?e[u]=c=v.deletedIds.pop()||v.guid++:c=u),l[c]||(l[c]={},f||(l[c].toJSON=v.noop));if(typeof n=="object"||typeof n=="function")i?l[c]=v.extend(l[c],n):l[c].data=v.extend(l[c].data,n);return s=l[c],i||(s.data||(s.data={}),s=s.data),r!==t&&(s[v.camelCase(n)]=r),a?(o=s[n],o==null&&(o=s[v.camelCase(n)])):o=s,o},removeData:function(e,t,n){if(!v.acceptData(e))return;var r,i,s,o=e.nodeType,u=o?v.cache:e,a=o?e[v.expando]:v.expando;if(!u[a])return;if(t){r=n?u[a]:u[a].data;if(r){v.isArray(t)||(t in r?t=[t]:(t=v.camelCase(t),t in r?t=[t]:t=t.split(" ")));for(i=0,s=t.length;i1,null,!1))},removeData:function(e){return this.each(function(){v.removeData(this,e)})}}),v.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=v._data(e,t),n&&(!r||v.isArray(n)?r=v._data(e,t,v.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=v.queue(e,t),r=n.length,i=n.shift(),s=v._queueHooks(e,t),o=function(){v.dequeue(e,t)};i==="inprogress"&&(i=n.shift(),r--),i&&(t==="fx"&&n.unshift("inprogress"),delete s.stop,i.call(e,o,s)),!r&&s&&s.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return v._data(e,n)||v._data(e,n,{empty:v.Callbacks("once memory").add(function(){v.removeData(e,t+"queue",!0),v.removeData(e,n,!0)})})}}),v.fn.extend({queue:function(e,n){var r=2;return typeof e!="string"&&(n=e,e="fx",r--),arguments.length1)},removeAttr:function(e){return this.each(function(){v.removeAttr(this,e)})},prop:function(e,t){return v.access(this,v.prop,e,t,arguments.length>1)},removeProp:function(e){return e=v.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,s,o,u;if(v.isFunction(e))return this.each(function(t){v(this).addClass(e.call(this,t,this.className))});if(e&&typeof e=="string"){t=e.split(y);for(n=0,r=this.length;n=0)r=r.replace(" "+n[s]+" "," ");i.className=e?v.trim(r):""}}}return this},toggleClass:function(e,t){var n=typeof e,r=typeof t=="boolean";return v.isFunction(e)?this.each(function(n){v(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if(n==="string"){var i,s=0,o=v(this),u=t,a=e.split(y);while(i=a[s++])u=r?u:!o.hasClass(i),o[u?"addClass":"removeClass"](i)}else if(n==="undefined"||n==="boolean")this.className&&v._data(this,"__className__",this.className),this.className=this.className||e===!1?"":v._data(this,"__className__")||""})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;n=0)return!0;return!1},val:function(e){var n,r,i,s=this[0];if(!arguments.length){if(s)return n=v.valHooks[s.type]||v.valHooks[s.nodeName.toLowerCase()],n&&"get"in n&&(r=n.get(s,"value"))!==t?r:(r=s.value,typeof r=="string"?r.replace(R,""):r==null?"":r);return}return i=v.isFunction(e),this.each(function(r){var s,o=v(this);if(this.nodeType!==1)return;i?s=e.call(this,r,o.val()):s=e,s==null?s="":typeof s=="number"?s+="":v.isArray(s)&&(s=v.map(s,function(e){return e==null?"":e+""})),n=v.valHooks[this.type]||v.valHooks[this.nodeName.toLowerCase()];if(!n||!("set"in n)||n.set(this,s,"value")===t)this.value=s})}}),v.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,s=e.type==="select-one"||i<0,o=s?null:[],u=s?i+1:r.length,a=i<0?u:s?i:0;for(;a=0}),n.length||(e.selectedIndex=-1),n}}},attrFn:{},attr:function(e,n,r,i){var s,o,u,a=e.nodeType;if(!e||a===3||a===8||a===2)return;if(i&&v.isFunction(v.fn[n]))return v(e)[n](r);if(typeof e.getAttribute=="undefined")return v.prop(e,n,r);u=a!==1||!v.isXMLDoc(e),u&&(n=n.toLowerCase(),o=v.attrHooks[n]||(X.test(n)?F:j));if(r!==t){if(r===null){v.removeAttr(e,n);return}return o&&"set"in o&&u&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r)}return o&&"get"in o&&u&&(s=o.get(e,n))!==null?s:(s=e.getAttribute(n),s===null?t:s)},removeAttr:function(e,t){var n,r,i,s,o=0;if(t&&e.nodeType===1){r=t.split(y);for(;o=0}})});var $=/^(?:textarea|input|select)$/i,J=/^([^\.]*|)(?:\.(.+)|)$/,K=/(?:^|\s)hover(\.\S+|)\b/,Q=/^key/,G=/^(?:mouse|contextmenu)|click/,Y=/^(?:focusinfocus|focusoutblur)$/,Z=function(e){return v.event.special.hover?e:e.replace(K,"mouseenter$1 mouseleave$1")};v.event={add:function(e,n,r,i,s){var o,u,a,f,l,c,h,p,d,m,g;if(e.nodeType===3||e.nodeType===8||!n||!r||!(o=v._data(e)))return;r.handler&&(d=r,r=d.handler,s=d.selector),r.guid||(r.guid=v.guid++),a=o.events,a||(o.events=a={}),u=o.handle,u||(o.handle=u=function(e){return typeof v=="undefined"||!!e&&v.event.triggered===e.type?t:v.event.dispatch.apply(u.elem,arguments)},u.elem=e),n=v.trim(Z(n)).split(" ");for(f=0;f=0&&(y=y.slice(0,-1),a=!0),y.indexOf(".")>=0&&(b=y.split("."),y=b.shift(),b.sort());if((!s||v.event.customEvent[y])&&!v.event.global[y])return;n=typeof n=="object"?n[v.expando]?n:new v.Event(y,n):new v.Event(y),n.type=y,n.isTrigger=!0,n.exclusive=a,n.namespace=b.join("."),n.namespace_re=n.namespace?new RegExp("(^|\\.)"+b.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,h=y.indexOf(":")<0?"on"+y:"";if(!s){u=v.cache;for(f in u)u[f].events&&u[f].events[y]&&v.event.trigger(n,r,u[f].handle.elem,!0);return}n.result=t,n.target||(n.target=s),r=r!=null?v.makeArray(r):[],r.unshift(n),p=v.event.special[y]||{};if(p.trigger&&p.trigger.apply(s,r)===!1)return;m=[[s,p.bindType||y]];if(!o&&!p.noBubble&&!v.isWindow(s)){g=p.delegateType||y,l=Y.test(g+y)?s:s.parentNode;for(c=s;l;l=l.parentNode)m.push([l,g]),c=l;c===(s.ownerDocument||i)&&m.push([c.defaultView||c.parentWindow||e,g])}for(f=0;f=0:v.find(h,this,null,[s]).length),u[h]&&f.push(c);f.length&&w.push({elem:s,matches:f})}d.length>m&&w.push({elem:this,matches:d.slice(m)});for(r=0;r0?this.on(t,null,e,n):this.trigger(t)},Q.test(t)&&(v.event.fixHooks[t]=v.event.keyHooks),G.test(t)&&(v.event.fixHooks[t]=v.event.mouseHooks)}),function(e,t){function nt(e,t,n,r){n=n||[],t=t||g;var i,s,a,f,l=t.nodeType;if(!e||typeof e!="string")return n;if(l!==1&&l!==9)return[];a=o(t);if(!a&&!r)if(i=R.exec(e))if(f=i[1]){if(l===9){s=t.getElementById(f);if(!s||!s.parentNode)return n;if(s.id===f)return n.push(s),n}else if(t.ownerDocument&&(s=t.ownerDocument.getElementById(f))&&u(t,s)&&s.id===f)return n.push(s),n}else{if(i[2])return S.apply(n,x.call(t.getElementsByTagName(e),0)),n;if((f=i[3])&&Z&&t.getElementsByClassName)return S.apply(n,x.call(t.getElementsByClassName(f),0)),n}return vt(e.replace(j,"$1"),t,n,r,a)}function rt(e){return function(t){var n=t.nodeName.toLowerCase();return n==="input"&&t.type===e}}function it(e){return function(t){var n=t.nodeName.toLowerCase();return(n==="input"||n==="button")&&t.type===e}}function st(e){return N(function(t){return t=+t,N(function(n,r){var i,s=e([],n.length,t),o=s.length;while(o--)n[i=s[o]]&&(n[i]=!(r[i]=n[i]))})})}function ot(e,t,n){if(e===t)return n;var r=e.nextSibling;while(r){if(r===t)return-1;r=r.nextSibling}return 1}function ut(e,t){var n,r,s,o,u,a,f,l=L[d][e+" "];if(l)return t?0:l.slice(0);u=e,a=[],f=i.preFilter;while(u){if(!n||(r=F.exec(u)))r&&(u=u.slice(r[0].length)||u),a.push(s=[]);n=!1;if(r=I.exec(u))s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=r[0].replace(j," ");for(o in i.filter)(r=J[o].exec(u))&&(!f[o]||(r=f[o](r)))&&(s.push(n=new m(r.shift())),u=u.slice(n.length),n.type=o,n.matches=r);if(!n)break}return t?u.length:u?nt.error(e):L(e,a).slice(0)}function at(e,t,r){var i=t.dir,s=r&&t.dir==="parentNode",o=w++;return t.first?function(t,n,r){while(t=t[i])if(s||t.nodeType===1)return e(t,n,r)}:function(t,r,u){if(!u){var a,f=b+" "+o+" ",l=f+n;while(t=t[i])if(s||t.nodeType===1){if((a=t[d])===l)return t.sizset;if(typeof a=="string"&&a.indexOf(f)===0){if(t.sizset)return t}else{t[d]=l;if(e(t,r,u))return t.sizset=!0,t;t.sizset=!1}}}else while(t=t[i])if(s||t.nodeType===1)if(e(t,r,u))return t}}function ft(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function lt(e,t,n,r,i){var s,o=[],u=0,a=e.length,f=t!=null;for(;u-1&&(s[f]=!(o[f]=c))}}else g=lt(g===o?g.splice(d,g.length):g),i?i(null,o,g,a):S.apply(o,g)})}function ht(e){var t,n,r,s=e.length,o=i.relative[e[0].type],u=o||i.relative[" "],a=o?1:0,f=at(function(e){return e===t},u,!0),l=at(function(e){return T.call(t,e)>-1},u,!0),h=[function(e,n,r){return!o&&(r||n!==c)||((t=n).nodeType?f(e,n,r):l(e,n,r))}];for(;a1&&ft(h),a>1&&e.slice(0,a-1).join("").replace(j,"$1"),n,a0,s=e.length>0,o=function(u,a,f,l,h){var p,d,v,m=[],y=0,w="0",x=u&&[],T=h!=null,N=c,C=u||s&&i.find.TAG("*",h&&a.parentNode||a),k=b+=N==null?1:Math.E;T&&(c=a!==g&&a,n=o.el);for(;(p=C[w])!=null;w++){if(s&&p){for(d=0;v=e[d];d++)if(v(p,a,f)){l.push(p);break}T&&(b=k,n=++o.el)}r&&((p=!v&&p)&&y--,u&&x.push(p))}y+=w;if(r&&w!==y){for(d=0;v=t[d];d++)v(x,m,a,f);if(u){if(y>0)while(w--)!x[w]&&!m[w]&&(m[w]=E.call(l));m=lt(m)}S.apply(l,m),T&&!u&&m.length>0&&y+t.length>1&&nt.uniqueSort(l)}return T&&(b=k,c=N),x};return o.el=0,r?N(o):o}function dt(e,t,n){var r=0,i=t.length;for(;r2&&(f=u[0]).type==="ID"&&t.nodeType===9&&!s&&i.relative[u[1].type]){t=i.find.ID(f.matches[0].replace($,""),t,s)[0];if(!t)return n;e=e.slice(u.shift().length)}for(o=J.POS.test(e)?-1:u.length-1;o>=0;o--){f=u[o];if(i.relative[l=f.type])break;if(c=i.find[l])if(r=c(f.matches[0].replace($,""),z.test(u[0].type)&&t.parentNode||t,s)){u.splice(o,1),e=r.length&&u.join("");if(!e)return S.apply(n,x.call(r,0)),n;break}}}return a(e,h)(r,t,s,n,z.test(e)),n}function mt(){}var n,r,i,s,o,u,a,f,l,c,h=!0,p="undefined",d=("sizcache"+Math.random()).replace(".",""),m=String,g=e.document,y=g.documentElement,b=0,w=0,E=[].pop,S=[].push,x=[].slice,T=[].indexOf||function(e){var t=0,n=this.length;for(;ti.cacheLength&&delete e[t.shift()],e[n+" "]=r},e)},k=C(),L=C(),A=C(),O="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",_=M.replace("w","w#"),D="([*^$|!~]?=)",P="\\["+O+"*("+M+")"+O+"*(?:"+D+O+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+_+")|)|)"+O+"*\\]",H=":("+M+")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:"+P+")|[^:]|\\\\.)*|.*))\\)|)",B=":(even|odd|eq|gt|lt|nth|first|last)(?:\\("+O+"*((?:-\\d)?\\d*)"+O+"*\\)|)(?=[^-]|$)",j=new RegExp("^"+O+"+|((?:^|[^\\\\])(?:\\\\.)*)"+O+"+$","g"),F=new RegExp("^"+O+"*,"+O+"*"),I=new RegExp("^"+O+"*([\\x20\\t\\r\\n\\f>+~])"+O+"*"),q=new RegExp(H),R=/^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,U=/^:not/,z=/[\x20\t\r\n\f]*[+~]/,W=/:not\($/,X=/h\d/i,V=/input|select|textarea|button/i,$=/\\(?!\\)/g,J={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),NAME:new RegExp("^\\[name=['\"]?("+M+")['\"]?\\]"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+H),POS:new RegExp(B,"i"),CHILD:new RegExp("^:(only|nth|first|last)-child(?:\\("+O+"*(even|odd|(([+-]|)(\\d*)n|)"+O+"*(?:([+-]|)"+O+"*(\\d+)|))"+O+"*\\)|)","i"),needsContext:new RegExp("^"+O+"*[>+~]|"+B,"i")},K=function(e){var t=g.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}},Q=K(function(e){return e.appendChild(g.createComment("")),!e.getElementsByTagName("*").length}),G=K(function(e){return e.innerHTML="",e.firstChild&&typeof e.firstChild.getAttribute!==p&&e.firstChild.getAttribute("href")==="#"}),Y=K(function(e){e.innerHTML="";var t=typeof e.lastChild.getAttribute("multiple");return t!=="boolean"&&t!=="string"}),Z=K(function(e){return e.innerHTML="",!e.getElementsByClassName||!e.getElementsByClassName("e").length?!1:(e.lastChild.className="e",e.getElementsByClassName("e").length===2)}),et=K(function(e){e.id=d+0,e.innerHTML="
    ",y.insertBefore(e,y.firstChild);var t=g.getElementsByName&&g.getElementsByName(d).length===2+g.getElementsByName(d+0).length;return r=!g.getElementById(d),y.removeChild(e),t});try{x.call(y.childNodes,0)[0].nodeType}catch(tt){x=function(e){var t,n=[];for(;t=this[e];e++)n.push(t);return n}}nt.matches=function(e,t){return nt(e,null,null,t)},nt.matchesSelector=function(e,t){return nt(t,null,null,[e]).length>0},s=nt.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(i===1||i===9||i===11){if(typeof e.textContent=="string")return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=s(e)}else if(i===3||i===4)return e.nodeValue}else for(;t=e[r];r++)n+=s(t);return n},o=nt.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?t.nodeName!=="HTML":!1},u=nt.contains=y.contains?function(e,t){var n=e.nodeType===9?e.documentElement:e,r=t&&t.parentNode;return e===r||!!(r&&r.nodeType===1&&n.contains&&n.contains(r))}:y.compareDocumentPosition?function(e,t){return t&&!!(e.compareDocumentPosition(t)&16)}:function(e,t){while(t=t.parentNode)if(t===e)return!0;return!1},nt.attr=function(e,t){var n,r=o(e);return r||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):r||Y?e.getAttribute(t):(n=e.getAttributeNode(t),n?typeof e[t]=="boolean"?e[t]?t:null:n.specified?n.value:null:null)},i=nt.selectors={cacheLength:50,createPseudo:N,match:J,attrHandle:G?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},find:{ID:r?function(e,t,n){if(typeof t.getElementById!==p&&!n){var r=t.getElementById(e);return r&&r.parentNode?[r]:[]}}:function(e,n,r){if(typeof n.getElementById!==p&&!r){var i=n.getElementById(e);return i?i.id===e||typeof i.getAttributeNode!==p&&i.getAttributeNode("id").value===e?[i]:t:[]}},TAG:Q?function(e,t){if(typeof t.getElementsByTagName!==p)return t.getElementsByTagName(e)}:function(e,t){var n=t.getElementsByTagName(e);if(e==="*"){var r,i=[],s=0;for(;r=n[s];s++)r.nodeType===1&&i.push(r);return i}return n},NAME:et&&function(e,t){if(typeof t.getElementsByName!==p)return t.getElementsByName(name)},CLASS:Z&&function(e,t,n){if(typeof t.getElementsByClassName!==p&&!n)return t.getElementsByClassName(e)}},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace($,""),e[3]=(e[4]||e[5]||"").replace($,""),e[2]==="~="&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),e[1]==="nth"?(e[2]||nt.error(e[0]),e[3]=+(e[3]?e[4]+(e[5]||1):2*(e[2]==="even"||e[2]==="odd")),e[4]=+(e[6]+e[7]||e[2]==="odd")):e[2]&&nt.error(e[0]),e},PSEUDO:function(e){var t,n;if(J.CHILD.test(e[0]))return null;if(e[3])e[2]=e[3];else if(t=e[4])q.test(t)&&(n=ut(t,!0))&&(n=t.indexOf(")",t.length-n)-t.length)&&(t=t.slice(0,n),e[0]=e[0].slice(0,n)),e[2]=t;return e.slice(0,3)}},filter:{ID:r?function(e){return e=e.replace($,""),function(t){return t.getAttribute("id")===e}}:function(e){return e=e.replace($,""),function(t){var n=typeof t.getAttributeNode!==p&&t.getAttributeNode("id");return n&&n.value===e}},TAG:function(e){return e==="*"?function(){return!0}:(e=e.replace($,"").toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[d][e+" "];return t||(t=new RegExp("(^|"+O+")"+e+"("+O+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==p&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r,i){var s=nt.attr(r,e);return s==null?t==="!=":t?(s+="",t==="="?s===n:t==="!="?s!==n:t==="^="?n&&s.indexOf(n)===0:t==="*="?n&&s.indexOf(n)>-1:t==="$="?n&&s.substr(s.length-n.length)===n:t==="~="?(" "+s+" ").indexOf(n)>-1:t==="|="?s===n||s.substr(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r){return e==="nth"?function(e){var t,i,s=e.parentNode;if(n===1&&r===0)return!0;if(s){i=0;for(t=s.firstChild;t;t=t.nextSibling)if(t.nodeType===1){i++;if(e===t)break}}return i-=r,i===n||i%n===0&&i/n>=0}:function(t){var n=t;switch(e){case"only":case"first":while(n=n.previousSibling)if(n.nodeType===1)return!1;if(e==="first")return!0;n=t;case"last":while(n=n.nextSibling)if(n.nodeType===1)return!1;return!0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||nt.error("unsupported pseudo: "+e);return r[d]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?N(function(e,n){var i,s=r(e,t),o=s.length;while(o--)i=T.call(e,s[o]),e[i]=!(n[i]=s[o])}):function(e){return r(e,0,n)}):r}},pseudos:{not:N(function(e){var t=[],n=[],r=a(e.replace(j,"$1"));return r[d]?N(function(e,t,n,i){var s,o=r(e,null,i,[]),u=e.length;while(u--)if(s=o[u])e[u]=!(t[u]=s)}):function(e,i,s){return t[0]=e,r(t,null,s,n),!n.pop()}}),has:N(function(e){return function(t){return nt(e,t).length>0}}),contains:N(function(e){return function(t){return(t.textContent||t.innerText||s(t)).indexOf(e)>-1}}),enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&!!e.checked||t==="option"&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},parent:function(e){return!i.pseudos.empty(e)},empty:function(e){var t;e=e.firstChild;while(e){if(e.nodeName>"@"||(t=e.nodeType)===3||t===4)return!1;e=e.nextSibling}return!0},header:function(e){return X.test(e.nodeName)},text:function(e){var t,n;return e.nodeName.toLowerCase()==="input"&&(t=e.type)==="text"&&((n=e.getAttribute("type"))==null||n.toLowerCase()===t)},radio:rt("radio"),checkbox:rt("checkbox"),file:rt("file"),password:rt("password"),image:rt("image"),submit:it("submit"),reset:it("reset"),button:function(e){var t=e.nodeName.toLowerCase();return t==="input"&&e.type==="button"||t==="button"},input:function(e){return V.test(e.nodeName)},focus:function(e){var t=e.ownerDocument;return e===t.activeElement&&(!t.hasFocus||t.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},active:function(e){return e===e.ownerDocument.activeElement},first:st(function(){return[0]}),last:st(function(e,t){return[t-1]}),eq:st(function(e,t,n){return[n<0?n+t:n]}),even:st(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:st(function(e,t,n){for(var r=n<0?n+t:n;++r",e.querySelectorAll("[selected]").length||i.push("\\["+O+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||i.push(":checked")}),K(function(e){e.innerHTML="

    ",e.querySelectorAll("[test^='']").length&&i.push("[*^$]="+O+"*(?:\"\"|'')"),e.innerHTML="",e.querySelectorAll(":enabled").length||i.push(":enabled",":disabled")}),i=new RegExp(i.join("|")),vt=function(e,r,s,o,u){if(!o&&!u&&!i.test(e)){var a,f,l=!0,c=d,h=r,p=r.nodeType===9&&e;if(r.nodeType===1&&r.nodeName.toLowerCase()!=="object"){a=ut(e),(l=r.getAttribute("id"))?c=l.replace(n,"\\$&"):r.setAttribute("id",c),c="[id='"+c+"'] ",f=a.length;while(f--)a[f]=c+a[f].join("");h=z.test(e)&&r.parentNode||r,p=a.join(",")}if(p)try{return S.apply(s,x.call(h.querySelectorAll(p),0)),s}catch(v){}finally{l||r.removeAttribute("id")}}return t(e,r,s,o,u)},u&&(K(function(t){e=u.call(t,"div");try{u.call(t,"[test!='']:sizzle"),s.push("!=",H)}catch(n){}}),s=new RegExp(s.join("|")),nt.matchesSelector=function(t,n){n=n.replace(r,"='$1']");if(!o(t)&&!s.test(n)&&!i.test(n))try{var a=u.call(t,n);if(a||e||t.document&&t.document.nodeType!==11)return a}catch(f){}return nt(n,null,null,[t]).length>0})}(),i.pseudos.nth=i.pseudos.eq,i.filters=mt.prototype=i.pseudos,i.setFilters=new mt,nt.attr=v.attr,v.find=nt,v.expr=nt.selectors,v.expr[":"]=v.expr.pseudos,v.unique=nt.uniqueSort,v.text=nt.getText,v.isXMLDoc=nt.isXML,v.contains=nt.contains}(e);var nt=/Until$/,rt=/^(?:parents|prev(?:Until|All))/,it=/^.[^:#\[\.,]*$/,st=v.expr.match.needsContext,ot={children:!0,contents:!0,next:!0,prev:!0};v.fn.extend({find:function(e){var t,n,r,i,s,o,u=this;if(typeof e!="string")return v(e).filter(function(){for(t=0,n=u.length;t0)for(i=r;i=0:v.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,s=[],o=st.test(e)||typeof e!="string"?v(e,t||this.context):0;for(;r-1:v.find.matchesSelector(n,e)){s.push(n);break}n=n.parentNode}}return s=s.length>1?v.unique(s):s,this.pushStack(s,"closest",e)},index:function(e){return e?typeof e=="string"?v.inArray(this[0],v(e)):v.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.prevAll().length:-1},add:function(e,t){var n=typeof e=="string"?v(e,t):v.makeArray(e&&e.nodeType?[e]:e),r=v.merge(this.get(),n);return this.pushStack(ut(n[0])||ut(r[0])?r:v.unique(r))},addBack:function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}}),v.fn.andSelf=v.fn.addBack,v.each({parent:function(e){var t=e.parentNode;return t&&t.nodeType!==11?t:null},parents:function(e){return v.dir(e,"parentNode")},parentsUntil:function(e,t,n){return v.dir(e,"parentNode",n)},next:function(e){return at(e,"nextSibling")},prev:function(e){return at(e,"previousSibling")},nextAll:function(e){return v.dir(e,"nextSibling")},prevAll:function(e){return v.dir(e,"previousSibling")},nextUntil:function(e,t,n){return v.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return v.dir(e,"previousSibling",n)},siblings:function(e){return v.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return v.sibling(e.firstChild)},contents:function(e){return v.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:v.merge([],e.childNodes)}},function(e,t){v.fn[e]=function(n,r){var i=v.map(this,t,n);return nt.test(e)||(r=n),r&&typeof r=="string"&&(i=v.filter(r,i)),i=this.length>1&&!ot[e]?v.unique(i):i,this.length>1&&rt.test(e)&&(i=i.reverse()),this.pushStack(i,e,l.call(arguments).join(","))}}),v.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),t.length===1?v.find.matchesSelector(t[0],e)?[t[0]]:[]:v.find.matches(e,t)},dir:function(e,n,r){var i=[],s=e[n];while(s&&s.nodeType!==9&&(r===t||s.nodeType!==1||!v(s).is(r)))s.nodeType===1&&i.push(s),s=s[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)e.nodeType===1&&e!==t&&n.push(e);return n}});var ct="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",ht=/ jQuery\d+="(?:null|\d+)"/g,pt=/^\s+/,dt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,vt=/<([\w:]+)/,mt=/]","i"),Et=/^(?:checkbox|radio)$/,St=/checked\s*(?:[^=]|=\s*.checked.)/i,xt=/\/(java|ecma)script/i,Tt=/^\s*\s*$/g,Nt={option:[1,""],legend:[1,"
    ","
    "],thead:[1,"","
    "],tr:[2,"","
    "],td:[3,"","
    "],col:[2,"","
    "],area:[1,"",""],_default:[0,"",""]},Ct=lt(i),kt=Ct.appendChild(i.createElement("div"));Nt.optgroup=Nt.option,Nt.tbody=Nt.tfoot=Nt.colgroup=Nt.caption=Nt.thead,Nt.th=Nt.td,v.support.htmlSerialize||(Nt._default=[1,"X
    ","
    "]),v.fn.extend({text:function(e){return v.access(this,function(e){return e===t?v.text(this):this.empty().append((this[0]&&this[0].ownerDocument||i).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(v.isFunction(e))return this.each(function(t){v(this).wrapAll(e.call(this,t))});if(this[0]){var t=v(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&e.firstChild.nodeType===1)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return v.isFunction(e)?this.each(function(t){v(this).wrapInner(e.call(this,t))}):this.each(function(){var t=v(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=v.isFunction(e);return this.each(function(n){v(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){v.nodeName(this,"body")||v(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(this.nodeType===1||this.nodeType===11)&&this.insertBefore(e,this.firstChild)})},before:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(e,this),"before",this.selector)}},after:function(){if(!ut(this[0]))return this.domManip(arguments,!1,function(e){this.parentNode.insertBefore(e,this.nextSibling)});if(arguments.length){var e=v.clean(arguments);return this.pushStack(v.merge(this,e),"after",this.selector)}},remove:function(e,t){var n,r=0;for(;(n=this[r])!=null;r++)if(!e||v.filter(e,[n]).length)!t&&n.nodeType===1&&(v.cleanData(n.getElementsByTagName("*")),v.cleanData([n])),n.parentNode&&n.parentNode.removeChild(n);return this},empty:function(){var e,t=0;for(;(e=this[t])!=null;t++){e.nodeType===1&&v.cleanData(e.getElementsByTagName("*"));while(e.firstChild)e.removeChild(e.firstChild)}return this},clone:function(e,t){return e=e==null?!1:e,t=t==null?e:t,this.map(function(){return v.clone(this,e,t)})},html:function(e){return v.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return n.nodeType===1?n.innerHTML.replace(ht,""):t;if(typeof e=="string"&&!yt.test(e)&&(v.support.htmlSerialize||!wt.test(e))&&(v.support.leadingWhitespace||!pt.test(e))&&!Nt[(vt.exec(e)||["",""])[1].toLowerCase()]){e=e.replace(dt,"<$1>");try{for(;r1&&typeof f=="string"&&St.test(f))return this.each(function(){v(this).domManip(e,n,r)});if(v.isFunction(f))return this.each(function(i){var s=v(this);e[0]=f.call(this,i,n?s.html():t),s.domManip(e,n,r)});if(this[0]){i=v.buildFragment(e,this,l),o=i.fragment,s=o.firstChild,o.childNodes.length===1&&(o=s);if(s){n=n&&v.nodeName(s,"tr");for(u=i.cacheable||c-1;a0?this.clone(!0):this).get(),v(o[i])[t](r),s=s.concat(r);return this.pushStack(s,e,o.selector)}}),v.extend({clone:function(e,t,n){var r,i,s,o;v.support.html5Clone||v.isXMLDoc(e)||!wt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(kt.innerHTML=e.outerHTML,kt.removeChild(o=kt.firstChild));if((!v.support.noCloneEvent||!v.support.noCloneChecked)&&(e.nodeType===1||e.nodeType===11)&&!v.isXMLDoc(e)){Ot(e,o),r=Mt(e),i=Mt(o);for(s=0;r[s];++s)i[s]&&Ot(r[s],i[s])}if(t){At(e,o);if(n){r=Mt(e),i=Mt(o);for(s=0;r[s];++s)At(r[s],i[s])}}return r=i=null,o},clean:function(e,t,n,r){var s,o,u,a,f,l,c,h,p,d,m,g,y=t===i&&Ct,b=[];if(!t||typeof t.createDocumentFragment=="undefined")t=i;for(s=0;(u=e[s])!=null;s++){typeof u=="number"&&(u+="");if(!u)continue;if(typeof u=="string")if(!gt.test(u))u=t.createTextNode(u);else{y=y||lt(t),c=t.createElement("div"),y.appendChild(c),u=u.replace(dt,"<$1>"),a=(vt.exec(u)||["",""])[1].toLowerCase(),f=Nt[a]||Nt._default,l=f[0],c.innerHTML=f[1]+u+f[2];while(l--)c=c.lastChild;if(!v.support.tbody){h=mt.test(u),p=a==="table"&&!h?c.firstChild&&c.firstChild.childNodes:f[1]===""&&!h?c.childNodes:[];for(o=p.length-1;o>=0;--o)v.nodeName(p[o],"tbody")&&!p[o].childNodes.length&&p[o].parentNode.removeChild(p[o])}!v.support.leadingWhitespace&&pt.test(u)&&c.insertBefore(t.createTextNode(pt.exec(u)[0]),c.firstChild),u=c.childNodes,c.parentNode.removeChild(c)}u.nodeType?b.push(u):v.merge(b,u)}c&&(u=c=y=null);if(!v.support.appendChecked)for(s=0;(u=b[s])!=null;s++)v.nodeName(u,"input")?_t(u):typeof u.getElementsByTagName!="undefined"&&v.grep(u.getElementsByTagName("input"),_t);if(n){m=function(e){if(!e.type||xt.test(e.type))return r?r.push(e.parentNode?e.parentNode.removeChild(e):e):n.appendChild(e)};for(s=0;(u=b[s])!=null;s++)if(!v.nodeName(u,"script")||!m(u))n.appendChild(u),typeof u.getElementsByTagName!="undefined"&&(g=v.grep(v.merge([],u.getElementsByTagName("script")),m),b.splice.apply(b,[s+1,0].concat(g)),s+=g.length)}return b},cleanData:function(e,t){var n,r,i,s,o=0,u=v.expando,a=v.cache,f=v.support.deleteExpando,l=v.event.special;for(;(i=e[o])!=null;o++)if(t||v.acceptData(i)){r=i[u],n=r&&a[r];if(n){if(n.events)for(s in n.events)l[s]?v.event.remove(i,s):v.removeEvent(i,s,n.handle);a[r]&&(delete a[r],f?delete i[u]:i.removeAttribute?i.removeAttribute(u):i[u]=null,v.deletedIds.push(r))}}}}),function(){var e,t;v.uaMatch=function(e){e=e.toLowerCase();var t=/(chrome)[ \/]([\w.]+)/.exec(e)||/(webkit)[ \/]([\w.]+)/.exec(e)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e)||/(msie) ([\w.]+)/.exec(e)||e.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e)||[];return{browser:t[1]||"",version:t[2]||"0"}},e=v.uaMatch(o.userAgent),t={},e.browser&&(t[e.browser]=!0,t.version=e.version),t.chrome?t.webkit=!0:t.webkit&&(t.safari=!0),v.browser=t,v.sub=function(){function e(t,n){return new e.fn.init(t,n)}v.extend(!0,e,this),e.superclass=this,e.fn=e.prototype=this(),e.fn.constructor=e,e.sub=this.sub,e.fn.init=function(r,i){return i&&i instanceof v&&!(i instanceof e)&&(i=e(i)),v.fn.init.call(this,r,i,t)},e.fn.init.prototype=e.fn;var t=e(i);return e}}();var Dt,Pt,Ht,Bt=/alpha\([^)]*\)/i,jt=/opacity=([^)]*)/,Ft=/^(top|right|bottom|left)$/,It=/^(none|table(?!-c[ea]).+)/,qt=/^margin/,Rt=new RegExp("^("+m+")(.*)$","i"),Ut=new RegExp("^("+m+")(?!px)[a-z%]+$","i"),zt=new RegExp("^([-+])=("+m+")","i"),Wt={BODY:"block"},Xt={position:"absolute",visibility:"hidden",display:"block"},Vt={letterSpacing:0,fontWeight:400},$t=["Top","Right","Bottom","Left"],Jt=["Webkit","O","Moz","ms"],Kt=v.fn.toggle;v.fn.extend({css:function(e,n){return v.access(this,function(e,n,r){return r!==t?v.style(e,n,r):v.css(e,n)},e,n,arguments.length>1)},show:function(){return Yt(this,!0)},hide:function(){return Yt(this)},toggle:function(e,t){var n=typeof e=="boolean";return v.isFunction(e)&&v.isFunction(t)?Kt.apply(this,arguments):this.each(function(){(n?e:Gt(this))?v(this).show():v(this).hide()})}}),v.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Dt(e,"opacity");return n===""?"1":n}}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":v.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(!e||e.nodeType===3||e.nodeType===8||!e.style)return;var s,o,u,a=v.camelCase(n),f=e.style;n=v.cssProps[a]||(v.cssProps[a]=Qt(f,a)),u=v.cssHooks[n]||v.cssHooks[a];if(r===t)return u&&"get"in u&&(s=u.get(e,!1,i))!==t?s:f[n];o=typeof r,o==="string"&&(s=zt.exec(r))&&(r=(s[1]+1)*s[2]+parseFloat(v.css(e,n)),o="number");if(r==null||o==="number"&&isNaN(r))return;o==="number"&&!v.cssNumber[a]&&(r+="px");if(!u||!("set"in u)||(r=u.set(e,r,i))!==t)try{f[n]=r}catch(l){}},css:function(e,n,r,i){var s,o,u,a=v.camelCase(n);return n=v.cssProps[a]||(v.cssProps[a]=Qt(e.style,a)),u=v.cssHooks[n]||v.cssHooks[a],u&&"get"in u&&(s=u.get(e,!0,i)),s===t&&(s=Dt(e,n)),s==="normal"&&n in Vt&&(s=Vt[n]),r||i!==t?(o=parseFloat(s),r||v.isNumeric(o)?o||0:s):s},swap:function(e,t,n){var r,i,s={};for(i in t)s[i]=e.style[i],e.style[i]=t[i];r=n.call(e);for(i in t)e.style[i]=s[i];return r}}),e.getComputedStyle?Dt=function(t,n){var r,i,s,o,u=e.getComputedStyle(t,null),a=t.style;return u&&(r=u.getPropertyValue(n)||u[n],r===""&&!v.contains(t.ownerDocument,t)&&(r=v.style(t,n)),Ut.test(r)&&qt.test(n)&&(i=a.width,s=a.minWidth,o=a.maxWidth,a.minWidth=a.maxWidth=a.width=r,r=u.width,a.width=i,a.minWidth=s,a.maxWidth=o)),r}:i.documentElement.currentStyle&&(Dt=function(e,t){var n,r,i=e.currentStyle&&e.currentStyle[t],s=e.style;return i==null&&s&&s[t]&&(i=s[t]),Ut.test(i)&&!Ft.test(t)&&(n=s.left,r=e.runtimeStyle&&e.runtimeStyle.left,r&&(e.runtimeStyle.left=e.currentStyle.left),s.left=t==="fontSize"?"1em":i,i=s.pixelLeft+"px",s.left=n,r&&(e.runtimeStyle.left=r)),i===""?"auto":i}),v.each(["height","width"],function(e,t){v.cssHooks[t]={get:function(e,n,r){if(n)return e.offsetWidth===0&&It.test(Dt(e,"display"))?v.swap(e,Xt,function(){return tn(e,t,r)}):tn(e,t,r)},set:function(e,n,r){return Zt(e,n,r?en(e,t,r,v.support.boxSizing&&v.css(e,"boxSizing")==="border-box"):0)}}}),v.support.opacity||(v.cssHooks.opacity={get:function(e,t){return jt.test((t&&e.currentStyle?e.currentStyle.filter:e.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":t?"1":""},set:function(e,t){var n=e.style,r=e.currentStyle,i=v.isNumeric(t)?"alpha(opacity="+t*100+")":"",s=r&&r.filter||n.filter||"";n.zoom=1;if(t>=1&&v.trim(s.replace(Bt,""))===""&&n.removeAttribute){n.removeAttribute("filter");if(r&&!r.filter)return}n.filter=Bt.test(s)?s.replace(Bt,i):s+" "+i}}),v(function(){v.support.reliableMarginRight||(v.cssHooks.marginRight={get:function(e,t){return v.swap(e,{display:"inline-block"},function(){if(t)return Dt(e,"marginRight")})}}),!v.support.pixelPosition&&v.fn.position&&v.each(["top","left"],function(e,t){v.cssHooks[t]={get:function(e,n){if(n){var r=Dt(e,t);return Ut.test(r)?v(e).position()[t]+"px":r}}}})}),v.expr&&v.expr.filters&&(v.expr.filters.hidden=function(e){return e.offsetWidth===0&&e.offsetHeight===0||!v.support.reliableHiddenOffsets&&(e.style&&e.style.display||Dt(e,"display"))==="none"},v.expr.filters.visible=function(e){return!v.expr.filters.hidden(e)}),v.each({margin:"",padding:"",border:"Width"},function(e,t){v.cssHooks[e+t]={expand:function(n){var r,i=typeof n=="string"?n.split(" "):[n],s={};for(r=0;r<4;r++)s[e+$t[r]+t]=i[r]||i[r-2]||i[0];return s}},qt.test(e)||(v.cssHooks[e+t].set=Zt)});var rn=/%20/g,sn=/\[\]$/,on=/\r?\n/g,un=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,an=/^(?:select|textarea)/i;v.fn.extend({serialize:function(){return v.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?v.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||an.test(this.nodeName)||un.test(this.type))}).map(function(e,t){var n=v(this).val();return n==null?null:v.isArray(n)?v.map(n,function(e,n){return{name:t.name,value:e.replace(on,"\r\n")}}):{name:t.name,value:n.replace(on,"\r\n")}}).get()}}),v.param=function(e,n){var r,i=[],s=function(e,t){t=v.isFunction(t)?t():t==null?"":t,i[i.length]=encodeURIComponent(e)+"="+encodeURIComponent(t)};n===t&&(n=v.ajaxSettings&&v.ajaxSettings.traditional);if(v.isArray(e)||e.jquery&&!v.isPlainObject(e))v.each(e,function(){s(this.name,this.value)});else for(r in e)fn(r,e[r],n,s);return i.join("&").replace(rn,"+")};var ln,cn,hn=/#.*$/,pn=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,dn=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,vn=/^(?:GET|HEAD)$/,mn=/^\/\//,gn=/\?/,yn=/)<[^<]*)*<\/script>/gi,bn=/([?&])_=[^&]*/,wn=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,En=v.fn.load,Sn={},xn={},Tn=["*/"]+["*"];try{cn=s.href}catch(Nn){cn=i.createElement("a"),cn.href="",cn=cn.href}ln=wn.exec(cn.toLowerCase())||[],v.fn.load=function(e,n,r){if(typeof e!="string"&&En)return En.apply(this,arguments);if(!this.length)return this;var i,s,o,u=this,a=e.indexOf(" ");return a>=0&&(i=e.slice(a,e.length),e=e.slice(0,a)),v.isFunction(n)?(r=n,n=t):n&&typeof n=="object"&&(s="POST"),v.ajax({url:e,type:s,dataType:"html",data:n,complete:function(e,t){r&&u.each(r,o||[e.responseText,t,e])}}).done(function(e){o=arguments,u.html(i?v("
    ").append(e.replace(yn,"")).find(i):e)}),this},v.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(e,t){v.fn[t]=function(e){return this.on(t,e)}}),v.each(["get","post"],function(e,n){v[n]=function(e,r,i,s){return v.isFunction(r)&&(s=s||i,i=r,r=t),v.ajax({type:n,url:e,data:r,success:i,dataType:s})}}),v.extend({getScript:function(e,n){return v.get(e,t,n,"script")},getJSON:function(e,t,n){return v.get(e,t,n,"json")},ajaxSetup:function(e,t){return t?Ln(e,v.ajaxSettings):(t=e,e=v.ajaxSettings),Ln(e,t),e},ajaxSettings:{url:cn,isLocal:dn.test(ln[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":Tn},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":e.String,"text html":!0,"text json":v.parseJSON,"text xml":v.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:Cn(Sn),ajaxTransport:Cn(xn),ajax:function(e,n){function T(e,n,s,a){var l,y,b,w,S,T=n;if(E===2)return;E=2,u&&clearTimeout(u),o=t,i=a||"",x.readyState=e>0?4:0,s&&(w=An(c,x,s));if(e>=200&&e<300||e===304)c.ifModified&&(S=x.getResponseHeader("Last-Modified"),S&&(v.lastModified[r]=S),S=x.getResponseHeader("Etag"),S&&(v.etag[r]=S)),e===304?(T="notmodified",l=!0):(l=On(c,w),T=l.state,y=l.data,b=l.error,l=!b);else{b=T;if(!T||e)T="error",e<0&&(e=0)}x.status=e,x.statusText=(n||T)+"",l?d.resolveWith(h,[y,T,x]):d.rejectWith(h,[x,T,b]),x.statusCode(g),g=t,f&&p.trigger("ajax"+(l?"Success":"Error"),[x,c,l?y:b]),m.fireWith(h,[x,T]),f&&(p.trigger("ajaxComplete",[x,c]),--v.active||v.event.trigger("ajaxStop"))}typeof e=="object"&&(n=e,e=t),n=n||{};var r,i,s,o,u,a,f,l,c=v.ajaxSetup({},n),h=c.context||c,p=h!==c&&(h.nodeType||h instanceof v)?v(h):v.event,d=v.Deferred(),m=v.Callbacks("once memory"),g=c.statusCode||{},b={},w={},E=0,S="canceled",x={readyState:0,setRequestHeader:function(e,t){if(!E){var n=e.toLowerCase();e=w[n]=w[n]||e,b[e]=t}return this},getAllResponseHeaders:function(){return E===2?i:null},getResponseHeader:function(e){var n;if(E===2){if(!s){s={};while(n=pn.exec(i))s[n[1].toLowerCase()]=n[2]}n=s[e.toLowerCase()]}return n===t?null:n},overrideMimeType:function(e){return E||(c.mimeType=e),this},abort:function(e){return e=e||S,o&&o.abort(e),T(0,e),this}};d.promise(x),x.success=x.done,x.error=x.fail,x.complete=m.add,x.statusCode=function(e){if(e){var t;if(E<2)for(t in e)g[t]=[g[t],e[t]];else t=e[x.status],x.always(t)}return this},c.url=((e||c.url)+"").replace(hn,"").replace(mn,ln[1]+"//"),c.dataTypes=v.trim(c.dataType||"*").toLowerCase().split(y),c.crossDomain==null&&(a=wn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===ln[1]&&a[2]===ln[2]&&(a[3]||(a[1]==="http:"?80:443))==(ln[3]||(ln[1]==="http:"?80:443)))),c.data&&c.processData&&typeof c.data!="string"&&(c.data=v.param(c.data,c.traditional)),kn(Sn,c,n,x);if(E===2)return x;f=c.global,c.type=c.type.toUpperCase(),c.hasContent=!vn.test(c.type),f&&v.active++===0&&v.event.trigger("ajaxStart");if(!c.hasContent){c.data&&(c.url+=(gn.test(c.url)?"&":"?")+c.data,delete c.data),r=c.url;if(c.cache===!1){var N=v.now(),C=c.url.replace(bn,"$1_="+N);c.url=C+(C===c.url?(gn.test(c.url)?"&":"?")+"_="+N:"")}}(c.data&&c.hasContent&&c.contentType!==!1||n.contentType)&&x.setRequestHeader("Content-Type",c.contentType),c.ifModified&&(r=r||c.url,v.lastModified[r]&&x.setRequestHeader("If-Modified-Since",v.lastModified[r]),v.etag[r]&&x.setRequestHeader("If-None-Match",v.etag[r])),x.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+(c.dataTypes[0]!=="*"?", "+Tn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)x.setRequestHeader(l,c.headers[l]);if(!c.beforeSend||c.beforeSend.call(h,x,c)!==!1&&E!==2){S="abort";for(l in{success:1,error:1,complete:1})x[l](c[l]);o=kn(xn,c,n,x);if(!o)T(-1,"No Transport");else{x.readyState=1,f&&p.trigger("ajaxSend",[x,c]),c.async&&c.timeout>0&&(u=setTimeout(function(){x.abort("timeout")},c.timeout));try{E=1,o.send(b,T)}catch(k){if(!(E<2))throw k;T(-1,k)}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var Mn=[],_n=/\?/,Dn=/(=)\?(?=&|$)|\?\?/,Pn=v.now();v.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Mn.pop()||v.expando+"_"+Pn++;return this[e]=!0,e}}),v.ajaxPrefilter("json jsonp",function(n,r,i){var s,o,u,a=n.data,f=n.url,l=n.jsonp!==!1,c=l&&Dn.test(f),h=l&&!c&&typeof a=="string"&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Dn.test(a);if(n.dataTypes[0]==="jsonp"||c||h)return s=n.jsonpCallback=v.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,o=e[s],c?n.url=f.replace(Dn,"$1"+s):h?n.data=a.replace(Dn,"$1"+s):l&&(n.url+=(_n.test(f)?"&":"?")+n.jsonp+"="+s),n.converters["script json"]=function(){return u||v.error(s+" was not called"),u[0]},n.dataTypes[0]="json",e[s]=function(){u=arguments},i.always(function(){e[s]=o,n[s]&&(n.jsonpCallback=r.jsonpCallback,Mn.push(s)),u&&v.isFunction(o)&&o(u[0]),u=o=t}),"script"}),v.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(e){return v.globalEval(e),e}}}),v.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),v.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=i.head||i.getElementsByTagName("head")[0]||i.documentElement;return{send:function(s,o){n=i.createElement("script"),n.async="async",e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,i){if(i||!n.readyState||/loaded|complete/.test(n.readyState))n.onload=n.onreadystatechange=null,r&&n.parentNode&&r.removeChild(n),n=t,i||o(200,"success")},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(0,1)}}}});var Hn,Bn=e.ActiveXObject?function(){for(var e in Hn)Hn[e](0,1)}:!1,jn=0;v.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&Fn()||In()}:Fn,function(e){v.extend(v.support,{ajax:!!e,cors:!!e&&"withCredentials"in e})}(v.ajaxSettings.xhr()),v.support.ajax&&v.ajaxTransport(function(n){if(!n.crossDomain||v.support.cors){var r;return{send:function(i,s){var o,u,a=n.xhr();n.username?a.open(n.type,n.url,n.async,n.username,n.password):a.open(n.type,n.url,n.async);if(n.xhrFields)for(u in n.xhrFields)a[u]=n.xhrFields[u];n.mimeType&&a.overrideMimeType&&a.overrideMimeType(n.mimeType),!n.crossDomain&&!i["X-Requested-With"]&&(i["X-Requested-With"]="XMLHttpRequest");try{for(u in i)a.setRequestHeader(u,i[u])}catch(f){}a.send(n.hasContent&&n.data||null),r=function(e,i){var u,f,l,c,h;try{if(r&&(i||a.readyState===4)){r=t,o&&(a.onreadystatechange=v.noop,Bn&&delete Hn[o]);if(i)a.readyState!==4&&a.abort();else{u=a.status,l=a.getAllResponseHeaders(),c={},h=a.responseXML,h&&h.documentElement&&(c.xml=h);try{c.text=a.responseText}catch(p){}try{f=a.statusText}catch(p){f=""}!u&&n.isLocal&&!n.crossDomain?u=c.text?200:404:u===1223&&(u=204)}}}catch(d){i||s(-1,d)}c&&s(u,f,c,l)},n.async?a.readyState===4?setTimeout(r,0):(o=++jn,Bn&&(Hn||(Hn={},v(e).unload(Bn)),Hn[o]=r),a.onreadystatechange=r):r()},abort:function(){r&&r(0,1)}}}});var qn,Rn,Un=/^(?:toggle|show|hide)$/,zn=new RegExp("^(?:([-+])=|)("+m+")([a-z%]*)$","i"),Wn=/queueHooks$/,Xn=[Gn],Vn={"*":[function(e,t){var n,r,i=this.createTween(e,t),s=zn.exec(t),o=i.cur(),u=+o||0,a=1,f=20;if(s){n=+s[2],r=s[3]||(v.cssNumber[e]?"":"px");if(r!=="px"&&u){u=v.css(i.elem,e,!0)||n||1;do a=a||".5",u/=a,v.style(i.elem,e,u+r);while(a!==(a=i.cur()/o)&&a!==1&&--f)}i.unit=r,i.start=u,i.end=s[1]?u+(s[1]+1)*n:n}return i}]};v.Animation=v.extend(Kn,{tweener:function(e,t){v.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;r-1,f={},l={},c,h;a?(l=i.position(),c=l.top,h=l.left):(c=parseFloat(o)||0,h=parseFloat(u)||0),v.isFunction(t)&&(t=t.call(e,n,s)),t.top!=null&&(f.top=t.top-s.top+c),t.left!=null&&(f.left=t.left-s.left+h),"using"in t?t.using.call(e,f):i.css(f)}},v.fn.extend({position:function(){if(!this[0])return;var e=this[0],t=this.offsetParent(),n=this.offset(),r=er.test(t[0].nodeName)?{top:0,left:0}:t.offset();return n.top-=parseFloat(v.css(e,"marginTop"))||0,n.left-=parseFloat(v.css(e,"marginLeft"))||0,r.top+=parseFloat(v.css(t[0],"borderTopWidth"))||0,r.left+=parseFloat(v.css(t[0],"borderLeftWidth"))||0,{top:n.top-r.top,left:n.left-r.left}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||i.body;while(e&&!er.test(e.nodeName)&&v.css(e,"position")==="static")e=e.offsetParent;return e||i.body})}}),v.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);v.fn[e]=function(i){return v.access(this,function(e,i,s){var o=tr(e);if(s===t)return o?n in o?o[n]:o.document.documentElement[i]:e[i];o?o.scrollTo(r?v(o).scrollLeft():s,r?s:v(o).scrollTop()):e[i]=s},e,i,arguments.length,null)}}),v.each({Height:"height",Width:"width"},function(e,n){v.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){v.fn[i]=function(i,s){var o=arguments.length&&(r||typeof i!="boolean"),u=r||(i===!0||s===!0?"margin":"border");return v.access(this,function(n,r,i){var s;return v.isWindow(n)?n.document.documentElement["client"+e]:n.nodeType===9?(s=n.documentElement,Math.max(n.body["scroll"+e],s["scroll"+e],n.body["offset"+e],s["offset"+e],s["client"+e])):i===t?v.css(n,r,i,u):v.style(n,r,i,u)},n,o?i:t,o,null)}})}),e.jQuery=e.$=v,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return v})})(window); ================================================ FILE: demo/js/zepto.js ================================================ /*! * Zepto v1.0 zeptojs.com | MIT licensed * Modules: zepto, polyfill, event, data, stack */ var Zepto=function(){function h(a){return null==a?String(a):G[S.call(a)]||"object"}function m(a){return"function"==h(a)}function p(a){return null!=a&&a==a.window}function s(a){return null!=a&&a.nodeType==a.DOCUMENT_NODE}function q(a){return"object"==h(a)}function k(a){return q(a)&&!p(a)&&a.__proto__==Object.prototype}function t(a){return a instanceof Array}function l(a){return"number"==typeof a.length}function j(a){return a.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g, "$1_$2").replace(/_/g,"-").toLowerCase()}function r(a){return a in H?H[a]:H[a]=RegExp("(^|\\s)"+a+"(\\s|$)")}function A(a){return"children"in a?B.call(a.children):c.map(a.childNodes,function(a){if(1==a.nodeType)return a})}function C(a,b,d){for(g in b)d&&(k(b[g])||t(b[g]))?(k(b[g])&&!k(a[g])&&(a[g]={}),t(b[g])&&!t(a[g])&&(a[g]=[]),C(a[g],b[g],d)):b[g]!==f&&(a[g]=b[g])}function y(a,b){return b===f?c(a):c(a).filter(b)}function x(a,b,d,c){return m(b)?b.call(a,d,c):b}function z(a,b){var d=a.className, c=d&&d.baseVal!==f;if(b===f)return c?d.baseVal:d;c?d.baseVal=b:a.className=b}function E(a){var b;try{return a?"true"==a||("false"==a?!1:"null"==a?null:!isNaN(b=Number(a))?b:/^[\[\{]/.test(a)?c.parseJSON(a):a):a}catch(d){return a}}function e(a,b){b(a);for(var d in a.childNodes)e(a.childNodes[d],b)}var f,g,c,u,w=[],B=w.slice,D=w.filter,v=window.document,I={},H={},J=v.defaultView.getComputedStyle,M={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},N=/^\s*<(\w+|!)[^>]*>/, T=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,O=/^(?:body|html)$/i,U="val css html text data width height offset".split(" "),K=v.createElement("table"),P=v.createElement("tr"),Q={tr:v.createElement("tbody"),tbody:K,thead:K,tfoot:K,td:P,th:P,"*":v.createElement("div")},V=/complete|loaded|interactive/,W=/^\.([\w-]+)$/,X=/^#([\w-]*)$/,Y=/^[\w-]+$/,G={},S=G.toString,n={},L,F,R=v.createElement("div");n.matches=function(a,b){if(!a||1!==a.nodeType)return!1;var d=a.webkitMatchesSelector|| a.mozMatchesSelector||a.oMatchesSelector||a.matchesSelector;if(d)return d.call(a,b);var c;c=a.parentNode;(d=!c)&&(c=R).appendChild(a);c=~n.qsa(c,b).indexOf(a);d&&R.removeChild(a);return c};L=function(a){return a.replace(/-+(.)?/g,function(a,d){return d?d.toUpperCase():""})};F=function(a){return D.call(a,function(b,d){return a.indexOf(b)==d})};n.fragment=function(a,b,d){a.replace&&(a=a.replace(T,"<$1>"));b===f&&(b=N.test(a)&&RegExp.$1);b in Q||(b="*");var e,g=Q[b];g.innerHTML=""+a;a=c.each(B.call(g.childNodes), function(){g.removeChild(this)});k(d)&&(e=c(a),c.each(d,function(a,b){if(-1d.indexOf(a)&&b.push(a)})}return c(b)},has:function(a){return this.filter(function(){return q(a)?c.contains(this,a):c(this).find(a).size()})}, eq:function(a){return-1===a?this.slice(a):this.slice(a,+a+1)},first:function(){var a=this[0];return a&&!q(a)?a:c(a)},last:function(){var a=this[this.length-1];return a&&!q(a)?a:c(a)},find:function(a){var b=this;return"object"==typeof a?c(a).filter(function(){var a=this;return w.some.call(b,function(b){return c.contains(b,a)})}):1==this.length?c(n.qsa(this[0],a)):this.map(function(){return n.qsa(this,a)})},closest:function(a,b){var d=this[0],e=!1;for("object"==typeof a&&(e=c(a));d&&!(e?0<=e.indexOf(d): n.matches(d,a));)d=d!==b&&!s(d)&&d.parentNode;return c(d)},parents:function(a){for(var b=[],d=this;0b.indexOf(a))return b.push(a),a});return y(b,a)},parent:function(a){return y(F(this.pluck("parentNode")),a)},children:function(a){return y(this.map(function(){return A(this)}),a)},contents:function(){return this.map(function(){return B.call(this.childNodes)})},siblings:function(a){return y(this.map(function(a,d){return D.call(A(d.parentNode), function(a){return a!==d})}),a)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(a){return c.map(this,function(b){return b[a]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=null);if("none"==J(this,"").getPropertyValue("display")){var a=this.style,b=this.nodeName,d,c;I[b]||(d=v.createElement(b),v.body.appendChild(d),c=J(d,"").getPropertyValue("display"),d.parentNode.removeChild(d),"none"==c&&(c="block"),I[b]=c);a.display= I[b]}})},replaceWith:function(a){return this.before(a).remove()},wrap:function(a){var b=m(a);if(this[0]&&!b)var d=c(a).get(0),e=d.parentNode||1arguments.length&&"string"==typeof a)return this[0]&&(this[0].style[L(a)]||J(this[0],"").getPropertyValue(a));var d="";if("string"==h(a))!b&&0!==b?this.each(function(){this.style.removeProperty(j(a))}):d=j(a)+":"+("number"==typeof b&&!M[j(a)]?b+"px":b);else for(g in a)!a[g]&&0!==a[g]?this.each(function(){this.style.removeProperty(j(g))}):d+=j(g)+":"+("number"==typeof a[g]&&!M[j(g)]?a[g]+"px":a[g])+";";return this.each(function(){this.style.cssText+=";"+d})},index:function(a){return a?this.indexOf(c(a)[0]): this.parent().children().indexOf(this[0])},hasClass:function(a){return w.some.call(this,function(a){return this.test(z(a))},r(a))},addClass:function(a){return this.each(function(b){u=[];var d=z(this);x(this,a,b,d).split(/\s+/g).forEach(function(a){c(this).hasClass(a)||u.push(a)},this);u.length&&z(this,d+(d?" ":"")+u.join(" "))})},removeClass:function(a){return this.each(function(b){if(a===f)return z(this,"");u=z(this);x(this,a,b,u).split(/\s+/g).forEach(function(a){u=u.replace(r(a)," ")});z(this, u.trim())})},toggleClass:function(a,b){return this.each(function(d){var e=c(this);x(this,a,d,z(this)).split(/\s+/g).forEach(function(a){(b===f?!e.hasClass(a):b)?e.addClass(a):e.removeClass(a)})})},scrollTop:function(){if(this.length)return"scrollTop"in this[0]?this[0].scrollTop:this[0].scrollY},position:function(){if(this.length){var a=this[0],b=this.offsetParent(),d=this.offset(),e=O.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c(a).css("margin-top"))||0;d.left-=parseFloat(c(a).css("margin-left"))|| 0;e.top+=parseFloat(c(b[0]).css("border-top-width"))||0;e.left+=parseFloat(c(b[0]).css("border-left-width"))||0;return{top:d.top-e.top,left:d.left-e.left}}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||v.body;a&&!O.test(a.nodeName)&&"static"==c(a).css("position");)a=a.offsetParent;return a})}};c.fn.detach=c.fn.remove;["width","height"].forEach(function(a){c.fn[a]=function(b){var d,e=this[0],g=a.replace(/./,function(a){return a[0].toUpperCase()});return b===f?p(e)? e["inner"+g]:s(e)?e.documentElement["offset"+g]:(d=this.offset())&&d[a]:this.each(function(d){e=c(this);e.css(a,x(this,b,d,e[a]()))})}});["after","prepend","before","append"].forEach(function(a,b){var d=b%2;c.fn[a]=function(){var a,f=c.map(arguments,function(b){a=h(b);return"object"==a||"array"==a||null==b?b:n.fragment(b)}),g,u=1f.length?this:this.each(function(a,h){g=d?h:h.parentNode;h=0==b?h.nextSibling:1==b?h.firstChild:2==b?h:null;f.forEach(function(a){if(u)a=a.cloneNode(!0); else if(!g)return c(a).remove();e(g.insertBefore(a,h),function(a){null!=a.nodeName&&("SCRIPT"===a.nodeName.toUpperCase()&&(!a.type||"text/javascript"===a.type)&&!a.src)&&window.eval.call(window,a.innerHTML)})})})};c.fn[d?a+"To":"insert"+(b?"Before":"After")]=function(b){c(b)[a](this);return this}});n.Z.prototype=c.fn;n.uniq=F;n.deserializeValue=E;c.zepto=n;return c}();window.Zepto=Zepto;"$"in window||(window.$=Zepto); (function(h){String.prototype.trim===h&&(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")});Array.prototype.reduce===h&&(Array.prototype.reduce=function(m){if(void 0===this||null===this)throw new TypeError;var p=Object(this),s=p.length>>>0,q=0,k;if("function"!=typeof m)throw new TypeError;if(0==s&&1==arguments.length)throw new TypeError;if(2<=arguments.length)k=arguments[1];else{do{if(q in p){k=p[q++];break}if(++q>=s)throw new TypeError;}while(1)}for(;q=1.7" }, "description": "Highly customizable checkboxes and radio buttons (jQuery and Zepto). Features: identical inputs across different browsers and devices (both desktop and mobile), touch devices support (iOS, Android, BlackBerry, Windows Phone, Amazon Kindle), keyboard accessible inputs (Tab, Spacebar, Arrow up/down and other shortcuts), screenreader accessible inputs — (ARIA attributes for VoiceOver and others), customization freedom (use any HTML and CSS to style inputs or try 6 Retina-ready skins), lightweight size (1 kb gzipped). Provides 32 options to customize checkboxes and radio buttons, 11 callbacks to handle changes, 9 methods to make changes programmatically. Saves changes to original inputs, works carefully with any selectors.", "keywords": [ "checkbox", "radio", "input", "field", "form", "desktop", "mobile", "custom", "replacement", "accessibility", "skins", "ui", "checked", "disabled", "indeterminate", "css3", "html5", "tiny", "lightweight", "jquery", "zepto" ], "homepage": "http://fronteed.com/iCheck/", "docs": "https://github.com/fronteed/iCheck", "demo": "http://fronteed.com/iCheck/", "download": "http://fronteed.com/iCheck/", "bugs": "https://github.com/fronteed/iCheck/issues/" } ================================================ FILE: icheck.js ================================================ /*! * iCheck v1.0.3, 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 = /ip(hone|od|ad)|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1); // 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 }, 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).substr(2,6), // Parent & helper parent = '
    ')[_callback]('ifCreated').parent().append(settings.insert); // Layer addition helper = $('').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 each in active) { if (active[each]) { on(input, each, true); } else { off(input, each, 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 if (!!parent.attr('role') && !indeterminate) { parent.attr('aria-' + (disabled ? _disabled : _checked), '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 if (!!parent.attr('role') && !indeterminate) { parent.attr('aria-' + (disabled ? _disabled : _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]('change')[_callback]('ifChanged')[_callback]('if' + capitalize(callback)); } } })(window.jQuery || window.Zepto); ================================================ FILE: skins/all.css ================================================ /* 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"); ================================================ FILE: skins/flat/_all.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-purple, .iradio_flat-purple { background-image: url(purple@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/aero.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-aero, .iradio_flat-aero { background-image: url(aero@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/blue.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-blue, .iradio_flat-blue { background-image: url(blue@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/flat.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat, .iradio_flat { background-image: url(flat@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/green.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-green, .iradio_flat-green { background-image: url(green@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/grey.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-grey, .iradio_flat-grey { background-image: url(grey@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/orange.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-orange, .iradio_flat-orange { background-image: url(orange@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/pink.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-pink, .iradio_flat-pink { background-image: url(pink@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/purple.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-purple, .iradio_flat-purple { background-image: url(purple@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/red.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-red, .iradio_flat-red { background-image: url(red@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/flat/yellow.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_flat-yellow, .iradio_flat-yellow { background-image: url(yellow@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } ================================================ FILE: skins/futurico/futurico.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_futurico, .iradio_futurico { background-image: url(futurico@2x.png); -webkit-background-size: 144px 19px; background-size: 144px 19px; } } ================================================ FILE: skins/line/_all.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/aero.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/blue.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/green.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/grey.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/line.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/orange.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/pink.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/purple.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/red.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/line/yellow.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .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; } } ================================================ FILE: skins/minimal/_all.css ================================================ /* iCheck plugin Minimal skin ----------------------------------- */ .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_minimal, .iradio_minimal { background-image: url(minimal@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-purple, .iradio_minimal-purple { background-image: url(purple@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/aero.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-aero, .iradio_minimal-aero { background-image: url(aero@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/blue.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-blue, .iradio_minimal-blue { background-image: url(blue@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/green.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-green, .iradio_minimal-green { background-image: url(green@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/grey.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-grey, .iradio_minimal-grey { background-image: url(grey@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/minimal.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal, .iradio_minimal { background-image: url(minimal@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/orange.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-orange, .iradio_minimal-orange { background-image: url(orange@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/pink.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-pink, .iradio_minimal-pink { background-image: url(pink@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/purple.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-purple, .iradio_minimal-purple { background-image: url(purple@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/red.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-red, .iradio_minimal-red { background-image: url(red@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/minimal/yellow.css ================================================ /* 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; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_minimal-yellow, .iradio_minimal-yellow { background-image: url(yellow@2x.png); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } ================================================ FILE: skins/polaris/polaris.css ================================================ /* iCheck plugin Polaris skin ----------------------------------- */ .icheckbox_polaris, .iradio_polaris { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 29px; height: 29px; background: url(polaris.png) no-repeat; border: none; cursor: pointer; } .icheckbox_polaris { background-position: 0 0; } .icheckbox_polaris.hover { background-position: -31px 0; } .icheckbox_polaris.checked { background-position: -62px 0; } .icheckbox_polaris.disabled { background-position: -93px 0; cursor: default; } .icheckbox_polaris.checked.disabled { background-position: -124px 0; } .iradio_polaris { background-position: -155px 0; } .iradio_polaris.hover { background-position: -186px 0; } .iradio_polaris.checked { background-position: -217px 0; } .iradio_polaris.disabled { background-position: -248px 0; cursor: default; } .iradio_polaris.checked.disabled { background-position: -279px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_polaris, .iradio_polaris { background-image: url(polaris@2x.png); -webkit-background-size: 310px 31px; background-size: 310px 31px; } } ================================================ FILE: skins/square/_all.css ================================================ /* iCheck plugin Square skin ----------------------------------- */ .icheckbox_square, .iradio_square { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(square.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square { background-position: 0 0; } .icheckbox_square.hover { background-position: -24px 0; } .icheckbox_square.checked { background-position: -48px 0; } .icheckbox_square.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square.checked.disabled { background-position: -96px 0; } .iradio_square { background-position: -120px 0; } .iradio_square.hover { background-position: -144px 0; } .iradio_square.checked { background-position: -168px 0; } .iradio_square.disabled { background-position: -192px 0; cursor: default; } .iradio_square.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square, .iradio_square { background-image: url(square@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* red */ .icheckbox_square-red, .iradio_square-red { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(red.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-red { background-position: 0 0; } .icheckbox_square-red.hover { background-position: -24px 0; } .icheckbox_square-red.checked { background-position: -48px 0; } .icheckbox_square-red.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-red.checked.disabled { background-position: -96px 0; } .iradio_square-red { background-position: -120px 0; } .iradio_square-red.hover { background-position: -144px 0; } .iradio_square-red.checked { background-position: -168px 0; } .iradio_square-red.disabled { background-position: -192px 0; cursor: default; } .iradio_square-red.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-red, .iradio_square-red { background-image: url(red@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* green */ .icheckbox_square-green, .iradio_square-green { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(green.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-green { background-position: 0 0; } .icheckbox_square-green.hover { background-position: -24px 0; } .icheckbox_square-green.checked { background-position: -48px 0; } .icheckbox_square-green.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-green.checked.disabled { background-position: -96px 0; } .iradio_square-green { background-position: -120px 0; } .iradio_square-green.hover { background-position: -144px 0; } .iradio_square-green.checked { background-position: -168px 0; } .iradio_square-green.disabled { background-position: -192px 0; cursor: default; } .iradio_square-green.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-green, .iradio_square-green { background-image: url(green@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* blue */ .icheckbox_square-blue, .iradio_square-blue { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-blue { background-position: 0 0; } .icheckbox_square-blue.hover { background-position: -24px 0; } .icheckbox_square-blue.checked { background-position: -48px 0; } .icheckbox_square-blue.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-blue.checked.disabled { background-position: -96px 0; } .iradio_square-blue { background-position: -120px 0; } .iradio_square-blue.hover { background-position: -144px 0; } .iradio_square-blue.checked { background-position: -168px 0; } .iradio_square-blue.disabled { background-position: -192px 0; cursor: default; } .iradio_square-blue.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-blue, .iradio_square-blue { background-image: url(blue@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* aero */ .icheckbox_square-aero, .iradio_square-aero { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(aero.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-aero { background-position: 0 0; } .icheckbox_square-aero.hover { background-position: -24px 0; } .icheckbox_square-aero.checked { background-position: -48px 0; } .icheckbox_square-aero.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-aero.checked.disabled { background-position: -96px 0; } .iradio_square-aero { background-position: -120px 0; } .iradio_square-aero.hover { background-position: -144px 0; } .iradio_square-aero.checked { background-position: -168px 0; } .iradio_square-aero.disabled { background-position: -192px 0; cursor: default; } .iradio_square-aero.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-aero, .iradio_square-aero { background-image: url(aero@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* grey */ .icheckbox_square-grey, .iradio_square-grey { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(grey.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-grey { background-position: 0 0; } .icheckbox_square-grey.hover { background-position: -24px 0; } .icheckbox_square-grey.checked { background-position: -48px 0; } .icheckbox_square-grey.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-grey.checked.disabled { background-position: -96px 0; } .iradio_square-grey { background-position: -120px 0; } .iradio_square-grey.hover { background-position: -144px 0; } .iradio_square-grey.checked { background-position: -168px 0; } .iradio_square-grey.disabled { background-position: -192px 0; cursor: default; } .iradio_square-grey.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-grey, .iradio_square-grey { background-image: url(grey@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* orange */ .icheckbox_square-orange, .iradio_square-orange { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(orange.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-orange { background-position: 0 0; } .icheckbox_square-orange.hover { background-position: -24px 0; } .icheckbox_square-orange.checked { background-position: -48px 0; } .icheckbox_square-orange.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-orange.checked.disabled { background-position: -96px 0; } .iradio_square-orange { background-position: -120px 0; } .iradio_square-orange.hover { background-position: -144px 0; } .iradio_square-orange.checked { background-position: -168px 0; } .iradio_square-orange.disabled { background-position: -192px 0; cursor: default; } .iradio_square-orange.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-orange, .iradio_square-orange { background-image: url(orange@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* yellow */ .icheckbox_square-yellow, .iradio_square-yellow { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(yellow.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-yellow { background-position: 0 0; } .icheckbox_square-yellow.hover { background-position: -24px 0; } .icheckbox_square-yellow.checked { background-position: -48px 0; } .icheckbox_square-yellow.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-yellow.checked.disabled { background-position: -96px 0; } .iradio_square-yellow { background-position: -120px 0; } .iradio_square-yellow.hover { background-position: -144px 0; } .iradio_square-yellow.checked { background-position: -168px 0; } .iradio_square-yellow.disabled { background-position: -192px 0; cursor: default; } .iradio_square-yellow.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-yellow, .iradio_square-yellow { background-image: url(yellow@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* pink */ .icheckbox_square-pink, .iradio_square-pink { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(pink.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-pink { background-position: 0 0; } .icheckbox_square-pink.hover { background-position: -24px 0; } .icheckbox_square-pink.checked { background-position: -48px 0; } .icheckbox_square-pink.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-pink.checked.disabled { background-position: -96px 0; } .iradio_square-pink { background-position: -120px 0; } .iradio_square-pink.hover { background-position: -144px 0; } .iradio_square-pink.checked { background-position: -168px 0; } .iradio_square-pink.disabled { background-position: -192px 0; cursor: default; } .iradio_square-pink.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-pink, .iradio_square-pink { background-image: url(pink@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* purple */ .icheckbox_square-purple, .iradio_square-purple { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(purple.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-purple { background-position: 0 0; } .icheckbox_square-purple.hover { background-position: -24px 0; } .icheckbox_square-purple.checked { background-position: -48px 0; } .icheckbox_square-purple.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-purple.checked.disabled { background-position: -96px 0; } .iradio_square-purple { background-position: -120px 0; } .iradio_square-purple.hover { background-position: -144px 0; } .iradio_square-purple.checked { background-position: -168px 0; } .iradio_square-purple.disabled { background-position: -192px 0; cursor: default; } .iradio_square-purple.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-purple, .iradio_square-purple { background-image: url(purple@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/aero.css ================================================ /* iCheck plugin Square skin, aero ----------------------------------- */ .icheckbox_square-aero, .iradio_square-aero { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(aero.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-aero { background-position: 0 0; } .icheckbox_square-aero.hover { background-position: -24px 0; } .icheckbox_square-aero.checked { background-position: -48px 0; } .icheckbox_square-aero.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-aero.checked.disabled { background-position: -96px 0; } .iradio_square-aero { background-position: -120px 0; } .iradio_square-aero.hover { background-position: -144px 0; } .iradio_square-aero.checked { background-position: -168px 0; } .iradio_square-aero.disabled { background-position: -192px 0; cursor: default; } .iradio_square-aero.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-aero, .iradio_square-aero { background-image: url(aero@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/blue.css ================================================ /* iCheck plugin Square skin, blue ----------------------------------- */ .icheckbox_square-blue, .iradio_square-blue { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-blue { background-position: 0 0; } .icheckbox_square-blue.hover { background-position: -24px 0; } .icheckbox_square-blue.checked { background-position: -48px 0; } .icheckbox_square-blue.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-blue.checked.disabled { background-position: -96px 0; } .iradio_square-blue { background-position: -120px 0; } .iradio_square-blue.hover { background-position: -144px 0; } .iradio_square-blue.checked { background-position: -168px 0; } .iradio_square-blue.disabled { background-position: -192px 0; cursor: default; } .iradio_square-blue.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-blue, .iradio_square-blue { background-image: url(blue@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/green.css ================================================ /* iCheck plugin Square skin, green ----------------------------------- */ .icheckbox_square-green, .iradio_square-green { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(green.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-green { background-position: 0 0; } .icheckbox_square-green.hover { background-position: -24px 0; } .icheckbox_square-green.checked { background-position: -48px 0; } .icheckbox_square-green.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-green.checked.disabled { background-position: -96px 0; } .iradio_square-green { background-position: -120px 0; } .iradio_square-green.hover { background-position: -144px 0; } .iradio_square-green.checked { background-position: -168px 0; } .iradio_square-green.disabled { background-position: -192px 0; cursor: default; } .iradio_square-green.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-green, .iradio_square-green { background-image: url(green@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/grey.css ================================================ /* iCheck plugin Square skin, grey ----------------------------------- */ .icheckbox_square-grey, .iradio_square-grey { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(grey.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-grey { background-position: 0 0; } .icheckbox_square-grey.hover { background-position: -24px 0; } .icheckbox_square-grey.checked { background-position: -48px 0; } .icheckbox_square-grey.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-grey.checked.disabled { background-position: -96px 0; } .iradio_square-grey { background-position: -120px 0; } .iradio_square-grey.hover { background-position: -144px 0; } .iradio_square-grey.checked { background-position: -168px 0; } .iradio_square-grey.disabled { background-position: -192px 0; cursor: default; } .iradio_square-grey.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-grey, .iradio_square-grey { background-image: url(grey@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/orange.css ================================================ /* iCheck plugin Square skin, orange ----------------------------------- */ .icheckbox_square-orange, .iradio_square-orange { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(orange.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-orange { background-position: 0 0; } .icheckbox_square-orange.hover { background-position: -24px 0; } .icheckbox_square-orange.checked { background-position: -48px 0; } .icheckbox_square-orange.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-orange.checked.disabled { background-position: -96px 0; } .iradio_square-orange { background-position: -120px 0; } .iradio_square-orange.hover { background-position: -144px 0; } .iradio_square-orange.checked { background-position: -168px 0; } .iradio_square-orange.disabled { background-position: -192px 0; cursor: default; } .iradio_square-orange.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-orange, .iradio_square-orange { background-image: url(orange@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/pink.css ================================================ /* iCheck plugin Square skin, pink ----------------------------------- */ .icheckbox_square-pink, .iradio_square-pink { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(pink.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-pink { background-position: 0 0; } .icheckbox_square-pink.hover { background-position: -24px 0; } .icheckbox_square-pink.checked { background-position: -48px 0; } .icheckbox_square-pink.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-pink.checked.disabled { background-position: -96px 0; } .iradio_square-pink { background-position: -120px 0; } .iradio_square-pink.hover { background-position: -144px 0; } .iradio_square-pink.checked { background-position: -168px 0; } .iradio_square-pink.disabled { background-position: -192px 0; cursor: default; } .iradio_square-pink.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-pink, .iradio_square-pink { background-image: url(pink@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/purple.css ================================================ /* iCheck plugin Square skin, purple ----------------------------------- */ .icheckbox_square-purple, .iradio_square-purple { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(purple.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-purple { background-position: 0 0; } .icheckbox_square-purple.hover { background-position: -24px 0; } .icheckbox_square-purple.checked { background-position: -48px 0; } .icheckbox_square-purple.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-purple.checked.disabled { background-position: -96px 0; } .iradio_square-purple { background-position: -120px 0; } .iradio_square-purple.hover { background-position: -144px 0; } .iradio_square-purple.checked { background-position: -168px 0; } .iradio_square-purple.disabled { background-position: -192px 0; cursor: default; } .iradio_square-purple.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-purple, .iradio_square-purple { background-image: url(purple@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/red.css ================================================ /* iCheck plugin Square skin, red ----------------------------------- */ .icheckbox_square-red, .iradio_square-red { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(red.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-red { background-position: 0 0; } .icheckbox_square-red.hover { background-position: -24px 0; } .icheckbox_square-red.checked { background-position: -48px 0; } .icheckbox_square-red.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-red.checked.disabled { background-position: -96px 0; } .iradio_square-red { background-position: -120px 0; } .iradio_square-red.hover { background-position: -144px 0; } .iradio_square-red.checked { background-position: -168px 0; } .iradio_square-red.disabled { background-position: -192px 0; cursor: default; } .iradio_square-red.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-red, .iradio_square-red { background-image: url(red@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/square.css ================================================ /* iCheck plugin Square skin, black ----------------------------------- */ .icheckbox_square, .iradio_square { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(square.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square { background-position: 0 0; } .icheckbox_square.hover { background-position: -24px 0; } .icheckbox_square.checked { background-position: -48px 0; } .icheckbox_square.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square.checked.disabled { background-position: -96px 0; } .iradio_square { background-position: -120px 0; } .iradio_square.hover { background-position: -144px 0; } .iradio_square.checked { background-position: -168px 0; } .iradio_square.disabled { background-position: -192px 0; cursor: default; } .iradio_square.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square, .iradio_square { background-image: url(square@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } ================================================ FILE: skins/square/yellow.css ================================================ /* iCheck plugin Square skin, yellow ----------------------------------- */ .icheckbox_square-yellow, .iradio_square-yellow { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(yellow.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-yellow { background-position: 0 0; } .icheckbox_square-yellow.hover { background-position: -24px 0; } .icheckbox_square-yellow.checked { background-position: -48px 0; } .icheckbox_square-yellow.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-yellow.checked.disabled { background-position: -96px 0; } .iradio_square-yellow { background-position: -120px 0; } .iradio_square-yellow.hover { background-position: -144px 0; } .iradio_square-yellow.checked { background-position: -168px 0; } .iradio_square-yellow.disabled { background-position: -192px 0; cursor: default; } .iradio_square-yellow.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) { .icheckbox_square-yellow, .iradio_square-yellow { background-image: url(yellow@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } }