Cleaning up & Login Mechanism fixed
482
_bootstrapTemplates/perfectum_dashboard_1_0_5/calendar.html
Normal file
@@ -0,0 +1,482 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||||
<meta name="author" content="Łukasz Holeczek">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
<ul>
|
||||
<li class="li1"></li>
|
||||
<li class="li2"></li>
|
||||
<li class="li3"></li>
|
||||
<li class="li4"></li>
|
||||
<li class="li5"></li>
|
||||
<li class="li6"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||||
|
||||
<!-- start: Header Menu -->
|
||||
<div class="nav-no-collapse header-nav">
|
||||
<ul class="nav pull-right">
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu notifications">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- start: Notifications Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu tasks">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">iOS Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Android Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Django Project For Google</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">SEO for new sites</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">New blog posts</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Notifications Dropdown -->
|
||||
<!-- start: Message Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu messages">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Łukasz Holeczek
|
||||
</span>
|
||||
<span class="time">
|
||||
6 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Megan Abott
|
||||
</span>
|
||||
<span class="time">
|
||||
56 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Kate Ross
|
||||
</span>
|
||||
<span class="time">
|
||||
3 hours
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Julie Blank
|
||||
</span>
|
||||
<span class="time">
|
||||
yesterday
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Jane Sanders
|
||||
</span>
|
||||
<span class="time">
|
||||
Jul 25, 2012
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Message Dropdown -->
|
||||
<li>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- start: User Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user icon-white"></i>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: User Dropdown -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end: Header Menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
<div>
|
||||
<hr>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Calendar</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-calendar"></i><span class="break"></span>Calendar</h2>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="external-events" class="span3 hidden-phone hidden-tablet">
|
||||
<h4>Draggable Events</h4>
|
||||
<div class="external-event badge">Default</div>
|
||||
<div class="external-event badge badge-success">Completed</div>
|
||||
<div class="external-event badge badge-warning">Warning</div>
|
||||
<div class="external-event badge badge-important">Important</div>
|
||||
<div class="external-event badge badge-info">Info</div>
|
||||
<div class="external-event badge badge-inverse">Other</div>
|
||||
<p>
|
||||
<label for="drop-remove"><input type="checkbox" id="drop-remove" /> remove after drop</label>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="calendar" class="span9"></div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
<hr>
|
||||
<!-- end: Content -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
567
_bootstrapTemplates/perfectum_dashboard_1_0_5/chart.html
Normal file
@@ -0,0 +1,567 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||||
<meta name="author" content="Łukasz Holeczek">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
<ul>
|
||||
<li class="li1"></li>
|
||||
<li class="li2"></li>
|
||||
<li class="li3"></li>
|
||||
<li class="li4"></li>
|
||||
<li class="li5"></li>
|
||||
<li class="li6"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||||
|
||||
<!-- start: Header Menu -->
|
||||
<div class="nav-no-collapse header-nav">
|
||||
<ul class="nav pull-right">
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu notifications">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- start: Notifications Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu tasks">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">iOS Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Android Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Django Project For Google</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">SEO for new sites</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">New blog posts</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Notifications Dropdown -->
|
||||
<!-- start: Message Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu messages">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Łukasz Holeczek
|
||||
</span>
|
||||
<span class="time">
|
||||
6 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Megan Abott
|
||||
</span>
|
||||
<span class="time">
|
||||
56 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Kate Ross
|
||||
</span>
|
||||
<span class="time">
|
||||
3 hours
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Julie Blank
|
||||
</span>
|
||||
<span class="time">
|
||||
yesterday
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Jane Sanders
|
||||
</span>
|
||||
<span class="time">
|
||||
Jul 25, 2012
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Message Dropdown -->
|
||||
<li>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- start: User Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user icon-white"></i>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: User Dropdown -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end: Header Menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
|
||||
<div>
|
||||
<hr>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Charts</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-list-alt"></i><span class="break"></span>Chart with points</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="sincos" class="center" style="height:300px;" ></div>
|
||||
<p id="hoverdata">Mouse position at (<span id="x">0</span>, <span id="y">0</span>). <span id="clickdata"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-list-alt"></i><span class="break"></span>Flot</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="flotchart" class="center" style="height:300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-list-alt"></i><span class="break"></span>Stack Example</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="stackchart" class="center" style="height:300px;"></div>
|
||||
|
||||
<p class="stackControls center">
|
||||
<input class="btn" type="button" value="With stacking">
|
||||
<input class="btn" type="button" value="Without stacking">
|
||||
</p>
|
||||
|
||||
<p class="graphControls center">
|
||||
<input class="btn-primary" type="button" value="Bars">
|
||||
<input class="btn-primary" type="button" value="Lines">
|
||||
<input class="btn-primary" type="button" value="Lines with steps">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span6">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-list-alt"></i><span class="break"></span>Pie</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="piechart" style="height:300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box span6">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i><span class="break"></span>Donut</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="donutchart" style="height: 300px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-list-alt"></i><span class="break"></span>Realtime</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="realtimechart" style="height:190px;"></div>
|
||||
<p>You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
||||
<p>Time between updates: <input id="updateInterval" type="text" value="" style="text-align: right; width:5em"> milliseconds</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<hr>
|
||||
<!-- end: Content -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1109
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/bootstrap-responsive.css
vendored
Normal file
9
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/bootstrap-responsive.min.css
vendored
Normal file
6158
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/bootstrap.css
vendored
Normal file
9
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/bootstrap.min.css
vendored
Normal file
398
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/chosen.css
Normal file
@@ -0,0 +1,398 @@
|
||||
/* @group Base */
|
||||
.chzn-container {
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
background: #fff;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
left: 0;
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
z-index: 1010;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Single Chosen */
|
||||
.chzn-container-single .chzn-single {
|
||||
background-color: #ffffff;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
border-radius : 5px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
border: 1px solid #aaaaaa;
|
||||
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
height: 23px;
|
||||
line-height: 24px;
|
||||
padding: 0 0 0 8px;
|
||||
color: #444444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.chzn-container-single .chzn-default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-o-text-overflow: ellipsis;
|
||||
-ms-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 6px;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
font-size: 1px;
|
||||
background: url('../img/chosen-sprite.png') right top no-repeat;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
||||
background-position: right top;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 18px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div b {
|
||||
background: url('../img/chosen-sprite.png') no-repeat 0 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.chzn-container-single .chzn-search {
|
||||
padding: 3px 4px;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
z-index: 1010;
|
||||
}
|
||||
.chzn-container-single .chzn-search input {
|
||||
background: #fff url('../img/chosen-sprite.png') no-repeat 100% -22px;
|
||||
background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
margin: 1px 0;
|
||||
padding: 4px 20px 4px 5px;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.chzn-container-single .chzn-drop {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius : 0 0 4px 4px;
|
||||
border-radius : 0 0 4px 4px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
.chzn-container-single-nosearch .chzn-search input {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
}
|
||||
|
||||
/* @group Multi Chosen */
|
||||
.chzn-container-multi .chzn-choices {
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
border: 1px solid #aaa;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
position: relative;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field input {
|
||||
color: #666;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
height: 15px;
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
-o-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field .default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
background-color: #e4e4e4;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
color: #333;
|
||||
border: 1px solid #aaaaaa;
|
||||
line-height: 13px;
|
||||
padding: 3px 20px 3px 5px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 4px;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
font-size: 1px;
|
||||
background: url('../img/chosen-sprite.png') right top no-repeat;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
|
||||
background-position: right -11px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Results */
|
||||
.chzn-container .chzn-results {
|
||||
margin: 0 4px 4px 0;
|
||||
max-height: 240px;
|
||||
padding: 0 0 0 4px;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.chzn-container-multi .chzn-results {
|
||||
margin: -1px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
display: none;
|
||||
line-height: 15px;
|
||||
padding: 5px 6px;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container .chzn-results .active-result {
|
||||
cursor: pointer;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted {
|
||||
background-color: #3875d7;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
color: #fff;
|
||||
}
|
||||
.chzn-container .chzn-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
.chzn-container .chzn-results .no-results {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .group-result {
|
||||
cursor: default;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.chzn-container .chzn-results .group-option {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.chzn-container-multi .chzn-drop .result-selected {
|
||||
display: none;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll {
|
||||
background: white;
|
||||
margin: 0 4px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 321px; /* This should by dynamic with js */
|
||||
z-index: 1;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll span {
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
text-indent: -5000px;
|
||||
width: 9px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down {
|
||||
bottom: 0;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down span {
|
||||
background: url('../img/chosen-sprite.png') no-repeat -4px -3px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-up span {
|
||||
background: url('../img/chosen-sprite.png') no-repeat -22px -3px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Active */
|
||||
.chzn-container-active .chzn-single {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop {
|
||||
border: 1px solid #aaa;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
-moz-box-shadow : 0 1px 0 #fff inset;
|
||||
-o-box-shadow : 0 1px 0 #fff inset;
|
||||
box-shadow : 0 1px 0 #fff inset;
|
||||
background-color: #eee;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
-webkit-border-bottom-left-radius : 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft : 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-left-radius : 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div {
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div b {
|
||||
background-position: -18px 1px;
|
||||
}
|
||||
.chzn-container-active .chzn-choices {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-choices .search-field input {
|
||||
color: #111 !important;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Disabled Support */
|
||||
.chzn-disabled {
|
||||
cursor: default;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.chzn-disabled .chzn-single {
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @group Right to Left */
|
||||
.chzn-rtl { text-align: right; }
|
||||
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
|
||||
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
|
||||
|
||||
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
|
||||
.chzn-rtl .chzn-single abbr {
|
||||
left: 26px;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
|
||||
.chzn-rtl .chzn-choices li { float: right; }
|
||||
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
|
||||
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
|
||||
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
|
||||
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
|
||||
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
|
||||
.chzn-rtl .chzn-search input {
|
||||
background: #fff url('../img/chosen-sprite.png') no-repeat -38px -22px;
|
||||
background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('../img/chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
padding: 4px 5px 4px 20px;
|
||||
direction: rtl;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* Localized */
|
||||
9
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/elfinder.min.css
vendored
Normal file
@@ -0,0 +1,49 @@
|
||||
/**
|
||||
* MacOS X like theme for elFinder.
|
||||
* Required jquery ui "smoothness" theme.
|
||||
*
|
||||
* @author Dmitry (dio) Levashov
|
||||
**/
|
||||
|
||||
/* dialogs */
|
||||
.std42-dialog, .std42-dialog .ui-widget-content { background-color:#ededed; background-image:none; background-clip: content-box; }
|
||||
|
||||
/* navbar */
|
||||
.elfinder .elfinder-navbar { background:#dde4eb; }
|
||||
.elfinder-navbar .ui-state-hover { background:transparent; border-color:transparent; }
|
||||
.elfinder-navbar .ui-state-active { background: #3875d7; border-color:#3875d7; color:#fff; }
|
||||
/* disabled elfinder */
|
||||
.elfinder-disabled .elfinder-navbar .ui-state-active { background: #dadada; border-color:#aaa; color:#fff; }
|
||||
|
||||
|
||||
/* current directory */
|
||||
/* selected file in "icons" view */
|
||||
.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { background:#ccc; }
|
||||
/* list view*/
|
||||
.elfinder-cwd table tr:nth-child(odd) { background-color:#edf3fe; }
|
||||
.elfinder-cwd table tr { border-top:1px solid #fff; }
|
||||
|
||||
/* common selected background/color */
|
||||
.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
|
||||
.elfinder-cwd table td.ui-state-hover,
|
||||
.elfinder-button-menu .ui-state-hover { background: #3875d7; color:#fff;}
|
||||
/* disabled elfinder */
|
||||
.elfinder-disabled .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
|
||||
.elfinder-disabled .elfinder-cwd table td.ui-state-hover { background:#dadada;}
|
||||
|
||||
/* statusbar */
|
||||
.elfinder .elfinder-statusbar { color:#555; }
|
||||
.elfinder .elfinder-statusbar a { text-decoration:none; color:#555;}
|
||||
|
||||
|
||||
.std42-dialog .elfinder-help, .std42-dialog .elfinder-help .ui-widget-content { background:#fff;}
|
||||
|
||||
/* contextmenu */
|
||||
.elfinder-contextmenu .ui-state-hover { background: #3875d7; color:#fff; }
|
||||
.elfinder-contextmenu .ui-state-hover .elfinder-contextmenu-arrow { background-image:url('../img/arrows-active.png'); }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,288 @@
|
||||
[class^="fa-icon-"],
|
||||
[class*=" fa-icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.btn.dropdown-toggle [class^="fa-icon-"], .btn.dropdown-toggle [class*=" fa-icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.fa-icon-large {
|
||||
font-size: 1.3333em;
|
||||
}
|
||||
|
||||
.fa-icon-glass { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-music { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-search { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-envelope { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-star { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-user { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-film { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-th { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-th-list { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-remove { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-zoom-in { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-zoom-out { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-off { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-signal { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-home { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-file { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-time { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-road { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-download-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-download { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-inbox { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-play-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-repeat { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-list-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-flag { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-headphones { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-volume-off { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-volume-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-volume-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-qrcode { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-book { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bookmark { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-print { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-camera { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-font { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bold { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-italic { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-text-height { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-text-width { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-align-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-align-center { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-align-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-align-justify { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-list { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-indent-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-indent-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-facetime-video { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-map-marker { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-adjust { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-tint { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-share { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-check { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-move { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-step-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-fast-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-play { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-pause { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-stop { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-fast-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-step-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-eject { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-chevron-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-chevron-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-minus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-remove-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-ok-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-question-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-info-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-screenshot { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-remove-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-ok-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-ban-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-share-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-minus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-asterisk { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-exclamation-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-leaf { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-fire { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-eye-open { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-eye-close { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-warning-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-plane { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-random { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-chevron-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-chevron-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-retweet { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-shopping-cart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-folder-close { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-resize-vertical { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-resize-horizontal { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-bar-chart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-twitter-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-facebook-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-camera-retro { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-key { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-comments { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-star-half { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-heart-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-signout { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-linkedin-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-pushpin { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-external-link { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-signin { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-trophy { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-github-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-upload-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-lemon { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bookmark-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-phone-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-github { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-unlock { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-credit-card { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-rss { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-hdd { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bullhorn { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-certificate { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-hand-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-hand-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-hand-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-hand-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-circle-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-circle-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-circle-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-circle-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-tasks { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-filter { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-briefcase { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-fullscreen { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-group { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-link { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-cloud { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-beaker { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-cut { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-copy { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-paper-clip { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-save { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-sign-blank { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-reorder { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-list-ul { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-list-ol { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-strikethrough { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-underline { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-table { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-magic { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-truck { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-pinterest { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-pinterest-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-google-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-google-plus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-money { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-caret-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-caret-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-caret-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-caret-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-columns { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-sort { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-sort-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-sort-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-envelope-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-linkedin { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-undo { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-legal { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-dashboard { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-comment-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-comments-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bolt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-sitemap { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-umbrella { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-paste { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-user-md { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-apple-logo { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-windows-8 { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-js-fiddle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-skype { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-youtube-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-youtube { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-vimeo-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-vimeo { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-lastfm-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-lastfm { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-rss-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-reddit { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-delicious-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-wordpress-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-wordpress { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-git-fork { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-blogger-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-blogger { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-tumblr-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-tumblr { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-flickr-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-flickr { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-picasa-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-picasa { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-amazon-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-amazon { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-yelp-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-yelp { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-soundcloud { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-spotify { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
|
||||
.fa-icon-yahoo-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-yahoo { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-evernote-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-evernote { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-google-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-google { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-hacker-news { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-map { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-bike-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-car-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-taxi-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-truck-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
.fa-icon-handicap-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
|
||||
542
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/font-awesome.css
vendored
Normal file
@@ -0,0 +1,542 @@
|
||||
/*!
|
||||
* Font Awesome 3.0.1
|
||||
* the iconic font designed for use with Twitter Bootstrap
|
||||
* -------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation
|
||||
* can be found at: http://fortawesome.github.com/Font-Awesome/
|
||||
*
|
||||
* License
|
||||
* -------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
|
||||
* http://opensource.org/licenses/mit-license.html
|
||||
* - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
|
||||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||
* "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
|
||||
|
||||
* Contact
|
||||
* -------------------------------------------------------
|
||||
* Email: dave@davegandy.com
|
||||
* Twitter: http://twitter.com/fortaweso_me
|
||||
* Work: Lead Product Designer @ http://kyruus.com
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('../font/fontawesome-webfont-62877.eot');
|
||||
src: url('../font/fontawesome-webfont-0.eot#iefix&v=3.0.1') format('embedded-opentype'),
|
||||
url('../font/fontawesome-webfont-62877.woff') format('woff'),
|
||||
url('../font/fontawesome-webfont-62877.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Font Awesome styles
|
||||
------------------------------------------------------- */
|
||||
[class^="fa-icon-"],
|
||||
[class*=" fa-icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-decoration: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
/* sprites.less reset */
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
margin-top: 0;
|
||||
}
|
||||
/* more sprites.less reset */
|
||||
.fa-icon-white,
|
||||
.nav-pills > .active > a > [class^="fa-icon-"],
|
||||
.nav-pills > .active > a > [class*=" fa-icon-"],
|
||||
.nav-list > .active > a > [class^="fa-icon-"],
|
||||
.nav-list > .active > a > [class*=" fa-icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class^="fa-icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class*=" fa-icon-"],
|
||||
.dropdown-menu > li > a:hover > [class^="fa-icon-"],
|
||||
.dropdown-menu > li > a:hover > [class*=" fa-icon-"],
|
||||
.dropdown-menu > .active > a > [class^="fa-icon-"],
|
||||
.dropdown-menu > .active > a > [class*=" fa-icon-"],
|
||||
.dropdown-submenu:hover > a > [class^="fa-icon-"],
|
||||
.dropdown-submenu:hover > a > [class*=" fa-icon-"] {
|
||||
background-image: none;
|
||||
}
|
||||
[class^="fa-icon-"]:before,
|
||||
[class*=" fa-icon-"]:before {
|
||||
text-decoration: inherit;
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
/* makes sure icons active on rollover in links */
|
||||
a [class^="fa-icon-"],
|
||||
a [class*=" fa-icon-"] {
|
||||
display: inline-block;
|
||||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.fa-icon-large:before {
|
||||
vertical-align: -10%;
|
||||
font-size: 1.3333333333333333em;
|
||||
}
|
||||
.btn [class^="fa-icon-"],
|
||||
.nav [class^="fa-icon-"],
|
||||
.btn [class*=" fa-icon-"],
|
||||
.nav [class*=" fa-icon-"] {
|
||||
display: inline;
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
}
|
||||
.btn [class^="fa-icon-"].fa-icon-large,
|
||||
.nav [class^="fa-icon-"].fa-icon-large,
|
||||
.btn [class*=" fa-icon-"].fa-icon-large,
|
||||
.nav [class*=" fa-icon-"].fa-icon-large {
|
||||
line-height: .9em;
|
||||
}
|
||||
.btn [class^="fa-icon-"].fa-icon-spin,
|
||||
.nav [class^="fa-icon-"].fa-icon-spin,
|
||||
.btn [class*=" fa-icon-"].fa-icon-spin,
|
||||
.nav [class*=" fa-icon-"].fa-icon-spin {
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-tabs [class^="fa-icon-"],
|
||||
.nav-pills [class^="fa-icon-"],
|
||||
.nav-tabs [class*=" fa-icon-"],
|
||||
.nav-pills [class*=" fa-icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
}
|
||||
.nav-tabs [class^="fa-icon-"],
|
||||
.nav-pills [class^="fa-icon-"],
|
||||
.nav-tabs [class*=" fa-icon-"],
|
||||
.nav-pills [class*=" fa-icon-"],
|
||||
.nav-tabs [class^="fa-icon-"].fa-icon-large,
|
||||
.nav-pills [class^="fa-icon-"].fa-icon-large,
|
||||
.nav-tabs [class*=" fa-icon-"].fa-icon-large,
|
||||
.nav-pills [class*=" fa-icon-"].fa-icon-large {
|
||||
line-height: .9em;
|
||||
}
|
||||
li [class^="fa-icon-"],
|
||||
.nav li [class^="fa-icon-"],
|
||||
li [class*=" fa-icon-"],
|
||||
.nav li [class*=" fa-icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
li [class^="fa-icon-"].fa-icon-large,
|
||||
.nav li [class^="fa-icon-"].fa-icon-large,
|
||||
li [class*=" fa-icon-"].fa-icon-large,
|
||||
.nav li [class*=" fa-icon-"].fa-icon-large {
|
||||
/* increased font size for fa-icon-large */
|
||||
|
||||
width: 1.5625em;
|
||||
}
|
||||
ul.icons {
|
||||
list-style-type: none;
|
||||
text-indent: -0.75em;
|
||||
}
|
||||
ul.icons li [class^="fa-icon-"],
|
||||
ul.icons li [class*=" fa-icon-"] {
|
||||
width: .75em;
|
||||
}
|
||||
.fa-icon-muted {
|
||||
color: #eeeeee;
|
||||
}
|
||||
.fa-icon-border {
|
||||
border: solid 1px #eeeeee;
|
||||
padding: .2em .25em .15em;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.fa-icon-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.fa-icon-2x.fa-icon-border {
|
||||
border-width: 2px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.fa-icon-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
.fa-icon-3x.fa-icon-border {
|
||||
border-width: 3px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.fa-icon-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
.fa-icon-4x.fa-icon-border {
|
||||
border-width: 4px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
[class^="fa-icon-"].pull-left,
|
||||
[class*=" fa-icon-"].pull-left {
|
||||
margin-right: .3em;
|
||||
}
|
||||
[class^="fa-icon-"].pull-right,
|
||||
[class*=" fa-icon-"].pull-right {
|
||||
margin-left: .3em;
|
||||
}
|
||||
.btn [class^="fa-icon-"].pull-left.fa-icon-2x,
|
||||
.btn [class*=" fa-icon-"].pull-left.fa-icon-2x,
|
||||
.btn [class^="fa-icon-"].pull-right.fa-icon-2x,
|
||||
.btn [class*=" fa-icon-"].pull-right.fa-icon-2x {
|
||||
margin-top: .18em;
|
||||
}
|
||||
.btn [class^="fa-icon-"].fa-icon-spin.fa-icon-large,
|
||||
.btn [class*=" fa-icon-"].fa-icon-spin.fa-icon-large {
|
||||
line-height: .8em;
|
||||
}
|
||||
.btn.btn-small [class^="fa-icon-"].pull-left.fa-icon-2x,
|
||||
.btn.btn-small [class*=" fa-icon-"].pull-left.fa-icon-2x,
|
||||
.btn.btn-small [class^="fa-icon-"].pull-right.fa-icon-2x,
|
||||
.btn.btn-small [class*=" fa-icon-"].pull-right.fa-icon-2x {
|
||||
margin-top: .25em;
|
||||
}
|
||||
.btn.btn-large [class^="fa-icon-"],
|
||||
.btn.btn-large [class*=" fa-icon-"] {
|
||||
margin-top: 0;
|
||||
}
|
||||
.btn.btn-large [class^="fa-icon-"].pull-left.fa-icon-2x,
|
||||
.btn.btn-large [class*=" fa-icon-"].pull-left.fa-icon-2x,
|
||||
.btn.btn-large [class^="fa-icon-"].pull-right.fa-icon-2x,
|
||||
.btn.btn-large [class*=" fa-icon-"].pull-right.fa-icon-2x {
|
||||
margin-top: .05em;
|
||||
}
|
||||
.btn.btn-large [class^="fa-icon-"].pull-left.fa-icon-2x,
|
||||
.btn.btn-large [class*=" fa-icon-"].pull-left.fa-icon-2x {
|
||||
margin-right: .2em;
|
||||
}
|
||||
.btn.btn-large [class^="fa-icon-"].pull-right.fa-icon-2x,
|
||||
.btn.btn-large [class*=" fa-icon-"].pull-right.fa-icon-2x {
|
||||
margin-left: .2em;
|
||||
}
|
||||
.fa-icon-spin {
|
||||
display: inline-block;
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
-o-animation: spin 2s infinite linear;
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
@-moz-keyframes spin {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
100% { -moz-transform: rotate(359deg); }
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(359deg); }
|
||||
}
|
||||
@-o-keyframes spin {
|
||||
0% { -o-transform: rotate(0deg); }
|
||||
100% { -o-transform: rotate(359deg); }
|
||||
}
|
||||
@-ms-keyframes spin {
|
||||
0% { -ms-transform: rotate(0deg); }
|
||||
100% { -ms-transform: rotate(359deg); }
|
||||
}
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(359deg); }
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.fa-icon-spin {
|
||||
height: .9em;
|
||||
}
|
||||
.btn .fa-icon-spin {
|
||||
height: auto;
|
||||
}
|
||||
.fa-icon-spin.fa-icon-large {
|
||||
height: 1.25em;
|
||||
}
|
||||
.btn .fa-icon-spin.fa-icon-large {
|
||||
height: .75em;
|
||||
}
|
||||
}
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.fa-icon-glass:before { content: "\f000"; }
|
||||
.fa-icon-music:before { content: "\f001"; }
|
||||
.fa-icon-search:before { content: "\f002"; }
|
||||
.fa-icon-envelope:before { content: "\f003"; }
|
||||
.fa-icon-heart:before { content: "\f004"; }
|
||||
.fa-icon-star:before { content: "\f005"; }
|
||||
.fa-icon-star-empty:before { content: "\f006"; }
|
||||
.fa-icon-user:before { content: "\f007"; }
|
||||
.fa-icon-film:before { content: "\f008"; }
|
||||
.fa-icon-th-large:before { content: "\f009"; }
|
||||
.fa-icon-th:before { content: "\f00a"; }
|
||||
.fa-icon-th-list:before { content: "\f00b"; }
|
||||
.fa-icon-ok:before { content: "\f00c"; }
|
||||
.fa-icon-remove:before { content: "\f00d"; }
|
||||
.fa-icon-zoom-in:before { content: "\f00e"; }
|
||||
|
||||
.fa-icon-zoom-out:before { content: "\f010"; }
|
||||
.fa-icon-off:before { content: "\f011"; }
|
||||
.fa-icon-signal:before { content: "\f012"; }
|
||||
.fa-icon-cog:before { content: "\f013"; }
|
||||
.fa-icon-trash:before { content: "\f014"; }
|
||||
.fa-icon-home:before { content: "\f015"; }
|
||||
.fa-icon-file:before { content: "\f016"; }
|
||||
.fa-icon-time:before { content: "\f017"; }
|
||||
.fa-icon-road:before { content: "\f018"; }
|
||||
.fa-icon-download-alt:before { content: "\f019"; }
|
||||
.fa-icon-download:before { content: "\f01a"; }
|
||||
.fa-icon-upload:before { content: "\f01b"; }
|
||||
.fa-icon-inbox:before { content: "\f01c"; }
|
||||
.fa-icon-play-circle:before { content: "\f01d"; }
|
||||
.fa-icon-repeat:before { content: "\f01e"; }
|
||||
|
||||
/* \f020 doesn't work in Safari. all shifted one down */
|
||||
.fa-icon-refresh:before { content: "\f021"; }
|
||||
.fa-icon-list-alt:before { content: "\f022"; }
|
||||
.fa-icon-lock:before { content: "\f023"; }
|
||||
.fa-icon-flag:before { content: "\f024"; }
|
||||
.fa-icon-headphones:before { content: "\f025"; }
|
||||
.fa-icon-volume-off:before { content: "\f026"; }
|
||||
.fa-icon-volume-down:before { content: "\f027"; }
|
||||
.fa-icon-volume-up:before { content: "\f028"; }
|
||||
.fa-icon-qrcode:before { content: "\f029"; }
|
||||
.fa-icon-barcode:before { content: "\f02a"; }
|
||||
.fa-icon-tag:before { content: "\f02b"; }
|
||||
.fa-icon-tags:before { content: "\f02c"; }
|
||||
.fa-icon-book:before { content: "\f02d"; }
|
||||
.fa-icon-bookmark:before { content: "\f02e"; }
|
||||
.fa-icon-print:before { content: "\f02f"; }
|
||||
|
||||
.fa-icon-camera:before { content: "\f030"; }
|
||||
.fa-icon-font:before { content: "\f031"; }
|
||||
.fa-icon-bold:before { content: "\f032"; }
|
||||
.fa-icon-italic:before { content: "\f033"; }
|
||||
.fa-icon-text-height:before { content: "\f034"; }
|
||||
.fa-icon-text-width:before { content: "\f035"; }
|
||||
.fa-icon-align-left:before { content: "\f036"; }
|
||||
.fa-icon-align-center:before { content: "\f037"; }
|
||||
.fa-icon-align-right:before { content: "\f038"; }
|
||||
.fa-icon-align-justify:before { content: "\f039"; }
|
||||
.fa-icon-list:before { content: "\f03a"; }
|
||||
.fa-icon-indent-left:before { content: "\f03b"; }
|
||||
.fa-icon-indent-right:before { content: "\f03c"; }
|
||||
.fa-icon-facetime-video:before { content: "\f03d"; }
|
||||
.fa-icon-picture:before { content: "\f03e"; }
|
||||
|
||||
.fa-icon-pencil:before { content: "\f040"; }
|
||||
.fa-icon-map-marker:before { content: "\f041"; }
|
||||
.fa-icon-adjust:before { content: "\f042"; }
|
||||
.fa-icon-tint:before { content: "\f043"; }
|
||||
.fa-icon-edit:before { content: "\f044"; }
|
||||
.fa-icon-share:before { content: "\f045"; }
|
||||
.fa-icon-check:before { content: "\f046"; }
|
||||
.fa-icon-move:before { content: "\f047"; }
|
||||
.fa-icon-step-backward:before { content: "\f048"; }
|
||||
.fa-icon-fast-backward:before { content: "\f049"; }
|
||||
.fa-icon-backward:before { content: "\f04a"; }
|
||||
.fa-icon-play:before { content: "\f04b"; }
|
||||
.fa-icon-pause:before { content: "\f04c"; }
|
||||
.fa-icon-stop:before { content: "\f04d"; }
|
||||
.fa-icon-forward:before { content: "\f04e"; }
|
||||
|
||||
.fa-icon-fast-forward:before { content: "\f050"; }
|
||||
.fa-icon-step-forward:before { content: "\f051"; }
|
||||
.fa-icon-eject:before { content: "\f052"; }
|
||||
.fa-icon-chevron-left:before { content: "\f053"; }
|
||||
.fa-icon-chevron-right:before { content: "\f054"; }
|
||||
.fa-icon-plus-sign:before { content: "\f055"; }
|
||||
.fa-icon-minus-sign:before { content: "\f056"; }
|
||||
.fa-icon-remove-sign:before { content: "\f057"; }
|
||||
.fa-icon-ok-sign:before { content: "\f058"; }
|
||||
.fa-icon-question-sign:before { content: "\f059"; }
|
||||
.fa-icon-info-sign:before { content: "\f05a"; }
|
||||
.fa-icon-screenshot:before { content: "\f05b"; }
|
||||
.fa-icon-remove-circle:before { content: "\f05c"; }
|
||||
.fa-icon-ok-circle:before { content: "\f05d"; }
|
||||
.fa-icon-ban-circle:before { content: "\f05e"; }
|
||||
|
||||
.fa-icon-arrow-left:before { content: "\f060"; }
|
||||
.fa-icon-arrow-right:before { content: "\f061"; }
|
||||
.fa-icon-arrow-up:before { content: "\f062"; }
|
||||
.fa-icon-arrow-down:before { content: "\f063"; }
|
||||
.fa-icon-share-alt:before { content: "\f064"; }
|
||||
.fa-icon-resize-full:before { content: "\f065"; }
|
||||
.fa-icon-resize-small:before { content: "\f066"; }
|
||||
.fa-icon-plus:before { content: "\f067"; }
|
||||
.fa-icon-minus:before { content: "\f068"; }
|
||||
.fa-icon-asterisk:before { content: "\f069"; }
|
||||
.fa-icon-exclamation-sign:before { content: "\f06a"; }
|
||||
.fa-icon-gift:before { content: "\f06b"; }
|
||||
.fa-icon-leaf:before { content: "\f06c"; }
|
||||
.fa-icon-fire:before { content: "\f06d"; }
|
||||
.fa-icon-eye-open:before { content: "\f06e"; }
|
||||
|
||||
.fa-icon-eye-close:before { content: "\f070"; }
|
||||
.fa-icon-warning-sign:before { content: "\f071"; }
|
||||
.fa-icon-plane:before { content: "\f072"; }
|
||||
.fa-icon-calendar:before { content: "\f073"; }
|
||||
.fa-icon-random:before { content: "\f074"; }
|
||||
.fa-icon-comment:before { content: "\f075"; }
|
||||
.fa-icon-magnet:before { content: "\f076"; }
|
||||
.fa-icon-chevron-up:before { content: "\f077"; }
|
||||
.fa-icon-chevron-down:before { content: "\f078"; }
|
||||
.fa-icon-retweet:before { content: "\f079"; }
|
||||
.fa-icon-shopping-cart:before { content: "\f07a"; }
|
||||
.fa-icon-folder-close:before { content: "\f07b"; }
|
||||
.fa-icon-folder-open:before { content: "\f07c"; }
|
||||
.fa-icon-resize-vertical:before { content: "\f07d"; }
|
||||
.fa-icon-resize-horizontal:before { content: "\f07e"; }
|
||||
|
||||
.fa-icon-bar-chart:before { content: "\f080"; }
|
||||
.fa-icon-twitter-sign:before { content: "\f081"; }
|
||||
.fa-icon-facebook-sign:before { content: "\f082"; }
|
||||
.fa-icon-camera-retro:before { content: "\f083"; }
|
||||
.fa-icon-key:before { content: "\f084"; }
|
||||
.fa-icon-cogs:before { content: "\f085"; }
|
||||
.fa-icon-comments:before { content: "\f086"; }
|
||||
.fa-icon-thumbs-up:before { content: "\f087"; }
|
||||
.fa-icon-thumbs-down:before { content: "\f088"; }
|
||||
.fa-icon-star-half:before { content: "\f089"; }
|
||||
.fa-icon-heart-empty:before { content: "\f08a"; }
|
||||
.fa-icon-signout:before { content: "\f08b"; }
|
||||
.fa-icon-linkedin-sign:before { content: "\f08c"; }
|
||||
.fa-icon-pushpin:before { content: "\f08d"; }
|
||||
.fa-icon-external-link:before { content: "\f08e"; }
|
||||
|
||||
.fa-icon-signin:before { content: "\f090"; }
|
||||
.fa-icon-trophy:before { content: "\f091"; }
|
||||
.fa-icon-github-sign:before { content: "\f092"; }
|
||||
.fa-icon-upload-alt:before { content: "\f093"; }
|
||||
.fa-icon-lemon:before { content: "\f094"; }
|
||||
.fa-icon-phone:before { content: "\f095"; }
|
||||
.fa-icon-check-empty:before { content: "\f096"; }
|
||||
.fa-icon-bookmark-empty:before { content: "\f097"; }
|
||||
.fa-icon-phone-sign:before { content: "\f098"; }
|
||||
.fa-icon-twitter:before { content: "\f099"; }
|
||||
.fa-icon-facebook:before { content: "\f09a"; }
|
||||
.fa-icon-github:before { content: "\f09b"; }
|
||||
.fa-icon-unlock:before { content: "\f09c"; }
|
||||
.fa-icon-credit-card:before { content: "\f09d"; }
|
||||
.fa-icon-rss:before { content: "\f09e"; }
|
||||
|
||||
.fa-icon-hdd:before { content: "\f0a0"; }
|
||||
.fa-icon-bullhorn:before { content: "\f0a1"; }
|
||||
.fa-icon-bell:before { content: "\f0a2"; }
|
||||
.fa-icon-certificate:before { content: "\f0a3"; }
|
||||
.fa-icon-hand-right:before { content: "\f0a4"; }
|
||||
.fa-icon-hand-left:before { content: "\f0a5"; }
|
||||
.fa-icon-hand-up:before { content: "\f0a6"; }
|
||||
.fa-icon-hand-down:before { content: "\f0a7"; }
|
||||
.fa-icon-circle-arrow-left:before { content: "\f0a8"; }
|
||||
.fa-icon-circle-arrow-right:before { content: "\f0a9"; }
|
||||
.fa-icon-circle-arrow-up:before { content: "\f0aa"; }
|
||||
.fa-icon-circle-arrow-down:before { content: "\f0ab"; }
|
||||
.fa-icon-globe:before { content: "\f0ac"; }
|
||||
.fa-icon-wrench:before { content: "\f0ad"; }
|
||||
.fa-icon-tasks:before { content: "\f0ae"; }
|
||||
|
||||
.fa-icon-filter:before { content: "\f0b0"; }
|
||||
.fa-icon-briefcase:before { content: "\f0b1"; }
|
||||
.fa-icon-fullscreen:before { content: "\f0b2"; }
|
||||
|
||||
.fa-icon-group:before { content: "\f0c0"; }
|
||||
.fa-icon-link:before { content: "\f0c1"; }
|
||||
.fa-icon-cloud:before { content: "\f0c2"; }
|
||||
.fa-icon-beaker:before { content: "\f0c3"; }
|
||||
.fa-icon-cut:before { content: "\f0c4"; }
|
||||
.fa-icon-copy:before { content: "\f0c5"; }
|
||||
.fa-icon-paper-clip:before { content: "\f0c6"; }
|
||||
.fa-icon-save:before { content: "\f0c7"; }
|
||||
.fa-icon-sign-blank:before { content: "\f0c8"; }
|
||||
.fa-icon-reorder:before { content: "\f0c9"; }
|
||||
.fa-icon-list-ul:before { content: "\f0ca"; }
|
||||
.fa-icon-list-ol:before { content: "\f0cb"; }
|
||||
.fa-icon-strikethrough:before { content: "\f0cc"; }
|
||||
.fa-icon-underline:before { content: "\f0cd"; }
|
||||
.fa-icon-table:before { content: "\f0ce"; }
|
||||
|
||||
.fa-icon-magic:before { content: "\f0d0"; }
|
||||
.fa-icon-truck:before { content: "\f0d1"; }
|
||||
.fa-icon-pinterest:before { content: "\f0d2"; }
|
||||
.fa-icon-pinterest-sign:before { content: "\f0d3"; }
|
||||
.fa-icon-google-plus-sign:before { content: "\f0d4"; }
|
||||
.fa-icon-google-plus:before { content: "\f0d5"; }
|
||||
.fa-icon-money:before { content: "\f0d6"; }
|
||||
.fa-icon-caret-down:before { content: "\f0d7"; }
|
||||
.fa-icon-caret-up:before { content: "\f0d8"; }
|
||||
.fa-icon-caret-left:before { content: "\f0d9"; }
|
||||
.fa-icon-caret-right:before { content: "\f0da"; }
|
||||
.fa-icon-columns:before { content: "\f0db"; }
|
||||
.fa-icon-sort:before { content: "\f0dc"; }
|
||||
.fa-icon-sort-down:before { content: "\f0dd"; }
|
||||
.fa-icon-sort-up:before { content: "\f0de"; }
|
||||
|
||||
.fa-icon-envelope-alt:before { content: "\f0e0"; }
|
||||
.fa-icon-linkedin:before { content: "\f0e1"; }
|
||||
.fa-icon-undo:before { content: "\f0e2"; }
|
||||
.fa-icon-legal:before { content: "\f0e3"; }
|
||||
.fa-icon-dashboard:before { content: "\f0e4"; }
|
||||
.fa-icon-comment-alt:before { content: "\f0e5"; }
|
||||
.fa-icon-comments-alt:before { content: "\f0e6"; }
|
||||
.fa-icon-bolt:before { content: "\f0e7"; }
|
||||
.fa-icon-sitemap:before { content: "\f0e8"; }
|
||||
.fa-icon-umbrella:before { content: "\f0e9"; }
|
||||
.fa-icon-paste:before { content: "\f0ea"; }
|
||||
.fa-icon-lightbulb:before { content: "\f0eb"; }
|
||||
.fa-icon-exchange:before { content: "\f0ec"; }
|
||||
.fa-icon-cloud-download:before { content: "\f0ed"; }
|
||||
.fa-icon-cloud-upload:before { content: "\f0ee"; }
|
||||
|
||||
.fa-icon-user-md:before { content: "\f0f0"; }
|
||||
.fa-icon-stethoscope:before { content: "\f0f1"; }
|
||||
.fa-icon-suitcase:before { content: "\f0f2"; }
|
||||
.fa-icon-bell-alt:before { content: "\f0f3"; }
|
||||
.fa-icon-coffee:before { content: "\f0f4"; }
|
||||
.fa-icon-food:before { content: "\f0f5"; }
|
||||
.fa-icon-file-alt:before { content: "\f0f6"; }
|
||||
.fa-icon-building:before { content: "\f0f7"; }
|
||||
.fa-icon-hospital:before { content: "\f0f8"; }
|
||||
.fa-icon-ambulance:before { content: "\f0f9"; }
|
||||
.fa-icon-medkit:before { content: "\f0fa"; }
|
||||
.fa-icon-fighter-jet:before { content: "\f0fb"; }
|
||||
.fa-icon-beer:before { content: "\f0fc"; }
|
||||
.fa-icon-h-sign:before { content: "\f0fd"; }
|
||||
.fa-icon-plus-sign-alt:before { content: "\f0fe"; }
|
||||
|
||||
.fa-icon-double-angle-left:before { content: "\f100"; }
|
||||
.fa-icon-double-angle-right:before { content: "\f101"; }
|
||||
.fa-icon-double-angle-up:before { content: "\f102"; }
|
||||
.fa-icon-double-angle-down:before { content: "\f103"; }
|
||||
.fa-icon-angle-left:before { content: "\f104"; }
|
||||
.fa-icon-angle-right:before { content: "\f105"; }
|
||||
.fa-icon-angle-up:before { content: "\f106"; }
|
||||
.fa-icon-angle-down:before { content: "\f107"; }
|
||||
.fa-icon-desktop:before { content: "\f108"; }
|
||||
.fa-icon-laptop:before { content: "\f109"; }
|
||||
.fa-icon-tablet:before { content: "\f10a"; }
|
||||
.fa-icon-mobile-phone:before { content: "\f10b"; }
|
||||
.fa-icon-circle-blank:before { content: "\f10c"; }
|
||||
.fa-icon-quote-left:before { content: "\f10d"; }
|
||||
.fa-icon-quote-right:before { content: "\f10e"; }
|
||||
|
||||
.fa-icon-spinner:before { content: "\f110"; }
|
||||
.fa-icon-circle:before { content: "\f111"; }
|
||||
.fa-icon-reply:before { content: "\f112"; }
|
||||
.fa-icon-github-alt:before { content: "\f113"; }
|
||||
.fa-icon-folder-close-alt:before { content: "\f114"; }
|
||||
.fa-icon-folder-open-alt:before { content: "\f115"; }
|
||||
|
||||
/* Localized */
|
||||
@@ -0,0 +1,624 @@
|
||||
/*
|
||||
* FullCalendar v1.5.3 Stylesheet
|
||||
*
|
||||
* Copyright (c) 2011 Adam Shaw
|
||||
* Dual licensed under the MIT and GPL licenses, located in
|
||||
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
|
||||
*
|
||||
* Date: Mon Feb 6 22:40:40 2012 -0800
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
.fc {
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.fc table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
html .fc,
|
||||
.fc table {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.fc td,
|
||||
.fc th {
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Header
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-header td {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc-header-left {
|
||||
width: 25%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.fc-header-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-header-right {
|
||||
width: 25%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-header-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fc-header-title h2 {
|
||||
margin-top: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fc .fc-header-space {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.fc-header .fc-button {
|
||||
margin-bottom: 1em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* buttons edges butting together */
|
||||
|
||||
.fc-header .fc-button {
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.fc-header .fc-corner-right {
|
||||
margin-right: 1px; /* back to normal */
|
||||
}
|
||||
|
||||
.fc-header .ui-corner-right {
|
||||
margin-right: 0; /* back to normal */
|
||||
}
|
||||
|
||||
/* button layering (for border precedence) */
|
||||
|
||||
.fc-header .fc-state-hover,
|
||||
.fc-header .ui-state-hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.fc-header .fc-state-down {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.fc-header .fc-state-active,
|
||||
.fc-header .ui-state-active {
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Content
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-content {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fc-view {
|
||||
width: 100%; /* needed for view switching (when view is absolute) */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Cell Styles
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-widget-header {
|
||||
background-image: -moz-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: -o-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: linear-gradient(to bottom, #fafafa, #efefef);
|
||||
color: #646464;
|
||||
}
|
||||
|
||||
.fc-widget-header, /* <th>, usually */
|
||||
.fc-widget-content { /* <td>, usually */
|
||||
border: 1px solid #ddd;
|
||||
color: #646464;
|
||||
}
|
||||
|
||||
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
|
||||
background: #9cf;
|
||||
opacity: .2;
|
||||
filter: alpha(opacity=20); /* for IE */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Buttons
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
margin-top: -51px;
|
||||
}
|
||||
|
||||
.fc-state-default { /* non-theme */
|
||||
border-style: solid;
|
||||
border-width: 1px 0;
|
||||
}
|
||||
|
||||
.fc-button-inner {
|
||||
position: relative;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
padding: 7px;
|
||||
|
||||
}
|
||||
|
||||
.fc-state-default .fc-button-inner { /* non-theme */
|
||||
border-style: solid;
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.fc-button-content {
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 1.9em;
|
||||
line-height: 1.9em;
|
||||
padding: 0 .6em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* icon (for jquery ui) */
|
||||
|
||||
.fc-button-content .fc-icon-wrap {
|
||||
position: relative;
|
||||
float: left;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.fc-button-content .ui-icon {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-top: -50%;
|
||||
*margin-top: 0;
|
||||
*top: -50%;
|
||||
}
|
||||
|
||||
/* gloss effect */
|
||||
|
||||
.fc-state-default .fc-button-effect {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fc-state-default .fc-button-effect span {
|
||||
|
||||
}
|
||||
|
||||
/* button states (determines colors) */
|
||||
|
||||
.fc-state-default,
|
||||
.fc-state-default .fc-button-inner {
|
||||
border-top-style: none;
|
||||
border-bottom-style: none;
|
||||
border-left-style: solid;
|
||||
border-right-style: solid;
|
||||
border-color: #ddd;
|
||||
background: transparent;
|
||||
color: #646464;
|
||||
}
|
||||
|
||||
.fc-state-hover,
|
||||
.fc-state-hover .fc-button-inner {
|
||||
border-color: #ddd;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.fc-state-down,
|
||||
.fc-state-down .fc-button-inner {
|
||||
border-color: #ddd;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.fc-state-active,
|
||||
.fc-state-active .fc-button-inner {
|
||||
border-color: #ddd;
|
||||
background: #fcfcfc;
|
||||
color: #646464;
|
||||
border-bottom: 1px solid #fcfcfc;
|
||||
}
|
||||
|
||||
.fc-state-disabled,
|
||||
.fc-state-disabled .fc-button-inner {
|
||||
color: #999;
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.fc-state-disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.fc-state-disabled .fc-button-effect {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Global Event Styles
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event {
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
font-size: .85em;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
a.fc-event,
|
||||
.fc-event-draggable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.fc-event {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-event {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.fc-event-skin {
|
||||
border-color: #2FABE9; /* default BORDER color */
|
||||
background-color: #67C2EF; /* default BACKGROUND color */
|
||||
color: #fff; /* default TEXT color */
|
||||
}
|
||||
|
||||
.fc-event-inner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-event-time,
|
||||
.fc-event-title {
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
overflow: hidden; /* hacky spaces (IE6/7) */
|
||||
font-size: 300%; /* */
|
||||
line-height: 50%; /* */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Horizontal Events
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-hori {
|
||||
border-width: 1px 0;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
/* resizable */
|
||||
|
||||
.fc-event-hori .ui-resizable-e {
|
||||
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
|
||||
right: -3px !important;
|
||||
width: 7px !important;
|
||||
height: 100% !important;
|
||||
cursor: e-resize;
|
||||
}
|
||||
|
||||
.fc-event-hori .ui-resizable-w {
|
||||
top: 0 !important;
|
||||
left: -3px !important;
|
||||
width: 7px !important;
|
||||
height: 100% !important;
|
||||
cursor: w-resize;
|
||||
}
|
||||
|
||||
.fc-event-hori .ui-resizable-handle {
|
||||
_padding-bottom: 14px; /* IE6 had 0 height */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Fake Rounded Corners (for buttons and events)
|
||||
------------------------------------------------------------*/
|
||||
|
||||
.fc-corner-left {
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.fc-corner-left .fc-button-inner,
|
||||
.fc-corner-left .fc-event-inner {
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.fc-corner-right {
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.fc-corner-right .fc-button-inner,
|
||||
.fc-corner-right .fc-event-inner {
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.fc-corner-top {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.fc-corner-top .fc-event-inner {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.fc-corner-bottom {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.fc-corner-bottom .fc-event-inner {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
|
||||
-----------------------------------------------------------------*/
|
||||
|
||||
.fc-corner-left .fc-event-inner {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
.fc-corner-right .fc-event-inner {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.fc-corner-top .fc-event-inner {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
.fc-corner-bottom .fc-event-inner {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Reusable Separate-border Table
|
||||
------------------------------------------------------------*/
|
||||
|
||||
table.fc-border-separate {
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.fc-border-separate th,
|
||||
.fc-border-separate td {
|
||||
border-width: 1px 0 0 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate th.fc-last,
|
||||
.fc-border-separate td.fc-last {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate tr.fc-last th,
|
||||
.fc-border-separate tr.fc-last td {
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
.fc-border-separate tbody tr.fc-first td,
|
||||
.fc-border-separate tbody tr.fc-first th {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Month View, Basic Week View, Basic Day View
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-grid th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-grid .fc-day-number {
|
||||
float: right;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.fc-grid .fc-other-month .fc-day-number {
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity=30); /* for IE */
|
||||
/* opacity with small font can sometimes look too faded
|
||||
might want to set the 'color' property instead
|
||||
making day-numbers bold also fixes the problem */
|
||||
}
|
||||
|
||||
.fc-grid .fc-day-content {
|
||||
clear: both;
|
||||
padding: 2px 2px 1px; /* distance between events and day edges */
|
||||
}
|
||||
|
||||
/* event styles */
|
||||
|
||||
.fc-grid .fc-event-time {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* right-to-left */
|
||||
|
||||
.fc-rtl .fc-grid .fc-day-number {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fc-rtl .fc-grid .fc-event-time {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Agenda Week View, Agenda Day View
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-agenda table {
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
.fc-agenda-days th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-agenda-axis {
|
||||
width: 50px;
|
||||
padding: 0 4px;
|
||||
vertical-align: middle;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.fc-agenda .fc-day-content {
|
||||
padding: 2px 2px 1px;
|
||||
}
|
||||
|
||||
/* make axis border take precedence */
|
||||
|
||||
.fc-agenda-days .fc-agenda-axis {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
.fc-agenda-days .fc-col0 {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
/* all-day area */
|
||||
|
||||
.fc-agenda-allday th {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.fc-agenda-allday .fc-day-content {
|
||||
min-height: 34px; /* TODO: doesnt work well in quirksmode */
|
||||
_height: 34px;
|
||||
}
|
||||
|
||||
/* divider (between all-day and slots) */
|
||||
|
||||
.fc-agenda-divider-inner {
|
||||
height: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-widget-header .fc-agenda-divider-inner {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/* slot rows */
|
||||
|
||||
.fc-agenda-slots th {
|
||||
border-width: 1px 1px;
|
||||
}
|
||||
|
||||
.fc-agenda-slots td {
|
||||
border-width: 1px 0 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.fc-agenda-slots td div {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-slot0 th,
|
||||
.fc-agenda-slots tr.fc-slot0 td {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-minor th,
|
||||
.fc-agenda-slots tr.fc-minor td {
|
||||
border-top-style: dotted;
|
||||
}
|
||||
|
||||
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
|
||||
*border-top-style: solid; /* doesn't work with background in IE6/7 */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Vertical Events
|
||||
------------------------------------------------------------------------*/
|
||||
|
||||
.fc-event-vert {
|
||||
border-width: 0 1px;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-head,
|
||||
.fc-event-vert .fc-event-content {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-time {
|
||||
white-space: nowrap;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
opacity: .3;
|
||||
filter: alpha(opacity=30);
|
||||
}
|
||||
|
||||
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
|
||||
.fc-select-helper .fc-event-bg {
|
||||
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
|
||||
}
|
||||
|
||||
/* resizable */
|
||||
|
||||
.fc-event-vert .ui-resizable-s {
|
||||
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
|
||||
width: 100% !important;
|
||||
height: 8px !important;
|
||||
overflow: hidden !important;
|
||||
line-height: 8px !important;
|
||||
font-size: 11px !important;
|
||||
font-family: monospace;
|
||||
text-align: center;
|
||||
cursor: s-resize;
|
||||
}
|
||||
|
||||
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
|
||||
_overflow: hidden;
|
||||
}
|
||||
566
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/jquery-ui-1.8.21.custom.css
vendored
Normal file
@@ -0,0 +1,566 @@
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden { display: none; }
|
||||
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
|
||||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
||||
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
|
||||
.ui-helper-clearfix:after { clear: both; }
|
||||
.ui-helper-clearfix { zoom: 1; }
|
||||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; }
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and ../img */
|
||||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
/*!
|
||||
* jQuery UI CSS Framework 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
|
||||
.ui-widget .ui-widget { font-size: 1em; }
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
|
||||
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
|
||||
.ui-widget-content a { color: #222222; }
|
||||
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
|
||||
.ui-widget-header a { color: #222222; }
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
|
||||
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
|
||||
.ui-widget :active { outline: none; }
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
|
||||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
|
||||
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
|
||||
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
|
||||
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
|
||||
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
|
||||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and ../img */
|
||||
.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_222222_256x240.png); }
|
||||
.ui-widget-content .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); }
|
||||
.ui-widget-header .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); }
|
||||
.ui-state-default .ui-icon { background-image: url(../img/ui-icons_888888_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(../img/ui-icons_454545_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_2e83ff_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_cd0a0a_256x240.png); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
|
||||
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
|
||||
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
|
||||
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
|
||||
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
|
||||
* jQuery UI Resizable 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Resizable#theming
|
||||
*/
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
|
||||
* jQuery UI Selectable 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Selectable#theming
|
||||
*/
|
||||
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
|
||||
/*!
|
||||
* jQuery UI Accordion 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Accordion#theming
|
||||
*/
|
||||
/* IE/Win - Fix animation bug - #4615 */
|
||||
.ui-accordion { width: 100%; }
|
||||
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
|
||||
.ui-accordion .ui-accordion-li-fix { display: inline; }
|
||||
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
|
||||
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
|
||||
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
|
||||
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
|
||||
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
|
||||
.ui-accordion .ui-accordion-content-active { display: block; }
|
||||
/*!
|
||||
* jQuery UI Autocomplete 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Autocomplete#theming
|
||||
*/
|
||||
.ui-autocomplete { position: absolute; cursor: default; }
|
||||
|
||||
/* workarounds */
|
||||
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
|
||||
|
||||
/*
|
||||
* jQuery UI Menu 1.8.21
|
||||
*
|
||||
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Menu#theming
|
||||
*/
|
||||
.ui-menu {
|
||||
list-style:none;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
display:block;
|
||||
float: left;
|
||||
}
|
||||
.ui-menu .ui-menu {
|
||||
margin-top: -3px;
|
||||
}
|
||||
.ui-menu .ui-menu-item {
|
||||
margin:0;
|
||||
padding: 0;
|
||||
zoom: 1;
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
}
|
||||
.ui-menu .ui-menu-item a {
|
||||
text-decoration:none;
|
||||
display:block;
|
||||
padding:.2em .4em;
|
||||
line-height:1.5;
|
||||
zoom:1;
|
||||
}
|
||||
.ui-menu .ui-menu-item a.ui-state-hover,
|
||||
.ui-menu .ui-menu-item a.ui-state-active {
|
||||
font-weight: normal;
|
||||
margin: -1px;
|
||||
}
|
||||
/*!
|
||||
* jQuery UI Button 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Button#theming
|
||||
*/
|
||||
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
|
||||
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
|
||||
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
|
||||
.ui-button-icons-only { width: 3.4em; }
|
||||
button.ui-button-icons-only { width: 3.7em; }
|
||||
|
||||
/*button text element */
|
||||
.ui-button .ui-button-text { display: block; line-height: 1.4; }
|
||||
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
|
||||
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
|
||||
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
|
||||
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
|
||||
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
|
||||
/* no icon support for input elements, provide padding by default */
|
||||
input.ui-button { padding: .4em 1em; }
|
||||
|
||||
/*button icon element(s) */
|
||||
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
|
||||
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
|
||||
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
|
||||
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
|
||||
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
|
||||
|
||||
/*button sets*/
|
||||
.ui-buttonset { margin-right: 7px; }
|
||||
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
|
||||
|
||||
/* workarounds */
|
||||
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
|
||||
/*!
|
||||
* jQuery UI Dialog 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Dialog#theming
|
||||
*/
|
||||
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
|
||||
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
|
||||
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
|
||||
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
|
||||
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
|
||||
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
|
||||
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
|
||||
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
|
||||
.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
/*!
|
||||
* jQuery UI
|
||||
1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Slider#theming
|
||||
*/
|
||||
.ui-slider { position: relative; text-align: left; }
|
||||
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
|
||||
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
|
||||
|
||||
.ui-slider-horizontal { height: .8em; }
|
||||
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
|
||||
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
|
||||
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
|
||||
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
|
||||
|
||||
.ui-slider-vertical { width: .8em; height: 100px; }
|
||||
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
|
||||
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
|
||||
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
|
||||
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
|
||||
* jQuery UI Tabs 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Tabs#theming
|
||||
*/
|
||||
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
|
||||
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
|
||||
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
|
||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
|
||||
.ui-tabs .ui-tabs-hide { display: none !important; }
|
||||
/*!
|
||||
* jQuery UI Datepicker 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Datepicker#theming
|
||||
*/
|
||||
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
|
||||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
||||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
||||
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker .ui-datepicker-next { right:2px; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
||||
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
||||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
||||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
||||
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
|
||||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
||||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
||||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
||||
.ui-datepicker td { border: 0; padding: 1px; }
|
||||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl { direction: rtl; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}/*!
|
||||
* jQuery UI Progressbar 1.8.21
|
||||
*
|
||||
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Progressbar#theming
|
||||
*/
|
||||
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
|
||||
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
|
||||
@@ -0,0 +1,24 @@
|
||||
.cleditorMain {border:1px solid #ddd; padding:0 1px 1px; background-color:white}
|
||||
.cleditorMain iframe {border:none; margin:0; padding:0}
|
||||
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none /* webkit grip focus */}
|
||||
.cleditorToolbar {background: url('../img/toolbar.gif') repeat}
|
||||
.cleditorGroup {float:left; height:26px}
|
||||
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../img/buttons.gif')}
|
||||
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
|
||||
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
|
||||
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
|
||||
.cleditorList div {padding:2px 4px 2px 4px}
|
||||
.cleditorList p,
|
||||
.cleditorList h1,
|
||||
.cleditorList h2,
|
||||
.cleditorList h3,
|
||||
.cleditorList h4,
|
||||
.cleditorList h5,
|
||||
.cleditorList h6,
|
||||
.cleditorList font {padding:0; margin:0; background-color:Transparent}
|
||||
.cleditorColor {width:150px; padding:1px 0 0 1px}
|
||||
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
|
||||
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
|
||||
.cleditorPrompt input,
|
||||
.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
|
||||
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}
|
||||
@@ -0,0 +1,112 @@
|
||||
/* the norm */
|
||||
#gritter-notice-wrapper {
|
||||
position:fixed;
|
||||
top:20px;
|
||||
right:20px;
|
||||
width:301px;
|
||||
z-index:9999;
|
||||
}
|
||||
|
||||
#gritter-notice-wrapper.top-left {
|
||||
left: 20px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#gritter-notice-wrapper.bottom-right {
|
||||
top: auto;
|
||||
left: auto;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
#gritter-notice-wrapper.bottom-left {
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.gritter-item-wrapper {
|
||||
position:relative;
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
|
||||
.gritter-item {
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
|
||||
color:#fff;
|
||||
padding:15px;
|
||||
font-size: 11px;
|
||||
-webkit-border-radius: 4px !important;
|
||||
-moz-border-radius: 4px !important;
|
||||
border-radius: 4px !important;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.hover .gritter-item {}
|
||||
|
||||
.gritter-item p {
|
||||
padding:0;
|
||||
margin:0;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
.gritter-close {
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:5px;
|
||||
cursor:pointer;
|
||||
width:12px;
|
||||
height:12px;
|
||||
background: url(../img/close-button-white.png);
|
||||
opacity: .6;
|
||||
|
||||
}
|
||||
|
||||
.gritter-title {
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
padding:0 0 7px 0;
|
||||
display:block;
|
||||
text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
|
||||
}
|
||||
|
||||
.gritter-image {
|
||||
width:48px;
|
||||
height:48px;
|
||||
float:left;
|
||||
margin: -5px 5px 5px -5px;
|
||||
}
|
||||
|
||||
.gritter-with-image,
|
||||
.gritter-without-image {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.gritter-with-image {
|
||||
width:220px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
/* for the light (white) version of the gritter notice */
|
||||
.gritter-light .gritter-item {
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccFFFFFF', endColorstr='#ccFFFFFF',GradientType=0 ); /* IE6-8 */
|
||||
color: #646464 !important;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.gritter-light .gritter-close {
|
||||
background: url(../img/close-button.png);
|
||||
}
|
||||
|
||||
|
||||
.gritter-light .gritter-title {
|
||||
color: #646464 !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
@@ -0,0 +1,147 @@
|
||||
.iPhoneCheckContainer {
|
||||
position: relative;
|
||||
height: 27px;
|
||||
cursor: pointer;
|
||||
overflow: hidden; }
|
||||
.iPhoneCheckContainer input {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 30px;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0; }
|
||||
.iPhoneCheckContainer label {
|
||||
white-space: nowrap;
|
||||
font-size: 17px;
|
||||
line-height: 17px;
|
||||
font-weight: bold;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 27px;
|
||||
position: absolute;
|
||||
width: auto;
|
||||
top: 0;
|
||||
padding-top: 5px;
|
||||
overflow: hidden; }
|
||||
.iPhoneCheckContainer, .iPhoneCheckContainer label {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none; }
|
||||
|
||||
.iPhoneCheckDisabled {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||
opacity: 0.5; }
|
||||
|
||||
label.iPhoneCheckLabelOn {
|
||||
color: white;
|
||||
background: url('../img/iphone-style-checkboxes/on-63584.png') no-repeat;
|
||||
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
|
||||
left: 0;
|
||||
padding-top: 5px; }
|
||||
label.iPhoneCheckLabelOn span {
|
||||
padding-left: 8px; }
|
||||
label.iPhoneCheckLabelOff {
|
||||
color: #8b8b8b;
|
||||
background: url('../img/iphone-style-checkboxes/off-63584.png') no-repeat right 0;
|
||||
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
|
||||
text-align: right;
|
||||
right: 0; }
|
||||
label.iPhoneCheckLabelOff span {
|
||||
padding-right: 8px; }
|
||||
|
||||
.iPhoneCheckHandle {
|
||||
display: block;
|
||||
height: 27px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
background: url('../img/iphone-style-checkboxes/slider_left-63584.png') no-repeat;
|
||||
padding-left: 3px; }
|
||||
|
||||
.iPhoneCheckHandleRight {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding-right: 3px;
|
||||
background: url('../img/iphone-style-checkboxes/slider_right-63584.png') no-repeat right 0; }
|
||||
|
||||
.iPhoneCheckHandleCenter {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: url('../img/iphone-style-checkboxes/slider_center-63584.png'); }
|
||||
|
||||
.iOSCheckContainer {
|
||||
position: relative;
|
||||
height: 27px;
|
||||
cursor: pointer;
|
||||
overflow: hidden; }
|
||||
.iOSCheckContainer input {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 30px;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0; }
|
||||
.iOSCheckContainer label {
|
||||
white-space: nowrap;
|
||||
font-size: 17px;
|
||||
line-height: 17px;
|
||||
font-weight: bold;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
height: 27px;
|
||||
position: absolute;
|
||||
width: auto;
|
||||
top: 0;
|
||||
padding-top: 5px;
|
||||
overflow: hidden; }
|
||||
.iOSCheckContainer, .iOSCheckContainer label {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none; }
|
||||
|
||||
.iOSCheckDisabled {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||
opacity: 0.5; }
|
||||
|
||||
label.iOSCheckLabelOn {
|
||||
color: white;
|
||||
background: url('../img/ios-style-checkboxes/on-63584.png') no-repeat;
|
||||
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
|
||||
left: 0;
|
||||
padding-top: 5px; }
|
||||
label.iOSCheckLabelOn span {
|
||||
padding-left: 8px; }
|
||||
label.iOSCheckLabelOff {
|
||||
color: #8b8b8b;
|
||||
background: url('../img/ios-style-checkboxes/off-63584.png') no-repeat right 0;
|
||||
text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
|
||||
text-align: right;
|
||||
right: 0; }
|
||||
label.iOSCheckLabelOff span {
|
||||
padding-right: 8px; }
|
||||
|
||||
.iOSCheckHandle {
|
||||
display: block;
|
||||
height: 27px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
background: url('../img/ios-style-checkboxes/slider_left-63584.png') no-repeat;
|
||||
padding-left: 3px; }
|
||||
|
||||
.iOSCheckHandleRight {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding-right: 3px;
|
||||
background: url('../img/ios-style-checkboxes/slider_right-63584.png') no-repeat right 0; }
|
||||
|
||||
.iOSCheckHandleCenter {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: url('../img/ios-style-checkboxes/slider_center-63584.png'); }
|
||||
|
||||
/* Localized */
|
||||
@@ -0,0 +1,105 @@
|
||||
|
||||
/* CORE STYLES */
|
||||
|
||||
/* noty bar */
|
||||
.noty_bar {
|
||||
position: fixed;
|
||||
display: none;
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
||||
/* noty_message */
|
||||
.noty_bar .noty_message {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* noty close button */
|
||||
.noty_bar .noty_close {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* noty modal */
|
||||
.noty_modal {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #000;
|
||||
z-index: 10000;
|
||||
opacity: 0.6;
|
||||
display: none;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* noty container for noty_layout_topLeft & noty_layout_topRight */
|
||||
ul.noty_cont {
|
||||
position: fixed;
|
||||
z-index: 10000000;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none;
|
||||
width: 300px;
|
||||
}
|
||||
ul.noty_cont li {
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: both;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
margin: 10px 0 0 0;
|
||||
width: 300px; /* Fix for: http://bugs.jquery.com/ticket/2278 */
|
||||
}
|
||||
ul.noty_cont.noty_layout_topLeft {left:20px; top:20px;}
|
||||
ul.noty_cont.noty_layout_topRight {right:40px; top:20px;}
|
||||
ul.noty_cont.noty_layout_bottomLeft {left:20px; bottom:20px}
|
||||
ul.noty_cont.noty_layout_bottomRight {right:40px; bottom:20px}
|
||||
ul.noty_cont.noty_layout_topRight li {float:right}
|
||||
|
||||
/* LAYOUTS */
|
||||
|
||||
/* noty_layout_top */
|
||||
.noty_bar.noty_layout_top {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/* noty_layout_bottom */
|
||||
.noty_bar.noty_layout_bottom {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
/* noty_layout_center */
|
||||
.noty_bar.noty_layout_center {
|
||||
top: 40%;
|
||||
}
|
||||
|
||||
/* noty_layout_topLeft & noty_layout_topRight */
|
||||
.noty_bar.noty_layout_topLeft,
|
||||
.noty_bar.noty_layout_topRight,
|
||||
.noty_bar.noty_layout_bottomLeft,
|
||||
.noty_bar.noty_layout_bottomRight {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.noty_bar.noty_layout_topLeft .noty_message,
|
||||
.noty_bar.noty_layout_topRight .noty_message,
|
||||
.noty_bar.noty_layout_bottomLeft .noty_message,
|
||||
.noty_bar.noty_layout_bottomRight .noty_message {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* noty_layout_topCenter */
|
||||
.noty_bar.noty_layout_topCenter {
|
||||
top: 20px;
|
||||
}
|
||||
@@ -0,0 +1,240 @@
|
||||
|
||||
/* CORE STYLES*/
|
||||
|
||||
/* noty bar */
|
||||
.noty_bar.noty_theme_default {
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff;
|
||||
}
|
||||
|
||||
/* if you use noty with customContainer you can access noty with this way
|
||||
* .noty_custom_container noty will add automaticly this class to your customContainer
|
||||
* .noty_theme_default your theme
|
||||
* .noty_layout_inline your layout
|
||||
*/
|
||||
|
||||
/* custom container */
|
||||
.noty_custom_container.noty_theme_default.noty_layout_inline {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* custom growl container */
|
||||
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_cont.noty_layout_inline {
|
||||
position: static;
|
||||
}
|
||||
/* custom noty bar */
|
||||
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
position: static;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message {
|
||||
font-size: 13px;
|
||||
padding: 4px;
|
||||
}
|
||||
.noty_custom_container.noty_theme_default.noty_layout_inline .noty_bar .noty_message .noty_buttons {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
/* noty_message */
|
||||
.noty_bar.noty_theme_default .noty_message {
|
||||
padding: 8px 14px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
width: auto;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_closable .noty_message {
|
||||
padding: 8px 34px 8px 14px;
|
||||
}
|
||||
|
||||
/* noty_buttons */
|
||||
.noty_bar.noty_theme_default .noty_message .noty_buttons {
|
||||
float: right;
|
||||
font-size: 13px;
|
||||
margin-top: -4px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
/* noty_button */
|
||||
.noty_bar.noty_theme_default .noty_message .noty_buttons button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/* noty close button */
|
||||
.noty_bar.noty_theme_default .noty_close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg==');
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
/* noty modal */
|
||||
.noty_modal.noty_theme_default {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* LAYOUTS */
|
||||
|
||||
/* noty_layout_top */
|
||||
.noty_bar.noty_theme_default.noty_layout_top {
|
||||
border-bottom: 3px solid #eee;
|
||||
}
|
||||
|
||||
/* noty_layout_bottom */
|
||||
.noty_bar.noty_theme_default.noty_layout_bottom {
|
||||
border-top: 3px solid #eee;
|
||||
}
|
||||
|
||||
.noty_bar.noty_theme_default.noty_layout_center .noty_close {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.noty_bar.noty_theme_default.noty_layout_center .noty_message .noty_buttons {
|
||||
margin-top: -2px
|
||||
}
|
||||
|
||||
/* noty_layout_topLeft & noty_layout_topRight */
|
||||
.noty_bar.noty_theme_default.noty_layout_center,
|
||||
.noty_bar.noty_theme_default.noty_layout_topLeft,
|
||||
.noty_bar.noty_theme_default.noty_layout_topRight,
|
||||
.noty_bar.noty_theme_default.noty_layout_bottomLeft,
|
||||
.noty_bar.noty_theme_default.noty_layout_bottomRight {
|
||||
border: 1px solid #eee;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_layout_center .noty_message,
|
||||
.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message,
|
||||
.noty_bar.noty_theme_default.noty_layout_topRight .noty_message,
|
||||
.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message,
|
||||
.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message {
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_layout_topLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_layout_topRight .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_layout_bottomLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_layout_bottomRight .noty_message .noty_buttons {
|
||||
float: none;
|
||||
border-top: 1px solid #ccc;
|
||||
margin-left: 0;
|
||||
margin-top: 10px;
|
||||
padding-top: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* noty_layout_topCenter */
|
||||
.noty_bar.noty_theme_default.noty_layout_topCenter {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message {
|
||||
font-weight: normal;
|
||||
font-size: 13px;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_layout_topCenter .noty_close {
|
||||
top: 50%;
|
||||
margin-top: -10px;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_layout_topCenter.noty_success {
|
||||
border: 1px solid #50C24E;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_layout_topCenter .noty_message .noty_buttons {
|
||||
margin-left: 15px;
|
||||
margin-top: 0px
|
||||
}
|
||||
|
||||
/* NOTIFICATION TYPES */
|
||||
|
||||
/* noty_notification */
|
||||
.noty_bar.noty_theme_default.noty_notification {
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
color: #555;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_notification.noty_layout_topLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_notification.noty_layout_topRight .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_notification.noty_layout_bottomLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_notification.noty_layout_bottomRight .noty_message .noty_buttons {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
/* noty_warning */
|
||||
.noty_bar.noty_theme_default.noty_warning {
|
||||
background-color: #FFEAA8;
|
||||
border-color: #FFC237;
|
||||
color: #826200;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_warning.noty_layout_topLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_warning.noty_layout_topRight .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_warning.noty_layout_bottomLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_warning.noty_layout_bottomRight .noty_message .noty_buttons {
|
||||
border-color: #FFC237;
|
||||
}
|
||||
|
||||
/* noty_alert */
|
||||
.noty_bar.noty_theme_default.noty_alert {
|
||||
background-color: #fff;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_alert.noty_layout_topLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_alert.noty_layout_topRight .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_alert.noty_layout_bottomLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_alert.noty_layout_bottomRight .noty_message .noty_buttons {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
/* noty_error */
|
||||
.noty_bar.noty_theme_default.noty_error {
|
||||
background-color: red;
|
||||
color: #fff;
|
||||
border-color: darkred;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_error .noty_message {
|
||||
font-weight: bold;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_error.noty_layout_topLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_error.noty_layout_topRight .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_error.noty_layout_bottomLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_error.noty_layout_bottomRight .noty_message .noty_buttons {
|
||||
border-color: darkred;
|
||||
}
|
||||
|
||||
/* noty_success */
|
||||
.noty_bar.noty_theme_default.noty_success {
|
||||
background-color: lightgreen;
|
||||
color: darkgreen;
|
||||
border-color: #50C24E;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_success.noty_layout_topLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_success.noty_layout_topRight .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_success.noty_layout_bottomLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_success.noty_layout_bottomRight .noty_message .noty_buttons {
|
||||
border-color: #50C24E;
|
||||
}
|
||||
|
||||
/* noty_information */
|
||||
.noty_bar.noty_theme_default.noty_information {
|
||||
background-color: #57B7E2;
|
||||
border-color: #0B90C4;
|
||||
color: #fff;
|
||||
}
|
||||
.noty_bar.noty_theme_default.noty_information.noty_layout_topLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_information.noty_layout_topRight .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_information.noty_layout_bottomLeft .noty_message .noty_buttons,
|
||||
.noty_bar.noty_theme_default.noty_information.noty_layout_bottomRight .noty_message .noty_buttons {
|
||||
border-color: #0B90C4;
|
||||
}
|
||||
|
||||
100
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/style-ie.css
Normal file
@@ -0,0 +1,100 @@
|
||||
body {
|
||||
background: url(../img/dbg.jpg) repeat !important;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: url(../img/bg.jpg) repeat;
|
||||
filter: none;
|
||||
padding: 25px 40px 25px 40px;
|
||||
margin: -25px -4px;
|
||||
position: relative;
|
||||
z-index: 1px;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul{
|
||||
margin: 20px 0px 0px -20px;
|
||||
border-top: 1px solid #0a0c0e !important;
|
||||
border-bottom: 1px solid #212121 !important;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
padding-left: 20px;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #212121;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: none !important;
|
||||
filter: none;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a > i {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover > i {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover {
|
||||
margin: 1px 0px 0px 0px;
|
||||
color: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 ); /* IE6-8 */
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li.active > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
color: #fff;
|
||||
background: rgba(0,0,0,.45);
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:first-child > a {
|
||||
margin: 0px 0px 0px 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:last-child > a {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.circleStats {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-slider-handle {
|
||||
background: #eee !important;
|
||||
height:10px !important;
|
||||
width:10px !important;
|
||||
margin: 2px 0px !important;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin: -20px -20px 0px -20px;
|
||||
padding: 10px 20px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
@@ -0,0 +1,513 @@
|
||||
/* Higher than 1200 (desktop devices)
|
||||
====================================================================== */
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
#content {
|
||||
-webkit-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
|
||||
-moz-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
|
||||
box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
|
||||
background: url(../img/bg.jpg) repeat;
|
||||
filter: none;
|
||||
padding: 25px 0px 25px 40px;
|
||||
margin: -25px -4px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
min-height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.sidebar-nav > ul{
|
||||
margin: 20px 0px 0px -20px;
|
||||
border-top: 1px solid #0a0c0e !important;
|
||||
border-bottom: 1px solid #212121 !important;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul {
|
||||
margin: 0px;
|
||||
padding: 5px 0px 5px 25px;
|
||||
background: rgba(0,0,0,.45);
|
||||
list-style: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul > li {
|
||||
padding: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul > li > a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
padding-left: 20px;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #212121;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: transparent;
|
||||
filter: none;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a > i {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover > i {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover {
|
||||
margin: 1px 0px 0px 0px;
|
||||
color: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: rgba(0,0,0,.25);
|
||||
filter: none;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li.active > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
color: #fff;
|
||||
background: rgba(0,0,0,.45);
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:first-child > a {
|
||||
margin: 0px 0px 0px 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:last-child > a {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
margin: -20px -20px 0px -20px;
|
||||
padding: 10px 20px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Higher than 960 (desktop devices)
|
||||
====================================================================== */
|
||||
@media only screen and (min-width: 980px) and (max-width: 1199px){
|
||||
|
||||
#content {
|
||||
-webkit-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
|
||||
-moz-box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
|
||||
box-shadow: -3px -1px 2px rgba(0,0,0,0.95);
|
||||
background: url(../img/bg.jpg) repeat;
|
||||
filter: none;
|
||||
padding: 25px 0px 25px 40px;
|
||||
margin: -25px -4px;
|
||||
position: relative;
|
||||
z-index: 1px;
|
||||
|
||||
}
|
||||
|
||||
.sidebar-nav > ul {
|
||||
margin: 20px 0px 0px -20px;
|
||||
border-top: 1px solid #0a0c0e !important;
|
||||
border-bottom: 1px solid #212121 !important;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul {
|
||||
margin: 0px;
|
||||
padding: 5px 0px 5px 25px;
|
||||
background: rgba(0,0,0,.45);
|
||||
list-style: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul > li {
|
||||
padding: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul > li > a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
padding-left: 20px;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #212121;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: transparent;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a > i {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover > i {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover {
|
||||
margin: 1px 0px 0px 0px;
|
||||
color: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: rgba(0,0,0,.25);
|
||||
filter: none;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li.active > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
color: #fff;
|
||||
background: rgba(0,0,0,.45);
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:first-child > a {
|
||||
margin: 0px 0px 0px 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:last-child > a {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.sparkLineStats li .number {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
padding:0 5px;
|
||||
color: #FA5833;
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
margin: -20px -20px 0px -20px;
|
||||
padding: 10px 20px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Tablet Portrait (devices and browsers)
|
||||
====================================================================== */
|
||||
@media only screen and (min-width: 768px) and (max-width: 979px) {
|
||||
|
||||
#content {
|
||||
-webkit-box-shadow: -2px -1px 2px rgba(0,0,0,0.95);
|
||||
-moz-box-shadow: -2px -1px 2px rgba(0,0,0,0.95);
|
||||
box-shadow: -2px -1px 2px rgba(0,0,0,0.95);
|
||||
background: url(../img/bg.jpg) repeat;
|
||||
filter: none;
|
||||
padding: 25px 0px 25px 40px;
|
||||
margin: -25px -4px;
|
||||
position: relative;
|
||||
z-index: 1px;
|
||||
}
|
||||
|
||||
.noMargin {
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
|
||||
.btn-navbar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nav-collapse,
|
||||
.nav-collapse.collapse {
|
||||
height: auto !important;
|
||||
overflow: visible !important;
|
||||
margin-left: -20px !important;
|
||||
}
|
||||
|
||||
.sidebar-nav{
|
||||
padding:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul{
|
||||
margin: 20px 0px 0px -20px;
|
||||
border-top: 1px solid #0a0c0e !important;
|
||||
border-bottom: 1px solid #212121 !important;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul {
|
||||
margin: 0px;
|
||||
padding: 0px 0px 0px 20px;
|
||||
background: rgba(0,0,0,.45);
|
||||
list-style: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul > li {
|
||||
padding: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.sidebar-nav > ul > li > ul > li > a:hover {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
padding-left: 20px;
|
||||
color: #ddd;
|
||||
border-top: 1px solid #212121;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: transparent;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a > i {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover > i {
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li > a:hover {
|
||||
margin: 1px 0px 0px 0px;
|
||||
color: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: rgba(0,0,0,.25);
|
||||
filter: none;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li.active > a {
|
||||
margin: 1px 0px 0px 0px;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid #0a0c0e;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
color: #fff;
|
||||
background: rgba(0,0,0,.45);
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.45), inset 0 0px 1px rgba(0,0,0,0.25);
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:first-child > a {
|
||||
margin: 0px 0px 0px 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-stacked > li:last-child > a {
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.box-small-link {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.sparkLineStats li .number {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
padding:0 5px;
|
||||
color: #FA5833;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin: -20px -20px 0px -20px;
|
||||
padding: 10px 20px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* All Mobile Sizes (devices and browser)
|
||||
====================================================================== */
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
|
||||
====================================================================== */
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
background: url(../img/bg.jpg) repeat;
|
||||
}
|
||||
|
||||
#overlay ul {
|
||||
margin: 150px auto 0;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.quick-button,
|
||||
.quick-button-small {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
width: 100%;
|
||||
margin: 10px auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-button-today,
|
||||
.fc-button-month,
|
||||
.fc-button-agendaWeek,
|
||||
.fc-button-agendaDay {
|
||||
display: none;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 10px 20px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
|
||||
=================================================================== */
|
||||
@media only screen and (max-width: 479px) {
|
||||
|
||||
|
||||
#overlay ul {
|
||||
margin: 150px auto 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background: url(../img/bg.jpg) repeat;
|
||||
}
|
||||
|
||||
#content {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.quick-button,
|
||||
.quick-button-small {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
width: 100%;
|
||||
margin: 10px auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fc-button-today,
|
||||
.fc-button-month,
|
||||
.fc-button-agendaWeek,
|
||||
.fc-button-agendaDay {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table,
|
||||
.pagination {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 10px 20px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
}
|
||||
2352
_bootstrapTemplates/perfectum_dashboard_1_0_5/css/style.css
Normal file
@@ -0,0 +1,609 @@
|
||||
/*
|
||||
|
||||
Uniform Theme: Uniform Default
|
||||
Version: 1.6
|
||||
By: Josh Pyles
|
||||
License: MIT License
|
||||
---
|
||||
For use with the Uniform plugin:
|
||||
http://pixelmatrixdesign.com/uniform/
|
||||
---
|
||||
Generated by Uniform Theme Generator:
|
||||
http://pixelmatrixdesign.com/uniform/themer.html
|
||||
|
||||
*/
|
||||
|
||||
/* Global Declaration */
|
||||
|
||||
div.selector,
|
||||
div.selector span,
|
||||
div.checker span,
|
||||
div.radio span,
|
||||
div.uploader,
|
||||
div.uploader span.action,
|
||||
div.button,
|
||||
div.button span {
|
||||
background-image: url(../img/sprite.png);
|
||||
background-repeat: no-repeat;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.selector,
|
||||
.radio,
|
||||
.checker,
|
||||
.uploader,
|
||||
.button,
|
||||
.selector *,
|
||||
.radio *,
|
||||
.checker *,
|
||||
.uploader *,
|
||||
.button *{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* INPUT & TEXTAREA */
|
||||
|
||||
input.text,
|
||||
input.email,
|
||||
input.password,
|
||||
textarea.uniform {
|
||||
font-size: 12px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight: normal;
|
||||
padding: 3px;
|
||||
color: #777;
|
||||
background: url('../img/bg-input-focus.png') repeat-x 0px 0px;
|
||||
background: url('../img/bg-input.png') repeat-x 0px 0px;
|
||||
border-top: solid 1px #ddd;
|
||||
border-left: solid 1px #ddd;
|
||||
border-bottom: solid 1px #ddd;
|
||||
border-right: solid 1px #ddd;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input.text:focus,
|
||||
input.email:focus,
|
||||
input.password:focus,
|
||||
textarea.uniform:focus {
|
||||
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
|
||||
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
|
||||
box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
|
||||
border-color: #999;
|
||||
background: url('../img/bg-input-focus.png') repeat-x 0px 0px;
|
||||
}
|
||||
|
||||
/* SPRITES */
|
||||
|
||||
/* Select */
|
||||
|
||||
div.selector {
|
||||
background-position: -483px -130px;
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
background-position: right 0px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
div.selector select {
|
||||
/* change these to adjust positioning of select element */
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
div.selector:active,
|
||||
div.selector.active {
|
||||
background-position: -483px -156px;
|
||||
}
|
||||
|
||||
div.selector:active span,
|
||||
div.selector.active span {
|
||||
background-position: right -26px;
|
||||
}
|
||||
|
||||
div.selector.focus, div.selector.hover, div.selector:hover {
|
||||
background-position: -483px -182px;
|
||||
}
|
||||
|
||||
div.selector.focus span, div.selector.hover span, div.selector:hover span {
|
||||
background-position: right -52px;
|
||||
}
|
||||
|
||||
div.selector.focus:active,
|
||||
div.selector.focus.active,
|
||||
div.selector:hover:active,
|
||||
div.selector.active:hover {
|
||||
background-position: -483px -208px;
|
||||
}
|
||||
|
||||
div.selector.focus:active span,
|
||||
div.selector:hover:active span,
|
||||
div.selector.active:hover span,
|
||||
div.selector.focus.active span {
|
||||
background-position: right -78px;
|
||||
}
|
||||
|
||||
div.selector.disabled {
|
||||
background-position: -483px -234px;
|
||||
}
|
||||
|
||||
div.selector.disabled span {
|
||||
background-position: right -104px;
|
||||
}
|
||||
|
||||
/* Checkbox */
|
||||
|
||||
div.checker {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
div.checker input {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
div.checker span {
|
||||
background-position: 0px -260px;
|
||||
height: 19px;
|
||||
width: 19px;
|
||||
}
|
||||
|
||||
div.checker:active span,
|
||||
div.checker.active span {
|
||||
background-position: -19px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus span,
|
||||
div.checker:hover span {
|
||||
background-position: -38px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus:active span,
|
||||
div.checker:active:hover span,
|
||||
div.checker.active:hover span,
|
||||
div.checker.focus.active span {
|
||||
background-position: -57px -260px;
|
||||
}
|
||||
|
||||
div.checker span.checked {
|
||||
background-position: -76px -260px;
|
||||
}
|
||||
|
||||
div.checker:active span.checked,
|
||||
div.checker.active span.checked {
|
||||
background-position: -95px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus span.checked,
|
||||
div.checker:hover span.checked {
|
||||
background-position: -114px -260px;
|
||||
}
|
||||
|
||||
div.checker.focus:active span.checked,
|
||||
div.checker:hover:active span.checked,
|
||||
div.checker.active:hover span.checked,
|
||||
div.checker.active.focus span.checked {
|
||||
background-position: -133px -260px;
|
||||
}
|
||||
|
||||
div.checker.disabled span,
|
||||
div.checker.disabled:active span,
|
||||
div.checker.disabled.active span {
|
||||
background-position: -152px -260px;
|
||||
}
|
||||
|
||||
div.checker.disabled span.checked,
|
||||
div.checker.disabled:active span.checked,
|
||||
div.checker.disabled.active span.checked {
|
||||
background-position: -171px -260px;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
|
||||
div.radio {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
div.radio input {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
div.radio span {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
background-position: 0px -279px;
|
||||
}
|
||||
|
||||
div.radio:active span,
|
||||
div.radio.active span {
|
||||
background-position: -18px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus span,
|
||||
div.radio:hover span {
|
||||
background-position: -36px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus:active span,
|
||||
div.radio:active:hover span,
|
||||
div.radio.active:hover span,
|
||||
div.radio.active.focus span {
|
||||
background-position: -54px -279px;
|
||||
}
|
||||
|
||||
div.radio span.checked {
|
||||
background-position: -72px -279px;
|
||||
}
|
||||
|
||||
div.radio:active span.checked,
|
||||
div.radio.active span.checked {
|
||||
background-position: -90px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus span.checked, div.radio:hover span.checked {
|
||||
background-position: -108px -279px;
|
||||
}
|
||||
|
||||
div.radio.focus:active span.checked,
|
||||
div.radio:hover:active span.checked,
|
||||
div.radio.focus.active span.checked,
|
||||
div.radio.active:hover span.checked {
|
||||
background-position: -126px -279px;
|
||||
}
|
||||
|
||||
div.radio.disabled span,
|
||||
div.radio.disabled:active span,
|
||||
div.radio.disabled.active span {
|
||||
background-position: -144px -279px;
|
||||
}
|
||||
|
||||
div.radio.disabled span.checked,
|
||||
div.radio.disabled:active span.checked,
|
||||
div.radio.disabled.active span.checked {
|
||||
background-position: -162px -279px;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
|
||||
div.uploader {
|
||||
background-position: 0px -297px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
div.uploader span.action {
|
||||
background-position: right -409px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
div.uploader span.filename {
|
||||
height: 24px;
|
||||
/* change this line to adjust positioning of filename area */
|
||||
margin: 2px 0px 2px 2px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
div.uploader.focus,
|
||||
div.uploader.hover,
|
||||
div.uploader:hover {
|
||||
background-position: 0px -353px;
|
||||
}
|
||||
|
||||
div.uploader.focus span.action,
|
||||
div.uploader.hover span.action,
|
||||
div.uploader:hover span.action {
|
||||
background-position: right -437px;
|
||||
}
|
||||
|
||||
div.uploader.active span.action,
|
||||
div.uploader:active span.action {
|
||||
background-position: right -465px;
|
||||
}
|
||||
|
||||
div.uploader.focus.active span.action,
|
||||
div.uploader:focus.active span.action,
|
||||
div.uploader.focus:active span.action,
|
||||
div.uploader:focus:active span.action {
|
||||
background-position: right -493px;
|
||||
}
|
||||
|
||||
div.uploader.disabled {
|
||||
background-position: 0px -325px;
|
||||
}
|
||||
|
||||
div.uploader.disabled span.action {
|
||||
background-position: right -381px;
|
||||
}
|
||||
|
||||
div.button {
|
||||
background-position: 0px -523px;
|
||||
}
|
||||
|
||||
div.button span {
|
||||
background-position: right -643px;
|
||||
}
|
||||
|
||||
div.button.focus,
|
||||
div.button:focus,
|
||||
div.button:hover,
|
||||
div.button.hover {
|
||||
background-position: 0px -553px;
|
||||
}
|
||||
|
||||
div.button.focus span,
|
||||
div.button:focus span,
|
||||
div.button:hover span,
|
||||
div.button.hover span {
|
||||
background-position: right -673px;
|
||||
}
|
||||
|
||||
div.button.active,
|
||||
div.button:active {
|
||||
background-position: 0px -583px;
|
||||
}
|
||||
|
||||
div.button.active span,
|
||||
div.button:active span {
|
||||
background-position: right -703px;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
div.button.disabled,
|
||||
div.button:disabled {
|
||||
background-position: 0px -613px;
|
||||
}
|
||||
|
||||
div.button.disabled span,
|
||||
div.button:disabled span {
|
||||
background-position: right -733px;
|
||||
color: #bbb;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* PRESENTATION */
|
||||
|
||||
/* Button */
|
||||
|
||||
div.button {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
div.button span {
|
||||
margin-left: 13px;
|
||||
height: 22px;
|
||||
padding-top: 8px;
|
||||
font-weight: bold;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
padding-left: 2px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/* Select */
|
||||
div.selector {
|
||||
width: 190px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
div.selector select {
|
||||
min-width: 190px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
border: solid 1px #fff;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
padding: 0px 25px 0px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
color: #666;
|
||||
width: 158px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
div.selector.disabled span {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
/* Checker */
|
||||
div.checker {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
div.radio {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
div.uploader {
|
||||
width: 190px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.uploader span.action {
|
||||
width: 85px;
|
||||
text-align: center;
|
||||
text-shadow: #fff 0px 1px 0px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.uploader span.filename {
|
||||
color: #777;
|
||||
width: 82px;
|
||||
border-right: solid 1px #bbb;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
div.uploader input {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
div.uploader.disabled span.action {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
div.uploader.disabled span.filename {
|
||||
border-color: #ddd;
|
||||
color: #aaa;
|
||||
}
|
||||
/*
|
||||
|
||||
CORE FUNCTIONALITY
|
||||
|
||||
Not advised to edit stuff below this line
|
||||
-----------------------------------------------------
|
||||
*/
|
||||
|
||||
.selector,
|
||||
.checker,
|
||||
.button,
|
||||
.radio,
|
||||
.uploader {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
|
||||
div.button a,
|
||||
div.button button,
|
||||
div.button input {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
div.button {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.button span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Select */
|
||||
|
||||
div.selector {
|
||||
position: relative;
|
||||
padding-left: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div.selector span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div.selector select {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
height: 25px;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Checker */
|
||||
|
||||
div.checker {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.checker span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.checker input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
display: inline-block;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
|
||||
div.radio {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.radio span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.radio input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
|
||||
div.uploader {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
div.uploader span.action {
|
||||
float: left;
|
||||
display: inline;
|
||||
padding: 2px 0px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.uploader span.filename {
|
||||
padding: 0px 10px;
|
||||
float: left;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
div.uploader input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity:0);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
float: right;
|
||||
height: 25px;
|
||||
border: none;
|
||||
cursor: default;
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/*
|
||||
Uploadify
|
||||
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
|
||||
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
|
||||
*/
|
||||
|
||||
.uploadify {
|
||||
position: relative;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.uploadify-button {
|
||||
background-color: #505050;
|
||||
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, #505050),
|
||||
color-stop(1, #707070)
|
||||
);
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
border: 2px solid #808080;
|
||||
color: #FFF;
|
||||
font: bold 12px Arial, Helvetica, sans-serif;
|
||||
text-align: center;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
|
||||
width: 100%;
|
||||
}
|
||||
.uploadify:hover .uploadify-button {
|
||||
background-color: #606060;
|
||||
background-image: linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0, #606060),
|
||||
color-stop(1, #808080)
|
||||
);
|
||||
background-position: center bottom;
|
||||
}
|
||||
.uploadify-button.disabled {
|
||||
background-color: #D0D0D0;
|
||||
color: #808080;
|
||||
}
|
||||
.uploadify-queue {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.uploadify-queue-item {
|
||||
background-color: #F5F5F5;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
font: 11px Verdana, Geneva, sans-serif;
|
||||
margin-top: 5px;
|
||||
max-width: 350px;
|
||||
padding: 10px;
|
||||
}
|
||||
.uploadify-error {
|
||||
background-color: #FDE5DD !important;
|
||||
}
|
||||
.uploadify-queue-item .cancel a {
|
||||
background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
|
||||
float: right;
|
||||
height: 16px;
|
||||
text-indent: -9999px;
|
||||
width: 16px;
|
||||
}
|
||||
.uploadify-queue-item.completed {
|
||||
background-color: #E5E5E5;
|
||||
}
|
||||
.uploadify-progress {
|
||||
background-color: #E5E5E5;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.uploadify-progress-bar {
|
||||
background-color: #0099FF;
|
||||
height: 3px;
|
||||
width: 1px;
|
||||
}
|
||||
325
_bootstrapTemplates/perfectum_dashboard_1_0_5/events.html
Normal file
@@ -0,0 +1,325 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Termine</title>
|
||||
<meta name="description" content="Termine">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.eventTable tr td:nth-child(2) { display:none; visibility:hidden; }
|
||||
.eventTable tr th:nth-child(2) { display:none; visibility:hidden; }
|
||||
.eventTable tr td:nth-child(3) { display:none; visibility:hidden; }
|
||||
.eventTable tr th:nth-child(3) { display:none; visibility:hidden; }
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 840px) {
|
||||
.eventTable tr td:nth-child(6) { display:none; visibility:hidden; }
|
||||
.eventTable tr th:nth-child(6) { display:none; visibility:hidden; }
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="row-fluid eventTable">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-user"></i><span class="break"></span>Termine</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<table class="table table-striped">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<th id='eventTitle'>Termin</th>
|
||||
<th id='date' >Datum</th>
|
||||
<th id='time' >Uhrzeit</th>
|
||||
<th id='place' >Ort</th>
|
||||
<th id='status' >Status ändern</th>
|
||||
<th id='comment' >Kommentar</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
|
||||
<tr>
|
||||
<!-- <td class="center"> <span class="label label-success">Komme</span> </td> -->
|
||||
|
||||
<td class="center"> <a href='#'> Halt ein Termin </a></td>
|
||||
<td class="center"> 03.03.1986</td>
|
||||
<td class="center"> 19:30 </td>
|
||||
<td class="center"> Rohr </td>
|
||||
<td class="center">
|
||||
<div class="btn-group event-status-select">
|
||||
<button class="btn btn-info event-status-yes" href="#">
|
||||
<i class="icon-ok-sign icon-white"></i>
|
||||
</button>
|
||||
<button class="btn btn-warning event-status-dontknow" href="#">
|
||||
<i class="icon-question-sign icon-white "></i>
|
||||
</button>
|
||||
<button class="btn btn-info event-status-no" href="#">
|
||||
<i class="icon-remove-sign icon-white"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
|
||||
|
||||
<td>
|
||||
<div class="input-append">
|
||||
<input id="appendedInputButton" size="16" type="text"><button class="btn" type="button">OK</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<!-- <td class="center"> <span class="label label-success">Komme</span> </td> -->
|
||||
|
||||
<td class="center"> <a href='#'> Noch ein Termin </a></td>
|
||||
<td class="center"> 03.03.1986</td>
|
||||
<td class="center"> 19:30 </td>
|
||||
<td class="center"> Rohr </td>
|
||||
<td class="center">
|
||||
<p class="btn-group event-status-select">
|
||||
<button class="btn btn-info event-status-yes" href="#">
|
||||
<i class="icon-ok-sign icon-white"></i>
|
||||
</button>
|
||||
<button class="btn btn-warning event-status-dontknow" href="#">
|
||||
<i class="icon-question-sign icon-white "></i>
|
||||
</button>
|
||||
<button class="btn btn-info event-status-no" href="#">
|
||||
<i class="icon-remove-sign icon-white"></i>
|
||||
</button>
|
||||
</p>
|
||||
</td>
|
||||
<td></td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid eventTable">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-user"></i><span class="break"></span>Kalender</h2>
|
||||
<div class="box-icon" style="float:left; padding-left:20px">
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="calendar"></div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
|
||||
$(".event-status-yes").click(function () {
|
||||
$(this) .addClass("btn-success").removeClass("btn-info");
|
||||
$(this).siblings(".event-status-no") .addClass("btn-info").removeClass("btn-danger");
|
||||
$(this).siblings(".event-status-dontknow").addClass("btn-info").removeClass("btn-warning");
|
||||
});
|
||||
|
||||
$(".event-status-no").click(function () {
|
||||
$(this) .addClass("btn-danger").removeClass("btn-info");
|
||||
$(this).siblings(".event-status-yes") .addClass("btn-info").removeClass("btn-success");
|
||||
$(this).siblings(".event-status-dontknow").addClass("btn-info").removeClass("btn-warning");
|
||||
});
|
||||
|
||||
$(".event-status-dontknow").click(function () {
|
||||
$(this) .addClass("btn-warning").removeClass("btn-info");
|
||||
$(this).siblings(".event-status-yes").addClass("btn-info").removeClass("btn-success");
|
||||
$(this).siblings(".event-status-no") .addClass("btn-info").removeClass("btn-danger");
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
478
_bootstrapTemplates/perfectum_dashboard_1_0_5/file-manager.html
Normal file
@@ -0,0 +1,478 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||||
<meta name="author" content="Łukasz Holeczek">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
<ul>
|
||||
<li class="li1"></li>
|
||||
<li class="li2"></li>
|
||||
<li class="li3"></li>
|
||||
<li class="li4"></li>
|
||||
<li class="li5"></li>
|
||||
<li class="li6"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||||
|
||||
<!-- start: Header Menu -->
|
||||
<div class="nav-no-collapse header-nav">
|
||||
<ul class="nav pull-right">
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu notifications">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- start: Notifications Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu tasks">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">iOS Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Android Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Django Project For Google</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">SEO for new sites</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">New blog posts</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Notifications Dropdown -->
|
||||
<!-- start: Message Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu messages">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Łukasz Holeczek
|
||||
</span>
|
||||
<span class="time">
|
||||
6 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Megan Abott
|
||||
</span>
|
||||
<span class="time">
|
||||
56 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Kate Ross
|
||||
</span>
|
||||
<span class="time">
|
||||
3 hours
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Julie Blank
|
||||
</span>
|
||||
<span class="time">
|
||||
yesterday
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Jane Sanders
|
||||
</span>
|
||||
<span class="time">
|
||||
Jul 25, 2012
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Message Dropdown -->
|
||||
<li>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- start: User Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user icon-white"></i>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: User Dropdown -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end: Header Menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
<div>
|
||||
<hr>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">File Manager</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-picture"></i><span class="break"></span>File Manager</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="alert alert-info">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<i class="icon-info-sign"></i> As its a demo, you currently have read-only permission, in your server you may do everything like, upload or delete. It will work on a server only.
|
||||
</div>
|
||||
<div class="file-manager"></div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<hr>
|
||||
<!-- end: Content -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
773
_bootstrapTemplates/perfectum_dashboard_1_0_5/form.html
Normal file
@@ -0,0 +1,773 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||||
<meta name="author" content="Łukasz Holeczek">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
<ul>
|
||||
<li class="li1"></li>
|
||||
<li class="li2"></li>
|
||||
<li class="li3"></li>
|
||||
<li class="li4"></li>
|
||||
<li class="li5"></li>
|
||||
<li class="li6"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||||
|
||||
<!-- start: Header Menu -->
|
||||
<div class="nav-no-collapse header-nav">
|
||||
<ul class="nav pull-right">
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu notifications">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- start: Notifications Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu tasks">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">iOS Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Android Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Django Project For Google</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">SEO for new sites</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">New blog posts</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Notifications Dropdown -->
|
||||
<!-- start: Message Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu messages">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Łukasz Holeczek
|
||||
</span>
|
||||
<span class="time">
|
||||
6 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Megan Abott
|
||||
</span>
|
||||
<span class="time">
|
||||
56 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Kate Ross
|
||||
</span>
|
||||
<span class="time">
|
||||
3 hours
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Julie Blank
|
||||
</span>
|
||||
<span class="time">
|
||||
yesterday
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Jane Sanders
|
||||
</span>
|
||||
<span class="time">
|
||||
Jul 25, 2012
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Message Dropdown -->
|
||||
<li>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- start: User Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user icon-white"></i>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: User Dropdown -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end: Header Menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
|
||||
<div>
|
||||
<hr>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Forms</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-edit"></i><span class="break"></span>Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="typeahead">Auto complete </label>
|
||||
<div class="controls">
|
||||
<input type="text" class="span6 typeahead" id="typeahead" data-provide="typeahead" data-items="4" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
|
||||
<p class="help-block">Start typing to activate auto complete!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="date01">Date input</label>
|
||||
<div class="controls">
|
||||
<input type="text" class="input-xlarge datepicker" id="date01" value="02/16/12">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="fileInput">File input</label>
|
||||
<div class="controls">
|
||||
<input class="input-file uniform_on" id="fileInput" type="file">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group hidden-phone">
|
||||
<label class="control-label" for="textarea2">Textarea WYSIWYG</label>
|
||||
<div class="controls">
|
||||
<textarea class="cleditor" id="textarea2" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button type="reset" class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-edit"></i><span class="break"></span>Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="focusedInput">Focused input</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge focused" id="focusedInput" type="text" value="This is focused…">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Uneditable input</label>
|
||||
<div class="controls">
|
||||
<span class="input-xlarge uneditable-input">Some value here</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="disabledInput">Disabled input</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge disabled" id="disabledInput" type="text" placeholder="Disabled input here…" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="optionsCheckbox2">Disabled checkbox</label>
|
||||
<div class="controls">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" id="optionsCheckbox2" value="option1" disabled="">
|
||||
This is a disabled checkbox
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group warning">
|
||||
<label class="control-label" for="inputWarning">Input with warning</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputWarning">
|
||||
<span class="help-inline">Something may have gone wrong</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group error">
|
||||
<label class="control-label" for="inputError">Input with error</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputError">
|
||||
<span class="help-inline">Please correct the error</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group success">
|
||||
<label class="control-label" for="inputSuccess">Input with success</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputSuccess">
|
||||
<span class="help-inline">Woohoo!</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError3">Plain Select</label>
|
||||
<div class="controls">
|
||||
<select id="selectError3">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError">Modern Select</label>
|
||||
<div class="controls">
|
||||
<select id="selectError" data-rel="chosen">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError1">Multiple Select / Tags</label>
|
||||
<div class="controls">
|
||||
<select id="selectError1" multiple data-rel="chosen">
|
||||
<option>Option 1</option>
|
||||
<option selected>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError2">Group Select</label>
|
||||
<div class="controls">
|
||||
<select data-placeholder="Your Favorite Football Team" id="selectError2" data-rel="chosen">
|
||||
<option value=""></option>
|
||||
<optgroup label="NFC EAST">
|
||||
<option>Dallas Cowboys</option>
|
||||
<option>New York Giants</option>
|
||||
<option>Philadelphia Eagles</option>
|
||||
<option>Washington Redskins</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC NORTH">
|
||||
<option>Chicago Bears</option>
|
||||
<option>Detroit Lions</option>
|
||||
<option>Green Bay Packers</option>
|
||||
<option>Minnesota Vikings</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC SOUTH">
|
||||
<option>Atlanta Falcons</option>
|
||||
<option>Carolina Panthers</option>
|
||||
<option>New Orleans Saints</option>
|
||||
<option>Tampa Bay Buccaneers</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC WEST">
|
||||
<option>Arizona Cardinals</option>
|
||||
<option>St. Louis Rams</option>
|
||||
<option>San Francisco 49ers</option>
|
||||
<option>Seattle Seahawks</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC EAST">
|
||||
<option>Buffalo Bills</option>
|
||||
<option>Miami Dolphins</option>
|
||||
<option>New England Patriots</option>
|
||||
<option>New York Jets</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC NORTH">
|
||||
<option>Baltimore Ravens</option>
|
||||
<option>Cincinnati Bengals</option>
|
||||
<option>Cleveland Browns</option>
|
||||
<option>Pittsburgh Steelers</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC SOUTH">
|
||||
<option>Houston Texans</option>
|
||||
<option>Indianapolis Colts</option>
|
||||
<option>Jacksonville Jaguars</option>
|
||||
<option>Tennessee Titans</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC WEST">
|
||||
<option>Denver Broncos</option>
|
||||
<option>Kansas City Chiefs</option>
|
||||
<option>Oakland Raiders</option>
|
||||
<option>San Diego Chargers</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-edit"></i><span class="break"></span>Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="prependedInput">Prepended text</label>
|
||||
<div class="controls">
|
||||
<div class="input-prepend">
|
||||
<span class="add-on">@</span><input id="prependedInput" size="16" type="text">
|
||||
</div>
|
||||
<p class="help-block">Here's some help text</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInput">Appended text</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
|
||||
</div>
|
||||
<span class="help-inline">Here's more help text</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedPrependedInput">Append and prepend</label>
|
||||
<div class="controls">
|
||||
<div class="input-prepend input-append">
|
||||
<span class="add-on">$</span><input id="appendedPrependedInput" size="16" type="text"><span class="add-on">.00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInputButton">Append with button</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInputButtons">Two-button append</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Checkboxes</label>
|
||||
<div class="controls">
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox1" value="option1"> Option 1
|
||||
</label>
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox2" value="option2"> Option 2
|
||||
</label>
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox3" value="option3"> Option 3
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">File Upload</label>
|
||||
<div class="controls">
|
||||
<input type="file">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Radio buttons</label>
|
||||
<div class="controls">
|
||||
<label class="radio">
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
|
||||
Option one is this and that—be sure to include why it's great
|
||||
</label>
|
||||
<div style="clear:both"></div>
|
||||
<label class="radio">
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
|
||||
Option two can be something else and selecting it will deselect option one
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<hr>
|
||||
<!-- end: Content -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
514
_bootstrapTemplates/perfectum_dashboard_1_0_5/gallery.html
Normal file
@@ -0,0 +1,514 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||||
<meta name="author" content="Łukasz Holeczek">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
<ul>
|
||||
<li class="li1"></li>
|
||||
<li class="li2"></li>
|
||||
<li class="li3"></li>
|
||||
<li class="li4"></li>
|
||||
<li class="li5"></li>
|
||||
<li class="li6"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||||
|
||||
<!-- start: Header Menu -->
|
||||
<div class="nav-no-collapse header-nav">
|
||||
<ul class="nav pull-right">
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu notifications">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- start: Notifications Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu tasks">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">iOS Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Android Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Django Project For Google</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">SEO for new sites</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">New blog posts</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Notifications Dropdown -->
|
||||
<!-- start: Message Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu messages">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Łukasz Holeczek
|
||||
</span>
|
||||
<span class="time">
|
||||
6 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Megan Abott
|
||||
</span>
|
||||
<span class="time">
|
||||
56 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Kate Ross
|
||||
</span>
|
||||
<span class="time">
|
||||
3 hours
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Julie Blank
|
||||
</span>
|
||||
<span class="time">
|
||||
yesterday
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Jane Sanders
|
||||
</span>
|
||||
<span class="time">
|
||||
Jul 25, 2012
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Message Dropdown -->
|
||||
<li>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- start: User Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user icon-white"></i>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: User Dropdown -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end: Header Menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
<div>
|
||||
<hr>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Gallery</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header" data-original-title>
|
||||
<h2><i class="icon-picture"></i> Gallery</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" id="toggle-fullscreen" class="hidden-phone hidden-tablet"><i class="icon-fullscreen"></i></a>
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="masonry-gallery">
|
||||
<div id="image-1" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo1.jpg)" title="Sample Image 1" href="img/gallery/photo1.jpg"><img class="grayscale" src="img/gallery/photo1.jpg" alt="Sample Image 1"></a>
|
||||
</div>
|
||||
<div id="image-2" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo2.jpg)" title="Sample Image 2" href="img/gallery/photo2.jpg"><img class="grayscale" src="img/gallery/photo2.jpg" alt="Sample Image 2"></a>
|
||||
</div>
|
||||
<div id="image-3" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo3.jpg)" title="Sample Image 3" href="img/gallery/photo3.jpg"><img class="grayscale" src="img/gallery/photo3.jpg" alt="Sample Image 3"></a>
|
||||
</div>
|
||||
<div id="image-4" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo4.jpg)" title="Sample Image 4" href="img/gallery/photo4.jpg"><img class="grayscale" src="img/gallery/photo4.jpg" alt="Sample Image 4"></a>
|
||||
</div>
|
||||
<div id="image-5" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo5.jpg)" title="Sample Image 5" href="img/gallery/photo5.jpg"><img class="grayscale" src="img/gallery/photo5.jpg" alt="Sample Image 5"></a>
|
||||
</div>
|
||||
<div id="image-6" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo6.jpg)" title="Sample Image 6" href="img/gallery/photo6.jpg"><img class="grayscale" src="img/gallery/photo6.jpg" alt="Sample Image 6"></a>
|
||||
</div>
|
||||
<div id="image-7" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo7.jpg)" title="Sample Image 7" href="img/gallery/photo7.jpg"><img class="grayscale" src="img/gallery/photo7.jpg" alt="Sample Image 7"></a>
|
||||
</div>
|
||||
<div id="image-8" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo8.jpg)" title="Sample Image 8" href="img/gallery/photo8.jpg"><img class="grayscale" src="img/gallery/photo8.jpg" alt="Sample Image 8"></a>
|
||||
</div>
|
||||
<div id="image-9" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo9.jpg)" title="Sample Image 9" href="img/gallery/photo9.jpg"><img class="grayscale" src="img/gallery/photo9.jpg" alt="Sample Image 9"></a>
|
||||
</div>
|
||||
<div id="image-10" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo10.jpg)" title="Sample Image 10" href="img/gallery/photo10.jpg"><img class="grayscale" src="img/gallery/photo10.jpg" alt="Sample Image 10"></a>
|
||||
</div>
|
||||
<div id="image-11" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo11.jpg)" title="Sample Image 11" href="img/gallery/photo11.jpg"><img class="grayscale" src="img/gallery/photo11.jpg" alt="Sample Image 11"></a>
|
||||
</div>
|
||||
<div id="image-12" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo12.jpg)" title="Sample Image 12" href="img/gallery/photo12.jpg"><img class="grayscale" src="img/gallery/photo12.jpg" alt="Sample Image 12"></a>
|
||||
</div>
|
||||
<div id="image-13" class="masonry-thumb">
|
||||
<a style="background:url(img/gallery/photo13.jpg)" title="Sample Image 13" href="img/gallery/photo13.jpg"><img class="grayscale" src="img/gallery/photo13.jpg" alt="Sample Image 13"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<hr>
|
||||
<!-- end: Content -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
613
_bootstrapTemplates/perfectum_dashboard_1_0_5/grid.html
Normal file
@@ -0,0 +1,613 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||||
<meta name="author" content="Łukasz Holeczek">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
<ul>
|
||||
<li class="li1"></li>
|
||||
<li class="li2"></li>
|
||||
<li class="li3"></li>
|
||||
<li class="li4"></li>
|
||||
<li class="li5"></li>
|
||||
<li class="li6"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||||
|
||||
<!-- start: Header Menu -->
|
||||
<div class="nav-no-collapse header-nav">
|
||||
<ul class="nav pull-right">
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu notifications">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- start: Notifications Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu tasks">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">iOS Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Android Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Django Project For Google</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">SEO for new sites</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">New blog posts</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Notifications Dropdown -->
|
||||
<!-- start: Message Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu messages">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Łukasz Holeczek
|
||||
</span>
|
||||
<span class="time">
|
||||
6 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Megan Abott
|
||||
</span>
|
||||
<span class="time">
|
||||
56 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Kate Ross
|
||||
</span>
|
||||
<span class="time">
|
||||
3 hours
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Julie Blank
|
||||
</span>
|
||||
<span class="time">
|
||||
yesterday
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Jane Sanders
|
||||
</span>
|
||||
<span class="time">
|
||||
Jul 25, 2012
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Message Dropdown -->
|
||||
<li>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- start: User Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user icon-white"></i>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: User Dropdown -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end: Header Menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
|
||||
<div>
|
||||
<hr>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Grid</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 12</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span3">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span6">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 6</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span6">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 6</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-th"></i><span class="break"></span>Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<hr>
|
||||
<!-- end: Content -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
963
_bootstrapTemplates/perfectum_dashboard_1_0_5/icon.html
Normal file
@@ -0,0 +1,963 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- start: Meta -->
|
||||
<meta charset="utf-8">
|
||||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||||
<meta name="author" content="Łukasz Holeczek">
|
||||
<!-- end: Meta -->
|
||||
|
||||
<!-- start: Mobile Specific -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- end: Mobile Specific -->
|
||||
|
||||
<!-- start: CSS -->
|
||||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 7 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 8 ]>
|
||||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!--[if IE 9 ]>
|
||||
<![endif]-->
|
||||
|
||||
<!-- end: CSS -->
|
||||
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- start: Favicon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<!-- end: Favicon -->
|
||||
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="overlay">
|
||||
<ul>
|
||||
<li class="li1"></li>
|
||||
<li class="li2"></li>
|
||||
<li class="li3"></li>
|
||||
<li class="li4"></li>
|
||||
<li class="li5"></li>
|
||||
<li class="li6"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||||
|
||||
<!-- start: Header Menu -->
|
||||
<div class="nav-no-collapse header-nav">
|
||||
<ul class="nav pull-right">
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu notifications">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="warning">
|
||||
<a href="#">
|
||||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- start: Notifications Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu tasks">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">iOS Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Android Development</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">Django Project For Google</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">SEO for new sites</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="header">
|
||||
<span class="title">New blog posts</span>
|
||||
<span class="percent"></span>
|
||||
</span>
|
||||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Notifications Dropdown -->
|
||||
<!-- start: Message Dropdown -->
|
||||
<li class="dropdown hidden-phone">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu messages">
|
||||
<li>
|
||||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Łukasz Holeczek
|
||||
</span>
|
||||
<span class="time">
|
||||
6 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Megan Abott
|
||||
</span>
|
||||
<span class="time">
|
||||
56 min
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Kate Ross
|
||||
</span>
|
||||
<span class="time">
|
||||
3 hours
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Julie Blank
|
||||
</span>
|
||||
<span class="time">
|
||||
yesterday
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||||
<span class="header">
|
||||
<span class="from">
|
||||
Jane Sanders
|
||||
</span>
|
||||
<span class="time">
|
||||
Jul 25, 2012
|
||||
</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: Message Dropdown -->
|
||||
<li>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-wrench icon-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!-- start: User Dropdown -->
|
||||
<li class="dropdown">
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user icon-white"></i>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- end: User Dropdown -->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end: Header Menu -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- start: Header -->
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- start: Main Menu -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li>
|
||||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||||
<ul>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- end: Main Menu -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- start: Content -->
|
||||
|
||||
|
||||
<div>
|
||||
<hr>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"> Icons</a>
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-picture"></i><span class="break"></span>Icons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<section id="icons1">
|
||||
<div class="page-header">
|
||||
<h1>Icons <small>Graciously provided by <a href="http://glyphicons.com" target="_blank">Glyphicons</a></small></h1>
|
||||
</div>
|
||||
<div class="row-fluid bs-icons">
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-glass"></i> icon-glass</li>
|
||||
<li><i class="icon-music"></i> icon-music</li>
|
||||
<li><i class="icon-search"></i> icon-search</li>
|
||||
<li><i class="icon-envelope"></i> icon-envelope</li>
|
||||
<li><i class="icon-heart"></i> icon-heart</li>
|
||||
<li><i class="icon-star"></i> icon-star</li>
|
||||
<li><i class="icon-star-empty"></i> icon-star-empty</li>
|
||||
<li><i class="icon-user"></i> icon-user</li>
|
||||
<li><i class="icon-film"></i> icon-film</li>
|
||||
<li><i class="icon-th-large"></i> icon-th-large</li>
|
||||
<li><i class="icon-th"></i> icon-th</li>
|
||||
<li><i class="icon-th-list"></i> icon-th-list</li>
|
||||
<li><i class="icon-ok"></i> icon-ok</li>
|
||||
<li><i class="icon-remove"></i> icon-remove</li>
|
||||
<li><i class="icon-zoom-in"></i> icon-zoom-in</li>
|
||||
<li><i class="icon-zoom-out"></i> icon-zoom-out</li>
|
||||
<li><i class="icon-off"></i> icon-off</li>
|
||||
<li><i class="icon-signal"></i> icon-signal</li>
|
||||
<li><i class="icon-cog"></i> icon-cog</li>
|
||||
<li><i class="icon-trash"></i> icon-trash</li>
|
||||
<li><i class="icon-home"></i> icon-home</li>
|
||||
<li><i class="icon-file"></i> icon-file</li>
|
||||
<li><i class="icon-time"></i> icon-time</li>
|
||||
<li><i class="icon-road"></i> icon-road</li>
|
||||
<li><i class="icon-download-alt"></i> icon-download-alt</li>
|
||||
<li><i class="icon-download"></i> icon-download</li>
|
||||
<li><i class="icon-upload"></i> icon-upload</li>
|
||||
<li><i class="icon-inbox"></i> icon-inbox</li>
|
||||
<li><i class="icon-play-circle"></i> icon-play-circle</li>
|
||||
<li><i class="icon-repeat"></i> icon-repeat</li>
|
||||
<li><i class="icon-refresh"></i> icon-refresh</li>
|
||||
<li><i class="icon-list-alt"></i> icon-list-alt</li>
|
||||
<li><i class="icon-lock"></i> icon-lock</li>
|
||||
<li><i class="icon-flag"></i> icon-flag</li>
|
||||
<li><i class="icon-headphones"></i> icon-headphones</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-volume-off"></i> icon-volume-off</li>
|
||||
<li><i class="icon-volume-down"></i> icon-volume-down</li>
|
||||
<li><i class="icon-volume-up"></i> icon-volume-up</li>
|
||||
<li><i class="icon-qrcode"></i> icon-qrcode</li>
|
||||
<li><i class="icon-barcode"></i> icon-barcode</li>
|
||||
<li><i class="icon-tag"></i> icon-tag</li>
|
||||
<li><i class="icon-tags"></i> icon-tags</li>
|
||||
<li><i class="icon-book"></i> icon-book</li>
|
||||
<li><i class="icon-bookmark"></i> icon-bookmark</li>
|
||||
<li><i class="icon-print"></i> icon-print</li>
|
||||
<li><i class="icon-camera"></i> icon-camera</li>
|
||||
<li><i class="icon-font"></i> icon-font</li>
|
||||
<li><i class="icon-bold"></i> icon-bold</li>
|
||||
<li><i class="icon-italic"></i> icon-italic</li>
|
||||
<li><i class="icon-text-height"></i> icon-text-height</li>
|
||||
<li><i class="icon-text-width"></i> icon-text-width</li>
|
||||
<li><i class="icon-align-left"></i> icon-align-left</li>
|
||||
<li><i class="icon-align-center"></i> icon-align-center</li>
|
||||
<li><i class="icon-align-right"></i> icon-align-right</li>
|
||||
<li><i class="icon-align-justify"></i> icon-align-justify</li>
|
||||
<li><i class="icon-list"></i> icon-list</li>
|
||||
<li><i class="icon-indent-left"></i> icon-indent-left</li>
|
||||
<li><i class="icon-indent-right"></i> icon-indent-right</li>
|
||||
<li><i class="icon-facetime-video"></i> icon-facetime-video</li>
|
||||
<li><i class="icon-picture"></i> icon-picture</li>
|
||||
<li><i class="icon-pencil"></i> icon-pencil</li>
|
||||
<li><i class="icon-map-marker"></i> icon-map-marker</li>
|
||||
<li><i class="icon-adjust"></i> icon-adjust</li>
|
||||
<li><i class="icon-tint"></i> icon-tint</li>
|
||||
<li><i class="icon-edit"></i> icon-edit</li>
|
||||
<li><i class="icon-share"></i> icon-share</li>
|
||||
<li><i class="icon-check"></i> icon-check</li>
|
||||
<li><i class="icon-move"></i> icon-move</li>
|
||||
<li><i class="icon-step-backward"></i> icon-step-backward</li>
|
||||
<li><i class="icon-fast-backward"></i> icon-fast-backward</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-backward"></i> icon-backward</li>
|
||||
<li><i class="icon-play"></i> icon-play</li>
|
||||
<li><i class="icon-pause"></i> icon-pause</li>
|
||||
<li><i class="icon-stop"></i> icon-stop</li>
|
||||
<li><i class="icon-forward"></i> icon-forward</li>
|
||||
<li><i class="icon-fast-forward"></i> icon-fast-forward</li>
|
||||
<li><i class="icon-step-forward"></i> icon-step-forward</li>
|
||||
<li><i class="icon-eject"></i> icon-eject</li>
|
||||
<li><i class="icon-chevron-left"></i> icon-chevron-left</li>
|
||||
<li><i class="icon-chevron-right"></i> icon-chevron-right</li>
|
||||
<li><i class="icon-plus-sign"></i> icon-plus-sign</li>
|
||||
<li><i class="icon-minus-sign"></i> icon-minus-sign</li>
|
||||
<li><i class="icon-remove-sign"></i> icon-remove-sign</li>
|
||||
<li><i class="icon-ok-sign"></i> icon-ok-sign</li>
|
||||
<li><i class="icon-question-sign"></i> icon-question-sign</li>
|
||||
<li><i class="icon-info-sign"></i> icon-info-sign</li>
|
||||
<li><i class="icon-screenshot"></i> icon-screenshot</li>
|
||||
<li><i class="icon-remove-circle"></i> icon-remove-circle</li>
|
||||
<li><i class="icon-ok-circle"></i> icon-ok-circle</li>
|
||||
<li><i class="icon-ban-circle"></i> icon-ban-circle</li>
|
||||
<li><i class="icon-arrow-left"></i> icon-arrow-left</li>
|
||||
<li><i class="icon-arrow-right"></i> icon-arrow-right</li>
|
||||
<li><i class="icon-arrow-up"></i> icon-arrow-up</li>
|
||||
<li><i class="icon-arrow-down"></i> icon-arrow-down</li>
|
||||
<li><i class="icon-share-alt"></i> icon-share-alt</li>
|
||||
<li><i class="icon-resize-full"></i> icon-resize-full</li>
|
||||
<li><i class="icon-resize-small"></i> icon-resize-small</li>
|
||||
<li><i class="icon-plus"></i> icon-plus</li>
|
||||
<li><i class="icon-minus"></i> icon-minus</li>
|
||||
<li><i class="icon-asterisk"></i> icon-asterisk</li>
|
||||
<li><i class="icon-exclamation-sign"></i> icon-exclamation-sign</li>
|
||||
<li><i class="icon-gift"></i> icon-gift</li>
|
||||
<li><i class="icon-leaf"></i> icon-leaf</li>
|
||||
<li><i class="icon-fire"></i> icon-fire</li>
|
||||
<li><i class="icon-eye-open"></i> icon-eye-open</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-eye-close"></i> icon-eye-close</li>
|
||||
<li><i class="icon-warning-sign"></i> icon-warning-sign</li>
|
||||
<li><i class="icon-plane"></i> icon-plane</li>
|
||||
<li><i class="icon-calendar"></i> icon-calendar</li>
|
||||
<li><i class="icon-random"></i> icon-random</li>
|
||||
<li><i class="icon-comment"></i> icon-comment</li>
|
||||
<li><i class="icon-magnet"></i> icon-magnet</li>
|
||||
<li><i class="icon-chevron-up"></i> icon-chevron-up</li>
|
||||
<li><i class="icon-chevron-down"></i> icon-chevron-down</li>
|
||||
<li><i class="icon-retweet"></i> icon-retweet</li>
|
||||
<li><i class="icon-shopping-cart"></i> icon-shopping-cart</li>
|
||||
<li><i class="icon-folder-close"></i> icon-folder-close</li>
|
||||
<li><i class="icon-folder-open"></i> icon-folder-open</li>
|
||||
<li><i class="icon-resize-vertical"></i> icon-resize-vertical</li>
|
||||
<li><i class="icon-resize-horizontal"></i> icon-resize-horizontal</li>
|
||||
<li><i class="icon-hdd"></i> icon-hdd</li>
|
||||
<li><i class="icon-bullhorn"></i> icon-bullhorn</li>
|
||||
<li><i class="icon-bell"></i> icon-bell</li>
|
||||
<li><i class="icon-certificate"></i> icon-certificate</li>
|
||||
<li><i class="icon-thumbs-up"></i> icon-thumbs-up</li>
|
||||
<li><i class="icon-thumbs-down"></i> icon-thumbs-down</li>
|
||||
<li><i class="icon-hand-right"></i> icon-hand-right</li>
|
||||
<li><i class="icon-hand-left"></i> icon-hand-left</li>
|
||||
<li><i class="icon-hand-up"></i> icon-hand-up</li>
|
||||
<li><i class="icon-hand-down"></i> icon-hand-down</li>
|
||||
<li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li>
|
||||
<li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li>
|
||||
<li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li>
|
||||
<li><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</li>
|
||||
<li><i class="icon-globe"></i> icon-globe</li>
|
||||
<li><i class="icon-wrench"></i> icon-wrench</li>
|
||||
<li><i class="icon-tasks"></i> icon-tasks</li>
|
||||
<li><i class="icon-filter"></i> icon-filter</li>
|
||||
<li><i class="icon-briefcase"></i> icon-briefcase</li>
|
||||
<li><i class="icon-fullscreen"></i> icon-fullscreen</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header">
|
||||
<h2><i class="icon-picture"></i><span class="break"></span>Font Awesome</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
|
||||
<h3>Web Application Icons</h3>
|
||||
<div class="row-fluid bs-icons">
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-adjust"></i> fa-icon-adjust</li>
|
||||
<li><i class="fa-icon-asterisk"></i> fa-icon-asterisk</li>
|
||||
<li><i class="fa-icon-ban-circle"></i> fa-icon-ban-circle</li>
|
||||
<li><i class="fa-icon-bar-chart"></i> fa-icon-bar-chart</li>
|
||||
<li><i class="fa-icon-barcode"></i> fa-icon-barcode</li>
|
||||
<li><i class="fa-icon-beaker"></i> fa-icon-beaker</li>
|
||||
<li><i class="fa-icon-bell"></i> fa-icon-bell</li>
|
||||
<li><i class="fa-icon-bolt"></i> fa-icon-bolt</li>
|
||||
<li><i class="fa-icon-book"></i> fa-icon-book</li>
|
||||
<li><i class="fa-icon-bookmark"></i> fa-icon-bookmark</li>
|
||||
<li><i class="fa-icon-bookmark-empty"></i> fa-icon-bookmark-empty</li>
|
||||
<li><i class="fa-icon-briefcase"></i> fa-icon-briefcase</li>
|
||||
<li><i class="fa-icon-bullhorn"></i> fa-icon-bullhorn</li>
|
||||
<li><i class="fa-icon-calendar"></i> fa-icon-calendar</li>
|
||||
<li><i class="fa-icon-camera"></i> fa-icon-camera</li>
|
||||
<li><i class="fa-icon-camera-retro"></i> fa-icon-camera-retro</li>
|
||||
<li><i class="fa-icon-certificate"></i> fa-icon-certificate</li>
|
||||
<li><i class="fa-icon-check"></i> fa-icon-check</li>
|
||||
<li><i class="fa-icon-check-empty"></i> fa-icon-check-empty</li>
|
||||
<li><i class="fa-icon-cloud"></i> fa-icon-cloud</li>
|
||||
<li><i class="fa-icon-cog"></i> fa-icon-cog</li>
|
||||
<li><i class="fa-icon-cogs"></i> fa-icon-cogs</li>
|
||||
<li><i class="fa-icon-comment"></i> fa-icon-comment</li>
|
||||
<li><i class="fa-icon-comment-alt"></i> fa-icon-comment-alt</li>
|
||||
<li><i class="fa-icon-comments"></i> fa-icon-comments</li>
|
||||
<li><i class="fa-icon-comments-alt"></i> fa-icon-comments-alt</li>
|
||||
<li><i class="fa-icon-credit-card"></i> fa-icon-credit-card</li>
|
||||
<li><i class="fa-icon-dashboard"></i> fa-icon-dashboard</li>
|
||||
<li><i class="fa-icon-download"></i> fa-icon-download</li>
|
||||
<li><i class="fa-icon-download-alt"></i> fa-icon-download-alt</li>
|
||||
<li><i class="fa-icon-edit"></i> fa-icon-edit</li>
|
||||
<li><i class="fa-icon-envelope"></i> fa-icon-envelope</li>
|
||||
<li><i class="fa-icon-envelope-alt"></i> fa-icon-envelope-alt</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-exclamation-sign"></i> fa-icon-exclamation-sign</li>
|
||||
<li><i class="fa-icon-external-link"></i> fa-icon-external-link</li>
|
||||
<li><i class="fa-icon-eye-close"></i> fa-icon-eye-close</li>
|
||||
<li><i class="fa-icon-eye-open"></i> fa-icon-eye-open</li>
|
||||
<li><i class="fa-icon-facetime-video"></i> fa-icon-facetime-video</li>
|
||||
<li><i class="fa-icon-film"></i> fa-icon-film</li>
|
||||
<li><i class="fa-icon-filter"></i> fa-icon-filter</li>
|
||||
<li><i class="fa-icon-fire"></i> fa-icon-fire</li>
|
||||
<li><i class="fa-icon-flag"></i> fa-icon-flag</li>
|
||||
<li><i class="fa-icon-folder-close"></i> fa-icon-folder-close</li>
|
||||
<li><i class="fa-icon-folder-open"></i> fa-icon-folder-open</li>
|
||||
<li><i class="fa-icon-gift"></i> fa-icon-gift</li>
|
||||
<li><i class="fa-icon-glass"></i> fa-icon-glass</li>
|
||||
<li><i class="fa-icon-globe"></i> fa-icon-globe</li>
|
||||
<li><i class="fa-icon-group"></i> fa-icon-group</li>
|
||||
<li><i class="fa-icon-hdd"></i> fa-icon-hdd</li>
|
||||
<li><i class="fa-icon-headphones"></i> fa-icon-headphones</li>
|
||||
<li><i class="fa-icon-heart"></i> fa-icon-heart</li>
|
||||
<li><i class="fa-icon-heart-empty"></i> fa-icon-heart-empty</li>
|
||||
<li><i class="fa-icon-home"></i> fa-icon-home</li>
|
||||
<li><i class="fa-icon-inbox"></i> fa-icon-inbox</li>
|
||||
<li><i class="fa-icon-info-sign"></i> fa-icon-info-sign</li>
|
||||
<li><i class="fa-icon-key"></i> fa-icon-key</li>
|
||||
<li><i class="fa-icon-leaf"></i> fa-icon-leaf</li>
|
||||
<li><i class="fa-icon-legal"></i> fa-icon-legal</li>
|
||||
<li><i class="fa-icon-lemon"></i> fa-icon-lemon</li>
|
||||
<li><i class="fa-icon-lock"></i> fa-icon-lock</li>
|
||||
<li><i class="fa-icon-unlock"></i> fa-icon-unlock</li>
|
||||
<li><i class="fa-icon-magic"></i> fa-icon-magic</li>
|
||||
<li><i class="fa-icon-magnet"></i> fa-icon-magnet</li>
|
||||
<li><i class="fa-icon-map-marker"></i> fa-icon-map-marker</li>
|
||||
<li><i class="fa-icon-minus"></i> fa-icon-minus</li>
|
||||
<li><i class="fa-icon-minus-sign"></i> fa-icon-minus-sign</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-money"></i> fa-icon-money</li>
|
||||
<li><i class="fa-icon-move"></i> fa-icon-move</li>
|
||||
<li><i class="fa-icon-music"></i> fa-icon-music</li>
|
||||
<li><i class="fa-icon-off"></i> fa-icon-off</li>
|
||||
<li><i class="fa-icon-ok"></i> fa-icon-ok</li>
|
||||
<li><i class="fa-icon-ok-circle"></i> fa-icon-ok-circle</li>
|
||||
<li><i class="fa-icon-ok-sign"></i> fa-icon-ok-sign</li>
|
||||
<li><i class="fa-icon-pencil"></i> fa-icon-pencil</li>
|
||||
<li><i class="fa-icon-picture"></i> fa-icon-picture</li>
|
||||
<li><i class="fa-icon-plane"></i> fa-icon-plane</li>
|
||||
<li><i class="fa-icon-plus"></i> fa-icon-plus</li>
|
||||
<li><i class="fa-icon-plus-sign"></i> fa-icon-plus-sign</li>
|
||||
<li><i class="fa-icon-print"></i> fa-icon-print</li>
|
||||
<li><i class="fa-icon-pushpin"></i> fa-icon-pushpin</li>
|
||||
<li><i class="fa-icon-qrcode"></i> fa-icon-qrcode</li>
|
||||
<li><i class="fa-icon-question-sign"></i> fa-icon-question-sign</li>
|
||||
<li><i class="fa-icon-random"></i> fa-icon-random</li>
|
||||
<li><i class="fa-icon-refresh"></i> fa-icon-refresh</li>
|
||||
<li><i class="fa-icon-remove"></i> fa-icon-remove</li>
|
||||
<li><i class="fa-icon-remove-circle"></i> fa-icon-remove-circle</li>
|
||||
<li><i class="fa-icon-remove-sign"></i> fa-icon-remove-sign</li>
|
||||
<li><i class="fa-icon-reorder"></i> fa-icon-reorder</li>
|
||||
<li><i class="fa-icon-resize-horizontal"></i> fa-icon-resize-horizontal</li>
|
||||
<li><i class="fa-icon-resize-vertical"></i> fa-icon-resize-vertical</li>
|
||||
<li><i class="fa-icon-retweet"></i> fa-icon-retweet</li>
|
||||
<li><i class="fa-icon-road"></i> fa-icon-road</li>
|
||||
<li><i class="fa-icon-rss"></i> fa-icon-rss</li>
|
||||
<li><i class="fa-icon-screenshot"></i> fa-icon-screenshot</li>
|
||||
<li><i class="fa-icon-search"></i> fa-icon-search</li>
|
||||
<li><i class="fa-icon-share"></i> fa-icon-share</li>
|
||||
<li><i class="fa-icon-share-alt"></i> fa-icon-share-alt</li>
|
||||
<li><i class="fa-icon-shopping-cart"></i> fa-icon-shopping-cart</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-signal"></i> fa-icon-signal</li>
|
||||
<li><i class="fa-icon-signin"></i> fa-icon-signin</li>
|
||||
<li><i class="fa-icon-signout"></i> fa-icon-signout</li>
|
||||
<li><i class="fa-icon-sitemap"></i> fa-icon-sitemap</li>
|
||||
<li><i class="fa-icon-sort"></i> fa-icon-sort</li>
|
||||
<li><i class="fa-icon-sort-down"></i> fa-icon-sort-down</li>
|
||||
<li><i class="fa-icon-sort-up"></i> fa-icon-sort-up</li>
|
||||
<li><i class="fa-icon-star"></i> fa-icon-star</li>
|
||||
<li><i class="fa-icon-star-empty"></i> fa-icon-star-empty</li>
|
||||
<li><i class="fa-icon-star-half"></i> fa-icon-star-half</li>
|
||||
<li><i class="fa-icon-tag"></i> fa-icon-tag</li>
|
||||
<li><i class="fa-icon-tags"></i> fa-icon-tags</li>
|
||||
<li><i class="fa-icon-tasks"></i> fa-icon-tasks</li>
|
||||
<li><i class="fa-icon-thumbs-down"></i> fa-icon-thumbs-down</li>
|
||||
<li><i class="fa-icon-thumbs-up"></i> fa-icon-thumbs-up</li>
|
||||
<li><i class="fa-icon-time"></i> fa-icon-time</li>
|
||||
<li><i class="fa-icon-tint"></i> fa-icon-tint</li>
|
||||
<li><i class="fa-icon-trash"></i> fa-icon-trash</li>
|
||||
<li><i class="fa-icon-trophy"></i> fa-icon-trophy</li>
|
||||
<li><i class="fa-icon-truck"></i> fa-icon-truck</li>
|
||||
<li><i class="fa-icon-umbrella"></i> fa-icon-umbrella</li>
|
||||
<li><i class="fa-icon-upload"></i> fa-icon-upload</li>
|
||||
<li><i class="fa-icon-upload-alt"></i> fa-icon-upload-alt</li>
|
||||
<li><i class="fa-icon-user"></i> fa-icon-user</li>
|
||||
<li><i class="fa-icon-user-md"></i> fa-icon-user-md</li>
|
||||
<li><i class="fa-icon-volume-off"></i> fa-icon-volume-off</li>
|
||||
<li><i class="fa-icon-volume-down"></i> fa-icon-volume-down</li>
|
||||
<li><i class="fa-icon-volume-up"></i> fa-icon-volume-up</li>
|
||||
<li><i class="fa-icon-warning-sign"></i> fa-icon-warning-sign</li>
|
||||
<li><i class="fa-icon-wrench"></i> fa-icon-wrench</li>
|
||||
<li><i class="fa-icon-zoom-in"></i> fa-icon-zoom-in</li>
|
||||
<li><i class="fa-icon-zoom-out"></i> fa-icon-zoom-out</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Text Editor Icons</h3>
|
||||
<div class="row-fluid bs-icons">
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-file"></i> fa-icon-file</li>
|
||||
<li><i class="fa-icon-cut"></i> fa-icon-cut</li>
|
||||
<li><i class="fa-icon-copy"></i> fa-icon-copy</li>
|
||||
<li><i class="fa-icon-paste"></i> fa-icon-paste</li>
|
||||
<li><i class="fa-icon-save"></i> fa-icon-save</li>
|
||||
<li><i class="fa-icon-undo"></i> fa-icon-undo</li>
|
||||
<li><i class="fa-icon-repeat"></i> fa-icon-repeat</li>
|
||||
<li><i class="fa-icon-paper-clip"></i> fa-icon-paper-clip</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-text-height"></i> fa-icon-text-height</li>
|
||||
<li><i class="fa-icon-text-width"></i> fa-icon-text-width</li>
|
||||
<li><i class="fa-icon-align-left"></i> fa-icon-align-left</li>
|
||||
<li><i class="fa-icon-align-center"></i> fa-icon-align-center</li>
|
||||
<li><i class="fa-icon-align-right"></i> fa-icon-align-right</li>
|
||||
<li><i class="fa-icon-align-justify"></i> fa-icon-align-justify</li>
|
||||
<li><i class="fa-icon-indent-left"></i> fa-icon-indent-left</li>
|
||||
<li><i class="fa-icon-indent-right"></i> fa-icon-indent-right</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-font"></i> fa-icon-font</li>
|
||||
<li><i class="fa-icon-bold"></i> fa-icon-bold</li>
|
||||
<li><i class="fa-icon-italic"></i> fa-icon-italic</li>
|
||||
<li><i class="fa-icon-strikethrough"></i> fa-icon-strikethrough</li>
|
||||
<li><i class="fa-icon-underline"></i> fa-icon-underline</li>
|
||||
<li><i class="fa-icon-link"></i> fa-icon-link</li>
|
||||
<li><i class="fa-icon-columns"></i> fa-icon-columns</li>
|
||||
<li><i class="fa-icon-table"></i> fa-icon-table</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-th-large"></i> fa-icon-th-large</li>
|
||||
<li><i class="fa-icon-th"></i> fa-icon-th</li>
|
||||
<li><i class="fa-icon-th-list"></i> fa-icon-th-list</li>
|
||||
<li><i class="fa-icon-list"></i> fa-icon-list</li>
|
||||
<li><i class="fa-icon-list-ol"></i> fa-icon-list-ol</li>
|
||||
<li><i class="fa-icon-list-ul"></i> fa-icon-list-ul</li>
|
||||
<li><i class="fa-icon-list-alt"></i> fa-icon-list-alt</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Directional Icons</h3>
|
||||
<div class="row-fluid bs-icons">
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-arrow-down"></i> fa-icon-arrow-down</li>
|
||||
<li><i class="fa-icon-arrow-left"></i> fa-icon-arrow-left</li>
|
||||
<li><i class="fa-icon-arrow-right"></i> fa-icon-arrow-right</li>
|
||||
<li><i class="fa-icon-arrow-up"></i> fa-icon-arrow-up</li>
|
||||
<li><i class="fa-icon-chevron-down"></i> fa-icon-chevron-down</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-circle-arrow-down"></i> fa-icon-circle-arrow-down</li>
|
||||
<li><i class="fa-icon-circle-arrow-left"></i> fa-icon-circle-arrow-left</li>
|
||||
<li><i class="fa-icon-circle-arrow-right"></i> fa-icon-circle-arrow-right</li>
|
||||
<li><i class="fa-icon-circle-arrow-up"></i> fa-icon-circle-arrow-up</li>
|
||||
<li><i class="fa-icon-chevron-left"></i> fa-icon-chevron-left</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-caret-down"></i> fa-icon-caret-down</li>
|
||||
<li><i class="fa-icon-caret-left"></i> fa-icon-caret-left</li>
|
||||
<li><i class="fa-icon-caret-right"></i> fa-icon-caret-right</li>
|
||||
<li><i class="fa-icon-caret-up"></i> fa-icon-caret-up</li>
|
||||
<li><i class="fa-icon-chevron-right"></i> fa-icon-chevron-right</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-hand-down"></i> fa-icon-hand-down</li>
|
||||
<li><i class="fa-icon-hand-left"></i> fa-icon-hand-left</li>
|
||||
<li><i class="fa-icon-hand-right"></i> fa-icon-hand-right</li>
|
||||
<li><i class="fa-icon-hand-up"></i> fa-icon-hand-up</li>
|
||||
<li><i class="fa-icon-chevron-up"></i> fa-icon-chevron-up</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Video Player Icons</h3>
|
||||
<div class="row-fluid bs-icons">
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-play-circle"></i> fa-icon-play-circle</li>
|
||||
<li><i class="fa-icon-play"></i> fa-icon-play</li>
|
||||
<li><i class="fa-icon-pause"></i> fa-icon-pause</li>
|
||||
<li><i class="fa-icon-stop"></i> fa-icon-stop</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-step-backward"></i> fa-icon-step-backward</li>
|
||||
<li><i class="fa-icon-fast-backward"></i> fa-icon-fast-backward</li>
|
||||
<li><i class="fa-icon-backward"></i> fa-icon-backward</li>
|
||||
<li><i class="fa-icon-forward"></i> fa-icon-forward</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-fast-forward"></i> fa-icon-fast-forward</li>
|
||||
<li><i class="fa-icon-step-forward"></i> fa-icon-step-forward</li>
|
||||
<li><i class="fa-icon-eject"></i> fa-icon-eject</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-fullscreen"></i> fa-icon-fullscreen</li>
|
||||
<li><i class="fa-icon-resize-full"></i> fa-icon-resize-full</li>
|
||||
<li><i class="fa-icon-resize-small"></i> fa-icon-resize-small</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h3>Social Icons</h3>
|
||||
<div class="row-fluid bs-icons">
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-phone"></i> fa-icon-phone</li>
|
||||
<li><i class="fa-icon-phone-sign"></i> fa-icon-phone-sign</li>
|
||||
<li><i class="fa-icon-facebook"></i> fa-icon-facebook</li>
|
||||
<li><i class="fa-icon-facebook-sign"></i> fa-icon-facebook-sign</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-twitter"></i> fa-icon-twitter</li>
|
||||
<li><i class="fa-icon-twitter-sign"></i> fa-icon-twitter-sign</li>
|
||||
<li><i class="fa-icon-github"></i> fa-icon-github</li>
|
||||
<li><i class="fa-icon-github-sign"></i> fa-icon-github-sign</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-linkedin"></i> fa-icon-linkedin</li>
|
||||
<li><i class="fa-icon-linkedin-sign"></i> fa-icon-linkedin-sign</li>
|
||||
<li><i class="fa-icon-pinterest"></i> fa-icon-pinterest</li>
|
||||
<li><i class="fa-icon-pinterest-sign"></i> fa-icon-pinterest-sign</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="fa-icon-google-plus"></i> fa-icon-google-plus</li>
|
||||
<li><i class="fa-icon-google-plus-sign"></i> fa-icon-google-plus-sign</li>
|
||||
<li><i class="fa-icon-sign-blank"></i> fa-icon-sign-blank</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<hr>
|
||||
<!-- end: Content -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<footer>
|
||||
<p>
|
||||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||||
</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- start: JavaScript-->
|
||||
|
||||
<script src="js/jquery-1.9.1.min.js"></script>
|
||||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||||
|
||||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||||
|
||||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
|
||||
<script src="js/jquery.gritter.min.js"></script>
|
||||
|
||||
<script src="js/jquery.imagesloaded.js"></script>
|
||||
|
||||
<script src="js/jquery.masonry.min.js"></script>
|
||||
|
||||
<script src="js/jquery.knob.js"></script>
|
||||
|
||||
<script src="js/jquery.sparkline.min.js"></script>
|
||||
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- end: JavaScript-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 201 B |
|
After Width: | Height: | Size: 312 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar.jpg
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar2.jpg
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar3.jpg
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar4.jpg
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar5.jpg
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar6.jpg
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar7.jpg
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar8.jpg
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/avatar9.jpg
Normal file
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 143 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/bg-input.png
Normal file
|
After Width: | Height: | Size: 143 B |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 237 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/bg-login.jpg
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/bg.jpg
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/buttons.gif
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/chat-left.png
Normal file
|
After Width: | Height: | Size: 313 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/chat-right.png
Normal file
|
After Width: | Height: | Size: 255 B |
|
After Width: | Height: | Size: 559 B |
|
After Width: | Height: | Size: 264 B |
|
After Width: | Height: | Size: 494 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/crop.gif
Normal file
|
After Width: | Height: | Size: 329 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/dbg.jpg
Normal file
|
After Width: | Height: | Size: 324 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/dbg_blue.jpg
Normal file
|
After Width: | Height: | Size: 441 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/dialogs.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/favicon.ico
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 181 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 201 KiB |
|
After Width: | Height: | Size: 54 KiB |
|
After Width: | Height: | Size: 192 KiB |
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 201 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 14 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/i_16_radio.png
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/icons-big.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 260 B |
|
After Width: | Height: | Size: 324 B |
|
After Width: | Height: | Size: 321 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/logo.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/logo20.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/progress.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 78 B |
|
After Width: | Height: | Size: 2.6 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/resize.png
Normal file
|
After Width: | Height: | Size: 101 B |
|
After Width: | Height: | Size: 1.8 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/sprite.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/toolbar.gif
Normal file
|
After Width: | Height: | Size: 68 B |
BIN
_bootstrapTemplates/perfectum_dashboard_1_0_5/img/toolbar.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 180 B |
|
After Width: | Height: | Size: 178 B |
|
After Width: | Height: | Size: 120 B |
|
After Width: | Height: | Size: 105 B |
|
After Width: | Height: | Size: 111 B |