Implement per-browser checkbox and radio button styling using icheck-material.
Signed-off-by: DL6ER <dl6er@dl6er.de>
@@ -43,21 +43,21 @@
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<input type="checkbox" id="type_forwarded" checked><label for="type_forwarded">Permitted: forwarded</label><br>
|
||||
<input type="checkbox" id="type_cached" checked><label for="type_cached">Permitted: cached</label>
|
||||
<div><input type="checkbox" id="type_forwarded" checked><label for="type_forwarded">Permitted: forwarded</label><br></div>
|
||||
<div><input type="checkbox" id="type_cached" checked><label for="type_cached">Permitted: cached</label></div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<input type="checkbox" id="type_gravity" checked><label for="type_gravity">Blocked: gravity</label><br>
|
||||
<input type="checkbox" id="type_external" checked><label for="type_external">Blocked: external</label>
|
||||
<div><input type="checkbox" id="type_gravity" checked><label for="type_gravity">Blocked: gravity</label><br></div>
|
||||
<div><input type="checkbox" id="type_external" checked><label for="type_external">Blocked: external</label></div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<input type="checkbox" id="type_blacklist" checked><label for="type_blacklist">Blocked: exact blacklist</label><br>
|
||||
<input type="checkbox" id="type_regex" checked><label for="type_regex">Blocked: regex blacklist</label>
|
||||
<div><input type="checkbox" id="type_blacklist" checked><label for="type_blacklist">Blocked: exact blacklist</label><br></div>
|
||||
<div><input type="checkbox" id="type_regex" checked><label for="type_regex">Blocked: regex blacklist</label></div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<input type="checkbox" id="type_gravity_CNAME" checked><label for="type_gravity_CNAME">Blocked: gravity (CNAME)</label><br>
|
||||
<input type="checkbox" id="type_blacklist_CNAME" checked><label for="type_blacklist_CNAME">Blocked: exact blacklist (CNAME)</label><br>
|
||||
<input type="checkbox" id="type_regex_CNAME" checked><label for="type_regex_CNAME">Blocked: regex blacklist (CNAME)</label>
|
||||
<div><input type="checkbox" id="type_gravity_CNAME" checked><label for="type_gravity_CNAME">Blocked: gravity (CNAME)</label><br></div>
|
||||
<div><input type="checkbox" id="type_blacklist_CNAME" checked><label for="type_blacklist_CNAME">Blocked: exact blacklist (CNAME)</label><br></div>
|
||||
<div><input type="checkbox" id="type_regex_CNAME" checked><label for="type_regex_CNAME">Blocked: regex blacklist (CNAME)</label></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
<input id="new_domain" type="url" class="form-control active" placeholder="Domain to be added" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off">
|
||||
<span class="input-group-addon">
|
||||
<input type="checkbox" id="wildcard_checkbox">
|
||||
<label for="wildcard_checkbox">wildcard</label></span>
|
||||
<label for="wildcard_checkbox">wildcard</label>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -138,7 +138,10 @@ if(strlen($showing) > 0)
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<label><input type="checkbox" id="autofilter"> Apply filtering on click on Type, Domain, and Clients</label><br/>
|
||||
<div>
|
||||
<input type="checkbox" id="autofilter">
|
||||
<label for="autofilter">Apply filtering on click on Type, Domain, and Clients</label>
|
||||
</div>
|
||||
<button type="button" id="resetButton" class="btn btn-default btn-sm text-red hidden">Clear Filters</button>
|
||||
</div>
|
||||
<!-- /.box-body -->
|
||||
|
||||
@@ -125,6 +125,15 @@ function testCookies() {
|
||||
return ret;
|
||||
}
|
||||
|
||||
function applyCheckboxRadioStyle() {
|
||||
var chkboxStyle = localStorage.getItem("theme_icheck");
|
||||
if (chkboxStyle === null) {
|
||||
chkboxStyle = "material-blue";
|
||||
}
|
||||
$("input[type='radio'],input[type='checkbox']").parent().removeClass();
|
||||
$("input[type='radio'],input[type='checkbox']").parent().addClass("icheck-" + chkboxStyle);
|
||||
}
|
||||
|
||||
$(function () {
|
||||
var enaT = $("#enableTimer");
|
||||
var target = new Date(parseInt(enaT.html()));
|
||||
@@ -137,12 +146,8 @@ $(function () {
|
||||
$("#cookieInfo").show();
|
||||
}
|
||||
|
||||
var checkboxTheme = $("#checkbox_theme").text();
|
||||
$("input").icheck({
|
||||
checkboxClass: "icheckbox_" + checkboxTheme,
|
||||
radioClass: "iradio_" + checkboxTheme,
|
||||
increaseArea: "20%"
|
||||
});
|
||||
applyCheckboxRadioStyle();
|
||||
|
||||
// Run check immediately after page loading ...
|
||||
checkMessages();
|
||||
// ... and once again with five seconds delay
|
||||
|
||||
@@ -274,4 +274,17 @@ $(function () {
|
||||
bargraphs.click(function () {
|
||||
localStorage.setItem("barchart_chkbox", bargraphs.prop("checked"));
|
||||
});
|
||||
|
||||
// iCheck style toggle
|
||||
var iCheckSelect = $("#iCheckStyle");
|
||||
var iCheckStyle = localStorage.getItem("theme_icheck");
|
||||
if (iCheckStyle === null) {
|
||||
iCheckStyle = "material-blue";
|
||||
}
|
||||
iCheckSelect.val(iCheckStyle);
|
||||
|
||||
iCheckSelect.change(function () {
|
||||
localStorage.setItem("theme_icheck", iCheckSelect.val());
|
||||
applyCheckboxRadioStyle();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -214,7 +214,7 @@
|
||||
<link rel="stylesheet" href="style/vendor/bootstrap-select.min.css">
|
||||
<link rel="stylesheet" href="style/vendor/bootstrap-toggle.min.css">
|
||||
<?php } ?>
|
||||
<link rel="stylesheet" href="style/vendor/iCheck/<?php echo $checkbox_theme_name;?>/<?php echo $checkbox_theme_variant;?>.css">
|
||||
<link rel="stylesheet" href="style/vendor/icheck-material.min.css">
|
||||
<link rel="stylesheet" href="style/pi-hole.css">
|
||||
<link rel="stylesheet" href="style/themes/<?php echo $theme; ?>.css">
|
||||
<noscript><link rel="stylesheet" href="style/vendor/js-warn.css"></noscript>
|
||||
@@ -226,7 +226,6 @@
|
||||
<script src="scripts/vendor/datatables.min.js"></script>
|
||||
<script src="scripts/vendor/moment.min.js"></script>
|
||||
<script src="scripts/vendor/Chart.min.js"></script>
|
||||
<script src="scripts/vendor/iCheck.min.js"></script>
|
||||
</head>
|
||||
<body class="hold-transition sidebar-mini <?php if($boxedlayout){ ?>layout-boxed<?php } ?>">
|
||||
<noscript>
|
||||
|
||||
@@ -12,12 +12,9 @@ $available_themes = [];
|
||||
* Array[0] = Description
|
||||
* Array[1] = Is this a dark mode theme? (Sets background to black during page reloading to avoid white "flashing")
|
||||
* Array[2] = Style sheet name
|
||||
* Array[3] = Radio/checkbox theme name
|
||||
* Array[4] = Radio/checkbox theme variant
|
||||
*/
|
||||
$available_themes["default-light"] = ["Pi-hole default theme (light, default)", false, "default-light", "minimal", "blue"];
|
||||
$available_themes["default-dark"] = ["Pi-hole midnight theme (dark)", true, "default-dark", "polaris", "polaris"];
|
||||
$available_themes["default-dark2"] = ["Pi-hole afternoon theme (dark)", true, "default-dark", "futurico", "futurico"];
|
||||
$available_themes["default-light"] = ["Pi-hole default theme (light, default)", false, "default-light"];
|
||||
$available_themes["default-dark"] = ["Pi-hole midnight theme (dark)", true, "default-dark"];
|
||||
|
||||
$webtheme = "";
|
||||
// Try to load theme settings from setupVars.conf
|
||||
@@ -39,14 +36,12 @@ if(!array_key_exists($webtheme,$available_themes)) {
|
||||
|
||||
$darkmode = $available_themes[$webtheme][1];
|
||||
$theme = $available_themes[$webtheme][2];
|
||||
$checkbox_theme_name = $available_themes[$webtheme][3];
|
||||
$checkbox_theme_variant = $available_themes[$webtheme][4];
|
||||
|
||||
function theme_selection() {
|
||||
global $available_themes, $webtheme;
|
||||
foreach ($available_themes as $key => $value) {
|
||||
?><input type="radio" name="webtheme" value="<?php echo $key; ?>" id="webtheme_<?php echo $key; ?>" <?php if ($key === $webtheme){ ?>checked<?php } ?>>
|
||||
<label for="webtheme_<?php echo $key; ?>"><?php echo $value[0]; ?></label><br><?php
|
||||
?><div><input type="radio" name="webtheme" value="<?php echo $key; ?>" id="webtheme_<?php echo $key; ?>" <?php if ($key === $webtheme){ ?>checked<?php } ?>>
|
||||
<label for="webtheme_<?php echo $key; ?>"><strong><?php echo $value[0]; ?></strong></label></div><?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
@@ -218,7 +218,7 @@ if (isset($setupVars["API_PRIVACY_MODE"])) {
|
||||
?>
|
||||
|
||||
<?php
|
||||
if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "dns", "piholedhcp", "api", "privacy", "teleporter"))) {
|
||||
if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "dns", "piholedhcp", "api", "privacy", "perbrowser", "teleporter"))) {
|
||||
$tab = $_GET['tab'];
|
||||
} else {
|
||||
$tab = "sysadmin";
|
||||
@@ -538,7 +538,7 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<input type="checkbox" name="active" id="DHCPchk" <?php if ($DHCP){ ?>checked<?php } ?>><label for="DHCPchk">DHCP server enabled</label><br>
|
||||
<div><input type="checkbox" name="active" id="DHCPchk" <?php if ($DHCP){ ?>checked<?php } ?>><label for="DHCPchk"><strong>DHCP server enabled</strong></label></div><br>
|
||||
<p id="dhcpnotice" <?php if (!$DHCP){ ?>hidden<?php } ?>>Make sure your router's DHCP server is disabled when using the Pi-hole DHCP server!</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -620,8 +620,8 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<input type="checkbox" name="useIPv6" id="useIPv6" class="DHCPgroup" <?php if ($DHCPIPv6){ ?>checked<?php }; if (!$DHCP){ ?> disabled<?php } ?>> <label for="useIPv6">Enable IPv6 support (SLAAC + RA)</label><br>
|
||||
<input type="checkbox" name="DHCP_rapid_commit" id="DHCP_rapid_commit" class="DHCPgroup" <?php if ($DHCP_rapid_commit){ ?>checked<?php }; if (!$DHCP){ ?> disabled<?php } ?>> <label for="DHCP_rapid_commit">Enable DHCP rapid commit (fast address assignment)</label>
|
||||
<div><input type="checkbox" name="useIPv6" id="useIPv6" class="DHCPgroup" <?php if ($DHCPIPv6){ ?>checked<?php }; if (!$DHCP){ ?> disabled<?php } ?>> <label for="useIPv6"><strong>Enable IPv6 support (SLAAC + RA)</strong></label></div>
|
||||
<div><input type="checkbox" name="DHCP_rapid_commit" id="DHCP_rapid_commit" class="DHCPgroup" <?php if ($DHCP_rapid_commit){ ?>checked<?php }; if (!$DHCP){ ?> disabled<?php } ?>> <label for="DHCP_rapid_commit"><strong>Enable DHCP rapid commit (fast address assignment)</strong></label></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -807,28 +807,28 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<tr>
|
||||
<?php if (isset($value["v4_1"])) { ?>
|
||||
<td title="<?php echo $value["v4_1"]; ?>">
|
||||
<input type="checkbox" name="DNSserver<?php echo $value["v4_1"]; ?>" id="DNS4server<?php echo $value["v4_1"]; ?>" value="true" <?php if (in_array($value["v4_1"], $DNSactive)){ ?>checked<?php } ?>><label for="DNS4server<?php echo $value["v4_1"]; ?>"></label>
|
||||
<div><input type="checkbox" name="DNSserver<?php echo $value["v4_1"]; ?>" id="DNS4server<?php echo $value["v4_1"]; ?>" value="true" <?php if (in_array($value["v4_1"], $DNSactive)){ ?>checked<?php } ?>><label for="DNS4server<?php echo $value["v4_1"]; ?>"></label></div>
|
||||
</td>
|
||||
<?php } else { ?>
|
||||
<td></td>
|
||||
<?php } ?>
|
||||
<?php if (isset($value["v4_2"])) { ?>
|
||||
<td title="<?php echo $value["v4_2"]; ?>">
|
||||
<input type="checkbox" name="DNSserver<?php echo $value["v4_2"]; ?>" id="DNS4server<?php echo $value["v4_2"]; ?>" value="true" <?php if (in_array($value["v4_2"], $DNSactive)){ ?>checked<?php } ?>><label for="DNS4server<?php echo $value["v4_2"]; ?>"></label>
|
||||
<div><input type="checkbox" name="DNSserver<?php echo $value["v4_2"]; ?>" id="DNS4server<?php echo $value["v4_2"]; ?>" value="true" <?php if (in_array($value["v4_2"], $DNSactive)){ ?>checked<?php } ?>><label for="DNS4server<?php echo $value["v4_2"]; ?>"></label></div>
|
||||
</td>
|
||||
<?php } else { ?>
|
||||
<td></td>
|
||||
<?php } ?>
|
||||
<?php if (isset($value["v6_1"])) { ?>
|
||||
<td title="<?php echo $value["v6_1"]; ?>">
|
||||
<input type="checkbox" name="DNSserver<?php echo $value["v6_1"]; ?>" id="DNS6server<?php echo $value["v6_1"]; ?>" value="true" <?php if (in_array($value["v6_1"], $DNSactive) && $IPv6connectivity){ ?>checked<?php } if (!$IPv6connectivity) { ?> disabled <?php } ?>><label for="DNS6server<?php echo $value["v6_1"]; ?>"></label>
|
||||
<div><input type="checkbox" name="DNSserver<?php echo $value["v6_1"]; ?>" id="DNS6server<?php echo $value["v6_1"]; ?>" value="true" <?php if (in_array($value["v6_1"], $DNSactive) && $IPv6connectivity){ ?>checked<?php } if (!$IPv6connectivity) { ?> disabled <?php } ?>><label for="DNS6server<?php echo $value["v6_1"]; ?>"></label></div>
|
||||
</td>
|
||||
<?php } else { ?>
|
||||
<td></td>
|
||||
<?php } ?>
|
||||
<?php if (isset($value["v6_2"])) { ?>
|
||||
<td title="<?php echo $value["v6_2"]; ?>">
|
||||
<input type="checkbox" name="DNSserver<?php echo $value["v6_2"]; ?>" id="DNS6server<?php echo $value["v6_2"]; ?>" value="true" <?php if (in_array($value["v6_2"], $DNSactive) && $IPv6connectivity){ ?>checked<?php } if (!$IPv6connectivity) { ?> disabled <?php } ?>><label for="DNS6server<?php echo $value["v6_2"]; ?>"></label>
|
||||
<div><input type="checkbox" name="DNSserver<?php echo $value["v6_2"]; ?>" id="DNS6server<?php echo $value["v6_2"]; ?>" value="true" <?php if (in_array($value["v6_2"], $DNSactive) && $IPv6connectivity){ ?>checked<?php } if (!$IPv6connectivity) { ?> disabled <?php } ?>><label for="DNS6server<?php echo $value["v6_2"]; ?>"></label></div>
|
||||
</td>
|
||||
<?php } else { ?>
|
||||
<td></td>
|
||||
@@ -851,46 +851,54 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Custom 1 (IPv4)</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group-addon">
|
||||
<input type="checkbox" name="custom1" value="Customv4" <?php if (isset($custom1)){ ?>checked<?php } ?>>
|
||||
</div>
|
||||
<strong>Custom 1 (IPv4)</strong>
|
||||
<div class="row">
|
||||
<div class="col-md-1"><div>
|
||||
<input type="checkbox" name="custom1" id="custom1" value="Customv4" <?php if (isset($custom1)){ ?>checked<?php } ?>>
|
||||
<label for="custom1"></label></div>
|
||||
</div>
|
||||
<div class="col-md-11">
|
||||
<input type="text" name="custom1val" class="form-control" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if (isset($custom1)){ ?>value="<?php echo $custom1; ?>"<?php } ?>>
|
||||
<?php if (isset($custom1)){ ?>value="<?php echo $custom1; ?>"<?php } ?>>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Custom 2 (IPv4)</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group-addon">
|
||||
<input type="checkbox" name="custom2" value="Customv4" <?php if (isset($custom2)){ ?>checked<?php } ?>>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<strong>Custom 2 (IPv4)</strong>
|
||||
<div class="row">
|
||||
<div class="col-md-1"><div>
|
||||
<input type="checkbox" name="custom2" id="custom2" value="Customv4" <?php if (isset($custom2)){ ?>checked<?php } ?>>
|
||||
<label for="custom2"></label></div>
|
||||
</div>
|
||||
<div class="col-md-11">
|
||||
<input type="text" name="custom2val" class="form-control" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if (isset($custom2)){ ?>value="<?php echo $custom2; ?>"<?php } ?>>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Custom 3 (IPv6)</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group-addon">
|
||||
<input type="checkbox" name="custom3" value="Customv6"
|
||||
<?php if (isset($custom3)){ ?>checked<?php } ?>>
|
||||
</div>
|
||||
<strong>Custom 3 (IPv6)</strong>
|
||||
<div class="row">
|
||||
<div class="col-md-1"><div>
|
||||
<input type="checkbox" name="custom3" id="custom3" value="Customv6" <?php if (isset($custom3)){ ?>checked<?php } ?>>
|
||||
<label for="custom3"></label></div>
|
||||
</div>
|
||||
<div class="col-md-11">
|
||||
<input type="text" name="custom3val" class="form-control" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if (isset($custom3)){ ?>value="<?php echo $custom3; ?>"<?php } ?>>
|
||||
<?php if (isset($custom3)){ ?>value="<?php echo $custom3; ?>"<?php } ?>>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Custom 4 (IPv6)</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group-addon">
|
||||
<input type="checkbox" name="custom4" value="Customv6"
|
||||
<?php if (isset($custom4)){ ?>checked<?php } ?>>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<strong>Custom 4 (IPv6)</strong>
|
||||
<div class="row">
|
||||
<div class="col-md-1"><div>
|
||||
<input type="checkbox" name="custom4" id="custom4" value="Customv6" <?php if (isset($custom4)){ ?>checked<?php } ?>>
|
||||
<label for="custom4"></label></div>
|
||||
</div>
|
||||
<div class="col-md-11">
|
||||
<input type="text" name="custom4val" class="form-control" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if (isset($custom4)){ ?>value="<?php echo $custom4; ?>"<?php } ?>>
|
||||
</div>
|
||||
@@ -909,23 +917,20 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group">
|
||||
<div class="radio">
|
||||
<label><input type="radio" name="DNSinterface" value="local"
|
||||
<?php if ($DNSinterface == "local"){ ?>checked<?php } ?>>
|
||||
<strong>Listen on all interfaces</strong>
|
||||
<br>Allows only queries from devices that are at most one hop away (local devices)</label>
|
||||
<div>
|
||||
<input type="radio" name="DNSinterface" id="DNSinterface1" value="local"
|
||||
<?php if ($DNSinterface == "local"){ ?>checked<?php } ?>>
|
||||
<label for="DNSinterface1"><strong>Listen on all interfaces</strong><br>Allows only queries from devices that are at most one hop away (local devices)</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label><input type="radio" name="DNSinterface" value="single"
|
||||
<?php if ($DNSinterface == "single"){ ?>checked<?php } ?>>
|
||||
<strong>Listen only on interface <?php echo htmlentities($piHoleInterface); ?></strong>
|
||||
</label>
|
||||
<div>
|
||||
<input type="radio" name="DNSinterface" id="DNSinterface2" value="single"
|
||||
<?php if ($DNSinterface == "single"){ ?>checked<?php } ?>>
|
||||
<label for="DNSinterface2"><strong>Listen only on interface <?php echo htmlentities($piHoleInterface); ?></strong></label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label><input type="radio" name="DNSinterface" value="all"
|
||||
<?php if ($DNSinterface == "all"){ ?>checked<?php } ?>>
|
||||
<strong>Listen on all interfaces, permit all origins</strong>
|
||||
</label>
|
||||
<div>
|
||||
<input type="radio" name="DNSinterface" id="DNSinterface3" value="all"
|
||||
<?php if ($DNSinterface == "all"){ ?>checked<?php } ?>>
|
||||
<label for="DNSinterface3"><strong>Listen on all interfaces, permit all origins</strong></label>
|
||||
</div>
|
||||
</div>
|
||||
<p>Note that the last option should not be used on devices which are
|
||||
@@ -949,25 +954,31 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<input type="checkbox" name="DNSrequiresFQDN" id="DNSrequiresFQDN" title="domain-needed" <?php if ($DNSrequiresFQDN){ ?>checked<?php } ?>>
|
||||
<label for="DNSrequiresFQDN">Never forward non-FQDNs</label><br>
|
||||
<input type="checkbox" name="DNSbogusPriv" id="DNSbogusPriv" title="bogus-priv" <?php if ($DNSbogusPriv){ ?>checked<?php } ?>>
|
||||
<label for="DNSbogusPriv">Never forward reverse lookups for private IP ranges</label>
|
||||
<p>Note that enabling these two options may increase your privacy
|
||||
slightly, but may also prevent you from being able to access
|
||||
local hostnames if the Pi-hole is not used as DHCP server</p>
|
||||
<input type="checkbox" name="DNSSEC" id="DNSSEC" <?php if ($DNSSEC){ ?>checked<?php } ?>>
|
||||
<label for="DNSSEC">Use DNSSEC</label>
|
||||
<p>Validate DNS replies and cache DNSSEC data. When forwarding DNS
|
||||
queries, Pi-hole requests the DNSSEC records needed to validate
|
||||
the replies. If a domain fails validation or the upstream does not
|
||||
support DNSSEC, this setting can cause issues resolving domains.
|
||||
Use Google, Cloudflare, DNS.WATCH, Quad9, or another DNS
|
||||
server which supports DNSSEC when activating DNSSEC. Note that
|
||||
the size of your log might increase significantly
|
||||
when enabling DNSSEC. A DNSSEC resolver test can be found
|
||||
<a href="https://dnssec.vs.uni-due.de/" rel="noopener" target="_blank">here</a>.</p>
|
||||
<label>Conditional Forwarding</label>
|
||||
<div>
|
||||
<input type="checkbox" name="DNSrequiresFQDN" id="DNSrequiresFQDN" title="domain-needed" <?php if ($DNSrequiresFQDN){ ?>checked<?php } ?>>
|
||||
<label for="DNSrequiresFQDN"><strong>Never forward non-FQDNs</strong></label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="DNSbogusPriv" id="DNSbogusPriv" title="bogus-priv" <?php if ($DNSbogusPriv){ ?>checked<?php } ?>>
|
||||
<label for="DNSbogusPriv"><strong>Never forward reverse lookups for private IP ranges</strong></label>
|
||||
<p>Note that enabling these two options may increase your privacy
|
||||
slightly, but may also prevent you from being able to access
|
||||
local hostnames if the Pi-hole is not used as DHCP server</p>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="DNSSEC" id="DNSSEC" <?php if ($DNSSEC){ ?>checked<?php } ?>>
|
||||
<label for="DNSSEC"><strong>Use DNSSEC</strong></label>
|
||||
<p>Validate DNS replies and cache DNSSEC data. When forwarding DNS
|
||||
queries, Pi-hole requests the DNSSEC records needed to validate
|
||||
the replies. If a domain fails validation or the upstream does not
|
||||
support DNSSEC, this setting can cause issues resolving domains.
|
||||
Use Google, Cloudflare, DNS.WATCH, Quad9, or another DNS
|
||||
server which supports DNSSEC when activating DNSSEC. Note that
|
||||
the size of your log might increase significantly
|
||||
when enabling DNSSEC. A DNSSEC resolver test can be found
|
||||
<a href="https://dnssec.vs.uni-due.de/" rel="noopener" target="_blank">here</a>.</p>
|
||||
</div>
|
||||
<strong>Conditional Forwarding</strong>
|
||||
<p>If not configured as your DHCP server, Pi-hole won't be able to
|
||||
determine the names of devices on your local network. As a
|
||||
result, tables such as Top Clients will only show IP addresses.</p>
|
||||
@@ -977,31 +988,28 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
address of your DHCP server and the name of your local network.</p>
|
||||
<p>Note: The local domain name must match the domain name specified
|
||||
in your DHCP server, likely found within the DHCP settings.</p>
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<label><input type="checkbox" name="conditionalForwarding" value="conditionalForwarding"
|
||||
<?php if(isset($conditionalForwarding) && ($conditionalForwarding == true)){ ?>checked<?php }
|
||||
?>>Use Conditional Forwarding</label>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<th>IP of your router</th>
|
||||
<th>Local domain name</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="input-group">
|
||||
<td>
|
||||
<input type="text" name="conditionalForwardingIP" class="form-control" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if(isset($conditionalForwardingIP)){ ?>value="<?php echo $conditionalForwardingIP; ?>"<?php } ?>>
|
||||
</td>
|
||||
<td><input type="text" name="conditionalForwardingDomain" class="form-control" data-mask autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if(isset($conditionalForwardingDomain)){ ?>value="<?php echo $conditionalForwardingDomain; ?>"<?php } ?>>
|
||||
</td>
|
||||
</div>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="conditionalForwarding" id="conditionalForwarding" value="conditionalForwarding" <?php if(isset($conditionalForwarding) && ($conditionalForwarding == true)){ ?>checked<?php } ?>>
|
||||
<label for="conditionalForwarding"><strong>Use Conditional Forwarding</strong></label>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<th>IP of your router</th>
|
||||
<th>Local domain name</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="input-group">
|
||||
<td>
|
||||
<input type="text" name="conditionalForwardingIP" class="form-control" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if(isset($conditionalForwardingIP)){ ?>value="<?php echo $conditionalForwardingIP; ?>"<?php } ?>>
|
||||
</td>
|
||||
<td><input type="text" name="conditionalForwardingDomain" class="form-control" data-mask autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off"
|
||||
<?php if(isset($conditionalForwardingDomain)){ ?>value="<?php echo $conditionalForwardingDomain; ?>"<?php } ?>>
|
||||
</td>
|
||||
</div>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1072,10 +1080,16 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<input type="checkbox" name="querylog-permitted" id="querylog-permitted" <?php if($queryLog === "permittedonly" || $queryLog === "all"){ ?>checked<?php } ?>><label for="querylog-permitted">Show permitted domain entries</label>
|
||||
<div>
|
||||
<input type="checkbox" name="querylog-permitted" id="querylog-permitted" <?php if($queryLog === "permittedonly" || $queryLog === "all"){ ?>checked<?php } ?>>
|
||||
<label for="querylog-permitted"><strong>Show permitted domain entries</strong></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="checkbox" name="querylog-blocked" id="querylog-blocked" <?php if($queryLog === "blockedonly" || $queryLog === "all"){ ?>checked<?php } ?>><label for="querylog-blocked">Show blocked domain entries</label>
|
||||
<div>
|
||||
<input type="checkbox" name="querylog-blocked" id="querylog-blocked" <?php if($queryLog === "blockedonly" || $queryLog === "all"){ ?>checked<?php } ?>>
|
||||
<label for="querylog-blocked"><strong>Show blocked domain entries</strong></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1099,11 +1113,23 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<div class="col-md-12">
|
||||
<h4>Interface appearance</h4>
|
||||
<?php theme_selection(); ?>
|
||||
<input type="checkbox" name="boxedlayout" id="boxedlayout" value="yes" <?php if ($boxedlayout){ ?>checked<?php } ?>><label for="boxedlayout">Use boxed layout (for large screens)</label>
|
||||
<div>
|
||||
<input type="checkbox" name="boxedlayout" id="boxedlayout" value="yes" <?php if ($boxedlayout){ ?>checked<?php } ?>>
|
||||
<label for="boxedlayout"><strong>Use boxed layout (for large screens)</strong></label>
|
||||
</div>
|
||||
<h4>CPU Temperature Unit</h4>
|
||||
<input type="radio" name="tempunit" value="C" id="tempunit_C" <?php if ($temperatureunit === "C"){ ?>checked<?php } ?>><label for="tempunit_C"> Celsius</label><br>
|
||||
<input type="radio" name="tempunit" value="K" id="tempunit_K" <?php if ($temperatureunit === "K"){ ?>checked<?php } ?>><label for="tempunit_K"> Kelvin</label><br>
|
||||
<input type="radio" name="tempunit" value="F" id="tempunit_F" <?php if ($temperatureunit === "F"){ ?>checked<?php } ?>><label for="tempunit_F"> Fahrenheit</label>
|
||||
<div>
|
||||
<input type="radio" name="tempunit" value="C" id="tempunit_C" <?php if ($temperatureunit === "C"){ ?>checked<?php } ?>>
|
||||
<label for="tempunit_C"><strong>Celsius</strong></label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="radio" name="tempunit" value="K" id="tempunit_K" <?php if ($temperatureunit === "K"){ ?>checked<?php } ?>>
|
||||
<label for="tempunit_K"><strong>Kelvin</strong></label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="radio" name="tempunit" value="F" id="tempunit_F" <?php if ($temperatureunit === "F"){ ?>checked<?php } ?>>
|
||||
<label for="tempunit_F"><strong>Fahrenheit</strong></label>
|
||||
</div>
|
||||
<h4>Administrator Email Address</h4>
|
||||
<input type="email" class="form-control" name="adminemail" value="<?php echo htmlspecialchars($adminemail); ?>">
|
||||
<input type="hidden" name="field" value="webUI">
|
||||
@@ -1125,12 +1151,52 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<div class="col-md-6">
|
||||
<div class="box box-warning">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">UI/Interface</h3>
|
||||
<h3 class="box-title">Theme</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<p>Checkbox and radio buttons</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<select id="iCheckStyle">
|
||||
<option>material-red</option>
|
||||
<option>material-pink</option>
|
||||
<option>material-purple</option>
|
||||
<option>material-deeppurple</option>
|
||||
<option>material-indigo</option>
|
||||
<option>material-blue</option>
|
||||
<option>material-lightblue</option>
|
||||
<option>material-cyan</option>
|
||||
<option>material-teal</option>
|
||||
<option>material-green</option>
|
||||
<option>material-lightgreen</option>
|
||||
<option>material-lime</option>
|
||||
<option>material-yellow</option>
|
||||
<option>material-amber</option>
|
||||
<option>material-orange</option>
|
||||
<option>material-deeporange</option>
|
||||
<option>material-brown</option>
|
||||
<option>material-grey</option>
|
||||
<option>material-bluegrey</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="box box-warning">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Dashboard</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<input type="checkbox" name="bargraphs" id="bargraphs" value="yes"><label for="bargraphs">Use new Bar charts on dashboard</label>
|
||||
<div>
|
||||
<input type="checkbox" name="bargraphs" id="bargraphs" value="yes">
|
||||
<label for="bargraphs"><strong>Use new Bar charts on dashboard</strong></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1160,11 +1226,26 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<div class="col-md-12">
|
||||
<h4>DNS resolver privacy level</h4>
|
||||
<p>Specify if DNS queries should be anonymized, available options are:</p>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_0" value="0" <?php if ($privacylevel === 0){ ?>checked<?php } ?>> <label for="privacylevel_0">Show everything and record everything</label><p>Gives maximum amount of statistics</p>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_1" value="1" <?php if ($privacylevel === 1){ ?>checked<?php } ?>> <label for="privacylevel_1">Hide domains: Display and store all domains as "hidden"</label><p>This disables the Top Domains and Top Ads tables on the dashboard</p>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_2" value="2" <?php if ($privacylevel === 2){ ?>checked<?php } ?>> <label for="privacylevel_2">Hide domains and clients: Display and store all domains as "hidden" and all clients as "0.0.0.0"</label><p>This disables all tables on the dashboard</p>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_3" value="3" <?php if ($privacylevel === 3){ ?>checked<?php } ?>> <label for="privacylevel_3">Anonymous mode: This disables basically everything except the live anonymous statistics</label><p>No history is saved at all to the database, and nothing is shown in the query log. Also, there are no top item lists.</p>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_4" value="4" <?php if ($privacylevel === 4){ ?>checked<?php } ?>> <label for="privacylevel_4">No Statistics mode: This disables all statistics processing.</label><p>Even the query counters will not be available. <strong>Note that regex blocking is not available when query analyzing is disabled.</strong> Additionally, you can disable logging to the file <code>/var/log/pihole.log</code> using <code>sudo pihole logging off</code>.</p>
|
||||
<div>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_0" value="0" <?php if ($privacylevel === 0){ ?>checked<?php } ?>>
|
||||
<label for="privacylevel_0"><strong>Show everything and record everything</strong></label>
|
||||
<p>Gives maximum amount of statistics</p>
|
||||
</div>
|
||||
<div>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_1" value="1" <?php if ($privacylevel === 1){ ?>checked<?php } ?>>
|
||||
<label for="privacylevel_1"><strong>Hide domains: Display and store all domains as "hidden"</strong></label>
|
||||
<p>This disables the Top Domains and Top Ads tables on the dashboard</p>
|
||||
</div>
|
||||
<div>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_2" value="2" <?php if ($privacylevel === 2){ ?>checked<?php } ?>>
|
||||
<label for="privacylevel_2"><strong>Hide domains and clients: Display and store all domains as "hidden" and all clients as "0.0.0.0"</strong></label>
|
||||
<p>This disables all tables on the dashboard</p>
|
||||
</div>
|
||||
<div>
|
||||
<input type="radio" name="privacylevel" id="privacylevel_3" value="3" <?php if ($privacylevel === 3){ ?>checked<?php } ?>>
|
||||
<label for="privacylevel_3"><strong>Anonymous mode: This disables basically everything except the live anonymous statistics</strong></label>
|
||||
<p>No history is saved at all to the database, and nothing is shown in the query log. Also, there are no top item lists.</p>
|
||||
</div>
|
||||
<p>The privacy level may be increased at any time without having to restart the DNS resolver. However, note that the DNS resolver needs to be restarted when lowering the privacy level. This restarting is automatically done when saving.</p>
|
||||
<?php if($privacylevel > 0 && $piHoleLogging){ ?>
|
||||
<p class="lookatme">Warning: Pi-hole's query logging is activated. Although the dashboard will hide the requested details, all queries are still fully logged to the pihole.log file.</p>
|
||||
@@ -1218,28 +1299,48 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<input type="checkbox" name="whitelist" id="tele_whitelist" value="true" checked>
|
||||
<label for="tele_whitelist">Whitelist (exact)</label><br>
|
||||
<input type="checkbox" name="regex_whitelist" id="tele_regex_whitelist" value="true" checked>
|
||||
<label for="tele_regex_whitelist">Whitelist (regex/wildcard)</label><br>
|
||||
<input type="checkbox" name="blacklist" id="tele_blacklist" value="true" checked>
|
||||
<label for="tele_blacklist">Blacklist (exact)</label><br>
|
||||
<input type="checkbox" name="regexlist" id="tele_regexlist" value="true" checked>
|
||||
<label for="tele_regexlist">Blacklist (regex/wildcard)</label><br>
|
||||
<input type="checkbox" name="adlist" id="tele_adlist" value="true" checked>
|
||||
<label for="tele_adlist">Adlists</label>
|
||||
<div>
|
||||
<input type="checkbox" name="whitelist" id="tele_whitelist" value="true" checked>
|
||||
<label for="tele_whitelist">Whitelist (exact)</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="regex_whitelist" id="tele_regex_whitelist" value="true" checked>
|
||||
<label for="tele_regex_whitelist">Whitelist (regex/wildcard)</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="blacklist" id="tele_blacklist" value="true" checked>
|
||||
<label for="tele_blacklist">Blacklist (exact)</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="regexlist" id="tele_regexlist" value="true" checked>
|
||||
<label for="tele_regexlist">Blacklist (regex/wildcard)</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="adlist" id="tele_adlist" value="true" checked>
|
||||
<label for="tele_adlist">Adlists</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<input type="checkbox" name="client" id="tele_client" value="true" checked>
|
||||
<label for="tele_client">Client</label><br>
|
||||
<input type="checkbox" name="group" id="tele_group" value="true" checked>
|
||||
<label for="tele_group">Group</label><br>
|
||||
<input type="checkbox" name="auditlog" id="tele_auditlog" value="true" checked>
|
||||
<label for="tele_auditlog">Audit log</label><br>
|
||||
<input type="checkbox" name="staticdhcpleases" id="tele_staticdhcpleases" value="true" checked>
|
||||
<label for="tele_staticdhcpleases">Static DHCP Leases</label><br>
|
||||
<input type="checkbox" name="localdnsrecords" id="tele_localdnsrecords" value="true" checked>
|
||||
<label for="tele_localdnsrecords">Local DNS Records</label>
|
||||
<div>
|
||||
<input type="checkbox" name="client" id="tele_client" value="true" checked>
|
||||
<label for="tele_client">Client</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="group" id="tele_group" value="true" checked>
|
||||
<label for="tele_group">Group</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="auditlog" id="tele_auditlog" value="true" checked>
|
||||
<label for="tele_auditlog">Audit log</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="staticdhcpleases" id="tele_staticdhcpleases" value="true" checked>
|
||||
<label for="tele_staticdhcpleases">Static DHCP Leases</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" name="localdnsrecords" id="tele_localdnsrecords" value="true" checked>
|
||||
<label for="tele_localdnsrecords">Local DNS Records</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
@@ -1247,11 +1348,19 @@ if (isset($_GET['tab']) && in_array($_GET['tab'], array("sysadmin", "adlists", "
|
||||
<label for="zip_file">File input</label>
|
||||
<input type="file" name="zip_file" id="zip_file">
|
||||
<p class="help-block">Upload only Pi-hole backup files.</p>
|
||||
<input type="checkbox" name="flushtables" id="tele_flushtables" value="true" checked>
|
||||
<label for="tele_flushtables">Clear existing data</label><br>
|
||||
<button type="submit" class="btn btn-default" name="action" value="in">Restore</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div>
|
||||
<input type="checkbox" name="flushtables" id="tele_flushtables" value="true" checked>
|
||||
<label for="tele_flushtables">Clear existing data</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-footer clearfix">
|
||||
<button type="submit" class="btn btn-default" name="action" value="in">Restore</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,61 +0,0 @@
|
||||
/* 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");
|
||||
@@ -1,530 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 3.0 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,53 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
@@ -1,710 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 588 B |
|
Before Width: | Height: | Size: 1.0 KiB |
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,590 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 16 KiB |
@@ -1,590 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |
@@ -1,59 +0,0 @@
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 4.4 KiB |