mirror of https://github.com/ColorlibHQ/AdminLTE
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.
|
||||
|
|
@ -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>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -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}
|
||||
|
|
@ -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 +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}
|
||||
|
|
@ -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);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
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 {
|
||||
|
|
@ -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}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 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;
|
||||
}
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
/* iCheck plugin skins
|
||||
----------------------------------- */
|
||||
@import url("minimal/_all.css");
|
||||
/*
|
||||
@import url("minimal/minimal.css");
|
||||
@import url("minimal/red.css");
|
||||
@import url("minimal/green.css");
|
||||
@import url("minimal/blue.css");
|
||||
@import url("minimal/aero.css");
|
||||
@import url("minimal/grey.css");
|
||||
@import url("minimal/orange.css");
|
||||
@import url("minimal/yellow.css");
|
||||
@import url("minimal/pink.css");
|
||||
@import url("minimal/purple.css");
|
||||
*/
|
||||
|
||||
@import url("square/_all.css");
|
||||
/*
|
||||
@import url("square/square.css");
|
||||
@import url("square/red.css");
|
||||
@import url("square/green.css");
|
||||
@import url("square/blue.css");
|
||||
@import url("square/aero.css");
|
||||
@import url("square/grey.css");
|
||||
@import url("square/orange.css");
|
||||
@import url("square/yellow.css");
|
||||
@import url("square/pink.css");
|
||||
@import url("square/purple.css");
|
||||
*/
|
||||
|
||||
@import url("flat/_all.css");
|
||||
/*
|
||||
@import url("flat/flat.css");
|
||||
@import url("flat/red.css");
|
||||
@import url("flat/green.css");
|
||||
@import url("flat/blue.css");
|
||||
@import url("flat/aero.css");
|
||||
@import url("flat/grey.css");
|
||||
@import url("flat/orange.css");
|
||||
@import url("flat/yellow.css");
|
||||
@import url("flat/pink.css");
|
||||
@import url("flat/purple.css");
|
||||
*/
|
||||
|
||||
@import url("line/_all.css");
|
||||
/*
|
||||
@import url("line/line.css");
|
||||
@import url("line/red.css");
|
||||
@import url("line/green.css");
|
||||
@import url("line/blue.css");
|
||||
@import url("line/aero.css");
|
||||
@import url("line/grey.css");
|
||||
@import url("line/orange.css");
|
||||
@import url("line/yellow.css");
|
||||
@import url("line/pink.css");
|
||||
@import url("line/purple.css");
|
||||
*/
|
||||
|
||||
@import url("polaris/polaris.css");
|
||||
|
||||
@import url("futurico/futurico.css");
|
||||
|
|
@ -0,0 +1,560 @@
|
|||
/* iCheck plugin Flat skin
|
||||
----------------------------------- */
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(flat.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
background-image: url(flat@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* red */
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-red.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-red.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-red.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-red {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-red.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-red.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-red.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-green.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-green.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-green.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-green {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-green.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-green.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-green.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-blue.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-blue.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-blue.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-blue {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-blue.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-blue.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-blue.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-aero.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-aero.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-aero.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-aero {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-aero.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-aero.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-aero.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-grey.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-grey.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-grey.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-grey {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-grey.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-grey.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-grey.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-orange.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-orange.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-orange.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-orange {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-orange.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-orange.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-orange.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-yellow {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-yellow.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-yellow.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-yellow.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-pink.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-pink.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-pink.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-pink {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-pink.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-pink.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-pink.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-purple.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-purple.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-purple.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-purple {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-purple.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-purple.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-purple.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-aero.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-aero.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-aero.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-aero {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-aero.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-aero.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-aero.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-aero,
|
||||
.iradio_flat-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-blue.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-blue.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-blue.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-blue {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-blue.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-blue.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-blue.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-blue,
|
||||
.iradio_flat-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin flat skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(flat.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat,
|
||||
.iradio_flat {
|
||||
background-image: url(flat@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-green.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-green.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-green.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-green {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-green.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-green.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-green.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-green,
|
||||
.iradio_flat-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-grey.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-grey.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-grey.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-grey {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-grey.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-grey.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-grey.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-grey,
|
||||
.iradio_flat-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-orange.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-orange.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-orange.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-orange {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-orange.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-orange.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-orange.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-orange,
|
||||
.iradio_flat-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-pink.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-pink.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-pink.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-pink {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-pink.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-pink.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-pink.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-pink,
|
||||
.iradio_flat-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-purple.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-purple.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-purple.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-purple {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-purple.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-purple.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-purple.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-purple,
|
||||
.iradio_flat-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, red
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-red.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-red.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-red.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-red {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-red.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-red.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-red.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-red,
|
||||
.iradio_flat-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Flat skin, yellow
|
||||
----------------------------------- */
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_flat-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked {
|
||||
background-position: -22px 0;
|
||||
}
|
||||
.icheckbox_flat-yellow.disabled {
|
||||
background-position: -44px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_flat-yellow.checked.disabled {
|
||||
background-position: -66px 0;
|
||||
}
|
||||
|
||||
.iradio_flat-yellow {
|
||||
background-position: -88px 0;
|
||||
}
|
||||
.iradio_flat-yellow.checked {
|
||||
background-position: -110px 0;
|
||||
}
|
||||
.iradio_flat-yellow.disabled {
|
||||
background-position: -132px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_flat-yellow.checked.disabled {
|
||||
background-position: -154px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_flat-yellow,
|
||||
.iradio_flat-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 176px 22px;
|
||||
background-size: 176px 22px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
|
|
@ -0,0 +1,56 @@
|
|||
/* iCheck plugin Futurico skin
|
||||
----------------------------------- */
|
||||
.icheckbox_futurico,
|
||||
.iradio_futurico {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 16px;
|
||||
height: 17px;
|
||||
background: url(futurico.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_futurico {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_futurico.checked {
|
||||
background-position: -18px 0;
|
||||
}
|
||||
.icheckbox_futurico.disabled {
|
||||
background-position: -36px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_futurico.checked.disabled {
|
||||
background-position: -54px 0;
|
||||
}
|
||||
|
||||
.iradio_futurico {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.iradio_futurico.checked {
|
||||
background-position: -90px 0;
|
||||
}
|
||||
.iradio_futurico.disabled {
|
||||
background-position: -108px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_futurico.checked.disabled {
|
||||
background-position: -126px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_futurico,
|
||||
.iradio_futurico {
|
||||
background-image: url(futurico@2x.png);
|
||||
-webkit-background-size: 144px 19px;
|
||||
background-size: 144px 19px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
|
|
@ -0,0 +1,740 @@
|
|||
/* iCheck plugin Line skin
|
||||
----------------------------------- */
|
||||
.icheckbox_line,
|
||||
.iradio_line {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line.hover,
|
||||
.icheckbox_line.checked.hover,
|
||||
.iradio_line.hover {
|
||||
background: #444;
|
||||
}
|
||||
.icheckbox_line.checked,
|
||||
.iradio_line.checked {
|
||||
background: #000;
|
||||
}
|
||||
.icheckbox_line.checked .icheck_line-icon,
|
||||
.iradio_line.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line.disabled,
|
||||
.iradio_line.disabled {
|
||||
background: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line.disabled .icheck_line-icon,
|
||||
.iradio_line.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line.checked.disabled,
|
||||
.iradio_line.checked.disabled {
|
||||
background: #ccc;
|
||||
}
|
||||
.icheckbox_line.checked.disabled .icheck_line-icon,
|
||||
.iradio_line.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* red */
|
||||
.icheckbox_line-red,
|
||||
.iradio_line-red {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #e56c69;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-red.hover,
|
||||
.icheckbox_line-red.checked.hover,
|
||||
.iradio_line-red.hover {
|
||||
background: #E98582;
|
||||
}
|
||||
.icheckbox_line-red.checked,
|
||||
.iradio_line-red.checked {
|
||||
background: #e56c69;
|
||||
}
|
||||
.icheckbox_line-red.checked .icheck_line-icon,
|
||||
.iradio_line-red.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-red.disabled,
|
||||
.iradio_line-red.disabled {
|
||||
background: #F7D3D2;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-red.disabled .icheck_line-icon,
|
||||
.iradio_line-red.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled,
|
||||
.iradio_line-red.checked.disabled {
|
||||
background: #F7D3D2;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-red.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_line-green,
|
||||
.iradio_line-green {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #1b7e5a;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-green.hover,
|
||||
.icheckbox_line-green.checked.hover,
|
||||
.iradio_line-green.hover {
|
||||
background: #24AA7A;
|
||||
}
|
||||
.icheckbox_line-green.checked,
|
||||
.iradio_line-green.checked {
|
||||
background: #1b7e5a;
|
||||
}
|
||||
.icheckbox_line-green.checked .icheck_line-icon,
|
||||
.iradio_line-green.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-green.disabled,
|
||||
.iradio_line-green.disabled {
|
||||
background: #89E6C4;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-green.disabled .icheck_line-icon,
|
||||
.iradio_line-green.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled,
|
||||
.iradio_line-green.checked.disabled {
|
||||
background: #89E6C4;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-green.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_line-blue,
|
||||
.iradio_line-blue {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #2489c5;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-blue.hover,
|
||||
.icheckbox_line-blue.checked.hover,
|
||||
.iradio_line-blue.hover {
|
||||
background: #3DA0DB;
|
||||
}
|
||||
.icheckbox_line-blue.checked,
|
||||
.iradio_line-blue.checked {
|
||||
background: #2489c5;
|
||||
}
|
||||
.icheckbox_line-blue.checked .icheck_line-icon,
|
||||
.iradio_line-blue.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-blue.disabled,
|
||||
.iradio_line-blue.disabled {
|
||||
background: #ADD7F0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-blue.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled,
|
||||
.iradio_line-blue.checked.disabled {
|
||||
background: #ADD7F0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_line-aero,
|
||||
.iradio_line-aero {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #9cc2cb;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-aero.hover,
|
||||
.icheckbox_line-aero.checked.hover,
|
||||
.iradio_line-aero.hover {
|
||||
background: #B5D1D8;
|
||||
}
|
||||
.icheckbox_line-aero.checked,
|
||||
.iradio_line-aero.checked {
|
||||
background: #9cc2cb;
|
||||
}
|
||||
.icheckbox_line-aero.checked .icheck_line-icon,
|
||||
.iradio_line-aero.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-aero.disabled,
|
||||
.iradio_line-aero.disabled {
|
||||
background: #D2E4E8;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-aero.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled,
|
||||
.iradio_line-aero.checked.disabled {
|
||||
background: #D2E4E8;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_line-grey,
|
||||
.iradio_line-grey {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #73716e;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-grey.hover,
|
||||
.icheckbox_line-grey.checked.hover,
|
||||
.iradio_line-grey.hover {
|
||||
background: #8B8986;
|
||||
}
|
||||
.icheckbox_line-grey.checked,
|
||||
.iradio_line-grey.checked {
|
||||
background: #73716e;
|
||||
}
|
||||
.icheckbox_line-grey.checked .icheck_line-icon,
|
||||
.iradio_line-grey.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-grey.disabled,
|
||||
.iradio_line-grey.disabled {
|
||||
background: #D5D4D3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-grey.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled,
|
||||
.iradio_line-grey.checked.disabled {
|
||||
background: #D5D4D3;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_line-orange,
|
||||
.iradio_line-orange {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #f70;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-orange.hover,
|
||||
.icheckbox_line-orange.checked.hover,
|
||||
.iradio_line-orange.hover {
|
||||
background: #FF9233;
|
||||
}
|
||||
.icheckbox_line-orange.checked,
|
||||
.iradio_line-orange.checked {
|
||||
background: #f70;
|
||||
}
|
||||
.icheckbox_line-orange.checked .icheck_line-icon,
|
||||
.iradio_line-orange.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-orange.disabled,
|
||||
.iradio_line-orange.disabled {
|
||||
background: #FFD6B3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-orange.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled,
|
||||
.iradio_line-orange.checked.disabled {
|
||||
background: #FFD6B3;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_line-yellow,
|
||||
.iradio_line-yellow {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #FFC414;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-yellow.hover,
|
||||
.icheckbox_line-yellow.checked.hover,
|
||||
.iradio_line-yellow.hover {
|
||||
background: #FFD34F;
|
||||
}
|
||||
.icheckbox_line-yellow.checked,
|
||||
.iradio_line-yellow.checked {
|
||||
background: #FFC414;
|
||||
}
|
||||
.icheckbox_line-yellow.checked .icheck_line-icon,
|
||||
.iradio_line-yellow.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled,
|
||||
.iradio_line-yellow.disabled {
|
||||
background: #FFE495;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled,
|
||||
.iradio_line-yellow.checked.disabled {
|
||||
background: #FFE495;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_line-pink,
|
||||
.iradio_line-pink {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #a77a94;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-pink.hover,
|
||||
.icheckbox_line-pink.checked.hover,
|
||||
.iradio_line-pink.hover {
|
||||
background: #B995A9;
|
||||
}
|
||||
.icheckbox_line-pink.checked,
|
||||
.iradio_line-pink.checked {
|
||||
background: #a77a94;
|
||||
}
|
||||
.icheckbox_line-pink.checked .icheck_line-icon,
|
||||
.iradio_line-pink.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-pink.disabled,
|
||||
.iradio_line-pink.disabled {
|
||||
background: #E0D0DA;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-pink.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled,
|
||||
.iradio_line-pink.checked.disabled {
|
||||
background: #E0D0DA;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_line-purple,
|
||||
.iradio_line-purple {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #6a5a8c;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-purple.hover,
|
||||
.icheckbox_line-purple.checked.hover,
|
||||
.iradio_line-purple.hover {
|
||||
background: #8677A7;
|
||||
}
|
||||
.icheckbox_line-purple.checked,
|
||||
.iradio_line-purple.checked {
|
||||
background: #6a5a8c;
|
||||
}
|
||||
.icheckbox_line-purple.checked .icheck_line-icon,
|
||||
.iradio_line-purple.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-purple.disabled,
|
||||
.iradio_line-purple.disabled {
|
||||
background: #D2CCDE;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-purple.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled,
|
||||
.iradio_line-purple.checked.disabled {
|
||||
background: #D2CCDE;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_line-aero,
|
||||
.iradio_line-aero {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #9cc2cb;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-aero.hover,
|
||||
.icheckbox_line-aero.checked.hover,
|
||||
.iradio_line-aero.hover {
|
||||
background: #B5D1D8;
|
||||
}
|
||||
.icheckbox_line-aero.checked,
|
||||
.iradio_line-aero.checked {
|
||||
background: #9cc2cb;
|
||||
}
|
||||
.icheckbox_line-aero.checked .icheck_line-icon,
|
||||
.iradio_line-aero.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-aero.disabled,
|
||||
.iradio_line-aero.disabled {
|
||||
background: #D2E4E8;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-aero.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled,
|
||||
.iradio_line-aero.checked.disabled {
|
||||
background: #D2E4E8;
|
||||
}
|
||||
.icheckbox_line-aero.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-aero.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-aero .icheck_line-icon,
|
||||
.iradio_line-aero .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_line-blue,
|
||||
.iradio_line-blue {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #2489c5;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-blue.hover,
|
||||
.icheckbox_line-blue.checked.hover,
|
||||
.iradio_line-blue.hover {
|
||||
background: #3DA0DB;
|
||||
}
|
||||
.icheckbox_line-blue.checked,
|
||||
.iradio_line-blue.checked {
|
||||
background: #2489c5;
|
||||
}
|
||||
.icheckbox_line-blue.checked .icheck_line-icon,
|
||||
.iradio_line-blue.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-blue.disabled,
|
||||
.iradio_line-blue.disabled {
|
||||
background: #ADD7F0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-blue.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled,
|
||||
.iradio_line-blue.checked.disabled {
|
||||
background: #ADD7F0;
|
||||
}
|
||||
.icheckbox_line-blue.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-blue.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-blue .icheck_line-icon,
|
||||
.iradio_line-blue .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_line-green,
|
||||
.iradio_line-green {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #1b7e5a;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-green.hover,
|
||||
.icheckbox_line-green.checked.hover,
|
||||
.iradio_line-green.hover {
|
||||
background: #24AA7A;
|
||||
}
|
||||
.icheckbox_line-green.checked,
|
||||
.iradio_line-green.checked {
|
||||
background: #1b7e5a;
|
||||
}
|
||||
.icheckbox_line-green.checked .icheck_line-icon,
|
||||
.iradio_line-green.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-green.disabled,
|
||||
.iradio_line-green.disabled {
|
||||
background: #89E6C4;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-green.disabled .icheck_line-icon,
|
||||
.iradio_line-green.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled,
|
||||
.iradio_line-green.checked.disabled {
|
||||
background: #89E6C4;
|
||||
}
|
||||
.icheckbox_line-green.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-green.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-green .icheck_line-icon,
|
||||
.iradio_line-green .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_line-grey,
|
||||
.iradio_line-grey {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #73716e;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-grey.hover,
|
||||
.icheckbox_line-grey.checked.hover,
|
||||
.iradio_line-grey.hover {
|
||||
background: #8B8986;
|
||||
}
|
||||
.icheckbox_line-grey.checked,
|
||||
.iradio_line-grey.checked {
|
||||
background: #73716e;
|
||||
}
|
||||
.icheckbox_line-grey.checked .icheck_line-icon,
|
||||
.iradio_line-grey.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-grey.disabled,
|
||||
.iradio_line-grey.disabled {
|
||||
background: #D5D4D3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-grey.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled,
|
||||
.iradio_line-grey.checked.disabled {
|
||||
background: #D5D4D3;
|
||||
}
|
||||
.icheckbox_line-grey.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-grey.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-grey .icheck_line-icon,
|
||||
.iradio_line-grey .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_line,
|
||||
.iradio_line {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line.hover,
|
||||
.icheckbox_line.checked.hover,
|
||||
.iradio_line.hover {
|
||||
background: #444;
|
||||
}
|
||||
.icheckbox_line.checked,
|
||||
.iradio_line.checked {
|
||||
background: #000;
|
||||
}
|
||||
.icheckbox_line.checked .icheck_line-icon,
|
||||
.iradio_line.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line.disabled,
|
||||
.iradio_line.disabled {
|
||||
background: #ccc;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line.disabled .icheck_line-icon,
|
||||
.iradio_line.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line.checked.disabled,
|
||||
.iradio_line.checked.disabled {
|
||||
background: #ccc;
|
||||
}
|
||||
.icheckbox_line.checked.disabled .icheck_line-icon,
|
||||
.iradio_line.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line .icheck_line-icon,
|
||||
.iradio_line .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 588 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_line-orange,
|
||||
.iradio_line-orange {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #f70;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-orange.hover,
|
||||
.icheckbox_line-orange.checked.hover,
|
||||
.iradio_line-orange.hover {
|
||||
background: #FF9233;
|
||||
}
|
||||
.icheckbox_line-orange.checked,
|
||||
.iradio_line-orange.checked {
|
||||
background: #f70;
|
||||
}
|
||||
.icheckbox_line-orange.checked .icheck_line-icon,
|
||||
.iradio_line-orange.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-orange.disabled,
|
||||
.iradio_line-orange.disabled {
|
||||
background: #FFD6B3;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-orange.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled,
|
||||
.iradio_line-orange.checked.disabled {
|
||||
background: #FFD6B3;
|
||||
}
|
||||
.icheckbox_line-orange.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-orange.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-orange .icheck_line-icon,
|
||||
.iradio_line-orange .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_line-pink,
|
||||
.iradio_line-pink {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #a77a94;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-pink.hover,
|
||||
.icheckbox_line-pink.checked.hover,
|
||||
.iradio_line-pink.hover {
|
||||
background: #B995A9;
|
||||
}
|
||||
.icheckbox_line-pink.checked,
|
||||
.iradio_line-pink.checked {
|
||||
background: #a77a94;
|
||||
}
|
||||
.icheckbox_line-pink.checked .icheck_line-icon,
|
||||
.iradio_line-pink.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-pink.disabled,
|
||||
.iradio_line-pink.disabled {
|
||||
background: #E0D0DA;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-pink.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled,
|
||||
.iradio_line-pink.checked.disabled {
|
||||
background: #E0D0DA;
|
||||
}
|
||||
.icheckbox_line-pink.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-pink.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-pink .icheck_line-icon,
|
||||
.iradio_line-pink .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_line-purple,
|
||||
.iradio_line-purple {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #6a5a8c;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-purple.hover,
|
||||
.icheckbox_line-purple.checked.hover,
|
||||
.iradio_line-purple.hover {
|
||||
background: #8677A7;
|
||||
}
|
||||
.icheckbox_line-purple.checked,
|
||||
.iradio_line-purple.checked {
|
||||
background: #6a5a8c;
|
||||
}
|
||||
.icheckbox_line-purple.checked .icheck_line-icon,
|
||||
.iradio_line-purple.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-purple.disabled,
|
||||
.iradio_line-purple.disabled {
|
||||
background: #D2CCDE;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-purple.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled,
|
||||
.iradio_line-purple.checked.disabled {
|
||||
background: #D2CCDE;
|
||||
}
|
||||
.icheckbox_line-purple.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-purple.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-purple .icheck_line-icon,
|
||||
.iradio_line-purple .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, red
|
||||
----------------------------------- */
|
||||
.icheckbox_line-red,
|
||||
.iradio_line-red {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #e56c69;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-red.hover,
|
||||
.icheckbox_line-red.checked.hover,
|
||||
.iradio_line-red.hover {
|
||||
background: #E98582;
|
||||
}
|
||||
.icheckbox_line-red.checked,
|
||||
.iradio_line-red.checked {
|
||||
background: #e56c69;
|
||||
}
|
||||
.icheckbox_line-red.checked .icheck_line-icon,
|
||||
.iradio_line-red.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-red.disabled,
|
||||
.iradio_line-red.disabled {
|
||||
background: #F7D3D2;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-red.disabled .icheck_line-icon,
|
||||
.iradio_line-red.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled,
|
||||
.iradio_line-red.checked.disabled {
|
||||
background: #F7D3D2;
|
||||
}
|
||||
.icheckbox_line-red.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-red.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-red .icheck_line-icon,
|
||||
.iradio_line-red .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
/* iCheck plugin Line skin, yellow
|
||||
----------------------------------- */
|
||||
.icheckbox_line-yellow,
|
||||
.iradio_line-yellow {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 5px 15px 5px 38px;
|
||||
font-size: 13px;
|
||||
line-height: 17px;
|
||||
color: #fff;
|
||||
background: #FFC414;
|
||||
border: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 13px;
|
||||
width: 13px;
|
||||
height: 11px;
|
||||
margin: -5px 0 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
background: url(line.png) no-repeat;
|
||||
border: none;
|
||||
}
|
||||
.icheckbox_line-yellow.hover,
|
||||
.icheckbox_line-yellow.checked.hover,
|
||||
.iradio_line-yellow.hover {
|
||||
background: #FFD34F;
|
||||
}
|
||||
.icheckbox_line-yellow.checked,
|
||||
.iradio_line-yellow.checked {
|
||||
background: #FFC414;
|
||||
}
|
||||
.icheckbox_line-yellow.checked .icheck_line-icon,
|
||||
.iradio_line-yellow.checked .icheck_line-icon {
|
||||
background-position: -15px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled,
|
||||
.iradio_line-yellow.disabled {
|
||||
background: #FFE495;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_line-yellow.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.disabled .icheck_line-icon {
|
||||
background-position: -30px 0;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled,
|
||||
.iradio_line-yellow.checked.disabled {
|
||||
background: #FFE495;
|
||||
}
|
||||
.icheckbox_line-yellow.checked.disabled .icheck_line-icon,
|
||||
.iradio_line-yellow.checked.disabled .icheck_line-icon {
|
||||
background-position: -45px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_line-yellow .icheck_line-icon,
|
||||
.iradio_line-yellow .icheck_line-icon {
|
||||
background-image: url(line@2x.png);
|
||||
-webkit-background-size: 60px 13px;
|
||||
background-size: 60px 13px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,557 @@
|
|||
/* red */
|
||||
.icheckbox_minimal-red,
|
||||
.iradio_minimal-red {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(red.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-red {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-red.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-red.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-red.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-red.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-red {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-red.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-red.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-red.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-red.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-red,
|
||||
.iradio_minimal-red {
|
||||
background-image: url(red@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* green */
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-green.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-green.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-green {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-green.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-green.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-green.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-green.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* blue */
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-blue {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-blue.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-blue.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-blue.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-blue.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* aero */
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-aero {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-aero.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-aero.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-aero.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-aero.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* grey */
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-grey {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-grey.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-grey.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-grey.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-grey.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-orange {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-orange.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-orange.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-orange.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-orange.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* yellow */
|
||||
.icheckbox_minimal-yellow,
|
||||
.iradio_minimal-yellow {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(yellow.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-yellow {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-yellow.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-yellow.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-yellow {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-yellow.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-yellow.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-yellow,
|
||||
.iradio_minimal-yellow {
|
||||
background-image: url(yellow@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pink */
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-pink {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-pink.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-pink.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-pink.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-pink.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* purple */
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-purple {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-purple.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-purple.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-purple.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-purple.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, aero
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(aero.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-aero {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-aero.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-aero.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-aero {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-aero.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-aero.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-aero.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-aero.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-aero,
|
||||
.iradio_minimal-aero {
|
||||
background-image: url(aero@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, blue
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(blue.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-blue {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-blue.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-blue.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-blue {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-blue.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-blue.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-blue.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-blue.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-blue,
|
||||
.iradio_minimal-blue {
|
||||
background-image: url(blue@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, green
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(green.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-green {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-green.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-green.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-green.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-green {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-green.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-green.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-green.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-green.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-green,
|
||||
.iradio_minimal-green {
|
||||
background-image: url(green@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, grey
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(grey.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-grey {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-grey.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-grey.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-grey {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-grey.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-grey.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-grey.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-grey.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-grey,
|
||||
.iradio_minimal-grey {
|
||||
background-image: url(grey@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, black
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(minimal.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 3/2),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal,
|
||||
.iradio_minimal {
|
||||
background-image: url(minimal@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, orange
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(orange.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-orange {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-orange.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-orange.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-orange {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-orange.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-orange.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-orange.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-orange.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-orange,
|
||||
.iradio_minimal-orange {
|
||||
background-image: url(orange@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, pink
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(pink.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-pink {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-pink.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-pink.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-pink {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-pink.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-pink.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-pink.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-pink.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-pink,
|
||||
.iradio_minimal-pink {
|
||||
background-image: url(pink@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,62 @@
|
|||
/* iCheck plugin Minimal skin, purple
|
||||
----------------------------------- */
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(purple.png) no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icheckbox_minimal-purple {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.hover {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked {
|
||||
background-position: -40px 0;
|
||||
}
|
||||
.icheckbox_minimal-purple.disabled {
|
||||
background-position: -60px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.icheckbox_minimal-purple.checked.disabled {
|
||||
background-position: -80px 0;
|
||||
}
|
||||
|
||||
.iradio_minimal-purple {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
.iradio_minimal-purple.hover {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.iradio_minimal-purple.checked {
|
||||
background-position: -140px 0;
|
||||
}
|
||||
.iradio_minimal-purple.disabled {
|
||||
background-position: -160px 0;
|
||||
cursor: default;
|
||||
}
|
||||
.iradio_minimal-purple.checked.disabled {
|
||||
background-position: -180px 0;
|
||||
}
|
||||
|
||||
/* Retina support */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-moz-min-device-pixel-ratio: 1.5),
|
||||
only screen and (-o-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
.icheckbox_minimal-purple,
|
||||
.iradio_minimal-purple {
|
||||
background-image: url(purple@2x.png);
|
||||
-webkit-background-size: 200px 20px;
|
||||
background-size: 200px 20px;
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue