Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
c90bca76
Z
zui
项目概览
易企天创
/
zui
大约 1 年 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
c90bca76
编写于
4月 17, 2015
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* fix style for fullscreen mode.
上级
4ced437a
变更
6
显示空白变更内容
内联
并排
Showing
6 changed file
with
166 addition
and
96 deletion
+166
-96
docs/2/css/doc.css
docs/2/css/doc.css
+71
-49
docs/2/css/doc.css.map
docs/2/css/doc.css.map
+1
-1
docs/2/css/doc.min.css
docs/2/css/doc.min.css
+1
-1
docs/2/index.html
docs/2/index.html
+5
-3
src/js/doc.js
src/js/doc.js
+12
-4
src/less/doc.less
src/less/doc.less
+76
-38
未找到文件。
docs/2/css/doc.css
浏览文件 @
c90bca76
...
...
@@ -1058,24 +1058,19 @@ body.input-query-focus #grid .card.choosed:before {
#pageHeader
{
position
:
relative
;
min-height
:
110px
;
padding
:
8px
20px
20px
64px
;
padding
:
0
;
background-color
:
#fafafa
;
}
#pageHeader
>
.wrapper
{
position
:
relative
;
max-width
:
1160px
;
padding
:
8px
20px
20px
66px
;
margin
:
0
auto
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
}
#pageHeader
>
.path-btn
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
48px
;
height
:
48px
;
}
#pageHeader
>
.path-max-btn
{
right
:
48px
;
width
:
36px
;
}
#pageHeader
>
.icon
{
#pageHeader
>
.wrapper
>
.icon
{
position
:
absolute
;
top
:
13px
;
left
:
13px
;
...
...
@@ -1091,12 +1086,8 @@ body.input-query-focus #grid .card.choosed:before {
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-transform
:
scale
(
1.2
);
-ms-transform
:
scale
(
1.2
);
-o-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
);
}
#pageHeader
>
h2
{
#pageHeader
>
.wrapper
>
h2
{
padding
:
6px
0
;
margin
:
0
;
font-size
:
16px
;
...
...
@@ -1105,6 +1096,17 @@ body.input-query-focus #grid .card.choosed:before {
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
}
#pageHeader
>
.path-btn
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
48px
;
height
:
48px
;
}
#pageHeader
>
.path-max-btn
{
right
:
48px
;
width
:
36px
;
}
#pageHeader
>
.btn
{
filter
:
alpha
(
opacity
=
0
);
opacity
:
0
;
...
...
@@ -1264,15 +1266,15 @@ body.page-show.page-show-in #page {
max-height
:
none
!important
;
opacity
:
1
;
}
body
.page-show.page-show-in
#pageHeader
{
body
.page-show.page-show-in
#pageHeader
>
.wrapper
{
padding-top
:
20px
;
padding-left
:
80px
;
}
body
.page-show.page-show-in
#pageHeader
>
h2
{
body
.page-show.page-show-in
#pageHeader
>
.wrapper
>
h2
{
padding
:
10px
0
;
font-size
:
20px
;
}
body
.page-show.page-show-in
#pageHeader
>
.icon
{
body
.page-show.page-show-in
#pageHeader
>
.
wrapper
>
.
icon
{
top
:
30px
;
left
:
26px
;
}
...
...
@@ -1284,69 +1286,89 @@ body.page-show.page-show-in #pageHeader > .btn {
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
);
}
body
.page-show.page-show-full.page-show-in
#pageContainer
{
body
.page-show.page-show-full
#page
{
opacity
:
0
;
}
body
.page-show.page-show-full.page-show-in
#page
{
opacity
:
1
;
}
body
.page-show.page-show-full
#pageContainer
{
top
:
0
;
}
body
.page-show.page-show-full
.page-show-in
#pageContainer
>
.container
{
body
.page-show.page-show-full
#pageContainer
>
.container
{
width
:
100%
;
max-width
:
none
;
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:before
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
:after
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
>
.path-1
:before
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
>
.path-1
{
body
.page-show.page-show-full
#pageContent
{
max-width
:
1160px
;
padding
:
0
20px
0
80px
;
margin
:
0
auto
;
}
body
.page-show.page-show-full
#pageContent
:before
{
left
:
44px
;
}
body
.page-show.page-show-full
#pageBody
{
padding
:
20px
0
;
}
body
.page-show.page-show-full
#pageBody
.with-scrollbar
{
padding-left
:
11px
;
}
body
.page-show.page-show-full
.path-max-btn
:before
,
body
.page-show.page-show-full
.path-max-btn
:after
,
body
.page-show.page-show-full
.path-max-btn
>
.path-1
:before
,
body
.page-show.page-show-full
.path-max-btn
>
.path-1
{
-webkit-transform
:
rotate
(
0deg
);
-ms-transform
:
rotate
(
0deg
);
-o-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
);
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:before
{
body
.page-show.page-show-full
.path-max-btn
:before
{
top
:
16px
;
left
:
10px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:after
{
body
.page-show.page-show-full
.path-max-btn
:after
{
top
:
16px
;
left
:
18px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
>
.path-1
{
body
.page-show.page-show-full
.path-max-btn
>
.path-1
{
top
:
24px
;
left
:
10px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
>
.path-1
:before
{
body
.page-show.page-show-full
.path-max-btn
>
.path-1
:before
{
top
:
0
;
left
:
6px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
>
.path-1
:after
{
body
.page-show.page-show-full
.path-max-btn
>
.path-1
:after
{
top
:
-3px
;
left
:
3px
;
width
:
4px
;
height
:
4px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover:before
,
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover:after
,
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover
>
.path-1
,
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover
>
.path-1
:before
,
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover
>
.path-1
:after
{
body
.page-show.page-show-full
.path-max-btn
:hover:before
,
body
.page-show.page-show-full
.path-max-btn
:hover:after
,
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
,
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:before
,
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:after
{
top
:
18px
;
left
:
12px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover:after
{
body
.page-show.page-show-full
.path-max-btn
:hover:after
{
left
:
16px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover
>
.path-1
{
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
{
top
:
22px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover
>
.path-1
:before
{
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:before
{
top
:
0
;
left
:
2px
;
}
body
.page-show.page-show-full
.page-show-in
.path-max-btn
:hover
>
.path-1
:after
{
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:after
{
top
:
-4px
;
left
:
-2px
;
width
:
10px
;
height
:
10px
;
}
body
.page-show.page-show-full
.page-show-in
#searchForm
{
body
.page-show.page-show-full
#searchForm
{
opacity
:
0
;
}
body
.page-show
[
data-page-chapter
=
"learn"
]
.path-zui-36
:before
,
...
...
@@ -1366,7 +1388,7 @@ body.page-show[data-page-chapter="learn"] #header {
body
.page-show
[
data-page-chapter
=
"learn"
]
#pageHeader
{
background-color
:
#d3f4f7
;
}
body
.page-show
[
data-page-chapter
=
"learn"
]
#pageHeader
>
.icon
{
body
.page-show
[
data-page-chapter
=
"learn"
]
#pageHeader
>
.
wrapper
>
.
icon
{
color
:
#fff
;
background-color
:
#00acc1
;
}
...
...
@@ -1390,7 +1412,7 @@ body.page-show[data-page-chapter="start"] #header {
body
.page-show
[
data-page-chapter
=
"start"
]
#pageHeader
{
background-color
:
#d6e6fe
;
}
body
.page-show
[
data-page-chapter
=
"start"
]
#pageHeader
>
.icon
{
body
.page-show
[
data-page-chapter
=
"start"
]
#pageHeader
>
.
wrapper
>
.
icon
{
color
:
#fff
;
background-color
:
#3280fc
;
}
...
...
@@ -1414,7 +1436,7 @@ body.page-show[data-page-chapter="basic"] #header {
body
.page-show
[
data-page-chapter
=
"basic"
]
#pageHeader
{
background-color
:
#ffebd4
;
}
body
.page-show
[
data-page-chapter
=
"basic"
]
#pageHeader
>
.icon
{
body
.page-show
[
data-page-chapter
=
"basic"
]
#pageHeader
>
.
wrapper
>
.
icon
{
color
:
#fff
;
background-color
:
#fd9927
;
}
...
...
@@ -1438,7 +1460,7 @@ body.page-show[data-page-chapter="control"] #header {
body
.page-show
[
data-page-chapter
=
"control"
]
#pageHeader
{
background-color
:
#d5f1d7
;
}
body
.page-show
[
data-page-chapter
=
"control"
]
#pageHeader
>
.icon
{
body
.page-show
[
data-page-chapter
=
"control"
]
#pageHeader
>
.
wrapper
>
.
icon
{
color
:
#fff
;
background-color
:
#2fb936
;
}
...
...
@@ -1462,7 +1484,7 @@ body.page-show[data-page-chapter="component"] #header {
body
.page-show
[
data-page-chapter
=
"component"
]
#pageHeader
{
background-color
:
#fcdcd5
;
}
body
.page-show
[
data-page-chapter
=
"component"
]
#pageHeader
>
.icon
{
body
.page-show
[
data-page-chapter
=
"component"
]
#pageHeader
>
.
wrapper
>
.
icon
{
color
:
#fff
;
background-color
:
#ee4e2f
;
}
...
...
@@ -1486,7 +1508,7 @@ body.page-show[data-page-chapter="javascript"] #header {
body
.page-show
[
data-page-chapter
=
"javascript"
]
#pageHeader
{
background-color
:
#f2e5da
;
}
body
.page-show
[
data-page-chapter
=
"javascript"
]
#pageHeader
>
.icon
{
body
.page-show
[
data-page-chapter
=
"javascript"
]
#pageHeader
>
.
wrapper
>
.
icon
{
color
:
#fff
;
background-color
:
#bd7b46
;
}
...
...
@@ -1510,7 +1532,7 @@ body.page-show[data-page-chapter="view"] #header {
body
.page-show
[
data-page-chapter
=
"view"
]
#pageHeader
{
background-color
:
#e7e0f1
;
}
body
.page-show
[
data-page-chapter
=
"view"
]
#pageHeader
>
.icon
{
body
.page-show
[
data-page-chapter
=
"view"
]
#pageHeader
>
.
wrapper
>
.
icon
{
color
:
#fff
;
background-color
:
#8666b8
;
}
...
...
docs/2/css/doc.css.map
浏览文件 @
c90bca76
{"version":3,"sources":["doc.css"],"names":[],"mappings":"AAAA;EACE,oBAAmB;EACnB,YAAW;EACZ;AACD;EACE,QAAO;EACR;AACD;EACE,oBAAmB;EACnB,YAAW;EACZ;AACD;EACE,SAAQ;EACT;AACD;EACE,WAAU;EACV,kBAAiB;EAClB;AACD;EACE,cAAa;EACd;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,oBAAmB;EACnB,YAAW;EACX,YAAW;EACX,WAAU;EACV,kBAAiB;EACjB,+BAA8B;EAC9B,2BAA0B;EAC1B,0BAAsB;KAAtB,uBAAsB;EACvB;AACD;EACE,iBAAgB;EAChB,gBAAe;EACf,cAAa;EACb,aAAY;EACZ,mBAAkB;EAClB,gBAAe;EAChB;AACD;EACE,iBAAgB;EAChB,YAAW;EACX,cAAa;EACb,6BAA4B;EAC5B,yBAAwB;EACxB,wBAAoB;KAApB,qBAAoB;EACrB;AACD;EACE,eAAc;EACf;AACD;EACE,uBAAsB;EACtB,wBAAuB;EACvB,qBAAoB;EACpB,cAAa;EACb,aAAY;EACZ,oBAAmB;EACnB,kBAAiB;EAClB;AACD;;EAEE,cAAa;EACb,gBAAe;EACf,oBAAmB;EACnB,2BAA0B;EAC1B,YAAW;EACX,aAAY;EACZ,aAAY;EACb;AACD;EACE,UAAS;EACT,qBAAoB;EACrB;AACD;EACE,WAAU;EACV,kBAAiB;EAClB;AACD;;;;;EAKE,gBAAe;EACf,cAAa;EACb,oBAAmB;EACnB,YAAW;EACX,aAAY;EACZ,2BAA0B;EAC3B;AACD;EACE,YAAW;EACX,WAAU;EACX;AACD;;EAEE,YAAW;EACX,UAAS;EACV;AACD;EACE,WAAU;EACV,WAAU;EACX;AACD;EACE,YAAW;EACX,WAAU;EACX;AACD;EACE,kBAAiB;EAClB;AACD;;EAEE,eAAc;EACd,kBAAiB;EAClB;AACD;;;;;EAKE,8BAA6B;EAC7B,yBAAqB;KAArB,sBAAqB;EACrB,oBAAmB;EACnB,cAAa;EACb,gBAAe;EACf,aAAY;EACZ,aAAY;EACZ,2BAA0B;EAC1B,YAAW;EACX,WAAU;EACX;AACD;EACE,WAAU;EACX;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;;EAEE,YAAW;EACX,WAAU;EACV,YAAW;EACZ;AACD;EACE,UAAS;EACV;AACD;EACE,2BAA0B;EAC1B,sCAAqC;EACtC;AACD;;;;;EAKE,uBAAsB;EACtB,mCAAkC;EAClC,+BAA8B;EAC9B,8BAA0B;KAA1B,2BAA0B;EAC3B;AACD;EACE,WAAU;EACX;AACD;EACE,WAAU;EACX;AACD;EACE,YAAW;EACZ;AACD;EACE,UAAS;EACT,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;;;;;EAKE,eAAc;EACd,kBAAiB;EAClB;AACD;EACE,iBAAgB;EACjB;AACD;;;;;EAKE,aAAY;EACZ,YAAW;EACX,YAAW;EACX,WAAU;EACX;AACD;EACE,iBAAgB;EAChB,kBAAiB;EAClB;AACD;EACE,YAAW;EACX,gBAAe;EACf,kBAAiB;EAClB;AACD;EACE,WAAU;EACV,iBAAgB;EAChB,eAAc;EACf;AACD;EACE,eAAc;EACd,gBAAe;EACf,UAAS;EACT,WAAU;EACX;AACD;EACE,aAAY;EACZ,cAAa;EACb,YAAW;EACX,WAAU;EACX;AACD;;;;EAIE,iCAAgC;EAChC,6BAA4B;EAC5B,4BAAwB;KAAxB,yBAAwB;EACzB;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,UAAS;EACT,WAAU;EACX;AACD;EACE,YAAW;EACX,aAAY;EACZ,WAAU;EACV,WAAU;EACX;AACD;EACE,yEAAwE;EACxE,oEAAgE;KAAhE,iEAAgE;EACjE;AACD;EACE,2BAA0B;EAC1B,aAAY;EACZ,qBAAoB;EACpB,mBAAkB;EACnB;AACD;EACE,eAAc;EACf;AACD;EACE,iBAAgB;EAChB,qBAAoB;EACrB;AACD;EACE,kBAAiB;EAClB;AACD;EACE,oBAAmB;EACnB,oBAAmB;EACpB;AACD;EACE,oBAAmB;EACnB,QAAO;EACP,YAAW;EACZ;AACD;EACE,oBAAmB;EACnB,oBAAmB;EACnB,kBAAiB;EAClB;AACD;EACE,iBAAgB;EAChB,qBAAoB;EACpB,eAAc;EACf;AACD;EACE,cAAa;EACd;AACD;EACE,mBAAkB;EAClB,oBAAmB;EACpB;AACD;EACE,uBAAsB;EACtB,yCAAwC;EACxC,qBAAoB;EACrB;AACD;EACE,kBAAiB;EACjB,gBAAe;EACf,oBAAmB;EACpB;AACD;EACE,oBAAmB;EACpB;AACD;EACE,oBAAmB;EACnB,YAAW;EACX,WAAU;EACV,cAAa;EACb,gBAAe;EACf,aAAY;EACZ,oBAAmB;EACnB,cAAa;EACb,aAAY;EACb;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,kBAAiB;EACjB,qBAAoB;EACpB,oBAAmB;EACnB,2BAA0B;EAC1B,wCAAuC;EACvC,aAAY;EACb;AACD;EACE,gBAAe;EAChB;AACD;EACE,gBAAe;EAChB;AACD;EACE,gBAAe;EAChB;AACD;EACE,gBAAe;EAChB;AACD;EACE,iCAAgC;EACjC;AACD;EACE,iCAAgC;EACjC;AACD;EACE,iCAAgC;EACjC;AACD;EACE,iCAAgC;EACjC;AACD;EACE,oBAAmB;EACnB,4CAA2C;EAE3C,2FAA0F;EAC1F,mFAAkF;EACnF;AACD;EACE,gBAAe;EACf,UAAS;EACT,YAAW;EACX,YAAW;EACZ;AACD;EACE,qBAAoB;EACrB;AACD;EACE,qBAAoB;EACrB;AACD;EACE,wBAAuB;EACvB,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,eAAc;EACd,oBAAmB;EACnB,qBAAoB;EACpB,oBAAmB;EACnB,0BAAiB;UAAjB,kBAAiB;EAClB;AACD;EACE,gBAAe;EAChB;AACD;EACE,uBAAsB;EACvB;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,uBAAsB;EACtB,gBAAe;EACf,oBAAmB;EACnB,cAAa;EACb,QAAO;EACP,kBAAiB;EACjB,aAAY;EACb;AACD;;EAEE,uBAAsB;EACvB;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,oBAAmB;EACnB,2BAA0B;EAC3B;AACD;EA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","file":"doc.css"}
\ No newline at end of file
{"version":3,"sources":["doc.css"],"names":[],"mappings":"AAAA;EACE,oBAAmB;EACnB,YAAW;EACZ;AACD;EACE,QAAO;EACR;AACD;EACE,oBAAmB;EACnB,YAAW;EACZ;AACD;EACE,SAAQ;EACT;AACD;EACE,WAAU;EACV,kBAAiB;EAClB;AACD;EACE,cAAa;EACd;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,oBAAmB;EACnB,YAAW;EACX,YAAW;EACX,WAAU;EACV,kBAAiB;EACjB,+BAA8B;EAC9B,2BAA0B;EAC1B,0BAAsB;KAAtB,uBAAsB;EACvB;AACD;EACE,iBAAgB;EAChB,gBAAe;EACf,cAAa;EACb,aAAY;EACZ,mBAAkB;EAClB,gBAAe;EAChB;AACD;EACE,iBAAgB;EAChB,YAAW;EACX,cAAa;EACb,6BAA4B;EAC5B,yBAAwB;EACxB,wBAAoB;KAApB,qBAAoB;EACrB;AACD;EACE,eAAc;EACf;AACD;EACE,uBAAsB;EACtB,wBAAuB;EACvB,qBAAoB;EACpB,cAAa;EACb,aAAY;EACZ,oBAAmB;EACnB,kBAAiB;EAClB;AACD;;EAEE,cAAa;EACb,gBAAe;EACf,oBAAmB;EACnB,2BAA0B;EAC1B,YAAW;EACX,aAAY;EACZ,aAAY;EACb;AACD;EACE,UAAS;EACT,qBAAoB;EACrB;AACD;EACE,WAAU;EACV,kBAAiB;EAClB;AACD;;;;;EAKE,gBAAe;EACf,cAAa;EACb,oBAAmB;EACnB,YAAW;EACX,aAAY;EACZ,2BAA0B;EAC3B;AACD;EACE,YAAW;EACX,WAAU;EACX;AACD;;EAEE,YAAW;EACX,UAAS;EACV;AACD;EACE,WAAU;EACV,WAAU;EACX;AACD;EACE,YAAW;EACX,WAAU;EACX;AACD;EACE,kBAAiB;EAClB;AACD;;EAEE,eAAc;EACd,kBAAiB;EAClB;AACD;;;;;EAKE,8BAA6B;EAC7B,yBAAqB;KAArB,sBAAqB;EACrB,oBAAmB;EACnB,cAAa;EACb,gBAAe;EACf,aAAY;EACZ,aAAY;EACZ,2BAA0B;EAC1B,YAAW;EACX,WAAU;EACX;AACD;EACE,WAAU;EACX;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;;EAEE,YAAW;EACX,WAAU;EACV,YAAW;EACZ;AACD;EACE,UAAS;EACV;AACD;EACE,2BAA0B;EAC1B,sCAAqC;EACtC;AACD;;;;;EAKE,uBAAsB;EACtB,mCAAkC;EAClC,+BAA8B;EAC9B,8BAA0B;KAA1B,2BAA0B;EAC3B;AACD;EACE,WAAU;EACX;AACD;EACE,WAAU;EACX;AACD;EACE,YAAW;EACZ;AACD;EACE,UAAS;EACT,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;;;;;EAKE,eAAc;EACd,kBAAiB;EAClB;AACD;EACE,iBAAgB;EACjB;AACD;;;;;EAKE,aAAY;EACZ,YAAW;EACX,YAAW;EACX,WAAU;EACX;AACD;EACE,iBAAgB;EAChB,kBAAiB;EAClB;AACD;EACE,YAAW;EACX,gBAAe;EACf,kBAAiB;EAClB;AACD;EACE,WAAU;EACV,iBAAgB;EAChB,eAAc;EACf;AACD;EACE,eAAc;EACd,gBAAe;EACf,UAAS;EACT,WAAU;EACX;AACD;EACE,aAAY;EACZ,cAAa;EACb,YAAW;EACX,WAAU;EACX;AACD;;;;EAIE,iCAAgC;EAChC,6BAA4B;EAC5B,4BAAwB;KAAxB,yBAAwB;EACzB;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,UAAS;EACT,WAAU;EACX;AACD;EACE,YAAW;EACX,aAAY;EACZ,WAAU;EACV,WAAU;EACX;AACD;EACE,yEAAwE;EACxE,oEAAgE;KAAhE,iEAAgE;EACjE;AACD;EACE,2BAA0B;EAC1B,aAAY;EACZ,qBAAoB;EACpB,mBAAkB;EACnB;AACD;EACE,eAAc;EACf;AACD;EACE,iBAAgB;EAChB,qBAAoB;EACrB;AACD;EACE,kBAAiB;EAClB;AACD;EACE,oBAAmB;EACnB,oBAAmB;EACpB;AACD;EACE,oBAAmB;EACnB,QAAO;EACP,YAAW;EACZ;AACD;EACE,oBAAmB;EACnB,oBAAmB;EACnB,kBAAiB;EAClB;AACD;EACE,iBAAgB;EAChB,qBAAoB;EACpB,eAAc;EACf;AACD;EACE,cAAa;EACd;AACD;EACE,mBAAkB;EAClB,oBAAmB;EACpB;AACD;EACE,uBAAsB;EACtB,yCAAwC;EACxC,qBAAoB;EACrB;AACD;EACE,kBAAiB;EACjB,gBAAe;EACf,oBAAmB;EACpB;AACD;EACE,oBAAmB;EACpB;AACD;EACE,oBAAmB;EACnB,YAAW;EACX,WAAU;EACV,cAAa;EACb,gBAAe;EACf,aAAY;EACZ,oBAAmB;EACnB,cAAa;EACb,aAAY;EACb;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,kBAAiB;EACjB,qBAAoB;EACpB,oBAAmB;EACnB,2BAA0B;EAC1B,wCAAuC;EACvC,aAAY;EACb;AACD;EACE,gBAAe;EAChB;AACD;EACE,gBAAe;EAChB;AACD;EACE,gBAAe;EAChB;AACD;EACE,gBAAe;EAChB;AACD;EACE,iCAAgC;EACjC;AACD;EACE,iCAAgC;EACjC;AACD;EACE,iCAAgC;EACjC;AACD;EACE,iCAAgC;EACjC;AACD;EACE,oBAAmB;EACnB,4CAA2C;EAE3C,2FAA0F;EAC1F,mFAAkF;EACnF;AACD;EACE,gBAAe;EACf,UAAS;EACT,YAAW;EACX,YAAW;EACZ;AACD;EACE,qBAAoB;EACrB;AACD;EACE,qBAAoB;EACrB;AACD;EACE,wBAAuB;EACvB,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,eAAc;EACd,oBAAmB;EACnB,qBAAoB;EACpB,oBAAmB;EACnB,0BAAiB;UAAjB,kBAAiB;EAClB;AACD;EACE,gBAAe;EAChB;AACD;EACE,uBAAsB;EACvB;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,uBAAsB;EACtB,gBAAe;EACf,oBAAmB;EACnB,cAAa;EACb,QAAO;EACP,kBAAiB;EACjB,aAAY;EACb;AACD;;EAEE,uBAAsB;EACvB;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,oBAAmB;EACnB,2BAA0B;EAC3B;AACD;EA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BAAuB;EACxB;AACD;EACE,WAAU;EACX;AACD;EACE,iHAAwG;OAAxG,4GAAwG;UAAxG,yGAAwG;EACxG,YAAW;EACX,aAAY;EACb;AACD;EACE,YAAW;EACX,SAAQ;EACT;AACD;EACE,kEAAiE;EACjE,6DAAyD;KAAzD,0DAAyD;EACzD,YAAW;EACX,6BAA4B;EAC5B,yBAAwB;EACxB,wBAAoB;KAApB,qBAAoB;EACrB;AACD;EACE,YAAW;EACX,mBAAkB;EAClB,kBAAiB;EACjB,uBAAsB;EACtB,4BAA2B;EAC5B;AACD;EACE,mBAAkB;EAClB,oBAAmB;EACpB;AACD;EACE,iBAAgB;EAChB,iBAAgB;EACjB;AACD;EACE,YAAW;EACX,WAAU;EACX;AACD;EACE,6BAA4B;EAC5B,yBAAwB;EACxB,wBAAoB;KAApB,qBAAoB;EACpB,YAAW;EACX,4BAA2B;EAC5B;AACD;EACE,YAAW;EACZ;AACD;EACE,YAAW;EACZ;AACD;EACE,QAAO;EACR;AACD;EACE,aAAY;EACZ,iBAAgB;EACjB;AACD;EACE,wBAAuB;EACvB,mBAAkB;EAClB,gBAAe;EAChB;AACD;EACE,YAAW;EACZ;AACD;EACE,iBAAgB;EACjB;AACD;EACE,oBAAmB;EACpB;AACD;;;;EAIE,iCAAgC;EAChC,6BAA4B;EAC5B,4BAAwB;KAAxB,yBAAwB;EACzB;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,WAAU;EACV,YAAW;EACZ;AACD;EACE,UAAS;EACT,WAAU;EACX;AACD;EACE,YAAW;EACX,aAAY;EACZ,WAAU;EACV,WAAU;EACX;AACD;;;;;EAKE,YAAW;EACX,WAAU;EACX;AACD;EACE,YAAW;EACZ;AACD;EACE,WAAU;EACX;AACD;EACE,UAAS;EACT,WAAU;EACX;AACD;EACE,aAAY;EACZ,cAAa;EACb,YAAW;EACX,WAAU;EACX;AACD;EACE,YAAW;EACZ;AACD;;EAEE,uBAAsB;EACvB;AACD;;;;;EAKE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC1B,aAAY;EACb;AACD;EACE,2BAA0B;EAC3B;AACD;;EAEE,uBAAsB;EACvB;AACD;;;;;EAKE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC1B,aAAY;EACb;AACD;EACE,2BAA0B;EAC3B;AACD;;EAEE,uBAAsB;EACvB;AACD;;;;;EAKE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC1B,aAAY;EACb;AACD;EACE,2BAA0B;EAC3B;AACD;;EAEE,uBAAsB;EACvB;AACD;;;;;EAKE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC1B,aAAY;EACb;AACD;EACE,2BAA0B;EAC3B;AACD;;EAEE,uBAAsB;EACvB;AACD;;;;;EAKE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC1B,aAAY;EACb;AACD;EACE,2BAA0B;EAC3B;AACD;;EAEE,uBAAsB;EACvB;AACD;;;;;EAKE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC1B,aAAY;EACb;AACD;EACE,2BAA0B;EAC3B;AACD;;EAEE,uBAAsB;EACvB;AACD;;;;;EAKE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC3B;AACD;EACE,2BAA0B;EAC1B,aAAY;EACb;AACD;EACE,2BAA0B;EAC3B","file":"doc.css"}
\ No newline at end of file
docs/2/css/doc.min.css
浏览文件 @
c90bca76
...
...
@@ -3,4 +3,4 @@
* http://zui.sexy
* GitHub: https://github.com/easysoft/zui.git
* Copyright (c) 2015 cnezsoft.com; Licensed MIT
*/
.slide-in-up-100
{
position
:
relative
;
top
:
100px
}
.slide-in-up-100.in
{
top
:
0
}
.slide-in-right-50
{
position
:
relative
;
left
:
50px
}
.slide-in-right-50.in
{
left
:
0
}
.grow-up-in-height.show
{
height
:
0
;
overflow
:
hidden
}
.grow-up-in-height.show.in
{
height
:
auto
}
.loader
{
height
:
0
;
padding
:
0
;
overflow
:
hidden
;
text-align
:
center
;
opacity
:
0
;
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-transform
:
scale
(
.5
);
-ms-transform
:
scale
(
.5
);
-o-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.loader
>
.icon
{
display
:
block
;
width
:
50px
;
height
:
50px
;
margin
:
0
auto
;
font-size
:
42px
;
line-height
:
50px
}
.loader.loading
{
height
:
auto
;
padding
:
80px
0
;
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.template
{
display
:
none
}
.path-zui-36
{
position
:
relative
;
display
:
inline-block
;
width
:
36px
;
height
:
36px
;
overflow
:
hidden
;
background-color
:
#fff
;
border-radius
:
18px
}
.path-zui-36
:before
,
.path-zui-36
:after
{
position
:
absolute
;
left
:
11px
;
display
:
block
;
width
:
14px
;
height
:
4px
;
content
:
' '
;
border
:
2px
solid
#3280fc
}
.path-zui-36
:before
{
top
:
9px
;
border-bottom
:
none
}
.path-zui-36
:after
{
top
:
23px
;
border-top
:
none
}
.path-zui-36
.path-1
,
.path-zui-36
.path-2
,
.path-zui-36
.path-1
:before
,
.path-zui-36
.path-1
:after
,
.path-zui-36
.path-2
:before
{
position
:
absolute
;
display
:
block
;
width
:
2px
;
height
:
2px
;
content
:
' '
;
background-color
:
#3280fc
}
.path-zui-36
.path-1
{
top
:
19px
;
left
:
15px
}
.path-zui-36
.path-1
:before
,
.path-zui-36
.path-2
:before
{
top
:
2px
;
left
:
-2px
}
.path-zui-36
.path-1
:after
{
top
:
-2px
;
left
:
2px
}
.path-zui-36
.path-2
{
top
:
13px
;
left
:
21px
}
.path-btn
{
border-radius
:
0
}
.path-btn
:focus
,
.path-btn
:active
{
background
:
0
0
;
outline
:
0
}
.path-btn
:before
,
.path-btn
:after
,
.path-btn
>
.path-1
,
.path-btn
>
.path-1
:before
,
.path-btn
>
.path-1
:after
{
position
:
absolute
;
top
:
18px
;
left
:
19px
;
display
:
block
;
width
:
10px
;
height
:
2px
;
content
:
' '
;
border
:
2px
solid
gray
;
-webkit-transition
:
all
.3s
;
-o-transition
:
all
.3s
;
transition
:
all
.3s
}
.path-btn
:after
{
top
:
26px
}
.path-btn
>
.path-1
{
top
:
22px
;
left
:
23px
}
.path-btn
>
.path-1
:before
,
.path-btn
>
.path-1
:after
{
top
:
-2px
;
left
:
-4px
;
width
:
6px
}
.path-btn
>
.path-1
:after
{
top
:
2px
}
.path-btn
:hover
{
background-color
:
#e5e5e5
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.path-btn
:hover:before
,
.path-btn
:hover:after
,
.path-btn
:hover
>
.path-1
,
.path-btn
:hover
>
.path-1
:before
,
.path-btn
:hover
>
.path-1
:after
{
border-color
:
#353535
;
-webkit-transform
:
rotate
(
180deg
);
-ms-transform
:
rotate
(
180deg
);
-o-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.path-btn
:hover:before
{
top
:
26px
}
.path-btn
:hover:after
{
top
:
18px
}
.path-btn
:hover
>
.path-1
{
left
:
15px
}
.path-btn
:hover
>
.path-1
:before
{
top
:
2px
;
left
:
-4px
}
.path-btn
:hover
>
.path-1
:after
{
top
:
-2px
;
left
:
-4px
}
.path-btn.path-close-btn
:before
,
.path-btn.path-close-btn
:after
,
.path-btn.path-close-btn
>
.path-1
,
.path-btn.path-close-btn
>
.path-1
:before
,
.path-btn.path-close-btn
>
.path-1
:after
{
border-top
:
0
;
border-bottom
:
0
}
.path-btn.path-close-btn
>
.path-1
{
border-right
:
0
}
.path-max-btn
:before
,
.path-max-btn
:after
,
.path-max-btn
>
.path-1
,
.path-max-btn
>
.path-1
:before
,
.path-max-btn
>
.path-1
:after
{
top
:
18px
;
left
:
12px
;
width
:
6px
;
height
:
6px
}
.path-max-btn
:before
{
border-right
:
0
;
border-bottom
:
0
}
.path-max-btn
:after
{
left
:
16px
;
border-bottom
:
0
;
border-left
:
0
}
.path-max-btn
>
.path-1
{
top
:
22px
;
border-top
:
0
;
border-right
:
0
}
.path-max-btn
>
.path-1
:before
{
top
:
0
;
left
:
2px
;
border-top
:
0
;
border-left
:
0
}
.path-max-btn
>
.path-1
:after
{
top
:
-4px
;
left
:
-2px
;
width
:
10px
;
height
:
10px
}
.path-max-btn
:hover:before
,
.path-max-btn
:hover:after
,
.path-max-btn
:hover
>
.path-1
:before
,
.path-max-btn
:hover
>
.path-1
{
-webkit-transform
:
rotate
(
0deg
);
-ms-transform
:
rotate
(
0deg
);
-o-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.path-max-btn
:hover:before
{
top
:
16px
;
left
:
10px
}
.path-max-btn
:hover:after
{
top
:
16px
;
left
:
18px
}
.path-max-btn
:hover
>
.path-1
{
top
:
24px
;
left
:
10px
}
.path-max-btn
:hover
>
.path-1
:before
{
top
:
0
;
left
:
6px
}
.path-max-btn
:hover
>
.path-1
:after
{
top
:
-3px
;
left
:
3px
;
width
:
4px
;
height
:
4px
}
body
{
-webkit-transition
:
background
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
background
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
background
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#header
{
padding-top
:
80px
;
margin-bottom
:
20px
;
color
:
#fff
;
background-color
:
#3280fc
}
#header
small
{
opacity
:
.65
}
#navbar
{
padding
:
20px
0
;
border-bottom
:
none
}
#navbar
.navbar-inverse
{
background
:
0
0
}
#navbar
.navbar-brand
{
position
:
relative
;
padding-left
:
58px
}
#navbar
.path-zui-36
{
position
:
absolute
;
top
:
0
;
left
:
10px
}
#heading
{
position
:
relative
;
overflow
:
hidden
;
text-align
:
center
}
#heading
>
h1
{
margin-top
:
0
;
font-size
:
48px
;
font-weight
:
400
}
#heading
>
p
{
opacity
:
.65
}
#download
{
padding-top
:
20px
;
text-align
:
center
}
#download
>
.btn-primary
{
margin-bottom
:
15px
;
border-color
:
#e5e5e5
;
border-color
:
rgba
(
255
,
255
,
255
,
.65
)}
#search
{
max-width
:
800px
;
padding
:
80px
20px
;
margin
:
0
auto
}
#searchForm
{
position
:
relative
}
#searchForm
>
.icon
{
position
:
absolute
;
top
:
14px
;
left
:
14px
;
display
:
block
;
width
:
16px
;
height
:
16px
;
color
:
#fff
;
text-align
:
center
;
opacity
:
.65
}
#searchInput
{
padding-left
:
40px
;
color
:
#fff
;
background
:
0
0
;
border
:
2px
solid
#e5e5e5
;
border-color
:
rgba
(
255
,
255
,
255
,
.6
);
border-radius
:
21px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#searchInput
:-moz-placeholder
{
color
:
#e5e5e5
}
#searchInput
::-moz-placeholder
{
color
:
#e5e5e5
}
#searchInput
:-ms-input-placeholder
{
color
:
#e5e5e5
}
#searchInput
::-webkit-input-placeholder
{
color
:
#e5e5e5
}
#searchInput
:-moz-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
::-moz-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
:-ms-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
::-webkit-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
:focus
{
background-color
:
rgba
(
255
,
255
,
255
,
.1
);
border-color
:
#fff
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
6px
rgba
(
51
,
51
,
51
,
.275
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
6px
rgba
(
51
,
51
,
51
,
.275
)}
#grid
>
.container
>
.row
>
.col.hide
{
display
:
block
;
width
:
0
;
padding
:
0
;
opacity
:
0
}
#grid
.chapter
{
margin-bottom
:
30px
}
#grid
.chapter-heading
>
h4
{
margin-bottom
:
15px
}
#grid
.card
{
display
:
none
;
margin-bottom
:
10px
;
background-color
:
#fff
;
border-color
:
#fff
;
border-radius
:
2px
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card.show
{
display
:
block
}
#grid
.card.choosed
{
border-color
:
gray
}
#grid
.card.choosed
:before
{
position
:
absolute
;
top
:
0
;
right
:
-100%
;
display
:
block
;
padding
:
3px
8px
;
color
:
#fff
;
content
:
'轻按Enter键打开'
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card
:hover
,
#grid
.card.open
{
border-color
:
#e5e5e5
}
#grid
.card-heading
{
position
:
relative
;
padding
:
8px
8px
8px
64px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
.btn-toggle
{
position
:
absolute
;
top
:
0
;
right
:
-64px
;
display
:
block
;
width
:
0
;
height
:
64px
;
color
:
gray
;
text-align
:
center
;
background-color
:
#f1f1f1
;
border-radius
:
0
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
.btn-toggle
>
.icon
{
font-size
:
28px
;
line-height
:
64px
}
#grid
.card-heading
>
.btn-toggle
:hover
,
#grid
.card-heading
>
.btn-toggle
:active
,
#grid
.card-heading
>
.btn-toggle
:focus
{
text-decoration
:
none
}
#grid
.card-heading
>
.icon
{
position
:
absolute
;
top
:
13px
;
left
:
13px
;
z-index
:
10
;
width
:
36px
;
height
:
36px
;
font-style
:
normal
;
line-height
:
36px
;
text-align
:
center
;
border-radius
:
18px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
h5
{
padding
:
6px
0
;
margin
:
0
;
font-size
:
16px
;
line-height
:
16px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
small
{
position
:
relative
;
display
:
block
;
min-height
:
18px
;
max-height
:
48px
;
white-space
:
normal
}
#grid
.card-heading
:hover
>
.btn-toggle
{
right
:
0
;
width
:
64px
}
#grid
.card-content
{
height
:
0
;
padding
:
0
10px
;
overflow
:
visible
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-content
>
ul
{
position
:
relative
;
padding
:
0
;
margin
:
0
;
list-style
:
none
}
#grid
.card-content
>
ul
:before
{
position
:
absolute
;
top
:
-10px
;
bottom
:
14px
;
left
:
21px
;
z-index
:
5
;
display
:
block
;
content
:
' '
;
border-left
:
1px
dotted
#e5e5e5
;
opacity
:
0
}
#grid
.card-content
>
ul
>
li
{
position
:
relative
;
padding
:
5px
0
5px
54px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-content
>
ul
>
li
:before
{
position
:
absolute
;
top
:
10px
;
left
:
18px
;
z-index
:
12
;
display
:
block
;
width
:
8px
;
height
:
8px
;
content
:
' '
;
background-color
:
#e5e5e5
;
border-radius
:
4px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-content
>
ul
>
li
:after
{
position
:
absolute
;
top
:
14px
;
left
:
22px
;
z-index
:
11
;
display
:
block
;
width
:
26px
;
content
:
' '
;
border-bottom
:
1px
dotted
#e5e5e5
}
#grid
.card-content
>
ul
>
li
:hover
{
color
:
#353535
;
cursor
:
pointer
;
background-color
:
#f1f1f1
}
#grid
.card-content
>
ul
>
li
:hover:before
{
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
.card.open
.card-heading
>
.icon
:after
{
position
:
absolute
;
left
:
18px
;
display
:
block
;
height
:
999px
;
content
:
' '
;
border-left
:
1px
dotted
#e5e5e5
}
#grid
.card.open
.card-heading
>
small
{
max-height
:
none
}
#grid
.card.open
.card-content
{
height
:
auto
;
padding
:
10px
;
border-top
:
1px
dashed
#f1f1f1
;
-webkit-box-shadow
:
inset
0
10px
64px
rgba
(
0
,
0
,
0
,
.03
);
box-shadow
:
inset
0
10px
64px
rgba
(
0
,
0
,
0
,
.03
)}
#grid
.card.open
.card-content
>
ul
:before
{
opacity
:
1
}
#grid
.card.open.without-topics
.card-heading
>
.icon
:after
{
display
:
none
}
#grid
.card.open.without-topics
.card-content
{
height
:
0
;
padding
:
0
;
border-top
:
none
}
#grid
#chapter-learn
.chapter-heading
{
color
:
#00acc1
}
#grid
#chapter-learn
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-learn
.card.choosed
{
border-color
:
#d3f4f7
;
border-color
:
rgba
(
0
,
172
,
193
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
0
,
172
,
193
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
0
,
172
,
193
,
.3
)}
#grid
#chapter-learn
.card.choosed
:before
{
background-color
:
#00acc1
}
#grid
#chapter-learn
.card-heading
>
.icon
{
color
:
#00acc1
;
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-learn
.card-heading.hover
{
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#00acc1
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-learn
.card-heading
:hover
>
h5
>
.name
{
color
:
#00acc1
}
#grid
#chapter-learn
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-learn
.card-heading
>
.btn-toggle
{
color
:
#00acc1
;
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-heading
>
.btn-toggle
:hover
{
color
:
#d3f4f7
;
cursor
:
pointer
;
background-color
:
#00acc1
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:before
{
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:hover
{
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#00acc1
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#00acc1
}
#grid
#chapter-start
.chapter-heading
{
color
:
#3280fc
}
#grid
#chapter-start
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-start
.card.choosed
{
border-color
:
#d6e6fe
;
border-color
:
rgba
(
50
,
128
,
252
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
50
,
128
,
252
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
50
,
128
,
252
,
.3
)}
#grid
#chapter-start
.card.choosed
:before
{
background-color
:
#3280fc
}
#grid
#chapter-start
.card-heading
>
.icon
{
color
:
#3280fc
;
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-start
.card-heading.hover
{
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#3280fc
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-start
.card-heading
:hover
>
h5
>
.name
{
color
:
#3280fc
}
#grid
#chapter-start
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-start
.card-heading
>
.btn-toggle
{
color
:
#3280fc
;
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-heading
>
.btn-toggle
:hover
{
color
:
#d6e6fe
;
cursor
:
pointer
;
background-color
:
#3280fc
}
#grid
#chapter-start
.card-content
>
ul
>
li
:before
{
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-content
>
ul
>
li
:hover
{
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#3280fc
}
#grid
#chapter-start
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#3280fc
}
#grid
#chapter-basic
.chapter-heading
{
color
:
#fd9927
}
#grid
#chapter-basic
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-basic
.card.choosed
{
border-color
:
#ffebd4
;
border-color
:
rgba
(
253
,
153
,
39
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
253
,
153
,
39
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
253
,
153
,
39
,
.3
)}
#grid
#chapter-basic
.card.choosed
:before
{
background-color
:
#fd9927
}
#grid
#chapter-basic
.card-heading
>
.icon
{
color
:
#fd9927
;
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-basic
.card-heading.hover
{
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#fd9927
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-basic
.card-heading
:hover
>
h5
>
.name
{
color
:
#fd9927
}
#grid
#chapter-basic
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-basic
.card-heading
>
.btn-toggle
{
color
:
#fd9927
;
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-heading
>
.btn-toggle
:hover
{
color
:
#ffebd4
;
cursor
:
pointer
;
background-color
:
#fd9927
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:before
{
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:hover
{
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#fd9927
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#fd9927
}
#grid
#chapter-control
.chapter-heading
{
color
:
#2fb936
}
#grid
#chapter-control
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-control
.card.choosed
{
border-color
:
#d5f1d7
;
border-color
:
rgba
(
47
,
185
,
54
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
47
,
185
,
54
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
47
,
185
,
54
,
.3
)}
#grid
#chapter-control
.card.choosed
:before
{
background-color
:
#2fb936
}
#grid
#chapter-control
.card-heading
>
.icon
{
color
:
#2fb936
;
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-control
.card-heading.hover
{
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#2fb936
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-control
.card-heading
:hover
>
h5
>
.name
{
color
:
#2fb936
}
#grid
#chapter-control
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-control
.card-heading
>
.btn-toggle
{
color
:
#2fb936
;
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-heading
>
.btn-toggle
:hover
{
color
:
#d5f1d7
;
cursor
:
pointer
;
background-color
:
#2fb936
}
#grid
#chapter-control
.card-content
>
ul
>
li
:before
{
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-content
>
ul
>
li
:hover
{
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#2fb936
}
#grid
#chapter-control
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#2fb936
}
#grid
#chapter-component
.chapter-heading
{
color
:
#ee4e2f
}
#grid
#chapter-component
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-component
.card.choosed
{
border-color
:
#fcdcd5
;
border-color
:
rgba
(
238
,
78
,
47
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
238
,
78
,
47
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
238
,
78
,
47
,
.3
)}
#grid
#chapter-component
.card.choosed
:before
{
background-color
:
#ee4e2f
}
#grid
#chapter-component
.card-heading
>
.icon
{
color
:
#ee4e2f
;
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-component
.card-heading.hover
{
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#ee4e2f
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-component
.card-heading
:hover
>
h5
>
.name
{
color
:
#ee4e2f
}
#grid
#chapter-component
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-component
.card-heading
>
.btn-toggle
{
color
:
#ee4e2f
;
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-heading
>
.btn-toggle
:hover
{
color
:
#fcdcd5
;
cursor
:
pointer
;
background-color
:
#ee4e2f
}
#grid
#chapter-component
.card-content
>
ul
>
li
:before
{
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-content
>
ul
>
li
:hover
{
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#ee4e2f
}
#grid
#chapter-component
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#ee4e2f
}
#grid
#chapter-javascript
.chapter-heading
{
color
:
#bd7b46
}
#grid
#chapter-javascript
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-javascript
.card.choosed
{
border-color
:
#f2e5da
;
border-color
:
rgba
(
189
,
123
,
70
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
189
,
123
,
70
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
189
,
123
,
70
,
.3
)}
#grid
#chapter-javascript
.card.choosed
:before
{
background-color
:
#bd7b46
}
#grid
#chapter-javascript
.card-heading
>
.icon
{
color
:
#bd7b46
;
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-javascript
.card-heading.hover
{
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#bd7b46
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-javascript
.card-heading
:hover
>
h5
>
.name
{
color
:
#bd7b46
}
#grid
#chapter-javascript
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-javascript
.card-heading
>
.btn-toggle
{
color
:
#bd7b46
;
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-heading
>
.btn-toggle
:hover
{
color
:
#f2e5da
;
cursor
:
pointer
;
background-color
:
#bd7b46
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:before
{
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:hover
{
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#bd7b46
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#bd7b46
}
#grid
#chapter-view
.chapter-heading
{
color
:
#8666b8
}
#grid
#chapter-view
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-view
.card.choosed
{
border-color
:
#e7e0f1
;
border-color
:
rgba
(
134
,
102
,
184
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
134
,
102
,
184
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
134
,
102
,
184
,
.3
)}
#grid
#chapter-view
.card.choosed
:before
{
background-color
:
#8666b8
}
#grid
#chapter-view
.card-heading
>
.icon
{
color
:
#8666b8
;
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-view
.card-heading.hover
{
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#8666b8
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-view
.card-heading
:hover
>
h5
>
.name
{
color
:
#8666b8
}
#grid
#chapter-view
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-view
.card-heading
>
.btn-toggle
{
color
:
#8666b8
;
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-heading
>
.btn-toggle
:hover
{
color
:
#e7e0f1
;
cursor
:
pointer
;
background-color
:
#8666b8
}
#grid
#chapter-view
.card-content
>
ul
>
li
:before
{
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-content
>
ul
>
li
:hover
{
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#8666b8
}
#grid
#chapter-view
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#8666b8
}
body
.input-query-focus
#grid
.card.choosed
:before
{
right
:
0
}
@media
(
min-width
:
992px
){
body
.query-enabled
#grid
[
data-show-col
=
'1'
]>
.container
>
.row
>
.col
{
float
:
none
;
min-width
:
780px
;
margin
:
0
auto
}
body
.query-enabled
#grid
[
data-show-col
=
'1'
]>
.container
>
.row
>
.col.hide
{
width
:
0
}
body
.query-enabled
#grid
[
data-show-col
=
'2'
]>
.container
>
.row
>
.col
{
width
:
50%
}
body
.query-enabled
#grid
[
data-show-col
=
'2'
]>
.container
>
.row
>
.col.hide
{
width
:
0
}}
#pageContainer
{
position
:
fixed
;
top
:
0
;
top
:
80px
;
right
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
1035
;
display
:
none
;
width
:
100%
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#pageContainer
>
.container
{
padding
:
0
}
#page
{
position
:
relative
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
4px
10px
rgba
(
0
,
0
,
0
,
.25
),
0
120px
220px
#f1f1f1
;
box-shadow
:
0
4px
10px
rgba
(
0
,
0
,
0
,
.25
),
0
120px
220px
#f1f1f1
}
#page
.with-shadow
#pageHeader
{
-webkit-box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
)}
#pageHeader
{
position
:
relative
;
min-height
:
110px
;
padding
:
8px
20px
20px
64px
;
background-color
:
#fafafa
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#pageHeader
>
.path-btn
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
48px
;
height
:
48px
}
#pageHeader
>
.path-max-btn
{
right
:
48px
;
width
:
36px
}
#pageHeader
>
.icon
{
position
:
absolute
;
top
:
13px
;
left
:
13px
;
z-index
:
10
;
width
:
36px
;
height
:
36px
;
font-style
:
normal
;
line-height
:
36px
;
color
:
gray
;
text-align
:
center
;
background-color
:
#e5e5e5
;
border-radius
:
18px
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-transform
:
scale
(
1.2
);
-ms-transform
:
scale
(
1.2
);
-o-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
#pageHeader
>
h2
{
padding
:
6px
0
;
margin
:
0
;
font-size
:
16px
;
line-height
:
16px
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#pageHeader
>
.btn
{
filter
:
alpha
(
opacity
=
0
);
opacity
:
0
;
-webkit-transform
:
scale
(
.5
);
-ms-transform
:
scale
(
.5
);
-o-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
#pageBody
{
position
:
absolute
;
top
:
110px
;
bottom
:
0
;
width
:
100%
;
padding
:
20px
;
overflow-y
:
auto
}
#pageContent
{
position
:
relative
;
padding-left
:
60px
}
#pageContent
:before
{
position
:
absolute
;
top
:
-20px
;
bottom
:
-20px
;
left
:
24px
;
display
:
block
;
content
:
' '
;
border-left
:
1px
dotted
#e5e5e5
}
#pageContent
>
h3
{
position
:
relative
;
padding
:
20px
0
10px
;
margin
:
0
}
#pageContent
>
h3
:before
{
position
:
absolute
;
top
:
4px
;
left
:
-41px
;
display
:
block
;
width
:
10px
;
height
:
10px
;
content
:
' '
;
background-color
:
#fff
;
border-radius
:
5px
}
body
.compact-mode
#header
,
body
.compact-mode
#heading
,
body
.compact-mode
#search
{
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.compact-mode
#header
{
position
:
fixed
;
top
:
0
;
right
:
0
;
left
:
0
;
z-index
:
1025
;
height
:
483px
}
body
.compact-mode
#grid
{
margin-top
:
503px
}
body
.compact-mode.compact-mode-in
#header
{
height
:
190px
}
body
.compact-mode.compact-mode-in
#header
.with-shadow
{
-webkit-box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
)}
body
.compact-mode.compact-mode-in
#heading
{
height
:
0
;
opacity
:
0
}
body
.compact-mode.compact-mode-in
#search
{
z-index
:
1028
;
padding
:
0
20px
}
body
.compact-mode.compact-mode-in
#grid
{
margin-top
:
200px
;
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.page-show
{
overflow
:
hidden
;
background-color
:
#f1f1f1
}
body
.page-show
#headContainer
{
position
:
fixed
;
top
:
80px
;
right
:
0
;
left
:
0
;
z-index
:
1030
}
body
.page-show
#pageContainer
{
display
:
block
}
body
.page-show
#page
{
overflow
:
hidden
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.page-show
#grid
{
opacity
:
.5
}
body
.page-show
#search
{
position
:
relative
;
top
:
-60px
;
width
:
50%
;
max-width
:
300px
;
-webkit-transition
:
none
;
-o-transition
:
none
;
transition
:
none
}
body
.page-show
#searchInput
{
height
:
36px
;
font-size
:
14px
;
border-width
:
1px
}
body
.page-show
#searchForm
{
opacity
:
0
;
-webkit-transform
:
scale
(
.75
);
-ms-transform
:
scale
(
.75
);
-o-transform
:
scale
(
.75
);
transform
:
scale
(
.75
)}
body
.page-show
#searchForm
>
.icon
{
top
:
10px
}
body
.page-show
#pageBody
{
top
:
200px
;
left
:
100px
;
-webkit-transition
:
left
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
),
top
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
left
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
),
top
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
left
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
),
top
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.page-show.page-show-in
#pageBody
{
top
:
110px
;
left
:
0
}
body
.page-show.page-show-in
#searchForm
{
opacity
:
1
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
body
.page-show.page-show-in
#page
{
top
:
0
!important
;
left
:
0
!important
;
width
:
100%
!important
;
max-height
:
none
!important
;
opacity
:
1
}
body
.page-show.page-show-in
#pageHeader
{
padding-top
:
20px
;
padding-left
:
80px
}
body
.page-show.page-show-in
#pageHeader
>
h2
{
padding
:
10px
0
;
font-size
:
20px
}
body
.page-show.page-show-in
#pageHeader
>
.icon
{
top
:
30px
;
left
:
26px
}
body
.page-show.page-show-in
#pageHeader
>
.btn
{
filter
:
alpha
(
opacity
=
100
);
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
body
.page-show.page-show-full.page-show-in
#pageContainer
{
top
:
0
}
body
.page-show.page-show-full.page-show-in
#pageContainer
>
.container
{
width
:
100%
;
max-width
:
none
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:before
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
:after
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
>
.path-1
:before
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
>
.path-1
{
-webkit-transform
:
rotate
(
0deg
);
-ms-transform
:
rotate
(
0deg
);
-o-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:before
{
top
:
16px
;
left
:
10px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:after
{
top
:
16px
;
left
:
18px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
>
.path-1
{
top
:
24px
;
left
:
10px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
>
.path-1
:before
{
top
:
0
;
left
:
6px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
>
.path-1
:after
{
top
:
-3px
;
left
:
3px
;
width
:
4px
;
height
:
4px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover:before
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover:after
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover
>
.path-1
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover
>
.path-1
:before
,
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover
>
.path-1
:after
{
top
:
18px
;
left
:
12px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover:after
{
left
:
16px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover
>
.path-1
{
top
:
22px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover
>
.path-1
:before
{
top
:
0
;
left
:
2px
}
body
.page-show.page-show-full.page-show-in
.path-max-btn
:hover
>
.path-1
:after
{
top
:
-4px
;
left
:
-2px
;
width
:
10px
;
height
:
10px
}
body
.page-show.page-show-full.page-show-in
#searchForm
{
opacity
:
0
}
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
:after
{
border-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-2
:before
{
background-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
#header
{
background-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
#pageHeader
{
background-color
:
#d3f4f7
}
body
.page-show
[
data-page-chapter
=
learn
]
#pageHeader
>
.icon
{
color
:
#fff
;
background-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
#pageContent
>
h3
:before
{
background-color
:
#d3f4f7
}
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
:after
{
border-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-2
:before
{
background-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
#header
{
background-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
#pageHeader
{
background-color
:
#d6e6fe
}
body
.page-show
[
data-page-chapter
=
start
]
#pageHeader
>
.icon
{
color
:
#fff
;
background-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
#pageContent
>
h3
:before
{
background-color
:
#d6e6fe
}
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
:after
{
border-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-2
:before
{
background-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
#header
{
background-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
#pageHeader
{
background-color
:
#ffebd4
}
body
.page-show
[
data-page-chapter
=
basic
]
#pageHeader
>
.icon
{
color
:
#fff
;
background-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
#pageContent
>
h3
:before
{
background-color
:
#ffebd4
}
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
:after
{
border-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-2
:before
{
background-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
#header
{
background-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
#pageHeader
{
background-color
:
#d5f1d7
}
body
.page-show
[
data-page-chapter
=
control
]
#pageHeader
>
.icon
{
color
:
#fff
;
background-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
#pageContent
>
h3
:before
{
background-color
:
#d5f1d7
}
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
:after
{
border-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-2
:before
{
background-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
#header
{
background-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
#pageHeader
{
background-color
:
#fcdcd5
}
body
.page-show
[
data-page-chapter
=
component
]
#pageHeader
>
.icon
{
color
:
#fff
;
background-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
#pageContent
>
h3
:before
{
background-color
:
#fcdcd5
}
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
:after
{
border-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-2
:before
{
background-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
#header
{
background-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
#pageHeader
{
background-color
:
#f2e5da
}
body
.page-show
[
data-page-chapter
=
javascript
]
#pageHeader
>
.icon
{
color
:
#fff
;
background-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
#pageContent
>
h3
:before
{
background-color
:
#f2e5da
}
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
:after
{
border-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-2
:before
{
background-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
#header
{
background-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
#pageHeader
{
background-color
:
#e7e0f1
}
body
.page-show
[
data-page-chapter
=
view
]
#pageHeader
>
.icon
{
color
:
#fff
;
background-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
#pageContent
>
h3
:before
{
background-color
:
#e7e0f1
}
\ No newline at end of file
*/
.slide-in-up-100
{
position
:
relative
;
top
:
100px
}
.slide-in-up-100.in
{
top
:
0
}
.slide-in-right-50
{
position
:
relative
;
left
:
50px
}
.slide-in-right-50.in
{
left
:
0
}
.grow-up-in-height.show
{
height
:
0
;
overflow
:
hidden
}
.grow-up-in-height.show.in
{
height
:
auto
}
.loader
{
height
:
0
;
padding
:
0
;
overflow
:
hidden
;
text-align
:
center
;
opacity
:
0
;
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-transform
:
scale
(
.5
);
-ms-transform
:
scale
(
.5
);
-o-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
.loader
>
.icon
{
display
:
block
;
width
:
50px
;
height
:
50px
;
margin
:
0
auto
;
font-size
:
42px
;
line-height
:
50px
}
.loader.loading
{
height
:
auto
;
padding
:
80px
0
;
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.template
{
display
:
none
}
.path-zui-36
{
position
:
relative
;
display
:
inline-block
;
width
:
36px
;
height
:
36px
;
overflow
:
hidden
;
background-color
:
#fff
;
border-radius
:
18px
}
.path-zui-36
:before
,
.path-zui-36
:after
{
position
:
absolute
;
left
:
11px
;
display
:
block
;
width
:
14px
;
height
:
4px
;
content
:
' '
;
border
:
2px
solid
#3280fc
}
.path-zui-36
:before
{
top
:
9px
;
border-bottom
:
none
}
.path-zui-36
:after
{
top
:
23px
;
border-top
:
none
}
.path-zui-36
.path-1
,
.path-zui-36
.path-2
,
.path-zui-36
.path-1
:before
,
.path-zui-36
.path-1
:after
,
.path-zui-36
.path-2
:before
{
position
:
absolute
;
display
:
block
;
width
:
2px
;
height
:
2px
;
content
:
' '
;
background-color
:
#3280fc
}
.path-zui-36
.path-1
{
top
:
19px
;
left
:
15px
}
.path-zui-36
.path-1
:before
,
.path-zui-36
.path-2
:before
{
top
:
2px
;
left
:
-2px
}
.path-zui-36
.path-1
:after
{
top
:
-2px
;
left
:
2px
}
.path-zui-36
.path-2
{
top
:
13px
;
left
:
21px
}
.path-btn
{
border-radius
:
0
}
.path-btn
:focus
,
.path-btn
:active
{
background
:
0
0
;
outline
:
0
}
.path-btn
:before
,
.path-btn
:after
,
.path-btn
>
.path-1
,
.path-btn
>
.path-1
:before
,
.path-btn
>
.path-1
:after
{
position
:
absolute
;
top
:
18px
;
left
:
19px
;
display
:
block
;
width
:
10px
;
height
:
2px
;
content
:
' '
;
border
:
2px
solid
gray
;
-webkit-transition
:
all
.3s
;
-o-transition
:
all
.3s
;
transition
:
all
.3s
}
.path-btn
:after
{
top
:
26px
}
.path-btn
>
.path-1
{
top
:
22px
;
left
:
23px
}
.path-btn
>
.path-1
:before
,
.path-btn
>
.path-1
:after
{
top
:
-2px
;
left
:
-4px
;
width
:
6px
}
.path-btn
>
.path-1
:after
{
top
:
2px
}
.path-btn
:hover
{
background-color
:
#e5e5e5
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.path-btn
:hover:before
,
.path-btn
:hover:after
,
.path-btn
:hover
>
.path-1
,
.path-btn
:hover
>
.path-1
:before
,
.path-btn
:hover
>
.path-1
:after
{
border-color
:
#353535
;
-webkit-transform
:
rotate
(
180deg
);
-ms-transform
:
rotate
(
180deg
);
-o-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.path-btn
:hover:before
{
top
:
26px
}
.path-btn
:hover:after
{
top
:
18px
}
.path-btn
:hover
>
.path-1
{
left
:
15px
}
.path-btn
:hover
>
.path-1
:before
{
top
:
2px
;
left
:
-4px
}
.path-btn
:hover
>
.path-1
:after
{
top
:
-2px
;
left
:
-4px
}
.path-btn.path-close-btn
:before
,
.path-btn.path-close-btn
:after
,
.path-btn.path-close-btn
>
.path-1
,
.path-btn.path-close-btn
>
.path-1
:before
,
.path-btn.path-close-btn
>
.path-1
:after
{
border-top
:
0
;
border-bottom
:
0
}
.path-btn.path-close-btn
>
.path-1
{
border-right
:
0
}
.path-max-btn
:before
,
.path-max-btn
:after
,
.path-max-btn
>
.path-1
,
.path-max-btn
>
.path-1
:before
,
.path-max-btn
>
.path-1
:after
{
top
:
18px
;
left
:
12px
;
width
:
6px
;
height
:
6px
}
.path-max-btn
:before
{
border-right
:
0
;
border-bottom
:
0
}
.path-max-btn
:after
{
left
:
16px
;
border-bottom
:
0
;
border-left
:
0
}
.path-max-btn
>
.path-1
{
top
:
22px
;
border-top
:
0
;
border-right
:
0
}
.path-max-btn
>
.path-1
:before
{
top
:
0
;
left
:
2px
;
border-top
:
0
;
border-left
:
0
}
.path-max-btn
>
.path-1
:after
{
top
:
-4px
;
left
:
-2px
;
width
:
10px
;
height
:
10px
}
.path-max-btn
:hover:before
,
.path-max-btn
:hover:after
,
.path-max-btn
:hover
>
.path-1
:before
,
.path-max-btn
:hover
>
.path-1
{
-webkit-transform
:
rotate
(
0deg
);
-ms-transform
:
rotate
(
0deg
);
-o-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
.path-max-btn
:hover:before
{
top
:
16px
;
left
:
10px
}
.path-max-btn
:hover:after
{
top
:
16px
;
left
:
18px
}
.path-max-btn
:hover
>
.path-1
{
top
:
24px
;
left
:
10px
}
.path-max-btn
:hover
>
.path-1
:before
{
top
:
0
;
left
:
6px
}
.path-max-btn
:hover
>
.path-1
:after
{
top
:
-3px
;
left
:
3px
;
width
:
4px
;
height
:
4px
}
body
{
-webkit-transition
:
background
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
background
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
background
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#header
{
padding-top
:
80px
;
margin-bottom
:
20px
;
color
:
#fff
;
background-color
:
#3280fc
}
#header
small
{
opacity
:
.65
}
#navbar
{
padding
:
20px
0
;
border-bottom
:
none
}
#navbar
.navbar-inverse
{
background
:
0
0
}
#navbar
.navbar-brand
{
position
:
relative
;
padding-left
:
58px
}
#navbar
.path-zui-36
{
position
:
absolute
;
top
:
0
;
left
:
10px
}
#heading
{
position
:
relative
;
overflow
:
hidden
;
text-align
:
center
}
#heading
>
h1
{
margin-top
:
0
;
font-size
:
48px
;
font-weight
:
400
}
#heading
>
p
{
opacity
:
.65
}
#download
{
padding-top
:
20px
;
text-align
:
center
}
#download
>
.btn-primary
{
margin-bottom
:
15px
;
border-color
:
#e5e5e5
;
border-color
:
rgba
(
255
,
255
,
255
,
.65
)}
#search
{
max-width
:
800px
;
padding
:
80px
20px
;
margin
:
0
auto
}
#searchForm
{
position
:
relative
}
#searchForm
>
.icon
{
position
:
absolute
;
top
:
14px
;
left
:
14px
;
display
:
block
;
width
:
16px
;
height
:
16px
;
color
:
#fff
;
text-align
:
center
;
opacity
:
.65
}
#searchInput
{
padding-left
:
40px
;
color
:
#fff
;
background
:
0
0
;
border
:
2px
solid
#e5e5e5
;
border-color
:
rgba
(
255
,
255
,
255
,
.6
);
border-radius
:
21px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#searchInput
:-moz-placeholder
{
color
:
#e5e5e5
}
#searchInput
::-moz-placeholder
{
color
:
#e5e5e5
}
#searchInput
:-ms-input-placeholder
{
color
:
#e5e5e5
}
#searchInput
::-webkit-input-placeholder
{
color
:
#e5e5e5
}
#searchInput
:-moz-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
::-moz-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
:-ms-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
::-webkit-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#searchInput
:focus
{
background-color
:
rgba
(
255
,
255
,
255
,
.1
);
border-color
:
#fff
;
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
6px
rgba
(
51
,
51
,
51
,
.275
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
6px
rgba
(
51
,
51
,
51
,
.275
)}
#grid
>
.container
>
.row
>
.col.hide
{
display
:
block
;
width
:
0
;
padding
:
0
;
opacity
:
0
}
#grid
.chapter
{
margin-bottom
:
30px
}
#grid
.chapter-heading
>
h4
{
margin-bottom
:
15px
}
#grid
.card
{
display
:
none
;
margin-bottom
:
10px
;
background-color
:
#fff
;
border-color
:
#fff
;
border-radius
:
2px
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card.show
{
display
:
block
}
#grid
.card.choosed
{
border-color
:
gray
}
#grid
.card.choosed
:before
{
position
:
absolute
;
top
:
0
;
right
:
-100%
;
display
:
block
;
padding
:
3px
8px
;
color
:
#fff
;
content
:
'轻按Enter键打开'
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card
:hover
,
#grid
.card.open
{
border-color
:
#e5e5e5
}
#grid
.card-heading
{
position
:
relative
;
padding
:
8px
8px
8px
64px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
.btn-toggle
{
position
:
absolute
;
top
:
0
;
right
:
-64px
;
display
:
block
;
width
:
0
;
height
:
64px
;
color
:
gray
;
text-align
:
center
;
background-color
:
#f1f1f1
;
border-radius
:
0
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
.btn-toggle
>
.icon
{
font-size
:
28px
;
line-height
:
64px
}
#grid
.card-heading
>
.btn-toggle
:hover
,
#grid
.card-heading
>
.btn-toggle
:active
,
#grid
.card-heading
>
.btn-toggle
:focus
{
text-decoration
:
none
}
#grid
.card-heading
>
.icon
{
position
:
absolute
;
top
:
13px
;
left
:
13px
;
z-index
:
10
;
width
:
36px
;
height
:
36px
;
font-style
:
normal
;
line-height
:
36px
;
text-align
:
center
;
border-radius
:
18px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
h5
{
padding
:
6px
0
;
margin
:
0
;
font-size
:
16px
;
line-height
:
16px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-heading
>
small
{
position
:
relative
;
display
:
block
;
min-height
:
18px
;
max-height
:
48px
;
white-space
:
normal
}
#grid
.card-heading
:hover
>
.btn-toggle
{
right
:
0
;
width
:
64px
}
#grid
.card-content
{
height
:
0
;
padding
:
0
10px
;
overflow
:
visible
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-content
>
ul
{
position
:
relative
;
padding
:
0
;
margin
:
0
;
list-style
:
none
}
#grid
.card-content
>
ul
:before
{
position
:
absolute
;
top
:
-10px
;
bottom
:
14px
;
left
:
21px
;
z-index
:
5
;
display
:
block
;
content
:
' '
;
border-left
:
1px
dotted
#e5e5e5
;
opacity
:
0
}
#grid
.card-content
>
ul
>
li
{
position
:
relative
;
padding
:
5px
0
5px
54px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-content
>
ul
>
li
:before
{
position
:
absolute
;
top
:
10px
;
left
:
18px
;
z-index
:
12
;
display
:
block
;
width
:
8px
;
height
:
8px
;
content
:
' '
;
background-color
:
#e5e5e5
;
border-radius
:
4px
;
-webkit-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.1s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#grid
.card-content
>
ul
>
li
:after
{
position
:
absolute
;
top
:
14px
;
left
:
22px
;
z-index
:
11
;
display
:
block
;
width
:
26px
;
content
:
' '
;
border-bottom
:
1px
dotted
#e5e5e5
}
#grid
.card-content
>
ul
>
li
:hover
{
color
:
#353535
;
cursor
:
pointer
;
background-color
:
#f1f1f1
}
#grid
.card-content
>
ul
>
li
:hover:before
{
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
.card.open
.card-heading
>
.icon
:after
{
position
:
absolute
;
left
:
18px
;
display
:
block
;
height
:
999px
;
content
:
' '
;
border-left
:
1px
dotted
#e5e5e5
}
#grid
.card.open
.card-heading
>
small
{
max-height
:
none
}
#grid
.card.open
.card-content
{
height
:
auto
;
padding
:
10px
;
border-top
:
1px
dashed
#f1f1f1
;
-webkit-box-shadow
:
inset
0
10px
64px
rgba
(
0
,
0
,
0
,
.03
);
box-shadow
:
inset
0
10px
64px
rgba
(
0
,
0
,
0
,
.03
)}
#grid
.card.open
.card-content
>
ul
:before
{
opacity
:
1
}
#grid
.card.open.without-topics
.card-heading
>
.icon
:after
{
display
:
none
}
#grid
.card.open.without-topics
.card-content
{
height
:
0
;
padding
:
0
;
border-top
:
none
}
#grid
#chapter-learn
.chapter-heading
{
color
:
#00acc1
}
#grid
#chapter-learn
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-learn
.card.choosed
{
border-color
:
#d3f4f7
;
border-color
:
rgba
(
0
,
172
,
193
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
0
,
172
,
193
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
0
,
172
,
193
,
.3
)}
#grid
#chapter-learn
.card.choosed
:before
{
background-color
:
#00acc1
}
#grid
#chapter-learn
.card-heading
>
.icon
{
color
:
#00acc1
;
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-learn
.card-heading.hover
{
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#00acc1
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-learn
.card-heading
:hover
>
h5
>
.name
{
color
:
#00acc1
}
#grid
#chapter-learn
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-learn
.card-heading
>
.btn-toggle
{
color
:
#00acc1
;
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-heading
>
.btn-toggle
:hover
{
color
:
#d3f4f7
;
cursor
:
pointer
;
background-color
:
#00acc1
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:before
{
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:hover
{
background-color
:
#d3f4f7
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#00acc1
}
#grid
#chapter-learn
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#00acc1
}
#grid
#chapter-start
.chapter-heading
{
color
:
#3280fc
}
#grid
#chapter-start
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-start
.card.choosed
{
border-color
:
#d6e6fe
;
border-color
:
rgba
(
50
,
128
,
252
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
50
,
128
,
252
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
50
,
128
,
252
,
.3
)}
#grid
#chapter-start
.card.choosed
:before
{
background-color
:
#3280fc
}
#grid
#chapter-start
.card-heading
>
.icon
{
color
:
#3280fc
;
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-start
.card-heading.hover
{
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#3280fc
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-start
.card-heading
:hover
>
h5
>
.name
{
color
:
#3280fc
}
#grid
#chapter-start
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-start
.card-heading
>
.btn-toggle
{
color
:
#3280fc
;
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-heading
>
.btn-toggle
:hover
{
color
:
#d6e6fe
;
cursor
:
pointer
;
background-color
:
#3280fc
}
#grid
#chapter-start
.card-content
>
ul
>
li
:before
{
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-content
>
ul
>
li
:hover
{
background-color
:
#d6e6fe
}
#grid
#chapter-start
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#3280fc
}
#grid
#chapter-start
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#3280fc
}
#grid
#chapter-basic
.chapter-heading
{
color
:
#fd9927
}
#grid
#chapter-basic
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-basic
.card.choosed
{
border-color
:
#ffebd4
;
border-color
:
rgba
(
253
,
153
,
39
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
253
,
153
,
39
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
253
,
153
,
39
,
.3
)}
#grid
#chapter-basic
.card.choosed
:before
{
background-color
:
#fd9927
}
#grid
#chapter-basic
.card-heading
>
.icon
{
color
:
#fd9927
;
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-basic
.card-heading.hover
{
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#fd9927
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-basic
.card-heading
:hover
>
h5
>
.name
{
color
:
#fd9927
}
#grid
#chapter-basic
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-basic
.card-heading
>
.btn-toggle
{
color
:
#fd9927
;
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-heading
>
.btn-toggle
:hover
{
color
:
#ffebd4
;
cursor
:
pointer
;
background-color
:
#fd9927
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:before
{
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:hover
{
background-color
:
#ffebd4
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#fd9927
}
#grid
#chapter-basic
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#fd9927
}
#grid
#chapter-control
.chapter-heading
{
color
:
#2fb936
}
#grid
#chapter-control
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-control
.card.choosed
{
border-color
:
#d5f1d7
;
border-color
:
rgba
(
47
,
185
,
54
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
47
,
185
,
54
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
47
,
185
,
54
,
.3
)}
#grid
#chapter-control
.card.choosed
:before
{
background-color
:
#2fb936
}
#grid
#chapter-control
.card-heading
>
.icon
{
color
:
#2fb936
;
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-control
.card-heading.hover
{
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#2fb936
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-control
.card-heading
:hover
>
h5
>
.name
{
color
:
#2fb936
}
#grid
#chapter-control
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-control
.card-heading
>
.btn-toggle
{
color
:
#2fb936
;
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-heading
>
.btn-toggle
:hover
{
color
:
#d5f1d7
;
cursor
:
pointer
;
background-color
:
#2fb936
}
#grid
#chapter-control
.card-content
>
ul
>
li
:before
{
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-content
>
ul
>
li
:hover
{
background-color
:
#d5f1d7
}
#grid
#chapter-control
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#2fb936
}
#grid
#chapter-control
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#2fb936
}
#grid
#chapter-component
.chapter-heading
{
color
:
#ee4e2f
}
#grid
#chapter-component
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-component
.card.choosed
{
border-color
:
#fcdcd5
;
border-color
:
rgba
(
238
,
78
,
47
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
238
,
78
,
47
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
238
,
78
,
47
,
.3
)}
#grid
#chapter-component
.card.choosed
:before
{
background-color
:
#ee4e2f
}
#grid
#chapter-component
.card-heading
>
.icon
{
color
:
#ee4e2f
;
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-component
.card-heading.hover
{
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#ee4e2f
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-component
.card-heading
:hover
>
h5
>
.name
{
color
:
#ee4e2f
}
#grid
#chapter-component
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-component
.card-heading
>
.btn-toggle
{
color
:
#ee4e2f
;
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-heading
>
.btn-toggle
:hover
{
color
:
#fcdcd5
;
cursor
:
pointer
;
background-color
:
#ee4e2f
}
#grid
#chapter-component
.card-content
>
ul
>
li
:before
{
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-content
>
ul
>
li
:hover
{
background-color
:
#fcdcd5
}
#grid
#chapter-component
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#ee4e2f
}
#grid
#chapter-component
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#ee4e2f
}
#grid
#chapter-javascript
.chapter-heading
{
color
:
#bd7b46
}
#grid
#chapter-javascript
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-javascript
.card.choosed
{
border-color
:
#f2e5da
;
border-color
:
rgba
(
189
,
123
,
70
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
189
,
123
,
70
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
189
,
123
,
70
,
.3
)}
#grid
#chapter-javascript
.card.choosed
:before
{
background-color
:
#bd7b46
}
#grid
#chapter-javascript
.card-heading
>
.icon
{
color
:
#bd7b46
;
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-javascript
.card-heading.hover
{
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#bd7b46
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-javascript
.card-heading
:hover
>
h5
>
.name
{
color
:
#bd7b46
}
#grid
#chapter-javascript
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-javascript
.card-heading
>
.btn-toggle
{
color
:
#bd7b46
;
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-heading
>
.btn-toggle
:hover
{
color
:
#f2e5da
;
cursor
:
pointer
;
background-color
:
#bd7b46
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:before
{
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:hover
{
background-color
:
#f2e5da
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#bd7b46
}
#grid
#chapter-javascript
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#bd7b46
}
#grid
#chapter-view
.chapter-heading
{
color
:
#8666b8
}
#grid
#chapter-view
.chapter-heading
.icon
{
opacity
:
.8
}
#grid
#chapter-view
.card.choosed
{
border-color
:
#e7e0f1
;
border-color
:
rgba
(
134
,
102
,
184
,
.6
);
-webkit-box-shadow
:
0
1px
6px
rgba
(
134
,
102
,
184
,
.3
);
box-shadow
:
0
1px
6px
rgba
(
134
,
102
,
184
,
.3
)}
#grid
#chapter-view
.card.choosed
:before
{
background-color
:
#8666b8
}
#grid
#chapter-view
.card-heading
>
.icon
{
color
:
#8666b8
;
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-heading
>
.icon
:hover
{
cursor
:
pointer
}
#grid
#chapter-view
.card-heading.hover
{
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-heading.hover
>
.icon
{
color
:
#fff
;
background-color
:
#8666b8
;
-webkit-transform
:
scale
(
1.25
);
-ms-transform
:
scale
(
1.25
);
-o-transform
:
scale
(
1.25
);
transform
:
scale
(
1.25
)}
#grid
#chapter-view
.card-heading
:hover
>
h5
>
.name
{
color
:
#8666b8
}
#grid
#chapter-view
.card-heading
>
h5
>
.name
:hover
{
cursor
:
pointer
}
#grid
#chapter-view
.card-heading
>
.btn-toggle
{
color
:
#8666b8
;
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-heading
>
.btn-toggle
:hover
{
color
:
#e7e0f1
;
cursor
:
pointer
;
background-color
:
#8666b8
}
#grid
#chapter-view
.card-content
>
ul
>
li
:before
{
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-content
>
ul
>
li
:hover
{
background-color
:
#e7e0f1
}
#grid
#chapter-view
.card-content
>
ul
>
li
:hover:before
{
background-color
:
#8666b8
}
#grid
#chapter-view
.card-content
>
ul
>
li
:hover:after
{
border-color
:
#8666b8
}
body
.input-query-focus
#grid
.card.choosed
:before
{
right
:
0
}
@media
(
min-width
:
992px
){
body
.query-enabled
#grid
[
data-show-col
=
'1'
]>
.container
>
.row
>
.col
{
float
:
none
;
min-width
:
780px
;
margin
:
0
auto
}
body
.query-enabled
#grid
[
data-show-col
=
'1'
]>
.container
>
.row
>
.col.hide
{
width
:
0
}
body
.query-enabled
#grid
[
data-show-col
=
'2'
]>
.container
>
.row
>
.col
{
width
:
50%
}
body
.query-enabled
#grid
[
data-show-col
=
'2'
]>
.container
>
.row
>
.col.hide
{
width
:
0
}}
#pageContainer
{
position
:
fixed
;
top
:
0
;
top
:
80px
;
right
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
1035
;
display
:
none
;
width
:
100%
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#pageContainer
>
.container
{
padding
:
0
}
#page
{
position
:
relative
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
4px
10px
rgba
(
0
,
0
,
0
,
.25
),
0
120px
220px
#f1f1f1
;
box-shadow
:
0
4px
10px
rgba
(
0
,
0
,
0
,
.25
),
0
120px
220px
#f1f1f1
}
#page
.with-shadow
#pageHeader
{
-webkit-box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
)}
#pageHeader
{
position
:
relative
;
min-height
:
110px
;
padding
:
0
;
background-color
:
#fafafa
}
#pageHeader
>
.wrapper
{
position
:
relative
;
max-width
:
1160px
;
padding
:
8px
20px
20px
66px
;
margin
:
0
auto
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#pageHeader
>
.wrapper
>
.icon
{
position
:
absolute
;
top
:
13px
;
left
:
13px
;
z-index
:
10
;
width
:
36px
;
height
:
36px
;
font-style
:
normal
;
line-height
:
36px
;
color
:
gray
;
text-align
:
center
;
background-color
:
#e5e5e5
;
border-radius
:
18px
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#pageHeader
>
.wrapper
>
h2
{
padding
:
6px
0
;
margin
:
0
;
font-size
:
16px
;
line-height
:
16px
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
#pageHeader
>
.path-btn
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
48px
;
height
:
48px
}
#pageHeader
>
.path-max-btn
{
right
:
48px
;
width
:
36px
}
#pageHeader
>
.btn
{
filter
:
alpha
(
opacity
=
0
);
opacity
:
0
;
-webkit-transform
:
scale
(
.5
);
-ms-transform
:
scale
(
.5
);
-o-transform
:
scale
(
.5
);
transform
:
scale
(
.5
)}
#pageBody
{
position
:
absolute
;
top
:
110px
;
bottom
:
0
;
width
:
100%
;
padding
:
20px
;
overflow-y
:
auto
}
#pageContent
{
position
:
relative
;
padding-left
:
60px
}
#pageContent
:before
{
position
:
absolute
;
top
:
-20px
;
bottom
:
-20px
;
left
:
24px
;
display
:
block
;
content
:
' '
;
border-left
:
1px
dotted
#e5e5e5
}
#pageContent
>
h3
{
position
:
relative
;
padding
:
20px
0
10px
;
margin
:
0
}
#pageContent
>
h3
:before
{
position
:
absolute
;
top
:
4px
;
left
:
-41px
;
display
:
block
;
width
:
10px
;
height
:
10px
;
content
:
' '
;
background-color
:
#fff
;
border-radius
:
5px
}
body
.compact-mode
#header
,
body
.compact-mode
#heading
,
body
.compact-mode
#search
{
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.compact-mode
#header
{
position
:
fixed
;
top
:
0
;
right
:
0
;
left
:
0
;
z-index
:
1025
;
height
:
483px
}
body
.compact-mode
#grid
{
margin-top
:
503px
}
body
.compact-mode.compact-mode-in
#header
{
height
:
190px
}
body
.compact-mode.compact-mode-in
#header
.with-shadow
{
-webkit-box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
2px
6px
0
rgba
(
0
,
0
,
0
,
.2
)}
body
.compact-mode.compact-mode-in
#heading
{
height
:
0
;
opacity
:
0
}
body
.compact-mode.compact-mode-in
#search
{
z-index
:
1028
;
padding
:
0
20px
}
body
.compact-mode.compact-mode-in
#grid
{
margin-top
:
200px
;
-webkit-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.5s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.page-show
{
overflow
:
hidden
;
background-color
:
#f1f1f1
}
body
.page-show
#headContainer
{
position
:
fixed
;
top
:
80px
;
right
:
0
;
left
:
0
;
z-index
:
1030
}
body
.page-show
#pageContainer
{
display
:
block
}
body
.page-show
#page
{
overflow
:
hidden
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.page-show
#grid
{
opacity
:
.5
}
body
.page-show
#search
{
position
:
relative
;
top
:
-60px
;
width
:
50%
;
max-width
:
300px
;
-webkit-transition
:
none
;
-o-transition
:
none
;
transition
:
none
}
body
.page-show
#searchInput
{
height
:
36px
;
font-size
:
14px
;
border-width
:
1px
}
body
.page-show
#searchForm
{
opacity
:
0
;
-webkit-transform
:
scale
(
.75
);
-ms-transform
:
scale
(
.75
);
-o-transform
:
scale
(
.75
);
transform
:
scale
(
.75
)}
body
.page-show
#searchForm
>
.icon
{
top
:
10px
}
body
.page-show
#pageBody
{
top
:
200px
;
left
:
100px
;
-webkit-transition
:
left
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
),
top
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
left
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
),
top
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
left
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
),
top
.8s
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}
body
.page-show.page-show-in
#pageBody
{
top
:
110px
;
left
:
0
}
body
.page-show.page-show-in
#searchForm
{
opacity
:
1
;
-webkit-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-o-transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
transition
:
all
.3s
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
body
.page-show.page-show-in
#page
{
top
:
0
!important
;
left
:
0
!important
;
width
:
100%
!important
;
max-height
:
none
!important
;
opacity
:
1
}
body
.page-show.page-show-in
#pageHeader
>
.wrapper
{
padding-top
:
20px
;
padding-left
:
80px
}
body
.page-show.page-show-in
#pageHeader
>
.wrapper
>
h2
{
padding
:
10px
0
;
font-size
:
20px
}
body
.page-show.page-show-in
#pageHeader
>
.wrapper
>
.icon
{
top
:
30px
;
left
:
26px
}
body
.page-show.page-show-in
#pageHeader
>
.btn
{
filter
:
alpha
(
opacity
=
100
);
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
-o-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
body
.page-show.page-show-full
#page
{
opacity
:
0
}
body
.page-show.page-show-full.page-show-in
#page
{
opacity
:
1
}
body
.page-show.page-show-full
#pageContainer
{
top
:
0
}
body
.page-show.page-show-full
#pageContainer
>
.container
{
width
:
100%
;
max-width
:
none
}
body
.page-show.page-show-full
#pageContent
{
max-width
:
1160px
;
padding
:
0
20px
0
80px
;
margin
:
0
auto
}
body
.page-show.page-show-full
#pageContent
:before
{
left
:
44px
}
body
.page-show.page-show-full
#pageBody
{
padding
:
20px
0
}
body
.page-show.page-show-full
#pageBody
.with-scrollbar
{
padding-left
:
11px
}
body
.page-show.page-show-full
.path-max-btn
:before
,
body
.page-show.page-show-full
.path-max-btn
:after
,
body
.page-show.page-show-full
.path-max-btn
>
.path-1
:before
,
body
.page-show.page-show-full
.path-max-btn
>
.path-1
{
-webkit-transform
:
rotate
(
0deg
);
-ms-transform
:
rotate
(
0deg
);
-o-transform
:
rotate
(
0deg
);
transform
:
rotate
(
0deg
)}
body
.page-show.page-show-full
.path-max-btn
:before
{
top
:
16px
;
left
:
10px
}
body
.page-show.page-show-full
.path-max-btn
:after
{
top
:
16px
;
left
:
18px
}
body
.page-show.page-show-full
.path-max-btn
>
.path-1
{
top
:
24px
;
left
:
10px
}
body
.page-show.page-show-full
.path-max-btn
>
.path-1
:before
{
top
:
0
;
left
:
6px
}
body
.page-show.page-show-full
.path-max-btn
>
.path-1
:after
{
top
:
-3px
;
left
:
3px
;
width
:
4px
;
height
:
4px
}
body
.page-show.page-show-full
.path-max-btn
:hover:before
,
body
.page-show.page-show-full
.path-max-btn
:hover:after
,
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
,
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:before
,
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:after
{
top
:
18px
;
left
:
12px
}
body
.page-show.page-show-full
.path-max-btn
:hover:after
{
left
:
16px
}
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
{
top
:
22px
}
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:before
{
top
:
0
;
left
:
2px
}
body
.page-show.page-show-full
.path-max-btn
:hover
>
.path-1
:after
{
top
:
-4px
;
left
:
-2px
;
width
:
10px
;
height
:
10px
}
body
.page-show.page-show-full
#searchForm
{
opacity
:
0
}
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
:after
{
border-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
learn
]
.path-zui-36
.path-2
:before
{
background-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
#header
{
background-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
#pageHeader
{
background-color
:
#d3f4f7
}
body
.page-show
[
data-page-chapter
=
learn
]
#pageHeader
>
.wrapper
>
.icon
{
color
:
#fff
;
background-color
:
#00acc1
}
body
.page-show
[
data-page-chapter
=
learn
]
#pageContent
>
h3
:before
{
background-color
:
#d3f4f7
}
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
:after
{
border-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
start
]
.path-zui-36
.path-2
:before
{
background-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
#header
{
background-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
#pageHeader
{
background-color
:
#d6e6fe
}
body
.page-show
[
data-page-chapter
=
start
]
#pageHeader
>
.wrapper
>
.icon
{
color
:
#fff
;
background-color
:
#3280fc
}
body
.page-show
[
data-page-chapter
=
start
]
#pageContent
>
h3
:before
{
background-color
:
#d6e6fe
}
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
:after
{
border-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
basic
]
.path-zui-36
.path-2
:before
{
background-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
#header
{
background-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
#pageHeader
{
background-color
:
#ffebd4
}
body
.page-show
[
data-page-chapter
=
basic
]
#pageHeader
>
.wrapper
>
.icon
{
color
:
#fff
;
background-color
:
#fd9927
}
body
.page-show
[
data-page-chapter
=
basic
]
#pageContent
>
h3
:before
{
background-color
:
#ffebd4
}
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
:after
{
border-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
control
]
.path-zui-36
.path-2
:before
{
background-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
#header
{
background-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
#pageHeader
{
background-color
:
#d5f1d7
}
body
.page-show
[
data-page-chapter
=
control
]
#pageHeader
>
.wrapper
>
.icon
{
color
:
#fff
;
background-color
:
#2fb936
}
body
.page-show
[
data-page-chapter
=
control
]
#pageContent
>
h3
:before
{
background-color
:
#d5f1d7
}
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
:after
{
border-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
component
]
.path-zui-36
.path-2
:before
{
background-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
#header
{
background-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
#pageHeader
{
background-color
:
#fcdcd5
}
body
.page-show
[
data-page-chapter
=
component
]
#pageHeader
>
.wrapper
>
.icon
{
color
:
#fff
;
background-color
:
#ee4e2f
}
body
.page-show
[
data-page-chapter
=
component
]
#pageContent
>
h3
:before
{
background-color
:
#fcdcd5
}
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
:after
{
border-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
javascript
]
.path-zui-36
.path-2
:before
{
background-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
#header
{
background-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
#pageHeader
{
background-color
:
#f2e5da
}
body
.page-show
[
data-page-chapter
=
javascript
]
#pageHeader
>
.wrapper
>
.icon
{
color
:
#fff
;
background-color
:
#bd7b46
}
body
.page-show
[
data-page-chapter
=
javascript
]
#pageContent
>
h3
:before
{
background-color
:
#f2e5da
}
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
:before
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
:after
{
border-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-1
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-2
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-1
:before
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-1
:after
,
body
.page-show
[
data-page-chapter
=
view
]
.path-zui-36
.path-2
:before
{
background-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
#header
{
background-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
#pageHeader
{
background-color
:
#e7e0f1
}
body
.page-show
[
data-page-chapter
=
view
]
#pageHeader
>
.wrapper
>
.icon
{
color
:
#fff
;
background-color
:
#8666b8
}
body
.page-show
[
data-page-chapter
=
view
]
#pageContent
>
h3
:before
{
background-color
:
#e7e0f1
}
\ No newline at end of file
docs/2/index.html
浏览文件 @
c90bca76
...
...
@@ -58,9 +58,11 @@
<div
class=
"container"
>
<div
id=
"page"
>
<div
id=
"pageHeader"
>
<div
class=
"wrapper"
>
<i
class=
"icon icon-star"
></i>
<h2><span
class=
"name"
>
图标
</span></h2>
<small
class=
"text-muted desc"
>
使用和查找图标
</small>
</div>
<button
data-toggle=
"tooltip"
title=
"最大化"
type=
"button"
class=
"btn btn-link path-max-btn path-btn"
><i
class=
"path-1"
></i></button>
<button
data-toggle=
"tooltip"
title=
"关闭(ESC)"
type=
"button"
class=
"btn btn-link path-close-btn path-btn"
><i
class=
"path-1"
></i></button>
</div>
...
...
src/js/doc.js
浏览文件 @
c90bca76
...
...
@@ -46,7 +46,7 @@
var
UNDEFINED
=
undefined
;
var
PAGE_SHOW_FULL
=
'
page-show-full
'
;
var
dataset
=
{
'
index.json
'
:
null
//
'index.json': null
};
if
(
debug
)
window
.
dataset
=
dataset
;
...
...
@@ -55,7 +55,7 @@
var
$body
,
$window
,
$grid
,
$sectionTemplate
,
$queryInput
,
$chapters
,
$chaptersCols
,
$choosedSection
,
$page
,
$pageHeader
,
$pageContent
,
$pageContainer
,
$pageBody
,
$pageContainer
,
$pageBody
,
$navbar
,
$header
,
$sections
,
$chapterHeadings
;
// elements
var
checkScrollbar
=
function
()
...
...
@@ -73,15 +73,16 @@
if
(
scrollBarWidth
)
{
var
bodyPad
=
parseInt
((
$body
.
css
(
'
padding-right
'
)
||
0
),
10
);
$body
.
css
(
'
padding-right
'
,
bodyPad
+
scrollBarWidth
);
$navbar
.
css
(
'
padding-right
'
,
scrollBarWidth
);
}
};
var
resetScrollbar
=
function
()
{
$body
.
css
(
'
padding-right
'
,
''
);
$navbar
.
css
(
'
padding-right
'
,
''
);
};
var
loadData
=
function
(
url
,
callback
,
forceLoad
)
{
var
data
=
dataset
[
url
];
var
isFirstLoad
=
data
===
UNDEFINED
||
data
===
null
;
...
...
@@ -702,7 +703,13 @@
var
resizePage
=
function
()
{
if
(
$body
.
hasClass
(
'
page-show-out
'
)
||
$page
.
hasClass
(
'
loading
'
))
return
;
var
height
=
$body
.
hasClass
(
PAGE_SHOW_FULL
)
?
$window
.
height
()
:
Math
.
min
(
$pageContainer
.
outerHeight
(),
$pageHeader
.
outerHeight
()
+
$pageContent
.
outerHeight
()
+
50
);
var
height
;
if
(
$body
.
hasClass
(
PAGE_SHOW_FULL
))
{
height
=
$window
.
height
();
$pageBody
.
toggleClass
(
'
with-scrollbar
'
,
$pageContent
.
outerHeight
()
>
(
height
-
40
-
$pageHeader
.
outerHeight
()));
}
else
{
height
=
Math
.
min
(
$pageContainer
.
outerHeight
(),
$pageHeader
.
outerHeight
()
+
$pageContent
.
outerHeight
()
+
50
);
}
$page
.
css
(
'
height
'
,
height
);
console
.
log
(
'
resize page height to
'
,
height
);
};
...
...
@@ -714,6 +721,7 @@
$window
=
$
(
window
);
$body
=
$
(
'
body
'
);
$navbar
=
$
(
'
#navbar
'
);
$grid
=
$
(
'
#grid
'
);
$header
=
$
(
'
#header
'
);
$chaptersCols
=
$grid
.
find
(
'
.col
'
);
...
...
src/less/doc.less
浏览文件 @
c90bca76
...
...
@@ -103,7 +103,7 @@
#pageHeader {
background-color: @pale;
> .icon {
> .
wrapper > .
icon {
background-color: @color;
color: #fff;
}
...
...
@@ -812,26 +812,20 @@ body.input-query-focus {
#pageHeader {
background-color: #fafafa;
position: relative;
padding:
8px 20px 20px 64px
;
padding:
0
;
min-height: 110px;
.transition-fast();
> .path-btn {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
}
> .path-max-btn {
right: 48px;
width: 36px;
}
> .wrapper {
max-width: 1160px;
margin: 0 auto;
position: relative;
padding: 8px 20px 20px 66px;
.transition-fast();
> .icon {
.transition-fast();
.scale(1.2);
//
.scale(1.2);
position: absolute;
width: 36px;
height: 36px;
...
...
@@ -853,6 +847,20 @@ body.input-query-focus {
font-size: 16px;
margin: 0;
}
}
> .path-btn {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
}
> .path-max-btn {
right: 48px;
width: 36px;
}
> .btn {
.scale(.5);
...
...
@@ -1021,6 +1029,7 @@ body.page-show {
}
#pageHeader {
> .wrapper {
padding-top: 20px;
padding-left: 80px;
...
...
@@ -1033,6 +1042,7 @@ body.page-show {
left: 26px;
top: 30px;
}
}
> .btn {
.scale(1);
...
...
@@ -1041,7 +1051,17 @@ body.page-show {
}
}
&.page-show-full.page-show-in {
&.page-show-full {
#page {
opacity: 0;
}
&.page-show-in {
#page {
opacity: 1;
}
}
#pageContainer {
top: 0;
...
...
@@ -1051,6 +1071,24 @@ body.page-show {
}
}
#pageContent {
padding: 0 20px 0 80px;
max-width: 1160px;
margin: 0 auto;
&:before {
left: 44px;
}
}
#pageBody {
padding: 20px 0;
&.with-scrollbar {
padding-left: 11px;
}
}
.path-max-btn {
&:before, &:after, > .path-1:before, > .path-1 {
.rotate(0deg);
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录