icon sprite (04271adc) | Commits | dlstatic / static-wappnr

Browse Code »

Commit 04271adc07707ed3fbe09cd310b577229829ac0e

Authored by bichao.dong 2015-08-26 11:45:31 +0800

1 parent 9e46ed75

icon sprite

Inline Side-by-side

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 22 of 143 files are displayed.

2.0/index.html

View file @04271ad

1	1	<!DOCTYPE html>
2	2	<html>
3		-<head lang="en">
4		- <meta charset="UTF-8">
5		- <title></title>
	3	+<head>
	4	+ <meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
	5	+ <meta content="telephone=no" name="format-detection" />
	6	+ <meta content="black" name="apple-mobile-web-app-status-bar-style" />
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	8	+ <title>农丰网</title>
	9	+ <!-- css -->
	10	+ <link rel="stylesheet" type="text/css" href="../css/style/common.css">
6	11	</head>
7	12	<body>
	13	+<!-- 主体 -->
	14	+<div class="m-page" data-role="page" id="indexPage">
	15	+ <!-- private css -->
	16	+ <link rel="stylesheet" href="../css/style/idangerous.swiper.css">
	17	+ <link rel="stylesheet" href="../css/style/index.css">
8	18
	19	+ <header class="m-header header-search header-home">
	20	+ <div class="head">
	21	+ <span class="lt-bar"><i class="m-icon icon-logo"></i></span>
	22	+ <div class="search-box h-search">
	23	+ <i class="m-icon icon-search"></i>请输入关键字
	24	+ </div>
	25	+ </div>
	26	+ </header>
	27	+
	28	+ <div class="banner" id="banner">
	29	+ <!-- Swiper -->
	30	+ <div class="swiper-container">
	31	+ <div class="swiper-wrapper">
	32	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner1.png) center center no-repeat; background-size:100%;"></a>
	33	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner2.png) center center no-repeat; background-size:100%;"></a>
	34	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner3.png) center center no-repeat; background-size:100%;"></a>
	35	+ <a data-ajax="false" class="swiper-slide" href="$pic.linkUrl?source=wap" style="background:url(../temp/banner4.png) center center no-repeat; background-size:100%;"></a>
	36	+ </div>
	37	+ <!-- Add Pagination -->
	38	+ <div class="swiper-pagination"></div>
	39	+ </div>
	40	+ </div>
	41	+
	42	+ <ul class="menu">
	43	+ <li><a href="#"><i class="m-icon icon-pfsc"></i>批发市场</a></li>
	44	+ <li><a href="#"><i class="m-icon icon-cdzg"></i>产地直供</a></li>
	45	+ <li><a href="#"><i class="m-icon icon-tcls"></i>同城零售</a></li>
	46	+ <li><a href="#"><i class="m-icon icon-nhzy"></i>农户自营</a></li>
	47	+
	48	+ <li><a href="#"><i class="m-icon icon-gqxx"></i>供求信息</a></li>
	49	+ <li><a href="#"><i class="m-icon icon-yqxx"></i>预售信息</a></li>
	50	+ <li><a href="#"><i class="m-icon icon-jhd"></i>进货单</a></li>
	51	+ <li><a href="#"><i class="m-icon icon-wdnf"></i>我的农丰</a></li>
	52	+ </ul>
	53	+
	54	+ <div class="category">
	55	+ <p class="title">热门采购</p>
	56	+ <ul class="clearfix"></ul>
	57	+ </div>
	58	+
	59	+ <!-- 搜索 -->
	60	+ <div class="s-page">
	61	+ <header class="m-header header-search">
	62	+ <div class="head">
	63	+ <span class="lt-bar m-icon icon-back white"></span>
	64	+ <span class="m-dropdown">
	65	+ <span class="search-type-box current">商品</span>
	66	+ <ul class="dropdown-items">
	67	+ <li class="item"><a href="javascript:;"><i class="m-icon icon-bag"></i>商品</a></li>
	68	+ <li class="item"><a href="javascript:;"><i class="m-icon icon-shop"></i>店铺</a></li>
	69	+ </ul>
	70	+ </span>
	71	+ <div class="search-box">
	72	+ <div class="input-wrap">
	73	+ <input type="text" id="search-val" class="m-input" placeholder="请输入关键字" autocomplete="off">
	74	+ </div>
	75	+ </div>
	76	+ <a href="/goods/searchByKeyword.do" ohref="/shop/getByKey.do" class="rt-bar text" id="search-btn">搜索</a>
	77	+ </div>
	78	+ </header>
	79	+ <div class="content search-list" id="cotent">
	80	+ <!-- 搜索历史开始 -->
	81	+ <ul class="m-table-view"></ul>
	82	+ <!-- 搜索历史结束 -->
	83	+ <div class="m-no-data m-hide">
	84	+ <div class="no-data-icon"></div>
	85	+ <p>未查找到相关数据</p>
	86	+ </div>
	87	+ <div class="clear-history m-hide">
	88	+ <span class="m-btn">清空历史记录</span>
	89	+ </div>
	90	+
	91	+ </div>
	92	+ </div>
	93	+
	94	+
	95	+ <!-- app download -->
	96	+ <div class="to-app-box">
	97	+ <div class="to-app-bg clearfix">
	98	+ <div class="ll">
	99	+ <span class="app-close"></span><span class="app-logo"></span><div class="app-info">下载农丰网APP<p>随时随地做生意</p></div>
	100	+ </div>
	101	+ <span class="app-download rr" id="applink"></span>
	102	+ </div>
	103	+ </div>
	104	+
	105	+ <script type="text/template" id="productCategorysTmpl">
	106	+ <%_.each(productCategorys, function(item){%>
	107	+ <li>
	108	+ <a href="/category/getSecondCategory.do?id=<%=item.Id%>">
	109	+ <img src="<%=item.imgUrl%>"><div class="desc">
	110	+ <%=item.Name%><p><%=descText[item.Name] \|\| '提供'+item.Name+'商品等'%></p>
	111	+ </div>
	112	+ </a>
	113	+ </li>
	114	+ <%})%>
	115	+ </script>
	116	+
	117	+ <script>
	118	+ // seajs.use(['/js/javascript/index/index']);
	119	+ </script>
	120	+</div>
9	121	</body>
10	122	</html>
11	123	\ No newline at end of file
...	...

Gruntfile.js 0 → 100755

View file @04271ad

	1	+'use strict';
	2	+
	3	+module.exports = function (grunt) {
	4	+ grunt.initConfig({
	5	+ pkg: grunt.file.readJSON('package.json'),
	6	+ less: {
	7	+ dist: {
	8	+ files: [{
	9	+ expand: true,
	10	+ cwd: 'css',
	11	+ src: ['*.less'],
	12	+ dest: 'css',
	13	+ ext: '.css'
	14	+ }]
	15	+ }
	16	+ },
	17	+ sprite:{
	18	+ all: {
	19	+ // 待合并的文件
	20	+ src : 'images/src/*.png',
	21	+ // 合并后输出的文件
	22	+ dest : 'images/dist/sprite.png',
	23	+ // 输出对应雪碧图的样式
	24	+ destCss : 'css/style/m/sprite.less',
	25	+ // 可选: 手动指定样式里引用图片的路径
	26	+ imgPath : '../../images/dist/sprite.png',
	27	+ cssVarMap: function(sprite) {
	28	+ sprite.name = sprite.name.replace(/^\s{1}/, ''); //去除文件名前空白
	29	+ sprite.name = sprite.name.replace('@2x', '');
	30	+ sprite.name = sprite.name.replace(/^\d\./, '');
	31	+ sprite.name = 'icon-' + sprite.name;
	32	+ },
	33	+ // 可选: 指定算法 (top-down, left-right, diagonal,alt-diagonal, binary-tree )等
	34	+ // 默认是top-down,二叉树合并出来的图体积最小
	35	+ algorithm : 'binary-tree',
	36	+ // 可选: 指定CSS格式 (默认根据destCSS中的后缀设置格式)
	37	+ // (stylus, scss, scss_maps, sass, less, json, json_array, css)
	38	+ cssFormat : 'less'
	39	+ }
	40	+ },
	41	+ watch: {
	42	+ options: {
	43	+ nospawn: true
	44	+ },
	45	+ css: {
	46	+ files: [
	47	+ 'css/*.less'
	48	+ ],
	49	+ tasks: ['less'],
	50	+ options: {
	51	+ livereload: true
	52	+ }
	53	+ }
	54	+ }
	55	+ });
	56	+
	57	+ grunt.loadNpmTasks( "grunt-contrib-less" );
	58	+ grunt.loadNpmTasks( "grunt-contrib-watch" );
	59	+ grunt.loadNpmTasks('grunt-spritesmith');
	60	+
	61	+ grunt.registerTask('default', [
	62	+ 'sprite'
	63	+ ]);
	64	+};
...	...

Node.gitignore 0 → 100755

View file @04271ad

	1	+# Logs
	2	+logs
	3	+*.log
	4	+
	5	+# Runtime data
	6	+pids
	7	+*.pid
	8	+*.seed
	9	+
	10	+# Directory for instrumented libs generated by jscoverage/JSCover
	11	+lib-cov
	12	+
	13	+# Coverage directory used by tools like istanbul
	14	+coverage
	15	+
	16	+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
	17	+.grunt
	18	+
	19	+# node-waf configuration
	20	+.lock-wscript
	21	+
	22	+# Compiled binary addons (http://nodejs.org/api/addons.html)
	23	+build/Release
	24	+
	25	+# Dependency directory
	26	+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
	27	+node_modules
...	...

css/less/add-activity.less deleted 100644 → 0

View file @9e46ed7

1		-/zzf/
2		-// @import "./m-public";/基类/
3		-// @import "./m_form";/列表/
4		-// @import "./m_table_view";/列表/
5		-@import "m/var";
6		-@import "m/m-imguploader";
7		-
8		-
9		-
10		-span.icon-more {
11		- background: url("../../images/icon.png") -31px -236px repeat;
12		- width: 9px;
13		- height: 16px;
14		- display: inline-block;
15		- background-size: 150px;
16		- vertical-align: middle;
17		-}
18		-.m-table-view {
19		- .txt {
20		- font-size: 14px;
21		- color: #999;
22		- margin-right: 15px;
23		- }
24		-
25		- .m-select{
26		- margin-right:15px;
27		- }
28		-}
29		-.send-view {
30		- border-bottom: 1px solid @br-ddd;
31		- border-top: 1px solid @br-ddd;
32		- margin-top: 10px;
33		- background: @bg-fff;
34		- padding: 15px;
35		- textarea {
36		- // width: 100%;
37		- // margin: 0px;
38		- // padding: 0px;
39		- border: 1px solid @br-ddd;
40		- min-height: 100px;
41		- }
42		- .upload {
43		- margin-top: 5px;
44		- img {
45		- width: 65px;
46		- height: 65px;
47		- }
48		- ul {
49		- float: left;
50		- li {
51		- float: left;
52		- margin-right: 5px;
53		- }
54		- }
55		- .add {
56		- width: 65px;
57		- height: 65px;
58		- float: left;
59		- border: 1px dashed #ddd;
60		- cursor: pointer;
61		- position: relative;
62		- overflow: hidden;
63		- .icon-add {
64		- background: url("../../images/upload.png") -121px 0px repeat;
65		- width: 30px;
66		- height: 30px;
67		- display: inline-block;
68		- background-size: 75px;
69		- margin: 17px;
70		- }
71		- }
72		- input{
73		- position: absolute;
74		- left: 0;
75		- right: 0;
76		- top: 0;
77		- bottom: 0;
78		- opacity: 0;
79		- }
80		- }
81		-}
82		-
83		-
84		-

css/less/comment_list.less deleted 100644 → 0

View file @9e46ed7

1		-@import "m/var";
2		-
3		-.commentList {
4		- .comment {
5		- border-top: 1px solid #ddd;
6		- }
7		-}
8	0	\ No newline at end of file

css/less/comment_new.less deleted 100644 → 0

View file @9e46ed7

1		-@import "m/var";
2		-
3		-.commentNew {
4		- background-color: #F5F5F5;
5		- .comment {
6		- }
7		- .m-table-view{
8		- margin-top: 0;
9		- border: none;
10		- }
11		- .product-item{
12		- margin-bottom: 10px;
13		- background: #fff;
14		- border: 1px solid #ddd;
15		- border-width: 1px 0;
16		- }
17		- .star{
18		- padding: 15px;
19		- overflow: hidden;
20		- .title, .text{
21		- float: left;
22		- font-size: 14px;
23		- color: #333;
24		- line-height: 25px;
25		- }
26		-
27		- .text{
28		- font-size: 12px;
29		- line-height: 22px;
30		- color: #BBB;
31		- margin: 3px 0 0 10px;
32		- }
33		- }
34		- .text-box{
35		- padding: 0 15px 10px;
36		- .m-textarea{
37		- margin-top: 0;
38		- border: 1px solid #ccc;
39		- min-height: 60px;
40		- padding: 10px;
41		- }
42		- }
43		- .m-footer{
44		- text-align: center;
45		- .m-btn{
46		- display: inline-block;
47		- width: 145px;
48		- }
49		- }
50		-}
51	0	\ No newline at end of file

css/less/common.less deleted 100644 → 0

View file @9e46ed7

1		-/***************************************************
2		-* feature : 零散的ui组件的集合;
3		-* update : 2015/02/03;
4		-* use : import 本文件;
5		-* desc : 仅需在HTML Page引入本文件，即可调用到 reset、通用UI样式;
6		-* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
7		-* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
8		-****************************************************/
9		-
10		-
11		-
12		-//具体UI组件
13		-@import "m/m_reset";
14		-@import "m/var";
15		-@import "m/m_header";
16		-@import "m/m_footer";
17		-@import "m/m_icon";
18		-@import "m/m_segment";
19		-@import "m/m_table";
20		-@import "m/m_btn";
21		-@import "m/m_form";
22		-@import "m/m_mask";
23		-@import "m/m_popup";
24		-@import "m/m_slider";
25		-@import "m/m_stat";
26		-@import "m/m_like";
27		-@import "m/m_step";
28		-@import "m/m_message";
29		-@import "m/m_tips";
30		-@import "m/m_tab";
31		-@import "m/m_table_view";
32		-@import "m/m_actionsheet";
33		-@import "m/m_dropdown";
34		-@import "m/utilities";
35		-@import "m/m_bar";
36		-@import "m/animation";
37		-
38		-
39		-//extend & patch
40		-
41		-
42		-//dev 临时重置方案
43		-*{
44		- margin: 0;
45		- padding: 0;
46		- border: none;
47		- -webkit-text-size-adjust: none;
48		-}
49		-
50		-
51		-ul{
52		- list-style: none;
53		-}
54		-
55		-.m-page{
56		- padding-bottom: 80px;
57		- // background-color: #FFF;
58		-}
59		-
60		-
61		-.m-list-text{
62		- background-color: #FFF;
63		- border-top: 1px solid #ddd;
64		- li{
65		- padding: 15px;
66		- border-bottom: 1px solid #ddd;
67		- }
68		- .author{
69		- float: right;
70		- font-size: 12px;
71		- color: #999;
72		- }
73		- p{
74		- color: #666;
75		- font-size: 14px;
76		- }
77		-}
78		-
79		-//搜索
80		-.s-page{
81		- position: absolute;
82		- left: 0;
83		- top:0;
84		- width: 100%;
85		- min-height: 100%;
86		- background: #f5f5f5;
87		- display: none;
88		-}
89		-
90		-
91		-
92		-//页面切换交互
93		-.transition-wrapper{
94		- height: 100%;
95		- width: 100%;
96		- overflow: hidden;
97		- .m-page{
98		- height: 100%;
99		- overflow-x:hidden;
100		- overflow-y:auto;
101		- }
102		- body{
103		- height: 100%;
104		- width: 100%;
105		- overflow: hidden;
106		- position: relative;
107		- }
108		-}
109		-.transition-up{
110		- background: #F5F5F5;
111		- width: 100%;
112		- height: 100%;
113		- position: absolute;
114		- top: 0;
115		- left: 0;
116		- z-index: 999;
117		- overflow-x: hidden;
118		- overflow-y: auto;
119		- padding-bottom: 20px;
120		- -webkit-transform: translate3d(0px,100%,0px);
121		- -moz-transform: translate3d(0px,100%,0px);
122		- transform: translate3d(0px,100%,0px);
123		- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
124		- -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
125		- -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
126		- transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
127		- // display: none;
128		- .transition-content{
129		- min-height: 100%;
130		- overflow-x: hidden;
131		- overflow-y: auto;
132		- }
133		- &.show{
134		- // display: block;
135		- -webkit-transform: translate3d(0px,0%,0px);
136		- -moz-transform: translate3d(0px,0%,0px);
137		- transform: translate3d(0px,0%,0px);
138		- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
139		- -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
140		- -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
141		- transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
142		- }
143		-}
144		-
145		- // 没有数据
146		- .m-no-data{
147		- margin-top: 50px;
148		- text-align: center;
149		- font-size: 18px;
150		- color:#666;
151		- .no-data-icon{
152		- height: 150px;
153		- background:url("@{imgURI}no-data.png") center center no-repeat;
154		- background-size: 150px;
155		- margin-bottom: 20px;
156		- }
157		- }
158		-
159		-
160		-// 城市选择
161		-
162		-.m-city{
163		- white-space: nowrap;
164		- overflow: hidden;
165		- text-overflow: ellipsis;
166		- max-width: 70%;
167		- display: inline-block;
168		- vertical-align: middle;
169		-}
170		-
171		-
172		-// app download
173		-
174		-.to-app-box{
175		- position: fixed;
176		- bottom: -100%;
177		- left: 0;
178		- width: 100%;
179		- .ll{
180		- float: left;
181		- }
182		- .rr{
183		- float: right;
184		- }
185		- .to-app-bg{
186		- padding: 10px;
187		- background: rgba(0, 0, 0, 0.70);
188		- }
189		- .app-close,
190		- .app-logo,
191		- .app-info{
192		- display: inline-block;
193		- vertical-align: middle;
194		- margin-right: 10px;
195		- }
196		- .app-close{
197		- width: 18px;
198		- height: 19px;
199		- background: url("../../images/icon.png") -38px -343px no-repeat;
200		- background-size: 150px;
201		- }
202		- .app-logo{
203		- width: 35px;
204		- height: 36px;
205		- background: url("../../images/icon.png") 0 -343px no-repeat;
206		- background-size: 150px;
207		- }
208		- .app-info{
209		- color: #fff;
210		- font-size: 15px;
211		- p{
212		- font-size: 12px;
213		- }
214		- }
215		- .app-download{
216		- width: 89px;
217		- height: 36px;
218		- margin-top: 3px;
219		- background: url("../../images/icon.png") -61px -343px no-repeat;
220		- background-size: 150px;
221		- }
222		-}
223		-
224		-
225		-
226		-
227		-
228		-
229		-

css/less/feedback.less deleted 100644 → 0

View file @9e46ed7

1		-@import "m/var";
2		-.feedbackPage{
3		- .m-textarea{
4		- margin-top: 0;
5		- }
6		-}
7	0	\ No newline at end of file

css/less/index.less deleted 100644 → 0

View file @9e46ed7

1		-@import "m/var";
2		-
3		-// @import "m_header_search";/搜索/
4		-// // @import "./location";/市场定位/
5		-@import "./searchIndex";/搜索/
6		-// body{
7		-// width: 100%;
8		-// height: 100%;
9		-// overflow: hidden;
10		-// position: relative;
11		-// }
12		-.banner{
13		- height: 120px;
14		- position: relative;
15		- overflow: hidden;
16		- a{
17		- display: block;
18		- height: 100%;
19		- }
20		- img{
21		- width: 100%;
22		- height: 100%;
23		- }
24		- .pagination{
25		- position: absolute;
26		- bottom: 10px;
27		- left: 0;
28		- width: 100%;
29		- text-align: center;
30		- line-height: 9px;
31		- .swiper-pagination-switch {
32		- display: inline-block;
33		- width: 9px;
34		- height: 9px;
35		- background: rgba(255, 255, 255, 0.60);
36		- border-radius: 100%;
37		- margin:0 4px;
38		- }
39		- .swiper-active-switch{
40		- background: #66cc22;
41		- }
42		- }
43		-}
44		-
45		-
46		-
47		-.p-page{
48		- // position: absolute;
49		- // width: 100%;
50		- // left: 0;
51		- // top: 100%;
52		- width: 100%;
53		- min-height: 100%;
54		- position: absolute;
55		- top: 0;
56		- left: 0;
57		- z-index: 999;
58		- overflow-x: hidden;
59		- overflow-y: auto;
60		- padding-bottom: 20px;
61		- -webkit-transform: translate3d(0px,100%,0px);
62		- -moz-transform: translate3d(0px,100%,0px);
63		- transform: translate3d(0px,100%,0px);
64		- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
65		- -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
66		- -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
67		- transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
68		-}
69		-.p-page.show{
70		- // animation: pageshow 0.5s;
71		- // -moz-animation: pageshow 0.5s; /* Firefox */
72		- // -webkit-animation: pageshow 0.5s; /* Safari 和 Chrome */
73		- // -o-animation: pageshow 0.5s; /* Opera */
74		- // top: 0;
75		- -webkit-transform: translate3d(0px,0%,0px);
76		- -moz-transform: translate3d(0px,0%,0px);
77		- transform: translate3d(0px,0%,0px);
78		- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
79		- -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
80		- -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
81		- transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
82		-}
83		-.p-page .page-content{
84		- display: none;
85		-}
86		-.page-content.show{
87		- display: block;
88		-}
89		-
90		-
91		- @border-ddd:1px #ddd solid;
92		-
93		-.menu{
94		- padding: 15px 10px;
95		- text-align: center;
96		- background-color: #fff;
97		- border-bottom: @border-ddd;
98		- overflow: hidden;
99		- li{
100		- float: left;
101		- width: 25%;
102		- text-align: center;
103		- }
104		- a{
105		- display: inline-block;
106		- font-size: 12px;
107		- }
108		- .menu-icon{
109		- display: block;
110		- background: url('@{iconURI}icon.png') no-repeat;
111		- background-size: 150px;
112		- width:55px;
113		- height: 55px;
114		- margin-bottom: 5px;
115		- }
116		- #mi2{
117		- background-position: -55px 0;
118		- }
119		- #mi3{
120		- background-position: 0 -55px;
121		- }
122		- #mi4{
123		- background-position: -55px -55px;
124		- }
125		-}
126		-
127		-
128		-
129		-
130		-
131		-.category{
132		- background: #fff;
133		- margin-top: 10px;
134		- border-top:@border-ddd;
135		- border-bottom: @border-ddd;
136		-
137		- .title{
138		- height: 40px;
139		- line-height: 40px;
140		- padding-left: 15px;
141		- font-size: 14px;
142		- }
143		- li{
144		- border-top:@border-ddd;
145		- border-left: @border-ddd;
146		- margin-left: -1px;
147		- padding: 10px 0;
148		- float: left;
149		- width: 50%;
150		- a{
151		- display: block;
152		- }
153		- .desc{
154		- display: inline-block;
155		- vertical-align: middle;
156		- font-size: 14px;
157		- overflow: hidden;
158		- text-overflow: ellipsis;
159		- white-space: nowrap;
160		- padding-left: 60px;
161		- margin-left: -60px;
162		- box-sizing: border-box;
163		- width: 100%;
164		- p{
165		- color: #999;
166		- font-size: 12px;
167		- overflow: hidden;
168		- text-overflow: ellipsis;
169		- white-space: nowrap;
170		- }
171		- }
172		- img{
173		- display: inline-block;
174		- width: 40px;
175		- height: 40px;
176		- margin: 0 10px;
177		- float: left;
178		- }
179		- }
180		-}
181		-
182		-.m-slider{
183		- height: 100px;
184		-}

css/less/invalidList.less deleted 100644 → 0

View file @9e46ed7

1		-@import "m/var";
2		-
3		-.invalidList{
4		- .m-table-view{
5		- padding: 0 10px;
6		- margin: 0;
7		- box-sizing: border-box;
8		- border-top: none;
9		- border-bottom: 1px solid #ddd;
10		- li:last-child{
11		- border-bottom: none;
12		- }
13		- }
14		- .cell-extend-pic{
15		- padding-left: 110px;
16		- .text{
17		- padding-right: 0;
18		- }
19		- }
20		- .invalid{
21		- float: left;
22		- background-color: #aaa;
23		- border-radius: 2px;
24		- margin-left: -110px;
25		- line-height: 20px;
26		- text-align: center;
27		- padding: 0 3px;
28		- color: #FFF;
29		- margin-top: 20px;
30		- }
31		-}
32	0	\ No newline at end of file

css/less/location.less deleted 100644 → 0

View file @9e46ed7

1		-// @import "m-public";
2		-// @import "m_icon";
3		-// @import "m_header";
4		-// @import "./m-list-view";/列表显示类/
5		-
6		-@import "m/var";
7		-
8		-h2{
9		- font-size: 14px;
10		- color: #666;
11		- height: 30px;
12		- line-height: 30px;
13		- background: #eee;
14		- padding-left: 15px;
15		- font-weight: normal;
16		-}
17		-.icon-location{
18		- margin-right: 8px;
19		-}
20		-.as-block{
21		- padding-left: 15px;
22		- font-size: 14px;
23		-}
24		-
25		-.m-table-view{
26		- margin: 0;
27		-}
28	0	\ No newline at end of file

css/less/login.less deleted 100644 → 0

View file @9e46ed7

1		-/zzf/
2		-@import "m/var";
3		-
4		-.m-table-view {
5		- background-color: #FFF;
6		- .cell {
7		- padding: 1px 15px 1px 38px;
8		- }
9		- .title {
10		- line-height: 42px;
11		- margin-left: -28px;
12		- color: #333;
13		- }
14		- .text {
15		- line-height: 42px;
16		- }
17		- .m-input {
18		- float: left;
19		- width: 100%;
20		- padding: 10px 0;
21		- color: #bbb;
22		- }
23		- .ver-code {
24		- padding-right: 110px;
25		- position: relative;
26		- .m-btn {
27		- position: absolute;
28		- right: 10px;
29		- top: 50%;
30		- margin-top: -12px;
31		- width: 90px;
32		- }
33		- a.gray-btn {
34		- color: #ccc;
35		- border:1px solid #ccc;
36		- }
37		- }
38		-}
39		-
40		-.btn-bar{
41		- text-align: center;
42		- padding: 10px;
43		- .m-btn{
44		- display: block;
45		- }
46		-}
47		-
48		-.phone-num{
49		- margin: 15px;
50		- font-size: 14px;
51		-}
52		-
53		-.tips{
54		- font-size: 12px;
55		- color: #999;
56		- margin: 5px 15px 0;
57		-}
58		-
59		-.btns{
60		- overflow: hidden;
61		- margin-bottom: 5px;
62		- .m-btn{
63		- float: left;
64		- width: 113px;
65		- &:last-child{
66		- width: 115px;
67		- float: right;
68		- }
69		- }
70		-}
71		-
72		-.forgot-pwd{
73		- text-align: right;
74		- display: block;
75		- padding-right: 10px;
76		- font-size: 14px;
77		- color: #6EC6EC;
78		-}
79		-
80		-.license{
81		- font-size: 13px;
82		- color: #999;
83		- margin: 15px;
84		-}
85		-
86		-.m-tab{
87		- padding: 0;
88		- li{
89		- width: 50%;
90		- box-sizing: border-box;
91		- padding: 0;
92		- a{
93		- &:before{
94		- content: '';
95		- position: absolute;
96		- right: 0;
97		- top: 50%;
98		- height: 30px;
99		- width: 1px;
100		- font-size: 0;
101		- margin-top: -15px;
102		- overflow: hidden;
103		- background-color: #DDD;
104		- }
105		- }
106		- &:last-child{
107		- a{
108		- &:before{
109		- display: none;
110		- }
111		- }
112		- }
113		- }
114		-}
115		-.tip {
116		- color: #999;
117		- margin-left: 15px;
118		- margin-top: 10px;
119		- font-size: 12px;
120		-}
121		-.user-name, .user-phone {
122		- .cell {
123		- padding-left: 15px;
124		- }
125		-}

css/less/m/animation.less deleted 100644 → 0

View file @9e46ed7

1		-@charset "UTF-8";
2		-.animated {
3		- -webkit-animation-duration: 1s;
4		- animation-duration: 1s;
5		- -webkit-animation-fill-mode: both;
6		- animation-fill-mode: both;
7		-}
8		-
9		-.animated.infinite {
10		- -webkit-animation-iteration-count: infinite;
11		- animation-iteration-count: infinite;
12		-}
13		-
14		-.animated.hinge {
15		- -webkit-animation-duration: 2s;
16		- animation-duration: 2s;
17		-}
18		-
19		-@-webkit-keyframes bounce {
20		- 0%, 20%, 53%, 80%, 100% {
21		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
22		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
23		- -webkit-transform: translate3d(0,0,0);
24		- transform: translate3d(0,0,0);
25		- }
26		-
27		- 40%, 43% {
28		- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
29		- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
30		- -webkit-transform: translate3d(0, -30px, 0);
31		- transform: translate3d(0, -30px, 0);
32		- }
33		-
34		- 70% {
35		- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
36		- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
37		- -webkit-transform: translate3d(0, -15px, 0);
38		- transform: translate3d(0, -15px, 0);
39		- }
40		-
41		- 90% {
42		- -webkit-transform: translate3d(0,-4px,0);
43		- transform: translate3d(0,-4px,0);
44		- }
45		-}
46		-
47		-@keyframes bounce {
48		- 0%, 20%, 53%, 80%, 100% {
49		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
50		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
51		- -webkit-transform: translate3d(0,0,0);
52		- transform: translate3d(0,0,0);
53		- }
54		-
55		- 40%, 43% {
56		- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
57		- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
58		- -webkit-transform: translate3d(0, -30px, 0);
59		- transform: translate3d(0, -30px, 0);
60		- }
61		-
62		- 70% {
63		- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
64		- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
65		- -webkit-transform: translate3d(0, -15px, 0);
66		- transform: translate3d(0, -15px, 0);
67		- }
68		-
69		- 90% {
70		- -webkit-transform: translate3d(0,-4px,0);
71		- transform: translate3d(0,-4px,0);
72		- }
73		-}
74		-
75		-.bounce {
76		- -webkit-animation-name: bounce;
77		- animation-name: bounce;
78		- -webkit-transform-origin: center bottom;
79		- -ms-transform-origin: center bottom;
80		- transform-origin: center bottom;
81		-}
82		-
83		-@-webkit-keyframes flash {
84		- 0%, 50%, 100% {
85		- opacity: 1;
86		- }
87		-
88		- 25%, 75% {
89		- opacity: 0;
90		- }
91		-}
92		-
93		-@keyframes flash {
94		- 0%, 50%, 100% {
95		- opacity: 1;
96		- }
97		-
98		- 25%, 75% {
99		- opacity: 0;
100		- }
101		-}
102		-
103		-.flash {
104		- -webkit-animation-name: flash;
105		- animation-name: flash;
106		-}
107		-
108		-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
109		-
110		-@-webkit-keyframes pulse {
111		- 0% {
112		- -webkit-transform: scale3d(1, 1, 1);
113		- transform: scale3d(1, 1, 1);
114		- }
115		-
116		- 50% {
117		- -webkit-transform: scale3d(1.05, 1.05, 1.05);
118		- transform: scale3d(1.05, 1.05, 1.05);
119		- }
120		-
121		- 100% {
122		- -webkit-transform: scale3d(1, 1, 1);
123		- transform: scale3d(1, 1, 1);
124		- }
125		-}
126		-
127		-@keyframes pulse {
128		- 0% {
129		- -webkit-transform: scale3d(1, 1, 1);
130		- transform: scale3d(1, 1, 1);
131		- }
132		-
133		- 50% {
134		- -webkit-transform: scale3d(1.05, 1.05, 1.05);
135		- transform: scale3d(1.05, 1.05, 1.05);
136		- }
137		-
138		- 100% {
139		- -webkit-transform: scale3d(1, 1, 1);
140		- transform: scale3d(1, 1, 1);
141		- }
142		-}
143		-
144		-.pulse {
145		- -webkit-animation-name: pulse;
146		- animation-name: pulse;
147		-}
148		-
149		-@-webkit-keyframes rubberBand {
150		- 0% {
151		- -webkit-transform: scale3d(1, 1, 1);
152		- transform: scale3d(1, 1, 1);
153		- }
154		-
155		- 30% {
156		- -webkit-transform: scale3d(1.25, 0.75, 1);
157		- transform: scale3d(1.25, 0.75, 1);
158		- }
159		-
160		- 40% {
161		- -webkit-transform: scale3d(0.75, 1.25, 1);
162		- transform: scale3d(0.75, 1.25, 1);
163		- }
164		-
165		- 50% {
166		- -webkit-transform: scale3d(1.15, 0.85, 1);
167		- transform: scale3d(1.15, 0.85, 1);
168		- }
169		-
170		- 65% {
171		- -webkit-transform: scale3d(.95, 1.05, 1);
172		- transform: scale3d(.95, 1.05, 1);
173		- }
174		-
175		- 75% {
176		- -webkit-transform: scale3d(1.05, .95, 1);
177		- transform: scale3d(1.05, .95, 1);
178		- }
179		-
180		- 100% {
181		- -webkit-transform: scale3d(1, 1, 1);
182		- transform: scale3d(1, 1, 1);
183		- }
184		-}
185		-
186		-@keyframes rubberBand {
187		- 0% {
188		- -webkit-transform: scale3d(1, 1, 1);
189		- transform: scale3d(1, 1, 1);
190		- }
191		-
192		- 30% {
193		- -webkit-transform: scale3d(1.25, 0.75, 1);
194		- transform: scale3d(1.25, 0.75, 1);
195		- }
196		-
197		- 40% {
198		- -webkit-transform: scale3d(0.75, 1.25, 1);
199		- transform: scale3d(0.75, 1.25, 1);
200		- }
201		-
202		- 50% {
203		- -webkit-transform: scale3d(1.15, 0.85, 1);
204		- transform: scale3d(1.15, 0.85, 1);
205		- }
206		-
207		- 65% {
208		- -webkit-transform: scale3d(.95, 1.05, 1);
209		- transform: scale3d(.95, 1.05, 1);
210		- }
211		-
212		- 75% {
213		- -webkit-transform: scale3d(1.05, .95, 1);
214		- transform: scale3d(1.05, .95, 1);
215		- }
216		-
217		- 100% {
218		- -webkit-transform: scale3d(1, 1, 1);
219		- transform: scale3d(1, 1, 1);
220		- }
221		-}
222		-
223		-.rubberBand {
224		- -webkit-animation-name: rubberBand;
225		- animation-name: rubberBand;
226		-}
227		-
228		-@-webkit-keyframes shake {
229		- 0%, 100% {
230		- -webkit-transform: translate3d(0, 0, 0);
231		- transform: translate3d(0, 0, 0);
232		- }
233		-
234		- 10%, 30%, 50%, 70%, 90% {
235		- -webkit-transform: translate3d(-10px, 0, 0);
236		- transform: translate3d(-10px, 0, 0);
237		- }
238		-
239		- 20%, 40%, 60%, 80% {
240		- -webkit-transform: translate3d(10px, 0, 0);
241		- transform: translate3d(10px, 0, 0);
242		- }
243		-}
244		-
245		-@keyframes shake {
246		- 0%, 100% {
247		- -webkit-transform: translate3d(0, 0, 0);
248		- transform: translate3d(0, 0, 0);
249		- }
250		-
251		- 10%, 30%, 50%, 70%, 90% {
252		- -webkit-transform: translate3d(-10px, 0, 0);
253		- transform: translate3d(-10px, 0, 0);
254		- }
255		-
256		- 20%, 40%, 60%, 80% {
257		- -webkit-transform: translate3d(10px, 0, 0);
258		- transform: translate3d(10px, 0, 0);
259		- }
260		-}
261		-
262		-.shake {
263		- -webkit-animation-name: shake;
264		- animation-name: shake;
265		-}
266		-
267		-@-webkit-keyframes swing {
268		- 20% {
269		- -webkit-transform: rotate3d(0, 0, 1, 15deg);
270		- transform: rotate3d(0, 0, 1, 15deg);
271		- }
272		-
273		- 40% {
274		- -webkit-transform: rotate3d(0, 0, 1, -10deg);
275		- transform: rotate3d(0, 0, 1, -10deg);
276		- }
277		-
278		- 60% {
279		- -webkit-transform: rotate3d(0, 0, 1, 5deg);
280		- transform: rotate3d(0, 0, 1, 5deg);
281		- }
282		-
283		- 80% {
284		- -webkit-transform: rotate3d(0, 0, 1, -5deg);
285		- transform: rotate3d(0, 0, 1, -5deg);
286		- }
287		-
288		- 100% {
289		- -webkit-transform: rotate3d(0, 0, 1, 0deg);
290		- transform: rotate3d(0, 0, 1, 0deg);
291		- }
292		-}
293		-
294		-@keyframes swing {
295		- 20% {
296		- -webkit-transform: rotate3d(0, 0, 1, 15deg);
297		- transform: rotate3d(0, 0, 1, 15deg);
298		- }
299		-
300		- 40% {
301		- -webkit-transform: rotate3d(0, 0, 1, -10deg);
302		- transform: rotate3d(0, 0, 1, -10deg);
303		- }
304		-
305		- 60% {
306		- -webkit-transform: rotate3d(0, 0, 1, 5deg);
307		- transform: rotate3d(0, 0, 1, 5deg);
308		- }
309		-
310		- 80% {
311		- -webkit-transform: rotate3d(0, 0, 1, -5deg);
312		- transform: rotate3d(0, 0, 1, -5deg);
313		- }
314		-
315		- 100% {
316		- -webkit-transform: rotate3d(0, 0, 1, 0deg);
317		- transform: rotate3d(0, 0, 1, 0deg);
318		- }
319		-}
320		-
321		-.swing {
322		- -webkit-transform-origin: top center;
323		- -ms-transform-origin: top center;
324		- transform-origin: top center;
325		- -webkit-animation-name: swing;
326		- animation-name: swing;
327		-}
328		-
329		-@-webkit-keyframes tada {
330		- 0% {
331		- -webkit-transform: scale3d(1, 1, 1);
332		- transform: scale3d(1, 1, 1);
333		- }
334		-
335		- 10%, 20% {
336		- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
337		- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
338		- }
339		-
340		- 30%, 50%, 70%, 90% {
341		- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
342		- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
343		- }
344		-
345		- 40%, 60%, 80% {
346		- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
347		- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
348		- }
349		-
350		- 100% {
351		- -webkit-transform: scale3d(1, 1, 1);
352		- transform: scale3d(1, 1, 1);
353		- }
354		-}
355		-
356		-@keyframes tada {
357		- 0% {
358		- -webkit-transform: scale3d(1, 1, 1);
359		- transform: scale3d(1, 1, 1);
360		- }
361		-
362		- 10%, 20% {
363		- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
364		- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
365		- }
366		-
367		- 30%, 50%, 70%, 90% {
368		- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
369		- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
370		- }
371		-
372		- 40%, 60%, 80% {
373		- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
374		- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
375		- }
376		-
377		- 100% {
378		- -webkit-transform: scale3d(1, 1, 1);
379		- transform: scale3d(1, 1, 1);
380		- }
381		-}
382		-
383		-.tada {
384		- -webkit-animation-name: tada;
385		- animation-name: tada;
386		-}
387		-
388		-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
389		-
390		-@-webkit-keyframes wobble {
391		- 0% {
392		- -webkit-transform: none;
393		- transform: none;
394		- }
395		-
396		- 15% {
397		- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
398		- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
399		- }
400		-
401		- 30% {
402		- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
403		- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
404		- }
405		-
406		- 45% {
407		- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
408		- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
409		- }
410		-
411		- 60% {
412		- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
413		- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
414		- }
415		-
416		- 75% {
417		- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
418		- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
419		- }
420		-
421		- 100% {
422		- -webkit-transform: none;
423		- transform: none;
424		- }
425		-}
426		-
427		-@keyframes wobble {
428		- 0% {
429		- -webkit-transform: none;
430		- transform: none;
431		- }
432		-
433		- 15% {
434		- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
435		- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
436		- }
437		-
438		- 30% {
439		- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
440		- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
441		- }
442		-
443		- 45% {
444		- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
445		- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
446		- }
447		-
448		- 60% {
449		- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
450		- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
451		- }
452		-
453		- 75% {
454		- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
455		- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
456		- }
457		-
458		- 100% {
459		- -webkit-transform: none;
460		- transform: none;
461		- }
462		-}
463		-
464		-.wobble {
465		- -webkit-animation-name: wobble;
466		- animation-name: wobble;
467		-}
468		-
469		-@-webkit-keyframes bounceIn {
470		- 0%, 20%, 40%, 60%, 80%, 100% {
471		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
472		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
473		- }
474		-
475		- 0% {
476		- opacity: 0;
477		- -webkit-transform: scale3d(.3, .3, .3);
478		- transform: scale3d(.3, .3, .3);
479		- }
480		-
481		- 20% {
482		- -webkit-transform: scale3d(1.1, 1.1, 1.1);
483		- transform: scale3d(1.1, 1.1, 1.1);
484		- }
485		-
486		- 40% {
487		- -webkit-transform: scale3d(.9, .9, .9);
488		- transform: scale3d(.9, .9, .9);
489		- }
490		-
491		- 60% {
492		- opacity: 1;
493		- -webkit-transform: scale3d(1.03, 1.03, 1.03);
494		- transform: scale3d(1.03, 1.03, 1.03);
495		- }
496		-
497		- 80% {
498		- -webkit-transform: scale3d(.97, .97, .97);
499		- transform: scale3d(.97, .97, .97);
500		- }
501		-
502		- 100% {
503		- opacity: 1;
504		- -webkit-transform: scale3d(1, 1, 1);
505		- transform: scale3d(1, 1, 1);
506		- }
507		-}
508		-
509		-@keyframes bounceIn {
510		- 0%, 20%, 40%, 60%, 80%, 100% {
511		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
512		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
513		- }
514		-
515		- 0% {
516		- opacity: 0;
517		- -webkit-transform: scale3d(.3, .3, .3);
518		- transform: scale3d(.3, .3, .3);
519		- }
520		-
521		- 20% {
522		- -webkit-transform: scale3d(1.1, 1.1, 1.1);
523		- transform: scale3d(1.1, 1.1, 1.1);
524		- }
525		-
526		- 40% {
527		- -webkit-transform: scale3d(.9, .9, .9);
528		- transform: scale3d(.9, .9, .9);
529		- }
530		-
531		- 60% {
532		- opacity: 1;
533		- -webkit-transform: scale3d(1.03, 1.03, 1.03);
534		- transform: scale3d(1.03, 1.03, 1.03);
535		- }
536		-
537		- 80% {
538		- -webkit-transform: scale3d(.97, .97, .97);
539		- transform: scale3d(.97, .97, .97);
540		- }
541		-
542		- 100% {
543		- opacity: 1;
544		- -webkit-transform: scale3d(1, 1, 1);
545		- transform: scale3d(1, 1, 1);
546		- }
547		-}
548		-
549		-.bounceIn {
550		- -webkit-animation-name: bounceIn;
551		- animation-name: bounceIn;
552		- -webkit-animation-duration: .75s;
553		- animation-duration: .75s;
554		-}
555		-
556		-@-webkit-keyframes bounceInDown {
557		- 0%, 60%, 75%, 90%, 100% {
558		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
559		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
560		- }
561		-
562		- 0% {
563		- opacity: 0;
564		- -webkit-transform: translate3d(0, -3000px, 0);
565		- transform: translate3d(0, -3000px, 0);
566		- }
567		-
568		- 60% {
569		- opacity: 1;
570		- -webkit-transform: translate3d(0, 25px, 0);
571		- transform: translate3d(0, 25px, 0);
572		- }
573		-
574		- 75% {
575		- -webkit-transform: translate3d(0, -10px, 0);
576		- transform: translate3d(0, -10px, 0);
577		- }
578		-
579		- 90% {
580		- -webkit-transform: translate3d(0, 5px, 0);
581		- transform: translate3d(0, 5px, 0);
582		- }
583		-
584		- 100% {
585		- -webkit-transform: none;
586		- transform: none;
587		- }
588		-}
589		-
590		-@keyframes bounceInDown {
591		- 0%, 60%, 75%, 90%, 100% {
592		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
593		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
594		- }
595		-
596		- 0% {
597		- opacity: 0;
598		- -webkit-transform: translate3d(0, -3000px, 0);
599		- transform: translate3d(0, -3000px, 0);
600		- }
601		-
602		- 60% {
603		- opacity: 1;
604		- -webkit-transform: translate3d(0, 25px, 0);
605		- transform: translate3d(0, 25px, 0);
606		- }
607		-
608		- 75% {
609		- -webkit-transform: translate3d(0, -10px, 0);
610		- transform: translate3d(0, -10px, 0);
611		- }
612		-
613		- 90% {
614		- -webkit-transform: translate3d(0, 5px, 0);
615		- transform: translate3d(0, 5px, 0);
616		- }
617		-
618		- 100% {
619		- -webkit-transform: none;
620		- transform: none;
621		- }
622		-}
623		-
624		-.bounceInDown {
625		- -webkit-animation-name: bounceInDown;
626		- animation-name: bounceInDown;
627		-}
628		-
629		-@-webkit-keyframes bounceInLeft {
630		- 0%, 60%, 75%, 90%, 100% {
631		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
632		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
633		- }
634		-
635		- 0% {
636		- opacity: 0;
637		- -webkit-transform: translate3d(-3000px, 0, 0);
638		- transform: translate3d(-3000px, 0, 0);
639		- }
640		-
641		- 60% {
642		- opacity: 1;
643		- -webkit-transform: translate3d(25px, 0, 0);
644		- transform: translate3d(25px, 0, 0);
645		- }
646		-
647		- 75% {
648		- -webkit-transform: translate3d(-10px, 0, 0);
649		- transform: translate3d(-10px, 0, 0);
650		- }
651		-
652		- 90% {
653		- -webkit-transform: translate3d(5px, 0, 0);
654		- transform: translate3d(5px, 0, 0);
655		- }
656		-
657		- 100% {
658		- -webkit-transform: none;
659		- transform: none;
660		- }
661		-}
662		-
663		-@keyframes bounceInLeft {
664		- 0%, 60%, 75%, 90%, 100% {
665		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
666		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
667		- }
668		-
669		- 0% {
670		- opacity: 0;
671		- -webkit-transform: translate3d(-3000px, 0, 0);
672		- transform: translate3d(-3000px, 0, 0);
673		- }
674		-
675		- 60% {
676		- opacity: 1;
677		- -webkit-transform: translate3d(25px, 0, 0);
678		- transform: translate3d(25px, 0, 0);
679		- }
680		-
681		- 75% {
682		- -webkit-transform: translate3d(-10px, 0, 0);
683		- transform: translate3d(-10px, 0, 0);
684		- }
685		-
686		- 90% {
687		- -webkit-transform: translate3d(5px, 0, 0);
688		- transform: translate3d(5px, 0, 0);
689		- }
690		-
691		- 100% {
692		- -webkit-transform: none;
693		- transform: none;
694		- }
695		-}
696		-
697		-.bounceInLeft {
698		- -webkit-animation-name: bounceInLeft;
699		- animation-name: bounceInLeft;
700		-}
701		-
702		-@-webkit-keyframes bounceInRight {
703		- 0%, 60%, 75%, 90%, 100% {
704		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
705		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
706		- }
707		-
708		- 0% {
709		- opacity: 0;
710		- -webkit-transform: translate3d(3000px, 0, 0);
711		- transform: translate3d(3000px, 0, 0);
712		- }
713		-
714		- 60% {
715		- opacity: 1;
716		- -webkit-transform: translate3d(-25px, 0, 0);
717		- transform: translate3d(-25px, 0, 0);
718		- }
719		-
720		- 75% {
721		- -webkit-transform: translate3d(10px, 0, 0);
722		- transform: translate3d(10px, 0, 0);
723		- }
724		-
725		- 90% {
726		- -webkit-transform: translate3d(-5px, 0, 0);
727		- transform: translate3d(-5px, 0, 0);
728		- }
729		-
730		- 100% {
731		- -webkit-transform: none;
732		- transform: none;
733		- }
734		-}
735		-
736		-@keyframes bounceInRight {
737		- 0%, 60%, 75%, 90%, 100% {
738		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
739		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
740		- }
741		-
742		- 0% {
743		- opacity: 0;
744		- -webkit-transform: translate3d(3000px, 0, 0);
745		- transform: translate3d(3000px, 0, 0);
746		- }
747		-
748		- 60% {
749		- opacity: 1;
750		- -webkit-transform: translate3d(-25px, 0, 0);
751		- transform: translate3d(-25px, 0, 0);
752		- }
753		-
754		- 75% {
755		- -webkit-transform: translate3d(10px, 0, 0);
756		- transform: translate3d(10px, 0, 0);
757		- }
758		-
759		- 90% {
760		- -webkit-transform: translate3d(-5px, 0, 0);
761		- transform: translate3d(-5px, 0, 0);
762		- }
763		-
764		- 100% {
765		- -webkit-transform: none;
766		- transform: none;
767		- }
768		-}
769		-
770		-.bounceInRight {
771		- -webkit-animation-name: bounceInRight;
772		- animation-name: bounceInRight;
773		-}
774		-
775		-@-webkit-keyframes bounceInUp {
776		- 0%, 60%, 75%, 90%, 100% {
777		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
778		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
779		- }
780		-
781		- 0% {
782		- opacity: 0;
783		- -webkit-transform: translate3d(0, 3000px, 0);
784		- transform: translate3d(0, 3000px, 0);
785		- }
786		-
787		- 60% {
788		- opacity: 1;
789		- -webkit-transform: translate3d(0, -20px, 0);
790		- transform: translate3d(0, -20px, 0);
791		- }
792		-
793		- 75% {
794		- -webkit-transform: translate3d(0, 10px, 0);
795		- transform: translate3d(0, 10px, 0);
796		- }
797		-
798		- 90% {
799		- -webkit-transform: translate3d(0, -5px, 0);
800		- transform: translate3d(0, -5px, 0);
801		- }
802		-
803		- 100% {
804		- -webkit-transform: translate3d(0, 0, 0);
805		- transform: translate3d(0, 0, 0);
806		- }
807		-}
808		-
809		-@keyframes bounceInUp {
810		- 0%, 60%, 75%, 90%, 100% {
811		- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
812		- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
813		- }
814		-
815		- 0% {
816		- opacity: 0;
817		- -webkit-transform: translate3d(0, 3000px, 0);
818		- transform: translate3d(0, 3000px, 0);
819		- }
820		-
821		- 60% {
822		- opacity: 1;
823		- -webkit-transform: translate3d(0, -20px, 0);
824		- transform: translate3d(0, -20px, 0);
825		- }
826		-
827		- 75% {
828		- -webkit-transform: translate3d(0, 10px, 0);
829		- transform: translate3d(0, 10px, 0);
830		- }
831		-
832		- 90% {
833		- -webkit-transform: translate3d(0, -5px, 0);
834		- transform: translate3d(0, -5px, 0);
835		- }
836		-
837		- 100% {
838		- -webkit-transform: translate3d(0, 0, 0);
839		- transform: translate3d(0, 0, 0);
840		- }
841		-}
842		-
843		-.bounceInUp {
844		- -webkit-animation-name: bounceInUp;
845		- animation-name: bounceInUp;
846		-}
847		-
848		-@-webkit-keyframes bounceOut {
849		- 20% {
850		- -webkit-transform: scale3d(.9, .9, .9);
851		- transform: scale3d(.9, .9, .9);
852		- }
853		-
854		- 50%, 55% {
855		- opacity: 1;
856		- -webkit-transform: scale3d(1.1, 1.1, 1.1);
857		- transform: scale3d(1.1, 1.1, 1.1);
858		- }
859		-
860		- 100% {
861		- opacity: 0;
862		- -webkit-transform: scale3d(.3, .3, .3);
863		- transform: scale3d(.3, .3, .3);
864		- }
865		-}
866		-
867		-@keyframes bounceOut {
868		- 20% {
869		- -webkit-transform: scale3d(.9, .9, .9);
870		- transform: scale3d(.9, .9, .9);
871		- }
872		-
873		- 50%, 55% {
874		- opacity: 1;
875		- -webkit-transform: scale3d(1.1, 1.1, 1.1);
876		- transform: scale3d(1.1, 1.1, 1.1);
877		- }
878		-
879		- 100% {
880		- opacity: 0;
881		- -webkit-transform: scale3d(.3, .3, .3);
882		- transform: scale3d(.3, .3, .3);
883		- }
884		-}
885		-
886		-.bounceOut {
887		- -webkit-animation-name: bounceOut;
888		- animation-name: bounceOut;
889		- -webkit-animation-duration: .75s;
890		- animation-duration: .75s;
891		-}
892		-
893		-@-webkit-keyframes bounceOutDown {
894		- 20% {
895		- -webkit-transform: translate3d(0, 10px, 0);
896		- transform: translate3d(0, 10px, 0);
897		- }
898		-
899		- 40%, 45% {
900		- opacity: 1;
901		- -webkit-transform: translate3d(0, -20px, 0);
902		- transform: translate3d(0, -20px, 0);
903		- }
904		-
905		- 100% {
906		- opacity: 0;
907		- -webkit-transform: translate3d(0, 2000px, 0);
908		- transform: translate3d(0, 2000px, 0);
909		- }
910		-}
911		-
912		-@keyframes bounceOutDown {
913		- 20% {
914		- -webkit-transform: translate3d(0, 10px, 0);
915		- transform: translate3d(0, 10px, 0);
916		- }
917		-
918		- 40%, 45% {
919		- opacity: 1;
920		- -webkit-transform: translate3d(0, -20px, 0);
921		- transform: translate3d(0, -20px, 0);
922		- }
923		-
924		- 100% {
925		- opacity: 0;
926		- -webkit-transform: translate3d(0, 2000px, 0);
927		- transform: translate3d(0, 2000px, 0);
928		- }
929		-}
930		-
931		-.bounceOutDown {
932		- -webkit-animation-name: bounceOutDown;
933		- animation-name: bounceOutDown;
934		-}
935		-
936		-@-webkit-keyframes bounceOutLeft {
937		- 20% {
938		- opacity: 1;
939		- -webkit-transform: translate3d(20px, 0, 0);
940		- transform: translate3d(20px, 0, 0);
941		- }
942		-
943		- 100% {
944		- opacity: 0;
945		- -webkit-transform: translate3d(-2000px, 0, 0);
946		- transform: translate3d(-2000px, 0, 0);
947		- }
948		-}
949		-
950		-@keyframes bounceOutLeft {
951		- 20% {
952		- opacity: 1;
953		- -webkit-transform: translate3d(20px, 0, 0);
954		- transform: translate3d(20px, 0, 0);
955		- }
956		-
957		- 100% {
958		- opacity: 0;
959		- -webkit-transform: translate3d(-2000px, 0, 0);
960		- transform: translate3d(-2000px, 0, 0);
961		- }
962		-}
963		-
964		-.bounceOutLeft {
965		- -webkit-animation-name: bounceOutLeft;
966		- animation-name: bounceOutLeft;
967		-}
968		-
969		-@-webkit-keyframes bounceOutRight {
970		- 20% {
971		- opacity: 1;
972		- -webkit-transform: translate3d(-20px, 0, 0);
973		- transform: translate3d(-20px, 0, 0);
974		- }
975		-
976		- 100% {
977		- opacity: 0;
978		- -webkit-transform: translate3d(2000px, 0, 0);
979		- transform: translate3d(2000px, 0, 0);
980		- }
981		-}
982		-
983		-@keyframes bounceOutRight {
984		- 20% {
985		- opacity: 1;
986		- -webkit-transform: translate3d(-20px, 0, 0);
987		- transform: translate3d(-20px, 0, 0);
988		- }
989		-
990		- 100% {
991		- opacity: 0;
992		- -webkit-transform: translate3d(2000px, 0, 0);
993		- transform: translate3d(2000px, 0, 0);
994		- }
995		-}
996		-
997		-.bounceOutRight {
998		- -webkit-animation-name: bounceOutRight;
999		- animation-name: bounceOutRight;
1000		-}
1001		-
1002		-@-webkit-keyframes bounceOutUp {
1003		- 20% {
1004		- -webkit-transform: translate3d(0, -10px, 0);
1005		- transform: translate3d(0, -10px, 0);
1006		- }
1007		-
1008		- 40%, 45% {
1009		- opacity: 1;
1010		- -webkit-transform: translate3d(0, 20px, 0);
1011		- transform: translate3d(0, 20px, 0);
1012		- }
1013		-
1014		- 100% {
1015		- opacity: 0;
1016		- -webkit-transform: translate3d(0, -2000px, 0);
1017		- transform: translate3d(0, -2000px, 0);
1018		- }
1019		-}
1020		-
1021		-@keyframes bounceOutUp {
1022		- 20% {
1023		- -webkit-transform: translate3d(0, -10px, 0);
1024		- transform: translate3d(0, -10px, 0);
1025		- }
1026		-
1027		- 40%, 45% {
1028		- opacity: 1;
1029		- -webkit-transform: translate3d(0, 20px, 0);
1030		- transform: translate3d(0, 20px, 0);
1031		- }
1032		-
1033		- 100% {
1034		- opacity: 0;
1035		- -webkit-transform: translate3d(0, -2000px, 0);
1036		- transform: translate3d(0, -2000px, 0);
1037		- }
1038		-}
1039		-
1040		-.bounceOutUp {
1041		- -webkit-animation-name: bounceOutUp;
1042		- animation-name: bounceOutUp;
1043		-}
1044		-
1045		-@-webkit-keyframes fadeIn {
1046		- 0% {opacity: 0;}
1047		- 100% {opacity: 1;}
1048		-}
1049		-
1050		-@keyframes fadeIn {
1051		- 0% {opacity: 0;}
1052		- 100% {opacity: 1;}
1053		-}
1054		-
1055		-.fadeIn {
1056		- -webkit-animation-name: fadeIn;
1057		- animation-name: fadeIn;
1058		-}
1059		-
1060		-@-webkit-keyframes fadeInDown {
1061		- 0% {
1062		- opacity: 0;
1063		- -webkit-transform: translate3d(0, -100%, 0);
1064		- transform: translate3d(0, -100%, 0);
1065		- }
1066		-
1067		- 100% {
1068		- opacity: 1;
1069		- -webkit-transform: none;
1070		- transform: none;
1071		- }
1072		-}
1073		-
1074		-@keyframes fadeInDown {
1075		- 0% {
1076		- opacity: 0;
1077		- -webkit-transform: translate3d(0, -100%, 0);
1078		- transform: translate3d(0, -100%, 0);
1079		- }
1080		-
1081		- 100% {
1082		- opacity: 1;
1083		- -webkit-transform: none;
1084		- transform: none;
1085		- }
1086		-}
1087		-
1088		-.fadeInDown {
1089		- -webkit-animation-name: fadeInDown;
1090		- animation-name: fadeInDown;
1091		-}
1092		-
1093		-@-webkit-keyframes fadeInDownBig {
1094		- 0% {
1095		- opacity: 0;
1096		- -webkit-transform: translate3d(0, -2000px, 0);
1097		- transform: translate3d(0, -2000px, 0);
1098		- }
1099		-
1100		- 100% {
1101		- opacity: 1;
1102		- -webkit-transform: none;
1103		- transform: none;
1104		- }
1105		-}
1106		-
1107		-@keyframes fadeInDownBig {
1108		- 0% {
1109		- opacity: 0;
1110		- -webkit-transform: translate3d(0, -2000px, 0);
1111		- transform: translate3d(0, -2000px, 0);
1112		- }
1113		-
1114		- 100% {
1115		- opacity: 1;
1116		- -webkit-transform: none;
1117		- transform: none;
1118		- }
1119		-}
1120		-
1121		-.fadeInDownBig {
1122		- -webkit-animation-name: fadeInDownBig;
1123		- animation-name: fadeInDownBig;
1124		-}
1125		-
1126		-@-webkit-keyframes fadeInLeft {
1127		- 0% {
1128		- opacity: 0;
1129		- -webkit-transform: translate3d(-100%, 0, 0);
1130		- transform: translate3d(-100%, 0, 0);
1131		- }
1132		-
1133		- 100% {
1134		- opacity: 1;
1135		- -webkit-transform: none;
1136		- transform: none;
1137		- }
1138		-}
1139		-
1140		-@keyframes fadeInLeft {
1141		- 0% {
1142		- opacity: 0;
1143		- -webkit-transform: translate3d(-100%, 0, 0);
1144		- transform: translate3d(-100%, 0, 0);
1145		- }
1146		-
1147		- 100% {
1148		- opacity: 1;
1149		- -webkit-transform: none;
1150		- transform: none;
1151		- }
1152		-}
1153		-
1154		-.fadeInLeft {
1155		- -webkit-animation-name: fadeInLeft;
1156		- animation-name: fadeInLeft;
1157		-}
1158		-
1159		-@-webkit-keyframes fadeInLeftBig {
1160		- 0% {
1161		- opacity: 0;
1162		- -webkit-transform: translate3d(-2000px, 0, 0);
1163		- transform: translate3d(-2000px, 0, 0);
1164		- }
1165		-
1166		- 100% {
1167		- opacity: 1;
1168		- -webkit-transform: none;
1169		- transform: none;
1170		- }
1171		-}
1172		-
1173		-@keyframes fadeInLeftBig {
1174		- 0% {
1175		- opacity: 0;
1176		- -webkit-transform: translate3d(-2000px, 0, 0);
1177		- transform: translate3d(-2000px, 0, 0);
1178		- }
1179		-
1180		- 100% {
1181		- opacity: 1;
1182		- -webkit-transform: none;
1183		- transform: none;
1184		- }
1185		-}
1186		-
1187		-.fadeInLeftBig {
1188		- -webkit-animation-name: fadeInLeftBig;
1189		- animation-name: fadeInLeftBig;
1190		-}
1191		-
1192		-@-webkit-keyframes fadeInRight {
1193		- 0% {
1194		- opacity: 0;
1195		- -webkit-transform: translate3d(100%, 0, 0);
1196		- transform: translate3d(100%, 0, 0);
1197		- }
1198		-
1199		- 100% {
1200		- opacity: 1;
1201		- -webkit-transform: none;
1202		- transform: none;
1203		- }
1204		-}
1205		-
1206		-@keyframes fadeInRight {
1207		- 0% {
1208		- opacity: 0;
1209		- -webkit-transform: translate3d(100%, 0, 0);
1210		- transform: translate3d(100%, 0, 0);
1211		- }
1212		-
1213		- 100% {
1214		- opacity: 1;
1215		- -webkit-transform: none;
1216		- transform: none;
1217		- }
1218		-}
1219		-
1220		-.fadeInRight {
1221		- -webkit-animation-name: fadeInRight;
1222		- animation-name: fadeInRight;
1223		-}
1224		-
1225		-@-webkit-keyframes fadeInRightBig {
1226		- 0% {
1227		- opacity: 0;
1228		- -webkit-transform: translate3d(2000px, 0, 0);
1229		- transform: translate3d(2000px, 0, 0);
1230		- }
1231		-
1232		- 100% {
1233		- opacity: 1;
1234		- -webkit-transform: none;
1235		- transform: none;
1236		- }
1237		-}
1238		-
1239		-@keyframes fadeInRightBig {
1240		- 0% {
1241		- opacity: 0;
1242		- -webkit-transform: translate3d(2000px, 0, 0);
1243		- transform: translate3d(2000px, 0, 0);
1244		- }
1245		-
1246		- 100% {
1247		- opacity: 1;
1248		- -webkit-transform: none;
1249		- transform: none;
1250		- }
1251		-}
1252		-
1253		-.fadeInRightBig {
1254		- -webkit-animation-name: fadeInRightBig;
1255		- animation-name: fadeInRightBig;
1256		-}
1257		-
1258		-@-webkit-keyframes fadeInUp {
1259		- 0% {
1260		- opacity: 0;
1261		- -webkit-transform: translate3d(0, 100%, 0);
1262		- transform: translate3d(0, 100%, 0);
1263		- }
1264		-
1265		- 100% {
1266		- opacity: 1;
1267		- -webkit-transform: none;
1268		- transform: none;
1269		- }
1270		-}
1271		-
1272		-@keyframes fadeInUp {
1273		- 0% {
1274		- opacity: 0;
1275		- -webkit-transform: translate3d(0, 100%, 0);
1276		- transform: translate3d(0, 100%, 0);
1277		- }
1278		-
1279		- 100% {
1280		- opacity: 1;
1281		- -webkit-transform: none;
1282		- transform: none;
1283		- }
1284		-}
1285		-
1286		-.fadeInUp {
1287		- -webkit-animation-name: fadeInUp;
1288		- animation-name: fadeInUp;
1289		-}
1290		-
1291		-@-webkit-keyframes fadeInUpBig {
1292		- 0% {
1293		- opacity: 0;
1294		- -webkit-transform: translate3d(0, 2000px, 0);
1295		- transform: translate3d(0, 2000px, 0);
1296		- }
1297		-
1298		- 100% {
1299		- opacity: 1;
1300		- -webkit-transform: none;
1301		- transform: none;
1302		- }
1303		-}
1304		-
1305		-@keyframes fadeInUpBig {
1306		- 0% {
1307		- opacity: 0;
1308		- -webkit-transform: translate3d(0, 2000px, 0);
1309		- transform: translate3d(0, 2000px, 0);
1310		- }
1311		-
1312		- 100% {
1313		- opacity: 1;
1314		- -webkit-transform: none;
1315		- transform: none;
1316		- }
1317		-}
1318		-
1319		-.fadeInUpBig {
1320		- -webkit-animation-name: fadeInUpBig;
1321		- animation-name: fadeInUpBig;
1322		-}
1323		-
1324		-@-webkit-keyframes fadeOut {
1325		- 0% {opacity: 1;}
1326		- 100% {opacity: 0;}
1327		-}
1328		-
1329		-@keyframes fadeOut {
1330		- 0% {opacity: 1;}
1331		- 100% {opacity: 0;}
1332		-}
1333		-
1334		-.fadeOut {
1335		- -webkit-animation-name: fadeOut;
1336		- animation-name: fadeOut;
1337		-}
1338		-
1339		-@-webkit-keyframes fadeOutDown {
1340		- 0% {
1341		- opacity: 1;
1342		- }
1343		-
1344		- 100% {
1345		- opacity: 0;
1346		- -webkit-transform: translate3d(0, 100%, 0);
1347		- transform: translate3d(0, 100%, 0);
1348		- }
1349		-}
1350		-
1351		-@keyframes fadeOutDown {
1352		- 0% {
1353		- opacity: 1;
1354		- }
1355		-
1356		- 100% {
1357		- opacity: 0;
1358		- -webkit-transform: translate3d(0, 100%, 0);
1359		- transform: translate3d(0, 100%, 0);
1360		- }
1361		-}
1362		-
1363		-.fadeOutDown {
1364		- -webkit-animation-name: fadeOutDown;
1365		- animation-name: fadeOutDown;
1366		-}
1367		-
1368		-@-webkit-keyframes fadeOutDownBig {
1369		- 0% {
1370		- opacity: 1;
1371		- }
1372		-
1373		- 100% {
1374		- opacity: 0;
1375		- -webkit-transform: translate3d(0, 2000px, 0);
1376		- transform: translate3d(0, 2000px, 0);
1377		- }
1378		-}
1379		-
1380		-@keyframes fadeOutDownBig {
1381		- 0% {
1382		- opacity: 1;
1383		- }
1384		-
1385		- 100% {
1386		- opacity: 0;
1387		- -webkit-transform: translate3d(0, 2000px, 0);
1388		- transform: translate3d(0, 2000px, 0);
1389		- }
1390		-}
1391		-
1392		-.fadeOutDownBig {
1393		- -webkit-animation-name: fadeOutDownBig;
1394		- animation-name: fadeOutDownBig;
1395		-}
1396		-
1397		-@-webkit-keyframes fadeOutLeft {
1398		- 0% {
1399		- opacity: 1;
1400		- }
1401		-
1402		- 100% {
1403		- opacity: 0;
1404		- -webkit-transform: translate3d(-100%, 0, 0);
1405		- transform: translate3d(-100%, 0, 0);
1406		- }
1407		-}
1408		-
1409		-@keyframes fadeOutLeft {
1410		- 0% {
1411		- opacity: 1;
1412		- }
1413		-
1414		- 100% {
1415		- opacity: 0;
1416		- -webkit-transform: translate3d(-100%, 0, 0);
1417		- transform: translate3d(-100%, 0, 0);
1418		- }
1419		-}
1420		-
1421		-.fadeOutLeft {
1422		- -webkit-animation-name: fadeOutLeft;
1423		- animation-name: fadeOutLeft;
1424		-}
1425		-
1426		-@-webkit-keyframes fadeOutLeftBig {
1427		- 0% {
1428		- opacity: 1;
1429		- }
1430		-
1431		- 100% {
1432		- opacity: 0;
1433		- -webkit-transform: translate3d(-2000px, 0, 0);
1434		- transform: translate3d(-2000px, 0, 0);
1435		- }
1436		-}
1437		-
1438		-@keyframes fadeOutLeftBig {
1439		- 0% {
1440		- opacity: 1;
1441		- }
1442		-
1443		- 100% {
1444		- opacity: 0;
1445		- -webkit-transform: translate3d(-2000px, 0, 0);
1446		- transform: translate3d(-2000px, 0, 0);
1447		- }
1448		-}
1449		-
1450		-.fadeOutLeftBig {
1451		- -webkit-animation-name: fadeOutLeftBig;
1452		- animation-name: fadeOutLeftBig;
1453		-}
1454		-
1455		-@-webkit-keyframes fadeOutRight {
1456		- 0% {
1457		- opacity: 1;
1458		- }
1459		-
1460		- 100% {
1461		- opacity: 0;
1462		- -webkit-transform: translate3d(100%, 0, 0);
1463		- transform: translate3d(100%, 0, 0);
1464		- }
1465		-}
1466		-
1467		-@keyframes fadeOutRight {
1468		- 0% {
1469		- opacity: 1;
1470		- }
1471		-
1472		- 100% {
1473		- opacity: 0;
1474		- -webkit-transform: translate3d(100%, 0, 0);
1475		- transform: translate3d(100%, 0, 0);
1476		- }
1477		-}
1478		-
1479		-.fadeOutRight {
1480		- -webkit-animation-name: fadeOutRight;
1481		- animation-name: fadeOutRight;
1482		-}
1483		-
1484		-@-webkit-keyframes fadeOutRightBig {
1485		- 0% {
1486		- opacity: 1;
1487		- }
1488		-
1489		- 100% {
1490		- opacity: 0;
1491		- -webkit-transform: translate3d(2000px, 0, 0);
1492		- transform: translate3d(2000px, 0, 0);
1493		- }
1494		-}
1495		-
1496		-@keyframes fadeOutRightBig {
1497		- 0% {
1498		- opacity: 1;
1499		- }
1500		-
1501		- 100% {
1502		- opacity: 0;
1503		- -webkit-transform: translate3d(2000px, 0, 0);
1504		- transform: translate3d(2000px, 0, 0);
1505		- }
1506		-}
1507		-
1508		-.fadeOutRightBig {
1509		- -webkit-animation-name: fadeOutRightBig;
1510		- animation-name: fadeOutRightBig;
1511		-}
1512		-
1513		-@-webkit-keyframes fadeOutUp {
1514		- 0% {
1515		- opacity: 1;
1516		- }
1517		-
1518		- 100% {
1519		- opacity: 0;
1520		- -webkit-transform: translate3d(0, -100%, 0);
1521		- transform: translate3d(0, -100%, 0);
1522		- }
1523		-}
1524		-
1525		-@keyframes fadeOutUp {
1526		- 0% {
1527		- opacity: 1;
1528		- }
1529		-
1530		- 100% {
1531		- opacity: 0;
1532		- -webkit-transform: translate3d(0, -100%, 0);
1533		- transform: translate3d(0, -100%, 0);
1534		- }
1535		-}
1536		-
1537		-.fadeOutUp {
1538		- -webkit-animation-name: fadeOutUp;
1539		- animation-name: fadeOutUp;
1540		-}
1541		-
1542		-@-webkit-keyframes fadeOutUpBig {
1543		- 0% {
1544		- opacity: 1;
1545		- }
1546		-
1547		- 100% {
1548		- opacity: 0;
1549		- -webkit-transform: translate3d(0, -2000px, 0);
1550		- transform: translate3d(0, -2000px, 0);
1551		- }
1552		-}
1553		-
1554		-@keyframes fadeOutUpBig {
1555		- 0% {
1556		- opacity: 1;
1557		- }
1558		-
1559		- 100% {
1560		- opacity: 0;
1561		- -webkit-transform: translate3d(0, -2000px, 0);
1562		- transform: translate3d(0, -2000px, 0);
1563		- }
1564		-}
1565		-
1566		-.fadeOutUpBig {
1567		- -webkit-animation-name: fadeOutUpBig;
1568		- animation-name: fadeOutUpBig;
1569		-}
1570		-
1571		-@-webkit-keyframes flip {
1572		- 0% {
1573		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1574		- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1575		- -webkit-animation-timing-function: ease-out;
1576		- animation-timing-function: ease-out;
1577		- }
1578		-
1579		- 40% {
1580		- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1581		- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1582		- -webkit-animation-timing-function: ease-out;
1583		- animation-timing-function: ease-out;
1584		- }
1585		-
1586		- 50% {
1587		- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1588		- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1589		- -webkit-animation-timing-function: ease-in;
1590		- animation-timing-function: ease-in;
1591		- }
1592		-
1593		- 80% {
1594		- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1595		- transform: perspective(400px) scale3d(.95, .95, .95);
1596		- -webkit-animation-timing-function: ease-in;
1597		- animation-timing-function: ease-in;
1598		- }
1599		-
1600		- 100% {
1601		- -webkit-transform: perspective(400px);
1602		- transform: perspective(400px);
1603		- -webkit-animation-timing-function: ease-in;
1604		- animation-timing-function: ease-in;
1605		- }
1606		-}
1607		-
1608		-@keyframes flip {
1609		- 0% {
1610		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1611		- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1612		- -webkit-animation-timing-function: ease-out;
1613		- animation-timing-function: ease-out;
1614		- }
1615		-
1616		- 40% {
1617		- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1618		- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1619		- -webkit-animation-timing-function: ease-out;
1620		- animation-timing-function: ease-out;
1621		- }
1622		-
1623		- 50% {
1624		- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1625		- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1626		- -webkit-animation-timing-function: ease-in;
1627		- animation-timing-function: ease-in;
1628		- }
1629		-
1630		- 80% {
1631		- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1632		- transform: perspective(400px) scale3d(.95, .95, .95);
1633		- -webkit-animation-timing-function: ease-in;
1634		- animation-timing-function: ease-in;
1635		- }
1636		-
1637		- 100% {
1638		- -webkit-transform: perspective(400px);
1639		- transform: perspective(400px);
1640		- -webkit-animation-timing-function: ease-in;
1641		- animation-timing-function: ease-in;
1642		- }
1643		-}
1644		-
1645		-.animated.flip {
1646		- -webkit-backface-visibility: visible;
1647		- backface-visibility: visible;
1648		- -webkit-animation-name: flip;
1649		- animation-name: flip;
1650		-}
1651		-
1652		-@-webkit-keyframes flipInX {
1653		- 0% {
1654		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1655		- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1656		- -webkit-transition-timing-function: ease-in;
1657		- transition-timing-function: ease-in;
1658		- opacity: 0;
1659		- }
1660		-
1661		- 40% {
1662		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1663		- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1664		- -webkit-transition-timing-function: ease-in;
1665		- transition-timing-function: ease-in;
1666		- }
1667		-
1668		- 60% {
1669		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1670		- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1671		- opacity: 1;
1672		- }
1673		-
1674		- 80% {
1675		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1676		- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1677		- }
1678		-
1679		- 100% {
1680		- -webkit-transform: perspective(400px);
1681		- transform: perspective(400px);
1682		- }
1683		-}
1684		-
1685		-@keyframes flipInX {
1686		- 0% {
1687		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1688		- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1689		- -webkit-transition-timing-function: ease-in;
1690		- transition-timing-function: ease-in;
1691		- opacity: 0;
1692		- }
1693		-
1694		- 40% {
1695		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1696		- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1697		- -webkit-transition-timing-function: ease-in;
1698		- transition-timing-function: ease-in;
1699		- }
1700		-
1701		- 60% {
1702		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1703		- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1704		- opacity: 1;
1705		- }
1706		-
1707		- 80% {
1708		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1709		- transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1710		- }
1711		-
1712		- 100% {
1713		- -webkit-transform: perspective(400px);
1714		- transform: perspective(400px);
1715		- }
1716		-}
1717		-
1718		-.flipInX {
1719		- -webkit-backface-visibility: visible !important;
1720		- backface-visibility: visible !important;
1721		- -webkit-animation-name: flipInX;
1722		- animation-name: flipInX;
1723		-}
1724		-
1725		-@-webkit-keyframes flipInY {
1726		- 0% {
1727		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1728		- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1729		- -webkit-transition-timing-function: ease-in;
1730		- transition-timing-function: ease-in;
1731		- opacity: 0;
1732		- }
1733		-
1734		- 40% {
1735		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1736		- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1737		- -webkit-transition-timing-function: ease-in;
1738		- transition-timing-function: ease-in;
1739		- }
1740		-
1741		- 60% {
1742		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1743		- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1744		- opacity: 1;
1745		- }
1746		-
1747		- 80% {
1748		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1749		- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1750		- }
1751		-
1752		- 100% {
1753		- -webkit-transform: perspective(400px);
1754		- transform: perspective(400px);
1755		- }
1756		-}
1757		-
1758		-@keyframes flipInY {
1759		- 0% {
1760		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1761		- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1762		- -webkit-transition-timing-function: ease-in;
1763		- transition-timing-function: ease-in;
1764		- opacity: 0;
1765		- }
1766		-
1767		- 40% {
1768		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1769		- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1770		- -webkit-transition-timing-function: ease-in;
1771		- transition-timing-function: ease-in;
1772		- }
1773		-
1774		- 60% {
1775		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1776		- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1777		- opacity: 1;
1778		- }
1779		-
1780		- 80% {
1781		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1782		- transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1783		- }
1784		-
1785		- 100% {
1786		- -webkit-transform: perspective(400px);
1787		- transform: perspective(400px);
1788		- }
1789		-}
1790		-
1791		-.flipInY {
1792		- -webkit-backface-visibility: visible !important;
1793		- backface-visibility: visible !important;
1794		- -webkit-animation-name: flipInY;
1795		- animation-name: flipInY;
1796		-}
1797		-
1798		-@-webkit-keyframes flipOutX {
1799		- 0% {
1800		- -webkit-transform: perspective(400px);
1801		- transform: perspective(400px);
1802		- }
1803		-
1804		- 30% {
1805		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1806		- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1807		- opacity: 1;
1808		- }
1809		-
1810		- 100% {
1811		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1812		- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1813		- opacity: 0;
1814		- }
1815		-}
1816		-
1817		-@keyframes flipOutX {
1818		- 0% {
1819		- -webkit-transform: perspective(400px);
1820		- transform: perspective(400px);
1821		- }
1822		-
1823		- 30% {
1824		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1825		- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1826		- opacity: 1;
1827		- }
1828		-
1829		- 100% {
1830		- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1831		- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1832		- opacity: 0;
1833		- }
1834		-}
1835		-
1836		-.flipOutX {
1837		- -webkit-animation-name: flipOutX;
1838		- animation-name: flipOutX;
1839		- -webkit-animation-duration: .75s;
1840		- animation-duration: .75s;
1841		- -webkit-backface-visibility: visible !important;
1842		- backface-visibility: visible !important;
1843		-}
1844		-
1845		-@-webkit-keyframes flipOutY {
1846		- 0% {
1847		- -webkit-transform: perspective(400px);
1848		- transform: perspective(400px);
1849		- }
1850		-
1851		- 30% {
1852		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1853		- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1854		- opacity: 1;
1855		- }
1856		-
1857		- 100% {
1858		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1859		- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1860		- opacity: 0;
1861		- }
1862		-}
1863		-
1864		-@keyframes flipOutY {
1865		- 0% {
1866		- -webkit-transform: perspective(400px);
1867		- transform: perspective(400px);
1868		- }
1869		-
1870		- 30% {
1871		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1872		- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1873		- opacity: 1;
1874		- }
1875		-
1876		- 100% {
1877		- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1878		- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1879		- opacity: 0;
1880		- }
1881		-}
1882		-
1883		-.flipOutY {
1884		- -webkit-backface-visibility: visible !important;
1885		- backface-visibility: visible !important;
1886		- -webkit-animation-name: flipOutY;
1887		- animation-name: flipOutY;
1888		- -webkit-animation-duration: .75s;
1889		- animation-duration: .75s;
1890		-}
1891		-
1892		-@-webkit-keyframes lightSpeedIn {
1893		- 0% {
1894		- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1895		- transform: translate3d(100%, 0, 0) skewX(-30deg);
1896		- opacity: 0;
1897		- }
1898		-
1899		- 60% {
1900		- -webkit-transform: skewX(20deg);
1901		- transform: skewX(20deg);
1902		- opacity: 1;
1903		- }
1904		-
1905		- 80% {
1906		- -webkit-transform: skewX(-5deg);
1907		- transform: skewX(-5deg);
1908		- opacity: 1;
1909		- }
1910		-
1911		- 100% {
1912		- -webkit-transform: none;
1913		- transform: none;
1914		- opacity: 1;
1915		- }
1916		-}
1917		-
1918		-@keyframes lightSpeedIn {
1919		- 0% {
1920		- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1921		- transform: translate3d(100%, 0, 0) skewX(-30deg);
1922		- opacity: 0;
1923		- }
1924		-
1925		- 60% {
1926		- -webkit-transform: skewX(20deg);
1927		- transform: skewX(20deg);
1928		- opacity: 1;
1929		- }
1930		-
1931		- 80% {
1932		- -webkit-transform: skewX(-5deg);
1933		- transform: skewX(-5deg);
1934		- opacity: 1;
1935		- }
1936		-
1937		- 100% {
1938		- -webkit-transform: none;
1939		- transform: none;
1940		- opacity: 1;
1941		- }
1942		-}
1943		-
1944		-.lightSpeedIn {
1945		- -webkit-animation-name: lightSpeedIn;
1946		- animation-name: lightSpeedIn;
1947		- -webkit-animation-timing-function: ease-out;
1948		- animation-timing-function: ease-out;
1949		-}
1950		-
1951		-@-webkit-keyframes lightSpeedOut {
1952		- 0% {
1953		- opacity: 1;
1954		- }
1955		-
1956		- 100% {
1957		- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1958		- transform: translate3d(100%, 0, 0) skewX(30deg);
1959		- opacity: 0;
1960		- }
1961		-}
1962		-
1963		-@keyframes lightSpeedOut {
1964		- 0% {
1965		- opacity: 1;
1966		- }
1967		-
1968		- 100% {
1969		- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1970		- transform: translate3d(100%, 0, 0) skewX(30deg);
1971		- opacity: 0;
1972		- }
1973		-}
1974		-
1975		-.lightSpeedOut {
1976		- -webkit-animation-name: lightSpeedOut;
1977		- animation-name: lightSpeedOut;
1978		- -webkit-animation-timing-function: ease-in;
1979		- animation-timing-function: ease-in;
1980		-}
1981		-
1982		-@-webkit-keyframes rotateIn {
1983		- 0% {
1984		- -webkit-transform-origin: center;
1985		- transform-origin: center;
1986		- -webkit-transform: rotate3d(0, 0, 1, -200deg);
1987		- transform: rotate3d(0, 0, 1, -200deg);
1988		- opacity: 0;
1989		- }
1990		-
1991		- 100% {
1992		- -webkit-transform-origin: center;
1993		- transform-origin: center;
1994		- -webkit-transform: none;
1995		- transform: none;
1996		- opacity: 1;
1997		- }
1998		-}
1999		-
2000		-@keyframes rotateIn {
2001		- 0% {
2002		- -webkit-transform-origin: center;
2003		- transform-origin: center;
2004		- -webkit-transform: rotate3d(0, 0, 1, -200deg);
2005		- transform: rotate3d(0, 0, 1, -200deg);
2006		- opacity: 0;
2007		- }
2008		-
2009		- 100% {
2010		- -webkit-transform-origin: center;
2011		- transform-origin: center;
2012		- -webkit-transform: none;
2013		- transform: none;
2014		- opacity: 1;
2015		- }
2016		-}
2017		-
2018		-.rotateIn {
2019		- -webkit-animation-name: rotateIn;
2020		- animation-name: rotateIn;
2021		-}
2022		-
2023		-@-webkit-keyframes rotateInDownLeft {
2024		- 0% {
2025		- -webkit-transform-origin: left bottom;
2026		- transform-origin: left bottom;
2027		- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2028		- transform: rotate3d(0, 0, 1, -45deg);
2029		- opacity: 0;
2030		- }
2031		-
2032		- 100% {
2033		- -webkit-transform-origin: left bottom;
2034		- transform-origin: left bottom;
2035		- -webkit-transform: none;
2036		- transform: none;
2037		- opacity: 1;
2038		- }
2039		-}
2040		-
2041		-@keyframes rotateInDownLeft {
2042		- 0% {
2043		- -webkit-transform-origin: left bottom;
2044		- transform-origin: left bottom;
2045		- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2046		- transform: rotate3d(0, 0, 1, -45deg);
2047		- opacity: 0;
2048		- }
2049		-
2050		- 100% {
2051		- -webkit-transform-origin: left bottom;
2052		- transform-origin: left bottom;
2053		- -webkit-transform: none;
2054		- transform: none;
2055		- opacity: 1;
2056		- }
2057		-}
2058		-
2059		-.rotateInDownLeft {
2060		- -webkit-animation-name: rotateInDownLeft;
2061		- animation-name: rotateInDownLeft;
2062		-}
2063		-
2064		-@-webkit-keyframes rotateInDownRight {
2065		- 0% {
2066		- -webkit-transform-origin: right bottom;
2067		- transform-origin: right bottom;
2068		- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2069		- transform: rotate3d(0, 0, 1, 45deg);
2070		- opacity: 0;
2071		- }
2072		-
2073		- 100% {
2074		- -webkit-transform-origin: right bottom;
2075		- transform-origin: right bottom;
2076		- -webkit-transform: none;
2077		- transform: none;
2078		- opacity: 1;
2079		- }
2080		-}
2081		-
2082		-@keyframes rotateInDownRight {
2083		- 0% {
2084		- -webkit-transform-origin: right bottom;
2085		- transform-origin: right bottom;
2086		- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2087		- transform: rotate3d(0, 0, 1, 45deg);
2088		- opacity: 0;
2089		- }
2090		-
2091		- 100% {
2092		- -webkit-transform-origin: right bottom;
2093		- transform-origin: right bottom;
2094		- -webkit-transform: none;
2095		- transform: none;
2096		- opacity: 1;
2097		- }
2098		-}
2099		-
2100		-.rotateInDownRight {
2101		- -webkit-animation-name: rotateInDownRight;
2102		- animation-name: rotateInDownRight;
2103		-}
2104		-
2105		-@-webkit-keyframes rotateInUpLeft {
2106		- 0% {
2107		- -webkit-transform-origin: left bottom;
2108		- transform-origin: left bottom;
2109		- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2110		- transform: rotate3d(0, 0, 1, 45deg);
2111		- opacity: 0;
2112		- }
2113		-
2114		- 100% {
2115		- -webkit-transform-origin: left bottom;
2116		- transform-origin: left bottom;
2117		- -webkit-transform: none;
2118		- transform: none;
2119		- opacity: 1;
2120		- }
2121		-}
2122		-
2123		-@keyframes rotateInUpLeft {
2124		- 0% {
2125		- -webkit-transform-origin: left bottom;
2126		- transform-origin: left bottom;
2127		- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2128		- transform: rotate3d(0, 0, 1, 45deg);
2129		- opacity: 0;
2130		- }
2131		-
2132		- 100% {
2133		- -webkit-transform-origin: left bottom;
2134		- transform-origin: left bottom;
2135		- -webkit-transform: none;
2136		- transform: none;
2137		- opacity: 1;
2138		- }
2139		-}
2140		-
2141		-.rotateInUpLeft {
2142		- -webkit-animation-name: rotateInUpLeft;
2143		- animation-name: rotateInUpLeft;
2144		-}
2145		-
2146		-@-webkit-keyframes rotateInUpRight {
2147		- 0% {
2148		- -webkit-transform-origin: right bottom;
2149		- transform-origin: right bottom;
2150		- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2151		- transform: rotate3d(0, 0, 1, -90deg);
2152		- opacity: 0;
2153		- }
2154		-
2155		- 100% {
2156		- -webkit-transform-origin: right bottom;
2157		- transform-origin: right bottom;
2158		- -webkit-transform: none;
2159		- transform: none;
2160		- opacity: 1;
2161		- }
2162		-}
2163		-
2164		-@keyframes rotateInUpRight {
2165		- 0% {
2166		- -webkit-transform-origin: right bottom;
2167		- transform-origin: right bottom;
2168		- -webkit-transform: rotate3d(0, 0, 1, -90deg);
2169		- transform: rotate3d(0, 0, 1, -90deg);
2170		- opacity: 0;
2171		- }
2172		-
2173		- 100% {
2174		- -webkit-transform-origin: right bottom;
2175		- transform-origin: right bottom;
2176		- -webkit-transform: none;
2177		- transform: none;
2178		- opacity: 1;
2179		- }
2180		-}
2181		-
2182		-.rotateInUpRight {
2183		- -webkit-animation-name: rotateInUpRight;
2184		- animation-name: rotateInUpRight;
2185		-}
2186		-
2187		-@-webkit-keyframes rotateOut {
2188		- 0% {
2189		- -webkit-transform-origin: center;
2190		- transform-origin: center;
2191		- opacity: 1;
2192		- }
2193		-
2194		- 100% {
2195		- -webkit-transform-origin: center;
2196		- transform-origin: center;
2197		- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2198		- transform: rotate3d(0, 0, 1, 200deg);
2199		- opacity: 0;
2200		- }
2201		-}
2202		-
2203		-@keyframes rotateOut {
2204		- 0% {
2205		- -webkit-transform-origin: center;
2206		- transform-origin: center;
2207		- opacity: 1;
2208		- }
2209		-
2210		- 100% {
2211		- -webkit-transform-origin: center;
2212		- transform-origin: center;
2213		- -webkit-transform: rotate3d(0, 0, 1, 200deg);
2214		- transform: rotate3d(0, 0, 1, 200deg);
2215		- opacity: 0;
2216		- }
2217		-}
2218		-
2219		-.rotateOut {
2220		- -webkit-animation-name: rotateOut;
2221		- animation-name: rotateOut;
2222		-}
2223		-
2224		-@-webkit-keyframes rotateOutDownLeft {
2225		- 0% {
2226		- -webkit-transform-origin: left bottom;
2227		- transform-origin: left bottom;
2228		- opacity: 1;
2229		- }
2230		-
2231		- 100% {
2232		- -webkit-transform-origin: left bottom;
2233		- transform-origin: left bottom;
2234		- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2235		- transform: rotate3d(0, 0, 1, 45deg);
2236		- opacity: 0;
2237		- }
2238		-}
2239		-
2240		-@keyframes rotateOutDownLeft {
2241		- 0% {
2242		- -webkit-transform-origin: left bottom;
2243		- transform-origin: left bottom;
2244		- opacity: 1;
2245		- }
2246		-
2247		- 100% {
2248		- -webkit-transform-origin: left bottom;
2249		- transform-origin: left bottom;
2250		- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2251		- transform: rotate3d(0, 0, 1, 45deg);
2252		- opacity: 0;
2253		- }
2254		-}
2255		-
2256		-.rotateOutDownLeft {
2257		- -webkit-animation-name: rotateOutDownLeft;
2258		- animation-name: rotateOutDownLeft;
2259		-}
2260		-
2261		-@-webkit-keyframes rotateOutDownRight {
2262		- 0% {
2263		- -webkit-transform-origin: right bottom;
2264		- transform-origin: right bottom;
2265		- opacity: 1;
2266		- }
2267		-
2268		- 100% {
2269		- -webkit-transform-origin: right bottom;
2270		- transform-origin: right bottom;
2271		- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2272		- transform: rotate3d(0, 0, 1, -45deg);
2273		- opacity: 0;
2274		- }
2275		-}
2276		-
2277		-@keyframes rotateOutDownRight {
2278		- 0% {
2279		- -webkit-transform-origin: right bottom;
2280		- transform-origin: right bottom;
2281		- opacity: 1;
2282		- }
2283		-
2284		- 100% {
2285		- -webkit-transform-origin: right bottom;
2286		- transform-origin: right bottom;
2287		- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2288		- transform: rotate3d(0, 0, 1, -45deg);
2289		- opacity: 0;
2290		- }
2291		-}
2292		-
2293		-.rotateOutDownRight {
2294		- -webkit-animation-name: rotateOutDownRight;
2295		- animation-name: rotateOutDownRight;
2296		-}
2297		-
2298		-@-webkit-keyframes rotateOutUpLeft {
2299		- 0% {
2300		- -webkit-transform-origin: left bottom;
2301		- transform-origin: left bottom;
2302		- opacity: 1;
2303		- }
2304		-
2305		- 100% {
2306		- -webkit-transform-origin: left bottom;
2307		- transform-origin: left bottom;
2308		- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2309		- transform: rotate3d(0, 0, 1, -45deg);
2310		- opacity: 0;
2311		- }
2312		-}
2313		-
2314		-@keyframes rotateOutUpLeft {
2315		- 0% {
2316		- -webkit-transform-origin: left bottom;
2317		- transform-origin: left bottom;
2318		- opacity: 1;
2319		- }
2320		-
2321		- 100% {
2322		- -webkit-transform-origin: left bottom;
2323		- transform-origin: left bottom;
2324		- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2325		- transform: rotate3d(0, 0, 1, -45deg);
2326		- opacity: 0;
2327		- }
2328		-}
2329		-
2330		-.rotateOutUpLeft {
2331		- -webkit-animation-name: rotateOutUpLeft;
2332		- animation-name: rotateOutUpLeft;
2333		-}
2334		-
2335		-@-webkit-keyframes rotateOutUpRight {
2336		- 0% {
2337		- -webkit-transform-origin: right bottom;
2338		- transform-origin: right bottom;
2339		- opacity: 1;
2340		- }
2341		-
2342		- 100% {
2343		- -webkit-transform-origin: right bottom;
2344		- transform-origin: right bottom;
2345		- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2346		- transform: rotate3d(0, 0, 1, 90deg);
2347		- opacity: 0;
2348		- }
2349		-}
2350		-
2351		-@keyframes rotateOutUpRight {
2352		- 0% {
2353		- -webkit-transform-origin: right bottom;
2354		- transform-origin: right bottom;
2355		- opacity: 1;
2356		- }
2357		-
2358		- 100% {
2359		- -webkit-transform-origin: right bottom;
2360		- transform-origin: right bottom;
2361		- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2362		- transform: rotate3d(0, 0, 1, 90deg);
2363		- opacity: 0;
2364		- }
2365		-}
2366		-
2367		-.rotateOutUpRight {
2368		- -webkit-animation-name: rotateOutUpRight;
2369		- animation-name: rotateOutUpRight;
2370		-}
2371		-
2372		-@-webkit-keyframes hinge {
2373		- 0% {
2374		- -webkit-transform-origin: top left;
2375		- transform-origin: top left;
2376		- -webkit-animation-timing-function: ease-in-out;
2377		- animation-timing-function: ease-in-out;
2378		- }
2379		-
2380		- 20%, 60% {
2381		- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2382		- transform: rotate3d(0, 0, 1, 80deg);
2383		- -webkit-transform-origin: top left;
2384		- transform-origin: top left;
2385		- -webkit-animation-timing-function: ease-in-out;
2386		- animation-timing-function: ease-in-out;
2387		- }
2388		-
2389		- 40%, 80% {
2390		- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2391		- transform: rotate3d(0, 0, 1, 60deg);
2392		- -webkit-transform-origin: top left;
2393		- transform-origin: top left;
2394		- -webkit-animation-timing-function: ease-in-out;
2395		- animation-timing-function: ease-in-out;
2396		- opacity: 1;
2397		- }
2398		-
2399		- 100% {
2400		- -webkit-transform: translate3d(0, 700px, 0);
2401		- transform: translate3d(0, 700px, 0);
2402		- opacity: 0;
2403		- }
2404		-}
2405		-
2406		-@keyframes hinge {
2407		- 0% {
2408		- -webkit-transform-origin: top left;
2409		- transform-origin: top left;
2410		- -webkit-animation-timing-function: ease-in-out;
2411		- animation-timing-function: ease-in-out;
2412		- }
2413		-
2414		- 20%, 60% {
2415		- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2416		- transform: rotate3d(0, 0, 1, 80deg);
2417		- -webkit-transform-origin: top left;
2418		- transform-origin: top left;
2419		- -webkit-animation-timing-function: ease-in-out;
2420		- animation-timing-function: ease-in-out;
2421		- }
2422		-
2423		- 40%, 80% {
2424		- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2425		- transform: rotate3d(0, 0, 1, 60deg);
2426		- -webkit-transform-origin: top left;
2427		- transform-origin: top left;
2428		- -webkit-animation-timing-function: ease-in-out;
2429		- animation-timing-function: ease-in-out;
2430		- opacity: 1;
2431		- }
2432		-
2433		- 100% {
2434		- -webkit-transform: translate3d(0, 700px, 0);
2435		- transform: translate3d(0, 700px, 0);
2436		- opacity: 0;
2437		- }
2438		-}
2439		-
2440		-.hinge {
2441		- -webkit-animation-name: hinge;
2442		- animation-name: hinge;
2443		-}
2444		-
2445		-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2446		-
2447		-@-webkit-keyframes rollIn {
2448		- 0% {
2449		- opacity: 0;
2450		- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2451		- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2452		- }
2453		-
2454		- 100% {
2455		- opacity: 1;
2456		- -webkit-transform: none;
2457		- transform: none;
2458		- }
2459		-}
2460		-
2461		-@keyframes rollIn {
2462		- 0% {
2463		- opacity: 0;
2464		- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2465		- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2466		- }
2467		-
2468		- 100% {
2469		- opacity: 1;
2470		- -webkit-transform: none;
2471		- transform: none;
2472		- }
2473		-}
2474		-
2475		-.rollIn {
2476		- -webkit-animation-name: rollIn;
2477		- animation-name: rollIn;
2478		-}
2479		-
2480		-/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2481		-
2482		-@-webkit-keyframes rollOut {
2483		- 0% {
2484		- opacity: 1;
2485		- }
2486		-
2487		- 100% {
2488		- opacity: 0;
2489		- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2490		- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2491		- }
2492		-}
2493		-
2494		-@keyframes rollOut {
2495		- 0% {
2496		- opacity: 1;
2497		- }
2498		-
2499		- 100% {
2500		- opacity: 0;
2501		- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2502		- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2503		- }
2504		-}
2505		-
2506		-.rollOut {
2507		- -webkit-animation-name: rollOut;
2508		- animation-name: rollOut;
2509		-}
2510		-
2511		-@-webkit-keyframes zoomIn {
2512		- 0% {
2513		- opacity: 0;
2514		- -webkit-transform: scale3d(.3, .3, .3);
2515		- transform: scale3d(.3, .3, .3);
2516		- }
2517		-
2518		- 50% {
2519		- opacity: 1;
2520		- }
2521		-}
2522		-
2523		-@keyframes zoomIn {
2524		- 0% {
2525		- opacity: 0;
2526		- -webkit-transform: scale3d(.3, .3, .3);
2527		- transform: scale3d(.3, .3, .3);
2528		- }
2529		-
2530		- 50% {
2531		- opacity: 1;
2532		- }
2533		-}
2534		-
2535		-.zoomIn {
2536		- -webkit-animation-name: zoomIn;
2537		- animation-name: zoomIn;
2538		-}
2539		-
2540		-@-webkit-keyframes zoomInDown {
2541		- 0% {
2542		- opacity: 0;
2543		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2544		- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2545		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2546		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2547		- }
2548		-
2549		- 60% {
2550		- opacity: 1;
2551		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2552		- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2553		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2554		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2555		- }
2556		-}
2557		-
2558		-@keyframes zoomInDown {
2559		- 0% {
2560		- opacity: 0;
2561		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2562		- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2563		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2564		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2565		- }
2566		-
2567		- 60% {
2568		- opacity: 1;
2569		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2570		- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2571		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2572		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2573		- }
2574		-}
2575		-
2576		-.zoomInDown {
2577		- -webkit-animation-name: zoomInDown;
2578		- animation-name: zoomInDown;
2579		-}
2580		-
2581		-@-webkit-keyframes zoomInLeft {
2582		- 0% {
2583		- opacity: 0;
2584		- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2585		- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2586		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2587		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2588		- }
2589		-
2590		- 60% {
2591		- opacity: 1;
2592		- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2593		- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2594		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2595		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2596		- }
2597		-}
2598		-
2599		-@keyframes zoomInLeft {
2600		- 0% {
2601		- opacity: 0;
2602		- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2603		- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2604		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2605		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2606		- }
2607		-
2608		- 60% {
2609		- opacity: 1;
2610		- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2611		- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2612		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2613		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2614		- }
2615		-}
2616		-
2617		-.zoomInLeft {
2618		- -webkit-animation-name: zoomInLeft;
2619		- animation-name: zoomInLeft;
2620		-}
2621		-
2622		-@-webkit-keyframes zoomInRight {
2623		- 0% {
2624		- opacity: 0;
2625		- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2626		- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2627		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2628		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2629		- }
2630		-
2631		- 60% {
2632		- opacity: 1;
2633		- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2634		- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2635		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2636		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2637		- }
2638		-}
2639		-
2640		-@keyframes zoomInRight {
2641		- 0% {
2642		- opacity: 0;
2643		- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2644		- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2645		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2646		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2647		- }
2648		-
2649		- 60% {
2650		- opacity: 1;
2651		- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2652		- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2653		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2654		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2655		- }
2656		-}
2657		-
2658		-.zoomInRight {
2659		- -webkit-animation-name: zoomInRight;
2660		- animation-name: zoomInRight;
2661		-}
2662		-
2663		-@-webkit-keyframes zoomInUp {
2664		- 0% {
2665		- opacity: 0;
2666		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2667		- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2668		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2669		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2670		- }
2671		-
2672		- 60% {
2673		- opacity: 1;
2674		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2675		- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2676		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2677		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2678		- }
2679		-}
2680		-
2681		-@keyframes zoomInUp {
2682		- 0% {
2683		- opacity: 0;
2684		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2685		- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2686		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2687		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2688		- }
2689		-
2690		- 60% {
2691		- opacity: 1;
2692		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2693		- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2694		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2695		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2696		- }
2697		-}
2698		-
2699		-.zoomInUp {
2700		- -webkit-animation-name: zoomInUp;
2701		- animation-name: zoomInUp;
2702		-}
2703		-
2704		-@-webkit-keyframes zoomOut {
2705		- 0% {
2706		- opacity: 1;
2707		- }
2708		-
2709		- 50% {
2710		- opacity: 0;
2711		- -webkit-transform: scale3d(.3, .3, .3);
2712		- transform: scale3d(.3, .3, .3);
2713		- }
2714		-
2715		- 100% {
2716		- opacity: 0;
2717		- }
2718		-}
2719		-
2720		-@keyframes zoomOut {
2721		- 0% {
2722		- opacity: 1;
2723		- }
2724		-
2725		- 50% {
2726		- opacity: 0;
2727		- -webkit-transform: scale3d(.3, .3, .3);
2728		- transform: scale3d(.3, .3, .3);
2729		- }
2730		-
2731		- 100% {
2732		- opacity: 0;
2733		- }
2734		-}
2735		-
2736		-.zoomOut {
2737		- -webkit-animation-name: zoomOut;
2738		- animation-name: zoomOut;
2739		-}
2740		-
2741		-@-webkit-keyframes zoomOutDown {
2742		- 40% {
2743		- opacity: 1;
2744		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2745		- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2746		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2747		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2748		- }
2749		-
2750		- 100% {
2751		- opacity: 0;
2752		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2753		- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2754		- -webkit-transform-origin: center bottom;
2755		- transform-origin: center bottom;
2756		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2757		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2758		- }
2759		-}
2760		-
2761		-@keyframes zoomOutDown {
2762		- 40% {
2763		- opacity: 1;
2764		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2765		- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2766		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2767		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2768		- }
2769		-
2770		- 100% {
2771		- opacity: 0;
2772		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2773		- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2774		- -webkit-transform-origin: center bottom;
2775		- transform-origin: center bottom;
2776		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2777		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2778		- }
2779		-}
2780		-
2781		-.zoomOutDown {
2782		- -webkit-animation-name: zoomOutDown;
2783		- animation-name: zoomOutDown;
2784		-}
2785		-
2786		-@-webkit-keyframes zoomOutLeft {
2787		- 40% {
2788		- opacity: 1;
2789		- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2790		- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2791		- }
2792		-
2793		- 100% {
2794		- opacity: 0;
2795		- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2796		- transform: scale(.1) translate3d(-2000px, 0, 0);
2797		- -webkit-transform-origin: left center;
2798		- transform-origin: left center;
2799		- }
2800		-}
2801		-
2802		-@keyframes zoomOutLeft {
2803		- 40% {
2804		- opacity: 1;
2805		- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2806		- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2807		- }
2808		-
2809		- 100% {
2810		- opacity: 0;
2811		- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2812		- transform: scale(.1) translate3d(-2000px, 0, 0);
2813		- -webkit-transform-origin: left center;
2814		- transform-origin: left center;
2815		- }
2816		-}
2817		-
2818		-.zoomOutLeft {
2819		- -webkit-animation-name: zoomOutLeft;
2820		- animation-name: zoomOutLeft;
2821		-}
2822		-
2823		-@-webkit-keyframes zoomOutRight {
2824		- 40% {
2825		- opacity: 1;
2826		- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2827		- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2828		- }
2829		-
2830		- 100% {
2831		- opacity: 0;
2832		- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2833		- transform: scale(.1) translate3d(2000px, 0, 0);
2834		- -webkit-transform-origin: right center;
2835		- transform-origin: right center;
2836		- }
2837		-}
2838		-
2839		-@keyframes zoomOutRight {
2840		- 40% {
2841		- opacity: 1;
2842		- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2843		- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2844		- }
2845		-
2846		- 100% {
2847		- opacity: 0;
2848		- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2849		- transform: scale(.1) translate3d(2000px, 0, 0);
2850		- -webkit-transform-origin: right center;
2851		- transform-origin: right center;
2852		- }
2853		-}
2854		-
2855		-.zoomOutRight {
2856		- -webkit-animation-name: zoomOutRight;
2857		- animation-name: zoomOutRight;
2858		-}
2859		-
2860		-@-webkit-keyframes zoomOutUp {
2861		- 40% {
2862		- opacity: 1;
2863		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2864		- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2865		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2866		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2867		- }
2868		-
2869		- 100% {
2870		- opacity: 0;
2871		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2872		- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2873		- -webkit-transform-origin: center bottom;
2874		- transform-origin: center bottom;
2875		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2876		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2877		- }
2878		-}
2879		-
2880		-@keyframes zoomOutUp {
2881		- 40% {
2882		- opacity: 1;
2883		- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2884		- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2885		- -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2886		- animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2887		- }
2888		-
2889		- 100% {
2890		- opacity: 0;
2891		- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2892		- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2893		- -webkit-transform-origin: center bottom;
2894		- transform-origin: center bottom;
2895		- -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2896		- animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2897		- }
2898		-}
2899		-
2900		-.zoomOutUp {
2901		- -webkit-animation-name: zoomOutUp;
2902		- animation-name: zoomOutUp;
2903		-}
2904		-
2905		-@-webkit-keyframes slideInDown {
2906		- 0% {
2907		- -webkit-transform: translateY(-100%);
2908		- transform: translateY(-100%);
2909		- visibility: visible;
2910		- }
2911		-
2912		- 100% {
2913		- -webkit-transform: translateY(0);
2914		- transform: translateY(0);
2915		- }
2916		-}
2917		-
2918		-@keyframes slideInDown {
2919		- 0% {
2920		- -webkit-transform: translateY(-100%);
2921		- transform: translateY(-100%);
2922		- visibility: visible;
2923		- }
2924		-
2925		- 100% {
2926		- -webkit-transform: translateY(0);
2927		- transform: translateY(0);
2928		- }
2929		-}
2930		-
2931		-.slideInDown {
2932		- -webkit-animation-name: slideInDown;
2933		- animation-name: slideInDown;
2934		-}
2935		-
2936		-@-webkit-keyframes slideInLeft {
2937		- 0% {
2938		- -webkit-transform: translateX(-100%);
2939		- transform: translateX(-100%);
2940		- visibility: visible;
2941		- }
2942		-
2943		- 100% {
2944		- -webkit-transform: translateX(0);
2945		- transform: translateX(0);
2946		- }
2947		-}
2948		-
2949		-@keyframes slideInLeft {
2950		- 0% {
2951		- -webkit-transform: translateX(-100%);
2952		- transform: translateX(-100%);
2953		- visibility: visible;
2954		- }
2955		-
2956		- 100% {
2957		- -webkit-transform: translateX(0);
2958		- transform: translateX(0);
2959		- }
2960		-}
2961		-
2962		-.slideInLeft {
2963		- -webkit-animation-name: slideInLeft;
2964		- animation-name: slideInLeft;
2965		-}
2966		-
2967		-@-webkit-keyframes slideInRight {
2968		- 0% {
2969		- -webkit-transform: translateX(100%);
2970		- transform: translateX(100%);
2971		- visibility: visible;
2972		- }
2973		-
2974		- 100% {
2975		- -webkit-transform: translateX(0);
2976		- transform: translateX(0);
2977		- }
2978		-}
2979		-
2980		-@keyframes slideInRight {
2981		- 0% {
2982		- -webkit-transform: translateX(100%);
2983		- transform: translateX(100%);
2984		- visibility: visible;
2985		- }
2986		-
2987		- 100% {
2988		- -webkit-transform: translateX(0);
2989		- transform: translateX(0);
2990		- }
2991		-}
2992		-
2993		-.slideInRight {
2994		- -webkit-animation-name: slideInRight;
2995		- animation-name: slideInRight;
2996		-}
2997		-
2998		-@-webkit-keyframes slideInUp {
2999		- 0% {
3000		- -webkit-transform: translateY(100%);
3001		- transform: translateY(100%);
3002		- visibility: visible;
3003		- }
3004		-
3005		- 100% {
3006		- -webkit-transform: translateY(0);
3007		- transform: translateY(0);
3008		- }
3009		-}
3010		-
3011		-@keyframes slideInUp {
3012		- 0% {
3013		- -webkit-transform: translateY(100%);
3014		- transform: translateY(100%);
3015		- visibility: visible;
3016		- }
3017		-
3018		- 100% {
3019		- -webkit-transform: translateY(0);
3020		- transform: translateY(0);
3021		- }
3022		-}
3023		-
3024		-.slideInUp {
3025		- -webkit-animation-name: slideInUp;
3026		- animation-name: slideInUp;
3027		-}
3028		-
3029		-@-webkit-keyframes slideOutDown {
3030		- 0% {
3031		- -webkit-transform: translateY(0);
3032		- transform: translateY(0);
3033		- }
3034		-
3035		- 100% {
3036		- visibility: hidden;
3037		- -webkit-transform: translateY(100%);
3038		- transform: translateY(100%);
3039		- }
3040		-}
3041		-
3042		-@keyframes slideOutDown {
3043		- 0% {
3044		- -webkit-transform: translateY(0);
3045		- transform: translateY(0);
3046		- }
3047		-
3048		- 100% {
3049		- visibility: hidden;
3050		- -webkit-transform: translateY(100%);
3051		- transform: translateY(100%);
3052		- }
3053		-}
3054		-
3055		-.slideOutDown {
3056		- -webkit-animation-name: slideOutDown;
3057		- animation-name: slideOutDown;
3058		-}
3059		-
3060		-@-webkit-keyframes slideOutLeft {
3061		- 0% {
3062		- -webkit-transform: translateX(0);
3063		- transform: translateX(0);
3064		- }
3065		-
3066		- 100% {
3067		- visibility: hidden;
3068		- -webkit-transform: translateX(-100%);
3069		- transform: translateX(-100%);
3070		- }
3071		-}
3072		-
3073		-@keyframes slideOutLeft {
3074		- 0% {
3075		- -webkit-transform: translateX(0);
3076		- transform: translateX(0);
3077		- }
3078		-
3079		- 100% {
3080		- visibility: hidden;
3081		- -webkit-transform: translateX(-100%);
3082		- transform: translateX(-100%);
3083		- }
3084		-}
3085		-
3086		-.slideOutLeft {
3087		- -webkit-animation-name: slideOutLeft;
3088		- animation-name: slideOutLeft;
3089		-}
3090		-
3091		-@-webkit-keyframes slideOutRight {
3092		- 0% {
3093		- -webkit-transform: translateX(0);
3094		- transform: translateX(0);
3095		- }
3096		-
3097		- 100% {
3098		- visibility: hidden;
3099		- -webkit-transform: translateX(100%);
3100		- transform: translateX(100%);
3101		- }
3102		-}
3103		-
3104		-@keyframes slideOutRight {
3105		- 0% {
3106		- -webkit-transform: translateX(0);
3107		- transform: translateX(0);
3108		- }
3109		-
3110		- 100% {
3111		- visibility: hidden;
3112		- -webkit-transform: translateX(100%);
3113		- transform: translateX(100%);
3114		- }
3115		-}
3116		-
3117		-.slideOutRight {
3118		- -webkit-animation-name: slideOutRight;
3119		- animation-name: slideOutRight;
3120		-}
3121		-
3122		-@-webkit-keyframes slideOutUp {
3123		- 0% {
3124		- -webkit-transform: translateY(0);
3125		- transform: translateY(0);
3126		- }
3127		-
3128		- 100% {
3129		- visibility: hidden;
3130		- -webkit-transform: translateY(-100%);
3131		- transform: translateY(-100%);
3132		- }
3133		-}
3134		-
3135		-@keyframes slideOutUp {
3136		- 0% {
3137		- -webkit-transform: translateY(0);
3138		- transform: translateY(0);
3139		- }
3140		-
3141		- 100% {
3142		- visibility: hidden;
3143		- -webkit-transform: translateY(-100%);
3144		- transform: translateY(-100%);
3145		- }
3146		-}
3147		-
3148		-.slideOutUp {
3149		- -webkit-animation-name: slideOutUp;
3150		- animation-name: slideOutUp;
3151		-}

css/less/m/m-activity.less deleted 100644 → 0

View file @9e46ed7

css/less/m/m-btn.less deleted 100644 → 0

View file @9e46ed7

1		-/*
2		- * button css
3		- * Code at 2015/01/27
4		- * by van
5		- */
6		-
7		-// @btn-666: #666;
8		-// @btn-6c2: #6c2;
9		-// @btn-5b2: #5b2;
10		-// @btn-fon: #6acb3b;
11		-// @btn-fff: #fff;
12		-// @btn-f9d: #ff9d2c;
13		-// @btn-fa4: #fa4535;
14		-@import "var";
15		-
16		-.display-as-inline () {
17		- display: inline-block;
18		- *display: inline;
19		- *zoom: 1;
20		-}
21		-
22		-.btn-white,
23		-.btn-white-f,
24		-.btn-white-fb,
25		-.btn-white-fb18,
26		-.btn-red,
27		-.btn-green-f,
28		-.btn-orange-f {
29		- .display-as-inline;
30		-}
31		-.btn-red,
32		-.btn-white,
33		-.btn-grey,
34		-.btn-white-f,
35		-.btn-white-fb,
36		-.btn-white-fb18,
37		-.btn-green-f,
38		-.btn-orange-f {
39		- border: 1px solid #ddd;
40		- border-radius: 5px;
41		- -webkit-border-radius: 5px;
42		- -moz-border-radius: 5px;
43		- background: #fff;
44		- height: 45px;
45		- line-height: 44px;
46		- padding: 0 40px;
47		- margin: 10px 0;
48		- cursor: pointer;
49		- vertical-align: middle;
50		-}
51		-.btn-grey,
52		-.btn-white {
53		- color: @btn-666;
54		- height: 39px;
55		- line-height: 39px;
56		-}
57		-.btn-white-fb,
58		-.btn-white-fb18 {
59		- border-color: @btn-fon;
60		-}
61		-.btn-white-f,
62		-.btn-white-fb,
63		-.btn-white-fb18 {
64		- color: @btn-fon;
65		-}
66		-.btn-green-f {
67		- border-color: @btn-6c2;
68		- background: @btn-6c2;
69		-}
70		-.btn-orange-f {
71		- border-color: @btn-f9d;
72		- background: @btn-f9d;
73		-}
74		-.btn-red,
75		-.btn-green-f,
76		-.btn-orange-f {
77		- color: @btn-fff;
78		-}
79		-.btn-red,
80		-.btn-green-f,
81		-.btn-orange-f,
82		-.btn-white-fb18 {
83		- font-size: 18px;
84		-}
85		-.btn-red {
86		- border: 1px solid @btn-fa4;
87		- background: @btn-fa4;
88		-}
89		-.btn-grey {
90		- border-color: #ccc;
91		- color: #d6d6d6;
92		-}
93		-

css/less/m/m-form.less deleted 100644 → 0

View file @9e46ed7

1		-/zzf/
2		-@import "var";
3		-
4		-.m-form {
5		- input {
6		- height: 35px;
7		- color: #666;
8		- padding-left: 5px;
9		- border: 1px solid #ccc;
10		- }
11		- input[type='number'] {
12		- width: 45px;
13		- }
14		- input[type="text"] {
15		- width: 100%;
16		- border: none;
17		- font-size: 14px;
18		- color: #888;
19		- }
20		-}
21		-// input[type='radio'] {
22		-// background: url("../../images/icon.png") -88px -236px repeat;
23		-// width: 22px;
24		-// -webkit-appearance: none;
25		-// appearance: none;
26		-// height: 22px;
27		-// display: inline-block;
28		-// background-size: 150px;
29		-// border: none;
30		-// cursor: pointer;
31		-// margin: 0px;
32		-// position: relative;
33		-// }
34		-// input[type='radio']:checked::after {
35		-// background: url("../../images/icon.png") -60px -236px repeat;
36		-// width: 26px;
37		-// height: 22px;
38		-// display: inline-block;
39		-// background-size: 150px;
40		-// content: '';
41		-// position: absolute;
42		-// left: 2px;
43		-// }

css/less/m/m-imguploader.less deleted 100644 → 0

View file @9e46ed7

1		-
2		-@import "var";
3		-/*
4		- @ m-imguploader.less
5		- @ 图片上传组件
6		-*/
7		-
8		-.img-upload-button {
9		- // display: inline-block;
10		- /or inline-block/
11		- // width: 62px;
12		- // height: 62px;
13		- padding: 0;
14		- text-align: center;
15		- cursor: pointer;
16		- z-index: 1;
17		- overflow: hidden;
18		- //background: url("@{imgURI}upload.png") -121px 0px no-repeat;
19		- width: 63px;
20		- height: 63px;
21		- float: left;
22		- border: 1px dashed #ddd;
23		- // background-size: 75px;
24		- // margin: 17px;
25		-}
26		-.img-upload-disabled{
27		- display: none;
28		-}
29		-.img-upload-button span {
30		- // display: none !important;
31		- background: url("@{imgURI}upload.png") -48px 0px no-repeat;
32		- width: 30px;
33		- height: 30px;
34		- overflow: hidden;
35		- display: inline-block;
36		- text-indent: -9990px;
37		- background-size: 75px;
38		- margin: 17px;
39		-}
40		-
41		-.img-upload-list {
42		- list-style: none;
43		- display: inline-table;
44		-}
45		-.img-upload-list:after {
46		- // content: ".";
47		- // display: block;
48		- // height: 0;
49		- // clear: both;
50		- // visibility: hidden;
51		-}
52		-
53		-.img-upload-list {
54		- // position: absolute;
55		- // z-index: 0;
56		- // // width: 45px;
57		- // // height: 45px;
58		- // left: 0;
59		- // top: 0;
60		- float: left;
61		- li{
62		- position: relative;
63		- }
64		-}
65		-.img-upload-list img {
66		- width: 62px;
67		- height: 62px;
68		-}
69		-.img-upload-list .img-upload-remove {
70		- position: absolute;
71		- top: 0px;
72		- right: 0px;
73		- display: block;
74		- width: 22px;
75		- height: 22px;
76		- z-index: 99;
77		- background: url("../../images/upload.png") -13px -12px no-repeat;
78		- background-size: 75px;
79		-}
80		-
81		-.img-upload-error {
82		- font-size: 12px;
83		- color: #ff0000;
84		-}

css/less/m/m-list-view.less deleted 100644 → 0

View file @9e46ed7

1		-/*
2		- * list css
3		- * Code at 2015/01/27
4		- * by van
5		- */
6		-
7		-@import "var";
8		-
9		-.list-view {
10		- border-top: 1px solid #ddd;
11		-}
12		-.list-view li {
13		- border-bottom: 1px solid #ddd;
14		- padding: 13px 0;
15		- background: #fff;
16		-}
17		-.list-view li.on {
18		- background: #eee;
19		-}
20		-.list-view .in-block {
21		- display: inline-block;
22		- vertical-align: middle;
23		-}
24		-.list-view .as-block {
25		- display: block;
26		-}
27		-/* 普通类表内容样式 */
28		-
29		-.list-view img {
30		- width: 80px;
31		- height: 80px;
32		- margin: 0 15px;
33		-}
34		-.list-view .info {
35		- height: 36px;
36		- overflow: hidden;
37		- margin: 0 10px 25px 0;
38		-}
39		-.from, .price {
40		- margin-right: 15px;
41		-}
42		-.price {
43		- color: #fa4545;
44		- font-size: 16px;
45		- float: left;
46		-}
47		-.from {
48		- color: #999;
49		- font-size: 12px;
50		- float: right;
51		-}
52		-.img-link {
53		- float: left;
54		-}
55		-.go-kinds, .go-detail {
56		- display: block;
57		- width: 50px;
58		- padding: 51px 20px;
59		- position: absolute;
60		- top: 0;
61		- right: 0;
62		- text-align: right;
63		- i {
64		- display: inline-block;
65		- width: 10px;
66		- height: 16px;
67		- background-position: -31px -236px;
68		- }
69		-}
70	0	\ No newline at end of file

css/less/m/m-tab.less deleted 100644 → 0

View file @9e46ed7

1		-@import "var";
2		-
3		-.m-tab {
4		- width: 70%;
5		-}
6		-.m-tab-one {
7		- width: 100%;
8		-}
9		-.m-tab li {
10		- width: 50%;
11		- float: left;
12		- border: 0;
13		-}
14		-.m-tab .on {
15		- border-bottom: 1px solid #6c2;
16		-}
17		-.filter-view span,
18		-.m-tab a {
19		- display: block;
20		- margin: 7px 0;
21		- border-left: 1px solid #ddd;
22		- margin-left: -1px;
23		- color: #999;
24		-}
25		-.m-tab .on a {
26		- color: #6c2;
27		-}
28		-.filter-view {
29		- width: 30%;
30		- float: right;
31		- cursor: default;
32		-}
33		-.m-tab li,
34		-.filter-view {
35		- border-bottom: 1px solid transparent;
36		- background: #fff;
37		- text-align: center;
38		-}
39		-.filter-view span {
40		- margin-left: 0;
41		-}
42		-.bar-one {
43		- .m-tab {
44		- width: 50%;
45		-
46		- li {
47		- width: 100%;
48		- }
49		- }
50		- .filter-view {
51		- width: 50%;
52		- }
53		-}

css/less/m/m_actionsheet.less deleted 100644 → 0

View file @9e46ed7

1		-/***************************************************
2		-* feature : actionSheet组件，模拟IOS actionSheet外观;
3		-* update : 2015/02/03;
4		-* use : .m-actionsheet;
5		-* extend : .actionsheet-*;
6		-* example : ;
7		-* desc : ;
8		-* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
9		-* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
10		-****************************************************/
11		-@import "var";
12		-.m-actionsheet{
13		- position: fixed;
14		- left: 10px;
15		- right: 10px;
16		- bottom: 0;
17		- margin-bottom: 10px;
18		- z-index: 20;
19		- -webkit-transition: all ease-in-out .25s;
20		- -o-transition: all ease-in-out .25s;
21		- transition: all ease-in-out .25s;
22		- ul{
23		- list-style: none;
24		- }
25		- li{
26		- line-height: 50px;
27		- text-align: center;
28		- background: rgba(255, 255, 255, .95);
29		- border-top: 1px solid #ddd;
30		- &:first-child{
31		- border-top-left-radius: 8px;
32		- border-top-right-radius: 8px;
33		- border: none;
34		- }
35		- &:last-child{
36		- margin-top: 10px;
37		- border-radius: 8px;
38		- border: none;
39		- }
40		- &.last-item{
41		- border-bottom-left-radius: 8px;
42		- border-bottom-right-radius: 8px;
43		- }
44		- a{
45		- display: block;
46		- color: #027aff;
47		- font-size: 16px;
48		- font-weight: 700;
49		- text-decoration: none;
50		- }
51		- }
52		-}
53	0	\ No newline at end of file

css/less/m/m_bar.less deleted 100644 → 0

View file @9e46ed7

1		-@import "var";
2		-
3		-/**
4		- m/m_bar
5		- 左下角工具条
6		-*/
7		-.m-bar{
8		- position: absolute;
9		-}
10		-.m-bar-bg{
11		- position: fixed;
12		- left: 0;
13		- top:0;
14		- z-index: 999;
15		- width: 100%;
16		- height: 100%;
17		- background: rgba(0, 0, 0, 0.6);
18		- display: none;
19		-}
20		-
21		-.m-bar-content{
22		- position: fixed;
23		- z-index: 1000;
24		- left: 20px;
25		- bottom: 65px;
26		- text-align: center;
27		- .m-bar-btn{
28		- position: relative;
29		- width: 46px;
30		- height: 46px;
31		- border-radius: 100%;
32		- background: @hbg-color;
33		- border: 2px #fff solid;
34		- z-index: 1001;
35		- }
36		- .m-bar-icon{
37		- margin: 0;
38		- display: inline-block;
39		- height: 100%;
40		- }
41		- a{
42		- position: absolute;
43		- width: 50px;
44		- height: 50px;
45		- background: @bg-fff;
46		- border-radius: 100%;
47		- font-size: 12px;
48		- color: #666;
49		- display: none;
50		- overflow: hidden;
51		- }
52		- p{
53		- line-height: normal;
54		- margin-top: -2px;
55		- }
56		- .icon{
57		- display: inline-block;
58		- width: 18px;
59		- height: 18px;
60		- line-height: normal;
61		- margin-top: 5px;
62		- .bg-img;
63		- }
64		- .icon-home{
65		- background-position: 0 -309px;
66		- }
67		- .icon-me{
68		- background-position: -23px -309px;
69		- }
70		- .icon-order{
71		- background-position: -48px -309px;
72		- }
73		-}
74		-
75		-.m-bar.open{
76		- .m-bar-content{
77		-
78		- a{
79		- display: block;
80		- }
81		- .bar-home{
82		- animation: as1 0.3s;
83		- -moz-animation: as1 0.3s; /* Firefox */
84		- -webkit-animation: as1 0.3s; /* Safari 和 Chrome */
85		- -o-animation: as1 0.3s; /* Opera */
86		- left: 0;
87		- top:-70px;
88		- }
89		-
90		- .bar-me{
91		- animation: as2 0.3s;
92		- -moz-animation: as2 0.3s; /* Firefox */
93		- -webkit-animation: as2 0.3s; /* Safari 和 Chrome */
94		- -o-animation: as2 0.3s; /* Opera */
95		- top: -52px;
96		- left:60px;
97		- }
98		- .bar-order{
99		- animation: as3 0.3s;
100		- -moz-animation: as3 0.3s; /* Firefox */
101		- -webkit-animation: as3 0.3s; /* Safari 和 Chrome */
102		- -o-animation: as3 0.3s; /* Opera */
103		- bottom: -10px;
104		- left:70px;
105		- }
106		- }
107		-}
108		-// .bar-home
109		-.open-home{
110		- from {top:0;}
111		- to {top:-70px;}
112		-}
113		-@keyframes as1
114		-{
115		- .open-home
116		-}
117		-
118		-@-moz-keyframes as1
119		-{
120		- .open-home
121		-}
122		-
123		-@-webkit-keyframes as1
124		-{
125		- .open-home
126		-}
127		-
128		-@-o-keyframes as1
129		-{
130		- .open-home
131		-}
132		-// .bar-me
133		-.open-me{
134		- from {top:0;left: 0}
135		- to {top: -52px;left:60px;}
136		-}
137		-@keyframes as2
138		-{
139		- .open-me
140		-}
141		-
142		-@-moz-keyframes as2
143		-{
144		- .open-me
145		-}
146		-
147		-@-webkit-keyframes as2
148		-{
149		- .open-me
150		-}
151		-
152		-@-o-keyframes as2
153		-{
154		- .open-me
155		-}
156		-
157		-// .bar-order
158		-.open-order{
159		- from {bottom:0;left: 0}
160		- to {bottom: -10px;left:70px;}
161		-}
162		-@keyframes as3
163		-{
164		- .open-order
165		-}
166		-
167		-@-moz-keyframes as3
168		-{
169		- .open-order
170		-}
171		-
172		-@-webkit-keyframes as3
173		-{
174		- .open-order
175		-}
176		-
177		-@-o-keyframes as3
178		-{
179		- .open-order
180		-}
181		-
182		-.m-bar.close{
183		-
184		- .m-bar-content{
185		- a{
186		- display: block;
187		- }
188		- .bar-home{
189		- animation: as1-1 0.3s;
190		- -moz-animation: as1-1 0.3s; /* Firefox */
191		- -webkit-animation: as1-1 0.3s; /* Safari 和 Chrome */
192		- -o-animation: as1-1 0.3s; /* Opera */
193		- left: 0;
194		- top:0;
195		- }
196		-
197		- .bar-me{
198		- animation: as2-1 0.3s;
199		- -moz-animation: as2-1 0.3s; /* Firefox */
200		- -webkit-animation: as2-1 0.3s; /* Safari 和 Chrome */
201		- -o-animation: as2-1 0.3s; /* Opera */
202		- left: 0;
203		- top:0;
204		- }
205		- .bar-order{
206		- animation: as3-1 0.3s;
207		- -moz-animation: as3-1 0.3s; /* Firefox */
208		- -webkit-animation: as3-1 0.3s; /* Safari 和 Chrome */
209		- -o-animation: as3-1 0.3s; /* Opera */
210		- left: 0;
211		- top:0;
212		- }
213		- }
214		-}
215		-
216		-// .bar-home
217		-.close-home{
218		- from {top:-70px;}
219		- to {top:0;}
220		-}
221		-@keyframes as1-1
222		-{
223		- .close-home
224		-}
225		-
226		-@-moz-keyframes as1-1
227		-{
228		- .close-home
229		-}
230		-
231		-@-webkit-keyframes as1-1
232		-{
233		- .close-home
234		-}
235		-
236		-@-o-keyframes as1-1
237		-{
238		- .close-home
239		-}
240		-// .bar-me
241		-.close-me{
242		- from {bottom: -10px;left:70px;}
243		- to {bottom:0;left: 0}
244		-}
245		-@keyframes as2-1
246		-{
247		- .close-me
248		-}
249		-
250		-@-moz-keyframes as2-1
251		-{
252		- .close-me
253		-}
254		-
255		-@-webkit-keyframes as2-1
256		-{
257		- .close-me
258		-}
259		-
260		-@-o-keyframes as2-1
261		-{
262		- .close-me
263		-}
264		-
265		-// .bar-order
266		-.close-order{
267		- from {bottom: -10px;left:70px;}
268		- to {bottom:0;left: 0}
269		-}
270		-@keyframes as3-1
271		-{
272		- .close-order
273		-
274		-}
275		-
276		-@-moz-keyframes as3-1
277		-{
278		- from {bottom: -10px;left:70px;}
279		- .close-order
280		-}
281		-
282		-@-webkit-keyframes as3-1
283		-{
284		- .close-order
285		-}
286		-
287		-@-o-keyframes as3-1
288		-{
289		- .close-order
290		-}
291	0	\ No newline at end of file

css/less/m/m_btn.less deleted 100644 → 0

View file @9e46ed7

1		-/***************************************************
2		-* feature : 按钮，默认提供3种样式;
3		-* update : 2015/02/03;
4		-* use : .m-btn;
5		-* extend : .btn-*;
6		-* example : ;
7		-* desc : ;
8		-* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
9		-* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
10		-****************************************************/
11		-@import "var";
12		-
13		-.m-btn{
14		- display: inline-block;
15		- padding: 0 15px;
16		- // margin: 10px 0;
17		- line-height: 45px;
18		- font-size: 18px;
19		- color: #666;
20		- text-align: center;
21		- border: none;
22		- background-color: #FFF;
23		- border-radius: 5px;
24		- -webkit-border-radius: 5px;
25		- -moz-border-radius: 5px;
26		- cursor: pointer;
27		- vertical-align: middle;
28		- border: 1px solid #ddd;
29		- &.btn-success{
30		- color: #FFF;
31		- background-color: #6C2;
32		- border: none;
33		- &.reverse{
34		- background-color: #FFF;
35		- color: #6C2;
36		- line-height: 43px;
37		- border: 1px solid #6C2;
38		- }
39		- }
40		-
41		- &.btn-warning{
42		- color: #FFF;
43		- background-color: #ff9d2c;
44		- border: none;
45		- }
46		-
47		- &.btn-danger{
48		- color: #FFF;
49		- background-color: #fa4535;
50		- border: none;
51		- }
52		-
53		- &.btn-text{
54		- background: none;
55		- border: 1px solid #6c2;
56		- color: #6c2;
57		- width: 65px;
58		- font-size: 12px;
59		- text-align: center;
60		- line-height: 23px;
61		- padding: 0;
62		- float: right;
63		- border-radius: 2px;
64		- margin-top: -2px;
65		- }
66		-}
67	0	\ No newline at end of file

dlstatic / static-wappnr · Commits

GitLab

icon sprite

Too many changes to show.
Reload with full diff Plain diff Email patch

GitLab

icon sprite

Too many changes to show. Reload with full diff Plain diff Email patch

Too many changes to show.
Reload with full diff Plain diff Email patch