Redesign
Redesigned from top to bottom
This commit is contained in:
Abdullah Almsaeed
parent
858303df6a
commit
b2a34fdcd3
|
|
@ -1,6 +0,0 @@
|
|||
AdminLTE
|
||||
========
|
||||
|
||||
Completely free admin control panel theme. Based on bootstrap 3.x.
|
||||
|
||||
Visit http://www.almsaeedstudio.com/AdminLTE-pre for a preview.
|
||||
64
ajax/dashboard-boxrefresh-demo.php
Normal file
64
ajax/dashboard-boxrefresh-demo.php
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
<?php
|
||||
sleep(1.2);
|
||||
?>
|
||||
<div class="pad">This data has been loaded via ajax using the custom boxResfresh plugin.</div>
|
||||
<small id="dummy-time" class="pad pull-right text-muted"></small>
|
||||
<small class="pull-right pad text-muted">Last update:</small>
|
||||
<div class="row">
|
||||
<div class="col-sm-7">
|
||||
<!-- bar chart -->
|
||||
<div class="chart" id="bar-chart" style="height: 250px;"></div>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<div class="pad">
|
||||
<!-- Progress bars -->
|
||||
<div class="clearfix">
|
||||
<span class="pull-left">Bandwidth</span>
|
||||
<small class="pull-right">10/200 GB</small>
|
||||
</div>
|
||||
<div class="progress xs">
|
||||
<div class="progress-bar progress-bar-green" style="width: 70%;"></div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix">
|
||||
<span class="pull-left">Transfered</span>
|
||||
<small class="pull-right">10 GB</small>
|
||||
</div>
|
||||
<div class="progress xs">
|
||||
<div class="progress-bar progress-bar-red" style="width: 70%;"></div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix">
|
||||
<span class="pull-left">Activity</span>
|
||||
<small class="pull-right">73%</small>
|
||||
</div>
|
||||
<div class="progress xs">
|
||||
<div class="progress-bar progress-bar-light-blue" style="width: 70%;"></div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix">
|
||||
<span class="pull-left">FTP</span>
|
||||
<small class="pull-right">30 GB</small>
|
||||
</div>
|
||||
<div class="progress xs">
|
||||
<div class="progress-bar progress-bar-aqua" style="width: 70%;"></div>
|
||||
</div>
|
||||
<!-- Buttons -->
|
||||
<p>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-cloud-download"></i> Generate PDF</button>
|
||||
</p>
|
||||
</div><!-- /.pad -->
|
||||
</div><!-- /.col -->
|
||||
</div><!-- /.row - inside box -->
|
||||
|
||||
<script type="text/javascript">
|
||||
var now = new Date();
|
||||
var strDateTime = [[AddZero(now.getDate()), AddZero(now.getMonth() + 1), now.getFullYear()].join("/"), [AddZero(now.getHours()), AddZero(now.getMinutes())].join(":"), now.getHours() >= 12 ? "PM" : "AM"].join(" ");
|
||||
|
||||
//Pad given value to the left with "0"
|
||||
function AddZero(num) {
|
||||
return (num >= 0 && num < 10) ? "0" + num : num + "";
|
||||
}
|
||||
var x = document.getElementById("dummy-time");
|
||||
x.innerHTML = strDateTime;
|
||||
</script>
|
||||
143
blank_page.html
143
blank_page.html
|
|
@ -1,143 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Template</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- bootstrap 3.0.2 -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||||
<!-- font Awesome -->
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" />
|
||||
<!-- Theme style -->
|
||||
<link href="theme/theme.css" rel="stylesheet" />
|
||||
<!-- Google font Signika -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-theme bg-blue navbar-static-top" role="navigation">
|
||||
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html"><span class="fa fa-shield"></span> AdminLTE</a>
|
||||
<a href="#" class='lte-menu-sm visible-xs navbar-brand'>
|
||||
<span class="fa fa-list"></span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
|
||||
<ul class="dropdown-menu navbar-selector">
|
||||
<li role="presentation" class="dropdown-header font-primary noClick">Navbar Color</li>
|
||||
<li class="font-primary" data-color="bg-primary"><a href="#"><i class="fa fa-gear"></i> Primary</a></li>
|
||||
<li class="font-blue" data-color="bg-blue"><a href="#"><i class="fa fa-gear"></i> Blue <small class="text-muted">(default)</small></a></li>
|
||||
<li class="font-light-blue" data-color="bg-light-blue"><a href="#"><i class="fa fa-gear"></i> Light Blue</a></li>
|
||||
<li class="font-green" data-color="bg-green"><a href="#"><i class="fa fa-gear"></i> Green</a></li>
|
||||
<li class="font-yellow" data-color="bg-yellow"><a href="#"><i class="fa fa-gear"></i> Yellow</a></li>
|
||||
<li class="font-purple" data-color="bg-purple"><a href="#"><i class="fa fa-gear"></i> Purple</a></li>
|
||||
<li class="font-red" data-color="bg-red"><a href="#"><i class="fa fa-gear"></i> Red</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><i class="fa fa-bullhorn"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li><a href="#">Friends</a></li>
|
||||
<li><a href="#">Settings</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Privacy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-right">
|
||||
<div class="form-group">
|
||||
<input type="text" name="search" class="form-control" placeholder="..."/>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</nav>
|
||||
<div class="lte-main-content">
|
||||
<!-- side bar -->
|
||||
<div class="lte-sidebar col-md-2 col-sm-3 hidden-xs">
|
||||
<ul class="lte-sidebar-menu">
|
||||
<li class="active"><a href="index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-bar-chart-o"></i> Charts<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="charts/flot.html"><i class="fa fa-bar-chart-o"></i> Flot</a></li>
|
||||
<li><a href="charts/jqplot.html"><i class="fa fa-bar-chart-o"></i> JQplot</a></li>
|
||||
<li><a href="charts/xcharts.html"><i class="fa fa-bar-chart-o"></i> xCharts</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="ui.html"><i class="fa fa-tint"></i> User Interface </a></li>
|
||||
<!--<li><a href="widgets.html"><i class="fa fa-gear"></i> Widgets</a></li>-->
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Example Pages <i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="examples/invoice.html"><i class="fa fa-money"></i> Invoice</a></li>
|
||||
<li><a href="examples/login.html"><i class="fa fa-sign-in"></i> Login</a></li>
|
||||
<li><a href="examples/register.html"><i class="fa fa-lock"></i> Register</a></li>
|
||||
<li><a href="examples/blank_page.html"><i class="fa fa-paperclip"></i> Blank Page</a></li>
|
||||
<li><a href="examples/404.html"><i class="fa fa-unlink"></i> 404 Error Page</a></li>
|
||||
<li><a href="examples/500.html"><i class="fa fa-unlink"></i> 500 Error Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="forms.html"><i class="fa fa-edit"></i> Forms</a></li>
|
||||
<li><a href="typography.html"><i class="fa fa-text-width"></i> Typography</a></li>
|
||||
<li><a href="calendar.html"><i class="fa fa-calendar"></i> Calendar</a></li>
|
||||
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Multilevel Dropdown<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 1<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 2<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="#"><i class="fa fa-pagelines"></i> Level 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- /.side-bar-->
|
||||
|
||||
<div class="lte-main-container col-md-10 col-sm-9">
|
||||
<!-- main content -->
|
||||
<div class="page-header">
|
||||
<i class="fa fa-paperclip"></i> Blank Page <small>example page</small>
|
||||
</div>
|
||||
<!-- /.page-header -->
|
||||
<!-- PUT CONTENT HERE -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./.lte-main-content -->
|
||||
<footer>
|
||||
Copyright © 2013 - <a>Preview</a> - <a>Purchase</a> - Built with <a target="blank" href="http://getbootstrap.com">Bootstrap 3</a>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- JQuery 1.10.2 -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<!-- LTE Tree -->
|
||||
<script src="js/lteTree.js" type="text/javascript"></script>
|
||||
<!-- LTE App -->
|
||||
<script src="js/lteApp.js" type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
176
calendar.html
176
calendar.html
|
|
@ -1,176 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AdminLTE - Calendar</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- bootstrap 3.0.2 -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||||
<!-- font Awesome -->
|
||||
<link href="css/font-awesome.min.css" rel="stylesheet" />
|
||||
<!-- Theme style -->
|
||||
<link href="theme/theme.css" rel="stylesheet" />
|
||||
<!-- Full calendar stylesheet -->
|
||||
<link href="css/fullcalendar/fullcalendar.css" rel="stylesheet" />
|
||||
<!-- Google font Signika -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-theme bg-red navbar-static-top" role="navigation">
|
||||
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html"><span class="fa fa-shield"></span> AdminLTE</a>
|
||||
<a href="#" class='lte-menu-sm visible-xs navbar-brand'>
|
||||
<span class="fa fa-list"></span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
|
||||
<ul class="dropdown-menu navbar-selector">
|
||||
<li role="presentation" class="dropdown-header font-primary noClick">Navbar Color</li>
|
||||
<li class="font-primary" data-color="bg-primary"><a href="#"><i class="fa fa-gear"></i> Primary</a></li>
|
||||
<li class="font-blue" data-color="bg-blue"><a href="#"><i class="fa fa-gear"></i> Blue <small class="text-muted">(default)</small></a></li>
|
||||
<li class="font-light-blue" data-color="bg-light-blue"><a href="#"><i class="fa fa-gear"></i> Light Blue</a></li>
|
||||
<li class="font-green" data-color="bg-green"><a href="#"><i class="fa fa-gear"></i> Green</a></li>
|
||||
<li class="font-yellow" data-color="bg-yellow"><a href="#"><i class="fa fa-gear"></i> Yellow</a></li>
|
||||
<li class="font-purple" data-color="bg-purple"><a href="#"><i class="fa fa-gear"></i> Purple</a></li>
|
||||
<li class="font-red" data-color="bg-red"><a href="#"><i class="fa fa-gear"></i> Red</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><i class="fa fa-bullhorn"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li><a href="#">Friends</a></li>
|
||||
<li><a href="#">Settings</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Privacy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-right">
|
||||
<div class="form-group">
|
||||
<input type="text" name="search" class="form-control" placeholder="..."/>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</nav>
|
||||
<div class="lte-main-content">
|
||||
<!-- side bar -->
|
||||
<div class="lte-sidebar col-md-2 col-sm-3 hidden-xs">
|
||||
<ul class="lte-sidebar-menu">
|
||||
<li><a href="index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-bar-chart-o"></i> Charts<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="charts/flot.html"><i class="fa fa-bar-chart-o"></i> Flot</a></li>
|
||||
<li><a href="charts/jqplot.html"><i class="fa fa-bar-chart-o"></i> JQplot</a></li>
|
||||
<li><a href="charts/xcharts.html"><i class="fa fa-bar-chart-o"></i> xCharts</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="ui.html"><i class="fa fa-tint"></i> User Interface </a></li>
|
||||
<!--<li><a href="widgets.html"><i class="fa fa-gear"></i> Widgets</a></li>-->
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Example Pages <i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="examples/invoice.html"><i class="fa fa-money"></i> Invoice</a></li>
|
||||
<li><a href="examples/login.html"><i class="fa fa-sign-in"></i> Login</a></li>
|
||||
<li><a href="examples/register.html"><i class="fa fa-lock"></i> Register</a></li>
|
||||
<li><a href="examples/blank_page.html"><i class="fa fa-paperclip"></i> Blank Page</a></li>
|
||||
<li><a href="examples/404.html"><i class="fa fa-unlink"></i> 404 Error Page</a></li>
|
||||
<li><a href="examples/500.html"><i class="fa fa-unlink"></i> 500 Error Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="forms.html"><i class="fa fa-edit"></i> Forms</a></li>
|
||||
<li><a href="typography.html"><i class="fa fa-text-width"></i> Typography</a></li>
|
||||
<li class="active"><a href="calendar.html"><i class="fa fa-calendar"></i> Calendar</a></li>
|
||||
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Multilevel Dropdown<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 1<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 2<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="#"><i class="fa fa-pagelines"></i> Level 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- /.side-bar-->
|
||||
|
||||
<div class="lte-main-container col-md-10 col-sm-9">
|
||||
<!-- main content -->
|
||||
<div class="page-header">
|
||||
<i class="fa fa-calendar"></i> Calendar <small>Full calendar</small>
|
||||
</div>
|
||||
<!-- /.page-header -->
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="col-xs-12">
|
||||
<!-- Full Calendar -->
|
||||
<div id='calendar'></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./.lte-main-content -->
|
||||
<footer>
|
||||
Copyright © 2013 - <a>Preview</a> - <a>Purchase</a> - Built with <a target="blank" href="http://getbootstrap.com">Bootstrap 3</a>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- JQuery 1.10.2 -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<!-- LTE Tree -->
|
||||
<script src="js/lteTree.js" type="text/javascript"></script>
|
||||
<!-- LTE App -->
|
||||
<script src="js/lteApp.js" type="text/javascript"></script>
|
||||
<!-- Full Calendar -->
|
||||
<script src="js/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$('#calendar').fullCalendar({
|
||||
events: [
|
||||
{
|
||||
title: 'event1',
|
||||
start: '2013-12-01'
|
||||
},
|
||||
{
|
||||
title: 'event2',
|
||||
start: '2013-12-05',
|
||||
end: '2013-12-07'
|
||||
},
|
||||
{
|
||||
title: 'event3',
|
||||
start: '2013-12-09 12:30:00',
|
||||
allDay: false // will make the time show
|
||||
}
|
||||
]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
539
charts/flot.html
539
charts/flot.html
|
|
@ -1,539 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AdminLTE - Flot Charts</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- bootstrap 3.0.2 -->
|
||||
<link href="../css/bootstrap.min.css" rel="stylesheet" />
|
||||
<!-- font Awesome -->
|
||||
<link href="../css/font-awesome.min.css" rel="stylesheet" />
|
||||
<!-- Theme style -->
|
||||
<link href="../theme/theme.css" rel="stylesheet" />
|
||||
<!-- Google font Signika -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-theme bg-blue navbar-static-top" role="navigation">
|
||||
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../index.html"><span class="fa fa-shield"></span> AdminLTE</a>
|
||||
<a href="#" class='lte-menu-sm visible-xs navbar-brand'>
|
||||
<span class="fa fa-list"></span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
|
||||
<ul class="dropdown-menu navbar-selector">
|
||||
<li role="presentation" class="dropdown-header font-primary noClick">Navbar Color</li>
|
||||
<li class="font-primary" data-color="bg-primary"><a href="#"><i class="fa fa-gear"></i> Primary</a></li>
|
||||
<li class="font-blue" data-color="bg-blue"><a href="#"><i class="fa fa-gear"></i> Blue <small class="text-muted">(default)</small></a></li>
|
||||
<li class="font-light-blue" data-color="bg-light-blue"><a href="#"><i class="fa fa-gear"></i> Light Blue</a></li>
|
||||
<li class="font-green" data-color="bg-green"><a href="#"><i class="fa fa-gear"></i> Green</a></li>
|
||||
<li class="font-yellow" data-color="bg-yellow"><a href="#"><i class="fa fa-gear"></i> Yellow</a></li>
|
||||
<li class="font-purple" data-color="bg-purple"><a href="#"><i class="fa fa-gear"></i> Purple</a></li>
|
||||
<li class="font-red" data-color="bg-red"><a href="#"><i class="fa fa-gear"></i> Red</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><i class="fa fa-bullhorn"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li><a href="#">Friends</a></li>
|
||||
<li><a href="#">Settings</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Privacy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-right">
|
||||
<div class="form-group">
|
||||
<input type="text" name="search" class="form-control" placeholder="..."/>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</nav>
|
||||
<div class="lte-main-content">
|
||||
<!-- side bar -->
|
||||
<div class="lte-sidebar col-md-2 col-sm-3 hidden-xs">
|
||||
<ul class="lte-sidebar-menu">
|
||||
<li><a href="../index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
|
||||
<li class="lte-tree active">
|
||||
<a href="#"><i class="fa fa-bar-chart-o"></i> Charts<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="active"><a href="../charts/flot.html"><i class="fa fa-bar-chart-o"></i> Flot</a></li>
|
||||
<li><a href="../charts/jqplot.html"><i class="fa fa-bar-chart-o"></i> JQplot</a></li>
|
||||
<li><a href="../charts/xcharts.html"><i class="fa fa-bar-chart-o"></i> xCharts</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../ui.html"><i class="fa fa-tint"></i> User Interface </a></li>
|
||||
<!--<li><a href="../widgets.html"><i class="fa fa-gear"></i> Widgets</a></li>-->
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Example Pages <i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="../examples/invoice.html"><i class="fa fa-money"></i> Invoice</a></li>
|
||||
<li><a href="../examples/login.html"><i class="fa fa-sign-in"></i> Login</a></li>
|
||||
<li><a href="../examples/register.html"><i class="fa fa-lock"></i> Register</a></li>
|
||||
<li><a href="../examples/blank_page.html"><i class="fa fa-paperclip"></i> Blank Page</a></li>
|
||||
<li><a href="../examples/404.html"><i class="fa fa-unlink"></i> 404 Error Page</a></li>
|
||||
<li><a href="../examples/500.html"><i class="fa fa-unlink"></i> 500 Error Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../forms.html"><i class="fa fa-edit"></i> Forms</a></li>
|
||||
<li><a href="../typography.html"><i class="fa fa-text-width"></i> Typography</a></li>
|
||||
<li><a href="../calendar.html"><i class="fa fa-calendar"></i> Calendar</a></li>
|
||||
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Multilevel Dropdown<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 1<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 2<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="#"><i class="fa fa-pagelines"></i> Level 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- /.side-bar-->
|
||||
|
||||
<div class="lte-main-container col-md-10 col-sm-9">
|
||||
<!-- main content -->
|
||||
<div class="page-header">
|
||||
<i class="fa fa-bar-chart-o"></i> Flot Charts <small>example page</small>
|
||||
</div>
|
||||
<!-- /.page-header -->
|
||||
<div class='lte-dashboard'>
|
||||
<div class='row'>
|
||||
<div class='col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='line-chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='row'>
|
||||
<div class='col-sm-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='line-chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-sm-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='line-chart3' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='row'>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Pie Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='pie-chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Pie Chart - 2</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='pie-chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Pie Chart - 3</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='pie-chart3' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='row'>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart - 2</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart - 3</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart3' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./.lte-main-content -->
|
||||
<footer>
|
||||
Copyright © 2013 - <a>Preview</a> - <a>Purchase</a> - Built with <a target="blank" href="http://getbootstrap.com">Bootstrap 3</a>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- JQuery 1.10.2 -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<!-- LTE Tree -->
|
||||
<script src="../js/lteTree.js" type="text/javascript"></script>
|
||||
<!-- LTE App -->
|
||||
<script src="../js/lteApp.js" type="text/javascript"></script>
|
||||
<!-- flot -->
|
||||
<script src="../js/flot/jquery.flot.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="../js/flot/jquery.flot.categories.js"></script>
|
||||
<script type="text/javascript" src="../js/flot/jquery.flot.pie.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
|
||||
//Line chart 1
|
||||
var d1 = [];
|
||||
for (var i = 0; i < 14; i += 0.5) {
|
||||
d1.push([i, Math.sin(i)]);
|
||||
}
|
||||
|
||||
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
|
||||
|
||||
// A null signifies separate line segments
|
||||
|
||||
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
|
||||
|
||||
$.plot("#line-chart1", [d1, d2, d3]);
|
||||
|
||||
//Bar chart 1
|
||||
var data = [["January", 10], ["February", 8], ["March", 4]];
|
||||
|
||||
$.plot("#bar-chart1", [data], {
|
||||
series: {
|
||||
bars: {
|
||||
show: true,
|
||||
barWidth: 0.6,
|
||||
align: "center"
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
mode: "categories",
|
||||
tickLength: 0
|
||||
}
|
||||
});
|
||||
|
||||
//Line chart 2
|
||||
var d1 = [];
|
||||
for (var i = 0; i < Math.PI * 2; i += 0.25) {
|
||||
d1.push([i, Math.sin(i)]);
|
||||
}
|
||||
|
||||
var d2 = [];
|
||||
for (var i = 0; i < Math.PI * 2; i += 0.25) {
|
||||
d2.push([i, Math.cos(i)]);
|
||||
}
|
||||
|
||||
var d3 = [];
|
||||
for (var i = 0; i < Math.PI * 2; i += 0.1) {
|
||||
d3.push([i, Math.tan(i)]);
|
||||
}
|
||||
|
||||
$.plot("#line-chart2", [
|
||||
{label: "sin(x)", data: d1},
|
||||
{label: "cos(x)", data: d2},
|
||||
{label: "tan(x)", data: d3}
|
||||
], {
|
||||
series: {
|
||||
lines: {show: true},
|
||||
points: {show: true}
|
||||
},
|
||||
xaxis: {
|
||||
ticks: [
|
||||
0, [Math.PI / 2, "\u03c0/2"], [Math.PI, "\u03c0"],
|
||||
[Math.PI * 3 / 2, "3\u03c0/2"], [Math.PI * 2, "2\u03c0"]
|
||||
]
|
||||
},
|
||||
yaxis: {
|
||||
ticks: 10,
|
||||
min: -2,
|
||||
max: 2,
|
||||
tickDecimals: 3
|
||||
},
|
||||
grid: {
|
||||
backgroundColor: {colors: ["#fff", "#eee"]},
|
||||
borderWidth: {
|
||||
top: 1,
|
||||
right: 1,
|
||||
bottom: 2,
|
||||
left: 2
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//bar chart 2
|
||||
var d1 = [];
|
||||
for (var i = 0; i < 20; ++i) {
|
||||
d1.push([i, Math.sin(i)]);
|
||||
}
|
||||
|
||||
var data = [{data: d1, label: "Pressure", color: "#333"}];
|
||||
|
||||
var markings = [
|
||||
{color: "#f6f6f6", yaxis: {from: 1}},
|
||||
{color: "#f6f6f6", yaxis: {to: -1}},
|
||||
{color: "#000", lineWidth: 1, xaxis: {from: 2, to: 2}},
|
||||
{color: "#000", lineWidth: 1, xaxis: {from: 8, to: 8}}
|
||||
];
|
||||
|
||||
var placeholder = $("#bar-chart2");
|
||||
|
||||
var plot = $.plot(placeholder, data, {
|
||||
bars: {show: true, barWidth: 0.5, fill: 0.9},
|
||||
xaxis: {ticks: [], autoscaleMargin: 0.02},
|
||||
yaxis: {min: -2, max: 2},
|
||||
grid: {markings: markings}
|
||||
});
|
||||
|
||||
var o = plot.pointOffset({x: 2, y: -1.2});
|
||||
|
||||
// Append it to the placeholder that Flot already uses for positioning
|
||||
|
||||
placeholder.append("<div style='position:absolute;left:" + (o.left + 4) + "px;top:" + o.top + "px;color:#666;font-size:smaller'>Warming up</div>");
|
||||
|
||||
o = plot.pointOffset({x: 8, y: -1.2});
|
||||
placeholder.append("<div style='position:absolute;left:" + (o.left + 4) + "px;top:" + o.top + "px;color:#666;font-size:smaller'>Actual measurements</div>");
|
||||
|
||||
// Draw a little arrow on top of the last label to demonstrate canvas
|
||||
// drawing
|
||||
|
||||
var ctx = plot.getCanvas().getContext("2d");
|
||||
ctx.beginPath();
|
||||
o.left += 4;
|
||||
ctx.moveTo(o.left, o.top);
|
||||
ctx.lineTo(o.left, o.top - 10);
|
||||
ctx.lineTo(o.left + 10, o.top - 5);
|
||||
ctx.lineTo(o.left, o.top);
|
||||
ctx.fillStyle = "#000";
|
||||
ctx.fill();
|
||||
function _sidebar_fix() {
|
||||
$(".lte-sidebar").css("min-height", ($(window).height() - ($("nav").outerHeight() + $("footer").outerHeight())) + "px");
|
||||
var height = $(document).height() - ($("nav").outerHeight() + $("footer").outerHeight());
|
||||
$(".lte-sidebar").css("min-height", height + "px");
|
||||
}
|
||||
|
||||
//Bar chart 3
|
||||
var d1 = [];
|
||||
for (var i = 0; i <= 3; i += 1) {
|
||||
d1.push([i, parseInt(Math.random() * 30)]);
|
||||
}
|
||||
|
||||
var d2 = [];
|
||||
for (var i = 0; i <= 3; i += 1) {
|
||||
d2.push([i, parseInt(Math.random() * 30)]);
|
||||
}
|
||||
|
||||
var d3 = [];
|
||||
for (var i = 0; i <= 3; i += 1) {
|
||||
d3.push([i, parseInt(Math.random() * 30)]);
|
||||
}
|
||||
|
||||
var stack = 0,
|
||||
bars = true,
|
||||
lines = false,
|
||||
steps = false;
|
||||
|
||||
|
||||
$.plot("#bar-chart3", [d1, d2, d3], {
|
||||
series: {
|
||||
stack: true,
|
||||
lines: {
|
||||
show: lines,
|
||||
fill: true,
|
||||
steps: false
|
||||
},
|
||||
bars: {
|
||||
show: bars,
|
||||
barWidth: 0.6
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//Line chart 3
|
||||
$.plot("#line-chart3", [d1, d2, d3], {
|
||||
series: {
|
||||
stack: true,
|
||||
lines: {
|
||||
show: true,
|
||||
fill: true,
|
||||
steps: false
|
||||
},
|
||||
bars: {
|
||||
show: false,
|
||||
barWidth: 0.6
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//Pie charts
|
||||
// Randomly Generated Data
|
||||
|
||||
var data = [],
|
||||
series = Math.floor(Math.random() * 6) + 3;
|
||||
|
||||
for (var i = 0; i < series; i++) {
|
||||
data[i] = {
|
||||
label: "Series" + (i + 1),
|
||||
data: Math.floor(Math.random() * 100) + 1
|
||||
}
|
||||
}
|
||||
$.plot("#pie-chart1", data, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//Donut
|
||||
$.plot("#pie-chart2", data, {
|
||||
series: {
|
||||
pie: {
|
||||
innerRadius: 0.5,
|
||||
show: true
|
||||
}
|
||||
}
|
||||
});
|
||||
function labelFormatter(label, series) {
|
||||
return "<div style='font-size:8pt; text-align:center; padding:2px; color:white;'>" + label + "<br/>" + Math.round(series.percent) + "%</div>";
|
||||
}
|
||||
//3d
|
||||
$.plot("#pie-chart3", data, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true,
|
||||
radius: 1,
|
||||
tilt: 0.5,
|
||||
label: {
|
||||
show: true,
|
||||
radius: 1,
|
||||
formatter: labelFormatter,
|
||||
background: {
|
||||
opacity: 0.8
|
||||
}
|
||||
},
|
||||
combine: {
|
||||
color: "#999",
|
||||
threshold: 0.1
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,718 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AdminLTE - jQplot</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- bootstrap 3.0.2 -->
|
||||
<link href="../css/bootstrap.min.css" rel="stylesheet" />
|
||||
<!-- font Awesome -->
|
||||
<link href="../css/font-awesome.min.css" rel="stylesheet" />
|
||||
<!-- jqplot stylesheet -->
|
||||
<link href="../js/jqplot/jquery.jqplot.css" rel="stylesheet"/>
|
||||
<!-- Theme style -->
|
||||
<link href="../theme/theme.css" rel="stylesheet" />
|
||||
<!-- Google font Signika -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-theme bg-blue navbar-static-top" role="navigation">
|
||||
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../index.html"><span class="fa fa-shield"></span> AdminLTE</a>
|
||||
<a href="#" class='lte-menu-sm visible-xs navbar-brand'>
|
||||
<span class="fa fa-list"></span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
|
||||
<ul class="dropdown-menu navbar-selector">
|
||||
<li role="presentation" class="dropdown-header font-primary noClick">Navbar Color</li>
|
||||
<li class="font-primary" data-color="bg-primary"><a href="#"><i class="fa fa-gear"></i> Primary</a></li>
|
||||
<li class="font-blue" data-color="bg-blue"><a href="#"><i class="fa fa-gear"></i> Blue <small class="text-muted">(default)</small></a></li>
|
||||
<li class="font-light-blue" data-color="bg-light-blue"><a href="#"><i class="fa fa-gear"></i> Light Blue</a></li>
|
||||
<li class="font-green" data-color="bg-green"><a href="#"><i class="fa fa-gear"></i> Green</a></li>
|
||||
<li class="font-yellow" data-color="bg-yellow"><a href="#"><i class="fa fa-gear"></i> Yellow</a></li>
|
||||
<li class="font-purple" data-color="bg-purple"><a href="#"><i class="fa fa-gear"></i> Purple</a></li>
|
||||
<li class="font-red" data-color="bg-red"><a href="#"><i class="fa fa-gear"></i> Red</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><i class="fa fa-bullhorn"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li><a href="#">Friends</a></li>
|
||||
<li><a href="#">Settings</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Privacy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-right">
|
||||
<div class="form-group">
|
||||
<input type="text" name="search" class="form-control" placeholder="..."/>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</nav>
|
||||
<div class="lte-main-content">
|
||||
<!-- side bar -->
|
||||
<div class="lte-sidebar col-md-2 col-sm-3 hidden-xs">
|
||||
<ul class="lte-sidebar-menu">
|
||||
<li><a href="../index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
|
||||
<li class="lte-tree active">
|
||||
<a href="#"><i class="fa fa-bar-chart-o"></i> Charts<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="../charts/flot.html"><i class="fa fa-bar-chart-o"></i> Flot</a></li>
|
||||
<li class="active"><a href="../charts/jqplot.html"><i class="fa fa-bar-chart-o"></i> JQplot</a></li>
|
||||
<li><a href="../charts/xcharts.html"><i class="fa fa-bar-chart-o"></i> xCharts</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../ui.html"><i class="fa fa-tint"></i> User Interface </a></li>
|
||||
<!--<li><a href="../widgets.html"><i class="fa fa-gear"></i> Widgets</a></li>-->
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Example Pages <i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="../examples/invoice.html"><i class="fa fa-money"></i> Invoice</a></li>
|
||||
<li><a href="../examples/login.html"><i class="fa fa-sign-in"></i> Login</a></li>
|
||||
<li><a href="../examples/register.html"><i class="fa fa-lock"></i> Register</a></li>
|
||||
<li><a href="../examples/blank_page.html"><i class="fa fa-paperclip"></i> Blank Page</a></li>
|
||||
<li><a href="../examples/404.html"><i class="fa fa-unlink"></i> 404 Error Page</a></li>
|
||||
<li><a href="../examples/500.html"><i class="fa fa-unlink"></i> 500 Error Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../forms.html"><i class="fa fa-edit"></i> Forms</a></li>
|
||||
<li><a href="../typography.html"><i class="fa fa-text-width"></i> Typography</a></li>
|
||||
<li><a href="../calendar.html"><i class="fa fa-calendar"></i> Calendar</a></li>
|
||||
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Multilevel Dropdown<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 1<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 2<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="#"><i class="fa fa-pagelines"></i> Level 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- /.side-bar-->
|
||||
|
||||
<div class="lte-main-container col-md-10 col-sm-9">
|
||||
<!-- main content -->
|
||||
<div class="page-header">
|
||||
<i class="fa fa-bar-chart-o"></i> Jqplot Charts <small>example page</small>
|
||||
</div>
|
||||
<!-- /.page-header -->
|
||||
<div class='lte-dashboard'>
|
||||
<div class='row'>
|
||||
<div class='col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='row'>
|
||||
<div class='col-sm-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-sm-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='chart3' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='row'>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Pie Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='pie-chart3' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Pie Chart - 2</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='pie-chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Pie Chart - 3</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='pie-chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='row'>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart - 2</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-4 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart - 3</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart3' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.lte-dashboard -->
|
||||
</div><!-- ./lte-main-container -->
|
||||
</div>
|
||||
<!-- ./.lte-main-content -->
|
||||
<footer>
|
||||
Copyright © 2013 - <a>Preview</a> - <a>Purchase</a> - Built with <a target="blank" href="http://getbootstrap.com">Bootstrap 3</a>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- JQuery 1.10.2 -> Important -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<!-- Bootstrap -> Important-->
|
||||
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<!-- LTE Tree -> Important -->
|
||||
<script src="../js/lteTree.js" type="text/javascript"></script>
|
||||
<!-- LTE App -->
|
||||
<script src="../js/lteApp.js" type="text/javascript"></script>
|
||||
<!-- jqplot -->
|
||||
<script src="../js/jqplot/jquery.jqplot.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.logAxisRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.highlighter.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.barRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.pieRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.donutRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
|
||||
<script type="text/javascript" src="../js/jqplot/plugins/jqplot.pointLabels.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
|
||||
$.jqplot._noToImageButton = true;
|
||||
var currYear = [["2011-08-01", 796.01], ["2011-08-02", 510.5], ["2011-08-03", 527.8],
|
||||
["2011-08-05", 420.36], ["2011-08-06", 219.47], ["2011-08-07", 333.82], ["2011-08-08", 660.55],
|
||||
["2011-08-10", 521], ["2011-08-11", 660.68], ["2011-08-12", 928.65], ["2011-08-13", 864.26],
|
||||
["2011-08-15", 623.86], ["2011-08-16", 1300.05], ["2011-08-17", 972.25], ["2011-08-18", 661.98],
|
||||
["2011-08-20", 1546.23], ["2011-08-21", 593], ["2011-08-22", 560.25], ["2011-08-23", 857.8],
|
||||
["2011-08-25", 1256.14], ["2011-08-26", 1033.01], ["2011-08-27", 811.63], ["2011-08-28", 735.01],
|
||||
["2011-08-31", 1177], ["2011-09-01", 1023.66], ["2011-09-02", 1442.31], ["2011-09-03", 1299.24],
|
||||
["2011-09-09", 4118.48], ["2011-09-10", 1988.11], ["2011-09-11", 1485.89], ["2011-09-12", 2681.97],
|
||||
["2011-09-13", 1679.56], ["2011-09-14", 3538.43], ["2011-09-15", 3118.01], ["2011-09-16", 4198.97],
|
||||
["2011-09-17", 3020.44], ["2011-09-18", 3383.45], ["2011-09-19", 2148.91], ["2011-09-20", 3058.82],
|
||||
["2011-09-25", 2785.93], ["2011-09-26", 4329.7], ["2011-09-27", 3493.72], ["2011-09-28", 4440.55], ["2011-10-3", 6200.2]];
|
||||
var plot1 = $.jqplot("chart1", [currYear], {
|
||||
seriesColors: ["#0c5175"],
|
||||
highlighter: {
|
||||
show: true,
|
||||
sizeAdjust: 1,
|
||||
tooltipOffset: 9
|
||||
},
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#eeeeee',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
legend: {
|
||||
show: false,
|
||||
placement: 'inside'
|
||||
},
|
||||
seriesDefaults: {
|
||||
rendererOptions: {
|
||||
smooth: true,
|
||||
animation: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
showMarker: false
|
||||
},
|
||||
series: [
|
||||
{
|
||||
fill: false,
|
||||
label: '2012',
|
||||
shadow: false
|
||||
}
|
||||
],
|
||||
axesDefaults: {
|
||||
rendererOptions: {
|
||||
baselineWidth: 1.5,
|
||||
baselineColor: '#444444',
|
||||
drawBaseline: false
|
||||
}
|
||||
},
|
||||
axes: {
|
||||
xaxis: {
|
||||
renderer: $.jqplot.DateAxisRenderer,
|
||||
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
|
||||
tickOptions: {
|
||||
formatString: "%b %e",
|
||||
angle: -30,
|
||||
textColor: '#444444'
|
||||
},
|
||||
min: "2011-08-01",
|
||||
max: "2011-09-30",
|
||||
tickInterval: "7 days",
|
||||
drawMajorGridlines: false
|
||||
},
|
||||
yaxis: {
|
||||
renderer: $.jqplot.LogAxisRenderer,
|
||||
pad: 0,
|
||||
rendererOptions: {
|
||||
minorTicks: 1
|
||||
},
|
||||
tickOptions: {
|
||||
formatString: "%'d",
|
||||
showMark: false
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
var s1 = [3200, 5633, 8921, 7842];
|
||||
var ticks = ['Jun', 'Jul', 'Aug', 'Sep'];
|
||||
var plot2 = $.jqplot('bar-chart1', [s1], {
|
||||
// Only animate if we're not using excanvas (not in IE 7 or IE 8)..
|
||||
animate: !$.jqplot.use_excanvas,
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#ffffff',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
seriesDefaults: {
|
||||
renderer: $.jqplot.BarRenderer,
|
||||
pointLabels: {show: true},
|
||||
shadow: false,
|
||||
color: "#52b9e9"
|
||||
},
|
||||
axes: {
|
||||
xaxis: {
|
||||
renderer: $.jqplot.CategoryAxisRenderer,
|
||||
ticks: ticks
|
||||
},
|
||||
yaxis: {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
highlighter: {show: false}
|
||||
});
|
||||
var data = [
|
||||
['Heavy Industry', 12], ['Retail', 9], ['Light Industry', 14],
|
||||
['Out of home', 16], ['Commuting', 7], ['Orientation', 9]
|
||||
];
|
||||
var plot3 = jQuery.jqplot('pie-chart1', [data],
|
||||
{
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#eeeeee',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
seriesDefaults: {
|
||||
// Make this a pie chart.
|
||||
renderer: jQuery.jqplot.PieRenderer,
|
||||
rendererOptions: {
|
||||
// Put data labels on the pie slices.
|
||||
// By default, labels show the percentage of the slice.
|
||||
showDataLabels: true
|
||||
}
|
||||
},
|
||||
legend: {show: true, location: 'e'}
|
||||
}
|
||||
);
|
||||
|
||||
var data = [
|
||||
['Heavy Industry', 12], ['Retail', 9], ['Light Industry', 14],
|
||||
['Out of home', 16], ['Commuting', 7], ['Orientation', 9]
|
||||
];
|
||||
var plot4 = jQuery.jqplot('pie-chart2', [data],
|
||||
{
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#eeeeee',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
seriesDefaults: {
|
||||
renderer: jQuery.jqplot.PieRenderer,
|
||||
rendererOptions: {
|
||||
// Turn off filling of slices.
|
||||
fill: false,
|
||||
showDataLabels: true,
|
||||
// Add a margin to seperate the slices.
|
||||
sliceMargin: 4,
|
||||
// stroke the slices with a little thicker line.
|
||||
lineWidth: 5
|
||||
}
|
||||
},
|
||||
legend: {show: true, location: 'e'}
|
||||
}
|
||||
);
|
||||
|
||||
var current_nav_color = "bg-blue";
|
||||
$(".navbar-selector li").not(".noClick").click(function(e) {
|
||||
e.preventDefault();
|
||||
var bg = $(this).data("color");
|
||||
$(".navbar-theme").removeClass(current_nav_color).addClass(bg);
|
||||
current_nav_color = bg;
|
||||
});
|
||||
//Remove widget when clicking the times icon
|
||||
$(".box > .box-header > .box-tools > .off").click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).parents(".box").first().hide();
|
||||
});
|
||||
//LTE Tree
|
||||
$(".lte-tree").lteTree();
|
||||
|
||||
var s1 = [['a', 6], ['b', 8], ['c', 14], ['d', 20]];
|
||||
var s2 = [['a', 8], ['b', 12], ['c', 6], ['d', 9]];
|
||||
|
||||
var plot5 = $.jqplot('pie-chart3', [s1, s2], {
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#eeeeee',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
seriesDefaults: {
|
||||
// make this a donut chart.
|
||||
renderer: $.jqplot.DonutRenderer,
|
||||
rendererOptions: {
|
||||
// Donut's can be cut into slices like pies.
|
||||
sliceMargin: 3,
|
||||
// Pies and donuts can start at any arbitrary angle.
|
||||
startAngle: -90,
|
||||
showDataLabels: true,
|
||||
// By default, data labels show the percentage of the donut/pie.
|
||||
// You can show the data 'value' or data 'label' instead.
|
||||
dataLabels: 'value'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var s1 = [200, 600, 700, 1000];
|
||||
var s2 = [460, -210, 690, 820];
|
||||
var s3 = [-260, -440, 320, 200];
|
||||
// Can specify a custom tick Array.
|
||||
// Ticks should match up one for each y value (category) in the series.
|
||||
var ticks = ['May', 'June', 'July', 'August'];
|
||||
|
||||
var plot6 = $.jqplot('bar-chart2', [s1, s2, s3], {
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#ffffff',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
// The "seriesDefaults" option is an options object that will
|
||||
// be applied to all series in the chart.
|
||||
seriesDefaults: {
|
||||
renderer: $.jqplot.BarRenderer,
|
||||
rendererOptions: {fillToZero: true}
|
||||
},
|
||||
// Custom labels for the series are specified with the "label"
|
||||
// option on the series option. Here a series option object
|
||||
// is specified for each series.
|
||||
series: [
|
||||
{label: 'Hotel'},
|
||||
{label: 'Event Regristration'},
|
||||
{label: 'Airfare'}
|
||||
],
|
||||
// Show the legend and put it outside the grid, but inside the
|
||||
// plot container, shrinking the grid to accomodate the legend.
|
||||
// A value of "outside" would not shrink the grid and allow
|
||||
// the legend to overflow the container.
|
||||
legend: {
|
||||
show: false,
|
||||
placement: 'inside'
|
||||
},
|
||||
axes: {
|
||||
// Use a category axis on the x axis and use our custom ticks.
|
||||
xaxis: {
|
||||
renderer: $.jqplot.CategoryAxisRenderer,
|
||||
ticks: ticks
|
||||
},
|
||||
// Pad the y axis just a little so bars can get close to, but
|
||||
// not touch, the grid boundaries. 1.2 is the default padding.
|
||||
yaxis: {
|
||||
pad: 1.05,
|
||||
tickOptions: {formatString: '$%d'}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// For horizontal bar charts, x an y values must will be "flipped"
|
||||
// from their vertical bar counterpart.
|
||||
var plot7 = $.jqplot('bar-chart3', [
|
||||
[[2, 1], [4, 2], [6, 3], [3, 4]],
|
||||
[[5, 1], [1, 2], [3, 3], [4, 4]],
|
||||
[[4, 1], [7, 2], [1, 3], [2, 4]]], {
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#ffffff',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
seriesDefaults: {
|
||||
renderer: $.jqplot.BarRenderer,
|
||||
// Show point labels to the right ('e'ast) of each bar.
|
||||
// edgeTolerance of -15 allows labels flow outside the grid
|
||||
// up to 15 pixels. If they flow out more than that, they
|
||||
// will be hidden.
|
||||
pointLabels: {show: true, location: 'e', edgeTolerance: -15},
|
||||
// Rotate the bar shadow as if bar is lit from top right.
|
||||
shadowAngle: 135,
|
||||
// Here's where we tell the chart it is oriented horizontally.
|
||||
rendererOptions: {
|
||||
barDirection: 'horizontal'
|
||||
}
|
||||
},
|
||||
axes: {
|
||||
yaxis: {
|
||||
renderer: $.jqplot.CategoryAxisRenderer
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Some simple loops to build up data arrays.
|
||||
var cosPoints = [];
|
||||
for (var i = 0; i < 2 * Math.PI; i += 0.4) {
|
||||
cosPoints.push([i, Math.cos(i)]);
|
||||
}
|
||||
|
||||
var sinPoints = [];
|
||||
for (var i = 0; i < 2 * Math.PI; i += 0.4) {
|
||||
sinPoints.push([i, 2 * Math.sin(i - .8)]);
|
||||
}
|
||||
|
||||
var powPoints1 = [];
|
||||
for (var i = 0; i < 2 * Math.PI; i += 0.4) {
|
||||
powPoints1.push([i, 2.5 + Math.pow(i / 4, 2)]);
|
||||
}
|
||||
|
||||
var powPoints2 = [];
|
||||
for (var i = 0; i < 2 * Math.PI; i += 0.4) {
|
||||
powPoints2.push([i, -2.5 - Math.pow(i / 4, 2)]);
|
||||
}
|
||||
|
||||
var plot8 = $.jqplot('chart2', [cosPoints, sinPoints, powPoints1, powPoints2],
|
||||
{
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#eeeeee',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
title: 'Line Style Options',
|
||||
// Series options are specified as an array of objects, one object
|
||||
// for each series.
|
||||
series: [
|
||||
{
|
||||
// Change our line width and use a diamond shaped marker.
|
||||
lineWidth: 2,
|
||||
markerOptions: {style: 'dimaond'}
|
||||
},
|
||||
{
|
||||
// Don't show a line, just show markers.
|
||||
// Make the markers 7 pixels with an 'x' style
|
||||
showLine: false,
|
||||
markerOptions: {size: 7, style: "x"}
|
||||
},
|
||||
{
|
||||
// Use (open) circlular markers.
|
||||
markerOptions: {style: "circle"}
|
||||
},
|
||||
{
|
||||
// Use a thicker, 5 pixel line and 10 pixel
|
||||
// filled square markers.
|
||||
lineWidth: 5,
|
||||
markerOptions: {style: "filledSquare", size: 10}
|
||||
}
|
||||
],
|
||||
axes: {
|
||||
xaxis: {
|
||||
drawMajorGridlines: false
|
||||
},
|
||||
yaxis: {
|
||||
rendererOptions: {
|
||||
minorTicks: 1
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
var plot9 = $.jqplot('chart3', [[3, 7, 9, 1, 4, 6, 8, 2, 5]], {
|
||||
grid: {
|
||||
background: 'rgba(57,57,57,0.0)',
|
||||
drawBorder: false,
|
||||
shadow: false,
|
||||
gridLineColor: '#eeeeee',
|
||||
gridLineWidth: 2
|
||||
},
|
||||
// Give the plot a title.
|
||||
title: 'Plot With Options',
|
||||
// You can specify options for all axes on the plot at once with
|
||||
// the axesDefaults object. Here, we're using a canvas renderer
|
||||
// to draw the axis label which allows rotated text.
|
||||
axesDefaults: {
|
||||
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
|
||||
},
|
||||
// An axes object holds options for all axes.
|
||||
// Allowable axes are xaxis, x2axis, yaxis, y2axis, y3axis, ...
|
||||
// Up to 9 y axes are supported.
|
||||
axes: {
|
||||
// options for each axis are specified in seperate option objects.
|
||||
xaxis: {
|
||||
label: "X Axis",
|
||||
// Turn off "padding". This will allow data point to lie on the
|
||||
// edges of the grid. Default padding is 1.2 and will keep all
|
||||
// points inside the bounds of the grid.
|
||||
pad: 0,
|
||||
drawMajorGridlines: false
|
||||
},
|
||||
yaxis: {
|
||||
rendererOptions: {
|
||||
minorTicks: 1
|
||||
},
|
||||
label: "Y Axis"
|
||||
}
|
||||
}
|
||||
});
|
||||
$(window).resize(function() {
|
||||
plot1.replot({resetAxes: true});
|
||||
plot2.replot({resetAxes: true});
|
||||
plot3.replot({resetAxes: true});
|
||||
plot4.replot({resetAxes: true});
|
||||
plot5.replot({resetAxes: true});
|
||||
plot6.replot({resetAxes: true});
|
||||
plot7.replot({resetAxes: true});
|
||||
plot8.replot({resetAxes: true});
|
||||
plot9.replot({resetAxes: true});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,389 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AdminLTE - xCharts</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- bootstrap 3.0.2 -->
|
||||
<link href="../css/bootstrap.min.css" rel="stylesheet" />
|
||||
<!-- font Awesome -->
|
||||
<link href="../css/font-awesome.min.css" rel="stylesheet" />
|
||||
<!-- Theme style -->
|
||||
<link href="../js/xcharts/xcharts.min.css" rel="stylesheet" />
|
||||
<!-- Theme style -->
|
||||
<link href="../theme/theme.css" rel="stylesheet" />
|
||||
<!-- Google font Signika -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-theme bg-blue navbar-static-top" role="navigation">
|
||||
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../index.html"><span class="fa fa-shield"></span> AdminLTE</a>
|
||||
<a href="#" class='lte-menu-sm visible-xs navbar-brand'>
|
||||
<span class="fa fa-list"></span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
|
||||
<ul class="dropdown-menu navbar-selector">
|
||||
<li role="presentation" class="dropdown-header font-primary noClick">Navbar Color</li>
|
||||
<li class="font-primary" data-color="bg-primary"><a href="#"><i class="fa fa-gear"></i> Primary</a></li>
|
||||
<li class="font-blue" data-color="bg-blue"><a href="#"><i class="fa fa-gear"></i> Blue <small class="text-muted">(default)</small></a></li>
|
||||
<li class="font-light-blue" data-color="bg-light-blue"><a href="#"><i class="fa fa-gear"></i> Light Blue</a></li>
|
||||
<li class="font-green" data-color="bg-green"><a href="#"><i class="fa fa-gear"></i> Green</a></li>
|
||||
<li class="font-yellow" data-color="bg-yellow"><a href="#"><i class="fa fa-gear"></i> Yellow</a></li>
|
||||
<li class="font-purple" data-color="bg-purple"><a href="#"><i class="fa fa-gear"></i> Purple</a></li>
|
||||
<li class="font-red" data-color="bg-red"><a href="#"><i class="fa fa-gear"></i> Red</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#"><i class="fa fa-bullhorn"></i></a></li>
|
||||
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li><a href="#">Friends</a></li>
|
||||
<li><a href="#">Settings</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Privacy</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-right">
|
||||
<div class="form-group">
|
||||
<input type="text" name="search" class="form-control" placeholder="..."/>
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</nav>
|
||||
<div class="lte-main-content">
|
||||
<!-- side bar -->
|
||||
<div class="lte-sidebar col-md-2 col-sm-3 hidden-xs">
|
||||
<ul class="lte-sidebar-menu">
|
||||
<li><a href="../index.html"><i class="fa fa-dashboard"></i> Dashboard</a></li>
|
||||
<li class="lte-tree active">
|
||||
<a href="#"><i class="fa fa-bar-chart-o"></i> Charts<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="../charts/flot.html"><i class="fa fa-bar-chart-o"></i> Flot</a></li>
|
||||
<li><a href="../charts/jqplot.html"><i class="fa fa-bar-chart-o"></i> JQplot</a></li>
|
||||
<li class="active"><a href="../charts/xcharts.html"><i class="fa fa-bar-chart-o"></i> xCharts</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../ui.html"><i class="fa fa-tint"></i> User Interface </a></li>
|
||||
<!--<li><a href="../widgets.html"><i class="fa fa-gear"></i> Widgets</a></li>-->
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Example Pages <i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="../examples/invoice.html"><i class="fa fa-money"></i> Invoice</a></li>
|
||||
<li><a href="../examples/login.html"><i class="fa fa-sign-in"></i> Login</a></li>
|
||||
<li><a href="../examples/register.html"><i class="fa fa-lock"></i> Register</a></li>
|
||||
<li><a href="../examples/blank_page.html"><i class="fa fa-paperclip"></i> Blank Page</a></li>
|
||||
<li><a href="../examples/404.html"><i class="fa fa-unlink"></i> 404 Error Page</a></li>
|
||||
<li><a href="../examples/500.html"><i class="fa fa-unlink"></i> 500 Error Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="../forms.html"><i class="fa fa-edit"></i> Forms</a></li>
|
||||
<li><a href="../typography.html"><i class="fa fa-text-width"></i> Typography</a></li>
|
||||
<li><a href="../calendar.html"><i class="fa fa-calendar"></i> Calendar</a></li>
|
||||
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Multilevel Dropdown<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 1<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li class="lte-tree">
|
||||
<a href="#"><i class="fa fa-pagelines"></i> Level 2<i class="pull-right fa fa-angle-right"></i></a>
|
||||
<ul class="lte-tree-menu">
|
||||
<li><a href="#"><i class="fa fa-pagelines"></i> Level 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- /.side-bar-->
|
||||
|
||||
<div class="lte-main-container col-md-10 col-sm-9">
|
||||
<!-- main content -->
|
||||
<div class="page-header">
|
||||
<i class="fa fa-paperclip"></i> Blank Page <small>example page</small>
|
||||
</div>
|
||||
<!-- /.page-header -->
|
||||
<div class='lte-dashboard'>
|
||||
<div class='row'>
|
||||
<div class='col-md-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='line-chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Line Chart - 2</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='line-chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='row'>
|
||||
<div class='col-md-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart1' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-md-6 col-sm-12'>
|
||||
<div class='box box-blue'>
|
||||
<div class='box-header'>
|
||||
<h3 class="box-title"><i class="fa fa-bar-chart-o"></i> Bar Chart - 2</h3>
|
||||
<div class="box-tools">
|
||||
<i class="fa fa-gear"></i>
|
||||
<i class="fa fa-angle-down lte-hider"></i>
|
||||
<i class="off fa fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class='box-body'>
|
||||
<div id='bar-chart2' class='lte-chart'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ./.lte-main-content -->
|
||||
<footer>
|
||||
Copyright © 2013 - <a>Preview</a> - <a>Purchase</a> - Built with <a target="blank" href="http://getbootstrap.com">Bootstrap 3</a>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- JQuery 1.10.2 -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="../js/bootstrap.min.js" type="text/javascript"></script>
|
||||
<!-- LTE Tree -->
|
||||
<script src="../js/lteTree.js" type="text/javascript"></script>
|
||||
<!-- LTE App -->
|
||||
<script src="../js/lteApp.js" type="text/javascript"></script>
|
||||
<!-- xCharts -->
|
||||
<script src="http://d3js.org/d3.v3.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/xcharts/xcharts.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
//Bar chart 1
|
||||
var data = {
|
||||
"xScale": "ordinal",
|
||||
"yScale": "linear",
|
||||
"main": [
|
||||
{
|
||||
"className": ".pizza",
|
||||
"data": [
|
||||
{
|
||||
"x": "Pepperoni",
|
||||
"y": 4
|
||||
},
|
||||
{
|
||||
"x": "Cheese",
|
||||
"y": 8
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
var myChart = new xChart('bar', data, '#bar-chart1');
|
||||
|
||||
//Bar chart 2
|
||||
var data = {
|
||||
"xScale": "ordinal",
|
||||
"yScale": "linear",
|
||||
"main": [
|
||||
{
|
||||
"className": ".pizza",
|
||||
"data": [
|
||||
{
|
||||
"x": "Pepperoni",
|
||||
"y": 4
|
||||
},
|
||||
{
|
||||
"x": "Cheese",
|
||||
"y": 8
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"className": ".pizza",
|
||||
"data": [
|
||||
{
|
||||
"x": "Pepperoni",
|
||||
"y": 6
|
||||
},
|
||||
{
|
||||
"x": "Cheese",
|
||||
"y": 5
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
var myChart = new xChart('bar', data, '#bar-chart2');
|
||||
|
||||
var data = {
|
||||
"xScale": "time",
|
||||
"yScale": "linear",
|
||||
"type": "line",
|
||||
"main": [
|
||||
{
|
||||
"className": ".pizza",
|
||||
"data": [
|
||||
{
|
||||
"x": "2012-11-05",
|
||||
"y": 1
|
||||
},
|
||||
{
|
||||
"x": "2012-11-06",
|
||||
"y": 6
|
||||
},
|
||||
{
|
||||
"x": "2012-11-07",
|
||||
"y": 13
|
||||
},
|
||||
{
|
||||
"x": "2012-11-08",
|
||||
"y": -3
|
||||
},
|
||||
{
|
||||
"x": "2012-11-09",
|
||||
"y": -4
|
||||
},
|
||||
{
|
||||
"x": "2012-11-10",
|
||||
"y": 9
|
||||
},
|
||||
{
|
||||
"x": "2012-11-11",
|
||||
"y": 6
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
var opts = {
|
||||
"dataFormatX": function(x) {
|
||||
return d3.time.format('%Y-%m-%d').parse(x);
|
||||
},
|
||||
"tickFormatX": function(x) {
|
||||
return d3.time.format('%A')(x);
|
||||
}
|
||||
};
|
||||
var myChart = new xChart('line', data, '#line-chart1', opts);
|
||||
|
||||
//Line chart 2
|
||||
var tt = document.createElement('div'),
|
||||
leftOffset = -(~~$('html').css('padding-left').replace('px', '') + ~~$('body').css('margin-left').replace('px', '')),
|
||||
topOffset = -32;
|
||||
tt.className = 'ex-tooltip';
|
||||
document.body.appendChild(tt);
|
||||
|
||||
var data = {
|
||||
"xScale": "time",
|
||||
"yScale": "linear",
|
||||
"main": [
|
||||
{
|
||||
"className": ".pizza",
|
||||
"data": [
|
||||
{
|
||||
"x": "2012-11-05",
|
||||
"y": 6
|
||||
},
|
||||
{
|
||||
"x": "2012-11-06",
|
||||
"y": 6
|
||||
},
|
||||
{
|
||||
"x": "2012-11-07",
|
||||
"y": 8
|
||||
},
|
||||
{
|
||||
"x": "2012-11-08",
|
||||
"y": 3
|
||||
},
|
||||
{
|
||||
"x": "2012-11-09",
|
||||
"y": 4
|
||||
},
|
||||
{
|
||||
"x": "2012-11-10",
|
||||
"y": 9
|
||||
},
|
||||
{
|
||||
"x": "2012-11-11",
|
||||
"y": 6
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
var opts = {
|
||||
"dataFormatX": function(x) {
|
||||
return d3.time.format('%Y-%m-%d').parse(x);
|
||||
},
|
||||
"tickFormatX": function(x) {
|
||||
return d3.time.format('%A')(x);
|
||||
},
|
||||
"mouseover": function(d, i) {
|
||||
var pos = $(this).offset();
|
||||
$(tt).text(d3.time.format('%A')(d.x) + ': ' + d.y)
|
||||
.css({top: topOffset + pos.top, left: pos.left + leftOffset})
|
||||
.show();
|
||||
},
|
||||
"mouseout": function(x) {
|
||||
$(tt).hide();
|
||||
}
|
||||
};
|
||||
var myChart = new xChart('line-dotted', data, '#line-chart2', opts);
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
2634
css/AdminLTE.css
Normal file
2634
css/AdminLTE.css
Normal file
File diff suppressed because it is too large
Load diff
9
css/bootstrap-colorpicker.min.css
vendored
9
css/bootstrap-colorpicker.min.css
vendored
|
|
@ -1,9 +0,0 @@
|
|||
/*!
|
||||
* Bootstrap Colorpicker
|
||||
* http://mjolnic.github.io/bootstrap-colorpicker/
|
||||
*
|
||||
* Originally written by (c) 2012 Stefan Petre
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.txt
|
||||
*
|
||||
*/.colorpicker-saturation{float:left;width:100px;height:100px;cursor:crosshair;background-image:url("../img/bootstrap-colorpicker/saturation.png")}.colorpicker-saturation i{position:absolute;top:0;left:0;display:block;width:5px;height:5px;margin:-4px 0 0 -4px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-saturation i b{display:block;width:5px;height:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-hue,.colorpicker-alpha{float:left;width:15px;height:100px;margin-bottom:4px;margin-left:4px;cursor:row-resize}.colorpicker-hue i,.colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:100%;height:1px;margin-top:-1px;background:#000;border-top:1px solid #fff}.colorpicker-hue{background-image:url("../img/bootstrap-colorpicker/hue.png")}.colorpicker-alpha{display:none;background-image:url("../img/bootstrap-colorpicker/alpha.png")}.colorpicker{top:0;left:0;z-index:2500;min-width:130px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1}.colorpicker:before,.colorpicker:after{display:table;line-height:0;content:""}.colorpicker:after{clear:both}.colorpicker:before{position:absolute;top:-7px;left:6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.colorpicker:after{position:absolute;top:-6px;left:7px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url("../img/bootstrap-colorpicker/alpha.png");background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-element .input-group-addon i{display:block;width:16px;height:16px;cursor:pointer}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none}.colorpicker.colorpicker-horizontal{width:110px;height:auto;min-width:110px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha{float:left;width:100px;height:15px;margin-bottom:4px;margin-left:0;cursor:col-resize}.colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:1px;height:15px;margin-top:0;background:#fff;border:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url("../img/bootstrap-colorpicker/hue-horizontal.png")}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url("../img/bootstrap-colorpicker/alpha-horizontal.png")}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}
|
||||
166
css/bootstrap-slider/slider.css
Normal file
166
css/bootstrap-slider/slider.css
Normal file
|
|
@ -0,0 +1,166 @@
|
|||
/*!
|
||||
* Slider for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.slider {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
.slider.slider-horizontal {
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.slider.slider-horizontal:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.slider.slider-horizontal .slider-track {
|
||||
height: 10px;
|
||||
width: 100%;
|
||||
margin-top: -5px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.slider.slider-horizontal .slider-selection {
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.slider.slider-horizontal .slider-handle {
|
||||
margin-left: -10px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.slider.slider-horizontal .slider-handle.triangle {
|
||||
border-width: 0 10px 10px 10px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-bottom-color: #0480be;
|
||||
margin-top: 0;
|
||||
}
|
||||
.slider.slider-vertical {
|
||||
height: 230px;
|
||||
width: 20px;
|
||||
margin-right: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
.slider.slider-vertical:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
.slider.slider-vertical .slider-track {
|
||||
width: 10px;
|
||||
height: 100%;
|
||||
margin-left: -5px;
|
||||
left: 50%;
|
||||
top: 0;
|
||||
}
|
||||
.slider.slider-vertical .slider-selection {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.slider.slider-vertical .slider-handle {
|
||||
margin-left: -5px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.slider.slider-vertical .slider-handle.triangle {
|
||||
border-width: 10px 0 10px 10px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
border-left-color: #0480be;
|
||||
margin-left: 0;
|
||||
}
|
||||
.slider input {
|
||||
display: none;
|
||||
}
|
||||
.slider .tooltip-inner {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.slider-track {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
background-color: #f7f7f7;
|
||||
background-image: -moz-linear-gradient(top, #f0f0f0, #f9f9f9);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#f9f9f9));
|
||||
background-image: -webkit-linear-gradient(top, #f0f0f0, #f9f9f9);
|
||||
background-image: -o-linear-gradient(top, #f0f0f0, #f9f9f9);
|
||||
background-image: linear-gradient(to bottom, #f0f0f0, #f9f9f9);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#fff9f9f9', GradientType=0);
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.slider-selection {
|
||||
position: absolute;
|
||||
background-color: #f7f7f7;
|
||||
background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
|
||||
background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
|
||||
background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
|
||||
background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.slider-handle {
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: #444;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
opacity: 1;
|
||||
border: 0px solid transparent;
|
||||
}
|
||||
.slider-handle.round {
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.slider-handle.triangle {
|
||||
background: transparent none;
|
||||
}
|
||||
|
||||
|
||||
#red .slider-selection {
|
||||
background: #f56954;
|
||||
}
|
||||
|
||||
#blue .slider-selection {
|
||||
background: #3c8dbc;
|
||||
}
|
||||
|
||||
#green .slider-selection {
|
||||
background: #00a65a;
|
||||
}
|
||||
|
||||
#yellow .slider-selection {
|
||||
background: #f39c12;
|
||||
}
|
||||
|
||||
#aqua .slider-selection {
|
||||
background: #00c0ef;
|
||||
}
|
||||
|
||||
#purple .slider-selection {
|
||||
background: #932ab6;
|
||||
}
|
||||
1
css/bootstrap-switch.css
vendored
1
css/bootstrap-switch.css
vendored
|
|
@ -1 +0,0 @@
|
|||
.has-switch{display:inline-block;cursor:pointer;border-radius:4px;border:1px solid;border-color:#ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle;min-width:100px}.has-switch.switch-mini{min-width:72px}.has-switch.switch-mini i.switch-mini-icons{height:1.2em;line-height:9px;vertical-align:text-top;text-align:center;transform:scale(0.6);margin-top:-1px;margin-bottom:-1px}.has-switch.switch-small{min-width:80px}.has-switch.switch-large{min-width:120px}.has-switch.deactivate{opacity:50;filter:alpha(opacity=5000);cursor:default!important}.has-switch.deactivate label,.has-switch.deactivate span{cursor:default!important}.has-switch>div{display:inline-block;width:150%;position:relative;top:0}.has-switch>div.switch-animate{-webkit-transition:left .5s;transition:left .5s}.has-switch>div.switch-off{left:-50%}.has-switch>div.switch-on{left:0}.has-switch input[type=radio],.has-switch input[type=checkbox]{display:none}.has-switch span,.has-switch label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;position:relative;display:inline-block;height:100%;padding-bottom:4px;padding-top:4px;font-size:14px;line-height:20px}.has-switch span.switch-mini,.has-switch label.switch-mini{padding-bottom:4px;padding-top:4px;font-size:10px;line-height:9px}.has-switch span.switch-small,.has-switch label.switch-small{padding-bottom:3px;padding-top:3px;font-size:12px;line-height:18px}.has-switch span.switch-large,.has-switch label.switch-large{padding-bottom:9px;padding-top:9px;font-size:16px;line-height:normal}.has-switch label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;width:34%;background:#fff}.has-switch label i{color:#000;text-shadow:0 1px 0 #fff;line-height:18px;pointer-events:none}.has-switch span{text-align:center;z-index:1;width:33%}.has-switch span.switch-left{color:red;border-bottom-left-radius:4px;border-top-left-radius:4px}.has-switch span.switch-right{color:#000;background:#eee}.has-switch span.switch-primary,.has-switch span.switch-left{color:#fff;background:#428bca}.has-switch span.switch-info{color:#fff;background:#5bc0de}.has-switch span.switch-success{color:#fff;background:#5cb85c}.has-switch span.switch-warning{background:#f0ad4e;color:#fff}.has-switch span.switch-danger{color:#fff;background:#d9534f}.has-switch span.switch-default{color:#000;background:#eee}
|
||||
459
css/bootstrap-theme.css
vendored
459
css/bootstrap-theme.css
vendored
|
|
@ -1,459 +0,0 @@
|
|||
/*!
|
||||
* Bootstrap v3.0.2 by @fat and @mdo
|
||||
* Copyright 2013 Twitter, Inc.
|
||||
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world by @mdo and @fat.
|
||||
*/
|
||||
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
|
||||
.btn:active,
|
||||
.btn.active {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e0e0e0));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
|
||||
background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
|
||||
background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dbdbdb;
|
||||
border-color: #ccc;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.btn-default:hover,
|
||||
.btn-default:focus {
|
||||
background-color: #e0e0e0;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-default:active,
|
||||
.btn-default.active {
|
||||
background-color: #e0e0e0;
|
||||
border-color: #dbdbdb;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#2d6ca2));
|
||||
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
|
||||
background-image: -moz-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
|
||||
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #2b669a;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #2d6ca2;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #2d6ca2;
|
||||
border-color: #2b669a;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#419641));
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: -moz-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3e8f3e;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.btn-success:hover,
|
||||
.btn-success:focus {
|
||||
background-color: #419641;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-success:active,
|
||||
.btn-success.active {
|
||||
background-color: #419641;
|
||||
border-color: #3e8f3e;
|
||||
}
|
||||
|
||||
.btn-warning {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#eb9316));
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: -moz-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #e38d13;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus {
|
||||
background-color: #eb9316;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-warning:active,
|
||||
.btn-warning.active {
|
||||
background-color: #eb9316;
|
||||
border-color: #e38d13;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c12e2a));
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: -moz-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b92c28;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus {
|
||||
background-color: #c12e2a;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-danger:active,
|
||||
.btn-danger.active {
|
||||
background-color: #c12e2a;
|
||||
border-color: #b92c28;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#2aabd2));
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: -moz-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #28a4c9;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.btn-info:hover,
|
||||
.btn-info:focus {
|
||||
background-color: #2aabd2;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-info:active,
|
||||
.btn-info.active {
|
||||
background-color: #2aabd2;
|
||||
border-color: #28a4c9;
|
||||
}
|
||||
|
||||
.thumbnail,
|
||||
.img-thumbnail {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus {
|
||||
background-color: #e8e8e8;
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
}
|
||||
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus {
|
||||
background-color: #357ebd;
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
|
||||
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
||||
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
||||
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
|
||||
background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
|
||||
background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-radius: 4px;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > .active > a {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f3f3f3));
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
|
||||
background-image: -moz-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.navbar-brand,
|
||||
.navbar-nav > li > a {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.navbar-inverse {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
|
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
|
||||
background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
|
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav > .active > a {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#222222), to(#282828));
|
||||
background-image: -webkit-linear-gradient(top, #222222 0%, #282828 100%);
|
||||
background-image: -moz-linear-gradient(top, #222222 0%, #282828 100%);
|
||||
background-image: linear-gradient(to bottom, #222222 0%, #282828 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
|
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-brand,
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.navbar-static-top,
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.alert {
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#c8e5bc));
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: -moz-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #b2dba1;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#b9def0));
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: -moz-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #9acfea;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#f8efc0));
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: -moz-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #f5e79e;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#e7c3c3));
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: -moz-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dca7a7;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
||||
}
|
||||
|
||||
.progress {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
|
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
|
||||
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
|
||||
background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
|
||||
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
|
||||
}
|
||||
|
||||
.progress-bar-success {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
|
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
||||
}
|
||||
|
||||
.progress-bar-info {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
||||
}
|
||||
|
||||
.progress-bar-warning {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
|
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
||||
}
|
||||
|
||||
.progress-bar-danger {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
|
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
||||
}
|
||||
|
||||
.list-group {
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:hover,
|
||||
.list-group-item.active:focus {
|
||||
text-shadow: 0 -1px 0 #3071a9;
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3278b3));
|
||||
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
|
||||
background-image: -moz-linear-gradient(top, #428bca 0%, #3278b3 100%);
|
||||
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3278b3;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
|
||||
}
|
||||
|
||||
.panel {
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.panel-default > .panel-heading {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||
}
|
||||
|
||||
.panel-primary > .panel-heading {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
|
||||
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
||||
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
|
||||
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
|
||||
}
|
||||
|
||||
.panel-success > .panel-heading {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
|
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
||||
}
|
||||
|
||||
.panel-info > .panel-heading {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
|
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
||||
}
|
||||
|
||||
.panel-warning > .panel-heading {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
|
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
||||
}
|
||||
|
||||
.panel-danger > .panel-heading {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
|
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
||||
}
|
||||
|
||||
.well {
|
||||
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8e8e8), to(#f5f5f5));
|
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #dcdcdc;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
9
css/bootstrap-theme.min.css
vendored
9
css/bootstrap-theme.min.css
vendored
File diff suppressed because one or more lines are too long
782
css/bootstrap.css
vendored
782
css/bootstrap.css
vendored
File diff suppressed because it is too large
Load diff
6
css/bootstrap.min.css
vendored
6
css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -13,7 +13,7 @@
|
|||
width: 100px;
|
||||
height: 100px;
|
||||
cursor: crosshair;
|
||||
background-image: url("../img/bootstrap-colorpicker/saturation.png");
|
||||
background-image: url("../../img/bootstrap-colorpicker/saturation.png");
|
||||
}
|
||||
|
||||
.colorpicker-saturation i {
|
||||
|
|
@ -64,12 +64,12 @@
|
|||
}
|
||||
|
||||
.colorpicker-hue {
|
||||
background-image: url("../img/bootstrap-colorpicker/hue.png");
|
||||
background-image: url("../../img/bootstrap-colorpicker/hue.png");
|
||||
}
|
||||
|
||||
.colorpicker-alpha {
|
||||
display: none;
|
||||
background-image: url("../img/bootstrap-colorpicker/alpha.png");
|
||||
background-image: url("../../img/bootstrap-colorpicker/alpha.png");
|
||||
}
|
||||
|
||||
.colorpicker {
|
||||
|
|
@ -135,7 +135,7 @@
|
|||
height: 10px;
|
||||
margin-top: 5px;
|
||||
clear: both;
|
||||
background-image: url("../img/bootstrap-colorpicker/alpha.png");
|
||||
background-image: url("../../img/bootstrap-colorpicker/alpha.png");
|
||||
background-position: 0 100%;
|
||||
}
|
||||
|
||||
|
|
@ -194,11 +194,11 @@
|
|||
}
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-hue {
|
||||
background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
|
||||
background-image: url("../../img/bootstrap-colorpicker/hue-horizontal.png");
|
||||
}
|
||||
|
||||
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
|
||||
background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
|
||||
background-image: url("../../img/bootstrap-colorpicker/alpha-horizontal.png");
|
||||
}
|
||||
|
||||
.colorpicker.colorpicker-hidden {
|
||||
9
css/colorpicker/bootstrap-colorpicker.min.css
vendored
Normal file
9
css/colorpicker/bootstrap-colorpicker.min.css
vendored
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
/*!
|
||||
* Bootstrap Colorpicker
|
||||
* http://mjolnic.github.io/bootstrap-colorpicker/
|
||||
*
|
||||
* Originally written by (c) 2012 Stefan Petre
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0.txt
|
||||
*
|
||||
*/.colorpicker-saturation{float:left;width:100px;height:100px;cursor:crosshair;background-image:url("../../img/bootstrap-colorpicker/saturation.png")}.colorpicker-saturation i{position:absolute;top:0;left:0;display:block;width:5px;height:5px;margin:-4px 0 0 -4px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-saturation i b{display:block;width:5px;height:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-hue,.colorpicker-alpha{float:left;width:15px;height:100px;margin-bottom:4px;margin-left:4px;cursor:row-resize}.colorpicker-hue i,.colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:100%;height:1px;margin-top:-1px;background:#000;border-top:1px solid #fff}.colorpicker-hue{background-image:url("../../img/bootstrap-colorpicker/hue.png")}.colorpicker-alpha{display:none;background-image:url("../../img/bootstrap-colorpicker/alpha.png")}.colorpicker{top:0;left:0;z-index:2500;min-width:130px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1}.colorpicker:before,.colorpicker:after{display:table;line-height:0;content:""}.colorpicker:after{clear:both}.colorpicker:before{position:absolute;top:-7px;left:6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''}.colorpicker:after{position:absolute;top:-6px;left:7px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url("../../img/bootstrap-colorpicker/alpha.png");background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-element .input-group-addon i{display:block;width:16px;height:16px;cursor:pointer}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none}.colorpicker.colorpicker-horizontal{width:110px;height:auto;min-width:110px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha{float:left;width:100px;height:15px;margin-bottom:4px;margin-left:0;cursor:col-resize}.colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:1px;height:15px;margin-top:0;background:#fff;border:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url("../../img/bootstrap-colorpicker/hue-horizontal.png")}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url("../../img/bootstrap-colorpicker/alpha-horizontal.png")}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}
|
||||
223
css/datatables/dataTables.bootstrap.css
Normal file
223
css/datatables/dataTables.bootstrap.css
Normal file
|
|
@ -0,0 +1,223 @@
|
|||
div.dataTables_length label {
|
||||
font-weight: normal;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.dataTables_length select {
|
||||
width: 75px;
|
||||
}
|
||||
|
||||
div.dataTables_filter label {
|
||||
font-weight: normal;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.dataTables_filter input {
|
||||
width: 16em;
|
||||
}
|
||||
|
||||
div.dataTables_info {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
div.dataTables_paginate {
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.dataTables_paginate ul.pagination {
|
||||
margin: 2px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.dataTable,
|
||||
table.dataTable td,
|
||||
table.dataTable th {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
|
||||
table.dataTable {
|
||||
clear: both;
|
||||
margin-top: 6px !important;
|
||||
margin-bottom: 6px !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting,
|
||||
table.dataTable thead .sorting_asc,
|
||||
table.dataTable thead .sorting_desc,
|
||||
table.dataTable thead .sorting_asc_disabled,
|
||||
table.dataTable thead .sorting_desc_disabled {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table.dataTable thead .sorting { background: url('images/sort_both.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }
|
||||
|
||||
table.dataTable thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }
|
||||
table.dataTable thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }
|
||||
|
||||
table.dataTable th:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Scrolling */
|
||||
div.dataTables_scrollHead table {
|
||||
margin-bottom: 0 !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
div.dataTables_scrollHead table thead tr:last-child th:first-child,
|
||||
div.dataTables_scrollHead table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody table {
|
||||
border-top: none;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.dataTables_scrollBody tbody tr:first-child th,
|
||||
div.dataTables_scrollBody tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.dataTables_scrollFoot table {
|
||||
margin-top: 0 !important;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* TableTools styles
|
||||
*/
|
||||
.table tbody tr.active td,
|
||||
.table tbody tr.active th {
|
||||
background-color: #08C;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table tbody tr.active:hover td,
|
||||
.table tbody tr.active:hover th {
|
||||
background-color: #0075b0 !important;
|
||||
}
|
||||
|
||||
.table tbody tr.active a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.table-striped tbody tr.active:nth-child(odd) td,
|
||||
.table-striped tbody tr.active:nth-child(odd) th {
|
||||
background-color: #017ebc;
|
||||
}
|
||||
|
||||
table.DTTT_selectable tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.DTTT .btn {
|
||||
color: #333 !important;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.DTTT .btn:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu {
|
||||
z-index: 2003;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu a {
|
||||
color: #333 !important; /* needed only when demo_page.css is included */
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.DTTT_dropdown.dropdown-menu li:hover a {
|
||||
background-color: #0088cc;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
div.DTTT_collection_background {
|
||||
z-index: 2002;
|
||||
}
|
||||
|
||||
/* TableTools information display */
|
||||
div.DTTT_print_info.modal {
|
||||
height: 150px;
|
||||
margin-top: -75px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.DTTT_print_info h6 {
|
||||
font-weight: normal;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
div.DTTT_print_info p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* FixedColumns styles
|
||||
*/
|
||||
div.DTFC_LeftHeadWrapper table,
|
||||
div.DTFC_LeftFootWrapper table,
|
||||
div.DTFC_RightHeadWrapper table,
|
||||
div.DTFC_RightFootWrapper table,
|
||||
table.DTFC_Cloned tr.even {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table ,
|
||||
div.DTFC_LeftHeadWrapper table {
|
||||
margin-bottom: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
||||
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper table,
|
||||
div.DTFC_LeftBodyWrapper table {
|
||||
border-top: none;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_RightBodyWrapper tbody tr:first-child td,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
||||
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
div.DTFC_RightFootWrapper table,
|
||||
div.DTFC_LeftFootWrapper table {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
BIN
css/datatables/images/sort_asc.png
Normal file
BIN
css/datatables/images/sort_asc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/datatables/images/sort_asc_disabled.png
Normal file
BIN
css/datatables/images/sort_asc_disabled.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
css/datatables/images/sort_both.png
Normal file
BIN
css/datatables/images/sort_both.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/datatables/images/sort_desc.png
Normal file
BIN
css/datatables/images/sort_desc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/datatables/images/sort_desc_disabled.png
Normal file
BIN
css/datatables/images/sort_desc_disabled.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
|
|
@ -1,121 +0,0 @@
|
|||
/* Template-specific stuff
|
||||
*
|
||||
* Customizations just for the template; these are not necessary for anything
|
||||
* with disabling the responsiveness.
|
||||
*/
|
||||
|
||||
/* Account for fixed navbar */
|
||||
body {
|
||||
padding-top: 70px;
|
||||
padding-bottom: 30px;
|
||||
min-width: 970px;
|
||||
}
|
||||
|
||||
/* Finesse the page header spacing */
|
||||
.page-header {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.page-header .lead {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Non-responsive overrides
|
||||
*
|
||||
* Utilitze the following CSS to disable the responsive-ness of the container,
|
||||
* grid system, and navbar.
|
||||
*/
|
||||
|
||||
/* Reset the container */
|
||||
.container {
|
||||
max-width: none !important;
|
||||
min-width: 970px !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Demonstrate the grids */
|
||||
.col-xs-4 {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
background-color: #eee;
|
||||
border: 1px solid #ddd;
|
||||
background-color: rgba(86,61,124,.15);
|
||||
border: 1px solid rgba(86,61,124,.2);
|
||||
}
|
||||
|
||||
.container .navbar-header,
|
||||
.container .navbar-collapse {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Always float the navbar header */
|
||||
.navbar-header {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Undo the collapsing navbar */
|
||||
.navbar-collapse {
|
||||
display: block !important;
|
||||
height: auto !important;
|
||||
padding-bottom: 0;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
display: none;
|
||||
}
|
||||
.navbar-collapse {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
/* Always apply the floated nav */
|
||||
.navbar-nav {
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
.navbar-nav > li {
|
||||
float: left;
|
||||
}
|
||||
.navbar-nav > li > a {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
/* Redeclare since we override the float above */
|
||||
.navbar-nav.navbar-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Undo custom dropdowns */
|
||||
.navbar .navbar-nav .open .dropdown-menu {
|
||||
position: absolute;
|
||||
float: left;
|
||||
background-color: #fff;
|
||||
border: 1px solid #cccccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-width: 0 1px 1px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
}
|
||||
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
|
||||
color: #333;
|
||||
}
|
||||
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
||||
color: #fff !important;
|
||||
background-color: #428bca !important;
|
||||
}
|
||||
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
|
||||
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
|
||||
color: #999 !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
|
@ -56,7 +56,7 @@ html .fc,
|
|||
|
||||
.fc-header-title h2 {
|
||||
margin-top: 0;
|
||||
white-space: nowrap;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc .fc-header-space {
|
||||
|
|
@ -136,14 +136,23 @@ html .fc,
|
|||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0 .6em;
|
||||
overflow: hidden;
|
||||
height: 1.9em;
|
||||
line-height: 1.9em;
|
||||
padding: 4px 9px;
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
line-height: 1.428571429;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.fc-state-default { /* non-theme */
|
||||
|
|
@ -213,6 +222,16 @@ html .fc,
|
|||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.fc-button.fc-state-default {
|
||||
border: 1px solid #d9dadc;
|
||||
border-bottom-color: #d3d5d7;
|
||||
border-bottom-width: 2px;
|
||||
margin-left: 0px!important;
|
||||
background: #fafafa;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
.fc-state-hover,
|
||||
.fc-state-down,
|
||||
.fc-state-active,
|
||||
|
|
@ -584,4 +603,15 @@ table.fc-border-separate {
|
|||
|
||||
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
|
||||
_overflow: hidden;
|
||||
}
|
||||
|
||||
/* Custom calendar */
|
||||
.external-event {
|
||||
margin: 10px 0;
|
||||
padding: 3px 5px;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
margin: 0 5px 5px 0;
|
||||
}
|
||||
|
|
@ -9,24 +9,21 @@
|
|||
* When including this stylesheet, use the media='print' attribute of the <link> tag.
|
||||
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
|
||||
*/
|
||||
|
||||
|
||||
/* Events
|
||||
|
||||
|
||||
/* Events
|
||||
-----------------------------------------------------*/
|
||||
|
||||
.fc-event {
|
||||
background: #fff !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
/* for vertical events */
|
||||
|
||||
.fc-event-bg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.fc-event .ui-resizable-handle {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.fc-event {
|
||||
background: #fff !important;
|
||||
color: #000 !important;
|
||||
}
|
||||
|
||||
/* for vertical events */
|
||||
|
||||
.fc-event-bg {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.fc-event .ui-resizable-handle {
|
||||
display: none !important;
|
||||
}
|
||||
61
css/iCheck/all.css
Normal file
61
css/iCheck/all.css
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/* iCheck plugin skins
|
||||
----------------------------------- */
|
||||
@import url("minimal/_all.css");
|
||||
/*
|
||||
@import url("minimal/minimal.css");
|
||||
@import url("minimal/red.css");
|
||||
@import url("minimal/green.css");
|
||||
@import url("minimal/blue.css");
|
||||
@import url("minimal/aero.css");
|
||||
@import url("minimal/grey.css");
|
||||
@import url("minimal/orange.css");
|
||||
@import url("minimal/yellow.css");
|
||||
@import url("minimal/pink.css");
|
||||
@import url("minimal/purple.css");
|
||||
*/
|
||||
|
||||
@import url("square/_all.css");
|
||||
/*
|
||||
@import url("square/square.css");
|
||||
@import url("square/red.css");
|
||||
@import url("square/green.css");
|
||||
@import url("square/blue.css");
|
||||
@import url("square/aero.css");
|
||||
@import url("square/grey.css");
|
||||
@import url("square/orange.css");
|
||||
@import url("square/yellow.css");
|
||||
@import url("square/pink.css");
|
||||
@import url("square/purple.css");
|
||||
*/
|
||||
|
||||
@import url("flat/_all.css");
|
||||
/*
|
||||
@import url("flat/flat.css");
|
||||
@import url("flat/red.css");
|
||||
@import url("flat/green.css");
|
||||
@import url("flat/blue.css");
|
||||
@import url("flat/aero.css");
|
||||
@import url("flat/grey.css");
|
||||
@import url("flat/orange.css");
|
||||
@import url("flat/yellow.css");
|
||||
@import url("flat/pink.css");
|
||||
@import url("flat/purple.css");
|
||||
*/
|
||||
|
||||
@import url("line/_all.css");
|
||||
/*
|
||||
@import url("line/line.css");
|
||||
@import url("line/red.css");
|
||||
@import url("line/green.css");
|
||||
@import url("line/blue.css");
|
||||
@import url("line/aero.css");
|
||||
@import url("line/grey.css");
|
||||
@import url("line/orange.css");
|
||||
@import url("line/yellow.css");
|
||||
@import url("line/pink.css");
|
||||
@import url("line/purple.css");
|
||||
*/
|
||||
|
||||
@import url("polaris/polaris.css");
|
||||
|
||||
@import url("futurico/futurico.css");
|
||||
560
css/iCheck/flat/_all.css
Normal file
560
css/iCheck/flat/_all.css
Normal file
|
|
@ -0,0 +1,560 @@
|
|||
/* iCheck plugin Flat skin
|
||||
----------------------------------- */
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(flat.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
background-image: url(flat@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* red */
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-red.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-red.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-red.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-red {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-red.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-red.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-red.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-green.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-green.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-green.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-green {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-green.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-green.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-green.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-blue.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-blue.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-blue.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-blue {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-blue.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-blue.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-blue.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-aero.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-aero.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-aero.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-aero {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-aero.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-aero.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-aero.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-grey.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-grey.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-grey.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-grey {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-grey.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-grey.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-grey.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-orange.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-orange.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-orange.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-orange {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-orange.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-orange.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-orange.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-yellow {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-yellow.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-yellow.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-yellow.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-pink.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-pink.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-pink.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-pink {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-pink.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-pink.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-pink.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-purple.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-purple.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-purple.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-purple {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-purple.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-purple.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-purple.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
56
css/iCheck/flat/aero.css
Normal file
56
css/iCheck/flat/aero.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-aero.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-aero.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-aero.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-aero {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-aero.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-aero.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-aero.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/aero.png
Normal file
BIN
css/iCheck/flat/aero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/aero@2x.png
Normal file
BIN
css/iCheck/flat/aero@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
56
css/iCheck/flat/blue.css
Normal file
56
css/iCheck/flat/blue.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-blue.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-blue.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-blue.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-blue {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-blue.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-blue.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-blue.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/blue.png
Normal file
BIN
css/iCheck/flat/blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/blue@2x.png
Normal file
BIN
css/iCheck/flat/blue@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
56
css/iCheck/flat/flat.css
Normal file
56
css/iCheck/flat/flat.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin flat skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(flat.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
background-image: url(flat@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/flat.png
Normal file
BIN
css/iCheck/flat/flat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/flat@2x.png
Normal file
BIN
css/iCheck/flat/flat@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
56
css/iCheck/flat/green.css
Normal file
56
css/iCheck/flat/green.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-green.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-green.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-green.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-green {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-green.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-green.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-green.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/green.png
Normal file
BIN
css/iCheck/flat/green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
css/iCheck/flat/green@2x.png
Normal file
BIN
css/iCheck/flat/green@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3 KiB |
56
css/iCheck/flat/grey.css
Normal file
56
css/iCheck/flat/grey.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-grey.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-grey.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-grey.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-grey {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-grey.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-grey.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-grey.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/grey.png
Normal file
BIN
css/iCheck/flat/grey.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/grey@2x.png
Normal file
BIN
css/iCheck/flat/grey@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
56
css/iCheck/flat/orange.css
Normal file
56
css/iCheck/flat/orange.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-orange.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-orange.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-orange.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-orange {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-orange.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-orange.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-orange.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/orange.png
Normal file
BIN
css/iCheck/flat/orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/orange@2x.png
Normal file
BIN
css/iCheck/flat/orange@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
56
css/iCheck/flat/pink.css
Normal file
56
css/iCheck/flat/pink.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-pink.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-pink.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-pink.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-pink {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-pink.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-pink.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-pink.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/pink.png
Normal file
BIN
css/iCheck/flat/pink.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/pink@2x.png
Normal file
BIN
css/iCheck/flat/pink@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
56
css/iCheck/flat/purple.css
Normal file
56
css/iCheck/flat/purple.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-purple.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-purple.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-purple.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-purple {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-purple.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-purple.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-purple.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/purple.png
Normal file
BIN
css/iCheck/flat/purple.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/purple@2x.png
Normal file
BIN
css/iCheck/flat/purple@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
56
css/iCheck/flat/red.css
Normal file
56
css/iCheck/flat/red.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, red
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-red.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-red.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-red.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-red {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-red.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-red.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-red.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/red.png
Normal file
BIN
css/iCheck/flat/red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/red@2x.png
Normal file
BIN
css/iCheck/flat/red@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
56
css/iCheck/flat/yellow.css
Normal file
56
css/iCheck/flat/yellow.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, yellow
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-yellow {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-yellow.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-yellow.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-yellow.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/flat/yellow.png
Normal file
BIN
css/iCheck/flat/yellow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
css/iCheck/flat/yellow@2x.png
Normal file
BIN
css/iCheck/flat/yellow@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
56
css/iCheck/futurico/futurico.css
Normal file
56
css/iCheck/futurico/futurico.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Futurico skin
|
||||
----------------------------------- */
|
||||
.icheckbox_futurico,
|
||||
.iradio_futurico {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
height: 17px;
|
||||
background: url(futurico.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_futurico {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_futurico.checked {
|
||||
background-position: -18px 0;
|
||||
}
|
||||
.icheckbox_futurico.disabled {
|
||||
background-position: -36px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_futurico.checked.disabled {
|
||||
background-position: -54px 0;
|
||||
}
|
||||
|
||||
.iradio_futurico {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.iradio_futurico.checked {
|
||||
background-position: -90px 0;
|
||||
}
|
||||
.iradio_futurico.disabled {
|
||||
background-position: -108px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_futurico.checked.disabled {
|
||||
background-position: -126px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_futurico,
|
||||
.iradio_futurico {
|
||||
background-image: url(futurico@2x.png);
|
||||
-webkit-background-size: 144px 19px;
|
||||
background-size: 144px 19px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/futurico/futurico.png
Normal file
BIN
css/iCheck/futurico/futurico.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
css/iCheck/futurico/futurico@2x.png
Normal file
BIN
css/iCheck/futurico/futurico@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
740
css/iCheck/line/_all.css
Normal file
740
css/iCheck/line/_all.css
Normal file
|
|
@ -0,0 +1,740 @@
|
|||
/* iCheck plugin Line skin
|
||||
----------------------------------- */
|
||||
.icheckbox_line,
|
||||
.iradio_line {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line.hover,
|
||||
.icheckbox_line.checked.hover,
|
||||
.iradio_line.hover {
|
||||
background: #444;
|
||||
}
|
||||
.icheckbox_line.checked,
|
||||
.iradio_line.checked {
|
||||
background: #000;
|
||||
}
|
||||
.icheckbox_line.checked .icheck_line-icon,
|
||||
.iradio_line.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line.disabled,
|
||||
.iradio_line.disabled {
|
||||
background: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line.disabled .icheck_line-icon,
|
||||
.iradio_line.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line.checked.disabled,
|
||||
.iradio_line.checked.disabled {
|
||||
background: #ccc;
|
||||
}
|
||||
.icheckbox_line.checked.disabled .icheck_line-icon,
|
||||
.iradio_line.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* red */
|
||||
.icheckbox_line-red,
|
||||
.iradio_line-red {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #e56c69;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-red.hover,
|
||||
.icheckbox_line-red.checked.hover,
|
||||
.iradio_line-red.hover {
|
||||
background: #E98582;
|
||||
}
|
||||
.icheckbox_line-red.checked,
|
||||
.iradio_line-red.checked {
|
||||
background: #e56c69;
|
||||
}
|
||||
.icheckbox_line-red.checked .icheck_line-icon,
|
||||
.iradio_line-red.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-red.disabled,
|
||||
.iradio_line-red.disabled {
|
||||
background: #F7D3D2;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-red.disabled .icheck_line-icon,
|
||||
.iradio_line-red.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled,
|
||||
.iradio_line-red.checked.disabled {
|
||||
background: #F7D3D2;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-red.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_line-green,
|
||||
.iradio_line-green {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #1b7e5a;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-green.hover,
|
||||
.icheckbox_line-green.checked.hover,
|
||||
.iradio_line-green.hover {
|
||||
background: #24AA7A;
|
||||
}
|
||||
.icheckbox_line-green.checked,
|
||||
.iradio_line-green.checked {
|
||||
background: #1b7e5a;
|
||||
}
|
||||
.icheckbox_line-green.checked .icheck_line-icon,
|
||||
.iradio_line-green.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-green.disabled,
|
||||
.iradio_line-green.disabled {
|
||||
background: #89E6C4;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-green.disabled .icheck_line-icon,
|
||||
.iradio_line-green.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled,
|
||||
.iradio_line-green.checked.disabled {
|
||||
background: #89E6C4;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-green.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_line-blue,
|
||||
.iradio_line-blue {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #2489c5;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-blue.hover,
|
||||
.icheckbox_line-blue.checked.hover,
|
||||
.iradio_line-blue.hover {
|
||||
background: #3DA0DB;
|
||||
}
|
||||
.icheckbox_line-blue.checked,
|
||||
.iradio_line-blue.checked {
|
||||
background: #2489c5;
|
||||
}
|
||||
.icheckbox_line-blue.checked .icheck_line-icon,
|
||||
.iradio_line-blue.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-blue.disabled,
|
||||
.iradio_line-blue.disabled {
|
||||
background: #ADD7F0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-blue.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled,
|
||||
.iradio_line-blue.checked.disabled {
|
||||
background: #ADD7F0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_line-aero,
|
||||
.iradio_line-aero {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #9cc2cb;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-aero.hover,
|
||||
.icheckbox_line-aero.checked.hover,
|
||||
.iradio_line-aero.hover {
|
||||
background: #B5D1D8;
|
||||
}
|
||||
.icheckbox_line-aero.checked,
|
||||
.iradio_line-aero.checked {
|
||||
background: #9cc2cb;
|
||||
}
|
||||
.icheckbox_line-aero.checked .icheck_line-icon,
|
||||
.iradio_line-aero.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-aero.disabled,
|
||||
.iradio_line-aero.disabled {
|
||||
background: #D2E4E8;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-aero.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled,
|
||||
.iradio_line-aero.checked.disabled {
|
||||
background: #D2E4E8;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_line-grey,
|
||||
.iradio_line-grey {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #73716e;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-grey.hover,
|
||||
.icheckbox_line-grey.checked.hover,
|
||||
.iradio_line-grey.hover {
|
||||
background: #8B8986;
|
||||
}
|
||||
.icheckbox_line-grey.checked,
|
||||
.iradio_line-grey.checked {
|
||||
background: #73716e;
|
||||
}
|
||||
.icheckbox_line-grey.checked .icheck_line-icon,
|
||||
.iradio_line-grey.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-grey.disabled,
|
||||
.iradio_line-grey.disabled {
|
||||
background: #D5D4D3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-grey.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled,
|
||||
.iradio_line-grey.checked.disabled {
|
||||
background: #D5D4D3;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_line-orange,
|
||||
.iradio_line-orange {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #f70;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-orange.hover,
|
||||
.icheckbox_line-orange.checked.hover,
|
||||
.iradio_line-orange.hover {
|
||||
background: #FF9233;
|
||||
}
|
||||
.icheckbox_line-orange.checked,
|
||||
.iradio_line-orange.checked {
|
||||
background: #f70;
|
||||
}
|
||||
.icheckbox_line-orange.checked .icheck_line-icon,
|
||||
.iradio_line-orange.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-orange.disabled,
|
||||
.iradio_line-orange.disabled {
|
||||
background: #FFD6B3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-orange.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled,
|
||||
.iradio_line-orange.checked.disabled {
|
||||
background: #FFD6B3;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_line-yellow,
|
||||
.iradio_line-yellow {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #FFC414;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-yellow.hover,
|
||||
.icheckbox_line-yellow.checked.hover,
|
||||
.iradio_line-yellow.hover {
|
||||
background: #FFD34F;
|
||||
}
|
||||
.icheckbox_line-yellow.checked,
|
||||
.iradio_line-yellow.checked {
|
||||
background: #FFC414;
|
||||
}
|
||||
.icheckbox_line-yellow.checked .icheck_line-icon,
|
||||
.iradio_line-yellow.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled,
|
||||
.iradio_line-yellow.disabled {
|
||||
background: #FFE495;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled,
|
||||
.iradio_line-yellow.checked.disabled {
|
||||
background: #FFE495;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_line-pink,
|
||||
.iradio_line-pink {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #a77a94;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-pink.hover,
|
||||
.icheckbox_line-pink.checked.hover,
|
||||
.iradio_line-pink.hover {
|
||||
background: #B995A9;
|
||||
}
|
||||
.icheckbox_line-pink.checked,
|
||||
.iradio_line-pink.checked {
|
||||
background: #a77a94;
|
||||
}
|
||||
.icheckbox_line-pink.checked .icheck_line-icon,
|
||||
.iradio_line-pink.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-pink.disabled,
|
||||
.iradio_line-pink.disabled {
|
||||
background: #E0D0DA;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-pink.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled,
|
||||
.iradio_line-pink.checked.disabled {
|
||||
background: #E0D0DA;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_line-purple,
|
||||
.iradio_line-purple {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #6a5a8c;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-purple.hover,
|
||||
.icheckbox_line-purple.checked.hover,
|
||||
.iradio_line-purple.hover {
|
||||
background: #8677A7;
|
||||
}
|
||||
.icheckbox_line-purple.checked,
|
||||
.iradio_line-purple.checked {
|
||||
background: #6a5a8c;
|
||||
}
|
||||
.icheckbox_line-purple.checked .icheck_line-icon,
|
||||
.iradio_line-purple.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-purple.disabled,
|
||||
.iradio_line-purple.disabled {
|
||||
background: #D2CCDE;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-purple.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled,
|
||||
.iradio_line-purple.checked.disabled {
|
||||
background: #D2CCDE;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/aero.css
Normal file
74
css/iCheck/line/aero.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_line-aero,
|
||||
.iradio_line-aero {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #9cc2cb;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-aero.hover,
|
||||
.icheckbox_line-aero.checked.hover,
|
||||
.iradio_line-aero.hover {
|
||||
background: #B5D1D8;
|
||||
}
|
||||
.icheckbox_line-aero.checked,
|
||||
.iradio_line-aero.checked {
|
||||
background: #9cc2cb;
|
||||
}
|
||||
.icheckbox_line-aero.checked .icheck_line-icon,
|
||||
.iradio_line-aero.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-aero.disabled,
|
||||
.iradio_line-aero.disabled {
|
||||
background: #D2E4E8;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-aero.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled,
|
||||
.iradio_line-aero.checked.disabled {
|
||||
background: #D2E4E8;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/blue.css
Normal file
74
css/iCheck/line/blue.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_line-blue,
|
||||
.iradio_line-blue {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #2489c5;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-blue.hover,
|
||||
.icheckbox_line-blue.checked.hover,
|
||||
.iradio_line-blue.hover {
|
||||
background: #3DA0DB;
|
||||
}
|
||||
.icheckbox_line-blue.checked,
|
||||
.iradio_line-blue.checked {
|
||||
background: #2489c5;
|
||||
}
|
||||
.icheckbox_line-blue.checked .icheck_line-icon,
|
||||
.iradio_line-blue.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-blue.disabled,
|
||||
.iradio_line-blue.disabled {
|
||||
background: #ADD7F0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-blue.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled,
|
||||
.iradio_line-blue.checked.disabled {
|
||||
background: #ADD7F0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/green.css
Normal file
74
css/iCheck/line/green.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_line-green,
|
||||
.iradio_line-green {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #1b7e5a;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-green.hover,
|
||||
.icheckbox_line-green.checked.hover,
|
||||
.iradio_line-green.hover {
|
||||
background: #24AA7A;
|
||||
}
|
||||
.icheckbox_line-green.checked,
|
||||
.iradio_line-green.checked {
|
||||
background: #1b7e5a;
|
||||
}
|
||||
.icheckbox_line-green.checked .icheck_line-icon,
|
||||
.iradio_line-green.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-green.disabled,
|
||||
.iradio_line-green.disabled {
|
||||
background: #89E6C4;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-green.disabled .icheck_line-icon,
|
||||
.iradio_line-green.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled,
|
||||
.iradio_line-green.checked.disabled {
|
||||
background: #89E6C4;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-green.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/grey.css
Normal file
74
css/iCheck/line/grey.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_line-grey,
|
||||
.iradio_line-grey {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #73716e;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-grey.hover,
|
||||
.icheckbox_line-grey.checked.hover,
|
||||
.iradio_line-grey.hover {
|
||||
background: #8B8986;
|
||||
}
|
||||
.icheckbox_line-grey.checked,
|
||||
.iradio_line-grey.checked {
|
||||
background: #73716e;
|
||||
}
|
||||
.icheckbox_line-grey.checked .icheck_line-icon,
|
||||
.iradio_line-grey.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-grey.disabled,
|
||||
.iradio_line-grey.disabled {
|
||||
background: #D5D4D3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-grey.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled,
|
||||
.iradio_line-grey.checked.disabled {
|
||||
background: #D5D4D3;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/line.css
Normal file
74
css/iCheck/line/line.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_line,
|
||||
.iradio_line {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line.hover,
|
||||
.icheckbox_line.checked.hover,
|
||||
.iradio_line.hover {
|
||||
background: #444;
|
||||
}
|
||||
.icheckbox_line.checked,
|
||||
.iradio_line.checked {
|
||||
background: #000;
|
||||
}
|
||||
.icheckbox_line.checked .icheck_line-icon,
|
||||
.iradio_line.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line.disabled,
|
||||
.iradio_line.disabled {
|
||||
background: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line.disabled .icheck_line-icon,
|
||||
.iradio_line.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line.checked.disabled,
|
||||
.iradio_line.checked.disabled {
|
||||
background: #ccc;
|
||||
}
|
||||
.icheckbox_line.checked.disabled .icheck_line-icon,
|
||||
.iradio_line.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/line/line.png
Normal file
BIN
css/iCheck/line/line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 588 B |
BIN
css/iCheck/line/line@2x.png
Normal file
BIN
css/iCheck/line/line@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
74
css/iCheck/line/orange.css
Normal file
74
css/iCheck/line/orange.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_line-orange,
|
||||
.iradio_line-orange {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #f70;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-orange.hover,
|
||||
.icheckbox_line-orange.checked.hover,
|
||||
.iradio_line-orange.hover {
|
||||
background: #FF9233;
|
||||
}
|
||||
.icheckbox_line-orange.checked,
|
||||
.iradio_line-orange.checked {
|
||||
background: #f70;
|
||||
}
|
||||
.icheckbox_line-orange.checked .icheck_line-icon,
|
||||
.iradio_line-orange.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-orange.disabled,
|
||||
.iradio_line-orange.disabled {
|
||||
background: #FFD6B3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-orange.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled,
|
||||
.iradio_line-orange.checked.disabled {
|
||||
background: #FFD6B3;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/pink.css
Normal file
74
css/iCheck/line/pink.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_line-pink,
|
||||
.iradio_line-pink {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #a77a94;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-pink.hover,
|
||||
.icheckbox_line-pink.checked.hover,
|
||||
.iradio_line-pink.hover {
|
||||
background: #B995A9;
|
||||
}
|
||||
.icheckbox_line-pink.checked,
|
||||
.iradio_line-pink.checked {
|
||||
background: #a77a94;
|
||||
}
|
||||
.icheckbox_line-pink.checked .icheck_line-icon,
|
||||
.iradio_line-pink.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-pink.disabled,
|
||||
.iradio_line-pink.disabled {
|
||||
background: #E0D0DA;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-pink.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled,
|
||||
.iradio_line-pink.checked.disabled {
|
||||
background: #E0D0DA;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/purple.css
Normal file
74
css/iCheck/line/purple.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_line-purple,
|
||||
.iradio_line-purple {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #6a5a8c;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-purple.hover,
|
||||
.icheckbox_line-purple.checked.hover,
|
||||
.iradio_line-purple.hover {
|
||||
background: #8677A7;
|
||||
}
|
||||
.icheckbox_line-purple.checked,
|
||||
.iradio_line-purple.checked {
|
||||
background: #6a5a8c;
|
||||
}
|
||||
.icheckbox_line-purple.checked .icheck_line-icon,
|
||||
.iradio_line-purple.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-purple.disabled,
|
||||
.iradio_line-purple.disabled {
|
||||
background: #D2CCDE;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-purple.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled,
|
||||
.iradio_line-purple.checked.disabled {
|
||||
background: #D2CCDE;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/red.css
Normal file
74
css/iCheck/line/red.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, red
|
||||
----------------------------------- */
|
||||
.icheckbox_line-red,
|
||||
.iradio_line-red {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #e56c69;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-red.hover,
|
||||
.icheckbox_line-red.checked.hover,
|
||||
.iradio_line-red.hover {
|
||||
background: #E98582;
|
||||
}
|
||||
.icheckbox_line-red.checked,
|
||||
.iradio_line-red.checked {
|
||||
background: #e56c69;
|
||||
}
|
||||
.icheckbox_line-red.checked .icheck_line-icon,
|
||||
.iradio_line-red.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-red.disabled,
|
||||
.iradio_line-red.disabled {
|
||||
background: #F7D3D2;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-red.disabled .icheck_line-icon,
|
||||
.iradio_line-red.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled,
|
||||
.iradio_line-red.checked.disabled {
|
||||
background: #F7D3D2;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-red.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
74
css/iCheck/line/yellow.css
Normal file
74
css/iCheck/line/yellow.css
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, yellow
|
||||
----------------------------------- */
|
||||
.icheckbox_line-yellow,
|
||||
.iradio_line-yellow {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #FFC414;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-yellow.hover,
|
||||
.icheckbox_line-yellow.checked.hover,
|
||||
.iradio_line-yellow.hover {
|
||||
background: #FFD34F;
|
||||
}
|
||||
.icheckbox_line-yellow.checked,
|
||||
.iradio_line-yellow.checked {
|
||||
background: #FFC414;
|
||||
}
|
||||
.icheckbox_line-yellow.checked .icheck_line-icon,
|
||||
.iradio_line-yellow.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled,
|
||||
.iradio_line-yellow.disabled {
|
||||
background: #FFE495;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled,
|
||||
.iradio_line-yellow.checked.disabled {
|
||||
background: #FFE495;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
557
css/iCheck/minimal/_all.css
Normal file
557
css/iCheck/minimal/_all.css
Normal file
|
|
@ -0,0 +1,557 @@
|
|||
/* red */
|
||||
.icheckbox_minimal-red,
|
||||
.iradio_minimal-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-red.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-red.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-red.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-red.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-red {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-red.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-red.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-red.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-red.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-red,
|
||||
.iradio_minimal-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-green.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-green.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-green {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-green.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-green.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-green.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-green.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-blue {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-blue.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-blue.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-blue.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-blue.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-aero {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-aero.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-aero.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-aero.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-aero.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-grey {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-grey.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-grey.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-grey.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-grey.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-orange {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-orange.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-orange.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-orange.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-orange.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_minimal-yellow,
|
||||
.iradio_minimal-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-yellow.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-yellow {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-yellow.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-yellow,
|
||||
.iradio_minimal-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-pink {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-pink.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-pink.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-pink.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-pink.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-purple {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-purple.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-purple.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-purple.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-purple.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
62
css/iCheck/minimal/aero.css
Normal file
62
css/iCheck/minimal/aero.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-aero {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-aero.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-aero.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-aero.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-aero.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/minimal/aero.png
Normal file
BIN
css/iCheck/minimal/aero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/iCheck/minimal/aero@2x.png
Normal file
BIN
css/iCheck/minimal/aero@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
62
css/iCheck/minimal/blue.css
Normal file
62
css/iCheck/minimal/blue.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-blue {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-blue.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-blue.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-blue.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-blue.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/minimal/blue.png
Normal file
BIN
css/iCheck/minimal/blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/iCheck/minimal/blue@2x.png
Normal file
BIN
css/iCheck/minimal/blue@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
62
css/iCheck/minimal/green.css
Normal file
62
css/iCheck/minimal/green.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-green.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-green.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-green {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-green.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-green.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-green.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-green.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/minimal/green.png
Normal file
BIN
css/iCheck/minimal/green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/iCheck/minimal/green@2x.png
Normal file
BIN
css/iCheck/minimal/green@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
62
css/iCheck/minimal/grey.css
Normal file
62
css/iCheck/minimal/grey.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-grey {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-grey.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-grey.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-grey.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-grey.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/minimal/grey.png
Normal file
BIN
css/iCheck/minimal/grey.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/iCheck/minimal/grey@2x.png
Normal file
BIN
css/iCheck/minimal/grey@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
62
css/iCheck/minimal/minimal.css
Normal file
62
css/iCheck/minimal/minimal.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(minimal.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
background-image: url(minimal@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/minimal/minimal.png
Normal file
BIN
css/iCheck/minimal/minimal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/iCheck/minimal/minimal@2x.png
Normal file
BIN
css/iCheck/minimal/minimal@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
62
css/iCheck/minimal/orange.css
Normal file
62
css/iCheck/minimal/orange.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-orange {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-orange.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-orange.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-orange.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-orange.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/minimal/orange.png
Normal file
BIN
css/iCheck/minimal/orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/iCheck/minimal/orange@2x.png
Normal file
BIN
css/iCheck/minimal/orange@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
62
css/iCheck/minimal/pink.css
Normal file
62
css/iCheck/minimal/pink.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-pink {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-pink.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-pink.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-pink.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-pink.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
BIN
css/iCheck/minimal/pink.png
Normal file
BIN
css/iCheck/minimal/pink.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
css/iCheck/minimal/pink@2x.png
Normal file
BIN
css/iCheck/minimal/pink@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
62
css/iCheck/minimal/purple.css
Normal file
62
css/iCheck/minimal/purple.css
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-purple {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-purple.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-purple.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-purple.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-purple.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue