Feature:Taskid/BugId; 完善功能
This commit is contained in:
commit
692b6c5b96
|
|
@ -0,0 +1,32 @@
|
||||||
|
= Starter
|
||||||
|
|
||||||
|
image:https://img.shields.io/badge/vert.x-4.4.5-purple.svg[link="https://vertx.io"]
|
||||||
|
|
||||||
|
This application was generated using http://start.vertx.io
|
||||||
|
|
||||||
|
== Building
|
||||||
|
|
||||||
|
To launch your tests:
|
||||||
|
```
|
||||||
|
./mvnw clean test
|
||||||
|
```
|
||||||
|
|
||||||
|
To package your application:
|
||||||
|
```
|
||||||
|
./mvnw clean package
|
||||||
|
```
|
||||||
|
|
||||||
|
To run your application:
|
||||||
|
```
|
||||||
|
./mvnw clean compile exec:java
|
||||||
|
```
|
||||||
|
|
||||||
|
== Help
|
||||||
|
|
||||||
|
* https://vertx.io/docs/[Vert.x Documentation]
|
||||||
|
* https://stackoverflow.com/questions/tagged/vert.x?sort=newest&pageSize=15[Vert.x Stack Overflow]
|
||||||
|
* https://groups.google.com/forum/?fromgroups#!forum/vertx[Vert.x User Group]
|
||||||
|
* https://discord.gg/6ry7aqPWXy[Vert.x Discord]
|
||||||
|
* https://gitter.im/eclipse-vertx/vertx-users[Vert.x Gitter]
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
POST http://127.0.0.1:7401/api/add_digikey
|
||||||
|
|
||||||
|
manufacturer=zuaa&mpn=zuaa&sku=sku
|
||||||
|
|
||||||
|
###
|
||||||
|
POST http://127.0.0.1:7401/api/add_task
|
||||||
|
|
||||||
|
url=asdasdasd1111111111111
|
||||||
|
|
||||||
|
|
||||||
|
###
|
||||||
|
POST http://127.0.0.1:7401/api/get_task
|
||||||
|
|
||||||
|
###
|
||||||
|
GET http://127.0.0.1:7401/api/get_task_count
|
||||||
|
|
||||||
|
###
|
||||||
|
GET http://127.0.0.1:7401/api/digikey_count
|
||||||
|
|
||||||
|
###
|
||||||
|
POST https://search.eeany.cn/api/add_task
|
||||||
|
|
||||||
|
url=https://www.digikey.cn/zh/products/detail/tdk-invensense/IAM-20380/9953664
|
||||||
|
|
||||||
|
###
|
||||||
|
POST https://search.eeany.cn/api/digikey_count
|
||||||
|
|
||||||
|
###
|
||||||
|
POST https://search.eeany.cn/api/get_task_count
|
||||||
|
|
||||||
|
###
|
||||||
|
POST https://search.eeany.cn/api/add_task
|
||||||
|
|
||||||
|
###
|
||||||
|
POST https://search.eeany.cn/api/get_task
|
||||||
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
https://vertx.io/docs/vertx-web/java/
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
# 型号搜索
|
||||||
|
|
||||||
|
# 数据通过外部倒入到sqlite中进行存储
|
||||||
|
|
||||||
|
# 搜索功能
|
||||||
|
提供了缓存
|
||||||
|
|
||||||
|
# 搜索结果
|
||||||
|
不展示分页，通过一次性查询加载完所有数据，然后进行分页展示
|
||||||
|
#详情页面
|
||||||
|
通过百度AI 获取的详情页，通过缓存。。
|
||||||
|
百度AI的功能暂时关闭，暂时使用本地的详情页，因为费用和访问速度的问题
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#针对DIGIKEY的优化
|
||||||
|
|
||||||
|
1. 搜索结果展示 digikey的搜索结果
|
||||||
|
数据来源：digikey的搜索结果，搜索结果展示的页面，通过抓取页面中的数据，并保存在实时的数据库中。
|
||||||
|
2. 搜索结果的优化，
|
||||||
|
3. 通过搜索的结果的缓存+实时的搜索结果完成搜索
|
||||||
|
4.
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 404 页面</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="middle-box text-center animated fadeInDown">
|
||||||
|
<h1>404</h1>
|
||||||
|
<h3 class="font-bold">页面未找到！</h3>
|
||||||
|
|
||||||
|
<div class="error-desc">
|
||||||
|
抱歉，页面好像去火星了~
|
||||||
|
<form class="form-inline m-t" role="form">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="email" class="form-control" placeholder="请输入您需要查找的内容 …">
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary">搜索</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 500错误</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="middle-box text-center animated fadeInDown">
|
||||||
|
<h1>500</h1>
|
||||||
|
<h3 class="font-bold">服务器内部错误</h3>
|
||||||
|
|
||||||
|
<div class="error-desc">
|
||||||
|
服务器好像出错了...
|
||||||
|
<br/>您可以返回主页看看
|
||||||
|
<br/><a href="index.html" class="btn btn-primary m-t">主页</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,232 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 任务清单</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<h3>任务列表</h3>
|
||||||
|
<p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
|
||||||
|
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" placeholder="添加新任务" class="input input-sm form-control">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="btn btn-sm btn-white"> <i class="fa fa-plus"></i> 添加</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="sortable-list connectList agile-list">
|
||||||
|
<li class="warning-element">
|
||||||
|
加强过程管理，及时统计教育经费使用情况，做到底码清楚，
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标签</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.01
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="success-element">
|
||||||
|
支持财会人员的继续培训工作。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.05.12
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="info-element">
|
||||||
|
协同教导处搞好助学金、减免教科书费的工作。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.10
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="danger-element">
|
||||||
|
要求会计、出纳人员严格执行财务制度，遵守岗位职责，按时上报各种资料。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.06.10
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="warning-element">
|
||||||
|
做好职工公费医疗工作，按时发放门诊费。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标签</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.09
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="warning-element">
|
||||||
|
有计划地把课本复习三至五遍。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.08.04
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="success-element">
|
||||||
|
看一本高质量的高中语法书
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.05.12
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="info-element">
|
||||||
|
选择一份较好的英语报纸，通过阅读提高英语学习效果。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.10
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<h3>进行中</h3>
|
||||||
|
<p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
|
||||||
|
<ul class="sortable-list connectList agile-list">
|
||||||
|
<li class="success-element">
|
||||||
|
全面、较深入地掌握我们“产品”的功能、特色和优势并做到应用自如。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标签</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.01
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="success-element">
|
||||||
|
根据自己以前所了解的和从其他途径搜索到的信息，录入客户资料150家。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.05.12
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="warning-element">
|
||||||
|
锁定有意向客户20家。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.10
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="warning-element">
|
||||||
|
力争完成销售指标。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标签</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.09
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="info-element">
|
||||||
|
在总结和摸索中前进。
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.08.04
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="success-element">
|
||||||
|
不断学习行业知识、产品知识，为客户带来实用介绍内容
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.05.12
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="danger-element">
|
||||||
|
先友后单：与客户发展良好友谊，转换销售员角色，处处为客户着想
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.11.04
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<h3>已完成</h3>
|
||||||
|
<p class="small"><i class="fa fa-hand-o-up"></i> 在列表之间拖动任务面板</p>
|
||||||
|
<ul class="sortable-list connectList agile-list">
|
||||||
|
<li class="info-element">
|
||||||
|
制定工作日程表
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.10
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="warning-element">
|
||||||
|
每天坚持打40个有效电话，挖掘潜在客户
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标签</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.09
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="warning-element">
|
||||||
|
拜访客户之前要对该客户做全面的了解(客户的潜在需求、职位、权限以及个人性格和爱好)
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标签</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.09.09
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="warning-element">
|
||||||
|
提高自己电话营销技巧，灵活专业地与客户进行电话交流
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-primary">确定</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.08.04
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="success-element">
|
||||||
|
通过电话销售过程中了解各盛市的设备仪器使用、采购情况及相关重要追踪人
|
||||||
|
<div class="agile-detail">
|
||||||
|
<a href="#" class="pull-right btn btn-xs btn-white">标记</a>
|
||||||
|
<i class="fa fa-clock-o"></i> 2015.05.12
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
<script src="js/jquery-ui-1.10.4.min.js"></script>
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function () {
|
||||||
|
$(".sortable-list").sortable({
|
||||||
|
connectWith: ".connectList"
|
||||||
|
}).disableSelection();
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,216 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 文章页面</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight article">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-10 col-lg-offset-1">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<div class="pull-right">
|
||||||
|
<button class="btn btn-white btn-xs" type="button">700BIKE</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">BeginOne</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">乐视超级自行车</button>
|
||||||
|
</div>
|
||||||
|
<div class="text-center article-title">
|
||||||
|
<h1>
|
||||||
|
自行车都智能化了，你可知道它的历史？
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
在不少旁观者的眼里，智能化几乎成了一种避之唯恐不及的“瘟疫”，开始攀附上大大小小、各式各样的工具和设备，从水杯、灯泡、体重秤这样的小物件，再到冰箱、洗衣机这些生活中的庞然大物。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
兜兜转转之后，这场“瘟疫”又找上了在生活中不那么起眼的自行车。然而，在搭上智能化的顺风车之前，你可知道自行车的历史？虽然，在乐视超级自行车的发布会上，它已经用了自行车史上有着重要地位的三个名字——斯塔利、西夫拉克、阿尔普迪埃——来命名自家的自行车，但那远远不够。Gizmodo 为我们梳理了自行车发展的关键节点。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
在开始之前，我们先来看看丹麦的设计师制作的动画，一分钟看完自行车近 200 年的演变。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
比较公认的说法是，第一辆自行车由法国手工艺人西夫拉克（Médé de Sivrac）设计，在两个轮子上安装了支架并配上马鞍，前进的话需要用脚蹬地提供动力。这还只是一个很简单的雏形，没有方向舵，转弯的时候需要骑行者下车抬起前轮，稳定性也不好。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
德国人杜莱斯（Karl Drais von Sauerbronn）制作了一辆和西夫拉克的设计相近的两轮车子，增加了车把，可以改变行进中的方向，速度可以达到 15km/h。不过，还是需要靠双脚蹬地提供动力。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
这时候第一辆真正意义上的自行车诞生了，是由苏格兰铁匠麦克米伦（Kirkpatrik Macmillan）设计的，它还有一个专门的名字——Velocipede。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
在不少旁观者的眼里，智能化几乎成了一种避之唯恐不及的“瘟疫”，开始攀附上大大小小、各式各样的工具和设备，从水杯、灯泡、体重秤这样的小物件，再到冰箱、洗衣机这些生活中的庞然大物。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
兜兜转转之后，这场“瘟疫”又找上了在生活中不那么起眼的自行车。然而，在搭上智能化的顺风车之前，你可知道自行车的历史？虽然，在乐视超级自行车的发布会上，它已经用了自行车史上有着重要地位的三个名字——斯塔利、西夫拉克、阿尔普迪埃——来命名自家的自行车，但那远远不够。Gizmodo 为我们梳理了自行车发展的关键节点。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
在开始之前，我们先来看看丹麦的设计师制作的动画，一分钟看完自行车近 200 年的演变。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
比较公认的说法是，第一辆自行车由法国手工艺人西夫拉克（Médé de Sivrac）设计，在两个轮子上安装了支架并配上马鞍，前进的话需要用脚蹬地提供动力。这还只是一个很简单的雏形，没有方向舵，转弯的时候需要骑行者下车抬起前轮，稳定性也不好。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
德国人杜莱斯（Karl Drais von Sauerbronn）制作了一辆和西夫拉克的设计相近的两轮车子，增加了车把，可以改变行进中的方向，速度可以达到 15km/h。不过，还是需要靠双脚蹬地提供动力。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
这时候第一辆真正意义上的自行车诞生了，是由苏格兰铁匠麦克米伦（Kirkpatrik Macmillan）设计的，它还有一个专门的名字——Velocipede。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
在不少旁观者的眼里，智能化几乎成了一种避之唯恐不及的“瘟疫”，开始攀附上大大小小、各式各样的工具和设备，从水杯、灯泡、体重秤这样的小物件，再到冰箱、洗衣机这些生活中的庞然大物。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
兜兜转转之后，这场“瘟疫”又找上了在生活中不那么起眼的自行车。然而，在搭上智能化的顺风车之前，你可知道自行车的历史？虽然，在乐视超级自行车的发布会上，它已经用了自行车史上有着重要地位的三个名字——斯塔利、西夫拉克、阿尔普迪埃——来命名自家的自行车，但那远远不够。Gizmodo 为我们梳理了自行车发展的关键节点。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
在开始之前，我们先来看看丹麦的设计师制作的动画，一分钟看完自行车近 200 年的演变。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
比较公认的说法是，第一辆自行车由法国手工艺人西夫拉克（Médé de Sivrac）设计，在两个轮子上安装了支架并配上马鞍，前进的话需要用脚蹬地提供动力。这还只是一个很简单的雏形，没有方向舵，转弯的时候需要骑行者下车抬起前轮，稳定性也不好。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
德国人杜莱斯（Karl Drais von Sauerbronn）制作了一辆和西夫拉克的设计相近的两轮车子，增加了车把，可以改变行进中的方向，速度可以达到 15km/h。不过，还是需要靠双脚蹬地提供动力。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
这时候第一辆真正意义上的自行车诞生了，是由苏格兰铁匠麦克米伦（Kirkpatrik Macmillan）设计的，它还有一个专门的名字——Velocipede。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
在不少旁观者的眼里，智能化几乎成了一种避之唯恐不及的“瘟疫”，开始攀附上大大小小、各式各样的工具和设备，从水杯、灯泡、体重秤这样的小物件，再到冰箱、洗衣机这些生活中的庞然大物。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
兜兜转转之后，这场“瘟疫”又找上了在生活中不那么起眼的自行车。然而，在搭上智能化的顺风车之前，你可知道自行车的历史？虽然，在乐视超级自行车的发布会上，它已经用了自行车史上有着重要地位的三个名字——斯塔利、西夫拉克、阿尔普迪埃——来命名自家的自行车，但那远远不够。Gizmodo 为我们梳理了自行车发展的关键节点。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
在开始之前，我们先来看看丹麦的设计师制作的动画，一分钟看完自行车近 200 年的演变。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
比较公认的说法是，第一辆自行车由法国手工艺人西夫拉克（Médé de Sivrac）设计，在两个轮子上安装了支架并配上马鞍，前进的话需要用脚蹬地提供动力。这还只是一个很简单的雏形，没有方向舵，转弯的时候需要骑行者下车抬起前轮，稳定性也不好。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
德国人杜莱斯（Karl Drais von Sauerbronn）制作了一辆和西夫拉克的设计相近的两轮车子，增加了车把，可以改变行进中的方向，速度可以达到 15km/h。不过，还是需要靠双脚蹬地提供动力。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
这时候第一辆真正意义上的自行车诞生了，是由苏格兰铁匠麦克米伦（Kirkpatrik Macmillan）设计的，它还有一个专门的名字——Velocipede。
|
||||||
|
</p>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
|
||||||
|
<h2>评论：</h2>
|
||||||
|
<div class="social-feed-box">
|
||||||
|
<div class="social-avatar">
|
||||||
|
<a href="" class="pull-left">
|
||||||
|
<img alt="image" src="img/a1.jpg">
|
||||||
|
</a>
|
||||||
|
<div class="media-body">
|
||||||
|
<a href="#">
|
||||||
|
逆光狂胜蔡舞娘
|
||||||
|
</a>
|
||||||
|
<small class="text-muted">17 小时前</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-body">
|
||||||
|
<p>
|
||||||
|
好东西，我朝淘宝准备跟进，1折开卖
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-feed-box">
|
||||||
|
<div class="social-avatar">
|
||||||
|
<a href="" class="pull-left">
|
||||||
|
<img alt="image" src="img/a2.jpg">
|
||||||
|
</a>
|
||||||
|
<div class="media-body">
|
||||||
|
<a href="#">
|
||||||
|
避雷范儿
|
||||||
|
</a>
|
||||||
|
<small class="text-muted"> 16 小时前</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-body">
|
||||||
|
<p>
|
||||||
|
第一个真的好美 就是噪音太大了 挺唯美的意境瞬间变成工厂了
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-feed-box">
|
||||||
|
<div class="social-avatar">
|
||||||
|
<a href="" class="pull-left">
|
||||||
|
<img alt="image" src="img/a3.jpg">
|
||||||
|
</a>
|
||||||
|
<div class="media-body">
|
||||||
|
<a href="#">
|
||||||
|
kamppi
|
||||||
|
</a>
|
||||||
|
<small class="text-muted"> 6 小时前</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-body">
|
||||||
|
<p>
|
||||||
|
好美的装置艺术，第二个让我想起了海中缓缓游动的鲸鱼。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-feed-box">
|
||||||
|
<div class="social-avatar">
|
||||||
|
<a href="" class="pull-left">
|
||||||
|
<img alt="image" src="img/a5.jpg">
|
||||||
|
</a>
|
||||||
|
<div class="media-body">
|
||||||
|
<a href="#">
|
||||||
|
kamppi
|
||||||
|
</a>
|
||||||
|
<small class="text-muted">6 小时前</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social-body">
|
||||||
|
<p>
|
||||||
|
“Flylight 的灯管并不固定，由一套软件控制：每一个灯管都根据与其它灯管的互动进行移动，就像一群真正的鸟群一样。” 好像介绍的描述不对，灯管是固定的，控制的只是点亮和熄灭的时间，模拟成一团亮点移动
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,199 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 徽章，标签，进度条</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>徽章 (Badges)</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="badges_labels.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="badges_labels.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="badges_labels.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
要添加徽章，只需要在元素上添加<code>.badge</code>即可，改变徽章的颜色可使用如下class，如<code>.badge-primary</code>。
|
||||||
|
</p>
|
||||||
|
<p><span class="badge">空</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="badge badge-primary">badge-primary</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="badge badge-info">badge-info</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="badge badge-success">badge-success</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="badge badge-warning">badge-warning</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="badge badge-danger">badge-danger</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>标签 (Labels)</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="badges_labels.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="badges_labels.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="badges_labels.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
要添加徽章，只需要在元素上添加class<code>.label</code>即可，如果需要修改颜色，添加如下class，如<code>.label-primary</code>
|
||||||
|
</p>
|
||||||
|
<p><span class="label">空</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="label label-primary">label-primary</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="label label-info">label-info</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="label label-success">label-success</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="label label-warning">label-warning</span>
|
||||||
|
</p>
|
||||||
|
<p><span class="label label-danger">label-danger</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>进度条 (Progress Bars)</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="badges_labels.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="badges_labels.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="badges_labels.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<h5>基本</h5>
|
||||||
|
<div class="progress">
|
||||||
|
<div style="width: 35%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="35" role="progressbar" class="progress-bar progress-bar-success">
|
||||||
|
<span class="sr-only">35% Complete (success)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="progress progress-bar-default">
|
||||||
|
<div style="width: 43%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="43" role="progressbar" class="progress-bar">
|
||||||
|
<span class="sr-only">43% Complete (success)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h5>条纹</h5>
|
||||||
|
|
||||||
|
<div class="progress progress-striped">
|
||||||
|
<div style="width: 50%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="50" role="progressbar" class="progress-bar progress-bar-warning">
|
||||||
|
<span class="sr-only">40% Complete (success)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h5>动画</h5>
|
||||||
|
|
||||||
|
<div class="progress progress-striped active">
|
||||||
|
<div style="width: 75%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="75" role="progressbar" class="progress-bar progress-bar-danger">
|
||||||
|
<span class="sr-only">40% Complete (success)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h5>堆叠</h5>
|
||||||
|
|
||||||
|
<div class="progress progress-striped active">
|
||||||
|
<div style="width: 30%" class="progress-bar progress-bar-success">
|
||||||
|
<span class="sr-only">30% Complete (success)</span>
|
||||||
|
</div>
|
||||||
|
<div style="width: 20%" class="progress-bar progress-bar-warning">
|
||||||
|
<span class="sr-only">15% Complete (warning)</span>
|
||||||
|
</div>
|
||||||
|
<div style="width: 40%" class="progress-bar progress-bar-danger">
|
||||||
|
<span class="sr-only">40% Complete (danger)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,138 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 基本图库</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
<link href="js/plugins/fancybox/jquery.fancybox.css" rel="stylesheet">
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>Fancybox <small>http://fancybox.net/</small></h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="basic_gallery.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="basic_gallery.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="basic_gallery.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
|
||||||
|
<a class="fancybox" href="img/p1.jpg" title="图片1">
|
||||||
|
<img alt="image" src="img/p_big1.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p2.jpg" title="图片2">
|
||||||
|
<img alt="image" src="img/p_big2.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p3.jpg" title="图片3">
|
||||||
|
<img alt="image" src="img/p_big3.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p1.jpg" title="图片4">
|
||||||
|
<img alt="image" src="img/p_big1.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p2.jpg" title="图片5">
|
||||||
|
<img alt="image" src="img/p_big2.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p3.jpg" title="图片6">
|
||||||
|
<img alt="image" src="img/p_big3.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p1.jpg" title="图片7">
|
||||||
|
<img alt="image" src="img/p_big1.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p2.jpg" title="图片8">
|
||||||
|
<img alt="image" src="img/p_big2.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p1.jpg" title="图片9">
|
||||||
|
<img alt="image" src="img/p_big1.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p2.jpg" title="图片10">
|
||||||
|
<img alt="image" src="img/p_big2.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p3.jpg" title="图片11">
|
||||||
|
<img alt="image" src="img/p_big3.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p1.jpg" title="图片12">
|
||||||
|
<img alt="image" src="img/p_big1.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p2.jpg" title="图片13">
|
||||||
|
<img alt="image" src="img/p_big2.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p3.jpg" title="图片14">
|
||||||
|
<img alt="image" src="img/p_big3.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p1.jpg" title="图片15">
|
||||||
|
<img alt="image" src="img/p_big1.jpg" />
|
||||||
|
</a>
|
||||||
|
<a class="fancybox" href="img/p2.jpg" title="图片16">
|
||||||
|
<img alt="image" src="img/p_big2.jpg" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Peity -->
|
||||||
|
<script src="js/plugins/peity/jquery.peity.min.js"></script>
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Fancy box -->
|
||||||
|
<script src="js/plugins/fancybox/jquery.fancybox.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function () {
|
||||||
|
$('.fancybox').fancybox({
|
||||||
|
openEffect: 'none',
|
||||||
|
closeEffect: 'none'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,321 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 文章列表</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight blog">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
想知道宁泽涛每天游多少圈？送他 Misfit 最新款 Speedo Shine
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>高 晨</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 3 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
就算你敢带着 Apple Watch 下水游泳，它也不能记录你游了多少圈。 夏天刚来时就不停地听到有人提起“有没有在我游泳的时候可以帮忙数圈的设备”，今天 Misfit 终于赶在夏天结束之前推出可追踪游泳运动的新款 Shine。这款新设备是 Misfit 与泳衣品牌 Speedo （速比涛）合作推出，因此被命名为 Speedo Shine。
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-primary btn-xs" type="button">Apple Watch</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">速比涛</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 56 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 144 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
半数用户弃用 Apple Music？苹果发话了
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>周 欣</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 3 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
前不久，苹果公司高级副总裁 Eddy Cue 还在宣称 Apple Music 试用期用户超 1100 万，最近就有一份来自 MusicWatch 的调查报告，让人大跌眼镜。
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
MusicWatch 针对美国 5000 名 13 岁以上人群进行抽样调查，得出数据：约有 77% 的 iOS 用户知道 Apple Music，只有 11% 的用户正在使用它；而在已经注册 Apple Music 三个月免费试用服务的用户中，48% 表示已经弃用，61% 称已关闭 iTunes 中的自动订阅功能。
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-primary btn-xs" type="button">调查</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">用户</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">Apple Music</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 36 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 100 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
关于新 Apple TV，这里有几点你应该知道的
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>李 谋</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 2 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
新版的 Apple TV 之前一直有传闻将在 WWDC 上亮相，可是事与愿违。下一代 iPhone 即将于下月与大家见面，新版 Apple TV 将同新 iPhone 一起亮相的传言又是四起。而且现在的传言中还加入了新料。</p>
|
||||||
|
<p>
|
||||||
|
|
||||||
|
据 9to5Mac 的消息，Apple TV 不仅要在九月亮相，其诸多细节也一并被曝出。
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">apple</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">tv</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">苹果</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 11 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 46 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
妹子性致不高？该吃药了！
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>吴 垠</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 4 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
近日天天有人在朋友圈里放出“酒店 X 折”的广告，原来七夕到了。恰恰在这个中国人的传统节日里，美国也凑起了热闹，FDA 通过了 Addyi 的审批，这是第一种能解决女性性欲问题的药物。此前，Addyi 在 2010 年和2013 年曾两次报批被拒，理由是“药效的边际效应和副作用”。</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">性欲障碍</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">Viagro</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">Addyi</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">伟哥</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 23 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 34 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
|
||||||
|
将发新系统的微软要如何做“反盗版”先锋？
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>李 谋</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 6 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
有一句话叫什么来着，“打击盗版，人人有责”。 使用正版，拒绝盗版，即使对于普通用户而言，这也是一种政治正确。然而，在这个充满各种特殊情况的地方，总有很多例外。许多国外巨头在进入国内时，都会在针对普通用户的版权方面适度放宽松一点。微软在之前也是如此。不过自 Windows 10 开始，微软在反盗版方面的策略有所改变。
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">盗版</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">xbox</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 32 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 10 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
对话春水堂，情趣电商站着把钱赚了的方法论 | iSeed
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>陈一斌</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 7 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
当春水堂不再只是卖成人用品——虽然蔺德刚更喜欢用“性玩具”来指代这个词——那么它到底是想成为什么？此前，“春叔”对腾讯科技说，春水堂未来是希望“成为两性以及情侣关系的私人管家”。在接受爱范儿的采访时，他阐述更加清晰的进一步定位，春水堂“未来将从成人用品电商，转型为性健康产业的生态型公司。未来将介入到咨询领域，破除性观念上的认知和知识上的障碍，还可能会延展到药品领域等等。”
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">蔺德刚</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">性快乐</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 22 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 17 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
阿里投资印度“淘宝”，腾讯投资加拿大“微信” | 爱范早读
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>李 谋</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 7 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
1. 阿里富士康等 5 亿美元投资印度“淘宝” Snapdeal。印度大型电子商务公司 Snapdeal 已获得 5 亿美元的投资，公司现估值 50 亿美元，主要投资者为阿里巴巴、富士康和软银。据称，阿里巴巴与富士康均投资 2 亿美元。
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-primary btn-xs" type="button">阿里</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 54 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 52 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
Google 发布了新玩意 OnHub，称只是想简简单单的
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>王 飞</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 8 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
目前的路由器市场也是新品不断，不过至此仍未有太多的令人兴奋的技术和产品，Google 正试图改变这种状况。
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">家居物联网</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">2015 Google I/O</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">Google</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 47 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 138 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<a href="article.html" class="btn-link">
|
||||||
|
<h2>
|
||||||
|
自行车都智能化了，你可知道它的历史？
|
||||||
|
</h2>
|
||||||
|
</a>
|
||||||
|
<div class="small m-b-xs">
|
||||||
|
<strong>郝 影</strong> <span class="text-muted"><i class="fa fa-clock-o"></i> 9 小时前</span>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
在不少旁观者的眼里，智能化几乎成了一种避之唯恐不及的“瘟疫”，开始攀附上大大小小、各式各样的工具和设备，从水杯、灯泡、体重秤这样的小物件，再到冰箱、洗衣机这些生活中的庞然大物。
|
||||||
|
</p>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h5>标签：</h5>
|
||||||
|
<button class="btn btn-primary btn-xs" type="button">自行车</button>
|
||||||
|
<button class="btn btn-white btn-xs" type="button">700BIKE</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<div class="small text-right">
|
||||||
|
<h5>状态：</h5>
|
||||||
|
<div> <i class="fa fa-comments-o"> </i> 54 评论 </div>
|
||||||
|
<i class="fa fa-eye"> </i> 52 浏览
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,112 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - Blueimp相册</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
<link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.lightBoxGallery img {
|
||||||
|
margin: 5px;
|
||||||
|
width: 160px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
|
||||||
|
<div class="ibox-content">
|
||||||
|
|
||||||
|
<h2>相册插件</h2>
|
||||||
|
<p>
|
||||||
|
<strong>blueimp Gallery</strong>主要为移动设备而设计，同时也支持桌面浏览器。可定制视频和相片，支持触摸操作，支持全屏播放等。项目地址： <a href="https://github.com/blueimp/Gallery" target="_blank">https://github.com/blueimp/Gallery</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="lightBoxGallery">
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
<a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
|
||||||
|
<a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
|
||||||
|
<a href="img/p_big3.jpg" title="图片" data-gallery=""><img src="img/p3.jpg"></a>
|
||||||
|
|
||||||
|
<div id="blueimp-gallery" class="blueimp-gallery">
|
||||||
|
<div class="slides"></div>
|
||||||
|
<h3 class="title"></h3>
|
||||||
|
<a class="prev">‹</a>
|
||||||
|
<a class="next">›</a>
|
||||||
|
<a class="close">×</a>
|
||||||
|
<a class="play-pause"></a>
|
||||||
|
<ol class="indicator"></ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
<!-- blueimp gallery -->
|
||||||
|
<script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,651 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 按钮</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="row wrapper wrapper-content animated fadeInRight">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>按钮颜色</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
可使用class来快速改变按钮的颜色，如<code>.btn-primary</code>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold">
|
||||||
|
普通按钮
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
<button type="button" class="btn btn-w-m btn-default">btn-default</button>
|
||||||
|
<button type="button" class="btn btn-w-m btn-primary">btn-primary</button>
|
||||||
|
<button type="button" class="btn btn-w-m btn-success">btn-success</button>
|
||||||
|
<button type="button" class="btn btn-w-m btn-info">btn-info</button>
|
||||||
|
<button type="button" class="btn btn-w-m btn-warning">btn-warning</button>
|
||||||
|
<button type="button" class="btn btn-w-m btn-danger">btn-danger</button>
|
||||||
|
<button type="button" class="btn btn-w-m btn-white">btn-white</button>
|
||||||
|
<button type="button" class="btn btn-w-m btn-link">btn-link</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>按钮大小</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
可以通过添加class的值为<code>.btn-lg</code>, <code>.btn-sm</code>, or <code>.btn-xs</code>来修改按钮的大小
|
||||||
|
</p>
|
||||||
|
<h3 class="font-bold">按钮尺寸</h3>
|
||||||
|
<p>
|
||||||
|
<button type="button" class="btn btn-primary btn-lg">大按钮</button>
|
||||||
|
<button type="button" class="btn btn-default btn-lg">大按钮</button>
|
||||||
|
<br/>
|
||||||
|
<button type="button" class="btn btn-primary">默认按钮</button>
|
||||||
|
<button type="button" class="btn btn-default">默认按钮</button>
|
||||||
|
<br/>
|
||||||
|
<button type="button" class="btn btn-primary btn-sm">小按钮</button>
|
||||||
|
<button type="button" class="btn btn-default btn-sm">小按钮</button>
|
||||||
|
<br/>
|
||||||
|
<button type="button" class="btn btn-primary btn-xs">Mini按钮</button>
|
||||||
|
<button type="button" class="btn btn-default btn-xs">Mini按钮</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>线性按钮</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
要使用线性按钮，可添加class<code>.btn-block</code>或<code>.btn-outline</code>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold">线性按钮</h3>
|
||||||
|
<p>
|
||||||
|
<button type="button" class="btn btn-outline btn-default">默认</button>
|
||||||
|
<button type="button" class="btn btn-outline btn-primary">主要</button>
|
||||||
|
<button type="button" class="btn btn-outline btn-success">成功</button>
|
||||||
|
<button type="button" class="btn btn-outline btn-info">信息</button>
|
||||||
|
<button type="button" class="btn btn-outline btn-warning">警告</button>
|
||||||
|
<button type="button" class="btn btn-outline btn-danger">危险</button>
|
||||||
|
<button type="button" class="btn btn-outline btn-link">链接</button>
|
||||||
|
</p>
|
||||||
|
<h3 class="font-bold">块级按钮</h3>
|
||||||
|
<p>
|
||||||
|
<button type="button" class="btn btn-block btn-outline btn-primary">这是一个块级按钮</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>3D按钮</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
可以通过添加<code>.dim</code>class来使用3D按钮.
|
||||||
|
</p>
|
||||||
|
<h3 class="font-bold">3D按钮</h3>
|
||||||
|
|
||||||
|
<button class="btn btn-primary dim btn-large-dim" type="button"><i class="fa fa-money"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-warning dim btn-large-dim" type="button"><i class="fa fa-warning"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-danger dim btn-large-dim" type="button"><i class="fa fa-heart"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary dim btn-large-dim" type="button"><i class="fa fa-dollar"></i>6</button>
|
||||||
|
<button class="btn btn-info dim btn-large-dim btn-outline" type="button"><i class="fa fa-ruble"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary dim" type="button"><i class="fa fa-money"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-warning dim" type="button"><i class="fa fa-warning"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary dim" type="button"><i class="fa fa-check"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-success dim" type="button"><i class="fa fa-upload"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-info dim" type="button"><i class="fa fa-paste"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-warning dim" type="button"><i class="fa fa-warning"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-default dim " type="button"><i class="fa fa-star"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-danger dim " type="button"><i class="fa fa-heart"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button class="btn btn-outline btn-primary dim" type="button"><i class="fa fa-money"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline btn-warning dim" type="button"><i class="fa fa-warning"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline btn-primary dim" type="button"><i class="fa fa-check"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline btn-success dim" type="button"><i class="fa fa-upload"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline btn-info dim" type="button"><i class="fa fa-paste"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline btn-warning dim" type="button"><i class="fa fa-warning"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-outline btn-danger dim " type="button"><i class="fa fa-heart"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>下拉按钮</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
下拉按钮可使用任何颜色任何大小
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold">下拉按钮</h3>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-warning dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-primary btn-sm dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-warning btn-sm dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-default btn-sm dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-primary btn-xs dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-warning btn-xs dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button data-toggle="dropdown" class="btn btn-default btn-xs dropdown-toggle">操作 <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="buttons.html#">置顶</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#" class="font-bold">修改</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">禁用</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
<li><a href="buttons.html#">删除</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>按钮组</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
|
||||||
|
<h3 class="font-bold">按钮组</h3>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button class="btn btn-white" type="button">左</button>
|
||||||
|
<button class="btn btn-primary" type="button">中</button>
|
||||||
|
<button class="btn btn-white" type="button">右</button>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-white"><i class="fa fa-chevron-left"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-white">1</button>
|
||||||
|
<button class="btn btn-white active">2</button>
|
||||||
|
<button class="btn btn-white">3</button>
|
||||||
|
<button class="btn btn-white">4</button>
|
||||||
|
<button type="button" class="btn btn-white"><i class="fa fa-chevron-right"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>图标按钮 </h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
任何按钮都可以在左侧或右侧添加图标
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold">图标按钮</h3>
|
||||||
|
<p>
|
||||||
|
<button class="btn btn-primary " type="button"><i class="fa fa-check"></i> 提交</button>
|
||||||
|
<button class="btn btn-success " type="button"><i class="fa fa-upload"></i> <span class="bold">上传</span>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-info " type="button"><i class="fa fa-paste"></i> 编辑</button>
|
||||||
|
<button class="btn btn-warning " type="button"><i class="fa fa-warning"></i> <span class="bold">警告</span>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-default " type="button"><i class="fa fa-map-marker"></i> 百度地图</button>
|
||||||
|
|
||||||
|
<a class="btn btn-success">
|
||||||
|
<i class="fa fa-weixin"> </i> 分享到微信
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-success btn-outline">
|
||||||
|
<i class="fa fa-qq"> </i> 使用QQ账号登录
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-user-md"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-group"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-exchange"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-check-circle-o"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-road"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-ambulance"></i>
|
||||||
|
</a>
|
||||||
|
<a class="btn btn-white btn-bitbucket">
|
||||||
|
<i class="fa fa-star"></i> 收藏
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold">按钮切换</h3>
|
||||||
|
<button data-toggle="button" class="btn btn-primary btn-outline" type="button">按钮1</button>
|
||||||
|
<button data-toggle="button" class="btn btn-primary" type="button">按钮2</button>
|
||||||
|
<div data-toggle="buttons-checkbox" class="btn-group">
|
||||||
|
<button class="btn btn-primary active" type="button"><i class="fa fa-bold"></i> 粗体</button>
|
||||||
|
<button class="btn btn-primary" type="button"><i class="fa fa-underline"></i> 下划线</button>
|
||||||
|
<button class="btn btn-primary active" type="button"><i class="fa fa-italic"></i> 斜体</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>圆形图标按钮</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
要使用圆形图标按钮，可以通过添加class为<code>.btn-circle</code>实现
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold">圆形按钮</h3>
|
||||||
|
<br/>
|
||||||
|
<button class="btn btn-default btn-circle" type="button"><i class="fa fa-check"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary btn-circle" type="button"><i class="fa fa-list"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-success btn-circle" type="button"><i class="fa fa-link"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-info btn-circle" type="button"><i class="fa fa-check"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-warning btn-circle" type="button"><i class="fa fa-times"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-danger btn-circle" type="button"><i class="fa fa-heart"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-danger btn-circle btn-outline" type="button"><i class="fa fa-heart"></i>
|
||||||
|
</button>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<button class="btn btn-default btn-circle btn-lg" type="button"><i class="fa fa-check"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary btn-circle btn-lg" type="button"><i class="fa fa-list"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-success btn-circle btn-lg" type="button"><i class="fa fa-link"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-info btn-circle btn-lg" type="button"><i class="fa fa-check"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-warning btn-circle btn-lg" type="button"><i class="fa fa-times"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-danger btn-circle btn-lg" type="button"><i class="fa fa-heart"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-danger btn-circle btn-lg btn-outline" type="button"><i class="fa fa-heart"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>圆角按钮</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="buttons.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="buttons.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="buttons.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<p>
|
||||||
|
可以通过添加class的值微<code>.btn-rounded</code>来实现圆角按钮
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3 class="font-bold">按钮组</h3>
|
||||||
|
<p>
|
||||||
|
<a class="btn btn-default btn-rounded" href="buttons.html#">默认</a>
|
||||||
|
<a class="btn btn-primary btn-rounded" href="buttons.html#">主要</a>
|
||||||
|
<a class="btn btn-success btn-rounded" href="buttons.html#">成果</a>
|
||||||
|
<a class="btn btn-info btn-rounded" href="buttons.html#">信息</a>
|
||||||
|
<a class="btn btn-warning btn-rounded" href="buttons.html#">警告</a>
|
||||||
|
<a class="btn btn-danger btn-rounded" href="buttons.html#">危险</a>
|
||||||
|
<a class="btn btn-danger btn-rounded btn-outline" href="buttons.html#">危险</a>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<a class="btn btn-primary btn-rounded btn-block" href="buttons.html#"><i class="fa fa-info-circle"></i> 圆角块级带图标按钮</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,250 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 日历</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/plugins/iCheck/custom.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/plugins/fullcalendar/fullcalendar.css" rel="stylesheet">
|
||||||
|
<link href="css/plugins/fullcalendar/fullcalendar.print.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content">
|
||||||
|
<div class="row animated fadeInDown">
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>Draggable Events</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="calendar.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="calendar.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="calendar.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<div id='external-events'>
|
||||||
|
<p>可拖动的活动</p>
|
||||||
|
<div class='external-event navy-bg'>确定活动目标</div>
|
||||||
|
<div class='external-event navy-bg'>各部门职责及分工</div>
|
||||||
|
<div class='external-event navy-bg'>案例分享</div>
|
||||||
|
<div class='external-event navy-bg'>xxx</div>
|
||||||
|
<p class="m-t">
|
||||||
|
<input type='checkbox' id='drop-remove' class="i-checks" checked />
|
||||||
|
<label for='drop-remove'>移动后删除</label>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<h2>FullCalendar</h2> 这是一个jQuery插件，它提供了全尺寸，可拖动，使用Ajax的操作方式，并且可以使用自己的feed格式，如谷歌日历。
|
||||||
|
<p>
|
||||||
|
<a href="http://arshaw.com/fullcalendar/" target="_blank">FullCalendar开发文档</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-9">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>FullCalendar示例 </h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="calendar.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="calendar.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="calendar.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<div id="calendar"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<script src="js/jquery-ui.custom.min.js"></script>
|
||||||
|
|
||||||
|
<!-- iCheck -->
|
||||||
|
<script src="js/plugins/iCheck/icheck.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Full Calendar -->
|
||||||
|
<script src="js/plugins/fullcalendar/fullcalendar.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
$('.i-checks').iCheck({
|
||||||
|
checkboxClass: 'icheckbox_square-green',
|
||||||
|
radioClass: 'iradio_square-green',
|
||||||
|
});
|
||||||
|
|
||||||
|
/* initialize the external events
|
||||||
|
-----------------------------------------------------------------*/
|
||||||
|
|
||||||
|
$('#external-events div.external-event').each(function () {
|
||||||
|
|
||||||
|
// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
|
||||||
|
// it doesn't need to have a start or end
|
||||||
|
var eventObject = {
|
||||||
|
title: $.trim($(this).text()) // use the element's text as the event title
|
||||||
|
};
|
||||||
|
|
||||||
|
// store the Event Object in the DOM element so we can get to it later
|
||||||
|
$(this).data('eventObject', eventObject);
|
||||||
|
|
||||||
|
// make the event draggable using jQuery UI
|
||||||
|
$(this).draggable({
|
||||||
|
zIndex: 999,
|
||||||
|
revert: true, // will cause the event to go back to its
|
||||||
|
revertDuration: 0 // original position after the drag
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/* initialize the calendar
|
||||||
|
-----------------------------------------------------------------*/
|
||||||
|
var date = new Date();
|
||||||
|
var d = date.getDate();
|
||||||
|
var m = date.getMonth();
|
||||||
|
var y = date.getFullYear();
|
||||||
|
|
||||||
|
$('#calendar').fullCalendar({
|
||||||
|
header: {
|
||||||
|
left: 'prev,next',
|
||||||
|
center: 'title',
|
||||||
|
right: 'month,agendaWeek,agendaDay'
|
||||||
|
},
|
||||||
|
editable: true,
|
||||||
|
droppable: true, // this allows things to be dropped onto the calendar !!!
|
||||||
|
drop: function (date, allDay) { // this function is called when something is dropped
|
||||||
|
|
||||||
|
// retrieve the dropped element's stored Event Object
|
||||||
|
var originalEventObject = $(this).data('eventObject');
|
||||||
|
|
||||||
|
// we need to copy it, so that multiple events don't have a reference to the same object
|
||||||
|
var copiedEventObject = $.extend({}, originalEventObject);
|
||||||
|
|
||||||
|
// assign it the date that was reported
|
||||||
|
copiedEventObject.start = date;
|
||||||
|
copiedEventObject.allDay = allDay;
|
||||||
|
|
||||||
|
// render the event on the calendar
|
||||||
|
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
|
||||||
|
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
|
||||||
|
|
||||||
|
// is the "remove after drop" checkbox checked?
|
||||||
|
if ($('#drop-remove').is(':checked')) {
|
||||||
|
// if so, remove the element from the "Draggable Events" list
|
||||||
|
$(this).remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
events: [
|
||||||
|
{
|
||||||
|
title: '日事件',
|
||||||
|
start: new Date(y, m, 1)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '长事件',
|
||||||
|
start: new Date(y, m, d - 5),
|
||||||
|
end: new Date(y, m, d - 2),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 999,
|
||||||
|
title: '重复事件',
|
||||||
|
start: new Date(y, m, d - 3, 16, 0),
|
||||||
|
allDay: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 999,
|
||||||
|
title: '重复事件',
|
||||||
|
start: new Date(y, m, d + 4, 16, 0),
|
||||||
|
allDay: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '会议',
|
||||||
|
start: new Date(y, m, d, 10, 30),
|
||||||
|
allDay: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '午餐',
|
||||||
|
start: new Date(y, m, d, 12, 0),
|
||||||
|
end: new Date(y, m, d, 14, 0),
|
||||||
|
allDay: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '生日',
|
||||||
|
start: new Date(y, m, d + 1, 19, 0),
|
||||||
|
end: new Date(y, m, d + 1, 22, 30),
|
||||||
|
allDay: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '打开百度',
|
||||||
|
start: new Date(y, m, 28),
|
||||||
|
end: new Date(y, m, 29),
|
||||||
|
url: 'http://baidu.com/'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,236 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 图片切换</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-5">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>无标题</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="carousel.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="carousel.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="carousel.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<div class="carousel slide" id="carousel1">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="item active">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big3.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="item ">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big2.jpg">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<a data-slide="prev" href="carousel.html#carousel1" class="left carousel-control">
|
||||||
|
<span class="icon-prev"></span>
|
||||||
|
</a>
|
||||||
|
<a data-slide="next" href="carousel.html#carousel1" class="right carousel-control">
|
||||||
|
<span class="icon-next"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>带标题</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="carousel.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="carousel.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="carousel.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content ">
|
||||||
|
<div class="carousel slide" id="carousel2">
|
||||||
|
<ol class="carousel-indicators">
|
||||||
|
<li data-slide-to="0" data-target="#carousel2" class="active"></li>
|
||||||
|
<li data-slide-to="1" data-target="#carousel2"></li>
|
||||||
|
<li data-slide-to="2" data-target="#carousel2" class=""></li>
|
||||||
|
</ol>
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="item active">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big1.jpg">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<p>This is simple caption 1</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item ">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big3.jpg">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<p>This is simple caption 2</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big2.jpg">
|
||||||
|
<div class="carousel-caption">
|
||||||
|
<p>This is simple caption 3</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a data-slide="prev" href="carousel.html#carousel2" class="left carousel-control">
|
||||||
|
<span class="icon-prev"></span>
|
||||||
|
</a>
|
||||||
|
<a data-slide="next" href="carousel.html#carousel2" class="right carousel-control">
|
||||||
|
<span class="icon-next"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="ibox float-e-margins">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>多张切换</h5>
|
||||||
|
<div class="ibox-tools">
|
||||||
|
<a class="collapse-link">
|
||||||
|
<i class="fa fa-chevron-up"></i>
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-toggle" data-toggle="dropdown" href="carousel.html#">
|
||||||
|
<i class="fa fa-wrench"></i>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-user">
|
||||||
|
<li><a href="carousel.html#">选项1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="carousel.html#">选项2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="close-link">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
<div class="carousel slide" id="carousel3">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="item gallery active left">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big2.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big3.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big1.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item gallery next left">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big3.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big2.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big1.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item gallery">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big2.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big3.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big1.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<img alt="image" class="img-responsive" src="img/p_big2.jpg">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a data-slide="prev" href="carousel.html#carousel3" class="left carousel-control">
|
||||||
|
<span class="icon-prev"></span>
|
||||||
|
</a>
|
||||||
|
<a data-slide="next" href="carousel.html#carousel3" class="right carousel-control">
|
||||||
|
<span class="icon-next"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,201 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 聊天窗口</title>
|
||||||
|
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
<link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
|
||||||
|
<div class="ibox chat-view">
|
||||||
|
|
||||||
|
<div class="ibox-title">
|
||||||
|
<small class="pull-right text-muted">最新消息：2015-02-02 18:39:23</small> 聊天窗口
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="ibox-content">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-9 ">
|
||||||
|
<div class="chat-discussion">
|
||||||
|
|
||||||
|
<div class="chat-message">
|
||||||
|
<img class="message-avatar" src="img/a1.jpg" alt="">
|
||||||
|
<div class="message">
|
||||||
|
<a class="message-author" href="#"> 颜文字君</a>
|
||||||
|
<span class="message-date"> 2015-02-02 18:39:23 </span>
|
||||||
|
<span class="message-content">
|
||||||
|
H+ 是个好框架
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-message">
|
||||||
|
<img class="message-avatar" src="img/a4.jpg" alt="">
|
||||||
|
<div class="message">
|
||||||
|
<a class="message-author" href="#"> 林依晨Ariel </a>
|
||||||
|
<span class="message-date"> 2015-02-02 11:12:36 </span>
|
||||||
|
<span class="message-content">
|
||||||
|
jQuery表单验证插件 - 让表单验证变得更容易
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-message">
|
||||||
|
<img class="message-avatar" src="img/a2.jpg" alt="">
|
||||||
|
<div class="message">
|
||||||
|
<a class="message-author" href="#"> 谨斯里 </a>
|
||||||
|
<span class="message-date"> 2015-02-02 11:12:36 </span>
|
||||||
|
<span class="message-content">
|
||||||
|
验证日期格式(类似30/30/2008的格式,不验证日期准确性只验证格式
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-message">
|
||||||
|
<img class="message-avatar" src="img/a5.jpg" alt="">
|
||||||
|
<div class="message">
|
||||||
|
<a class="message-author" href="#"> 林依晨Ariel </a>
|
||||||
|
<span class="message-date"> 2015-02-02 - 11:12:36 </span>
|
||||||
|
<span class="message-content">
|
||||||
|
还有约79842492229个Bug需要修复
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-message">
|
||||||
|
<img class="message-avatar" src="img/a6.jpg" alt="">
|
||||||
|
<div class="message">
|
||||||
|
<a class="message-author" href="#"> 林依晨Ariel </a>
|
||||||
|
<span class="message-date"> 2015-02-02 11:12:36 </span>
|
||||||
|
<span class="message-content">
|
||||||
|
九部令人拍案叫绝的惊悚悬疑剧情佳作】如果你喜欢《迷雾》《致命ID》《电锯惊魂》《孤儿》《恐怖游轮》这些好片，那么接下来推荐的9部同类题材并同样出色的的电影，绝对不可错过哦~
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="chat-users">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="users-list">
|
||||||
|
<div class="chat-user">
|
||||||
|
<img class="chat-avatar" src="img/a4.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">伤城Simple</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-user">
|
||||||
|
<img class="chat-avatar" src="img/a1.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">从未出现过的风景__</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-user">
|
||||||
|
<span class="pull-right label label-primary">在线</span>
|
||||||
|
<img class="chat-avatar" src="img/a2.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">冬伴花暖</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-user">
|
||||||
|
<span class="pull-right label label-primary">在线</span>
|
||||||
|
<img class="chat-avatar" src="img/a3.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">ZM敏姑娘 </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-user">
|
||||||
|
<img class="chat-avatar" src="img/a5.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">才越越</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-user">
|
||||||
|
<img class="chat-avatar" src="img/a6.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">时光十年TENSHI</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-user">
|
||||||
|
<img class="chat-avatar" src="img/a2.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">刘顰颖</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="chat-user">
|
||||||
|
<span class="pull-right label label-primary">在线</span>
|
||||||
|
<img class="chat-avatar" src="img/a3.jpg" alt="">
|
||||||
|
<div class="chat-user-name">
|
||||||
|
<a href="#">陈泳儿SccBaby</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="chat-message-form">
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
|
||||||
|
<textarea class="form-control message-input" name="message" placeholder="输入消息内容，按回车键发送"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,671 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 客户管理</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<div class="ibox">
|
||||||
|
<div class="ibox-content">
|
||||||
|
<span class="text-muted small pull-right">最后更新：<i class="fa fa-clock-o"></i> 2015-09-01 12:00</span>
|
||||||
|
<h2>客户管理</h2>
|
||||||
|
<p>
|
||||||
|
所有客户必须通过邮件验证
|
||||||
|
</p>
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" placeholder="查找客户" class="input form-control">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button type="button" class="btn btn btn-primary"> <i class="fa fa-search"></i> 搜索</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="clients-list">
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<span class="pull-right small text-muted">1406 个客户</span>
|
||||||
|
<li class="active"><a data-toggle="tab" href="#tab-1"><i class="fa fa-user"></i> 联系人</a>
|
||||||
|
</li>
|
||||||
|
<li class=""><a data-toggle="tab" href="#tab-2"><i class="fa fa-briefcase"></i> 公司</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content">
|
||||||
|
<div id="tab-1" class="tab-pane active">
|
||||||
|
<div class="full-height-scroll">
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped table-hover">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar"><img alt="image" src="img/a2.jpg"> </td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-1" class="client-link">袁岳</a>
|
||||||
|
</td>
|
||||||
|
<td> 瑞安市海诚机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> gravida@qq.com</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar"><img alt="image" src="img/a3.jpg"> </td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-2" class="client-link">王利锋</a>
|
||||||
|
</td>
|
||||||
|
<td>上海沃精机械制造有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> rooney@sina.com</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar"><img alt="image" src="img/a4.jpg"> </td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-3" class="client-link">张有为 </a>
|
||||||
|
</td>
|
||||||
|
<td>张家港同丰机械制造有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 13209009485</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a5.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-4" class="client-link">李全福</a>
|
||||||
|
</td>
|
||||||
|
<td>东莞市益健包装机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 15709758904</td>
|
||||||
|
<td class="client-status"><span class="label label-warning">等待验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a6.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-2" class="client-link">吴俭俭</a>
|
||||||
|
</td>
|
||||||
|
<td>温州轩特包装机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 14790086438</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a7.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-3" class="client-link">萧志林</a>
|
||||||
|
</td>
|
||||||
|
<td>佛山市顺德区威利丰贸易有限公司 </td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> pacheco@163.com</td>
|
||||||
|
<td class="client-status"><span class="label label-info">未验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a1.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-1" class="client-link">沈家华</a>
|
||||||
|
</td>
|
||||||
|
<td>黄岛区涵海润机械厂</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> Simon@erta.com</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a3.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-2" class="client-link">王利锋</a>
|
||||||
|
</td>
|
||||||
|
<td>上海沃精机械制造有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> rooney@sina.com</td>
|
||||||
|
<td class="client-status"><span class="label label-warning">等待验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a4.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-3" class="client-link">张有为 </a>
|
||||||
|
</td>
|
||||||
|
<td>张家港同丰机械制造有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 18604789823</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a5.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-4" class="client-link">李全福</a>
|
||||||
|
</td>
|
||||||
|
<td>东莞市益健包装机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 15600002345</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a2.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-1" class="client-link">袁岳</a>
|
||||||
|
</td>
|
||||||
|
<td> 瑞安市海诚机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> gravida@qq.com</td>
|
||||||
|
<td class="client-status"><span class="label label-danger">已删除</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a7.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-2" class="client-link">萧志林</a>
|
||||||
|
</td>
|
||||||
|
<td>佛山市顺德区威利丰贸易有限公司 </td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> pacheco@163.com</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a5.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-3" class="client-link">李全福</a>
|
||||||
|
</td>
|
||||||
|
<td>东莞市益健包装机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 18897654904</td>
|
||||||
|
<td class="client-status"><span class="label label-info">未验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a6.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-4" class="client-link">吴俭俭</a>
|
||||||
|
</td>
|
||||||
|
<td>温州轩特包装机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 18290876923</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a7.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-2" class="client-link">萧志林</a>
|
||||||
|
</td>
|
||||||
|
<td>佛山市顺德区威利丰贸易有限公司 </td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> pacheco@163.com</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a1.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-1" class="client-link">沈家华</a>
|
||||||
|
</td>
|
||||||
|
<td>黄岛区涵海润机械厂</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> Simon@erta.com</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a3.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-3" class="client-link">王利锋</a>
|
||||||
|
</td>
|
||||||
|
<td>上海沃精机械制造有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> rooney@sina.com</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a4.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-4" class="client-link">张有为 </a>
|
||||||
|
</td>
|
||||||
|
<td>张家港同丰机械制造有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 13023428593</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a5.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-1" class="client-link">李全福</a>
|
||||||
|
</td>
|
||||||
|
<td>东莞市益健包装机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-phone"> </i>
|
||||||
|
</td>
|
||||||
|
<td> 13209304434</td>
|
||||||
|
<td class="client-status"><span class="label label-info">未验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a2.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-2" class="client-link">袁岳</a>
|
||||||
|
</td>
|
||||||
|
<td> 瑞安市海诚机械有限公司</td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> gravida@qq.com</td>
|
||||||
|
<td class="client-status"><span class="label label-warning">等待验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="client-avatar">
|
||||||
|
<a href=""><img alt="image" src="img/a7.jpg">
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><a data-toggle="tab" href="#contact-4" class="client-link">萧志林</a>
|
||||||
|
</td>
|
||||||
|
<td>佛山市顺德区威利丰贸易有限公司 </td>
|
||||||
|
<td class="contact-type"><i class="fa fa-envelope"> </i>
|
||||||
|
</td>
|
||||||
|
<td> pacheco@163.com</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tab-2" class="tab-pane">
|
||||||
|
<div class="full-height-scroll">
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped table-hover">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-1" class="client-link">瑞安市海诚机械有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">上海申弘投资发展有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-3" class="client-link">衢州凯德竹业科技有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-1" class="client-link">北京科诺耐尔科技发展有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国，美国</td>
|
||||||
|
<td class="client-status"><span class="label label-warning">等待验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">上海一喜食品机械有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-3" class="client-link"> 北京巨皓知识产权代理有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 日本</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">山东百洋工业装备有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-1" class="client-link">瑞安市海诚机械有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">上海申弘投资发展有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-3" class="client-link">衢州凯德竹业科技有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>广州</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-1" class="client-link">北京科诺耐尔科技发展有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>上海</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国，加拿大</td>
|
||||||
|
<td class="client-status"><span class="label label-warning">等待验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">上海一喜食品机械有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>上海</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-3" class="client-link"> 北京巨皓知识产权代理有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>上海</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">山东百洋工业装备有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>上海</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-1" class="client-link">瑞安市海诚机械有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>上海</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">上海申弘投资发展有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>上海</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-3" class="client-link">衢州凯德竹业科技有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>北京</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-1" class="client-link">北京科诺耐尔科技发展有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>北京</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-warning">等待验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">上海一喜食品机械有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>北京</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-3" class="client-link"> 北京巨皓知识产权代理有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>北京</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><a data-toggle="tab" href="#company-2" class="client-link">山东百洋工业装备有限公司</a>
|
||||||
|
</td>
|
||||||
|
<td>北京</td>
|
||||||
|
<td><i class="fa fa-flag"></i> 中国</td>
|
||||||
|
<td class="client-status"><span class="label label-primary">已验证</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="ibox ">
|
||||||
|
|
||||||
|
<div class="ibox-content">
|
||||||
|
<div class="tab-content">
|
||||||
|
<div id="contact-1" class="tab-pane active">
|
||||||
|
<div class="row m-b-lg">
|
||||||
|
<div class="col-lg-4 text-center">
|
||||||
|
<h2>张有为</h2>
|
||||||
|
|
||||||
|
<div class="m-b-sm">
|
||||||
|
<img alt="image" class="img-circle" src="img/a2.jpg" style="width: 62px">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<h3>
|
||||||
|
个人简介
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
李彦宏，百度公司创始人、董事长兼首席执行官，全面负责百度公司的战略规划和运营管理。
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
|
||||||
|
1991年，李彦宏毕业于北京大学信息管理专业，随后前往美国布法罗纽约州立大学完成计算机科学硕士学位，先后担任道·琼斯公司高级顾问、《华尔街日报》网络版实时金融信息系统设计者，以及国际知名互联网企业——Infoseek公司资深工程师。李彦宏所持有的“超链分析”技术专利，是奠定整个现代搜索引擎发展趋势和方向的基础发明之一。
|
||||||
|
</p>
|
||||||
|
<br>
|
||||||
|
<button type="button" class="btn btn-primary btn-sm btn-block"><i class="fa fa-envelope"></i> 发送消息
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="client-detail">
|
||||||
|
<div class="full-height-scroll">
|
||||||
|
|
||||||
|
<strong>当前动态</strong>
|
||||||
|
|
||||||
|
<ul class="list-group clear-list">
|
||||||
|
<li class="list-group-item fist-item">
|
||||||
|
<span class="pull-right"> 09:00</span> 请联系我
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<span class="pull-right"> 10:16 </span> 签合同
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<span class="pull-right"> 08:22 </span> 开新公司
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">
|
||||||
|
<span class="pull-right"> 11:06 </span> 打电话给李四
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<strong>备注</strong>
|
||||||
|
<p>
|
||||||
|
40亿影帝黄渤先生明明可以靠脸吃饭，可是他却偏偏靠才华，唱歌居然也这么好听！
|
||||||
|
</p>
|
||||||
|
<hr/>
|
||||||
|
<strong>时间轴</strong>
|
||||||
|
<div id="vertical-timeline" class="vertical-container light-timeline">
|
||||||
|
<div class="vertical-timeline-block">
|
||||||
|
<div class="vertical-timeline-icon navy-bg">
|
||||||
|
<i class="fa fa-briefcase"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-content">
|
||||||
|
<h2>会议</h2>
|
||||||
|
<p>上一年的销售业绩发布会。总结产品营销和销售趋势及销售的现状。
|
||||||
|
</p>
|
||||||
|
<a href="#" class="btn btn-sm btn-primary"> 更多信息</a>
|
||||||
|
<span class="vertical-date">
|
||||||
|
今天 <br>
|
||||||
|
<small>2月3日</small>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-block">
|
||||||
|
<div class="vertical-timeline-icon blue-bg">
|
||||||
|
<i class="fa fa-file-text"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-content">
|
||||||
|
<h2>给张三发送文档</h2>
|
||||||
|
<p>发送上年度《销售业绩报告》</p>
|
||||||
|
<a href="#" class="btn btn-sm btn-success"> 下载文档 </a>
|
||||||
|
<span class="vertical-date">
|
||||||
|
今天 <br>
|
||||||
|
<small>2月3日</small>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-block">
|
||||||
|
<div class="vertical-timeline-icon lazur-bg">
|
||||||
|
<i class="fa fa-coffee"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-content">
|
||||||
|
<h2>喝咖啡休息</h2>
|
||||||
|
<p>喝咖啡啦，啦啦啦~~</p>
|
||||||
|
<a href="#" class="btn btn-sm btn-info">更多</a>
|
||||||
|
<span class="vertical-date"> 昨天 <br><small>2月2日</small></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-block">
|
||||||
|
<div class="vertical-timeline-icon yellow-bg">
|
||||||
|
<i class="fa fa-phone"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-content">
|
||||||
|
<h2>给李四打电话</h2>
|
||||||
|
<p>给李四打电话分配本月工作任务</p>
|
||||||
|
<span class="vertical-date">昨天 <br><small>2月2日</small></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-block">
|
||||||
|
<div class="vertical-timeline-icon lazur-bg">
|
||||||
|
<i class="fa fa-user-md"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="vertical-timeline-content">
|
||||||
|
<h2>公司年会</h2>
|
||||||
|
<p>发年终奖啦，啦啦啦~~</p>
|
||||||
|
<span class="vertical-date">前天 <br><small>2月1日</small></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$('.full-height-scroll').slimScroll({
|
||||||
|
height: '100%'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,142 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 代码编辑器</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/plugins/codemirror/codemirror.css" rel="stylesheet">
|
||||||
|
<link href="css/plugins/codemirror/ambiance.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox ">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>基本编辑器</h5>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
|
||||||
|
<p class="m-b-lg">
|
||||||
|
<strong>CodeMirror</strong> 是一个灵活的文本代码编辑器。它是专门用于编辑代码，并附带一些语言模块和插件，实现更先进的编辑功能。
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<textarea id="code1">
|
||||||
|
<script>
|
||||||
|
// Code goes here
|
||||||
|
|
||||||
|
// For demo purpose - animation css script
|
||||||
|
function animationHover(element, animation) {
|
||||||
|
element = $(element);
|
||||||
|
element.hover(
|
||||||
|
function () {
|
||||||
|
element.addClass('animated ' + animation);
|
||||||
|
},
|
||||||
|
function () {
|
||||||
|
//wait for animation to finish before removing classes
|
||||||
|
window.setTimeout(function () {
|
||||||
|
element.removeClass('animated ' + animation);
|
||||||
|
}, 2000);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="ibox ">
|
||||||
|
<div class="ibox-title">
|
||||||
|
<h5>主题示例</h5>
|
||||||
|
</div>
|
||||||
|
<div class="ibox-content">
|
||||||
|
|
||||||
|
<p class="m-b-lg">
|
||||||
|
<strong>CodeMirror</strong>提供丰富的API接口和CSS主题，详情请访问
|
||||||
|
<a href="http://codemirror.net/" target="_blank">http://codemirror.net/</a>
|
||||||
|
</p>
|
||||||
|
<textarea id="code2">
|
||||||
|
var SpeechApp = angular.module('SpeechApp', []);
|
||||||
|
|
||||||
|
function VoiceCtrl($scope) {
|
||||||
|
|
||||||
|
$scope.said='...';
|
||||||
|
|
||||||
|
$scope.helloWorld = function() {
|
||||||
|
$scope.said = "Hello world!";
|
||||||
|
}
|
||||||
|
|
||||||
|
$scope.commands = {
|
||||||
|
'hello (world)': function() {
|
||||||
|
if (typeof console !== "undefined") console.log('hello world!')
|
||||||
|
$scope.$apply($scope.helloWorld);
|
||||||
|
},
|
||||||
|
'hey': function() {
|
||||||
|
if (typeof console !== "undefined") console.log('hey!')
|
||||||
|
$scope.$apply($scope.helloWorld);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
annyang.debug();
|
||||||
|
annyang.init($scope.commands);
|
||||||
|
annyang.start();
|
||||||
|
}
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
<!-- Peity -->
|
||||||
|
<script src="js/plugins/peity/jquery.peity.min.js"></script>
|
||||||
|
|
||||||
|
<!-- CodeMirror -->
|
||||||
|
<script src="js/plugins/codemirror/codemirror.js"></script>
|
||||||
|
<script src="js/plugins/codemirror/mode/javascript/javascript.js"></script>
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
var editor_one = CodeMirror.fromTextArea(document.getElementById("code1"), {
|
||||||
|
lineNumbers: true,
|
||||||
|
matchBrackets: true,
|
||||||
|
styleActiveLine: true,
|
||||||
|
theme: "ambiance"
|
||||||
|
});
|
||||||
|
|
||||||
|
var editor_two = CodeMirror.fromTextArea(document.getElementById("code2"), {
|
||||||
|
lineNumbers: true,
|
||||||
|
matchBrackets: true,
|
||||||
|
styleActiveLine: true
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,375 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
<title> - 联系人</title>
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||||||
|
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="css/animate.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css?v=4.1.0" rel="stylesheet">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="gray-bg">
|
||||||
|
<div class="wrapper wrapper-content animated fadeInRight">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
|
||||||
|
<div class="m-t-xs font-bold">CTO</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>奔波儿灞</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 甘肃·兰州</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a1.jpg">
|
||||||
|
<div class="m-t-xs font-bold">营销总监</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>灞波儿奔</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 四川·成都</p>
|
||||||
|
<address>
|
||||||
|
<strong>Taobao, Inc.</strong><br>
|
||||||
|
E-mail:xxx@taobao.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a3.jpg">
|
||||||
|
<div class="m-t-xs font-bold">Marketing manager</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>Monica Smith</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a4.jpg">
|
||||||
|
<div class="m-t-xs font-bold">攻城师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>Michael Zimber</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a5.jpg">
|
||||||
|
<div class="m-t-xs font-bold">射鸡师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>作家崔成浩</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a6.jpg">
|
||||||
|
<div class="m-t-xs font-bold">射鸡师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>韩寒</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a1.jpg">
|
||||||
|
<div class="m-t-xs font-bold">CEO</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>郭敬明</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
|
||||||
|
<div class="m-t-xs font-bold">射鸡师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>马云</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a3.jpg">
|
||||||
|
<div class="m-t-xs font-bold">市场总监</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>范爷</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a4.jpg">
|
||||||
|
<div class="m-t-xs font-bold">攻城师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>李彦宏</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a5.jpg">
|
||||||
|
<div class="m-t-xs font-bold">射鸡师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>小马哥</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a6.jpg">
|
||||||
|
<div class="m-t-xs font-bold">射鸡师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>乔峰</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a1.jpg">
|
||||||
|
<div class="m-t-xs font-bold">CEO</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>慕容晓晓</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="contact-box">
|
||||||
|
<a href="profile.html">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="text-center">
|
||||||
|
<img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
|
||||||
|
<div class="m-t-xs font-bold">射鸡师</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<h3><strong>高圆圆</strong></h3>
|
||||||
|
<p><i class="fa fa-map-marker"></i> 上海市闵行区绿地科技岛广场A座2606室</p>
|
||||||
|
<address>
|
||||||
|
<strong>Baidu, Inc.</strong><br>
|
||||||
|
E-mail:xxx@baidu.com<br>
|
||||||
|
Weibo:<a href="">http://weibo.com/xxx</a><br>
|
||||||
|
<abbr title="Phone">Tel:</abbr> (123) 456-7890
|
||||||
|
</address>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 全局js -->
|
||||||
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
||||||
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 自定义js -->
|
||||||
|
<script src="js/content.js?v=1.0.0"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function () {
|
||||||
|
$('.contact-box').each(function () {
|
||||||
|
animationHover(this, 'pulse');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,358 @@
|
||||||
|
#container {
|
||||||
|
color: #838383;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .queueList {
|
||||||
|
margin: 20px;
|
||||||
|
border: 3px dashed #e6e6e6;
|
||||||
|
}
|
||||||
|
#uploader .queueList.filled {
|
||||||
|
padding: 17px;
|
||||||
|
margin: 0;
|
||||||
|
border: 3px dashed transparent;
|
||||||
|
}
|
||||||
|
#uploader .queueList.webuploader-dnd-over {
|
||||||
|
border: 3px dashed #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader p {margin: 0;}
|
||||||
|
|
||||||
|
.element-invisible {
|
||||||
|
position: absolute !important;
|
||||||
|
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
|
||||||
|
clip: rect(1px,1px,1px,1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .placeholder {
|
||||||
|
min-height: 350px;
|
||||||
|
padding-top: 178px;
|
||||||
|
text-align: center;
|
||||||
|
background: url(../../../img/webuploader.png) center 93px no-repeat;
|
||||||
|
color: #cccccc;
|
||||||
|
font-size: 18px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .placeholder .webuploader-pick {
|
||||||
|
font-size: 18px;
|
||||||
|
background: #00b7ee;
|
||||||
|
border-radius: 3px;
|
||||||
|
line-height: 44px;
|
||||||
|
padding: 0 30px;
|
||||||
|
*width: 120px;
|
||||||
|
color: #fff;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 auto 20px auto;
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .placeholder .webuploader-pick-hover {
|
||||||
|
background: #00a2d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .placeholder .flashTip {
|
||||||
|
color: #666666;
|
||||||
|
font-size: 12px;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
bottom: 20px;
|
||||||
|
}
|
||||||
|
#uploader .placeholder .flashTip a {
|
||||||
|
color: #0785d1;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
#uploader .placeholder .flashTip a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li {
|
||||||
|
width: 110px;
|
||||||
|
height: 110px;
|
||||||
|
background: url(../../img/bg.png) no-repeat;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 8px 20px 0;
|
||||||
|
position: relative;
|
||||||
|
display: inline;
|
||||||
|
float: left;
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li p.log {
|
||||||
|
position: relative;
|
||||||
|
top: -45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li p.title {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow : ellipsis;
|
||||||
|
top: 5px;
|
||||||
|
text-indent: 5px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li p.progress {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 50;
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
background: none;
|
||||||
|
-webkit-box-shadow: 0 0 0;
|
||||||
|
}
|
||||||
|
#uploader .filelist li p.progress span {
|
||||||
|
display: none;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 0;
|
||||||
|
height: 100%;
|
||||||
|
background: #1483d8 url(../../img/progress.png) repeat-x;
|
||||||
|
|
||||||
|
-webit-transition: width 200ms linear;
|
||||||
|
-moz-transition: width 200ms linear;
|
||||||
|
-o-transition: width 200ms linear;
|
||||||
|
-ms-transition: width 200ms linear;
|
||||||
|
transition: width 200ms linear;
|
||||||
|
|
||||||
|
-webkit-animation: progressmove 2s linear infinite;
|
||||||
|
-moz-animation: progressmove 2s linear infinite;
|
||||||
|
-o-animation: progressmove 2s linear infinite;
|
||||||
|
-ms-animation: progressmove 2s linear infinite;
|
||||||
|
animation: progressmove 2s linear infinite;
|
||||||
|
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes progressmove {
|
||||||
|
0% {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-position: 17px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-moz-keyframes progressmove {
|
||||||
|
0% {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-position: 17px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes progressmove {
|
||||||
|
0% {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-position: 17px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li p.imgWrap {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
line-height: 110px;
|
||||||
|
vertical-align: middle;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 110px;
|
||||||
|
height: 110px;
|
||||||
|
|
||||||
|
-webkit-transform-origin: 50% 50%;
|
||||||
|
-moz-transform-origin: 50% 50%;
|
||||||
|
-o-transform-origin: 50% 50%;
|
||||||
|
-ms-transform-origin: 50% 50%;
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
|
||||||
|
-webit-transition: 200ms ease-out;
|
||||||
|
-moz-transition: 200ms ease-out;
|
||||||
|
-o-transition: 200ms ease-out;
|
||||||
|
-ms-transition: 200ms ease-out;
|
||||||
|
transition: 200ms ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li p.error {
|
||||||
|
background: #f43838;
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 28px;
|
||||||
|
line-height: 28px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist li .success {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 40px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 200;
|
||||||
|
background: url(../../img/success.png) no-repeat right bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist div.file-panel {
|
||||||
|
position: absolute;
|
||||||
|
height: 0;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
|
||||||
|
background: rgba( 0, 0, 0, 0.5 );
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist div.file-panel span {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
display: inline;
|
||||||
|
float: right;
|
||||||
|
text-indent: -9999px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: url(../../img/icons.png) no-repeat;
|
||||||
|
margin: 5px 1px 1px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist div.file-panel span.rotateLeft {
|
||||||
|
background-position: 0 -24px;
|
||||||
|
}
|
||||||
|
#uploader .filelist div.file-panel span.rotateLeft:hover {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist div.file-panel span.rotateRight {
|
||||||
|
background-position: -24px -24px;
|
||||||
|
}
|
||||||
|
#uploader .filelist div.file-panel span.rotateRight:hover {
|
||||||
|
background-position: -24px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .filelist div.file-panel span.cancel {
|
||||||
|
background-position: -48px -24px;
|
||||||
|
}
|
||||||
|
#uploader .filelist div.file-panel span.cancel:hover {
|
||||||
|
background-position: -48px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .statusBar {
|
||||||
|
height: 63px;
|
||||||
|
border-top: 1px solid #dadada;
|
||||||
|
padding: 0 20px;
|
||||||
|
line-height: 63px;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .statusBar .progress {
|
||||||
|
border: 1px solid #1483d8;
|
||||||
|
width: 198px;
|
||||||
|
background: #fff;
|
||||||
|
height: 18px;
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 20px;
|
||||||
|
color: #6dbfff;
|
||||||
|
position: relative;
|
||||||
|
margin: 0 10px 0 0;
|
||||||
|
}
|
||||||
|
#uploader .statusBar .progress span.percentage {
|
||||||
|
width: 0;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
background: #1483d8;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
#uploader .statusBar .progress span.text {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .statusBar .info {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .statusBar .btns {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 20px;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#filePicker2 {
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .statusBar .btns .webuploader-pick,
|
||||||
|
#uploader .statusBar .btns .uploadBtn,
|
||||||
|
#uploader .statusBar .btns .uploadBtn.state-uploading,
|
||||||
|
#uploader .statusBar .btns .uploadBtn.state-paused {
|
||||||
|
background: #ffffff;
|
||||||
|
border: 1px solid #cfcfcf;
|
||||||
|
color: #565656;
|
||||||
|
padding: 0 18px;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 3px;
|
||||||
|
margin-left: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 14px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#uploader .statusBar .btns .webuploader-pick-hover,
|
||||||
|
#uploader .statusBar .btns .uploadBtn:hover,
|
||||||
|
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
|
||||||
|
#uploader .statusBar .btns .uploadBtn.state-paused:hover {
|
||||||
|
background: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .statusBar .btns .uploadBtn {
|
||||||
|
background: #00b7ee;
|
||||||
|
color: #fff;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
#uploader .statusBar .btns .uploadBtn:hover {
|
||||||
|
background: #00a2d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
#uploader .statusBar .btns .uploadBtn.disabled {
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,93 @@
|
||||||
|
html{height: 100%;}
|
||||||
|
body.signin {
|
||||||
|
background: #18c8f6;
|
||||||
|
height: auto;
|
||||||
|
background:url("../img/login-background.jpg") no-repeat center fixed;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
-o-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
color: rgba(255,255,255,.95);
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel {
|
||||||
|
width: 320px;
|
||||||
|
margin: 10% auto 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel .logopanel {
|
||||||
|
float: none;
|
||||||
|
width: auto;
|
||||||
|
padding: 0;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel .signin-info ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel .form-control {
|
||||||
|
display: block;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel .uname {
|
||||||
|
background: #fff url(../img/user.png) no-repeat 95% center;color:#333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel .pword {
|
||||||
|
background: #fff url(../img/locked.png) no-repeat 95% center;color:#333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel .btn {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signinpanel form {
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border: 1px solid rgba(255,255,255,.3);
|
||||||
|
-moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
|
||||||
|
-webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
|
||||||
|
box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.signup-footer{border-top: solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top: 15px;}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.signinpanel,
|
||||||
|
.signuppanel {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 420px!important;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.signinpanel form {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.signup-footer {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.signuppanel .form-control {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.signup-footer .pull-left,
|
||||||
|
.signup-footer .pull-right {
|
||||||
|
float: none !important;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.signinpanel .signin-info ul {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 320px) {
|
||||||
|
.signinpanel,
|
||||||
|
.signuppanel {
|
||||||
|
margin:0 20px;
|
||||||
|
width:auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
|
|
@ -0,0 +1,251 @@
|
||||||
|
.checkbox {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.checkbox label {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.checkbox label::before {
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
left: 0;
|
||||||
|
margin-left: -20px;
|
||||||
|
border: 1px solid #cccccc;
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||||
|
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||||
|
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
|
||||||
|
}
|
||||||
|
.checkbox label::after {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
margin-left: -20px;
|
||||||
|
padding-left: 3px;
|
||||||
|
padding-top: 1px;
|
||||||
|
font-size: 11px;
|
||||||
|
color: #555555;
|
||||||
|
}
|
||||||
|
.checkbox input[type="checkbox"],
|
||||||
|
.checkbox input[type="radio"] {
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.checkbox input[type="checkbox"]:focus + label::before,
|
||||||
|
.checkbox input[type="radio"]:focus + label::before {
|
||||||
|
outline: thin dotted;
|
||||||
|
outline: 5px auto -webkit-focus-ring-color;
|
||||||
|
outline-offset: -2px;
|
||||||
|
}
|
||||||
|
.checkbox input[type="checkbox"]:checked + label::after,
|
||||||
|
.checkbox input[type="radio"]:checked + label::after {
|
||||||
|
font-family: "FontAwesome";
|
||||||
|
content: "\f00c";
|
||||||
|
}
|
||||||
|
.checkbox input[type="checkbox"]:disabled + label,
|
||||||
|
.checkbox input[type="radio"]:disabled + label {
|
||||||
|
opacity: 0.65;
|
||||||
|
}
|
||||||
|
.checkbox input[type="checkbox"]:disabled + label::before,
|
||||||
|
.checkbox input[type="radio"]:disabled + label::before {
|
||||||
|
background-color: #eeeeee;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
.checkbox.checkbox-circle label::before {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.checkbox.checkbox-inline {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox-primary input[type="checkbox"]:checked + label::before,
|
||||||
|
.checkbox-primary input[type="radio"]:checked + label::before {
|
||||||
|
background-color: #337ab7;
|
||||||
|
border-color: #337ab7;
|
||||||
|
}
|
||||||
|
.checkbox-primary input[type="checkbox"]:checked + label::after,
|
||||||
|
.checkbox-primary input[type="radio"]:checked + label::after {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox-danger input[type="checkbox"]:checked + label::before,
|
||||||
|
.checkbox-danger input[type="radio"]:checked + label::before {
|
||||||
|
background-color: #d9534f;
|
||||||
|
border-color: #d9534f;
|
||||||
|
}
|
||||||
|
.checkbox-danger input[type="checkbox"]:checked + label::after,
|
||||||
|
.checkbox-danger input[type="radio"]:checked + label::after {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox-info input[type="checkbox"]:checked + label::before,
|
||||||
|
.checkbox-info input[type="radio"]:checked + label::before {
|
||||||
|
background-color: #5bc0de;
|
||||||
|
border-color: #5bc0de;
|
||||||
|
}
|
||||||
|
.checkbox-info input[type="checkbox"]:checked + label::after,
|
||||||
|
.checkbox-info input[type="radio"]:checked + label::after {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox-warning input[type="checkbox"]:checked + label::before,
|
||||||
|
.checkbox-warning input[type="radio"]:checked + label::before {
|
||||||
|
background-color: #f0ad4e;
|
||||||
|
border-color: #f0ad4e;
|
||||||
|
}
|
||||||
|
.checkbox-warning input[type="checkbox"]:checked + label::after,
|
||||||
|
.checkbox-warning input[type="radio"]:checked + label::after {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox-success input[type="checkbox"]:checked + label::before,
|
||||||
|
.checkbox-success input[type="radio"]:checked + label::before {
|
||||||
|
background-color: #5cb85c;
|
||||||
|
border-color: #5cb85c;
|
||||||
|
}
|
||||||
|
.checkbox-success input[type="checkbox"]:checked + label::after,
|
||||||
|
.checkbox-success input[type="radio"]:checked + label::after {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.radio label {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.radio label::before {
|
||||||
|
content: "";
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
left: 0;
|
||||||
|
margin-left: -20px;
|
||||||
|
border: 1px solid #cccccc;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-transition: border 0.15s ease-in-out;
|
||||||
|
-o-transition: border 0.15s ease-in-out;
|
||||||
|
transition: border 0.15s ease-in-out;
|
||||||
|
}
|
||||||
|
.radio label::after {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
content: " ";
|
||||||
|
width: 11px;
|
||||||
|
height: 11px;
|
||||||
|
left: 3px;
|
||||||
|
top: 3px;
|
||||||
|
margin-left: -20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #555555;
|
||||||
|
-webkit-transform: scale(0, 0);
|
||||||
|
-ms-transform: scale(0, 0);
|
||||||
|
-o-transform: scale(0, 0);
|
||||||
|
transform: scale(0, 0);
|
||||||
|
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||||
|
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||||
|
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||||
|
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
|
||||||
|
}
|
||||||
|
.radio input[type="radio"] {
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.radio input[type="radio"]:focus + label::before {
|
||||||
|
outline: thin dotted;
|
||||||
|
outline: 5px auto -webkit-focus-ring-color;
|
||||||
|
outline-offset: -2px;
|
||||||
|
}
|
||||||
|
.radio input[type="radio"]:checked + label::after {
|
||||||
|
-webkit-transform: scale(1, 1);
|
||||||
|
-ms-transform: scale(1, 1);
|
||||||
|
-o-transform: scale(1, 1);
|
||||||
|
transform: scale(1, 1);
|
||||||
|
}
|
||||||
|
.radio input[type="radio"]:disabled + label {
|
||||||
|
opacity: 0.65;
|
||||||
|
}
|
||||||
|
.radio input[type="radio"]:disabled + label::before {
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
.radio.radio-inline {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-primary input[type="radio"] + label::after {
|
||||||
|
background-color: #337ab7;
|
||||||
|
}
|
||||||
|
.radio-primary input[type="radio"]:checked + label::before {
|
||||||
|
border-color: #337ab7;
|
||||||
|
}
|
||||||
|
.radio-primary input[type="radio"]:checked + label::after {
|
||||||
|
background-color: #337ab7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-danger input[type="radio"] + label::after {
|
||||||
|
background-color: #d9534f;
|
||||||
|
}
|
||||||
|
.radio-danger input[type="radio"]:checked + label::before {
|
||||||
|
border-color: #d9534f;
|
||||||
|
}
|
||||||
|
.radio-danger input[type="radio"]:checked + label::after {
|
||||||
|
background-color: #d9534f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-info input[type="radio"] + label::after {
|
||||||
|
background-color: #5bc0de;
|
||||||
|
}
|
||||||
|
.radio-info input[type="radio"]:checked + label::before {
|
||||||
|
border-color: #5bc0de;
|
||||||
|
}
|
||||||
|
.radio-info input[type="radio"]:checked + label::after {
|
||||||
|
background-color: #5bc0de;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-warning input[type="radio"] + label::after {
|
||||||
|
background-color: #f0ad4e;
|
||||||
|
}
|
||||||
|
.radio-warning input[type="radio"]:checked + label::before {
|
||||||
|
border-color: #f0ad4e;
|
||||||
|
}
|
||||||
|
.radio-warning input[type="radio"]:checked + label::after {
|
||||||
|
background-color: #f0ad4e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio-success input[type="radio"] + label::after {
|
||||||
|
background-color: #5cb85c;
|
||||||
|
}
|
||||||
|
.radio-success input[type="radio"]:checked + label::before {
|
||||||
|
border-color: #5cb85c;
|
||||||
|
}
|
||||||
|
.radio-success input[type="radio"]:checked + label::after {
|
||||||
|
background-color: #5cb85c;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="checkbox"].styled:checked + label:after,
|
||||||
|
input[type="radio"].styled:checked + label:after {
|
||||||
|
font-family: 'FontAwesome';
|
||||||
|
content: "\f00c";
|
||||||
|
}
|
||||||
|
input[type="checkbox"] .styled:checked + label::before,
|
||||||
|
input[type="radio"] .styled:checked + label::before {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
input[type="checkbox"] .styled:checked + label::after,
|
||||||
|
input[type="radio"] .styled:checked + label::after {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,71 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
/*
|
||||||
|
* blueimp Gallery Indicator CSS 1.1.0
|
||||||
|
* https://github.com/blueimp/Gallery
|
||||||
|
*
|
||||||
|
* Copyright 2013, Sebastian Tschan
|
||||||
|
* https://blueimp.net
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license:
|
||||||
|
* http://www.opensource.org/licenses/MIT
|
||||||
|
*/
|
||||||
|
|
||||||
|
.blueimp-gallery > .indicator {
|
||||||
|
position: absolute;
|
||||||
|
top: auto;
|
||||||
|
right: 15px;
|
||||||
|
bottom: 15px;
|
||||||
|
left: 15px;
|
||||||
|
margin: 0 40px;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 10px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .indicator > li {
|
||||||
|
display: inline-block;
|
||||||
|
width: 9px;
|
||||||
|
height: 9px;
|
||||||
|
margin: 6px 3px 0 3px;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
background: #ccc;
|
||||||
|
background: rgba(255, 255, 255, 0.25) center no-repeat;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 0 2px #000;
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .indicator > li:hover,
|
||||||
|
.blueimp-gallery > .indicator > .active {
|
||||||
|
background-color: #fff;
|
||||||
|
border-color: #fff;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.blueimp-gallery-controls > .indicator {
|
||||||
|
display: block;
|
||||||
|
/* Fix z-index issues (controls behind slide element) on Android: */
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
|
-moz-transform: translateZ(0);
|
||||||
|
-ms-transform: translateZ(0);
|
||||||
|
-o-transform: translateZ(0);
|
||||||
|
transform: translateZ(0);
|
||||||
|
}
|
||||||
|
.blueimp-gallery-single > .indicator {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .indicator {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* IE7 fixes */
|
||||||
|
*+html .blueimp-gallery > .indicator > li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,87 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
/*
|
||||||
|
* blueimp Gallery Video Factory CSS 1.3.0
|
||||||
|
* https://github.com/blueimp/Gallery
|
||||||
|
*
|
||||||
|
* Copyright 2013, Sebastian Tschan
|
||||||
|
* https://blueimp.net
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license:
|
||||||
|
* http://www.opensource.org/licenses/MIT
|
||||||
|
*/
|
||||||
|
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-content > img {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: auto;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
/* Prevent artifacts in Mozilla Firefox: */
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-content > video {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-content > iframe {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-playing > iframe {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-content > a {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: -64px auto 0;
|
||||||
|
width: 128px;
|
||||||
|
height: 128px;
|
||||||
|
background: url(../img/video-play.png) center no-repeat;
|
||||||
|
opacity: 0.8;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-content > a:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-playing > a,
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-playing > img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-content > video {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-playing > video {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .video-loading > a {
|
||||||
|
background: url(../img/loading.gif) center no-repeat;
|
||||||
|
background-size: 64px 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
|
||||||
|
body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {
|
||||||
|
background-image: url(../img/video-play.svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* IE7 fixes */
|
||||||
|
*+html .blueimp-gallery > .slides > .slide > .video-content {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
*+html .blueimp-gallery > .slides > .slide > .video-content > a {
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -64px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,226 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
/*
|
||||||
|
* blueimp Gallery CSS 2.11.1
|
||||||
|
* https://github.com/blueimp/Gallery
|
||||||
|
*
|
||||||
|
* Copyright 2013, Sebastian Tschan
|
||||||
|
* https://blueimp.net
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license:
|
||||||
|
* http://www.opensource.org/licenses/MIT
|
||||||
|
*/
|
||||||
|
|
||||||
|
.blueimp-gallery,
|
||||||
|
.blueimp-gallery > .slides > .slide > .slide-content {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
/* Prevent artifacts in Mozilla Firefox: */
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .slide-content {
|
||||||
|
margin: auto;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.blueimp-gallery {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999999;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #000;
|
||||||
|
background: rgba(0, 0, 0, 0.9);
|
||||||
|
opacity: 0;
|
||||||
|
display: none;
|
||||||
|
direction: ltr;
|
||||||
|
-ms-touch-action: none;
|
||||||
|
touch-action: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery-carousel {
|
||||||
|
position: relative;
|
||||||
|
z-index: auto;
|
||||||
|
margin: 1em auto;
|
||||||
|
/* Set the carousel width/height ratio to 16/9: */
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
box-shadow: 0 0 10px #000;
|
||||||
|
-ms-touch-action: pan-y;
|
||||||
|
touch-action: pan-y;
|
||||||
|
}
|
||||||
|
.blueimp-gallery-display {
|
||||||
|
display: block;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.blueimp-gallery-carousel > .slides {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
height: 100%;
|
||||||
|
text-align: center;
|
||||||
|
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||||
|
-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||||
|
-ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||||
|
-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||||
|
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||||
|
}
|
||||||
|
.blueimp-gallery,
|
||||||
|
.blueimp-gallery > .slides > .slide > .slide-content {
|
||||||
|
-webkit-transition: opacity 0.5s linear;
|
||||||
|
-moz-transition: opacity 0.5s linear;
|
||||||
|
-ms-transition: opacity 0.5s linear;
|
||||||
|
-o-transition: opacity 0.5s linear;
|
||||||
|
transition: opacity 0.5s linear;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide-loading {
|
||||||
|
background: url(../img/loading.gif) center no-repeat;
|
||||||
|
background-size: 64px 64px;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide-loading > .slide-content {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide-error {
|
||||||
|
background: url(../img/error.png) center no-repeat;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide-error > .slide-content {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .prev,
|
||||||
|
.blueimp-gallery > .next {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 15px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin-top: -23px;
|
||||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 60px;
|
||||||
|
font-weight: 100;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: 0 0 2px #000;
|
||||||
|
text-align: center;
|
||||||
|
background: #222;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
border: 3px solid #fff;
|
||||||
|
-webkit-border-radius: 23px;
|
||||||
|
-moz-border-radius: 23px;
|
||||||
|
border-radius: 23px;
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: pointer;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .next {
|
||||||
|
left: auto;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .close,
|
||||||
|
.blueimp-gallery > .title {
|
||||||
|
position: absolute;
|
||||||
|
top: 15px;
|
||||||
|
left: 15px;
|
||||||
|
margin: 0 40px 0 0;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 0 2px #000;
|
||||||
|
opacity: 0.8;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .close {
|
||||||
|
padding: 15px;
|
||||||
|
right: 15px;
|
||||||
|
left: auto;
|
||||||
|
margin: -15px;
|
||||||
|
font-size: 30px;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .play-pause {
|
||||||
|
position: absolute;
|
||||||
|
right: 15px;
|
||||||
|
bottom: 15px;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
background: url(../img/play-pause.png) 0 0 no-repeat;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0.5;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery-playing > .play-pause {
|
||||||
|
background-position: -15px 0;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .prev:hover,
|
||||||
|
.blueimp-gallery > .next:hover,
|
||||||
|
.blueimp-gallery > .close:hover,
|
||||||
|
.blueimp-gallery > .title:hover,
|
||||||
|
.blueimp-gallery > .play-pause:hover {
|
||||||
|
color: #fff;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.blueimp-gallery-controls > .prev,
|
||||||
|
.blueimp-gallery-controls > .next,
|
||||||
|
.blueimp-gallery-controls > .close,
|
||||||
|
.blueimp-gallery-controls > .title,
|
||||||
|
.blueimp-gallery-controls > .play-pause {
|
||||||
|
display: block;
|
||||||
|
/* Fix z-index issues (controls behind slide element) on Android: */
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
|
-moz-transform: translateZ(0);
|
||||||
|
-ms-transform: translateZ(0);
|
||||||
|
-o-transform: translateZ(0);
|
||||||
|
transform: translateZ(0);
|
||||||
|
}
|
||||||
|
.blueimp-gallery-single > .prev,
|
||||||
|
.blueimp-gallery-left > .prev,
|
||||||
|
.blueimp-gallery-single > .next,
|
||||||
|
.blueimp-gallery-right > .next,
|
||||||
|
.blueimp-gallery-single > .play-pause {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.blueimp-gallery > .slides > .slide > .slide-content,
|
||||||
|
.blueimp-gallery > .prev,
|
||||||
|
.blueimp-gallery > .next,
|
||||||
|
.blueimp-gallery > .close,
|
||||||
|
.blueimp-gallery > .play-pause {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
|
||||||
|
body:last-child .blueimp-gallery > .slides > .slide-error {
|
||||||
|
background-image: url(../img/error.svg);
|
||||||
|
}
|
||||||
|
body:last-child .blueimp-gallery > .play-pause {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background-size: 40px 20px;
|
||||||
|
background-image: url(../img/play-pause.svg);
|
||||||
|
}
|
||||||
|
body:last-child .blueimp-gallery-playing > .play-pause {
|
||||||
|
background-position: -20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* IE7 fixes */
|
||||||
|
*+html .blueimp-gallery > .slides > .slide {
|
||||||
|
min-height: 300px;
|
||||||
|
}
|
||||||
|
*+html .blueimp-gallery > .slides > .slide > .slide-content {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,51 @@
|
||||||
|
/*
|
||||||
|
* blueimp Gallery Demo CSS 2.0.0
|
||||||
|
* https://github.com/blueimp/Gallery
|
||||||
|
*
|
||||||
|
* Copyright 2013, Sebastian Tschan
|
||||||
|
* https://blueimp.net
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license:
|
||||||
|
* http://www.opensource.org/licenses/MIT
|
||||||
|
*/
|
||||||
|
|
||||||
|
body {
|
||||||
|
max-width: 750px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 1em;
|
||||||
|
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.4em;
|
||||||
|
background: #222;
|
||||||
|
color: #fff;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: orange;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
border: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
line-height: 1em;
|
||||||
|
}
|
||||||
|
h2,
|
||||||
|
.links {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 481px) {
|
||||||
|
.navigation {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.navigation li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.navigation li:not(:first-child):before {
|
||||||
|
content: '| ';
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -0,0 +1,5 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64">
|
||||||
|
<circle cx="32" cy="32" r="25" stroke="red" stroke-width="7" fill="black" fill-opacity="0.2"/>
|
||||||
|
<rect x="28" y="7" width="8" height="50" fill="red" transform="rotate(45, 32, 32)"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 306 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 606 B |
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="30" height="15">
|
||||||
|
<polygon points="2,1 2,14 13,7" stroke="black" stroke-width="1" fill="white"/>
|
||||||
|
<rect x="17" y="2" width="4" height="11" stroke="black" stroke-width="1" fill="white"/>
|
||||||
|
<rect x="24" y="2" width="4" height="11" stroke="black" stroke-width="1" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 382 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -0,0 +1,5 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64">
|
||||||
|
<circle cx="32" cy="32" r="25" stroke="white" stroke-width="7" fill="black" fill-opacity="0.2"/>
|
||||||
|
<polygon points="26,22 26,42 43,32" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 274 B |
|
|
@ -0,0 +1 @@
|
||||||
|
.bootstrap-table .table{margin-bottom:0!important;border-bottom:1px solid #e4eaec;border-collapse:collapse!important}.bootstrap-table .table,.bootstrap-table .table>tbody>tr>td,.bootstrap-table .table>tbody>tr>th,.bootstrap-table .table>tfoot>tr>td,.bootstrap-table .table>tfoot>tr>th,.bootstrap-table .table>thead>tr>td{padding:8px!important}.bootstrap-table .table.table-no-bordered>tbody>tr>td,.bootstrap-table .table.table-no-bordered>thead>tr>th{border-right:2px solid transparent}.fixed-table-container{position:relative;clear:both;border:1px solid #e4eaec}.fixed-table-container.table-no-bordered{border:1px solid transparent}.fixed-table-footer,.fixed-table-header{height:37px;overflow:hidden}.fixed-table-header{border-bottom:1px solid #e4eaec}.fixed-table-footer{border-top:1px solid #e4eaec}.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.fixed-table-container table{width:100%}.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #e4eaec}.fixed-table-container thead th:first-child{border-left:none}.fixed-table-container tbody td .th-inner,.fixed-table-container thead th .th-inner{padding:8px;line-height:20px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px}.fixed-table-container th.detail{width:30px}.fixed-table-container tbody td{border-left:1px solid #e4eaec}.fixed-table-container tbody tr:first-child td{border-top:none}.fixed-table-container tbody td:first-child{border-left:none}.fixed-table-container .table .icon,.fixed-table-container table .icon{top:auto;margin:0 5px}.fixed-table-container tbody .selected td{background-color:#f3f7f9}.fixed-table-container .bs-checkbox{text-align:center}.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}.fixed-table-container input[type=radio],.fixed-table-container input[type=checkbox]{margin:0 auto!important}.fixed-table-container .no-records-found{text-align:center}.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:10px;margin-bottom:10px}.fixed-table-pagination div.pagination .pagination{margin:0}.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}.fixed-table-pagination .page-list{display:inline-block}.fixed-table-toolbar .columns-left{margin-right:5px}.fixed-table-toolbar .columns-right{margin-left:5px}.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:300;line-height:1.428571429}.fixed-table-toolbar .bars,.fixed-table-toolbar .columns,.fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;line-height:34px}.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:6;background-color:#fff;text-align:center}.fixed-table-body .card-view .title{font-weight:400;display:inline-block;min-width:30%;text-align:left!important}.fixed-table-body thead th .th-inner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.table td,.table th{vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}.fixed-table-toolbar .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}.fixed-table-toolbar .btn-group>.btn-group>.btn{border-radius:0}.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn{border-top-left-radius:3px;border-bottom-left-radius:3px}.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{border-top-right-radius:3px;border-bottom-right-radius:3px}.bootstrap-table .table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #e4eaec}.bootstrap-table .table thead>tr>th{padding:0;margin:0}.bootstrap-table .fixed-table-footer tbody>tr>td{padding:0!important}.bootstrap-table .fixed-table-footer .table{border-bottom:none;border-radius:0}.pull-right .dropdown-menu{right:0;left:auto}p.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 646 B |
Binary file not shown.
|
After Width: | Height: | Size: 872 B |
|
|
@ -0,0 +1,423 @@
|
||||||
|
/*!
|
||||||
|
Chosen, a Select Box Enhancer for jQuery and Prototype
|
||||||
|
by Patrick Filler for Harvest, http://getharvest.com
|
||||||
|
|
||||||
|
Version 1.1.0
|
||||||
|
Full source at https://github.com/harvesthq/chosen
|
||||||
|
Copyright (c) 2011 Harvest http://getharvest.com
|
||||||
|
|
||||||
|
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
|
||||||
|
This file is generated by `grunt build`, do not edit it by hand.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* @group Base */
|
||||||
|
.chosen-container {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 13px;
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-drop {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: -9999px;
|
||||||
|
z-index: 1010;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
border: 1px solid #aaa;
|
||||||
|
border-top: 0;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
.chosen-container.chosen-with-drop .chosen-drop {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.chosen-container a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end */
|
||||||
|
/* @group Single Chosen */
|
||||||
|
.chosen-container-single .chosen-single {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0 0 0 8px;
|
||||||
|
height: 23px;
|
||||||
|
border: 1px solid #aaa;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: #fff;
|
||||||
|
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||||
|
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||||
|
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||||
|
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||||
|
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||||
|
background-clip: padding-box;
|
||||||
|
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||||
|
color: #444;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-default {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-single span {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 26px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-single-with-deselect span {
|
||||||
|
margin-right: 38px;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-single abbr {
|
||||||
|
position: absolute;
|
||||||
|
top: 6px;
|
||||||
|
right: 26px;
|
||||||
|
display: block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||||
|
font-size: 1px;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-single abbr:hover {
|
||||||
|
background-position: -42px -10px;
|
||||||
|
}
|
||||||
|
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
|
||||||
|
background-position: -42px -10px;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-single div {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
display: block;
|
||||||
|
width: 18px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-single div b {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: url('chosen-sprite.png') no-repeat 0px 7px;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-search {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1010;
|
||||||
|
margin: 0;
|
||||||
|
padding: 3px 4px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-search input[type="text"] {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 1px 0;
|
||||||
|
padding: 4px 20px 4px 5px;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
outline: 0;
|
||||||
|
border: 1px solid #aaa;
|
||||||
|
background: white url('chosen-sprite.png') no-repeat 100% -20px;
|
||||||
|
background: url('chosen-sprite.png') no-repeat 100% -20px;
|
||||||
|
font-size: 1em;
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: normal;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.chosen-container-single .chosen-drop {
|
||||||
|
margin-top: -1px;
|
||||||
|
border-radius: 0 0 4px 4px;
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
|
||||||
|
position: absolute;
|
||||||
|
left: -9999px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end */
|
||||||
|
/* @group Results */
|
||||||
|
.chosen-container .chosen-results {
|
||||||
|
position: relative;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
margin: 0 4px 4px 0;
|
||||||
|
padding: 0 0 0 4px;
|
||||||
|
max-height: 240px;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li {
|
||||||
|
display: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 5px 6px;
|
||||||
|
list-style: none;
|
||||||
|
line-height: 15px;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li.active-result {
|
||||||
|
display: list-item;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li.disabled-result {
|
||||||
|
display: list-item;
|
||||||
|
color: #ccc;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li.highlighted {
|
||||||
|
background-color: #3875d7;
|
||||||
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||||
|
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||||
|
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||||
|
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||||
|
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li.no-results {
|
||||||
|
display: list-item;
|
||||||
|
background: #f4f4f4;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li.group-result {
|
||||||
|
display: list-item;
|
||||||
|
font-weight: bold;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li.group-option {
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
.chosen-container .chosen-results li em {
|
||||||
|
font-style: normal;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end */
|
||||||
|
/* @group Multi Chosen */
|
||||||
|
.chosen-container-multi .chosen-choices {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 1px solid #CBD5DD;
|
||||||
|
border-radius: 2px;
|
||||||
|
cursor: text;
|
||||||
|
height: auto !important;
|
||||||
|
margin: 0;
|
||||||
|
min-height: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 2px;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li {
|
||||||
|
float: left;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-field {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
|
||||||
|
margin: 1px 0;
|
||||||
|
padding: 5px;
|
||||||
|
height: 25px;
|
||||||
|
outline: 0;
|
||||||
|
border: 0 !important;
|
||||||
|
background: transparent !important;
|
||||||
|
box-shadow: none;
|
||||||
|
color: #666;
|
||||||
|
font-size: 100%;
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: normal;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-field .default {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-choice {
|
||||||
|
position: relative;
|
||||||
|
margin: 3px 0 3px 5px;
|
||||||
|
padding: 3px 20px 3px 5px;
|
||||||
|
border: 1px solid #aaa;
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: #e4e4e4;
|
||||||
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||||
|
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||||
|
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||||
|
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||||
|
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||||
|
background-clip: padding-box;
|
||||||
|
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
||||||
|
color: #333;
|
||||||
|
line-height: 13px;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
|
||||||
|
position: absolute;
|
||||||
|
top: 4px;
|
||||||
|
right: 3px;
|
||||||
|
display: block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
background: url('chosen-sprite.png') -42px 1px no-repeat;
|
||||||
|
font-size: 1px;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
|
||||||
|
background-position: -42px -10px;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-choice-disabled {
|
||||||
|
padding-right: 5px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
background-color: #e4e4e4;
|
||||||
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 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: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-choice-focus {
|
||||||
|
background: #d4d4d4;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
|
||||||
|
background-position: -42px -10px;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-results {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.chosen-container-multi .chosen-drop .result-selected {
|
||||||
|
display: list-item;
|
||||||
|
color: #ccc;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end */
|
||||||
|
/* @group Active */
|
||||||
|
.chosen-container-active .chosen-single {
|
||||||
|
border: 1px solid #5897fb;
|
||||||
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
.chosen-container-active.chosen-with-drop .chosen-single {
|
||||||
|
border: 1px solid #aaa;
|
||||||
|
-moz-border-radius-bottomright: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
-moz-border-radius-bottomleft: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
}
|
||||||
|
.chosen-container-active.chosen-with-drop .chosen-single div {
|
||||||
|
border-left: none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.chosen-container-active.chosen-with-drop .chosen-single div b {
|
||||||
|
background-position: -18px 7px;
|
||||||
|
}
|
||||||
|
.chosen-container-active .chosen-choices {
|
||||||
|
border: 1px solid #5897fb;
|
||||||
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
|
||||||
|
color: #111 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end */
|
||||||
|
/* @group Disabled Support */
|
||||||
|
.chosen-disabled {
|
||||||
|
opacity: 0.5 !important;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.chosen-disabled .chosen-single {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end */
|
||||||
|
/* @group Right to Left */
|
||||||
|
.chosen-rtl {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-single {
|
||||||
|
overflow: visible;
|
||||||
|
padding: 0 8px 0 0;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-single span {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 26px;
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-single-with-deselect span {
|
||||||
|
margin-left: 38px;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-single div {
|
||||||
|
right: auto;
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-single abbr {
|
||||||
|
right: auto;
|
||||||
|
left: 26px;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-choices li {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-choices li.search-choice {
|
||||||
|
margin: 3px 5px 3px 0;
|
||||||
|
padding: 3px 5px 3px 19px;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
|
||||||
|
right: auto;
|
||||||
|
left: 4px;
|
||||||
|
}
|
||||||
|
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
|
||||||
|
.chosen-rtl .chosen-drop {
|
||||||
|
left: 9999px;
|
||||||
|
}
|
||||||
|
.chosen-rtl.chosen-container-single .chosen-results {
|
||||||
|
margin: 0 0 4px 4px;
|
||||||
|
padding: 0 4px 0 0;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-results li.group-option {
|
||||||
|
padding-right: 15px;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
.chosen-rtl .chosen-search input[type="text"] {
|
||||||
|
padding: 4px 5px 4px 20px;
|
||||||
|
background: white url('chosen-sprite.png') no-repeat -30px -20px;
|
||||||
|
background: url('chosen-sprite.png') no-repeat -30px -20px;
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.chosen-rtl.chosen-container-single .chosen-single div b {
|
||||||
|
background-position: 6px 2px;
|
||||||
|
}
|
||||||
|
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
|
||||||
|
background-position: -12px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @end */
|
||||||
|
/* @group Retina compatibility */
|
||||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
||||||
|
.chosen-rtl .chosen-search input[type="text"],
|
||||||
|
.chosen-container-single .chosen-single abbr,
|
||||||
|
.chosen-container-single .chosen-single div b,
|
||||||
|
.chosen-container-single .chosen-search input[type="text"],
|
||||||
|
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
|
||||||
|
.chosen-container .chosen-results-scroll-down span,
|
||||||
|
.chosen-container .chosen-results-scroll-up span {
|
||||||
|
background-image: url('chosen-sprite@2x.png') !important;
|
||||||
|
background-size: 52px 37px !important;
|
||||||
|
background-repeat: no-repeat !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* @end */
|
||||||
|
|
@ -0,0 +1,168 @@
|
||||||
|
/*!
|
||||||
|
* ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
|
||||||
|
* Copyright 2014 Wang Shenwei.
|
||||||
|
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
|
||||||
|
*/
|
||||||
|
|
||||||
|
.clockpicker .input-group-addon {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.clockpicker-moving {
|
||||||
|
cursor: move;
|
||||||
|
}
|
||||||
|
.clockpicker-align-left.popover > .arrow {
|
||||||
|
left: 25px;
|
||||||
|
}
|
||||||
|
.clockpicker-align-top.popover > .arrow {
|
||||||
|
top: 17px;
|
||||||
|
}
|
||||||
|
.clockpicker-align-right.popover > .arrow {
|
||||||
|
left: auto;
|
||||||
|
right: 25px;
|
||||||
|
}
|
||||||
|
.clockpicker-align-bottom.popover > .arrow {
|
||||||
|
top: auto;
|
||||||
|
bottom: 6px;
|
||||||
|
}
|
||||||
|
.clockpicker-popover .popover-title {
|
||||||
|
background-color: #fff;
|
||||||
|
color: #999;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.clockpicker-popover .popover-title span {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.clockpicker-popover .popover-content {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
.popover-content:last-child {
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
}
|
||||||
|
.clockpicker-plate {
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
overflow: visible;
|
||||||
|
position: relative;
|
||||||
|
/* Disable text selection highlighting. Thanks to Hermanya */
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.clockpicker-canvas,
|
||||||
|
.clockpicker-dial {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
position: absolute;
|
||||||
|
left: -1px;
|
||||||
|
top: -1px;
|
||||||
|
}
|
||||||
|
.clockpicker-minutes {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.clockpicker-tick {
|
||||||
|
border-radius: 50%;
|
||||||
|
color: #666;
|
||||||
|
line-height: 26px;
|
||||||
|
text-align: center;
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
position: absolute;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.clockpicker-tick.active,
|
||||||
|
.clockpicker-tick:hover {
|
||||||
|
background-color: rgb(192, 229, 247);
|
||||||
|
background-color: rgba(0, 149, 221, .25);
|
||||||
|
}
|
||||||
|
.clockpicker-button {
|
||||||
|
background-image: none;
|
||||||
|
background-color: #fff;
|
||||||
|
border-width: 1px 0 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
.clockpicker-button:hover {
|
||||||
|
background-image: none;
|
||||||
|
background-color: #ebebeb;
|
||||||
|
}
|
||||||
|
.clockpicker-button:focus {
|
||||||
|
outline: none!important;
|
||||||
|
}
|
||||||
|
.clockpicker-dial {
|
||||||
|
-webkit-transition: -webkit-transform 350ms, opacity 350ms;
|
||||||
|
-moz-transition: -moz-transform 350ms, opacity 350ms;
|
||||||
|
-ms-transition: -ms-transform 350ms, opacity 350ms;
|
||||||
|
-o-transition: -o-transform 350ms, opacity 350ms;
|
||||||
|
transition: transform 350ms, opacity 350ms;
|
||||||
|
}
|
||||||
|
.clockpicker-dial-out {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.clockpicker-hours.clockpicker-dial-out {
|
||||||
|
-webkit-transform: scale(1.2, 1.2);
|
||||||
|
-moz-transform: scale(1.2, 1.2);
|
||||||
|
-ms-transform: scale(1.2, 1.2);
|
||||||
|
-o-transform: scale(1.2, 1.2);
|
||||||
|
transform: scale(1.2, 1.2);
|
||||||
|
}
|
||||||
|
.clockpicker-minutes.clockpicker-dial-out {
|
||||||
|
-webkit-transform: scale(.8, .8);
|
||||||
|
-moz-transform: scale(.8, .8);
|
||||||
|
-ms-transform: scale(.8, .8);
|
||||||
|
-o-transform: scale(.8, .8);
|
||||||
|
transform: scale(.8, .8);
|
||||||
|
}
|
||||||
|
.clockpicker-canvas {
|
||||||
|
-webkit-transition: opacity 175ms;
|
||||||
|
-moz-transition: opacity 175ms;
|
||||||
|
-ms-transition: opacity 175ms;
|
||||||
|
-o-transition: opacity 175ms;
|
||||||
|
transition: opacity 175ms;
|
||||||
|
}
|
||||||
|
.clockpicker-canvas-out {
|
||||||
|
opacity: 0.25;
|
||||||
|
}
|
||||||
|
.clockpicker-canvas-bearing,
|
||||||
|
.clockpicker-canvas-fg {
|
||||||
|
stroke: none;
|
||||||
|
fill: rgb(0, 149, 221);
|
||||||
|
}
|
||||||
|
.clockpicker-canvas-bg {
|
||||||
|
stroke: none;
|
||||||
|
fill: rgb(192, 229, 247);
|
||||||
|
}
|
||||||
|
.clockpicker-canvas-bg-trans {
|
||||||
|
fill: rgba(0, 149, 221, .25);
|
||||||
|
}
|
||||||
|
.clockpicker-canvas line {
|
||||||
|
stroke: rgb(0, 149, 221);
|
||||||
|
stroke-width: 1;
|
||||||
|
stroke-linecap: round;
|
||||||
|
/*shape-rendering: crispEdges;*/
|
||||||
|
}
|
||||||
|
.clockpicker-button.am-button {
|
||||||
|
margin: 1px;
|
||||||
|
padding: 5px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, .2);
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.clockpicker-button.pm-button {
|
||||||
|
margin: 1px 1px 1px 136px;
|
||||||
|
padding: 5px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, .2);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,309 @@
|
||||||
|
/* BASICS */
|
||||||
|
|
||||||
|
.CodeMirror {
|
||||||
|
/* Set height, width, borders, and global font properties here */
|
||||||
|
font-family: monospace;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
.CodeMirror-scroll {
|
||||||
|
/* Set scrolling behaviour here */
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* PADDING */
|
||||||
|
|
||||||
|
.CodeMirror-lines {
|
||||||
|
padding: 4px 0; /* Vertical padding around content */
|
||||||
|
}
|
||||||
|
.CodeMirror pre {
|
||||||
|
padding: 0 4px; /* Horizontal padding of content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||||
|
background-color: white; /* The little square between H and V scrollbars */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* GUTTER */
|
||||||
|
|
||||||
|
.CodeMirror-gutters {
|
||||||
|
border-right: 1px solid #ddd;
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.CodeMirror-linenumbers {}
|
||||||
|
.CodeMirror-linenumber {
|
||||||
|
padding: 0 3px 0 5px;
|
||||||
|
min-width: 20px;
|
||||||
|
text-align: right;
|
||||||
|
color: #999;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-guttermarker { color: black; }
|
||||||
|
.CodeMirror-guttermarker-subtle { color: #999; }
|
||||||
|
|
||||||
|
/* CURSOR */
|
||||||
|
|
||||||
|
.CodeMirror div.CodeMirror-cursor {
|
||||||
|
border-left: 1px solid black;
|
||||||
|
}
|
||||||
|
/* Shown when moving in bi-directional text */
|
||||||
|
.CodeMirror div.CodeMirror-secondarycursor {
|
||||||
|
border-left: 1px solid silver;
|
||||||
|
}
|
||||||
|
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0;
|
||||||
|
background: #7e7;
|
||||||
|
}
|
||||||
|
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursors {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-animate-fat-cursor {
|
||||||
|
width: auto;
|
||||||
|
border: 0;
|
||||||
|
-webkit-animation: blink 1.06s steps(1) infinite;
|
||||||
|
-moz-animation: blink 1.06s steps(1) infinite;
|
||||||
|
animation: blink 1.06s steps(1) infinite;
|
||||||
|
}
|
||||||
|
@-moz-keyframes blink {
|
||||||
|
0% { background: #7e7; }
|
||||||
|
50% { background: none; }
|
||||||
|
100% { background: #7e7; }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes blink {
|
||||||
|
0% { background: #7e7; }
|
||||||
|
50% { background: none; }
|
||||||
|
100% { background: #7e7; }
|
||||||
|
}
|
||||||
|
@keyframes blink {
|
||||||
|
0% { background: #7e7; }
|
||||||
|
50% { background: none; }
|
||||||
|
100% { background: #7e7; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Can style cursor different in overwrite (non-insert) mode */
|
||||||
|
div.CodeMirror-overwrite div.CodeMirror-cursor {}
|
||||||
|
|
||||||
|
.cm-tab { display: inline-block; text-decoration: inherit; }
|
||||||
|
|
||||||
|
.CodeMirror-ruler {
|
||||||
|
border-left: 1px solid #ccc;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* DEFAULT THEME */
|
||||||
|
|
||||||
|
.cm-s-default .cm-keyword {color: #708;}
|
||||||
|
.cm-s-default .cm-atom {color: #219;}
|
||||||
|
.cm-s-default .cm-number {color: #164;}
|
||||||
|
.cm-s-default .cm-def {color: #00f;}
|
||||||
|
.cm-s-default .cm-variable,
|
||||||
|
.cm-s-default .cm-punctuation,
|
||||||
|
.cm-s-default .cm-property,
|
||||||
|
.cm-s-default .cm-operator {}
|
||||||
|
.cm-s-default .cm-variable-2 {color: #05a;}
|
||||||
|
.cm-s-default .cm-variable-3 {color: #085;}
|
||||||
|
.cm-s-default .cm-comment {color: #a50;}
|
||||||
|
.cm-s-default .cm-string {color: #a11;}
|
||||||
|
.cm-s-default .cm-string-2 {color: #f50;}
|
||||||
|
.cm-s-default .cm-meta {color: #555;}
|
||||||
|
.cm-s-default .cm-qualifier {color: #555;}
|
||||||
|
.cm-s-default .cm-builtin {color: #30a;}
|
||||||
|
.cm-s-default .cm-bracket {color: #997;}
|
||||||
|
.cm-s-default .cm-tag {color: #170;}
|
||||||
|
.cm-s-default .cm-attribute {color: #00c;}
|
||||||
|
.cm-s-default .cm-header {color: blue;}
|
||||||
|
.cm-s-default .cm-quote {color: #090;}
|
||||||
|
.cm-s-default .cm-hr {color: #999;}
|
||||||
|
.cm-s-default .cm-link {color: #00c;}
|
||||||
|
|
||||||
|
.cm-negative {color: #d44;}
|
||||||
|
.cm-positive {color: #292;}
|
||||||
|
.cm-header, .cm-strong {font-weight: bold;}
|
||||||
|
.cm-em {font-style: italic;}
|
||||||
|
.cm-link {text-decoration: underline;}
|
||||||
|
|
||||||
|
.cm-s-default .cm-error {color: #f00;}
|
||||||
|
.cm-invalidchar {color: #f00;}
|
||||||
|
|
||||||
|
/* Default styles for common addons */
|
||||||
|
|
||||||
|
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
|
||||||
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
||||||
|
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
|
||||||
|
.CodeMirror-activeline-background {background: #e8f2ff;}
|
||||||
|
|
||||||
|
/* STOP */
|
||||||
|
|
||||||
|
/* The rest of this file contains styles related to the mechanics of
|
||||||
|
the editor. You probably shouldn't touch them. */
|
||||||
|
|
||||||
|
.CodeMirror {
|
||||||
|
line-height: 1;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: white;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-scroll {
|
||||||
|
/* 30px is the magic margin used to hide the element's real scrollbars */
|
||||||
|
/* See overflow: hidden in .CodeMirror */
|
||||||
|
margin-bottom: -30px; margin-right: -30px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
height: 100%;
|
||||||
|
outline: none; /* Prevent dragging from highlighting the element */
|
||||||
|
position: relative;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
.CodeMirror-sizer {
|
||||||
|
position: relative;
|
||||||
|
border-right: 30px solid transparent;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
||||||
|
before actuall scrolling happens, thus preventing shaking and
|
||||||
|
flickering artifacts. */
|
||||||
|
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 6;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.CodeMirror-vscrollbar {
|
||||||
|
right: 0; top: 0;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
.CodeMirror-hscrollbar {
|
||||||
|
bottom: 0; left: 0;
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
.CodeMirror-scrollbar-filler {
|
||||||
|
right: 0; bottom: 0;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-filler {
|
||||||
|
left: 0; bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-gutters {
|
||||||
|
position: absolute; left: 0; top: 0;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter {
|
||||||
|
white-space: normal;
|
||||||
|
height: 100%;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
margin-bottom: -32px;
|
||||||
|
display: inline-block;
|
||||||
|
/* Hack to make IE7 behave */
|
||||||
|
*zoom:1;
|
||||||
|
*display:inline;
|
||||||
|
}
|
||||||
|
.CodeMirror-gutter-elt {
|
||||||
|
position: absolute;
|
||||||
|
cursor: default;
|
||||||
|
z-index: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-lines {
|
||||||
|
cursor: text;
|
||||||
|
min-height: 1px; /* prevents collapsing before first draw */
|
||||||
|
}
|
||||||
|
.CodeMirror pre {
|
||||||
|
/* Reset some styles that the rest of the page might have set */
|
||||||
|
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
|
||||||
|
border-width: 0;
|
||||||
|
background: transparent;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: inherit;
|
||||||
|
margin: 0;
|
||||||
|
white-space: pre;
|
||||||
|
word-wrap: normal;
|
||||||
|
line-height: inherit;
|
||||||
|
color: inherit;
|
||||||
|
z-index: 2;
|
||||||
|
position: relative;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap pre {
|
||||||
|
word-wrap: break-word;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-linebackground {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; right: 0; top: 0; bottom: 0;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-linewidget {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-widget {}
|
||||||
|
|
||||||
|
.CodeMirror-wrap .CodeMirror-scroll {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-measure {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.CodeMirror-measure pre { position: static; }
|
||||||
|
|
||||||
|
.CodeMirror div.CodeMirror-cursor {
|
||||||
|
position: absolute;
|
||||||
|
border-right: none;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.CodeMirror-cursors {
|
||||||
|
visibility: hidden;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
.CodeMirror-focused div.CodeMirror-cursors {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.CodeMirror-selected { background: #d9d9d9; }
|
||||||
|
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
||||||
|
.CodeMirror-crosshair { cursor: crosshair; }
|
||||||
|
|
||||||
|
.cm-searching {
|
||||||
|
background: #ffa;
|
||||||
|
background: rgba(255, 255, 0, .4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
|
||||||
|
.CodeMirror span { *vertical-align: text-bottom; }
|
||||||
|
|
||||||
|
/* Used to force a border model for a node */
|
||||||
|
.cm-force-border { padding-right: .1px; }
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
/* Hide the cursor when printing */
|
||||||
|
.CodeMirror div.CodeMirror-cursors {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Help users use markselection to safely style text background */
|
||||||
|
span.CodeMirror-selectedtext { background: none; }
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* Bootstrap Colorpicker
|
||||||
|
* http://mjolnic.github.io/bootstrap-colorpicker/
|
||||||
|
*
|
||||||
|
* Originally written by (c) 2012 Stefan Petre
|
||||||
|
* Licensed under the Apache License v2.0
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.txt
|
||||||
|
*
|
||||||
|
*/.colorpicker-saturation{float:left;width:100px;height:100px;cursor:crosshair;background-image:url("../img/bootstrap-colorpicker/saturation.png")} .colorpicker-saturation i{position:absolute;top:0;left:0;display:block;width:5px;height:5px;margin:-4px 0 0 -4px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .colorpicker-saturation i b{display:block;width:5px;height:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .colorpicker-hue,.colorpicker-alpha{float:left;width:15px;height:100px;margin-bottom:4px;margin-left:4px;cursor:row-resize} .colorpicker-hue i,.colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:100%;height:1px;margin-top:-1px;background:#000;border-top:1px solid #fff} .colorpicker-hue{background-image:url("../img/bootstrap-colorpicker/hue.png")} .colorpicker-alpha{display:none;background-image:url("../img/bootstrap-colorpicker/alpha.png")} .colorpicker{top:0;left:0;z-index:25000!important;min-width:130px;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1} .colorpicker:before,.colorpicker:after{display:table;line-height:0;content:""} .colorpicker:after{clear:both} .colorpicker:before{position:absolute;top:-7px;left:6px;display:inline-block;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,0.2);content:''} .colorpicker:after{position:absolute;top:-6px;left:7px;display:inline-block;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''} .colorpicker div{position:relative} .colorpicker.colorpicker-with-alpha{min-width:140px} .colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block} .colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url("../img/bootstrap-colorpicker/alpha.png");background-position:0 100%} .colorpicker-color div{height:10px} .colorpicker-element .input-group-addon i,.colorpicker-element .add-on i{display:inline-block;width:16px;height:16px;vertical-align:text-top;cursor:pointer} .colorpicker.colorpicker-inline{position:relative;z-index:auto;display:inline-block;float:none} .colorpicker.colorpicker-horizontal{width:110px;height:auto;min-width:110px} .colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px} .colorpicker.colorpicker-horizontal .colorpicker-color{width:100px} .colorpicker.colorpicker-horizontal .colorpicker-hue,.colorpicker.colorpicker-horizontal .colorpicker-alpha{float:left;width:100px;height:15px;margin-bottom:4px;margin-left:0;cursor:col-resize} .colorpicker.colorpicker-horizontal .colorpicker-hue i,.colorpicker.colorpicker-horizontal .colorpicker-alpha i{position:absolute;top:0;left:0;display:block;width:1px;height:15px;margin-top:0;background:#fff;border:0} .colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url("../img/bootstrap-colorpicker/hue-horizontal.png")} .colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url("../img/bootstrap-colorpicker/alpha-horizontal.png")} .colorpicker.colorpicker-hidden{display:none} .colorpicker.colorpicker-visible{display:block} .colorpicker-inline.colorpicker-visible{display:inline-block}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
|
|
@ -0,0 +1,9 @@
|
||||||
|
/*!
|
||||||
|
* Cropper v0.7.6-beta
|
||||||
|
* https://github.com/fengyuanchen/cropper
|
||||||
|
*
|
||||||
|
* Copyright 2014 Fengyuan Chen
|
||||||
|
* Released under the MIT license
|
||||||
|
*/
|
||||||
|
|
||||||
|
.cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container img{width:100%;height:100%;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important}.cropper-modal,.cropper-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-canvas{background-color:#fff;opacity:0;filter:alpha(opacity=0)}.cropper-modal{background-color:#000;opacity:.5;filter:alpha(opacity=50)}.cropper-dragger{position:absolute;top:10%;left:10%;width:80%;height:80%}.cropper-viewer{display:block;width:100%;height:100%;overflow:hidden;outline-width:1px;outline-style:solid;outline-color:#69f;outline-color:rgba(51,102,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #fff;opacity:.5;filter:alpha(opacity=50)}.cropper-dashed.dashed-h{top:33.3%;left:0;width:100%;height:33.3%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.3%;width:33.3%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;cursor:move;background-color:#fff}.cropper-line{background-color:#69f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;background-color:#69f;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";background-color:#69f;opacity:0;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-hidden{display:none!important}.cropper-invisible{position:fixed;top:0;left:0;z-index:-1;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;opacity:0;filter:alpha(opacity=0)}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-canvas,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
|
||||||
|
|
@ -0,0 +1,231 @@
|
||||||
|
div.dataTables_length label {
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_length select {
|
||||||
|
width: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_filter label {
|
||||||
|
float: right;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_filter input {
|
||||||
|
width: 16em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_info {
|
||||||
|
padding-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_paginate {
|
||||||
|
float: right;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_paginate ul.pagination {
|
||||||
|
margin: 2px 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable,
|
||||||
|
table.dataTable td,
|
||||||
|
table.dataTable th {
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable {
|
||||||
|
clear: both;
|
||||||
|
margin-top: 6px !important;
|
||||||
|
margin-bottom: 6px !important;
|
||||||
|
max-width: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable thead .sorting,
|
||||||
|
table.dataTable thead .sorting_asc,
|
||||||
|
table.dataTable thead .sorting_desc,
|
||||||
|
table.dataTable thead .sorting_asc_disabled,
|
||||||
|
table.dataTable thead .sorting_desc_disabled {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable thead .sorting {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable thead .sorting_asc {
|
||||||
|
background: url('../images/sort_asc.png') no-repeat center right;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable thead .sorting_desc {
|
||||||
|
background: url('../images/sort_desc.png') no-repeat center right;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable thead .sorting_asc_disabled {
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable thead .sorting_desc_disabled {
|
||||||
|
}
|
||||||
|
|
||||||
|
table.dataTable th:active {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrolling */
|
||||||
|
|
||||||
|
div.dataTables_scrollHead table {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_scrollHead table thead tr:last-child th:first-child,
|
||||||
|
div.dataTables_scrollHead table thead tr:last-child td:first-child {
|
||||||
|
border-bottom-left-radius: 0 !important;
|
||||||
|
border-bottom-right-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_scrollBody table {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_scrollBody tbody tr:first-child th,
|
||||||
|
div.dataTables_scrollBody tbody tr:first-child td {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.dataTables_scrollFoot table {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* TableTools styles
|
||||||
|
*/
|
||||||
|
|
||||||
|
.table tbody tr.active td,
|
||||||
|
.table tbody tr.active th {
|
||||||
|
color: white;
|
||||||
|
background-color: #08C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table tbody tr.active:hover td,
|
||||||
|
.table tbody tr.active:hover th {
|
||||||
|
background-color: #0075b0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table tbody tr.active a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-striped tbody tr.active:nth-child(odd) td,
|
||||||
|
.table-striped tbody tr.active:nth-child(odd) th {
|
||||||
|
background-color: #017ebc;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.DTTT_selectable tbody tr {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTTT .btn {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #333 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTTT .btn:hover {
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.DTTT_dropdown.dropdown-menu {
|
||||||
|
z-index: 2003;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.DTTT_dropdown.dropdown-menu a {
|
||||||
|
color: #333 !important; /* needed only when demo_page.css is included */
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.DTTT_dropdown.dropdown-menu li {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.DTTT_dropdown.dropdown-menu li:hover a {
|
||||||
|
color: white !important;
|
||||||
|
background-color: #0088cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTTT_collection_background {
|
||||||
|
z-index: 2002;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TableTools information display */
|
||||||
|
|
||||||
|
div.DTTT_print_info.modal {
|
||||||
|
height: 150px;
|
||||||
|
margin-top: -75px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTTT_print_info h6 {
|
||||||
|
margin: 1em;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTTT_print_info p {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* FixedColumns styles
|
||||||
|
*/
|
||||||
|
|
||||||
|
div.DTFC_LeftHeadWrapper table,
|
||||||
|
div.DTFC_LeftFootWrapper table,
|
||||||
|
div.DTFC_RightHeadWrapper table,
|
||||||
|
div.DTFC_RightFootWrapper table,
|
||||||
|
table.DTFC_Cloned tr.even {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTFC_RightHeadWrapper table,
|
||||||
|
div.DTFC_LeftHeadWrapper table {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
border-top-right-radius: 0 !important;
|
||||||
|
border-bottom-left-radius: 0 !important;
|
||||||
|
border-bottom-right-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
|
||||||
|
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
|
||||||
|
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
||||||
|
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
||||||
|
border-bottom-left-radius: 0 !important;
|
||||||
|
border-bottom-right-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTFC_RightBodyWrapper table,
|
||||||
|
div.DTFC_LeftBodyWrapper table {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTFC_RightBodyWrapper tbody tr:first-child th,
|
||||||
|
div.DTFC_RightBodyWrapper tbody tr:first-child td,
|
||||||
|
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
||||||
|
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.DTFC_RightFootWrapper table,
|
||||||
|
div.DTFC_LeftFootWrapper table {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,789 @@
|
||||||
|
/*!
|
||||||
|
* Datepicker for Bootstrap
|
||||||
|
*
|
||||||
|
* Copyright 2012 Stefan Petre
|
||||||
|
* Improvements by Andrew Rowls
|
||||||
|
* Licensed under the Apache License v2.0
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
.datepicker {
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
direction: ltr;
|
||||||
|
/*.dow {
|
||||||
|
border-top: 1px solid #ddd !important;
|
||||||
|
}*/
|
||||||
|
}
|
||||||
|
.datepicker-inline {
|
||||||
|
width: 220px;
|
||||||
|
}
|
||||||
|
.datepicker.datepicker-rtl {
|
||||||
|
direction: rtl;
|
||||||
|
}
|
||||||
|
.datepicker.datepicker-rtl table tr td span {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 7px solid transparent;
|
||||||
|
border-right: 7px solid transparent;
|
||||||
|
border-bottom: 7px solid #ccc;
|
||||||
|
border-top: 0;
|
||||||
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown:after {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
border-left: 6px solid transparent;
|
||||||
|
border-right: 6px solid transparent;
|
||||||
|
border-bottom: 6px solid #fff;
|
||||||
|
border-top: 0;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:before {
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-left:after {
|
||||||
|
left: 7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:before {
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-right:after {
|
||||||
|
right: 7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:before {
|
||||||
|
top: -7px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-top:after {
|
||||||
|
top: -6px;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||||||
|
bottom: -7px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 7px solid #999;
|
||||||
|
}
|
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||||||
|
bottom: -6px;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 6px solid #fff;
|
||||||
|
}
|
||||||
|
.datepicker > div {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.datepicker.days div.datepicker-days {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.datepicker.months div.datepicker-months {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.datepicker.years div.datepicker-years {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.datepicker table {
|
||||||
|
margin: 0;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.datepicker table tr td,
|
||||||
|
.datepicker table tr th {
|
||||||
|
text-align: center;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.table-striped .datepicker table tr td,
|
||||||
|
.table-striped .datepicker table tr th {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.day:hover,
|
||||||
|
.datepicker table tr td.day.focused {
|
||||||
|
background: #eeeeee;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.old,
|
||||||
|
.datepicker table tr td.new {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.disabled,
|
||||||
|
.datepicker table tr td.disabled:hover {
|
||||||
|
background: none;
|
||||||
|
color: #999999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today,
|
||||||
|
.datepicker table tr td.today:hover,
|
||||||
|
.datepicker table tr td.today.disabled,
|
||||||
|
.datepicker table tr td.today.disabled:hover {
|
||||||
|
color: #000000;
|
||||||
|
background-color: #ffdb99;
|
||||||
|
border-color: #ffb733;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today:hover,
|
||||||
|
.datepicker table tr td.today:hover:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.today:focus,
|
||||||
|
.datepicker table tr td.today:hover:focus,
|
||||||
|
.datepicker table tr td.today.disabled:focus,
|
||||||
|
.datepicker table tr td.today.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.today:active,
|
||||||
|
.datepicker table tr td.today:hover:active,
|
||||||
|
.datepicker table tr td.today.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.today.active,
|
||||||
|
.datepicker table tr td.today:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
|
||||||
|
color: #000000;
|
||||||
|
background-color: #ffcd70;
|
||||||
|
border-color: #f59e00;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today:active,
|
||||||
|
.datepicker table tr td.today:hover:active,
|
||||||
|
.datepicker table tr td.today.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.today.active,
|
||||||
|
.datepicker table tr td.today:hover.active,
|
||||||
|
.datepicker table tr td.today.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today.disabled,
|
||||||
|
.datepicker table tr td.today:hover.disabled,
|
||||||
|
.datepicker table tr td.today.disabled.disabled,
|
||||||
|
.datepicker table tr td.today.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.today[disabled],
|
||||||
|
.datepicker table tr td.today:hover[disabled],
|
||||||
|
.datepicker table tr td.today.disabled[disabled],
|
||||||
|
.datepicker table tr td.today.disabled:hover[disabled],
|
||||||
|
fieldset[disabled] .datepicker table tr td.today,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover,
|
||||||
|
.datepicker table tr td.today:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.today.disabled.disabled:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.today[disabled]:hover,
|
||||||
|
.datepicker table tr td.today:hover[disabled]:hover,
|
||||||
|
.datepicker table tr td.today.disabled[disabled]:hover,
|
||||||
|
.datepicker table tr td.today.disabled:hover[disabled]:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:hover:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.today.disabled:focus,
|
||||||
|
.datepicker table tr td.today:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.today.disabled.disabled:focus,
|
||||||
|
.datepicker table tr td.today.disabled:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.today[disabled]:focus,
|
||||||
|
.datepicker table tr td.today:hover[disabled]:focus,
|
||||||
|
.datepicker table tr td.today.disabled[disabled]:focus,
|
||||||
|
.datepicker table tr td.today.disabled:hover[disabled]:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:hover:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.today.disabled:active,
|
||||||
|
.datepicker table tr td.today:hover.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled.disabled:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.disabled:active,
|
||||||
|
.datepicker table tr td.today[disabled]:active,
|
||||||
|
.datepicker table tr td.today:hover[disabled]:active,
|
||||||
|
.datepicker table tr td.today.disabled[disabled]:active,
|
||||||
|
.datepicker table tr td.today.disabled:hover[disabled]:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:hover:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.today.disabled.active,
|
||||||
|
.datepicker table tr td.today:hover.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled.disabled.active,
|
||||||
|
.datepicker table tr td.today.disabled:hover.disabled.active,
|
||||||
|
.datepicker table tr td.today[disabled].active,
|
||||||
|
.datepicker table tr td.today:hover[disabled].active,
|
||||||
|
.datepicker table tr td.today.disabled[disabled].active,
|
||||||
|
.datepicker table tr td.today.disabled:hover[disabled].active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today:hover.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
|
||||||
|
background-color: #ffdb99;
|
||||||
|
border-color: #ffb733;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today:hover:hover {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.today.active:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range,
|
||||||
|
.datepicker table tr td.range:hover,
|
||||||
|
.datepicker table tr td.range.disabled,
|
||||||
|
.datepicker table tr td.range.disabled:hover {
|
||||||
|
background: #eeeeee;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today,
|
||||||
|
.datepicker table tr td.range.today:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover {
|
||||||
|
color: #000000;
|
||||||
|
background-color: #f7ca77;
|
||||||
|
border-color: #f1a417;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today:hover,
|
||||||
|
.datepicker table tr td.range.today:hover:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.range.today:focus,
|
||||||
|
.datepicker table tr td.range.today:hover:focus,
|
||||||
|
.datepicker table tr td.range.today.disabled:focus,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
|
||||||
|
color: #000000;
|
||||||
|
background-color: #f4bb51;
|
||||||
|
border-color: #bf800c;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today:active,
|
||||||
|
.datepicker table tr td.range.today:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.active,
|
||||||
|
.datepicker table tr td.range.today:hover.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.range.today.disabled,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.range.today[disabled],
|
||||||
|
.datepicker table tr td.range.today:hover[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled],
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled],
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.range.today[disabled]:hover,
|
||||||
|
.datepicker table tr td.range.today:hover[disabled]:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled]:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.range.today.disabled:focus,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled:focus,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.range.today[disabled]:focus,
|
||||||
|
.datepicker table tr td.range.today:hover[disabled]:focus,
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled]:focus,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.range.today.disabled:active,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled:active,
|
||||||
|
.datepicker table tr td.range.today[disabled]:active,
|
||||||
|
.datepicker table tr td.range.today:hover[disabled]:active,
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled]:active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
|
||||||
|
.datepicker table tr td.range.today.disabled.active,
|
||||||
|
.datepicker table tr td.range.today:hover.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled.disabled.active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled.active,
|
||||||
|
.datepicker table tr td.range.today[disabled].active,
|
||||||
|
.datepicker table tr td.range.today:hover[disabled].active,
|
||||||
|
.datepicker table tr td.range.today.disabled[disabled].active,
|
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled].active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
|
||||||
|
background-color: #f7ca77;
|
||||||
|
border-color: #f1a417;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected,
|
||||||
|
.datepicker table tr td.selected:hover,
|
||||||
|
.datepicker table tr td.selected.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #999999;
|
||||||
|
border-color: #555555;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected:hover,
|
||||||
|
.datepicker table tr td.selected:hover:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.selected:focus,
|
||||||
|
.datepicker table tr td.selected:hover:focus,
|
||||||
|
.datepicker table tr td.selected.disabled:focus,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.selected:active,
|
||||||
|
.datepicker table tr td.selected:hover:active,
|
||||||
|
.datepicker table tr td.selected.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
|
.datepicker table tr td.selected.active,
|
||||||
|
.datepicker table tr td.selected:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #858585;
|
||||||
|
border-color: #373737;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected:active,
|
||||||
|
.datepicker table tr td.selected:hover:active,
|
||||||
|
.datepicker table tr td.selected.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover:active,
|
||||||
|
.datepicker table tr td.selected.active,
|
||||||
|
.datepicker table tr td.selected:hover.active,
|
||||||
|
.datepicker table tr td.selected.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.selected.disabled,
|
||||||
|
.datepicker table tr td.selected:hover.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled.disabled,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.selected[disabled],
|
||||||
|
.datepicker table tr td.selected:hover[disabled],
|
||||||
|
.datepicker table tr td.selected.disabled[disabled],
|
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled],
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover,
|
||||||
|
.datepicker table tr td.selected:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.selected.disabled.disabled:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.selected[disabled]:hover,
|
||||||
|
.datepicker table tr td.selected:hover[disabled]:hover,
|
||||||
|
.datepicker table tr td.selected.disabled[disabled]:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.selected.disabled:focus,
|
||||||
|
.datepicker table tr td.selected:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.selected.disabled.disabled:focus,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.selected[disabled]:focus,
|
||||||
|
.datepicker table tr td.selected:hover[disabled]:focus,
|
||||||
|
.datepicker table tr td.selected.disabled[disabled]:focus,
|
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.selected.disabled:active,
|
||||||
|
.datepicker table tr td.selected:hover.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled.disabled:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled:active,
|
||||||
|
.datepicker table tr td.selected[disabled]:active,
|
||||||
|
.datepicker table tr td.selected:hover[disabled]:active,
|
||||||
|
.datepicker table tr td.selected.disabled[disabled]:active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled]:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:hover:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
|
||||||
|
.datepicker table tr td.selected.disabled.active,
|
||||||
|
.datepicker table tr td.selected:hover.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled.disabled.active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled.active,
|
||||||
|
.datepicker table tr td.selected[disabled].active,
|
||||||
|
.datepicker table tr td.selected:hover[disabled].active,
|
||||||
|
.datepicker table tr td.selected.disabled[disabled].active,
|
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled].active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected:hover.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
|
||||||
|
background-color: #999999;
|
||||||
|
border-color: #555555;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.active,
|
||||||
|
.datepicker table tr td.active:hover,
|
||||||
|
.datepicker table tr td.active.disabled,
|
||||||
|
.datepicker table tr td.active.disabled:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #428bca;
|
||||||
|
border-color: #357ebd;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.datepicker table tr td.active:hover,
|
||||||
|
.datepicker table tr td.active:hover:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.active:focus,
|
||||||
|
.datepicker table tr td.active:hover:focus,
|
||||||
|
.datepicker table tr td.active.disabled:focus,
|
||||||
|
.datepicker table tr td.active.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.active:active,
|
||||||
|
.datepicker table tr td.active:hover:active,
|
||||||
|
.datepicker table tr td.active.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td.active.active,
|
||||||
|
.datepicker table tr td.active:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #3276b1;
|
||||||
|
border-color: #285e8e;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.active:active,
|
||||||
|
.datepicker table tr td.active:hover:active,
|
||||||
|
.datepicker table tr td.active.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td.active.active,
|
||||||
|
.datepicker table tr td.active:hover.active,
|
||||||
|
.datepicker table tr td.active.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.datepicker table tr td.active.disabled,
|
||||||
|
.datepicker table tr td.active:hover.disabled,
|
||||||
|
.datepicker table tr td.active.disabled.disabled,
|
||||||
|
.datepicker table tr td.active.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td.active[disabled],
|
||||||
|
.datepicker table tr td.active:hover[disabled],
|
||||||
|
.datepicker table tr td.active.disabled[disabled],
|
||||||
|
.datepicker table tr td.active.disabled:hover[disabled],
|
||||||
|
fieldset[disabled] .datepicker table tr td.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover,
|
||||||
|
.datepicker table tr td.active:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.active.disabled.disabled:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover.disabled:hover,
|
||||||
|
.datepicker table tr td.active[disabled]:hover,
|
||||||
|
.datepicker table tr td.active:hover[disabled]:hover,
|
||||||
|
.datepicker table tr td.active.disabled[disabled]:hover,
|
||||||
|
.datepicker table tr td.active.disabled:hover[disabled]:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:hover:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td.active.disabled:focus,
|
||||||
|
.datepicker table tr td.active:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.active.disabled.disabled:focus,
|
||||||
|
.datepicker table tr td.active.disabled:hover.disabled:focus,
|
||||||
|
.datepicker table tr td.active[disabled]:focus,
|
||||||
|
.datepicker table tr td.active:hover[disabled]:focus,
|
||||||
|
.datepicker table tr td.active.disabled[disabled]:focus,
|
||||||
|
.datepicker table tr td.active.disabled:hover[disabled]:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:hover:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
|
||||||
|
.datepicker table tr td.active.disabled:active,
|
||||||
|
.datepicker table tr td.active:hover.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled.disabled:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.disabled:active,
|
||||||
|
.datepicker table tr td.active[disabled]:active,
|
||||||
|
.datepicker table tr td.active:hover[disabled]:active,
|
||||||
|
.datepicker table tr td.active.disabled[disabled]:active,
|
||||||
|
.datepicker table tr td.active.disabled:hover[disabled]:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:hover:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td.active.disabled.active,
|
||||||
|
.datepicker table tr td.active:hover.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled.disabled.active,
|
||||||
|
.datepicker table tr td.active.disabled:hover.disabled.active,
|
||||||
|
.datepicker table tr td.active[disabled].active,
|
||||||
|
.datepicker table tr td.active:hover[disabled].active,
|
||||||
|
.datepicker table tr td.active.disabled[disabled].active,
|
||||||
|
.datepicker table tr td.active.disabled:hover[disabled].active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active:hover.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
|
||||||
|
background-color: #428bca;
|
||||||
|
border-color: #357ebd;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span {
|
||||||
|
display: block;
|
||||||
|
width: 23%;
|
||||||
|
height: 54px;
|
||||||
|
line-height: 54px;
|
||||||
|
float: left;
|
||||||
|
margin: 1%;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span:hover {
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.disabled,
|
||||||
|
.datepicker table tr td span.disabled:hover {
|
||||||
|
background: none;
|
||||||
|
color: #999999;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.active,
|
||||||
|
.datepicker table tr td span.active:hover,
|
||||||
|
.datepicker table tr td span.active.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #428bca;
|
||||||
|
border-color: #357ebd;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.active:hover,
|
||||||
|
.datepicker table tr td span.active:hover:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td span.active:focus,
|
||||||
|
.datepicker table tr td span.active:hover:focus,
|
||||||
|
.datepicker table tr td span.active.disabled:focus,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:focus,
|
||||||
|
.datepicker table tr td span.active:active,
|
||||||
|
.datepicker table tr td span.active:hover:active,
|
||||||
|
.datepicker table tr td span.active.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td span.active.active,
|
||||||
|
.datepicker table tr td span.active:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #3276b1;
|
||||||
|
border-color: #285e8e;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.active:active,
|
||||||
|
.datepicker table tr td span.active:hover:active,
|
||||||
|
.datepicker table tr td span.active.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td span.active.active,
|
||||||
|
.datepicker table tr td span.active:hover.active,
|
||||||
|
.datepicker table tr td span.active.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active:hover,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
|
||||||
|
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.active.disabled,
|
||||||
|
.datepicker table tr td span.active:hover.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled.disabled,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||||
|
.datepicker table tr td span.active[disabled],
|
||||||
|
.datepicker table tr td span.active:hover[disabled],
|
||||||
|
.datepicker table tr td span.active.disabled[disabled],
|
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled],
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover,
|
||||||
|
.datepicker table tr td span.active:hover.disabled:hover,
|
||||||
|
.datepicker table tr td span.active.disabled.disabled:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled:hover,
|
||||||
|
.datepicker table tr td span.active[disabled]:hover,
|
||||||
|
.datepicker table tr td span.active:hover[disabled]:hover,
|
||||||
|
.datepicker table tr td span.active.disabled[disabled]:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
|
||||||
|
.datepicker table tr td span.active.disabled:focus,
|
||||||
|
.datepicker table tr td span.active:hover.disabled:focus,
|
||||||
|
.datepicker table tr td span.active.disabled.disabled:focus,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled:focus,
|
||||||
|
.datepicker table tr td span.active[disabled]:focus,
|
||||||
|
.datepicker table tr td span.active:hover[disabled]:focus,
|
||||||
|
.datepicker table tr td span.active.disabled[disabled]:focus,
|
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
|
||||||
|
.datepicker table tr td span.active.disabled:active,
|
||||||
|
.datepicker table tr td span.active:hover.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled.disabled:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled:active,
|
||||||
|
.datepicker table tr td span.active[disabled]:active,
|
||||||
|
.datepicker table tr td span.active:hover[disabled]:active,
|
||||||
|
.datepicker table tr td span.active.disabled[disabled]:active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled]:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:hover:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
|
||||||
|
.datepicker table tr td span.active.disabled.active,
|
||||||
|
.datepicker table tr td span.active:hover.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled.disabled.active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled.active,
|
||||||
|
.datepicker table tr td span.active[disabled].active,
|
||||||
|
.datepicker table tr td span.active:hover[disabled].active,
|
||||||
|
.datepicker table tr td span.active.disabled[disabled].active,
|
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled].active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active:hover.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
|
||||||
|
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
|
||||||
|
background-color: #428bca;
|
||||||
|
border-color: #357ebd;
|
||||||
|
}
|
||||||
|
.datepicker table tr td span.old,
|
||||||
|
.datepicker table tr td span.new {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.datepicker th.datepicker-switch {
|
||||||
|
width: 145px;
|
||||||
|
}
|
||||||
|
.datepicker thead tr:first-child th,
|
||||||
|
.datepicker tfoot tr th {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.datepicker thead tr:first-child th:hover,
|
||||||
|
.datepicker tfoot tr th:hover {
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
.datepicker .cw {
|
||||||
|
font-size: 10px;
|
||||||
|
width: 12px;
|
||||||
|
padding: 0 2px 0 5px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.datepicker thead tr:first-child th.cw {
|
||||||
|
cursor: default;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.input-group.date .input-group-addon i {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
.input-daterange input {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.input-daterange input:first-child {
|
||||||
|
border-radius: 3px 0 0 3px;
|
||||||
|
}
|
||||||
|
.input-daterange input:last-child {
|
||||||
|
border-radius: 0 3px 3px 0;
|
||||||
|
}
|
||||||
|
.input-daterange .input-group-addon {
|
||||||
|
width: auto;
|
||||||
|
min-width: 16px;
|
||||||
|
padding: 4px 5px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 1.428571429;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 1px 0 #fff;
|
||||||
|
vertical-align: middle;
|
||||||
|
background-color: #eeeeee;
|
||||||
|
border-width: 1px 0;
|
||||||
|
margin-left: -5px;
|
||||||
|
margin-right: -5px;
|
||||||
|
}
|
||||||
|
.datepicker.dropdown-menu {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
float: left;
|
||||||
|
display: none;
|
||||||
|
min-width: 160px;
|
||||||
|
list-style: none;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
border-radius: 5px;
|
||||||
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
-webkit-background-clip: padding-box;
|
||||||
|
-moz-background-clip: padding;
|
||||||
|
background-clip: padding-box;
|
||||||
|
*border-right-width: 2px;
|
||||||
|
*border-bottom-width: 2px;
|
||||||
|
color: #333333;
|
||||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.428571429;
|
||||||
|
}
|
||||||
|
.datepicker.dropdown-menu th,
|
||||||
|
.datepicker.dropdown-menu td {
|
||||||
|
padding: 4px 5px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,155 @@
|
||||||
|
/* The MIT License */
|
||||||
|
.dropzone,
|
||||||
|
.dropzone *,
|
||||||
|
.dropzone-previews,
|
||||||
|
.dropzone-previews * {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.dropzone {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid rgba(0,0,0,0.08);
|
||||||
|
background: rgba(0,0,0,0.02);
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.dropzone.dz-clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.dropzone.dz-clickable .dz-message,
|
||||||
|
.dropzone.dz-clickable .dz-message span {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.dropzone.dz-clickable * {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.dropzone .dz-message {
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: none;
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.dropzone.dz-drag-hover {
|
||||||
|
border-color: rgba(0,0,0,0.15);
|
||||||
|
background: rgba(0,0,0,0.04);
|
||||||
|
}
|
||||||
|
.dropzone.dz-started .dz-message {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview,
|
||||||
|
.dropzone-previews .dz-preview {
|
||||||
|
background: rgba(255,255,255,0.8);
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 17px;
|
||||||
|
vertical-align: top;
|
||||||
|
border: 1px solid #acacac;
|
||||||
|
padding: 6px 6px 6px 6px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
|
||||||
|
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details,
|
||||||
|
.dropzone-previews .dz-preview .dz-details {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
position: relative;
|
||||||
|
background: #ebebeb;
|
||||||
|
padding: 5px;
|
||||||
|
margin-bottom: 22px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details .dz-filename,
|
||||||
|
.dropzone-previews .dz-preview .dz-details .dz-filename {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details img,
|
||||||
|
.dropzone-previews .dz-preview .dz-details img {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details .dz-size,
|
||||||
|
.dropzone-previews .dz-preview .dz-details .dz-size {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -28px;
|
||||||
|
left: 3px;
|
||||||
|
height: 28px;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-error .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-success .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview:hover .dz-details img,
|
||||||
|
.dropzone-previews .dz-preview:hover .dz-details img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark,
|
||||||
|
.dropzone .dz-preview .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 30px;
|
||||||
|
text-align: center;
|
||||||
|
right: -10px;
|
||||||
|
top: -10px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark {
|
||||||
|
color: #8cc657;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark {
|
||||||
|
color: #ee162d;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-progress,
|
||||||
|
.dropzone-previews .dz-preview .dz-progress {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
left: 6px;
|
||||||
|
right: 6px;
|
||||||
|
height: 6px;
|
||||||
|
background: #d7d7d7;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-progress .dz-upload,
|
||||||
|
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 0%;
|
||||||
|
background-color: #8cc657;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-processing .dz-progress,
|
||||||
|
.dropzone-previews .dz-preview.dz-processing .dz-progress {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-message,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-message {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: -5px;
|
||||||
|
left: -20px;
|
||||||
|
background: rgba(245,245,245,0.8);
|
||||||
|
padding: 8px 10px;
|
||||||
|
color: #800;
|
||||||
|
min-width: 140px;
|
||||||
|
max-width: 500px;
|
||||||
|
z-index: 500;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview:hover.dz-error .dz-error-message,
|
||||||
|
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,410 @@
|
||||||
|
/* The MIT License */
|
||||||
|
.dropzone,
|
||||||
|
.dropzone *,
|
||||||
|
.dropzone-previews,
|
||||||
|
.dropzone-previews * {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.dropzone {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid rgba(0,0,0,0.08);
|
||||||
|
background: rgba(0,0,0,0.02);
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
.dropzone.dz-clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.dropzone.dz-clickable .dz-message,
|
||||||
|
.dropzone.dz-clickable .dz-message span {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.dropzone.dz-clickable * {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.dropzone .dz-message {
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: none;
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.dropzone.dz-drag-hover {
|
||||||
|
border-color: rgba(0,0,0,0.15);
|
||||||
|
background: rgba(0,0,0,0.04);
|
||||||
|
}
|
||||||
|
.dropzone.dz-started .dz-message {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview,
|
||||||
|
.dropzone-previews .dz-preview {
|
||||||
|
background: rgba(255,255,255,0.8);
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 17px;
|
||||||
|
vertical-align: top;
|
||||||
|
border: 1px solid #acacac;
|
||||||
|
padding: 6px 6px 6px 6px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
|
||||||
|
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details,
|
||||||
|
.dropzone-previews .dz-preview .dz-details {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
position: relative;
|
||||||
|
background: #ebebeb;
|
||||||
|
padding: 5px;
|
||||||
|
margin-bottom: 22px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details .dz-filename,
|
||||||
|
.dropzone-previews .dz-preview .dz-details .dz-filename {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details img,
|
||||||
|
.dropzone-previews .dz-preview .dz-details img {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-details .dz-size,
|
||||||
|
.dropzone-previews .dz-preview .dz-details .dz-size {
|
||||||
|
position: absolute;
|
||||||
|
bottom: -28px;
|
||||||
|
left: 3px;
|
||||||
|
height: 28px;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-error .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-success .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview:hover .dz-details img,
|
||||||
|
.dropzone-previews .dz-preview:hover .dz-details img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark,
|
||||||
|
.dropzone .dz-preview .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 30px;
|
||||||
|
text-align: center;
|
||||||
|
right: -10px;
|
||||||
|
top: -10px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark {
|
||||||
|
color: #8cc657;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark {
|
||||||
|
color: #ee162d;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-progress,
|
||||||
|
.dropzone-previews .dz-preview .dz-progress {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
left: 6px;
|
||||||
|
right: 6px;
|
||||||
|
height: 6px;
|
||||||
|
background: #d7d7d7;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-progress .dz-upload,
|
||||||
|
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 0%;
|
||||||
|
background-color: #8cc657;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-processing .dz-progress,
|
||||||
|
.dropzone-previews .dz-preview.dz-processing .dz-progress {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-message,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-message {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: -5px;
|
||||||
|
left: -20px;
|
||||||
|
background: rgba(245,245,245,0.8);
|
||||||
|
padding: 8px 10px;
|
||||||
|
color: #800;
|
||||||
|
min-width: 140px;
|
||||||
|
max-width: 500px;
|
||||||
|
z-index: 500;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview:hover.dz-error .dz-error-message,
|
||||||
|
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.dropzone {
|
||||||
|
border: 1px solid rgba(0,0,0,0.03);
|
||||||
|
min-height: 360px;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: rgba(0,0,0,0.03);
|
||||||
|
padding: 23px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-default.dz-message {
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: none;
|
||||||
|
filter: none;
|
||||||
|
-webkit-transition: opacity 0.3s ease-in-out;
|
||||||
|
-moz-transition: opacity 0.3s ease-in-out;
|
||||||
|
-o-transition: opacity 0.3s ease-in-out;
|
||||||
|
-ms-transition: opacity 0.3s ease-in-out;
|
||||||
|
transition: opacity 0.3s ease-in-out;
|
||||||
|
background-image: url("../images/spritemap.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 0 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 428px;
|
||||||
|
height: 123px;
|
||||||
|
margin-left: -214px;
|
||||||
|
margin-top: -61.5px;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
}
|
||||||
|
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
|
||||||
|
.dropzone .dz-default.dz-message {
|
||||||
|
background-image: url("../images/spritemap@2x.png");
|
||||||
|
-webkit-background-size: 428px 406px;
|
||||||
|
-moz-background-size: 428px 406px;
|
||||||
|
background-size: 428px 406px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dropzone .dz-default.dz-message span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone.dz-square .dz-default.dz-message {
|
||||||
|
background-position: 0 -123px;
|
||||||
|
width: 268px;
|
||||||
|
margin-left: -134px;
|
||||||
|
height: 174px;
|
||||||
|
margin-top: -87px;
|
||||||
|
}
|
||||||
|
.dropzone.dz-drag-hover .dz-message {
|
||||||
|
opacity: 0.15;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
|
||||||
|
filter: alpha(opacity=15);
|
||||||
|
}
|
||||||
|
.dropzone.dz-started .dz-message {
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||||
|
filter: alpha(opacity=0);
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview,
|
||||||
|
.dropzone-previews .dz-preview {
|
||||||
|
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||||
|
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
|
||||||
|
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
|
||||||
|
display: block;
|
||||||
|
opacity: 0.1;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
|
||||||
|
filter: alpha(opacity=10);
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-success .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: none;
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-error .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: none;
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
|
||||||
|
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
|
||||||
|
background: #ee1e2d;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark,
|
||||||
|
.dropzone .dz-preview .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark {
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||||
|
filter: alpha(opacity=0);
|
||||||
|
-webkit-transition: opacity 0.4s ease-in-out;
|
||||||
|
-moz-transition: opacity 0.4s ease-in-out;
|
||||||
|
-o-transition: opacity 0.4s ease-in-out;
|
||||||
|
-ms-transition: opacity 0.4s ease-in-out;
|
||||||
|
transition: opacity 0.4s ease-in-out;
|
||||||
|
background-image: url("../images/spritemap.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
|
||||||
|
.dropzone .dz-preview .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark,
|
||||||
|
.dropzone .dz-preview .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark {
|
||||||
|
background-image: url("../images/spritemap@2x.png");
|
||||||
|
-webkit-background-size: 428px 406px;
|
||||||
|
-moz-background-size: 428px 406px;
|
||||||
|
background-size: 428px 406px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-mark span,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark span,
|
||||||
|
.dropzone .dz-preview .dz-success-mark span,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark span {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-mark {
|
||||||
|
background-position: -268px -123px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-success-mark,
|
||||||
|
.dropzone-previews .dz-preview .dz-success-mark {
|
||||||
|
background-position: -268px -163px;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-progress .dz-upload,
|
||||||
|
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
||||||
|
-webkit-animation: loading 0.4s linear infinite;
|
||||||
|
-moz-animation: loading 0.4s linear infinite;
|
||||||
|
-o-animation: loading 0.4s linear infinite;
|
||||||
|
-ms-animation: loading 0.4s linear infinite;
|
||||||
|
animation: loading 0.4s linear infinite;
|
||||||
|
-webkit-transition: width 0.3s ease-in-out;
|
||||||
|
-moz-transition: width 0.3s ease-in-out;
|
||||||
|
-o-transition: width 0.3s ease-in-out;
|
||||||
|
-ms-transition: width 0.3s ease-in-out;
|
||||||
|
transition: width 0.3s ease-in-out;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
border-radius: 2px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 0%;
|
||||||
|
height: 100%;
|
||||||
|
background-image: url("../images/spritemap.png");
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
background-position: 0px -400px;
|
||||||
|
}
|
||||||
|
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
|
||||||
|
.dropzone .dz-preview .dz-progress .dz-upload,
|
||||||
|
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
||||||
|
background-image: url("../images/spritemap@2x.png");
|
||||||
|
-webkit-background-size: 428px 406px;
|
||||||
|
-moz-background-size: 428px 406px;
|
||||||
|
background-size: 428px 406px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview.dz-success .dz-progress,
|
||||||
|
.dropzone-previews .dz-preview.dz-success .dz-progress {
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||||
|
filter: alpha(opacity=0);
|
||||||
|
-webkit-transition: opacity 0.4s ease-in-out;
|
||||||
|
-moz-transition: opacity 0.4s ease-in-out;
|
||||||
|
-o-transition: opacity 0.4s ease-in-out;
|
||||||
|
-ms-transition: opacity 0.4s ease-in-out;
|
||||||
|
transition: opacity 0.4s ease-in-out;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview .dz-error-message,
|
||||||
|
.dropzone-previews .dz-preview .dz-error-message {
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||||
|
filter: alpha(opacity=0);
|
||||||
|
-webkit-transition: opacity 0.3s ease-in-out;
|
||||||
|
-moz-transition: opacity 0.3s ease-in-out;
|
||||||
|
-o-transition: opacity 0.3s ease-in-out;
|
||||||
|
-ms-transition: opacity 0.3s ease-in-out;
|
||||||
|
transition: opacity 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
.dropzone .dz-preview:hover.dz-error .dz-error-message,
|
||||||
|
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: none;
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.dropzone a.dz-remove,
|
||||||
|
.dropzone-previews a.dz-remove {
|
||||||
|
background-image: -webkit-linear-gradient(top, #fafafa, #eee);
|
||||||
|
background-image: -moz-linear-gradient(top, #fafafa, #eee);
|
||||||
|
background-image: -o-linear-gradient(top, #fafafa, #eee);
|
||||||
|
background-image: -ms-linear-gradient(top, #fafafa, #eee);
|
||||||
|
background-image: linear-gradient(to bottom, #fafafa, #eee);
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
border-radius: 2px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
padding: 4px 5px;
|
||||||
|
text-align: center;
|
||||||
|
color: #aaa;
|
||||||
|
margin-top: 26px;
|
||||||
|
}
|
||||||
|
.dropzone a.dz-remove:hover,
|
||||||
|
.dropzone-previews a.dz-remove:hover {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
@-moz-keyframes loading {
|
||||||
|
0% {
|
||||||
|
background-position: 0 -400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-position: -7px -400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes loading {
|
||||||
|
0% {
|
||||||
|
background-position: 0 -400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-position: -7px -400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-o-keyframes loading {
|
||||||
|
0% {
|
||||||
|
background-position: 0 -400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-position: -7px -400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-ms-keyframes loading {
|
||||||
|
0% {
|
||||||
|
background-position: 0 -400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-position: -7px -400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes loading {
|
||||||
|
0% {
|
||||||
|
background-position: 0 -400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-position: -7px -400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
.bootstrap-duallistbox-container .buttons {
|
||||||
|
width:calc(100% + 1px);
|
||||||
|
margin-bottom: -6px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container label {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .info {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .clear1,
|
||||||
|
.bootstrap-duallistbox-container .clear2 {
|
||||||
|
display: none;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .box1.filtered .clear1,
|
||||||
|
.bootstrap-duallistbox-container .box2.filtered .clear2 {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .move,
|
||||||
|
.bootstrap-duallistbox-container .remove {
|
||||||
|
width: 50%;box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .btn-group .btn {
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
.bootstrap-duallistbox-container select {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .moveall,
|
||||||
|
.bootstrap-duallistbox-container .removeall {
|
||||||
|
width: 50%;box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container select {
|
||||||
|
height: 300px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.bootstrap-duallistbox-container select:focus{
|
||||||
|
border-color: #e5e6e7!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .filter {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 31px;margin-bottom:-1px;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container .filter.placeholder {
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container.moveonselect .move,
|
||||||
|
.bootstrap-duallistbox-container.moveonselect .remove {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-duallistbox-container.moveonselect .moveall,
|
||||||
|
.bootstrap-duallistbox-container.moveonselect .removeall {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
Binary file not shown.
|
|
@ -0,0 +1,78 @@
|
||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<metadata>
|
||||||
|
This is a custom SVG font generated by IcoMoon.
|
||||||
|
<iconset grid="16"></iconset>
|
||||||
|
</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="footable" horiz-adv-x="512" >
|
||||||
|
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||||
|
<missing-glyph horiz-adv-x="512" />
|
||||||
|
<glyph class="hidden" unicode="" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
|
||||||
|
<glyph unicode="" d="M 496,288L 320,288 L 320,464 c0,8.836-7.164,16-16,16l-96,0 c-8.836,0-16-7.164-16-16l0-176 L 16,288 c-8.836,0-16-7.164-16-16l0-96
|
||||||
|
c0-8.836, 7.164-16, 16-16l 176,0 l0-176 c0-8.836, 7.164-16, 16-16l 96,0 c 8.836,0, 16,7.164, 16,16L 320,160 l 176,0 c 8.836,0, 16,7.164, 16,16l0,96
|
||||||
|
C 512,280.836, 504.836,288, 496,288z" />
|
||||||
|
<glyph unicode="" d="M0,272l0-96 c0-8.836, 7.164-16, 16-16l 480,0 c 8.836,0, 16,7.164, 16,16l0,96 c0,8.836-7.164,16-16,16L 16,288 C 7.164,288,0,280.836,0,272z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 288,192l0-128 l-64,0 L 224,192 L 96,192 l0,64
|
||||||
|
l 128,0 L 224,384 l 64,0 l0-128 l 128,0 l0-64 L 288,192 z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 416,192L 96,192 l0,64 l 320,0 L 416,192 z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,32
|
||||||
|
c-106.039,0-192,85.961-192,192c0,106.039, 85.961,192, 192,192c 106.039,0, 192-85.961, 192-192C 448,117.961, 362.039,32, 256,32zM 384,192 L 288,192 L 288,96 L 224,96 L 224,192 L 128,192 L 128,256 L 224,256 L 224,352 L 288,352 L 288,256 L 384,256 Z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,32
|
||||||
|
c-106.039,0-192,85.961-192,192c0,106.039, 85.961,192, 192,192c 106.039,0, 192-85.961, 192-192C 448,117.961, 362.039,32, 256,32zM 128,256L 384,256L 384,192L 128,192z" />
|
||||||
|
<glyph unicode="" d="M 256,214.857l0-18.286 q0-4 -2.571-6.571t-6.571-2.571l-64,0 l0-64 q0-4 -2.571-6.571t-6.571-2.571l-18.286,0 q-4,0 -6.571,2.571t-2.571,6.571l0,64 l-64,0 q-4,0 -6.571,2.571t-2.571,6.571l0,18.286 q0,4 2.571,6.571t 6.571,2.571l 64,0 l0,64 q0,4 2.571,6.571t 6.571,2.571l 18.286,0 q 4,0 6.571-2.571t 2.571-6.571l0-64 l 64,0 q 4,0 6.571-2.571t 2.571-6.571zM 292.571,105.143l0,201.143 q0,11.429 -8,19.429t-19.429,8l-201.143,0 q-11.429,0 -19.429-8 t-8-19.429l0-201.143 q0-11.429 8-19.429t 19.429-8l 201.143,0 q 11.429,0 19.429,8t 8,19.429zM 329.143,306.286l0-201.143 q0-26.286 -18.714-45.143t-45.286-18.857l-201.143,0 q-26.571,0 -45.286,18.857t-18.714,45.143l0,201.143 q0,26.571 18.714,45.286t 45.286,18.714l 201.143,0 q 26.571,0 45.286-18.714t 18.714-45.286z" horiz-adv-x="329.143" />
|
||||||
|
<glyph unicode="" d="M 265.143,370.286q 26.571,0 45.286-18.714t 18.714-45.286l0-201.143 q0-26.286 -18.714-45.143t-45.286-18.857l-201.143,0 q-26.571,0 -45.286,18.857t-18.714,45.143l0,201.143 q0,26.571 18.714,45.286t 45.286,18.714l 201.143,0 zM 292.571,105.143l0,201.143 q0,11.429 -8,19.429t-19.429,8l-201.143,0 q-11.429,0 -19.429-8t-8-19.429l0-201.143 q0-11.429 8-19.429t 19.429-8l 201.143,0 q 11.429,0 19.429,8t 8,19.429z M 246.857,224q 4,0 6.571-2.571t 2.571-6.571l0-18.286 q0-4 -2.571-6.571t-6.571-2.571l-164.571,0 q-4,0 -6.571,2.571t-2.571,6.571l0,18.286 q0,4 2.571,6.571t 6.571,2.571l 164.571,0 z" horiz-adv-x="329.143" />
|
||||||
|
<glyph unicode="" d="M 365.714,205.714l0,36.571 q0,7.429 -5.429,12.857t-12.857,5.429l-91.429,0 l0,91.429 q0,7.429 -5.429,12.857t-12.857,5.429l-36.571,0 q-7.429,0 -12.857-5.429t-5.429-12.857l0-91.429 l-91.429,0 q-7.429,0 -12.857-5.429t-5.429-12.857l0-36.571 q0-7.429 5.429-12.857t 12.857-5.429l 91.429,0 l0-91.429 q0-7.429 5.429-12.857t 12.857-5.429l 36.571,0 q 7.429,0 12.857,5.429t 5.429,12.857l0,91.429 l 91.429,0 q 7.429,0 12.857,5.429t 5.429,12.857zM 438.857,361.143l0-274.286 q0-34 -24.143-58.143t-58.143-24.143l-274.286,0 q-34,0 -58.143,24.143t-24.143,58.143l0,274.286 q0,34 24.143,58.143t 58.143,24.143l 274.286,0 q 34,0 58.143-24.143t 24.143-58.143z" horiz-adv-x="438.857" />
|
||||||
|
<glyph unicode="" d="M 365.714,205.714l0,36.571 q0,7.429 -5.429,12.857t-12.857,5.429l-256,0 q-7.429,0 -12.857-5.429t-5.429-12.857l0-36.571 q0-7.429 5.429-12.857t 12.857-5.429l 256,0 q 7.429,0 12.857,5.429t 5.429,12.857zM 438.857,361.143l0-274.286 q0-34 -24.143-58.143t-58.143-24.143l-274.286,0 q-34,0 -58.143,24.143t-24.143,58.143l0,274.286 q0,34 24.143,58.143t 58.143,24.143l 274.286,0 q 34,0 58.143-24.143 t 24.143-58.143z" horiz-adv-x="438.857" />
|
||||||
|
<glyph unicode="" d="M 512,224C 512,82.615, 397.385-32, 256-32s -256,114.615, -256,256s 114.615,256, 256,256S 512,365.385, 512,224z M 233.372,374.628
|
||||||
|
l -128-128.001C 99.124,240.379, 96,232.189, 96,224s 3.124-16.379 9.372-22.627c 12.497-12.497 32.759-12.497, 45.256,0L 224,274.745
|
||||||
|
L 224,96 c 0-17.673 14.327-32 32-32c 17.673,0, 32,14.327, 32,32l0,178.745 l 73.373-73.373c 12.497-12.497 32.758-12.497, 45.255,0
|
||||||
|
c 12.497,12.497, 12.497,32.758, 0,45.254l -128,128.001C 266.131,387.124, 245.869,387.124, 233.372,374.628z" />
|
||||||
|
<glyph unicode="" d="M 512,224C 512,365.385, 397.385,480, 256,480s -256-114.615, -256-256s 114.615-256, 256-256S 512,82.615, 512,224z M 233.372,73.372
|
||||||
|
l -128,128.001C 99.124,207.621, 96,215.811, 96,224s 3.124,16.379 9.372,22.627c 12.497,12.497 32.759,12.497, 45.256,0L 224,173.255
|
||||||
|
L 224,352 c 0,17.673 14.327,32 32,32c 17.673,0, 32-14.327, 32-32l0-178.745 l 73.373,73.373c 12.497,12.497 32.758,12.497, 45.255,0
|
||||||
|
c 12.497-12.497, 12.497-32.758, 0-45.254l -128-128.001C 266.131,60.876, 245.869,60.876, 233.372,73.372z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 397.385,480, 512,365.385, 512,224s -114.615-256, -256-256s -256,114.615, -256,256S 114.615,480, 256,480z M 105.372,201.372
|
||||||
|
l 128.001-128C 239.621,67.124, 247.811,64, 256,64s 16.379,3.124 22.627,9.372c 12.497,12.497 12.497,32.759,0,45.256L 205.255,192
|
||||||
|
L 384,192 c 17.673,0 32,14.327 32,32c0,17.673, -14.327,32, -32,32l-178.745,0 l 73.373,73.373c 12.497,12.497 12.497,32.758,0,45.255
|
||||||
|
c -12.497,12.497, -32.758,12.497, -45.254,0l -128.001-128C 92.876,234.131, 92.876,213.869, 105.372,201.372z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 406.628,201.372
|
||||||
|
l-128.001-128C 272.379,67.124, 264.189,64, 256,64s-16.379,3.124-22.627,9.372c-12.497,12.497-12.497,32.759,0,45.256L 306.745,192
|
||||||
|
L 128,192 c-17.673,0-32,14.327-32,32c0,17.673, 14.327,32, 32,32l 178.745,0 l-73.373,73.373c-12.497,12.497-12.497,32.758,0,45.255
|
||||||
|
c 12.497,12.497, 32.758,12.497, 45.254,0l 128.001-128C 419.124,234.131, 419.124,213.869, 406.628,201.372z" />
|
||||||
|
<glyph unicode="" d="M0,160L 96,64L 256,224L 416,64L 512,160L 256.001,416 z" />
|
||||||
|
<glyph unicode="" d="M 512,288L 416,384L 256,224L 96,384L0,288L 256,32.001 z" />
|
||||||
|
<glyph unicode="" d="M 320-32L 416,64L 256,224L 416,384L 320,480L 64,224 z" />
|
||||||
|
<glyph unicode="" d="M 192,480L 96,384L 256,224L 96,64L 192-32L 448,224 z" />
|
||||||
|
<glyph unicode="" d="M 292.571,132.571q0-7.429 -5.429-12.857t-12.857-5.429l-256,0 q-7.429,0 -12.857,5.429t-5.429,12.857t 5.429,12.857l 128,128q 5.429,5.429 12.857,5.429t 12.857-5.429l 128-128q 5.429-5.429 5.429-12.857z" horiz-adv-x="292.571" />
|
||||||
|
<glyph unicode="" d="M 292.571,278.857q0-7.429 -5.429-12.857l-128-128q-5.429-5.429 -12.857-5.429t-12.857,5.429l-128,128q-5.429,5.429 -5.429,12.857t 5.429,12.857t 12.857,5.429l 256,0 q 7.429,0 12.857-5.429t 5.429-12.857z" horiz-adv-x="292.571" />
|
||||||
|
<glyph unicode="" d="M 182.857,352l0-256 q0-7.429 -5.429-12.857t-12.857-5.429t-12.857,5.429l-128,128q-5.429,5.429 -5.429,12.857t 5.429,12.857l 128,128q 5.429,5.429 12.857,5.429t 12.857-5.429t 5.429-12.857z" horiz-adv-x="182.857" />
|
||||||
|
<glyph unicode="" d="M 164.571,224q0-7.429 -5.429-12.857l-128-128q-5.429-5.429 -12.857-5.429t-12.857,5.429t-5.429,12.857l0,256 q0,7.429 5.429,12.857t 12.857,5.429t 12.857-5.429l 128-128q 5.429-5.429 5.429-12.857z" horiz-adv-x="182.857" />
|
||||||
|
<glyph unicode="" d="M 256,480L 32-32L 256,64L 480-32 z" />
|
||||||
|
<glyph unicode="" d="M 256-32L 480,480L 256,384L 32,480 z" />
|
||||||
|
<glyph unicode="" d="M0,224L 512,0L 416,224L 512,448 z" />
|
||||||
|
<glyph unicode="" d="M 512,224L0,448L 96,224L0,0 z" />
|
||||||
|
<glyph unicode="" d="M 512,224C 512,82.615, 397.385-32, 256-32s -256,114.615, -256,256s 114.615,256, 256,256S 512,365.385, 512,224z M 48,224
|
||||||
|
c 0-114.875 93.125-208 208-208S 464,109.125, 464,224s -93.125,208, -208,208S 48,338.875, 48,224zM 278.627,374.628l 128-128.001c 12.497-12.496 12.497-32.757 0-45.254c -12.497-12.497 -32.758-12.497,-45.255,0L 288,274.745
|
||||||
|
L 288,96 c 0-17.673 -14.327-32 -32-32c-17.673,0, -32,14.327, -32,32l0,178.745 l -73.372-73.373c -12.497-12.497 -32.759-12.497,-45.256,0
|
||||||
|
C 99.124,207.621, 96,215.811, 96,224s 3.124,16.379, 9.372,22.627l 128,128.001C 245.869,387.124, 266.131,387.124, 278.627,374.628z" />
|
||||||
|
<glyph unicode="" d="M 512,224C 512,365.385, 397.385,480, 256,480s -256-114.615, -256-256s 114.615-256, 256-256S 512,82.615, 512,224z M 48,224
|
||||||
|
c 0,114.875 93.125,208 208,208S 464,338.875, 464,224s -93.125-208, -208-208S 48,109.125, 48,224zM 278.627,73.372l 128,128.001c 12.497,12.496 12.497,32.757 0,45.254c -12.497,12.497 -32.758,12.497,-45.255,0L 288,173.255
|
||||||
|
L 288,352 c 0,17.673 -14.327,32 -32,32c-17.673,0, -32-14.327, -32-32l0-178.745 l -73.372,73.373c -12.497,12.497 -32.759,12.497,-45.256,0
|
||||||
|
C 99.124,240.379, 96,232.189, 96,224s 3.124-16.379, 9.372-22.627l 128-128.001C 245.869,60.876, 266.131,60.876, 278.627,73.372z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 397.385,480, 512,365.385, 512,224s -114.615-256, -256-256s -256,114.615, -256,256S 114.615,480, 256,480z M 256,16
|
||||||
|
c 114.875,0 208,93.125 208,208S 370.875,432, 256,432s -208-93.125, -208-208S 141.125,16, 256,16zM 105.372,246.627l 128.001,128c 12.496,12.497 32.757,12.497 45.254,0c 12.497-12.497 12.497-32.758,0-45.255L 205.255,256
|
||||||
|
L 384,256 c 17.673,0 32-14.327 32-32c0-17.673, -14.327-32, -32-32l-178.745,0 l 73.373-73.372c 12.497-12.497 12.497-32.759,0-45.256
|
||||||
|
C 272.379,67.124, 264.189,64, 256,64s -16.379,3.124, -22.627,9.372l -128.001,128C 92.876,213.869, 92.876,234.131, 105.372,246.627z" />
|
||||||
|
<glyph unicode="" d="M 256,480C 114.615,480,0,365.385,0,224s 114.615-256, 256-256s 256,114.615, 256,256S 397.385,480, 256,480z M 256,16
|
||||||
|
c-114.875,0-208,93.125-208,208S 141.125,432, 256,432s 208-93.125, 208-208S 370.875,16, 256,16zM 406.628,246.627l-128.001,128c-12.496,12.497-32.757,12.497-45.254,0c-12.497-12.497-12.497-32.758,0-45.255L 306.745,256
|
||||||
|
L 128,256 c-17.673,0-32-14.327-32-32c0-17.673, 14.327-32, 32-32l 178.745,0 l-73.373-73.372c-12.497-12.497-12.497-32.759,0-45.256
|
||||||
|
C 239.621,67.124, 247.811,64, 256,64s 16.379,3.124, 22.627,9.372l 128.001,128C 419.124,213.869, 419.124,234.131, 406.628,246.627z" />
|
||||||
|
<glyph unicode="" d="M 307.143,141.714q0-3.714 -2.857-6.571l-14.286-14.286q-2.857-2.857 -6.571-2.857t-6.571,2.857l-112.286,112.286l-112.286-112.286q-2.857-2.857 -6.571-2.857t-6.571,2.857l-14.286,14.286q-2.857,2.857 -2.857,6.571t 2.857,6.571l 133.143,133.143q 2.857,2.857 6.571,2.857t 6.571-2.857l 133.143-133.143q 2.857-2.857 2.857-6.571z" horiz-adv-x="329.143" />
|
||||||
|
<glyph unicode="" d="M 307.143,269.714q0-3.714 -2.857-6.571l-133.143-133.143q-2.857-2.857 -6.571-2.857t-6.571,2.857l-133.143,133.143q-2.857,2.857 -2.857,6.571t 2.857,6.571l 14.286,14.286q 2.857,2.857 6.571,2.857t 6.571-2.857l 112.286-112.286l 112.286,112.286q 2.857,2.857 6.571,2.857t 6.571-2.857l 14.286-14.286q 2.857-2.857 2.857-6.571z" horiz-adv-x="329.143" />
|
||||||
|
<glyph unicode="" d="M 179.143,324.571q0-3.714 -2.857-6.571l-112.286-112.286l 112.286-112.286q 2.857-2.857 2.857-6.571t-2.857-6.571l-14.286-14.286q-2.857-2.857 -6.571-2.857t-6.571,2.857l-133.143,133.143q-2.857,2.857 -2.857,6.571t 2.857,6.571l 133.143,133.143q 2.857,2.857 6.571,2.857t 6.571-2.857l 14.286-14.286q 2.857-2.857 2.857-6.571z" horiz-adv-x="182.857" />
|
||||||
|
<glyph unicode="" d="M 170,205.714q0-3.714 -2.857-6.571l-133.143-133.143q-2.857-2.857 -6.571-2.857t-6.571,2.857l-14.286,14.286q-2.857,2.857 -2.857,6.571t 2.857,6.571l 112.286,112.286l-112.286,112.286q-2.857,2.857 -2.857,6.571t 2.857,6.571l 14.286,14.286q 2.857,2.857 6.571,2.857t 6.571-2.857l 133.143-133.143q 2.857-2.857 2.857-6.571z" horiz-adv-x="182.857" />
|
||||||
|
<glyph unicode="" d="M 292.571,169.143q0-7.429 -5.429-12.857l-128-128q-5.429-5.429 -12.857-5.429t-12.857,5.429l-128,128q-5.429,5.429 -5.429,12.857t 5.429,12.857t 12.857,5.429l 256,0 q 7.429,0 12.857-5.429t 5.429-12.857zM 292.571,278.857q0-7.429 -5.429-12.857t-12.857-5.429l-256,0 q-7.429,0 -12.857,5.429t-5.429,12.857t 5.429,12.857l 128,128q 5.429,5.429 12.857,5.429t 12.857-5.429l 128-128q 5.429-5.429 5.429-12.857z" horiz-adv-x="292.571" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="256" />
|
||||||
|
</font></defs></svg>
|
||||||
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,178 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: 'footable';
|
||||||
|
src: url('fonts/footable.eot');
|
||||||
|
src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||||
|
@font-face {
|
||||||
|
font-family: 'footable';
|
||||||
|
src: url('fonts/footable.svg#footable') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footable {
|
||||||
|
width: 100%;
|
||||||
|
/** SORTING **/
|
||||||
|
|
||||||
|
/** PAGINATION **/
|
||||||
|
|
||||||
|
}
|
||||||
|
.footable.breakpoint > tbody > tr.footable-detail-show > td {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e001";
|
||||||
|
}
|
||||||
|
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
|
||||||
|
background: #eee;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
|
||||||
|
display: inline-block;
|
||||||
|
font-family: 'footable';
|
||||||
|
speak: none;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
padding-right: 5px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #888888;
|
||||||
|
}
|
||||||
|
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e000";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e005";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e004";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e003";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e002";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e007";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e006";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e009";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e008";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e00f";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e011";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e013";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e015";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e01b";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e01d";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e00b";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e00d";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e01f";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e021";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||||
|
content: "\e017";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
|
||||||
|
content: "\e019";
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.footable > thead > tr > th {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: -moz-none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.footable > thead > tr > th.footable-sortable:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
|
||||||
|
content: "\e013";
|
||||||
|
}
|
||||||
|
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
|
||||||
|
content: "\e012";
|
||||||
|
}
|
||||||
|
.footable > thead > tr > th > span.footable-sort-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
font-family: 'footable';
|
||||||
|
speak: none;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.footable > thead > tr > th > span.footable-sort-indicator:before {
|
||||||
|
content: "\e022";
|
||||||
|
}
|
||||||
|
.footable > tfoot .pagination {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.footable.no-paging .hide-if-no-paging {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.footable-row-detail-inner {
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
.footable-row-detail-row {
|
||||||
|
display: table-row;
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
.footable-row-detail-group {
|
||||||
|
display: block;
|
||||||
|
line-height: 2em;
|
||||||
|
font-size: 1.2em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.footable-row-detail-name {
|
||||||
|
display: table-cell;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-right: 0.5em;
|
||||||
|
}
|
||||||
|
.footable-row-detail-value {
|
||||||
|
display: table-cell;
|
||||||
|
}
|
||||||
|
.footable-odd {
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,589 @@
|
||||||
|
/*!
|
||||||
|
* FullCalendar v1.6.4 Stylesheet
|
||||||
|
* Docs & License: http://arshaw.com/fullcalendar/
|
||||||
|
* (c) 2013 Adam Shaw
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
.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, /* non-theme */
|
||||||
|
.fc-header .ui-corner-right { /* theme */
|
||||||
|
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;
|
||||||
|
zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-view {
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Cell Styles
|
||||||
|
------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
.fc-widget-header, /* <th>, usually */
|
||||||
|
.fc-widget-content { /* <td>, usually */
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
|
||||||
|
background: #fcf8e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
|
||||||
|
background: #bce8f1;
|
||||||
|
opacity: .3;
|
||||||
|
filter: alpha(opacity=30); /* for IE */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Buttons
|
||||||
|
------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
.fc-button {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 .6em;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 1.9em;
|
||||||
|
line-height: 1.9em;
|
||||||
|
white-space: nowrap;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-default { /* non-theme */
|
||||||
|
border: 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-default.fc-corner-left { /* non-theme */
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-default.fc-corner-right { /* non-theme */
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Our default prev/next buttons use HTML entities like ‹ › « »
|
||||||
|
and we'll try to make them look good cross-browser.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.fc-text-arrow {
|
||||||
|
margin: 0 .1em;
|
||||||
|
font-size: 2em;
|
||||||
|
font-family: "Courier New", Courier, monospace;
|
||||||
|
vertical-align: baseline; /* for IE7 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-button-prev .fc-text-arrow,
|
||||||
|
.fc-button-next .fc-text-arrow { /* for ‹ › */
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* icon (for jquery ui) */
|
||||||
|
|
||||||
|
.fc-button .fc-icon-wrap {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
top: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-button .ui-icon {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
margin-top: -50%;
|
||||||
|
*margin-top: 0;
|
||||||
|
*top: -50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
button states
|
||||||
|
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
|
||||||
|
*/
|
||||||
|
|
||||||
|
.fc-state-default {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
||||||
|
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
||||||
|
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
||||||
|
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
|
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||||
|
color: #333;
|
||||||
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-hover,
|
||||||
|
.fc-state-down,
|
||||||
|
.fc-state-active,
|
||||||
|
.fc-state-disabled {
|
||||||
|
color: #333333;
|
||||||
|
background-color: #e6e6e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-hover {
|
||||||
|
color: #333333;
|
||||||
|
text-decoration: none;
|
||||||
|
background-position: 0 -15px;
|
||||||
|
-webkit-transition: background-position 0.1s linear;
|
||||||
|
-moz-transition: background-position 0.1s linear;
|
||||||
|
-o-transition: background-position 0.1s linear;
|
||||||
|
transition: background-position 0.1s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-down,
|
||||||
|
.fc-state-active {
|
||||||
|
background-color: #cccccc;
|
||||||
|
background-image: none;
|
||||||
|
outline: 0;
|
||||||
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-state-disabled {
|
||||||
|
cursor: default;
|
||||||
|
background-image: none;
|
||||||
|
opacity: 0.65;
|
||||||
|
filter: alpha(opacity=65);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Global Event Styles
|
||||||
|
------------------------------------------------------------------------*/
|
||||||
|
|
||||||
|
.fc-event-container > * {
|
||||||
|
z-index: 8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event-container > .ui-draggable-dragging,
|
||||||
|
.fc-event-container > .ui-resizable-resizing {
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event {
|
||||||
|
border: 1px solid #3a87ad; /* default BORDER color */
|
||||||
|
background-color: #3a87ad; /* default BACKGROUND color */
|
||||||
|
color: #fff; /* default TEXT color */
|
||||||
|
font-size: .85em;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.fc-event {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.fc-event,
|
||||||
|
.fc-event-draggable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-rtl .fc-event {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event-inner {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event-time,
|
||||||
|
.fc-event-title {
|
||||||
|
padding: 0 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc .ui-resizable-handle {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-ltr .fc-event-hori.fc-event-start,
|
||||||
|
.fc-rtl .fc-event-hori.fc-event-end {
|
||||||
|
border-left-width: 1px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-ltr .fc-event-hori.fc-event-end,
|
||||||
|
.fc-rtl .fc-event-hori.fc-event-start {
|
||||||
|
border-right-width: 1px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 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 */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* 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 .fc-week-number {
|
||||||
|
width: 22px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc .fc-week-number div {
|
||||||
|
padding: 0 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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-week-number {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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-start {
|
||||||
|
border-top-width: 1px;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event-vert.fc-event-end {
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
border-bottom-left-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event-vert .fc-event-time {
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event-vert .fc-event-inner {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: .25;
|
||||||
|
filter: alpha(opacity=25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
/*!
|
||||||
|
* FullCalendar v1.6.4 Print Stylesheet
|
||||||
|
* Docs & License: http://arshaw.com/fullcalendar/
|
||||||
|
* (c) 2013 Adam Shaw
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Include this stylesheet on your page to get a more printer-friendly calendar.
|
||||||
|
* When including this stylesheet, use the media='print' attribute of the <link> tag.
|
||||||
|
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/* Events
|
||||||
|
-----------------------------------------------------*/
|
||||||
|
|
||||||
|
.fc-event {
|
||||||
|
background: #fff !important;
|
||||||
|
color: #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* for vertical events */
|
||||||
|
|
||||||
|
.fc-event-bg {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fc-event .ui-resizable-handle {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
/* iCheck plugin Square skin, green
|
||||||
|
----------------------------------- */
|
||||||
|
.icheckbox_square-green,
|
||||||
|
.iradio_square-green {
|
||||||
|
display: inline-block;
|
||||||
|
*display: inline;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
background: url(green.png) no-repeat;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icheckbox_square-green {
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
.icheckbox_square-green.hover {
|
||||||
|
background-position: -24px 0;
|
||||||
|
}
|
||||||
|
.icheckbox_square-green.checked {
|
||||||
|
background-position: -48px 0;
|
||||||
|
}
|
||||||
|
.icheckbox_square-green.disabled {
|
||||||
|
background-position: -72px 0;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.icheckbox_square-green.checked.disabled {
|
||||||
|
background-position: -96px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.iradio_square-green {
|
||||||
|
background-position: -120px 0;
|
||||||
|
}
|
||||||
|
.iradio_square-green.hover {
|
||||||
|
background-position: -144px 0;
|
||||||
|
}
|
||||||
|
.iradio_square-green.checked {
|
||||||
|
background-position: -168px 0;
|
||||||
|
}
|
||||||
|
.iradio_square-green.disabled {
|
||||||
|
background-position: -192px 0;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.iradio_square-green.checked.disabled {
|
||||||
|
background-position: -216px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HiDPI support */
|
||||||
|
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
|
||||||
|
.icheckbox_square-green,
|
||||||
|
.iradio_square-green {
|
||||||
|
background-image: url(green@2x.png);
|
||||||
|
-webkit-background-size: 240px 24px;
|
||||||
|
background-size: 240px 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1022 B |
Binary file not shown.
|
After Width: | Height: | Size: 1017 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
|
|
@ -0,0 +1,126 @@
|
||||||
|
/* Ion.RangeSlider
|
||||||
|
// css version 1.8.5
|
||||||
|
// by Denis Ineshin | ionden.com
|
||||||
|
// ===================================================================================================================*/
|
||||||
|
|
||||||
|
/* =====================================================================================================================
|
||||||
|
// RangeSlider */
|
||||||
|
|
||||||
|
.irs {
|
||||||
|
position: relative; display: block;
|
||||||
|
}
|
||||||
|
.irs-line {
|
||||||
|
position: relative; display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.irs-line-left, .irs-line-mid, .irs-line-right {
|
||||||
|
position: absolute; display: block;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.irs-line-left {
|
||||||
|
left: 0; width: 10%;
|
||||||
|
}
|
||||||
|
.irs-line-mid {
|
||||||
|
left: 10%; width: 80%;
|
||||||
|
}
|
||||||
|
.irs-line-right {
|
||||||
|
right: 0; width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-diapason {
|
||||||
|
position: absolute; display: block;
|
||||||
|
left: 0; width: 100%;
|
||||||
|
}
|
||||||
|
.irs-slider {
|
||||||
|
position: absolute; display: block;
|
||||||
|
cursor: default;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.irs-slider.single {
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
.irs-slider.single:before {
|
||||||
|
position: absolute; display: block; content: "";
|
||||||
|
top: -30%; left: -30%;
|
||||||
|
width: 160%; height: 160%;
|
||||||
|
background: rgba(0,0,0,0.0);
|
||||||
|
}
|
||||||
|
.irs-slider.from {
|
||||||
|
left: 100px;
|
||||||
|
}
|
||||||
|
.irs-slider.from:before {
|
||||||
|
position: absolute; display: block; content: "";
|
||||||
|
top: -30%; left: -30%;
|
||||||
|
width: 130%; height: 160%;
|
||||||
|
background: rgba(0,0,0,0.0);
|
||||||
|
}
|
||||||
|
.irs-slider.to {
|
||||||
|
left: 300px;
|
||||||
|
}
|
||||||
|
.irs-slider.to:before {
|
||||||
|
position: absolute; display: block; content: "";
|
||||||
|
top: -30%; left: 0;
|
||||||
|
width: 130%; height: 160%;
|
||||||
|
background: rgba(0,0,0,0.0);
|
||||||
|
}
|
||||||
|
.irs-slider.last {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-min {
|
||||||
|
position: absolute; display: block;
|
||||||
|
left: 0;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.irs-max {
|
||||||
|
position: absolute; display: block;
|
||||||
|
right: 0;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-from, .irs-to, .irs-single {
|
||||||
|
position: absolute; display: block;
|
||||||
|
top: 0; left: 0;
|
||||||
|
cursor: default;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.irs-grid {
|
||||||
|
position: absolute; display: none;
|
||||||
|
bottom: 0; left: 0;
|
||||||
|
width: 100%; height: 20px;
|
||||||
|
}
|
||||||
|
.irs-with-grid .irs-grid {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.irs-grid-pol {
|
||||||
|
position: absolute;
|
||||||
|
top: 0; left: 0;
|
||||||
|
width: 1px; height: 8px;
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
.irs-grid-pol.small {
|
||||||
|
height: 4px;
|
||||||
|
}
|
||||||
|
.irs-grid-text {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0; left: 0;
|
||||||
|
width: 100px;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 9px; line-height: 9px;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-disable-mask {
|
||||||
|
position: absolute; display: block;
|
||||||
|
top: 0; left: 0;
|
||||||
|
width: 100%; height: 100%;
|
||||||
|
cursor: default;
|
||||||
|
background: rgba(0,0,0,0.0);
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.irs-disabled {
|
||||||
|
opacity: 0.4;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,89 @@
|
||||||
|
/* Ion.RangeSlider, Flat UI Skin
|
||||||
|
// css version 1.8.5
|
||||||
|
// by Denis Ineshin | ionden.com
|
||||||
|
// ===================================================================================================================*/
|
||||||
|
|
||||||
|
/* =====================================================================================================================
|
||||||
|
// Skin details */
|
||||||
|
|
||||||
|
.irs-line-mid,
|
||||||
|
.irs-line-left,
|
||||||
|
.irs-line-right,
|
||||||
|
.irs-diapason,
|
||||||
|
.irs-slider {
|
||||||
|
background: url(../images/sprite-skin-flat.png) repeat-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs {
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.irs-with-grid {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
.irs-line {
|
||||||
|
height: 12px; top: 25px;
|
||||||
|
}
|
||||||
|
.irs-line-left {
|
||||||
|
height: 12px;
|
||||||
|
background-position: 0 -30px;
|
||||||
|
}
|
||||||
|
.irs-line-mid {
|
||||||
|
height: 12px;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
.irs-line-right {
|
||||||
|
height: 12px;
|
||||||
|
background-position: 100% -30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-diapason {
|
||||||
|
height: 12px; top: 25px;
|
||||||
|
background-position: 0 -60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-slider {
|
||||||
|
width: 16px; height: 18px;
|
||||||
|
top: 22px;
|
||||||
|
background-position: 0 -90px;
|
||||||
|
}
|
||||||
|
#irs-active-slider, .irs-slider:hover {
|
||||||
|
background-position: 0 -120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-min, .irs-max {
|
||||||
|
color: #999;
|
||||||
|
font-size: 10px; line-height: 1.333;
|
||||||
|
text-shadow: none;
|
||||||
|
top: 0; padding: 1px 3px;
|
||||||
|
background: #e1e4e9;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-from, .irs-to, .irs-single {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 10px; line-height: 1.333;
|
||||||
|
text-shadow: none;
|
||||||
|
padding: 1px 5px;
|
||||||
|
background: #ed5565;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.irs-from:after, .irs-to:after, .irs-single:after {
|
||||||
|
position: absolute; display: block; content: "";
|
||||||
|
bottom: -6px; left: 50%;
|
||||||
|
width: 0; height: 0;
|
||||||
|
margin-left: -3px;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-top-color: #ed5565;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.irs-grid-pol {
|
||||||
|
background: #e1e4e9;
|
||||||
|
}
|
||||||
|
.irs-grid-text {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.irs-disabled {
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 212 B |
Binary file not shown.
|
After Width: | Height: | Size: 208 B |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,851 @@
|
||||||
|
/*Grid*/
|
||||||
|
.ui-jqgrid {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-view {
|
||||||
|
position: relative;
|
||||||
|
left:0;
|
||||||
|
top: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-common-table {}
|
||||||
|
|
||||||
|
/* Caption*/
|
||||||
|
.ui-jqgrid .ui-jqgrid-titlebar {
|
||||||
|
font-weight: normal;
|
||||||
|
min-height:37px;
|
||||||
|
padding: 4px 8px;
|
||||||
|
position: relative;
|
||||||
|
margin-right: 2px;
|
||||||
|
border-bottom: 1px solid #ddd; //default
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-caption {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-title {
|
||||||
|
padding-top: 5px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-titlebar-close {
|
||||||
|
color: inherit;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
margin: -10px 7px 0 0;
|
||||||
|
padding: 1px;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-titlebar-close span {
|
||||||
|
display: block;
|
||||||
|
margin: 1px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-titlebar-close:hover { }
|
||||||
|
|
||||||
|
/* Header*/
|
||||||
|
.ui-jqgrid .ui-jqgrid-hdiv {
|
||||||
|
position: relative;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-hbox {
|
||||||
|
float: left;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-htable {
|
||||||
|
margin-bottom: 0;
|
||||||
|
table-layout: fixed;
|
||||||
|
border-top:none;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-htable thead th {
|
||||||
|
overflow : hidden;
|
||||||
|
border-bottom : none;
|
||||||
|
padding-right: 2px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-htable thead th div {
|
||||||
|
overflow: hidden;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui-th-column-header,
|
||||||
|
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column-header {
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {}
|
||||||
|
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {text-align: center; }
|
||||||
|
.ui-first-th-ltr { }
|
||||||
|
.ui-first-th-rtl { }
|
||||||
|
.ui-jqgrid tr.jqg-first-row-header th {
|
||||||
|
height:auto;
|
||||||
|
border-top:none;
|
||||||
|
padding-bottom: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
border-bottom: none;
|
||||||
|
padding-right: 2px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.jqg-second-row-header th,
|
||||||
|
.ui-jqgrid tr.jqg-third--row-header th
|
||||||
|
{
|
||||||
|
border-top:none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-jqgrid .ui-th-div-ie {
|
||||||
|
white-space: nowrap;
|
||||||
|
zoom :1;
|
||||||
|
height:17px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-resize {
|
||||||
|
height:20px !important;
|
||||||
|
position: relative;
|
||||||
|
cursor :e-resize;
|
||||||
|
display: inline;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-grid-ico-sort {
|
||||||
|
margin-left:5px;
|
||||||
|
overflow:hidden;
|
||||||
|
position:absolute;
|
||||||
|
right: 3px;
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-icon-asc {
|
||||||
|
margin-top:-3px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-icon-desc {
|
||||||
|
margin-top:4px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-i-asc {
|
||||||
|
margin-top:0;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-i-desc {
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:13px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-single-sort-asc {
|
||||||
|
margin-top:0;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-single-sort-desc {}
|
||||||
|
.ui-jqgrid .ui-jqgrid-sortable {
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.ui-search-toolbar th { }
|
||||||
|
.ui-jqgrid .ui-search-table td.ui-search-clear { }
|
||||||
|
.ui-jqgrid tr.ui-search-toolbar td > input { }
|
||||||
|
.ui-jqgrid tr.ui-search-toolbar select {}
|
||||||
|
|
||||||
|
/* Body */
|
||||||
|
.ui-jqgrid .table-bordered,
|
||||||
|
.ui-jqgrid .table-bordered td,
|
||||||
|
.ui-jqgrid .table-bordered th.ui-th-ltr
|
||||||
|
{
|
||||||
|
border-left:0px none !important;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .table-bordered th.ui-th-rtl
|
||||||
|
{
|
||||||
|
border-right:0px none !important;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .table-bordered tr.ui-row-rtl td
|
||||||
|
{
|
||||||
|
border-right:0px none !important;
|
||||||
|
border-left: 1px solid #ddd !important;
|
||||||
|
}
|
||||||
|
div.tablediv > .table-bordered {
|
||||||
|
border-left : 1px solid #ddd !important;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-bdiv table.table-bordered td {
|
||||||
|
border-top: 0px none;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-bdiv {
|
||||||
|
position: relative;
|
||||||
|
margin: 0;
|
||||||
|
padding:0;
|
||||||
|
overflow-x:hidden;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-btable {
|
||||||
|
table-layout: fixed;
|
||||||
|
border-left:none ;
|
||||||
|
border-top:none;
|
||||||
|
margin-bottom: 0px
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.jqgrow {
|
||||||
|
outline-style: none;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.jqgroup {
|
||||||
|
outline-style: none;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.jqgrow td {
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: pre;
|
||||||
|
padding-right: 2px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.jqgfirstrow td {
|
||||||
|
height:auto;
|
||||||
|
border-top:none;
|
||||||
|
padding-bottom: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
border-bottom: none;
|
||||||
|
padding-right: 2px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.jqgroup td { }
|
||||||
|
.ui-jqgrid tr.jqfoot td {}
|
||||||
|
.ui-jqgrid tr.ui-row-ltr td {}
|
||||||
|
.ui-jqgrid tr.ui-row-rtl td {}
|
||||||
|
.ui-jqgrid td.jqgrid-rownum { }
|
||||||
|
.ui-jqgrid .ui-jqgrid-resize-mark {
|
||||||
|
width:2px;
|
||||||
|
left:0;
|
||||||
|
background-color:#777;
|
||||||
|
cursor: e-resize;
|
||||||
|
cursor: col-resize;
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
height:100px;
|
||||||
|
overflow:hidden;
|
||||||
|
display:none;
|
||||||
|
border:0 none;
|
||||||
|
z-index: 99999;
|
||||||
|
|
||||||
|
}
|
||||||
|
/* Footer */
|
||||||
|
.ui-jqgrid .ui-jqgrid-sdiv {
|
||||||
|
position: relative;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
border-left: 0 none !important;
|
||||||
|
border-top : 0 none !important;
|
||||||
|
border-right : 0 none !important;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-ftable {
|
||||||
|
table-layout:fixed;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-jqgrid tr.footrow td {
|
||||||
|
font-weight: bold;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space:nowrap;
|
||||||
|
padding-right: 2px;
|
||||||
|
border-bottom: 0px none;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.footrow-ltr td {
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
.ui-jqgrid tr.footrow-rtl td {
|
||||||
|
text-align:right;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pager*/
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager
|
||||||
|
{
|
||||||
|
border-left-width: 0px;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
padding : 4px 0px;
|
||||||
|
position: relative;
|
||||||
|
height: auto;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager {
|
||||||
|
border-top-width :0;
|
||||||
|
border-bottom : 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control,
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
|
||||||
|
position: relative;
|
||||||
|
border-left: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-top: 0;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-pg-table {
|
||||||
|
position: relative;
|
||||||
|
padding: 1px 0;
|
||||||
|
width:auto;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-pg-table td {
|
||||||
|
font-weight:normal;
|
||||||
|
vertical-align:middle;
|
||||||
|
padding:0px 6px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-pg-button {
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-pg-button span {
|
||||||
|
display: block;
|
||||||
|
margin: 2px;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-pg-button:hover { }
|
||||||
|
.ui-jqgrid .ui-disabled:hover {}
|
||||||
|
.ui-jqgrid .ui-pg-input,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-input {
|
||||||
|
display: inline;
|
||||||
|
height:auto;
|
||||||
|
width: auto;
|
||||||
|
font-size:.9em;
|
||||||
|
margin:0;
|
||||||
|
line-height: inherit;
|
||||||
|
padding: 0px 5px
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-pg-selbox,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox {
|
||||||
|
font-size:.9em;
|
||||||
|
line-height:inherit;
|
||||||
|
display:block;
|
||||||
|
height:22px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 3px 0px 3px 3px;
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-separator {
|
||||||
|
height: 18px;
|
||||||
|
border : none;
|
||||||
|
border-left: 2px solid #ccc ; //default
|
||||||
|
}
|
||||||
|
.ui-separator-li {
|
||||||
|
height: 2px;
|
||||||
|
border : none;
|
||||||
|
border-top: 2px solid #ccc ; //default
|
||||||
|
margin: 0; padding: 0; width:100%
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div
|
||||||
|
{
|
||||||
|
float:left;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button
|
||||||
|
{
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span
|
||||||
|
{
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
.ui-jqgrid td input,
|
||||||
|
.ui-jqgrid td select,
|
||||||
|
.ui-jqgrid td textarea {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.ui-jqgrid td textarea {
|
||||||
|
width:auto;
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .ui-pager-table,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-table
|
||||||
|
{
|
||||||
|
width:100%;
|
||||||
|
table-layout:fixed;
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .ui-paging-info,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-info
|
||||||
|
{
|
||||||
|
font-weight: normal;
|
||||||
|
height:auto;
|
||||||
|
margin-top:3px;
|
||||||
|
margin-right:4px;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .ui-paging-pager,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-pager
|
||||||
|
{
|
||||||
|
table-layout:auto;
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager .navtable,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager .navtable
|
||||||
|
{
|
||||||
|
float:left;
|
||||||
|
table-layout:auto;
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Subgrid*/
|
||||||
|
|
||||||
|
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-subgrid {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-subgrid table {
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {}
|
||||||
|
.ui-jqgrid .ui-subgrid td.subgrid-data {
|
||||||
|
border-top: 0 none !important;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-subgrid td.subgrid-cell {
|
||||||
|
vertical-align: middle
|
||||||
|
}
|
||||||
|
.ui-jqgrid a.ui-sghref {
|
||||||
|
text-decoration: none;
|
||||||
|
color : #010101; //default
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-th-subgrid {height:20px;}
|
||||||
|
.tablediv > .row { margin: 0 0}
|
||||||
|
/* loading */
|
||||||
|
.ui-jqgrid .loading {
|
||||||
|
position: absolute;
|
||||||
|
top: 45%;
|
||||||
|
left: 45%;
|
||||||
|
width: auto;
|
||||||
|
z-index:101;
|
||||||
|
padding: 6px;
|
||||||
|
margin: 5px;
|
||||||
|
text-align: center;
|
||||||
|
display: none;
|
||||||
|
border: 1px solid #ddd; //default
|
||||||
|
font-size: 14px;
|
||||||
|
background-color: #d9edf7;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .jqgrid-overlay {
|
||||||
|
display:none;
|
||||||
|
z-index:100;
|
||||||
|
}
|
||||||
|
/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
|
||||||
|
* .jqgrid-overlay iframe {
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
z-index:-1;
|
||||||
|
}
|
||||||
|
/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
|
||||||
|
/* end loading div */
|
||||||
|
|
||||||
|
/* Toolbar */
|
||||||
|
.ui-jqgrid .ui-userdata {
|
||||||
|
padding: 4px 0px;
|
||||||
|
overflow: hidden;
|
||||||
|
min-height: 32px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-userdata-top {
|
||||||
|
border-left-width: 0px; //default
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-userdata-bottom {
|
||||||
|
border-left-width: 0px; //default
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
/*Modal Window */
|
||||||
|
.ui-jqdialog { }
|
||||||
|
.ui-jqdialog {
|
||||||
|
display: none;
|
||||||
|
width: 500px;
|
||||||
|
position: absolute;
|
||||||
|
//padding: 5px;
|
||||||
|
overflow:visible;
|
||||||
|
}
|
||||||
|
.ui-jqdialog .ui-jqdialog-titlebar {
|
||||||
|
padding: .1em .1em;
|
||||||
|
min-height: 35px;
|
||||||
|
}
|
||||||
|
.ui-jqdialog .ui-jqdialog-title {
|
||||||
|
margin: .3em 0 .2em;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-left :6px;
|
||||||
|
padding-right:6px;
|
||||||
|
}
|
||||||
|
.ui-jqdialog .ui-jqdialog-titlebar-close {
|
||||||
|
position: absolute;
|
||||||
|
top: 0%;
|
||||||
|
margin: 3px 5px 0 0;
|
||||||
|
padding: 8px;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-jqdialog .ui-jqdialog-titlebar-close span { }
|
||||||
|
.ui-jqdialog .ui-jqdialog-titlebar-close:hover,
|
||||||
|
.ui-jqdialog .ui-jqdialog-titlebar-close:focus {
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {
|
||||||
|
border: 0;
|
||||||
|
padding: .3em .2em;
|
||||||
|
background: none;
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
.ui-jqdialog .ui-jqconfirm {
|
||||||
|
padding: .4em 1em;
|
||||||
|
border-width:3px;
|
||||||
|
position:absolute;
|
||||||
|
bottom:10px;
|
||||||
|
right:10px;
|
||||||
|
overflow:visible;
|
||||||
|
display:none;
|
||||||
|
height:120px;
|
||||||
|
width:220px;
|
||||||
|
text-align:center;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
}
|
||||||
|
.ui-jqdialog>.ui-resizable-se { }
|
||||||
|
.ui-jqgrid>.ui-resizable-se { }
|
||||||
|
/* end Modal window*/
|
||||||
|
/* Form edit */
|
||||||
|
.ui-jqdialog-content .FormGrid {
|
||||||
|
margin: 0 8px 0 8px;
|
||||||
|
overflow:auto;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content .EditTable {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content .DelTable {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
.EditTable td input,
|
||||||
|
.EditTable td select,
|
||||||
|
.EditTable td textarea {
|
||||||
|
width: 98%;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.EditTable td textarea {
|
||||||
|
width:auto;
|
||||||
|
height:auto;
|
||||||
|
}
|
||||||
|
.EditTable .FormData td {
|
||||||
|
height:37px !important;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content td.EditButton {
|
||||||
|
text-align: right;
|
||||||
|
padding: 5px 5px 5px 0;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content td.navButton {
|
||||||
|
text-align: center;
|
||||||
|
border-left: 0 none;
|
||||||
|
border-top: 0 none;
|
||||||
|
border-right: 0 none;
|
||||||
|
padding-bottom:5px;
|
||||||
|
padding-top:5px;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content input.FormElement {
|
||||||
|
padding: .5em .3em;
|
||||||
|
margin-bottom: 5px
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content select.FormElement {
|
||||||
|
padding:.3em;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content .data-line {
|
||||||
|
padding-top:.1em;
|
||||||
|
border: 0 none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-jqdialog-content .CaptionTD {
|
||||||
|
vertical-align: middle;
|
||||||
|
border: 0 none;
|
||||||
|
padding: 2px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content .DataTD {
|
||||||
|
padding: 2px;
|
||||||
|
border: 0 none;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.ui-jqdialog-content .form-view-data {
|
||||||
|
white-space:pre
|
||||||
|
}
|
||||||
|
.fm-button { }
|
||||||
|
.fm-button-icon-left {
|
||||||
|
margin-left: 4px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
.fm-button-icon-right {
|
||||||
|
margin-left: 4px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
.fm-button-icon-left { }
|
||||||
|
.fm-button-icon-right { }
|
||||||
|
#nData, #pData {
|
||||||
|
margin-left: 4px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
#sData span, #cData span {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
/* End Eorm edit */
|
||||||
|
/*.ui-jqgrid .edit-cell {}*/
|
||||||
|
.ui-jqgrid .selected-row,
|
||||||
|
div.ui-jqgrid .selected-row td {
|
||||||
|
font-style : normal;
|
||||||
|
}
|
||||||
|
/* inline edit actions button*/
|
||||||
|
.ui-inline-del, .ui-inline-cancel {
|
||||||
|
margin-left: 14px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .inline-edit-cell {}
|
||||||
|
/* Tree Grid */
|
||||||
|
.ui-jqgrid .tree-wrap {
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
height: 18px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .tree-minus {
|
||||||
|
position: absolute;
|
||||||
|
height: 18px;
|
||||||
|
width: 18px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .tree-plus {
|
||||||
|
position: absolute;
|
||||||
|
height: 18px;
|
||||||
|
width: 18px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .tree-leaf {
|
||||||
|
position: absolute;
|
||||||
|
height: 18px;
|
||||||
|
width: 18px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .treeclick {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
/* moda dialog */
|
||||||
|
* iframe.jqm {
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
z-index:-1;
|
||||||
|
}
|
||||||
|
/* width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
|
||||||
|
.ui-jqgrid-dnd tr td {
|
||||||
|
border-right-width: 1px;
|
||||||
|
border-right-color: inherit;
|
||||||
|
border-right-style: solid;
|
||||||
|
height:20px
|
||||||
|
}
|
||||||
|
/* RTL Support */
|
||||||
|
.ui-jqgrid .ui-jqgrid-caption-rtl {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-hbox-rtl {
|
||||||
|
float: right;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-resize-ltr {
|
||||||
|
float: right;
|
||||||
|
margin: -2px -2px -2px 0;
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-resize-rtl {
|
||||||
|
float: left;
|
||||||
|
margin: -2px -2px -2px -0px;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-sort-rtl {
|
||||||
|
|
||||||
|
}
|
||||||
|
.ui-jqgrid .tree-wrap-ltr {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .tree-wrap-rtl {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-ellipsis {
|
||||||
|
-moz-text-overflow:ellipsis;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
}
|
||||||
|
/* Toolbar Search Menu. Nav menu */
|
||||||
|
.ui-search-menu,
|
||||||
|
.ui-nav-menu {
|
||||||
|
position: absolute;
|
||||||
|
padding: 2px 5px;
|
||||||
|
z-index:99999;
|
||||||
|
}
|
||||||
|
.ui-search-menu.ui-menu .ui-menu-item,
|
||||||
|
.ui-nav-menu.ui-menu .ui-menu-item
|
||||||
|
{
|
||||||
|
list-style-image: none;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.ui-search-menu.ui-menu .ui-menu-item a,
|
||||||
|
.ui-nav-menu.ui-menu .ui-menu-item a
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.ui-search-menu.ui-menu .ui-menu-item a.g-menu-item:hover,
|
||||||
|
.ui-nav-menu.ui-menu .ui-menu-item a.g-menu-item:hover
|
||||||
|
{
|
||||||
|
margin: -1px;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-search-table {
|
||||||
|
padding: 0;
|
||||||
|
border: 0 none;
|
||||||
|
height:20px;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-search-table .ui-search-oper {
|
||||||
|
width:20px;
|
||||||
|
}
|
||||||
|
a.g-menu-item, a.soptclass, a.clearsearchclass {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-jqgrid-view input,
|
||||||
|
.ui-jqgrid .ui-jqgrid-view select,
|
||||||
|
.ui-jqgrid .ui-jqgrid-view textarea,
|
||||||
|
.ui-jqgrid .ui-jqgrid-view button {
|
||||||
|
//font-size: 11px
|
||||||
|
}
|
||||||
|
.ui-jqgrid .ui-scroll-popup {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
.ui-search-table select,
|
||||||
|
.ui-search-table input
|
||||||
|
{
|
||||||
|
padding: 4px 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-disabled {
|
||||||
|
opacity: .35;
|
||||||
|
filter:Alpha(Opacity=35); /* support: IE8 */
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.ui-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: rgba(0,0,0,0.5);
|
||||||
|
opacity: .3;
|
||||||
|
filter: Alpha(Opacity=30); /* support: IE8 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-jqgrid-pager .ui-pg-table .ui-pg-button:hover,
|
||||||
|
.ui-jqgrid-toppager .ui-pg-table .ui-pg-button:hover
|
||||||
|
{
|
||||||
|
background-color: #ddd;
|
||||||
|
}
|
||||||
|
.ui-jqgrid-corner {
|
||||||
|
border-radius: 5px
|
||||||
|
}
|
||||||
|
.ui-resizable-handle {
|
||||||
|
//position: absolute;
|
||||||
|
display: block;
|
||||||
|
left :97%;
|
||||||
|
}
|
||||||
|
.ui-jqdialog .ui-resizable-se {
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
right: -5px;
|
||||||
|
bottom: -5px;
|
||||||
|
background-position: 16px 16px;
|
||||||
|
}
|
||||||
|
.ui-resizable-se {
|
||||||
|
cursor: se-resize;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
right: 1px;
|
||||||
|
bottom: 1px;
|
||||||
|
}
|
||||||
|
.ui-top-corner {
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
border-top-right-radius: 5px;
|
||||||
|
}
|
||||||
|
.ui-bottom-corner {
|
||||||
|
border-bottom-left-radius: 5px;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-search-table {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.ui-search-table .columns, .ui-search-table .operators {
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
.opsel {
|
||||||
|
float :left;
|
||||||
|
width : 100px;
|
||||||
|
margin-right : 5px;
|
||||||
|
}
|
||||||
|
.add-group, .add-rule, .delete-group {
|
||||||
|
width: 14%;
|
||||||
|
margin-right : 5px;
|
||||||
|
}
|
||||||
|
.delete-rule {
|
||||||
|
width : 15px;
|
||||||
|
}
|
||||||
|
ul.ui-search-menu, ul.ui-nav-menu {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
ul.ui-search-menu li a,
|
||||||
|
ul.ui-nav-menu li a,
|
||||||
|
.soptclass,
|
||||||
|
.clearsearchclass {
|
||||||
|
text-decoration: none;
|
||||||
|
color : #010101;
|
||||||
|
}
|
||||||
|
ul.ui-search-menu li a:hover, ul.ui-nav-menu li a:hover, a.soptclass:hover, a.clearsearchclass:hover {
|
||||||
|
background-color: #ddd;
|
||||||
|
padding: 1px 1px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
ul.ui-search-menu li, ul.ui-nav-menu li {
|
||||||
|
padding : 5px 5px;
|
||||||
|
}
|
||||||
|
.ui-menu-item hr {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
margin-top:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchFilter .ui-search-table td,
|
||||||
|
.searchFilter .ui-search-table th
|
||||||
|
{
|
||||||
|
border-top: 0px none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchFilter .queryresult {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.searchFilter .queryresult tr td{
|
||||||
|
border-top: 0px none;
|
||||||
|
}
|
||||||
|
.ui-search-label {
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frozen-div, .frozen-bdiv {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
.ui-jqgrid .ui-jqgrid-caption,
|
||||||
|
.ui-jqgrid .ui-jqgrid-pager,
|
||||||
|
.ui-jqgrid .ui-jqgrid-toppager,
|
||||||
|
.ui-jqgrid .ui-jqgrid-htable thead th,
|
||||||
|
.ui-jqgrid .ui-userdata-top,
|
||||||
|
.ui-jqgrid .ui-userdata-bottom,
|
||||||
|
.ui-jqgrid .ui-jqgrid-hdiv,
|
||||||
|
.ui-jqdialog .ui-jqdialog-titlebar
|
||||||
|
{
|
||||||
|
background-image: none, linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #ccc;
|
||||||
|
text-shadow: 0 1px 0 #fff;
|
||||||
|
}
|
||||||
|
*/
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -0,0 +1 @@
|
||||||
|
.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo, Monaco, Consolas, "Courier New", monospace;font-size:14px;outline:0;margin:0;display:block;padding:15px;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#fafafa}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
|
||||||
|
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
|
||||||
|
|
@ -0,0 +1,165 @@
|
||||||
|
|
||||||
|
/* Functional styling;
|
||||||
|
* These styles are required for noUiSlider to function.
|
||||||
|
* You don't need to change these rules to apply your design.
|
||||||
|
*/
|
||||||
|
.noUi-target,
|
||||||
|
.noUi-target * {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-ms-touch-action: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.noUi-base {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.noUi-origin {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.noUi-handle {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.noUi-stacking .noUi-handle {
|
||||||
|
/* This class is applied to the lower origin when
|
||||||
|
its values is > 50%. */
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.noUi-stacking + .noUi-origin {
|
||||||
|
/* Fix stacking order in IE7, which incorrectly
|
||||||
|
creates a new context for the origins. */
|
||||||
|
*z-index: -1;
|
||||||
|
}
|
||||||
|
.noUi-state-tap .noUi-origin {
|
||||||
|
-webkit-transition: left 0.3s, top 0.3s;
|
||||||
|
transition: left 0.3s, top 0.3s;
|
||||||
|
}
|
||||||
|
.noUi-state-drag * {
|
||||||
|
cursor: inherit !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slider size and handle placement;
|
||||||
|
*/
|
||||||
|
.noUi-horizontal {
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.noUi-horizontal .noUi-handle {
|
||||||
|
width: 34px;
|
||||||
|
height: 28px;
|
||||||
|
left: -17px;
|
||||||
|
top: -6px;
|
||||||
|
}
|
||||||
|
.noUi-horizontal.noUi-extended {
|
||||||
|
padding: 0 15px;
|
||||||
|
}
|
||||||
|
.noUi-horizontal.noUi-extended .noUi-origin {
|
||||||
|
right: -15px;
|
||||||
|
}
|
||||||
|
.noUi-vertical {
|
||||||
|
width: 18px;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-handle {
|
||||||
|
width: 28px;
|
||||||
|
height: 34px;
|
||||||
|
left: -6px;
|
||||||
|
top: -17px;
|
||||||
|
}
|
||||||
|
.noUi-vertical.noUi-extended {
|
||||||
|
padding: 15px 0;
|
||||||
|
}
|
||||||
|
.noUi-vertical.noUi-extended .noUi-origin {
|
||||||
|
bottom: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Styling;
|
||||||
|
*/
|
||||||
|
.noUi-background {
|
||||||
|
background: #FAFAFA;
|
||||||
|
box-shadow: inset 0 1px 1px #f0f0f0;
|
||||||
|
}
|
||||||
|
.noUi-connect {
|
||||||
|
background: #3FB8AF;
|
||||||
|
box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
|
||||||
|
-webkit-transition: background 450ms;
|
||||||
|
transition: background 450ms;
|
||||||
|
}
|
||||||
|
.noUi-origin {
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.noUi-target {
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid #D3D3D3;
|
||||||
|
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
|
||||||
|
}
|
||||||
|
.noUi-target.noUi-connect {
|
||||||
|
box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Handles and cursors;
|
||||||
|
*/
|
||||||
|
.noUi-dragable {
|
||||||
|
cursor: w-resize;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-dragable {
|
||||||
|
cursor: n-resize;
|
||||||
|
}
|
||||||
|
.noUi-handle {
|
||||||
|
border: 1px solid #D9D9D9;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #FFF;
|
||||||
|
cursor: default;
|
||||||
|
box-shadow: inset 0 0 1px #FFF,
|
||||||
|
inset 0 1px 7px #EBEBEB,
|
||||||
|
0 3px 6px -3px #BBB;
|
||||||
|
}
|
||||||
|
.noUi-active {
|
||||||
|
box-shadow: inset 0 0 1px #FFF,
|
||||||
|
inset 0 1px 7px #DDD,
|
||||||
|
0 3px 6px -3px #BBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Handle stripes;
|
||||||
|
*/
|
||||||
|
.noUi-handle:before,
|
||||||
|
.noUi-handle:after {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
height: 14px;
|
||||||
|
width: 1px;
|
||||||
|
background: #E8E7E6;
|
||||||
|
left: 14px;
|
||||||
|
top: 6px;
|
||||||
|
}
|
||||||
|
.noUi-handle:after {
|
||||||
|
left: 17px;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-handle:before,
|
||||||
|
.noUi-vertical .noUi-handle:after {
|
||||||
|
width: 14px;
|
||||||
|
height: 1px;
|
||||||
|
left: 6px;
|
||||||
|
top: 14px;
|
||||||
|
}
|
||||||
|
.noUi-vertical .noUi-handle:after {
|
||||||
|
top: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Disabled state;
|
||||||
|
*/
|
||||||
|
[disabled].noUi-connect,
|
||||||
|
[disabled] .noUi-connect {
|
||||||
|
background: #B8B8B8;
|
||||||
|
}
|
||||||
|
[disabled] .noUi-handle {
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.1 KiB |
|
|
@ -0,0 +1,620 @@
|
||||||
|
.simditor {
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #c9d8db;
|
||||||
|
}
|
||||||
|
.simditor .simditor-wrapper {
|
||||||
|
position: relative;
|
||||||
|
background: #ffffff;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.simditor .simditor-wrapper .simditor-placeholder {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
z-index: 0;
|
||||||
|
padding: 22px 15px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: arial, sans-serif;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #999999;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.simditor .simditor-wrapper.toolbar-floating .simditor-toolbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
.simditor .simditor-wrapper .simditor-image-loading {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: rgba(0, 0, 0, 0.4);
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.simditor .simditor-wrapper .simditor-image-loading span {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
background: #ffffff url(../../../img/loading-upload.gif) no-repeat center center;
|
||||||
|
border-radius: 30px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -15px 0 0 -15px;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
.simditor .simditor-wrapper .simditor-image-loading.uploading span {
|
||||||
|
background: #ffffff;
|
||||||
|
color: #333333;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body {
|
||||||
|
padding: 22px 15px 40px;
|
||||||
|
min-height: 300px;
|
||||||
|
outline: none;
|
||||||
|
cursor: text;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body a.selected {
|
||||||
|
background: #b3d4fd;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body a.simditor-mention {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body .simditor-table {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body .simditor-table.resizing {
|
||||||
|
cursor: col-resize;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body .simditor-table .simditor-resize-handle {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 10px;
|
||||||
|
height: 100%;
|
||||||
|
cursor: col-resize;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body pre {
|
||||||
|
/*min-height: 28px;*/
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
word-wrap: break-word !important;
|
||||||
|
white-space: pre-wrap !important;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body img {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body img.selected {
|
||||||
|
box-shadow: 0 0 0 4px #cccccc;
|
||||||
|
}
|
||||||
|
.simditor .simditor-paste-area,
|
||||||
|
.simditor .simditor-clean-paste-area {
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
resize: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar {
|
||||||
|
border-bottom: 1px solid #eeeeee;
|
||||||
|
background: #ffffff;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 0 0 6px;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul:after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > span.separator {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
background: #cfcfcf;
|
||||||
|
width: 1px;
|
||||||
|
height: 18px;
|
||||||
|
margin: 11px 15px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 50px;
|
||||||
|
height: 40px;
|
||||||
|
outline: none;
|
||||||
|
color: #333333;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item span {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item span.fa {
|
||||||
|
display: inline;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item:hover span {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.active {
|
||||||
|
background: #eeeeee;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.active span {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.disabled {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.disabled span {
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title span:before {
|
||||||
|
content: "T";
|
||||||
|
font-size: 19px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: 'Times New Roman';
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before {
|
||||||
|
content: 'H1';
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before {
|
||||||
|
content: 'H2';
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before {
|
||||||
|
content: 'H3';
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color {
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color span:before {
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 14px;
|
||||||
|
height: 4px;
|
||||||
|
background: #cccccc;
|
||||||
|
position: absolute;
|
||||||
|
top: 26px;
|
||||||
|
left: 50%;
|
||||||
|
margin: 0 0 0 -7px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color:hover:after {
|
||||||
|
background: #999999;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-color.disabled:after {
|
||||||
|
background: #dfdfdf;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-item {
|
||||||
|
position: relative;
|
||||||
|
z-index: 21;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-item span {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-item.toolbar-item-color:after {
|
||||||
|
background: #999999;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar > ul > li.menu-on .toolbar-menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 40px;
|
||||||
|
left: 0;
|
||||||
|
z-index: 20;
|
||||||
|
background: #ffffff;
|
||||||
|
text-align: left;
|
||||||
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul {
|
||||||
|
min-width: 160px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 10px 1px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item {
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 2em;
|
||||||
|
padding: 0 10px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item:hover {
|
||||||
|
background: #f6f6f6;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h2 {
|
||||||
|
font-size: 22px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h4 {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h5 {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu ul > li .separator {
|
||||||
|
display: block;
|
||||||
|
border-top: 1px solid #cccccc;
|
||||||
|
height: 0;
|
||||||
|
line-height: 0;
|
||||||
|
font-size: 0;
|
||||||
|
margin: 6px 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color {
|
||||||
|
width: 96px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list {
|
||||||
|
height: 40px;
|
||||||
|
margin: 10px 6px 6px 10px;
|
||||||
|
padding: 0;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
|
||||||
|
float: left;
|
||||||
|
margin: 0 4px 4px 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
|
||||||
|
display: block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
background: #dfdfdf;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
|
||||||
|
background: #333333;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
|
||||||
|
background: #E33737;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
|
||||||
|
background: #e28b41;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
|
||||||
|
background: #c8a732;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
|
||||||
|
background: #209361;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
|
||||||
|
background: #418caf;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
|
||||||
|
background: #aa8773;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
|
||||||
|
background: #999999;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
|
||||||
|
border: none;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
|
||||||
|
height: 16px;
|
||||||
|
padding: 0;
|
||||||
|
border: 2px solid #ffffff;
|
||||||
|
background: #f3f3f3;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
|
||||||
|
width: 16px;
|
||||||
|
display: block;
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected {
|
||||||
|
background: #cfcfcf;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul {
|
||||||
|
min-width: 240px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
|
||||||
|
position: absolute;
|
||||||
|
right: 0px;
|
||||||
|
top: 0px;
|
||||||
|
opacity: 0;
|
||||||
|
font-size: 100px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover {
|
||||||
|
display: none;
|
||||||
|
padding: 5px 8px 0;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
|
||||||
|
border-radius: 2px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover .settings-field {
|
||||||
|
margin: 0 0 5px 0;
|
||||||
|
font-size: 12px;
|
||||||
|
height: 25px;
|
||||||
|
line-height: 25px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover .settings-field label {
|
||||||
|
margin: 0 8px 0 0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover .settings-field input[type=text] {
|
||||||
|
float: left;
|
||||||
|
width: 200px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover .settings-field input[type=text].image-size {
|
||||||
|
width: 87px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover .settings-field .times {
|
||||||
|
float: left;
|
||||||
|
width: 26px;
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover.link-popover .btn-unlink, .simditor .simditor-popover.image-popover .btn-upload, .simditor .simditor-popover.image-popover .btn-restore {
|
||||||
|
float: left;
|
||||||
|
margin: 0 0 0 8px;
|
||||||
|
color: #333333;
|
||||||
|
font-size: 14px;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover.link-popover .btn-unlink span, .simditor .simditor-popover.image-popover .btn-upload span, .simditor .simditor-popover.image-popover .btn-restore span {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover.link-popover .btn-unlink:hover span, .simditor .simditor-popover.image-popover .btn-upload:hover span, .simditor .simditor-popover.image-popover .btn-restore:hover span {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover.image-popover .btn-upload {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.simditor .simditor-popover.image-popover .btn-upload input[type=file] {
|
||||||
|
position: absolute;
|
||||||
|
right: 0px;
|
||||||
|
top: 0px;
|
||||||
|
opacity: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 28px;
|
||||||
|
}
|
||||||
|
.simditor.simditor-mobile .simditor-toolbar > ul > li > .toolbar-item {
|
||||||
|
width: 46px;
|
||||||
|
}
|
||||||
|
.simditor.simditor-mobile .simditor-wrapper.toolbar-floating .simditor-toolbar {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.simditor .simditor-body, .editor-style {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: arial, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: #333;
|
||||||
|
outline: none;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body > :first-child, .editor-style > :first-child {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body a, .editor-style a {
|
||||||
|
color: #4298BA;
|
||||||
|
text-decoration: none;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body a:visited, .editor-style a:visited {
|
||||||
|
color: #4298BA;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body a:hover, .editor-style a:hover {
|
||||||
|
color: #0F769F;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body a:active, .editor-style a:active {
|
||||||
|
color: #9E792E;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body a:hover, .simditor .simditor-body a:active, .editor-style a:hover, .editor-style a:active {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body h1, .simditor .simditor-body h2, .simditor .simditor-body h3, .simditor .simditor-body h4, .simditor .simditor-body h5, .simditor .simditor-body h6, .editor-style h1, .editor-style h2, .editor-style h3, .editor-style h4, .editor-style h5, .editor-style h6 {
|
||||||
|
font-weight: normal;
|
||||||
|
margin: 40px 0 20px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body h1, .editor-style h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body h2, .editor-style h2 {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body h3, .editor-style h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body h4, .editor-style h4 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body h5, .editor-style h5 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body h6, .editor-style h6 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body p, .simditor .simditor-body div, .editor-style p, .editor-style div {
|
||||||
|
word-wrap: break-word;
|
||||||
|
margin: 0 0 15px 0;
|
||||||
|
color: #333;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body b, .simditor .simditor-body strong, .editor-style b, .editor-style strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body i, .simditor .simditor-body em, .editor-style i, .editor-style em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body u, .editor-style u {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body strike, .simditor .simditor-body del, .editor-style strike, .editor-style del {
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body ul, .simditor .simditor-body ol, .editor-style ul, .editor-style ol {
|
||||||
|
list-style: disc outside none;
|
||||||
|
margin: 15px 0;
|
||||||
|
padding: 0 0 0 40px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body ul ul, .simditor .simditor-body ul ol, .simditor .simditor-body ol ul, .simditor .simditor-body ol ol, .editor-style ul ul, .editor-style ul ol, .editor-style ol ul, .editor-style ol ol {
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body ul ul, .simditor .simditor-body ol ul, .editor-style ul ul, .editor-style ol ul {
|
||||||
|
list-style: circle outside none;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body ul ul ul, .simditor .simditor-body ol ul ul, .editor-style ul ul ul, .editor-style ol ul ul {
|
||||||
|
list-style: square outside none;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body ol, .editor-style ol {
|
||||||
|
list-style: decimal;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body blockquote, .editor-style blockquote {
|
||||||
|
border-left: 6px solid #ddd;
|
||||||
|
padding: 5px 0 5px 10px;
|
||||||
|
margin: 15px 0 15px 15px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body blockquote > :first-child, .editor-style blockquote > :first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body pre, .editor-style pre {
|
||||||
|
padding: 10px 5px 10px 10px;
|
||||||
|
margin: 15px 0;
|
||||||
|
display: block;
|
||||||
|
line-height: 18px;
|
||||||
|
background: #F0F0F0;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace;
|
||||||
|
overflow-x: auto;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body code, .editor-style code {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 4px;
|
||||||
|
margin: 0 5px;
|
||||||
|
background: #eeeeee;
|
||||||
|
border-radius: 3px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body hr, .editor-style hr {
|
||||||
|
display: block;
|
||||||
|
height: 0px;
|
||||||
|
border: 0;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
margin: 15px 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body table, .editor-style table {
|
||||||
|
width: 100%;
|
||||||
|
table-layout: fixed;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body table thead, .editor-style table thead {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body table td, .editor-style table td {
|
||||||
|
min-width: 40px;
|
||||||
|
height: 30px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 2px 4px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body table td.active, .editor-style table td.active {
|
||||||
|
background-color: #ffffee;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body img, .editor-style img {
|
||||||
|
margin: 0 5px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="0"], .editor-style *[data-indent="0"] {
|
||||||
|
margin-left: 0px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="1"], .editor-style *[data-indent="1"] {
|
||||||
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="2"], .editor-style *[data-indent="2"] {
|
||||||
|
margin-left: 80px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="3"], .editor-style *[data-indent="3"] {
|
||||||
|
margin-left: 120px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="4"], .editor-style *[data-indent="4"] {
|
||||||
|
margin-left: 160px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="5"], .editor-style *[data-indent="5"] {
|
||||||
|
margin-left: 200px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="6"], .editor-style *[data-indent="6"] {
|
||||||
|
margin-left: 240px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="7"], .editor-style *[data-indent="7"] {
|
||||||
|
margin-left: 280px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="8"], .editor-style *[data-indent="8"] {
|
||||||
|
margin-left: 320px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="9"], .editor-style *[data-indent="9"] {
|
||||||
|
margin-left: 360px;
|
||||||
|
}
|
||||||
|
.simditor .simditor-body *[data-indent="10"], .editor-style *[data-indent="10"] {
|
||||||
|
margin-left: 400px;
|
||||||
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue