/**
* Checkator jQuery Plugin
* A plugin for radio and checkbox elements
* version 1.0, Dec 20th, 2013
* by Ingi P. Jacobsen
*/
/* RESET */
input[type=radio],
input[type=checkbox] {
margin-bottom: 0;
}
/* SOURCE ELEMENT (when checkator is enabled on an element) */
.checkator_source {
position: relative;
z-index: 2;
display: block;
}
/* SHARED SETTING */
.checkator_holder { /* Holder for the new element */
display: inline-block;
position: relative;
}
.checkator { /* New element */
border: 2px solid #fff;
background-color: #000;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.checkator_source:checked+.checkator:after { /* Checked element dot */
background-color: #E02359;
display: block;
content: ' ';
top: 20%;
right: 20%;
bottom: 20%;
left: 20%;
position: absolute;
}
.checkator_source:focus+.checkator { /* Focused element */
border: 2px solid #fff;
}
.checkator_source:hover+.checkator { /* Hovered element */
/* Bug: There is a bug in chrome preventing this from working correctly */
background-color: transparent;
border: 2px solid #fff;
}
/* RADIO SETTINGS */
.checkator.radio {
border-radius: 50%;
}
.checkator.radio:after {
border-radius: 50%;
}
/* CHECKBOX SETTINGS */
.checkator.checkbox { /* New element */
border: 2px solid #fff;
padding: 11px;
margin-top: -18px;
width: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome CSS here */
.checkator.checkbox {margin-top:-5px;}
}
/**
* Checkator jQuery Plugin
* A plugin for radio and checkbox elements
* version 1.0, Dec 20th, 2013
* by Ingi P. Jacobsen
*/
/* RESET */
input[type=radio],
input[type=checkbox] {
margin-bottom: 0;
}
/* SOURCE ELEMENT (when checkator is enabled on an element) */
.checkator_source {
position: relative;
z-index: 2;
display: block;
}
/* SHARED SETTING */
.checkator_holder { /* Holder for the new element */
display: inline-block;
position: relative;
}
.checkator { /* New element */
border: 2px solid #fff;
background-color: #000;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.checkator_source:checked+.checkator:after { /* Checked element dot */
background-color: #E02359;
display: block;
content: ' ';
top: 20%;
right: 20%;
bottom: 20%;
left: 20%;
position: absolute;
}
.checkator_source:focus+.checkator { /* Focused element */
border: 2px solid #fff;
}
.checkator_source:hover+.checkator { /* Hovered element */
/* Bug: There is a bug in chrome preventing this from working correctly */
background-color: transparent;
border: 2px solid #fff;
}
/* RADIO SETTINGS */
.checkator.radio {
border-radius: 50%;
}
.checkator.radio:after {
border-radius: 50%;
}
/* CHECKBOX SETTINGS */
.checkator.checkbox { /* New element */
border: 2px solid #fff;
padding: 11px;
margin-top: -18px;
width: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome CSS here */
.checkator.checkbox {margin-top:-5px;}
}
/**
* Checkator jQuery Plugin
* A plugin for radio and checkbox elements
* version 1.0, Dec 20th, 2013
* by Ingi P. Jacobsen
*/
/* RESET */
input[type=radio],
input[type=checkbox] {
margin-bottom: 0;
}
/* SOURCE ELEMENT (when checkator is enabled on an element) */
.checkator_source {
position: relative;
z-index: 2;
display: block;
}
/* SHARED SETTING */
.checkator_holder { /* Holder for the new element */
display: inline-block;
position: relative;
}
.checkator { /* New element */
border: 2px solid #fff;
background-color: #000;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.checkator_source:checked+.checkator:after { /* Checked element dot */
background-color: #E02359;
display: block;
content: ' ';
top: 20%;
right: 20%;
bottom: 20%;
left: 20%;
position: absolute;
}
.checkator_source:focus+.checkator { /* Focused element */
border: 2px solid #fff;
}
.checkator_source:hover+.checkator { /* Hovered element */
/* Bug: There is a bug in chrome preventing this from working correctly */
background-color: transparent;
border: 2px solid #fff;
}
/* RADIO SETTINGS */
.checkator.radio {
border-radius: 50%;
}
.checkator.radio:after {
border-radius: 50%;
}
/* CHECKBOX SETTINGS */
.checkator.checkbox { /* New element */
border: 2px solid #fff;
padding: 11px;
margin-top: -18px;
width: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome CSS here */
.checkator.checkbox {margin-top:-5px;}
}
/**
* Checkator jQuery Plugin
* A plugin for radio and checkbox elements
* version 1.0, Dec 20th, 2013
* by Ingi P. Jacobsen
*/
/* RESET */
input[type=radio],
input[type=checkbox] {
margin-bottom: 0;
}
/* SOURCE ELEMENT (when checkator is enabled on an element) */
.checkator_source {
position: relative;
z-index: 2;
display: block;
}
/* SHARED SETTING */
.checkator_holder { /* Holder for the new element */
display: inline-block;
position: relative;
}
.checkator { /* New element */
border: 2px solid #fff;
background-color: #000;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.checkator_source:checked+.checkator:after { /* Checked element dot */
background-color: #E02359;
display: block;
content: ' ';
top: 20%;
right: 20%;
bottom: 20%;
left: 20%;
position: absolute;
}
.checkator_source:focus+.checkator { /* Focused element */
border: 2px solid #fff;
}
.checkator_source:hover+.checkator { /* Hovered element */
/* Bug: There is a bug in chrome preventing this from working correctly */
background-color: transparent;
border: 2px solid #fff;
}
/* RADIO SETTINGS */
.checkator.radio {
border-radius: 50%;
}
.checkator.radio:after {
border-radius: 50%;
}
/* CHECKBOX SETTINGS */
.checkator.checkbox { /* New element */
border: 2px solid #fff;
padding: 11px;
margin-top: -18px;
width: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome CSS here */
.checkator.checkbox {margin-top:-5px;}
}