Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Зуев Егор
/
wiki.dev
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
Authored by
Dan Brown
2017-04-23 20:42:28 +0100
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
Commit
f93280696d5e07eaa0d98aaf16e725e933e6f6b1
f9328069
1 parent
1787391b
Updated assets for release v0.16
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
2 additions
and
2 deletions
public/css/export-styles.css
public/css/print-styles.css
public/css/styles.css
public/js/common.js
public/css/export-styles.css
View file @
f932806
.link
,
a
,
body
{
font-family
:
Roboto
,
"DejaVu Sans"
,
Helvetica
,
Arial
,
sans-serif
}
.link
svg
,
a
svg
,
blockquote
{
position
:
relative
}
code
,
pre
{
white-space
:
pre
}
.chapter-toggle
,
.toggle-switch
{
cursor
:
pointer
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
}
*
{
box-sizing
:
border-box
}
html
{
background-color
:
#FFF
;
height
:
100%
;
overflow-y
:
scroll
}
html
.flexbox
{
overflow-y
:
hidden
}
body
{
font-size
:
15px
;
line-height
:
1.6
;
color
:
#616161
;
-webkit-font-smoothing
:
antialiased
}
button
{
font-size
:
100%
}
.title-input
input
[
type
=
text
],
h1
{
font-size
:
3.425em
;
line-height
:
1.22222222em
;
margin-top
:
.48888889em
;
margin-bottom
:
.48888889em
}
h3
,
h4
,
h5
,
h6
{
margin-top
:
.78571429em
}
h2
,
h3
,
h4
{
margin-bottom
:
.43137255em
}
h2
{
font-size
:
2.8275em
;
line-height
:
1.294117647em
;
margin-top
:
.8627451em
}
h3
{
font-size
:
2.333em
;
line-height
:
1.221428572em
}
h4
{
font-size
:
1.666em
;
line-height
:
1.375em
}
.title-input
input
[
type
=
text
],
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
400
;
position
:
relative
;
display
:
block
;
color
:
#555
}
.link
svg
,
.link.icon
,
a
svg
,
a
.icon
{
display
:
inline-block
}
.title-input
input
[
type
=
text
]
.subheader
,
h1
.subheader
,
h2
.subheader
,
h3
.subheader
,
h4
.subheader
,
h5
.subheader
,
h6
.subheader
{
font-size
:
.5em
;
line-height
:
1em
;
color
:
#969696
}
h5
{
font-size
:
1.4em
}
h5
,
h6
{
font-weight
:
500
;
line-height
:
1.2em
;
margin-bottom
:
.66em
}
.link
,
a
{
color
:
#0288D1
;
cursor
:
pointer
;
text-decoration
:
none
;
-webkit-transition
:
color
ease-in-out
80ms
;
transition
:
color
ease-in-out
80ms
;
line-height
:
1.6
}
.link
:hover
,
.underlined
,
a
:hover
{
text-decoration
:
underline
}
.toggle-switch
,
.toggle-switch
:after
{
-webkit-transition
:
all
ease-in-out
120ms
}
.link
:hover
,
a
:hover
{
color
:
#01466c
}
.link
i
,
a
i
{
padding-right
:
12px
}
.link
i
.zmdi-hc-flip-horizontal
,
a
i
.zmdi-hc-flip-horizontal
{
padding-right
:
0
;
padding-left
:
12px
}
blockquote
,
ol
,
p
,
pre
,
table
,
ul
{
margin-top
:
.3em
;
margin-bottom
:
1.375em
}
hr
{
border
:
0
;
height
:
1px
;
background
:
#EAEAEA
;
margin-bottom
:
24px
}
hr
.faded
{
background-image
:
-webkit-linear-gradient
(
left
,
#FFF
,
#e3e0e0
20%
,
#e3e0e0
80%
,
#FFF
);
background-image
:
linear-gradient
(
to
right
,
#FFF
,
#e3e0e0
20%
,
#e3e0e0
80%
,
#FFF
)}
hr
.even
,
hr
.margin-top
{
margin-top
:
24px
}
.bold
,
.strong
,
b
,
strong
{
font-weight
:
700
}
.bold
>
.bold
,
.bold
>
.strong
,
.bold
>
b
,
.bold
>
strong
,
.strong
>
.bold
,
.strong
>
.strong
,
.strong
>
b
,
.strong
>
strong
,
b
>
.bold
,
b
>
.strong
,
b
>
b
,
b
>
strong
,
strong
>
.bold
,
strong
>
.strong
,
strong
>
b
,
strong
>
strong
{
font-weight
:
bolder
}
.italic
,
em
,
i
{
font-style
:
italic
}
.text-small
,
p
.small
,
small
,
span
.small
{
font-size
:
.8em
;
color
:
#777
}
.text-small
.text-small
,
.text-small
p
.small
,
.text-small
small
,
.text-small
span
.small
,
p
.small
.text-small
,
p
.small
p
.small
,
p
.small
small
,
p
.small
span
.small
,
small
.text-small
,
small
p
.small
,
small
small
,
small
span
.small
,
span
.small
.text-small
,
span
.small
p
.small
,
span
.small
small
,
span
.small
span
.small
{
font-size
:
1em
}
.superscript
,
sup
{
vertical-align
:
super
;
font-size
:
.8em
}
.subscript
,
sub
{
vertical-align
:
sub
;
font-size
:
.8em
}
pre
{
font-family
:
monospace
;
font-size
:
.8em
;
overflow
:
hidden
;
border-radius
:
4px
;
box-shadow
:
0
1px
2px
0
rgba
(
10
,
10
,
10
,
.06
);
border
:
1px
solid
rgba
(
221
,
221
,
221
,
.66
);
background-color
:
#fdf6e3
;
padding
:
12px
;
overflow-x
:
scroll
}
body
.flexbox
,
ol
,
ul
{
overflow
:
hidden
}
blockquote
{
display
:
block
;
border-left
:
4px
solid
#0288D1
;
background-color
:
#F8F8F8
;
padding
:
12px
16px
12px
32px
}
blockquote
:before
{
content
:
"\201C"
;
font-size
:
2em
;
font-weight
:
700
;
position
:
absolute
;
top
:
12px
;
left
:
12px
;
color
:
#777
}
.block
,
.callout
{
position
:
relative
}
.code-base
,
code
,
span
.code
{
background-color
:
#F8F8F8
;
font-family
:
monospace
;
font-size
:
.8em
;
border
:
1px
solid
#DDD
;
border-radius
:
3px
}
code
{
display
:
inline
;
padding
:
1px
3px
;
line-height
:
1.2em
;
margin-bottom
:
1.2em
}
.list
>*,
pre
code
{
display
:
block
}
span
.code
{
padding
:
1px
6px
}
pre
code
{
background-color
:
transparent
;
border
:
0
;
font-size
:
1em
}
.text-pos
,
.text-pos
:hover
,
p
.pos
,
p
.pos
:hover
,
p
.pos
,
p
.pos
:hover
,
span
.pos
,
span
.pos
:hover
{
color
:
#52A256
}
.text-neg
,
.text-neg
:hover
,
p
.neg
,
p
.neg
:hover
,
p
.neg
,
p
.neg
:hover
,
span
.neg
,
span
.neg
:hover
{
color
:
#E84F4F
}
.text-muted
,
p
.muted
,
p
.muted
,
span
.muted
{
color
:
#868686
}
.text-muted
.small
,
.text-muted.small
,
p
.muted
.small
,
p
.muted.small
,
p
.muted
.small
,
p
.muted.small
,
span
.muted
.small
,
span
.muted.small
{
color
:
#969696
}
.text-primary
,
.text-primary
:hover
,
p
.primary
,
p
.primary
:hover
,
p
.primary
,
p
.primary
:hover
,
span
.primary
,
span
.primary
:hover
{
color
:
#0288D1
}
.text-secondary
,
.text-secondary
:hover
,
p
.secondary
,
p
.secondary
:hover
,
p
.secondary
,
p
.secondary
:hover
,
span
.secondary
,
span
.secondary
:hover
{
color
:
#e27b41
}
.text-book
,
.text-book
:hover
{
color
:
#009688
}
.text-page
,
.text-page
:hover
{
color
:
#0288D1
}
.text-page.draft
,
.text-page.draft
:hover
{
color
:
#9A60DA
}
.text-chapter
,
.text-chapter
:hover
{
color
:
#ef7c3c
}
.faded
.text-book
:hover
{
color
:
#009688
!important
}
.faded
.text-chapter
:hover
{
color
:
#ef7c3c
!important
}
.faded
.text-page
:hover
{
color
:
#0288D1
!important
}
span
.highlight
{
font-weight
:
700
;
padding
:
2px
4px
}
ul
{
padding-left
:
20.8px
;
list-style
:
disc
}
ol
{
list-style
:
decimal
;
padding-left
:
32px
}
li
.checkbox-item
{
list-style
:
none
;
margin-left
:
-20.8px
}
li
.checkbox-item
input
[
type
=
checkbox
]
{
margin-right
:
6px
}
.book-tree
.sidebar-page-list
li
a
:hover
,
.faded
.text-button
:hover
,
.logo
:hover
,
.page-content
del
,
.page-content
ins
{
text-decoration
:
none
}
.text-center
{
text-align
:
center
}
.text-left
{
text-align
:
left
}
.text-right
{
text-align
:
right
}
.text-bigger
{
font-size
:
1.1em
}
.text-large
{
font-size
:
1.6666em
}
.no-color
{
color
:
inherit
}
.header-group
{
margin
:
16px
0
}
.header-group
.title-input
input
[
type
=
text
],
.header-group
h1
,
.header-group
h2
,
.header-group
h3
,
.header-group
h4
,
.header-group
h5
,
.header-group
h6
,
.title-input
.header-group
input
[
type
=
text
]
{
margin
:
0
}
span
.sep
{
color
:
#BBB
;
padding
:
0
6px
}
.action-header
.title-input
input
[
type
=
text
],
.action-header
h1
,
.title-input
.action-header
input
[
type
=
text
]
{
margin-top
:
16px
}
i
{
padding-right
:
6px
}
body
.flexbox
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-align
:
stretch
;
align-items
:
stretch
;
height
:
100%
;
min-height
:
100%
;
max-height
:
100%
}
body
.flexbox
#content
{
-webkit-box-flex
:
1
;
flex
:
1
;
display
:
-webkit-box
;
display
:
flex
;
min-height
:
0
}
.flex-fill
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
stretch
;
align-items
:
stretch
;
min-height
:
0
}
.flex-fill
.flex
,
.flex-fill.flex
{
min-height
:
0
;
-webkit-box-flex
:
1
;
flex
:
1
}
.flex-child
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
}
div
[
class
^=
col-
]
img
{
max-width
:
100%
}
.container
{
max-width
:
1400px
;
margin-left
:
auto
;
margin-right
:
auto
;
padding-left
:
16px
;
padding-right
:
16px
}
.container.fluid
{
max-width
:
100%
}
.container.medium
{
max-width
:
992px
}
.container.small
{
max-width
:
840px
}
.row
{
margin-left
:
-16px
;
margin-right
:
-16px
}
.float
{
float
:
left
}
.float.right
{
float
:
right
}
.block
{
display
:
block
}
.inline
{
display
:
inline
}
.block.inline
{
display
:
inline-block
}
.col-lg-1
,
.col-lg-10
,
.col-lg-11
,
.col-lg-12
,
.col-lg-2
,
.col-lg-3
,
.col-lg-4
,
.col-lg-5
,
.col-lg-6
,
.col-lg-7
,
.col-lg-8
,
.col-lg-9
,
.col-md-1
,
.col-md-10
,
.col-md-11
,
.col-md-12
,
.col-md-2
,
.col-md-3
,
.col-md-4
,
.col-md-5
,
.col-md-6
,
.col-md-7
,
.col-md-8
,
.col-md-9
,
.col-sm-1
,
.col-sm-10
,
.col-sm-11
,
.col-sm-12
,
.col-sm-2
,
.col-sm-3
,
.col-sm-4
,
.col-sm-5
,
.col-sm-6
,
.col-sm-7
,
.col-sm-8
,
.col-sm-9
,
.col-xs-1
,
.col-xs-10
,
.col-xs-11
,
.col-xs-12
,
.col-xs-2
,
.col-xs-3
,
.col-xs-4
,
.col-xs-5
,
.col-xs-6
,
.col-xs-7
,
.col-xs-8
,
.col-xs-9
{
position
:
relative
;
min-height
:
1px
;
padding-left
:
16px
;
padding-right
:
16px
}
.col-xs-1
,
.col-xs-10
,
.col-xs-11
,
.col-xs-12
,
.col-xs-2
,
.col-xs-3
,
.col-xs-4
,
.col-xs-5
,
.col-xs-6
,
.col-xs-7
,
.col-xs-8
,
.col-xs-9
{
float
:
left
}
.col-xs-12
{
width
:
100%
}
.col-xs-11
{
width
:
91.66666667%
}
.col-xs-10
{
width
:
83.33333333%
}
.col-xs-9
{
width
:
75%
}
.col-xs-8
{
width
:
66.66666667%
}
.col-xs-7
{
width
:
58.33333333%
}
.col-xs-6
{
width
:
50%
}
.col-xs-5
{
width
:
41.66666667%
}
.col-xs-4
{
width
:
33.33333333%
}
.col-xs-3
{
width
:
25%
}
.col-xs-2
{
width
:
16.66666667%
}
.col-xs-1
{
width
:
8.33333333%
}
.col-xs-pull-12
{
right
:
100%
}
.col-xs-pull-11
{
right
:
91.66666667%
}
.col-xs-pull-10
{
right
:
83.33333333%
}
.col-xs-pull-9
{
right
:
75%
}
.col-xs-pull-8
{
right
:
66.66666667%
}
.col-xs-pull-7
{
right
:
58.33333333%
}
.col-xs-pull-6
{
right
:
50%
}
.col-xs-pull-5
{
right
:
41.66666667%
}
.col-xs-pull-4
{
right
:
33.33333333%
}
.col-xs-pull-3
{
right
:
25%
}
.col-xs-pull-2
{
right
:
16.66666667%
}
.col-xs-pull-1
{
right
:
8.33333333%
}
.col-xs-pull-0
{
right
:
auto
}
.col-xs-push-12
{
left
:
100%
}
.col-xs-push-11
{
left
:
91.66666667%
}
.col-xs-push-10
{
left
:
83.33333333%
}
.col-xs-push-9
{
left
:
75%
}
.col-xs-push-8
{
left
:
66.66666667%
}
.col-xs-push-7
{
left
:
58.33333333%
}
.col-xs-push-6
{
left
:
50%
}
.col-xs-push-5
{
left
:
41.66666667%
}
.col-xs-push-4
{
left
:
33.33333333%
}
.col-xs-push-3
{
left
:
25%
}
.col-xs-push-2
{
left
:
16.66666667%
}
.col-xs-push-1
{
left
:
8.33333333%
}
.col-xs-push-0
{
left
:
auto
}
.col-xs-offset-12
{
margin-left
:
100%
}
.col-xs-offset-11
{
margin-left
:
91.66666667%
}
.col-xs-offset-10
{
margin-left
:
83.33333333%
}
.col-xs-offset-9
{
margin-left
:
75%
}
.col-xs-offset-8
{
margin-left
:
66.66666667%
}
.col-xs-offset-7
{
margin-left
:
58.33333333%
}
.col-xs-offset-6
{
margin-left
:
50%
}
.col-xs-offset-5
{
margin-left
:
41.66666667%
}
.col-xs-offset-4
{
margin-left
:
33.33333333%
}
.col-xs-offset-3
{
margin-left
:
25%
}
.col-xs-offset-2
{
margin-left
:
16.66666667%
}
.col-xs-offset-1
{
margin-left
:
8.33333333%
}
.col-xs-offset-0
{
margin-left
:
0
}
@media
(
min-width
:
768px
){
.col-sm-1
,
.col-sm-10
,
.col-sm-11
,
.col-sm-12
,
.col-sm-2
,
.col-sm-3
,
.col-sm-4
,
.col-sm-5
,
.col-sm-6
,
.col-sm-7
,
.col-sm-8
,
.col-sm-9
{
float
:
left
}
.col-sm-12
{
width
:
100%
}
.col-sm-11
{
width
:
91.66666667%
}
.col-sm-10
{
width
:
83.33333333%
}
.col-sm-9
{
width
:
75%
}
.col-sm-8
{
width
:
66.66666667%
}
.col-sm-7
{
width
:
58.33333333%
}
.col-sm-6
{
width
:
50%
}
.col-sm-5
{
width
:
41.66666667%
}
.col-sm-4
{
width
:
33.33333333%
}
.col-sm-3
{
width
:
25%
}
.col-sm-2
{
width
:
16.66666667%
}
.col-sm-1
{
width
:
8.33333333%
}
.col-sm-pull-12
{
right
:
100%
}
.col-sm-pull-11
{
right
:
91.66666667%
}
.col-sm-pull-10
{
right
:
83.33333333%
}
.col-sm-pull-9
{
right
:
75%
}
.col-sm-pull-8
{
right
:
66.66666667%
}
.col-sm-pull-7
{
right
:
58.33333333%
}
.col-sm-pull-6
{
right
:
50%
}
.col-sm-pull-5
{
right
:
41.66666667%
}
.col-sm-pull-4
{
right
:
33.33333333%
}
.col-sm-pull-3
{
right
:
25%
}
.col-sm-pull-2
{
right
:
16.66666667%
}
.col-sm-pull-1
{
right
:
8.33333333%
}
.col-sm-pull-0
{
right
:
auto
}
.col-sm-push-12
{
left
:
100%
}
.col-sm-push-11
{
left
:
91.66666667%
}
.col-sm-push-10
{
left
:
83.33333333%
}
.col-sm-push-9
{
left
:
75%
}
.col-sm-push-8
{
left
:
66.66666667%
}
.col-sm-push-7
{
left
:
58.33333333%
}
.col-sm-push-6
{
left
:
50%
}
.col-sm-push-5
{
left
:
41.66666667%
}
.col-sm-push-4
{
left
:
33.33333333%
}
.col-sm-push-3
{
left
:
25%
}
.col-sm-push-2
{
left
:
16.66666667%
}
.col-sm-push-1
{
left
:
8.33333333%
}
.col-sm-push-0
{
left
:
auto
}
.col-sm-offset-12
{
margin-left
:
100%
}
.col-sm-offset-11
{
margin-left
:
91.66666667%
}
.col-sm-offset-10
{
margin-left
:
83.33333333%
}
.col-sm-offset-9
{
margin-left
:
75%
}
.col-sm-offset-8
{
margin-left
:
66.66666667%
}
.col-sm-offset-7
{
margin-left
:
58.33333333%
}
.col-sm-offset-6
{
margin-left
:
50%
}
.col-sm-offset-5
{
margin-left
:
41.66666667%
}
.col-sm-offset-4
{
margin-left
:
33.33333333%
}
.col-sm-offset-3
{
margin-left
:
25%
}
.col-sm-offset-2
{
margin-left
:
16.66666667%
}
.col-sm-offset-1
{
margin-left
:
8.33333333%
}
.col-sm-offset-0
{
margin-left
:
0
}}
@media
(
min-width
:
992px
){
.col-md-1
,
.col-md-10
,
.col-md-11
,
.col-md-12
,
.col-md-2
,
.col-md-3
,
.col-md-4
,
.col-md-5
,
.col-md-6
,
.col-md-7
,
.col-md-8
,
.col-md-9
{
float
:
left
}
.col-md-12
{
width
:
100%
}
.col-md-11
{
width
:
91.66666667%
}
.col-md-10
{
width
:
83.33333333%
}
.col-md-9
{
width
:
75%
}
.col-md-8
{
width
:
66.66666667%
}
.col-md-7
{
width
:
58.33333333%
}
.col-md-6
{
width
:
50%
}
.col-md-5
{
width
:
41.66666667%
}
.col-md-4
{
width
:
33.33333333%
}
.col-md-3
{
width
:
25%
}
.col-md-2
{
width
:
16.66666667%
}
.col-md-1
{
width
:
8.33333333%
}
.col-md-pull-12
{
right
:
100%
}
.col-md-pull-11
{
right
:
91.66666667%
}
.col-md-pull-10
{
right
:
83.33333333%
}
.col-md-pull-9
{
right
:
75%
}
.col-md-pull-8
{
right
:
66.66666667%
}
.col-md-pull-7
{
right
:
58.33333333%
}
.col-md-pull-6
{
right
:
50%
}
.col-md-pull-5
{
right
:
41.66666667%
}
.col-md-pull-4
{
right
:
33.33333333%
}
.col-md-pull-3
{
right
:
25%
}
.col-md-pull-2
{
right
:
16.66666667%
}
.col-md-pull-1
{
right
:
8.33333333%
}
.col-md-pull-0
{
right
:
auto
}
.col-md-push-12
{
left
:
100%
}
.col-md-push-11
{
left
:
91.66666667%
}
.col-md-push-10
{
left
:
83.33333333%
}
.col-md-push-9
{
left
:
75%
}
.col-md-push-8
{
left
:
66.66666667%
}
.col-md-push-7
{
left
:
58.33333333%
}
.col-md-push-6
{
left
:
50%
}
.col-md-push-5
{
left
:
41.66666667%
}
.col-md-push-4
{
left
:
33.33333333%
}
.col-md-push-3
{
left
:
25%
}
.col-md-push-2
{
left
:
16.66666667%
}
.col-md-push-1
{
left
:
8.33333333%
}
.col-md-push-0
{
left
:
auto
}
.col-md-offset-12
{
margin-left
:
100%
}
.col-md-offset-11
{
margin-left
:
91.66666667%
}
.col-md-offset-10
{
margin-left
:
83.33333333%
}
.col-md-offset-9
{
margin-left
:
75%
}
.col-md-offset-8
{
margin-left
:
66.66666667%
}
.col-md-offset-7
{
margin-left
:
58.33333333%
}
.col-md-offset-6
{
margin-left
:
50%
}
.col-md-offset-5
{
margin-left
:
41.66666667%
}
.col-md-offset-4
{
margin-left
:
33.33333333%
}
.col-md-offset-3
{
margin-left
:
25%
}
.col-md-offset-2
{
margin-left
:
16.66666667%
}
.col-md-offset-1
{
margin-left
:
8.33333333%
}
.col-md-offset-0
{
margin-left
:
0
}}
@media
(
min-width
:
1200px
){
.col-lg-1
,
.col-lg-10
,
.col-lg-11
,
.col-lg-12
,
.col-lg-2
,
.col-lg-3
,
.col-lg-4
,
.col-lg-5
,
.col-lg-6
,
.col-lg-7
,
.col-lg-8
,
.col-lg-9
{
float
:
left
}
.col-lg-12
{
width
:
100%
}
.col-lg-11
{
width
:
91.66666667%
}
.col-lg-10
{
width
:
83.33333333%
}
.col-lg-9
{
width
:
75%
}
.col-lg-8
{
width
:
66.66666667%
}
.col-lg-7
{
width
:
58.33333333%
}
.col-lg-6
{
width
:
50%
}
.col-lg-5
{
width
:
41.66666667%
}
.col-lg-4
{
width
:
33.33333333%
}
.col-lg-3
{
width
:
25%
}
.col-lg-2
{
width
:
16.66666667%
}
.col-lg-1
{
width
:
8.33333333%
}
.col-lg-pull-12
{
right
:
100%
}
.col-lg-pull-11
{
right
:
91.66666667%
}
.col-lg-pull-10
{
right
:
83.33333333%
}
.col-lg-pull-9
{
right
:
75%
}
.col-lg-pull-8
{
right
:
66.66666667%
}
.col-lg-pull-7
{
right
:
58.33333333%
}
.col-lg-pull-6
{
right
:
50%
}
.col-lg-pull-5
{
right
:
41.66666667%
}
.col-lg-pull-4
{
right
:
33.33333333%
}
.col-lg-pull-3
{
right
:
25%
}
.col-lg-pull-2
{
right
:
16.66666667%
}
.col-lg-pull-1
{
right
:
8.33333333%
}
.col-lg-pull-0
{
right
:
auto
}
.col-lg-push-12
{
left
:
100%
}
.col-lg-push-11
{
left
:
91.66666667%
}
.col-lg-push-10
{
left
:
83.33333333%
}
.col-lg-push-9
{
left
:
75%
}
.col-lg-push-8
{
left
:
66.66666667%
}
.col-lg-push-7
{
left
:
58.33333333%
}
.col-lg-push-6
{
left
:
50%
}
.col-lg-push-5
{
left
:
41.66666667%
}
.col-lg-push-4
{
left
:
33.33333333%
}
.col-lg-push-3
{
left
:
25%
}
.col-lg-push-2
{
left
:
16.66666667%
}
.col-lg-push-1
{
left
:
8.33333333%
}
.col-lg-push-0
{
left
:
auto
}
.col-lg-offset-12
{
margin-left
:
100%
}
.col-lg-offset-11
{
margin-left
:
91.66666667%
}
.col-lg-offset-10
{
margin-left
:
83.33333333%
}
.col-lg-offset-9
{
margin-left
:
75%
}
.col-lg-offset-8
{
margin-left
:
66.66666667%
}
.col-lg-offset-7
{
margin-left
:
58.33333333%
}
.col-lg-offset-6
{
margin-left
:
50%
}
.col-lg-offset-5
{
margin-left
:
41.66666667%
}
.col-lg-offset-4
{
margin-left
:
33.33333333%
}
.col-lg-offset-3
{
margin-left
:
25%
}
.col-lg-offset-2
{
margin-left
:
16.66666667%
}
.col-lg-offset-1
{
margin-left
:
8.33333333%
}
.col-lg-offset-0
{
margin-left
:
0
}}
.clearfix
:after
,
.clearfix
:before
,
.container-fluid
:after
,
.container-fluid
:before
,
.container
:after
,
.container
:before
,
.row
:after
,
.row
:before
{
content
:
" "
;
display
:
table
}
.clearfix
:after
,
.container-fluid
:after
,
.container
:after
,
.row
:after
{
clear
:
both
}
.center-block
{
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
}
.shaded
{
background-color
:
#f1f1f1
}
.shaded.pos
{
background-color
:
#d6ead7
}
.shaded.neg
{
background-color
:
#f4a9a9
}
.shaded.primary
{
background-color
:
#a1ddfe
}
.shaded.secondary
{
background-color
:
#f6d7c6
}
.bordered
{
border
:
1px
solid
#BBB
}
.bordered.pos
{
border-color
:
#52A256
}
.bordered.neg
{
border-color
:
#E84F4F
}
.bordered.primary
{
border-color
:
#0288D1
}
.bordered.secondary
{
border-color
:
#e27b41
}
.bordered.thick
{
border-width
:
2px
}
.rounded
{
border-radius
:
3px
}
.nopadding
{
padding
:
0
}
.padded
{
padding
:
24px
}
.padded.large
{
padding
:
32px
}
.padded
>
h1
:first-child
,
.padded
>
h2
:first-child
,
.padded
>
h3
:first-child
,
.padded
>
h4
:first-child
,
.title-input
.padded
>
input
[
type
=
text
]
:first-child
{
margin-top
:
.1em
}
.padded-top
,
.padded-vertical
{
padding-top
:
16px
}
.padded-top.large
,
.padded-vertical.large
{
padding-top
:
32px
}
.padded-bottom
,
.padded-vertical
{
padding-bottom
:
16px
}
.padded-bottom.large
,
.padded-vertical.large
{
padding-bottom
:
32px
}
.padded-horizontal
,
.padded-left
{
padding-left
:
16px
}
.padded-horizontal.large
,
.padded-left.large
{
padding-left
:
32px
}
.padded-horizontal
,
.padded-right
{
padding-right
:
16px
}
.padded-horizontal.large
,
.padded-right.large
{
padding-right
:
32px
}
.margins
{
margin
:
24px
}
.margins.large
{
margin
:
32px
}
.margin-top
,
.margins-vertical
{
margin-top
:
16px
}
.margin-top.large
,
.margins-vertical.large
{
margin-top
:
32px
}
.margin-bottom
,
.margins-vertical
{
margin-bottom
:
16px
}
.margin-bottom.large
,
.margins-vertical.large
{
margin-bottom
:
32px
}
.margin-left
,
.margins-horizontal
{
margin-left
:
16px
}
.margin-left.large
,
.margins-horizontal.large
{
margin-left
:
32px
}
.margin-right
,
.margins-horizontal
{
margin-right
:
16px
}
.margin-right.large
,
.margins-horizontal.large
{
margin-right
:
32px
}
.callout
{
border-left
:
3px
solid
#BBB
;
background-color
:
#EEE
;
padding
:
12px
12px
12px
32px
;
display
:
block
}
.callout
:before
{
font-family
:
Material-Design-Iconic-Font
;
left
:
10px
;
top
:
50%
;
margin-top
:
-9px
;
display
:
inline-block
;
position
:
absolute
;
font-size
:
1.222em
;
line-height
:
1
}
#markdown-editor
,
.search-box
,
.toggle-switch
,
.toggle-switch
:after
,
form
.search-box
{
position
:
relative
}
.callout.success
{
border-left-color
:
#52A256
;
background-color
:
#e7f3e7
;
color
:
#376c39
}
.callout.success
:before
{
content
:
'\f269'
}
.callout.danger
{
border-left-color
:
#E84F4F
;
background-color
:
#fce8e8
;
color
:
#b91818
}
.callout.danger
:before
{
content
:
'\f1f2'
}
.callout.info
{
border-left-color
:
#0288D1
;
background-color
:
#d3efff
;
color
:
#015380
}
.callout.info
:before
{
content
:
'\f1f8'
}
.callout.warning
{
border-left-color
:
#e27b41
;
background-color
:
#faeae0
;
color
:
#b6531c
}
.callout.warning
:before
{
content
:
'\f1f1'
}
.editor-toolbar
:after
,
.pointer
:before
,
.toggle-switch
:after
{
content
:
''
}
.input-base
,
input
[
type
=
number
],
input
[
type
=
email
],
input
[
type
=
search
],
input
[
type
=
url
],
input
[
type
=
password
],
input
[
type
=
text
],
select
,
textarea
{
background-color
:
#FFF
;
border-radius
:
3px
;
border
:
1px
solid
#CCC
;
display
:
inline-block
;
font-size
:
14px
;
font-family
:
Roboto
,
"DejaVu Sans"
,
Helvetica
,
Arial
,
sans-serif
;
padding
:
6px
;
color
:
#222
;
width
:
250px
;
max-width
:
100%
}
#markdown-editor
textarea
,
.editor-toolbar
{
font-family
:
'Roboto Mono'
,
monospace
}
.input-base.invalid
,
.input-base.neg
,
input
.invalid
[
type
=
number
],
input
.invalid
[
type
=
email
],
input
.invalid
[
type
=
search
],
input
.invalid
[
type
=
url
],
input
.invalid
[
type
=
password
],
input
.invalid
[
type
=
text
],
input
.neg
[
type
=
number
],
input
.neg
[
type
=
email
],
input
.neg
[
type
=
search
],
input
.neg
[
type
=
url
],
input
.neg
[
type
=
password
],
input
.neg
[
type
=
text
],
select
.invalid
,
select
.neg
,
textarea
.invalid
,
textarea
.neg
{
border
:
1px
solid
#E84F4F
}
.input-base.pos
,
.input-base.valid
,
input
.pos
[
type
=
number
],
input
.pos
[
type
=
email
],
input
.pos
[
type
=
search
],
input
.pos
[
type
=
url
],
input
.pos
[
type
=
password
],
input
.pos
[
type
=
text
],
input
.valid
[
type
=
number
],
input
.valid
[
type
=
email
],
input
.valid
[
type
=
search
],
input
.valid
[
type
=
url
],
input
.valid
[
type
=
password
],
input
.valid
[
type
=
text
],
select
.pos
,
select
.valid
,
textarea
.pos
,
textarea
.valid
{
border
:
1px
solid
#52A256
}
.input-base.disabled
,
.input-base
[
disabled
],
input
.disabled
[
type
=
number
],
input
.disabled
[
type
=
email
],
input
.disabled
[
type
=
search
],
input
.disabled
[
type
=
url
],
input
.disabled
[
type
=
password
],
input
.disabled
[
type
=
text
],
input
[
disabled
][
type
=
number
],
input
[
disabled
][
type
=
email
],
input
[
disabled
][
type
=
search
],
input
[
disabled
][
type
=
url
],
input
[
disabled
][
type
=
password
],
input
[
disabled
][
type
=
text
],
select
.disabled
,
select
[
disabled
],
textarea
.disabled
,
textarea
[
disabled
]
{
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==)
}
.input-base
:focus
,
input
[
type
=
number
]
:focus
,
input
[
type
=
email
]
:focus
,
input
[
type
=
search
]
:focus
,
input
[
type
=
url
]
:focus
,
input
[
type
=
password
]
:focus
,
input
[
type
=
text
]
:focus
,
select
:focus
,
textarea
:focus
{
outline
:
0
}
#html-editor
{
display
:
none
}
#markdown-editor
{
z-index
:
5
}
#markdown-editor
textarea
{
font-style
:
normal
;
font-weight
:
400
;
padding
:
6px
16px
;
color
:
#444
;
border-radius
:
0
;
max-height
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
;
border
:
0
;
width
:
100%
}
#markdown-editor
textarea
:focus
{
outline
:
0
}
#markdown-editor
.markdown-display
,
#markdown-editor
.markdown-editor-wrap
{
-webkit-box-flex
:
1
;
flex
:
1
;
position
:
relative
}
#markdown-editor
.markdown-editor-wrap
,
.page-editor
{
flex-direction
:
column
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
}
#markdown-editor
.markdown-editor-wrap
{
display
:
-webkit-box
;
display
:
flex
;
border
:
1px
solid
#DDD
;
width
:
50%
}
#markdown-editor
.markdown-display
{
padding
:
0
16px
;
margin-left
:
-1px
;
overflow-y
:
scroll
}
#markdown-editor
.markdown-display
.page-content
{
margin
:
0
auto
}
.editor-toolbar
{
width
:
100%
;
padding
:
6px
16px
;
font-size
:
11px
;
line-height
:
1.6
;
border-bottom
:
1px
solid
#DDD
;
background-color
:
#EEE
;
-webkit-box-flex
:
0
;
flex
:
none
}
.editor-toolbar
:after
{
display
:
block
;
clear
:
both
}
label
{
display
:
block
;
line-height
:
1.4em
;
font-size
:
.94em
;
font-weight
:
500
;
color
:
#666
;
padding-bottom
:
2px
;
margin-bottom
:
.2em
}
.toggle-switch
,
label
.inline
{
display
:
inline-block
}
label
.checkbox
,
label
.radio
{
font-weight
:
400
}
label
.checkbox
input
[
type
=
radio
],
label
.checkbox
input
[
type
=
checkbox
],
label
.radio
input
[
type
=
radio
],
label
.radio
input
[
type
=
checkbox
]
{
margin-right
:
6px
}
label
+
p
.small
{
margin-bottom
:
.8em
}
.toggle-switch
{
background-color
:
#BBB
;
width
:
36px
;
height
:
14px
;
border-radius
:
7px
;
transition
:
all
ease-in-out
120ms
;
user-select
:
none
}
.toggle-switch
:after
{
display
:
block
;
left
:
0
;
margin-top
:
-3px
;
width
:
20px
;
height
:
20px
;
border-radius
:
50%
;
background-color
:
#fafafa
;
border
:
1px
solid
#CCC
;
box-shadow
:
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.14
),
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.2
),
0
1px
5px
0
rgba
(
0
,
0
,
0
,
.12
);
transition
:
all
ease-in-out
120ms
}
.toggle-switch.active
{
background-color
:
rgba
(
82
,
162
,
86
,
.4
)}
.toggle-switch.active
:after
{
left
:
16px
;
background-color
:
#52A256
;
border
:
#305e32
}
.toggle-switch-checkbox
{
display
:
none
}
input
:checked
+
.toggle-switch
{
background-color
:
rgba
(
82
,
162
,
86
,
.4
)}
input
:checked
+
.toggle-switch
:after
{
left
:
16px
;
background-color
:
#52A256
;
border
:
#305e32
}
.form-group
{
margin-bottom
:
12px
}
.form-group
textarea
{
display
:
block
;
width
:
100%
;
min-height
:
64px
}
.form-group
.text-neg
,
.form-group
.text-pos
{
padding
:
6px
0
}
.description-input
textarea
,
.inline-input-style
,
.title-input
input
[
type
=
text
]
{
border
:
2px
dotted
#BBB
;
display
:
block
;
width
:
100%
;
padding
:
6px
12px
}
.title-input
.input
{
width
:
100%
}
.description-input
label
,
.title-input
label
{
margin-top
:
16px
;
color
:
#666
}
.title-input
input
[
type
=
text
]
{
margin-top
:
0
;
padding-right
:
0
;
width
:
100%
;
color
:
#444
}
.title-input.page-title
{
font-size
:
.8em
}
.title-input.page-title
.input
{
border
:
0
;
margin-bottom
:
-1px
}
.title-input.page-title
input
[
type
=
text
]
{
max-width
:
840px
;
margin
:
0
auto
;
border
:
none
}
.search-box
,
div
[
editor-type
=
markdown
]
.title-input.page-title
input
[
type
=
text
],
table
{
max-width
:
100%
}
.page-title
input
{
display
:
block
;
width
:
100%
;
font-size
:
1.4em
}
.description-input
textarea
{
font-size
:
15px
;
color
:
#666
;
width
:
100%
}
.search-box
button
{
background-color
:
transparent
;
border
:
none
;
color
:
#0288D1
;
padding
:
0
;
margin
:
0
0
0
12px
;
cursor
:
pointer
}
.search-box
button
[
type
=
submit
]
{
margin-left
:
-24px
}
.search-box
input
{
padding-right
:
24px
;
width
:
300px
;
max-width
:
100%
}
input
.outline
{
border
:
0
;
border-bottom
:
2px
solid
#DDD
;
border-radius
:
0
}
input
.outline
:active
,
input
.outline
:focus
{
border
:
0
;
border-bottom
:
2px
solid
#AAA
;
outline
:
0
}
#login-form
label
[
for
=
remember
]
{
margin
:
0
}
#login-form
label
.toggle-switch
{
margin-left
:
32px
}
.image-picker
img
{
background-color
:
#BBB
}
table
{
min-width
:
100px
;
border-spacing
:
0
;
border-collapse
:
collapse
}
table
thead
{
background-color
:
#F8F8F8
;
font-weight
:
500
}
table
td
,
table
th
{
min-width
:
10px
;
padding
:
6px
8px
;
border
:
1px
solid
#DDD
;
overflow
:
auto
;
line-height
:
1.2
}
table
td
p
,
table
th
p
{
margin
:
0
}
table
.table
{
width
:
100%
}
table
.table
tr
{
border-bottom
:
1px
solid
#DDD
}
table
.table
td
,
table
.table
th
{
text-align
:
left
;
border
:
none
;
padding
:
6px
;
vertical-align
:
middle
;
margin
:
0
}
table
.table
th
{
font-weight
:
700
}
table
.table
tr
:hover
{
background-color
:
#EEE
}
table
.table
.text-right
{
text-align
:
right
}
table
.table
.text-center
{
text-align
:
center
}
table
.file-table
td
,
table
.no-style
td
{
border
:
0
;
padding
:
0
}
table
.list-table
{
margin
:
-6px
}
table
.list-table
td
{
border
:
0
;
vertical-align
:
middle
;
padding
:
6px
}
.dropdown-container
,
.logo-image
,
.logo-text
,
form
.search-box
button
,
header
.links
,
header
.user-name
,
header
.user-name
>*
{
vertical-align
:
top
}
table
.file-table
td
{
padding
:
6px
}
table
.file-table
.ui-sortable-helper
{
display
:
table
}
header
{
display
:
block
;
z-index
:
2
;
top
:
0
;
background-color
:
#0288D1
;
color
:
#fff
;
border-bottom
:
1px
solid
#DDD
}
header
.avatar
,
header
.links
,
header
.links
a
,
header
.user-name
{
display
:
inline-block
}
header
.padded
{
padding
:
16px
}
header
.links
{
margin-right
:
32px
}
header
.links
a
{
padding
:
24px
;
color
:
#FFF
}
header
.links
a
:last-child
{
padding-right
:
0
}
@media
screen
and
(
max-width
:
992px
){
header
.links
{
margin-right
:
16px
}
header
.links
a
{
padding
:
24px
12px
}}
header
.avatar
{
width
:
30px
;
height
:
30px
}
header
.user-name
{
padding-top
:
24px
;
cursor
:
pointer
}
header
.user-name
>
i
,
header
.user-name
>
span
{
padding-left
:
6px
;
display
:
inline-block
}
header
.user-name
>
span
{
padding-top
:
3px
}
header
.user-name
>
i
{
padding-top
:
4px
;
font-size
:
18px
}
@media
screen
and
(
max-width
:
992px
){
header
.user-name
{
padding-left
:
6px
}
header
.user-name
.name
{
display
:
none
}
header
{
text-align
:
center
}
header
.float.right
{
float
:
none
}}
.logo
,
.logo-text
,
form
.search-box
{
display
:
inline-block
}
.activity-list-item
.left
,
ul
.pagination
li
{
float
:
left
}
@media
screen
and
(
max-width
:
768px
){
header
.links
a
{
padding
:
12px
}
header
form
.search-box
{
margin-top
:
0
}
header
.user-name
{
padding-top
:
12px
}}
header
.dropdown-container
{
font-size
:
.9em
}
form
.search-box
{
margin-top
:
21.6px
;
text-align
:
left
}
form
.search-box
input
{
background-color
:
transparent
;
border-radius
:
24px
;
border
:
2px
solid
#EEE
;
color
:
#EEE
;
padding-left
:
16px
;
padding-right
:
24px
;
outline
:
0
}
form
.search-box
button
{
margin-left
:
-24px
;
color
:
#FFF
;
top
:
6px
;
right
:
4px
;
display
:
inline-block
;
position
:
absolute
}
form
.search-box
button
:hover
{
color
:
#FFF
}
.logo
:hover
{
color
:
#FFF
}
.logo-text
{
font-size
:
1.8em
;
color
:
#fff
;
font-weight
:
400
;
padding
:
24px
24px
24px
0
;
line-height
:
1
}
.logo-image
{
margin
:
16px
12px
16px
0
;
height
:
43px
}
.breadcrumbs
span
.sep
{
color
:
#aaa
;
padding
:
0
6px
}
.action-buttons
.text-button
,
.breadcrumbs
.text-button
,
.faded
span
.faded-text
{
padding
:
12px
;
display
:
inline-block
}
.faded
a
,
.faded
button
,
.faded
span
,
.faded
span
>
div
{
color
:
#666
}
.faded
.text-button
{
opacity
:
.5
;
-webkit-transition
:
all
ease-in-out
120ms
;
transition
:
all
ease-in-out
120ms
}
.faded
.text-button
:hover
{
opacity
:
1
}
.faded-small
{
color
:
#000
;
font-size
:
.9em
;
background-color
:
rgba
(
21
,
101
,
192
,
.15
)}
.book-tree
,
.book-tree.fixed
{
background-color
:
#FFF
;
top
:
0
}
.action-buttons
.text-button
:last-child
,
.breadcrumbs
.text-button
:last-child
{
padding-right
:
0
}
.action-buttons
{
text-align
:
right
}
.action-buttons.text-left
{
text-align
:
left
}
.action-buttons.text-left
.text-button
{
padding-right
:
16px
;
padding-left
:
0
}
.action-buttons.text-center
,
.nav-tabs
{
text-align
:
center
}
.nav-tabs
.tab-item
,
.nav-tabs
a
{
padding
:
16px
;
display
:
inline-block
;
color
:
#666
;
cursor
:
pointer
}
.nav-tabs
.tab-item.selected
,
.nav-tabs
a
.selected
{
border-bottom
:
2px
solid
#0288D1
}
.page-list
h4
{
margin
:
24px
0
6px
;
font-size
:
1.666em
}
.page-list
a
.chapter
{
color
:
#ef7c3c
}
.page-list
.inset-list
{
display
:
none
;
overflow
:
hidden
;
margin-bottom
:
24px
}
.page-list
h5
{
display
:
block
;
margin
:
12px
0
0
;
border-left
:
5px
solid
#0288D1
;
padding
:
6px
0
6px
16px
;
font-size
:
1.1em
;
font-weight
:
400
}
.page-list
h5
.draft
{
border-left-color
:
#9A60DA
}
.page-list
hr
{
margin-top
:
0
}
.page-list
.book
,
.page-list
.chapter
,
.page-list
.page
{
padding-left
:
24px
}
.page-list
.page
{
border-left
:
5px
solid
#0288D1
}
.page-list
.page.draft
{
border-left
:
5px
solid
#9A60DA
}
.page-list
.page.draft
.text-page
{
color
:
#9A60DA
}
.page-list
.chapter
{
border-left
:
5px
solid
#ef7c3c
}
.page-list
.book
{
border-left
:
5px
solid
#009688
}
.page-list
.meta
{
margin-top
:
-16px
;
font-size
:
.95em
}
.page-list
.meta
span
{
margin-right
:
12px
}
.chapter-toggle
{
margin
:
0
0
24px
;
-webkit-transition
:
all
ease-in-out
180ms
;
transition
:
all
ease-in-out
180ms
;
user-select
:
none
}
.pointer
span
.icon
,
ul
.pagination
a
,
ul
.pagination
span
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
}
.chapter-toggle
i
.zmdi-caret-right
{
-webkit-transition
:
all
ease-in-out
180ms
;
transition
:
all
ease-in-out
180ms
;
-webkit-transform
:
rotate
(
0
);
transform
:
rotate
(
0
);
-webkit-transform-origin
:
25%
50%
;
transform-origin
:
25%
50%
}
.chapter-toggle.open
{
margin-bottom
:
0
}
.chapter-toggle.open
i
.zmdi-caret-right
{
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
)}
.sidebar-page-nav
{
list-style
:
none
;
margin
:
12px
0
16px
2px
;
border-left
:
2px
dotted
#BBB
}
.sidebar-page-nav
li
{
padding-left
:
12px
;
margin-bottom
:
4px
;
font-size
:
.95em
}
.sidebar-page-nav
.h1
,
.sidebar-page-nav
.h2
{
margin-left
:
-2px
}
.sidebar-page-nav
.h3
{
margin-left
:
12px
}
.sidebar-page-nav
.h4
{
margin-left
:
24px
}
.sidebar-page-nav
.h5
{
margin-left
:
36px
}
.sidebar-page-nav
.h6
{
margin-left
:
48px
}
.book-tree
{
padding
:
6px
0
0
;
position
:
relative
;
right
:
0
;
-webkit-transition
:
ease-in-out
240ms
;
transition
:
ease-in-out
240ms
;
-webkit-transition-property
:
right
,
border
;
transition-property
:
right
,
border
;
border-left
:
0
solid
#FFF
}
.book-tree.fixed
{
z-index
:
5
;
position
:
fixed
;
padding-left
:
24px
;
padding-right
:
39px
;
width
:
30%
;
right
:
-15px
;
height
:
100%
;
overflow-y
:
scroll
;
-ms-overflow-style
:
none
;
border-left
:
1px
solid
#DDD
}
.book-tree.fixed
::-webkit-scrollbar
{
width
:
0
!important
}
.book-tree
h4
{
padding
:
16px
12px
0
}
.book-tree
h4
i
{
padding-right
:
12px
}
.book-tree
.sidebar-page-list
{
list-style
:
none
;
margin
:
6px
0
0
;
padding-left
:
0
;
border-left
:
5px
solid
#009688
}
.book-tree
.sidebar-page-list
li
a
{
display
:
block
;
border-bottom
:
none
;
padding
:
6px
0
6px
12px
}
.book-tree
.sidebar-page-list
li
a
i
{
padding-right
:
8px
}
.book-tree
.sidebar-page-list
a
,
.book-tree
.sidebar-page-list
li
{
display
:
block
}
.book-tree
.sidebar-page-list
a
.bold
{
color
:
#EEE
!important
}
.book-tree
.sidebar-page-list
ul
{
list-style
:
none
;
margin
:
0
}
.book-tree
.sidebar-page-list
.book
{
color
:
#009688
!important
}
.book-tree
.sidebar-page-list
.book.selected
{
background-color
:
rgba
(
0
,
150
,
136
,
.29
)}
.book-tree
.sidebar-page-list
.chapter
{
color
:
#ef7c3c
!important
}
.book-tree
.sidebar-page-list
.chapter.selected
{
background-color
:
rgba
(
239
,
124
,
60
,
.12
)}
.book-tree
.sidebar-page-list
.chapter-toggle
{
padding-left
:
12px
}
.book-tree
.sidebar-page-list
.list-item-chapter
{
border-left
:
5px
solid
#ef7c3c
;
margin
:
10px
;
display
:
block
}
.book-tree
.sidebar-page-list
.list-item-page
{
border-bottom
:
none
;
border-left
:
5px
solid
#0288D1
;
margin
:
10px
}
.book-tree
.sidebar-page-list
.page
{
color
:
#0288D1
!important
;
border-bottom
:
none
}
.book-tree
.sidebar-page-list
.page.selected
{
background-color
:
rgba
(
2
,
136
,
209
,
.1
)}
.book-tree
.sidebar-page-list
.list-item-page.draft
{
border-left
:
5px
solid
#9A60DA
}
.book-tree
.sidebar-page-list
.list-item-page.draft
a
.page
,
.book-tree
.sidebar-page-list
.page.draft
.page
{
color
:
#9A60DA
!important
}
.book-tree
.sidebar-page-list
.sub-menu
{
display
:
none
;
padding-left
:
0
}
.book-tree
.sidebar-page-list
.sub-menu.open
{
display
:
block
}
.sortable-page-list
,
.sortable-page-list
ul
{
list-style
:
none
;
background-color
:
#FFF
}
.sort-box
{
margin-bottom
:
16px
;
padding
:
0
24px
;
border-left
:
4px
solid
#009688
}
.sortable-page-list
,
.sortable-page-list
>
ul
{
margin-left
:
0
}
.sortable-page-list
ul
{
margin-bottom
:
0
;
margin-top
:
0
;
box-shadow
:
0
0
1px
0
rgba
(
0
,
0
,
0
,
.1
)}
.sortable-page-list
li
{
border
:
1px
solid
#DDD
;
padding
:
6px
12px
;
margin-top
:
-1px
;
min-height
:
38px
}
.sortable-page-list
li
.text-chapter
{
border-left
:
2px
solid
#ef7c3c
}
.sortable-page-list
li
.text-page
{
border-left
:
2px
solid
#0288D1
}
.sortable-page-list
li
:first-child
{
margin-top
:
6px
}
.sortable-page-list
li
.placeholder
{
position
:
relative
}
.sortable-page-list
li
.placeholder
:before
{
position
:
absolute
}
.activity-list-item
{
padding
:
12px
0
;
color
:
#888
;
border-bottom
:
1px
solid
#EEE
;
font-size
:
.9em
}
.activity-list-item
.left
+
.right
{
margin-left
:
42px
}
ul
.pagination
{
display
:
inline-block
;
list-style
:
none
;
margin
:
16px
0
;
padding-left
:
1px
}
ul
.pagination
li
:first-child
a
,
ul
.pagination
li
:first-child
span
{
border-radius
:
3px
0
0
3px
}
ul
.pagination
li
:last-child
a
,
ul
.pagination
li
:last-child
span
{
border-radius
:
0
3px
3px
0
}
ul
.pagination
a
,
ul
.pagination
span
{
display
:
block
;
padding
:
3px
12px
;
border
:
1px
solid
#CCC
;
margin-left
:
-1px
;
color
:
#888
;
user-select
:
none
}
.compact
ul
.pagination
,
.entity-list
h4
{
margin
:
0
}
ul
.pagination
a
.disabled
,
ul
.pagination
span
.disabled
{
cursor
:
not-allowed
}
ul
.pagination
li
.active
span
{
background-color
:
rgba
(
2
,
136
,
209
,
.8
);
color
:
#EEE
;
border-color
:
rgba
(
2
,
136
,
209
,
.8
)}
ul
.pagination
a
{
color
:
#0288D1
}
.entity-list
>
div
{
padding
:
16px
0
}
.entity-list
p
{
margin
:
6px
0
0
}
.entity-list
hr
{
margin
:
0
}
.entity-list
.text-small.text-muted
{
color
:
#AAA
;
font-size
:
.75em
;
margin-top
:
6px
}
.entity-list
.text-muted
p
.text-muted
{
margin-top
:
0
}
.entity-list
.page.draft
.text-page
{
color
:
#9A60DA
}
.entity-list.compact
{
font-size
:
.6em
}
.entity-list.compact
a
,
.entity-list.compact
h4
{
line-height
:
1.2
}
.entity-list.compact
p
{
display
:
none
;
font-size
:
12px
;
padding-top
:
6px
;
margin
:
0
}
.entity-list.compact
>
p
.empty-text
{
display
:
block
;
font-size
:
15px
}
.entity-list.compact
hr
{
margin
:
0
}
.dropdown-container
{
display
:
inline-block
;
position
:
relative
}
.dropdown-container
ul
{
display
:
none
;
position
:
absolute
;
z-index
:
999
;
top
:
0
;
list-style
:
none
;
right
:
0
;
margin
:
16px
0
;
background-color
:
#FFF
;
box-shadow
:
0
0
2px
0
rgba
(
0
,
0
,
0
,
.1
);
border-radius
:
1px
;
border
:
1px
solid
#EEE
;
min-width
:
180px
;
padding
:
6px
0
;
color
:
#555
;
text-align
:
left
!important
}
.dropdown-container
ul
.wide
{
min-width
:
220px
}
.dropdown-container
ul
.text-muted
{
color
:
#999
}
.dropdown-container
ul
li
.padded
{
padding
:
6px
16px
}
.dropdown-container
ul
a
{
display
:
block
;
padding
:
6px
16px
;
color
:
#555
}
.dropdown-container
ul
a
:hover
{
text-decoration
:
none
;
background-color
:
#EEE
}
.dropdown-container
ul
a
i
{
margin-right
:
12px
;
padding-right
:
0
;
display
:
inline-block
;
width
:
16px
}
.dropdown-container
ul
li
.border-bottom
{
border-bottom
:
1px
solid
#DDD
}
#page-show
>
.row
.col-md-9
{
z-index
:
2
}
#page-show
>
.row
.col-md-3
{
z-index
:
1
}
.page-editor
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
stretch
;
align-items
:
stretch
}
.page-editor
.faded-small
{
height
:
auto
}
.page-editor
.edit-area
{
-webkit-box-flex
:
1
;
flex
:
1
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
}
.draft-notification
{
pointer-events
:
none
;
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
-webkit-transition
:
-webkit-transform
ease-in-out
120ms
;
transition
:
-webkit-transform
ease-in-out
120ms
;
transition
:
transform
ease-in-out
120ms
;
transition
:
transform
ease-in-out
120ms
,
-webkit-transform
ease-in-out
120ms
;
-webkit-transform-origin
:
50%
50%
;
transform-origin
:
50%
50%
}
.draft-notification.visible
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.page-style.editor
{
padding
:
0
!important
}
.page-content
{
max-width
:
840px
;
overflow-wrap
:
break-word
}
.page-content
.align-left
{
text-align
:
left
}
.page-content
img
.align-left
,
.page-content
table
.align-left
{
float
:
left
!important
;
margin
:
6px
12px
6px
0
}
.page-content
.align-right
{
float
:
right
!important
}
.page-content
img
.align-right
,
.page-content
table
.align-right
{
text-align
:
right
;
margin
:
6px
0
6px
12px
}
.page-content
.align-center
{
text-align
:
center
}
.page-content
img
{
max-width
:
100%
;
height
:
auto
}
.page-content
.title-input
input
[
type
=
text
],
.page-content
h1
,
.page-content
h2
,
.page-content
h3
,
.page-content
h4
,
.page-content
h5
,
.page-content
h6
,
.page-content
pre
,
.title-input
.page-content
input
[
type
=
text
]
{
clear
:
left
}
.page-content
hr
{
clear
:
both
;
margin
:
16px
0
}
.page-content
table
{
-webkit-hyphens
:
auto
;
-ms-hyphens
:
auto
;
hyphens
:
auto
;
table-layout
:
fixed
;
max-width
:
100%
;
height
:
auto
!important
}
.page-content
ins
{
background
:
#dbffdb
}
.page-content
del
{
background
:
#FFECEC
}
.pointer-container
{
position
:
relative
;
display
:
none
;
left
:
0
;
z-index
:
10
}
.pointer
,
.pointer
:before
{
position
:
absolute
;
background-color
:
#FFF
}
.pointer
{
border
:
1px
solid
#CCC
;
display
:
inline-block
;
padding
:
12px
;
border-radius
:
4px
;
box-shadow
:
0
0
8px
1px
rgba
(
212
,
209
,
209
,
.35
);
top
:
-60px
;
width
:
272px
;
z-index
:
55
}
.pointer
:before
{
left
:
50%
;
bottom
:
-9px
;
width
:
16px
;
height
:
16px
;
margin-left
:
-8px
;
display
:
block
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
);
-webkit-transform-origin
:
50%
50%
;
transform-origin
:
50%
50%
;
border-bottom
:
1px
solid
#CCC
;
border-right
:
1px
solid
#CCC
;
z-index
:
56
}
.pointer
input
{
background-color
:
#FFF
;
border
:
1px
solid
#DDD
;
color
:
#666
;
width
:
172px
;
z-index
:
40
}
.pointer
button
,
.pointer
input
{
position
:
relative
;
border-radius
:
0
;
height
:
28px
;
font-size
:
12px
;
vertical-align
:
top
}
.pointer
>
i
{
color
:
#888
;
font-size
:
18px
;
padding-top
:
4px
}
.pointer
span
.icon
{
cursor
:
pointer
;
user-select
:
none
}
.pointer
.button
{
line-height
:
1
;
margin
:
0
0
0
-4px
;
box-shadow
:
none
}
.floating-toolbox
{
background-color
:
#FFF
;
border
:
1px
solid
#DDD
;
right
:
64px
;
width
:
48px
;
overflow
:
hidden
;
-webkit-box-align
:
stretch
;
align-items
:
stretch
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-transition
:
width
ease-in-out
180ms
;
transition
:
width
ease-in-out
180ms
;
margin-top
:
-1px
;
min-height
:
0
}
.floating-toolbox
div
[
toolbox-tab-content
],
.floating-toolbox
form
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
overflow-y
:
scroll
}
.floating-toolbox.open
{
width
:
480px
}
.floating-toolbox
[
toolbox-toggle
]
i
{
-webkit-transition
:
-webkit-transform
ease-in-out
180ms
;
transition
:
-webkit-transform
ease-in-out
180ms
;
transition
:
transform
ease-in-out
180ms
;
transition
:
transform
ease-in-out
180ms
,
-webkit-transform
ease-in-out
180ms
}
.floating-toolbox
[
toolbox-toggle
]
{
-webkit-transition
:
background-color
ease-in-out
180ms
;
transition
:
background-color
ease-in-out
180ms
}
.floating-toolbox.open
[
toolbox-toggle
]
{
background-color
:
rgba
(
255
,
0
,
0
,
.29
)}
.floating-toolbox.open
[
toolbox-toggle
]
i
{
-webkit-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
)}
.floating-toolbox
>
div
{
-webkit-box-flex
:
1
;
flex
:
1
;
position
:
relative
}
.floating-toolbox
.tabs
{
display
:
block
;
border-right
:
1px
solid
#DDD
;
width
:
48px
;
-webkit-box-flex
:
0
;
flex
:
0
1
auto
}
.floating-toolbox
.tabs
i
{
color
:
rgba
(
0
,
0
,
0
,
.5
);
padding
:
0
;
margin
:
0
}
.floating-toolbox
.tabs
>
span
{
display
:
block
;
cursor
:
pointer
;
padding
:
12px
16px
;
font-size
:
13.5px
;
line-height
:
1.6
;
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
)}
.floating-toolbox.open
.tabs
>
span
.active
{
color
:
#444
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.floating-toolbox
div
[
toolbox-tab-content
]
{
padding-bottom
:
45px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-direction
:
column
;
min-height
:
0
}
.floating-toolbox
div
[
toolbox-tab-content
]
.padded
{
-webkit-box-flex
:
1
;
flex
:
1
;
padding-top
:
0
}
.floating-toolbox
h4
{
font-size
:
24px
;
margin
:
16px
0
0
;
padding
:
0
24px
12px
}
.floating-toolbox
.tags
input
{
max-width
:
100%
;
width
:
100%
;
min-width
:
50px
}
.floating-toolbox
.tags
td
{
padding-right
:
12px
;
padding-top
:
12px
;
position
:
relative
}
.floating-toolbox
.handle
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
cursor
:
move
;
color
:
#999
}
.floating-toolbox
form
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
;
flex-direction
:
column
}
.floating-toolbox
table
td
,
.floating-toolbox
table
th
{
overflow
:
visible
}
[
toolbox-tab-content
]
{
display
:
none
}
.tag-display
{
width
:
100%
;
position
:
relative
}
.tag-display
table
{
width
:
100%
;
margin
:
0
;
padding
:
0
}
.tag-display
tr
:first-child
td
{
padding-top
:
0
}
.tag-display
.heading
th
{
padding
:
6px
12px
;
color
:
rgba
(
100
,
100
,
100
,
.7
);
border
:
0
;
font-weight
:
400
}
.tag-display
td
{
border
:
0
;
border-bottom
:
1px
solid
#EEE
;
padding
:
6px
12px
;
color
:
#444
}
.tag-display
tr
td
:first-child
{
padding-left
:
0
}
.tag-display
.tag-value
{
color
:
#888
}
.tag-display
tr
:last-child
td
{
border-bottom
:
none
}
.tag-display
.tag
{
padding
:
12px
}
.suggestion-box
{
position
:
absolute
;
background-color
:
#FFF
;
border
:
1px
solid
#BBB
;
box-shadow
:
0
0
4px
1px
#CCC
;
list-style
:
none
;
z-index
:
100
;
padding
:
0
;
margin
:
0
;
border-radius
:
3px
}
.suggestion-box
li
{
display
:
block
;
padding
:
6px
12px
;
border-bottom
:
1px
solid
#DDD
}
.suggestion-box
li
:last-child
{
border-bottom
:
0
}
.suggestion-box
li
.active
{
background-color
:
#EEE
}
\ No newline at end of file
*
{
box-sizing
:
border-box
}
html
{
background-color
:
#fff
;
height
:
100%
;
overflow-y
:
scroll
}
html
.flexbox
{
overflow-y
:
hidden
}
body
{
font-family
:
Roboto
,
"DejaVu Sans"
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
15px
;
line-height
:
1.6
;
color
:
#616161
;
-webkit-font-smoothing
:
antialiased
}
button
{
font-size
:
100%
}
.title-input
input
[
type
=
text
],
h1
{
font-size
:
3.425em
;
line-height
:
1.22222222em
;
margin-top
:
.48888889em
;
margin-bottom
:
.48888889em
}
h2
{
font-size
:
2.8275em
;
line-height
:
1.294117647em
;
margin-top
:
.8627451em
;
margin-bottom
:
.43137255em
}
h3
{
font-size
:
2.333em
;
line-height
:
1.221428572em
;
margin-top
:
.78571429em
;
margin-bottom
:
.43137255em
}
h4
{
font-size
:
1.666em
;
line-height
:
1.375em
;
margin-top
:
.78571429em
;
margin-bottom
:
.43137255em
}
.title-input
input
[
type
=
text
],
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
400
;
position
:
relative
;
display
:
block
;
color
:
#555
}
.title-input
input
[
type
=
text
]
.subheader
,
h1
.subheader
,
h2
.subheader
,
h3
.subheader
,
h4
.subheader
,
h5
.subheader
,
h6
.subheader
{
font-size
:
.5em
;
line-height
:
1em
;
color
:
#969696
}
h5
{
font-size
:
1.4em
}
h5
,
h6
{
font-weight
:
500
;
line-height
:
1.2em
;
margin-top
:
.78571429em
;
margin-bottom
:
.66em
}
.link
,
a
{
color
:
#0288d1
;
cursor
:
pointer
;
text-decoration
:
none
;
transition
:
color
ease-in-out
80ms
;
font-family
:
Roboto
,
"DejaVu Sans"
,
Helvetica
,
Arial
,
sans-serif
;
line-height
:
1.6
}
.link
:hover
,
a
:hover
{
text-decoration
:
underline
;
color
:
#01466c
}
.link
i
,
a
i
{
padding-right
:
12px
}
.link
i
.zmdi-hc-flip-horizontal
,
a
i
.zmdi-hc-flip-horizontal
{
padding-right
:
0
;
padding-left
:
12px
}
.link.icon
,
a
.icon
{
display
:
inline-block
}
.link
svg
,
a
svg
{
position
:
relative
;
display
:
inline-block
}
blockquote
,
ol
,
p
,
pre
,
table
,
ul
{
margin-top
:
.3em
;
margin-bottom
:
1.375em
}
hr
{
border
:
0
;
height
:
1px
;
background
:
#eaeaea
;
margin-bottom
:
24px
}
hr
.faded
{
background-image
:
linear-gradient
(
to
right
,
#fff
,
#e3e0e0
20%
,
#e3e0e0
80%
,
#fff
)}
hr
.even
,
hr
.margin-top
{
margin-top
:
24px
}
.bold
,
.strong
,
b
,
strong
{
font-weight
:
700
}
.bold
>
.bold
,
.bold
>
.strong
,
.bold
>
b
,
.bold
>
strong
,
.strong
>
.bold
,
.strong
>
.strong
,
.strong
>
b
,
.strong
>
strong
,
b
>
.bold
,
b
>
.strong
,
b
>
b
,
b
>
strong
,
strong
>
.bold
,
strong
>
.strong
,
strong
>
b
,
strong
>
strong
{
font-weight
:
bolder
}
.italic
,
em
,
i
{
font-style
:
italic
}
.text-small
,
p
.small
,
small
,
span
.small
{
font-size
:
.8em
;
color
:
#777
}
.text-small
.text-small
,
.text-small
p
.small
,
.text-small
small
,
.text-small
span
.small
,
p
.small
.text-small
,
p
.small
p
.small
,
p
.small
small
,
p
.small
span
.small
,
small
.text-small
,
small
p
.small
,
small
small
,
small
span
.small
,
span
.small
.text-small
,
span
.small
p
.small
,
span
.small
small
,
span
.small
span
.small
{
font-size
:
1em
}
.superscript
,
sup
{
vertical-align
:
super
;
font-size
:
.8em
}
.subscript
,
sub
{
vertical-align
:
sub
;
font-size
:
.8em
}
pre
{
font-family
:
monospace
;
white-space
:
pre
;
font-size
:
.8em
;
overflow
:
hidden
;
border-radius
:
4px
;
box-shadow
:
0
1px
2px
0
rgba
(
10
,
10
,
10
,
.06
);
border
:
1px
solid
rgba
(
221
,
221
,
221
,
.66
);
background-color
:
#fdf6e3
;
padding
:
12px
;
overflow-x
:
scroll
}
blockquote
{
display
:
block
;
position
:
relative
;
border-left
:
4px
solid
#0288d1
;
background-color
:
#f8f8f8
;
padding
:
12px
16px
12px
32px
}
blockquote
:before
{
content
:
"\201C"
;
font-size
:
2em
;
font-weight
:
700
;
position
:
absolute
;
top
:
12px
;
left
:
12px
;
color
:
#777
}
.code-base
,
code
,
span
.code
{
background-color
:
#f8f8f8
;
font-family
:
monospace
;
font-size
:
.8em
;
border
:
1px
solid
#ddd
;
border-radius
:
3px
}
code
{
display
:
inline
;
padding
:
1px
3px
;
white-space
:
pre
;
line-height
:
1.2em
;
margin-bottom
:
1.2em
}
span
.code
{
padding
:
1px
6px
}
pre
code
{
background-color
:
transparent
;
border
:
0
;
font-size
:
1em
;
display
:
block
}
.text-pos
,
p
.pos
,
p
.pos
,
span
.pos
{
color
:
#52a256
}
.text-pos
:hover
,
p
.pos
:hover
,
p
.pos
:hover
,
span
.pos
:hover
{
color
:
#52a256
}
.text-neg
,
p
.neg
,
p
.neg
,
span
.neg
{
color
:
#e84f4f
}
.text-neg
:hover
,
p
.neg
:hover
,
p
.neg
:hover
,
span
.neg
:hover
{
color
:
#e84f4f
}
.text-muted
,
p
.muted
,
p
.muted
,
span
.muted
{
color
:
#868686
}
.text-muted
.small
,
.text-muted.small
,
p
.muted
.small
,
p
.muted.small
,
p
.muted
.small
,
p
.muted.small
,
span
.muted
.small
,
span
.muted.small
{
color
:
#969696
}
.text-primary
,
p
.primary
,
p
.primary
,
span
.primary
{
color
:
#0288d1
}
.text-primary
:hover
,
p
.primary
:hover
,
p
.primary
:hover
,
span
.primary
:hover
{
color
:
#0288d1
}
.text-secondary
,
p
.secondary
,
p
.secondary
,
span
.secondary
{
color
:
#e27b41
}
.text-secondary
:hover
,
p
.secondary
:hover
,
p
.secondary
:hover
,
span
.secondary
:hover
{
color
:
#e27b41
}
.text-book
{
color
:
#009688
}
.text-book
:hover
{
color
:
#009688
}
.text-page
{
color
:
#0288d1
}
.text-page
:hover
{
color
:
#0288d1
}
.text-page.draft
{
color
:
#9a60da
}
.text-page.draft
:hover
{
color
:
#9a60da
}
.text-chapter
{
color
:
#ef7c3c
}
.text-chapter
:hover
{
color
:
#ef7c3c
}
.faded
.text-book
:hover
{
color
:
#009688
!important
}
.faded
.text-chapter
:hover
{
color
:
#ef7c3c
!important
}
.faded
.text-page
:hover
{
color
:
#0288d1
!important
}
span
.highlight
{
font-weight
:
700
;
padding
:
2px
4px
}
ol
,
ul
{
overflow
:
hidden
}
ol
p
,
ul
p
{
margin
:
0
}
ul
{
padding-left
:
20.8px
;
list-style
:
disc
}
ul
ul
{
list-style
:
circle
;
margin-top
:
0
;
margin-bottom
:
0
}
ul
label
{
margin
:
0
}
ol
{
list-style
:
decimal
;
padding-left
:
32px
}
li
.checkbox-item
,
li
.task-list-item
{
list-style
:
none
;
margin-left
:
-20.8px
}
li
.checkbox-item
input
[
type
=
checkbox
],
li
.task-list-item
input
[
type
=
checkbox
]
{
margin-right
:
6px
}
.underlined
{
text-decoration
:
underline
}
.text-center
{
text-align
:
center
}
.text-left
{
text-align
:
left
}
.text-right
{
text-align
:
right
}
.text-bigger
{
font-size
:
1.1em
}
.text-large
{
font-size
:
1.6666em
}
.no-color
{
color
:
inherit
}
.header-group
{
margin
:
16px
0
}
.header-group
.title-input
input
[
type
=
text
],
.header-group
h1
,
.header-group
h2
,
.header-group
h3
,
.header-group
h4
,
.header-group
h5
,
.header-group
h6
,
.title-input
.header-group
input
[
type
=
text
]
{
margin
:
0
}
span
.sep
{
color
:
#bbb
;
padding
:
0
6px
}
.list
>*
{
display
:
block
}
.action-header
.title-input
input
[
type
=
text
],
.action-header
h1
,
.title-input
.action-header
input
[
type
=
text
]
{
margin-top
:
16px
}
i
{
padding-right
:
6px
}
body
.flexbox
{
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
;
height
:
100%
;
min-height
:
100%
;
max-height
:
100%
;
overflow
:
hidden
}
body
.flexbox
#content
{
-ms-flex
:
1
;
flex
:
1
;
display
:
-ms-flexbox
;
display
:
flex
;
min-height
:
0
}
.flex-fill
{
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
;
min-height
:
0
}
.flex-fill
.flex
,
.flex-fill.flex
{
min-height
:
0
;
-ms-flex
:
1
;
flex
:
1
}
.flex-child
>
div
{
-ms-flex
:
1
;
flex
:
1
}
div
[
class
^=
col-
]
img
{
max-width
:
100%
}
.container
{
max-width
:
1400px
;
margin-left
:
auto
;
margin-right
:
auto
;
padding-left
:
16px
;
padding-right
:
16px
}
.container.fluid
{
max-width
:
100%
}
.container.medium
{
max-width
:
992px
}
.container.small
{
max-width
:
840px
}
.row
{
margin-left
:
-16px
;
margin-right
:
-16px
}
.float
{
float
:
left
}
.float.right
{
float
:
right
}
.block
{
display
:
block
;
position
:
relative
}
.inline
{
display
:
inline
}
.block.inline
{
display
:
inline-block
}
.col-lg-1
,
.col-lg-10
,
.col-lg-11
,
.col-lg-12
,
.col-lg-2
,
.col-lg-3
,
.col-lg-4
,
.col-lg-5
,
.col-lg-6
,
.col-lg-7
,
.col-lg-8
,
.col-lg-9
,
.col-md-1
,
.col-md-10
,
.col-md-11
,
.col-md-12
,
.col-md-2
,
.col-md-3
,
.col-md-4
,
.col-md-5
,
.col-md-6
,
.col-md-7
,
.col-md-8
,
.col-md-9
,
.col-sm-1
,
.col-sm-10
,
.col-sm-11
,
.col-sm-12
,
.col-sm-2
,
.col-sm-3
,
.col-sm-4
,
.col-sm-5
,
.col-sm-6
,
.col-sm-7
,
.col-sm-8
,
.col-sm-9
,
.col-xs-1
,
.col-xs-10
,
.col-xs-11
,
.col-xs-12
,
.col-xs-2
,
.col-xs-3
,
.col-xs-4
,
.col-xs-5
,
.col-xs-6
,
.col-xs-7
,
.col-xs-8
,
.col-xs-9
{
position
:
relative
;
min-height
:
1px
;
padding-left
:
16px
;
padding-right
:
16px
}
.col-xs-1
,
.col-xs-10
,
.col-xs-11
,
.col-xs-12
,
.col-xs-2
,
.col-xs-3
,
.col-xs-4
,
.col-xs-5
,
.col-xs-6
,
.col-xs-7
,
.col-xs-8
,
.col-xs-9
{
float
:
left
}
.col-xs-12
{
width
:
100%
}
.col-xs-11
{
width
:
91.66666667%
}
.col-xs-10
{
width
:
83.33333333%
}
.col-xs-9
{
width
:
75%
}
.col-xs-8
{
width
:
66.66666667%
}
.col-xs-7
{
width
:
58.33333333%
}
.col-xs-6
{
width
:
50%
}
.col-xs-5
{
width
:
41.66666667%
}
.col-xs-4
{
width
:
33.33333333%
}
.col-xs-3
{
width
:
25%
}
.col-xs-2
{
width
:
16.66666667%
}
.col-xs-1
{
width
:
8.33333333%
}
.col-xs-pull-12
{
right
:
100%
}
.col-xs-pull-11
{
right
:
91.66666667%
}
.col-xs-pull-10
{
right
:
83.33333333%
}
.col-xs-pull-9
{
right
:
75%
}
.col-xs-pull-8
{
right
:
66.66666667%
}
.col-xs-pull-7
{
right
:
58.33333333%
}
.col-xs-pull-6
{
right
:
50%
}
.col-xs-pull-5
{
right
:
41.66666667%
}
.col-xs-pull-4
{
right
:
33.33333333%
}
.col-xs-pull-3
{
right
:
25%
}
.col-xs-pull-2
{
right
:
16.66666667%
}
.col-xs-pull-1
{
right
:
8.33333333%
}
.col-xs-pull-0
{
right
:
auto
}
.col-xs-push-12
{
left
:
100%
}
.col-xs-push-11
{
left
:
91.66666667%
}
.col-xs-push-10
{
left
:
83.33333333%
}
.col-xs-push-9
{
left
:
75%
}
.col-xs-push-8
{
left
:
66.66666667%
}
.col-xs-push-7
{
left
:
58.33333333%
}
.col-xs-push-6
{
left
:
50%
}
.col-xs-push-5
{
left
:
41.66666667%
}
.col-xs-push-4
{
left
:
33.33333333%
}
.col-xs-push-3
{
left
:
25%
}
.col-xs-push-2
{
left
:
16.66666667%
}
.col-xs-push-1
{
left
:
8.33333333%
}
.col-xs-push-0
{
left
:
auto
}
.col-xs-offset-12
{
margin-left
:
100%
}
.col-xs-offset-11
{
margin-left
:
91.66666667%
}
.col-xs-offset-10
{
margin-left
:
83.33333333%
}
.col-xs-offset-9
{
margin-left
:
75%
}
.col-xs-offset-8
{
margin-left
:
66.66666667%
}
.col-xs-offset-7
{
margin-left
:
58.33333333%
}
.col-xs-offset-6
{
margin-left
:
50%
}
.col-xs-offset-5
{
margin-left
:
41.66666667%
}
.col-xs-offset-4
{
margin-left
:
33.33333333%
}
.col-xs-offset-3
{
margin-left
:
25%
}
.col-xs-offset-2
{
margin-left
:
16.66666667%
}
.col-xs-offset-1
{
margin-left
:
8.33333333%
}
.col-xs-offset-0
{
margin-left
:
0
}
@media
(
min-width
:
768px
){
.col-sm-1
,
.col-sm-10
,
.col-sm-11
,
.col-sm-12
,
.col-sm-2
,
.col-sm-3
,
.col-sm-4
,
.col-sm-5
,
.col-sm-6
,
.col-sm-7
,
.col-sm-8
,
.col-sm-9
{
float
:
left
}
.col-sm-12
{
width
:
100%
}
.col-sm-11
{
width
:
91.66666667%
}
.col-sm-10
{
width
:
83.33333333%
}
.col-sm-9
{
width
:
75%
}
.col-sm-8
{
width
:
66.66666667%
}
.col-sm-7
{
width
:
58.33333333%
}
.col-sm-6
{
width
:
50%
}
.col-sm-5
{
width
:
41.66666667%
}
.col-sm-4
{
width
:
33.33333333%
}
.col-sm-3
{
width
:
25%
}
.col-sm-2
{
width
:
16.66666667%
}
.col-sm-1
{
width
:
8.33333333%
}
.col-sm-pull-12
{
right
:
100%
}
.col-sm-pull-11
{
right
:
91.66666667%
}
.col-sm-pull-10
{
right
:
83.33333333%
}
.col-sm-pull-9
{
right
:
75%
}
.col-sm-pull-8
{
right
:
66.66666667%
}
.col-sm-pull-7
{
right
:
58.33333333%
}
.col-sm-pull-6
{
right
:
50%
}
.col-sm-pull-5
{
right
:
41.66666667%
}
.col-sm-pull-4
{
right
:
33.33333333%
}
.col-sm-pull-3
{
right
:
25%
}
.col-sm-pull-2
{
right
:
16.66666667%
}
.col-sm-pull-1
{
right
:
8.33333333%
}
.col-sm-pull-0
{
right
:
auto
}
.col-sm-push-12
{
left
:
100%
}
.col-sm-push-11
{
left
:
91.66666667%
}
.col-sm-push-10
{
left
:
83.33333333%
}
.col-sm-push-9
{
left
:
75%
}
.col-sm-push-8
{
left
:
66.66666667%
}
.col-sm-push-7
{
left
:
58.33333333%
}
.col-sm-push-6
{
left
:
50%
}
.col-sm-push-5
{
left
:
41.66666667%
}
.col-sm-push-4
{
left
:
33.33333333%
}
.col-sm-push-3
{
left
:
25%
}
.col-sm-push-2
{
left
:
16.66666667%
}
.col-sm-push-1
{
left
:
8.33333333%
}
.col-sm-push-0
{
left
:
auto
}
.col-sm-offset-12
{
margin-left
:
100%
}
.col-sm-offset-11
{
margin-left
:
91.66666667%
}
.col-sm-offset-10
{
margin-left
:
83.33333333%
}
.col-sm-offset-9
{
margin-left
:
75%
}
.col-sm-offset-8
{
margin-left
:
66.66666667%
}
.col-sm-offset-7
{
margin-left
:
58.33333333%
}
.col-sm-offset-6
{
margin-left
:
50%
}
.col-sm-offset-5
{
margin-left
:
41.66666667%
}
.col-sm-offset-4
{
margin-left
:
33.33333333%
}
.col-sm-offset-3
{
margin-left
:
25%
}
.col-sm-offset-2
{
margin-left
:
16.66666667%
}
.col-sm-offset-1
{
margin-left
:
8.33333333%
}
.col-sm-offset-0
{
margin-left
:
0
}}
@media
(
min-width
:
992px
){
.col-md-1
,
.col-md-10
,
.col-md-11
,
.col-md-12
,
.col-md-2
,
.col-md-3
,
.col-md-4
,
.col-md-5
,
.col-md-6
,
.col-md-7
,
.col-md-8
,
.col-md-9
{
float
:
left
}
.col-md-12
{
width
:
100%
}
.col-md-11
{
width
:
91.66666667%
}
.col-md-10
{
width
:
83.33333333%
}
.col-md-9
{
width
:
75%
}
.col-md-8
{
width
:
66.66666667%
}
.col-md-7
{
width
:
58.33333333%
}
.col-md-6
{
width
:
50%
}
.col-md-5
{
width
:
41.66666667%
}
.col-md-4
{
width
:
33.33333333%
}
.col-md-3
{
width
:
25%
}
.col-md-2
{
width
:
16.66666667%
}
.col-md-1
{
width
:
8.33333333%
}
.col-md-pull-12
{
right
:
100%
}
.col-md-pull-11
{
right
:
91.66666667%
}
.col-md-pull-10
{
right
:
83.33333333%
}
.col-md-pull-9
{
right
:
75%
}
.col-md-pull-8
{
right
:
66.66666667%
}
.col-md-pull-7
{
right
:
58.33333333%
}
.col-md-pull-6
{
right
:
50%
}
.col-md-pull-5
{
right
:
41.66666667%
}
.col-md-pull-4
{
right
:
33.33333333%
}
.col-md-pull-3
{
right
:
25%
}
.col-md-pull-2
{
right
:
16.66666667%
}
.col-md-pull-1
{
right
:
8.33333333%
}
.col-md-pull-0
{
right
:
auto
}
.col-md-push-12
{
left
:
100%
}
.col-md-push-11
{
left
:
91.66666667%
}
.col-md-push-10
{
left
:
83.33333333%
}
.col-md-push-9
{
left
:
75%
}
.col-md-push-8
{
left
:
66.66666667%
}
.col-md-push-7
{
left
:
58.33333333%
}
.col-md-push-6
{
left
:
50%
}
.col-md-push-5
{
left
:
41.66666667%
}
.col-md-push-4
{
left
:
33.33333333%
}
.col-md-push-3
{
left
:
25%
}
.col-md-push-2
{
left
:
16.66666667%
}
.col-md-push-1
{
left
:
8.33333333%
}
.col-md-push-0
{
left
:
auto
}
.col-md-offset-12
{
margin-left
:
100%
}
.col-md-offset-11
{
margin-left
:
91.66666667%
}
.col-md-offset-10
{
margin-left
:
83.33333333%
}
.col-md-offset-9
{
margin-left
:
75%
}
.col-md-offset-8
{
margin-left
:
66.66666667%
}
.col-md-offset-7
{
margin-left
:
58.33333333%
}
.col-md-offset-6
{
margin-left
:
50%
}
.col-md-offset-5
{
margin-left
:
41.66666667%
}
.col-md-offset-4
{
margin-left
:
33.33333333%
}
.col-md-offset-3
{
margin-left
:
25%
}
.col-md-offset-2
{
margin-left
:
16.66666667%
}
.col-md-offset-1
{
margin-left
:
8.33333333%
}
.col-md-offset-0
{
margin-left
:
0
}}
@media
(
min-width
:
1200px
){
.col-lg-1
,
.col-lg-10
,
.col-lg-11
,
.col-lg-12
,
.col-lg-2
,
.col-lg-3
,
.col-lg-4
,
.col-lg-5
,
.col-lg-6
,
.col-lg-7
,
.col-lg-8
,
.col-lg-9
{
float
:
left
}
.col-lg-12
{
width
:
100%
}
.col-lg-11
{
width
:
91.66666667%
}
.col-lg-10
{
width
:
83.33333333%
}
.col-lg-9
{
width
:
75%
}
.col-lg-8
{
width
:
66.66666667%
}
.col-lg-7
{
width
:
58.33333333%
}
.col-lg-6
{
width
:
50%
}
.col-lg-5
{
width
:
41.66666667%
}
.col-lg-4
{
width
:
33.33333333%
}
.col-lg-3
{
width
:
25%
}
.col-lg-2
{
width
:
16.66666667%
}
.col-lg-1
{
width
:
8.33333333%
}
.col-lg-pull-12
{
right
:
100%
}
.col-lg-pull-11
{
right
:
91.66666667%
}
.col-lg-pull-10
{
right
:
83.33333333%
}
.col-lg-pull-9
{
right
:
75%
}
.col-lg-pull-8
{
right
:
66.66666667%
}
.col-lg-pull-7
{
right
:
58.33333333%
}
.col-lg-pull-6
{
right
:
50%
}
.col-lg-pull-5
{
right
:
41.66666667%
}
.col-lg-pull-4
{
right
:
33.33333333%
}
.col-lg-pull-3
{
right
:
25%
}
.col-lg-pull-2
{
right
:
16.66666667%
}
.col-lg-pull-1
{
right
:
8.33333333%
}
.col-lg-pull-0
{
right
:
auto
}
.col-lg-push-12
{
left
:
100%
}
.col-lg-push-11
{
left
:
91.66666667%
}
.col-lg-push-10
{
left
:
83.33333333%
}
.col-lg-push-9
{
left
:
75%
}
.col-lg-push-8
{
left
:
66.66666667%
}
.col-lg-push-7
{
left
:
58.33333333%
}
.col-lg-push-6
{
left
:
50%
}
.col-lg-push-5
{
left
:
41.66666667%
}
.col-lg-push-4
{
left
:
33.33333333%
}
.col-lg-push-3
{
left
:
25%
}
.col-lg-push-2
{
left
:
16.66666667%
}
.col-lg-push-1
{
left
:
8.33333333%
}
.col-lg-push-0
{
left
:
auto
}
.col-lg-offset-12
{
margin-left
:
100%
}
.col-lg-offset-11
{
margin-left
:
91.66666667%
}
.col-lg-offset-10
{
margin-left
:
83.33333333%
}
.col-lg-offset-9
{
margin-left
:
75%
}
.col-lg-offset-8
{
margin-left
:
66.66666667%
}
.col-lg-offset-7
{
margin-left
:
58.33333333%
}
.col-lg-offset-6
{
margin-left
:
50%
}
.col-lg-offset-5
{
margin-left
:
41.66666667%
}
.col-lg-offset-4
{
margin-left
:
33.33333333%
}
.col-lg-offset-3
{
margin-left
:
25%
}
.col-lg-offset-2
{
margin-left
:
16.66666667%
}
.col-lg-offset-1
{
margin-left
:
8.33333333%
}
.col-lg-offset-0
{
margin-left
:
0
}}
.clearfix
:after
,
.clearfix
:before
,
.container-fluid
:after
,
.container-fluid
:before
,
.container
:after
,
.container
:before
,
.row
:after
,
.row
:before
{
content
:
" "
;
display
:
table
}
.clearfix
:after
,
.container-fluid
:after
,
.container
:after
,
.row
:after
{
clear
:
both
}
.center-block
{
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
}
.shaded
{
background-color
:
#f1f1f1
}
.shaded.pos
{
background-color
:
#d6ead7
}
.shaded.neg
{
background-color
:
#f4a9a9
}
.shaded.primary
{
background-color
:
#a1ddfe
}
.shaded.secondary
{
background-color
:
#f6d7c6
}
.bordered
{
border
:
1px
solid
#bbb
}
.bordered.pos
{
border-color
:
#52a256
}
.bordered.neg
{
border-color
:
#e84f4f
}
.bordered.primary
{
border-color
:
#0288d1
}
.bordered.secondary
{
border-color
:
#e27b41
}
.bordered.thick
{
border-width
:
2px
}
.rounded
{
border-radius
:
3px
}
.nopadding
{
padding
:
0
}
.padded
{
padding
:
24px
}
.padded.large
{
padding
:
32px
}
.padded
>
h1
:first-child
,
.padded
>
h2
:first-child
,
.padded
>
h3
:first-child
,
.padded
>
h4
:first-child
,
.title-input
.padded
>
input
[
type
=
text
]
:first-child
{
margin-top
:
.1em
}
.padded-top
,
.padded-vertical
{
padding-top
:
16px
}
.padded-top.large
,
.padded-vertical.large
{
padding-top
:
32px
}
.padded-bottom
,
.padded-vertical
{
padding-bottom
:
16px
}
.padded-bottom.large
,
.padded-vertical.large
{
padding-bottom
:
32px
}
.padded-horizontal
,
.padded-left
{
padding-left
:
16px
}
.padded-horizontal.large
,
.padded-left.large
{
padding-left
:
32px
}
.padded-horizontal
,
.padded-right
{
padding-right
:
16px
}
.padded-horizontal.large
,
.padded-right.large
{
padding-right
:
32px
}
.margins
{
margin
:
24px
}
.margins.large
{
margin
:
32px
}
.margin-top
,
.margins-vertical
{
margin-top
:
16px
}
.margin-top.large
,
.margins-vertical.large
{
margin-top
:
32px
}
.margin-bottom
,
.margins-vertical
{
margin-bottom
:
16px
}
.margin-bottom.large
,
.margins-vertical.large
{
margin-bottom
:
32px
}
.margin-left
,
.margins-horizontal
{
margin-left
:
16px
}
.margin-left.large
,
.margins-horizontal.large
{
margin-left
:
32px
}
.margin-right
,
.margins-horizontal
{
margin-right
:
16px
}
.margin-right.large
,
.margins-horizontal.large
{
margin-right
:
32px
}
.callout
{
border-left
:
3px
solid
#bbb
;
background-color
:
#eee
;
padding
:
12px
;
padding-left
:
32px
;
display
:
block
;
position
:
relative
}
.callout
:before
{
font-family
:
Material-Design-Iconic-Font
;
left
:
10px
;
top
:
50%
;
margin-top
:
-9px
;
display
:
inline-block
;
position
:
absolute
;
font-size
:
1.222em
;
line-height
:
1
}
.callout.success
{
border-left-color
:
#52a256
;
background-color
:
#e7f3e7
;
color
:
#376c39
}
.callout.success
:before
{
content
:
'\f269'
}
.callout.danger
{
border-left-color
:
#e84f4f
;
background-color
:
#fce8e8
;
color
:
#b91818
}
.callout.danger
:before
{
content
:
'\f1f2'
}
.callout.info
{
border-left-color
:
#0288d1
;
background-color
:
#d3efff
;
color
:
#015380
}
.callout.info
:before
{
content
:
'\f1f8'
}
.callout.warning
{
border-left-color
:
#e27b41
;
background-color
:
#faeae0
;
color
:
#b6531c
}
.callout.warning
:before
{
content
:
'\f1f1'
}
.input-base
,
input
[
type
=
date
],
input
[
type
=
email
],
input
[
type
=
number
],
input
[
type
=
password
],
input
[
type
=
search
],
input
[
type
=
text
],
input
[
type
=
url
],
select
,
textarea
{
background-color
:
#fff
;
border-radius
:
3px
;
border
:
1px
solid
#ccc
;
display
:
inline-block
;
font-size
:
14px
;
font-family
:
Roboto
,
"DejaVu Sans"
,
Helvetica
,
Arial
,
sans-serif
;
padding
:
6px
;
color
:
#222
;
width
:
250px
;
max-width
:
100%
}
.input-base.invalid
,
.input-base.neg
,
input
.invalid
[
type
=
date
],
input
.invalid
[
type
=
email
],
input
.invalid
[
type
=
number
],
input
.invalid
[
type
=
password
],
input
.invalid
[
type
=
search
],
input
.invalid
[
type
=
text
],
input
.invalid
[
type
=
url
],
input
.neg
[
type
=
date
],
input
.neg
[
type
=
email
],
input
.neg
[
type
=
number
],
input
.neg
[
type
=
password
],
input
.neg
[
type
=
search
],
input
.neg
[
type
=
text
],
input
.neg
[
type
=
url
],
select
.invalid
,
select
.neg
,
textarea
.invalid
,
textarea
.neg
{
border
:
1px
solid
#e84f4f
}
.input-base.pos
,
.input-base.valid
,
input
.pos
[
type
=
date
],
input
.pos
[
type
=
email
],
input
.pos
[
type
=
number
],
input
.pos
[
type
=
password
],
input
.pos
[
type
=
search
],
input
.pos
[
type
=
text
],
input
.pos
[
type
=
url
],
input
.valid
[
type
=
date
],
input
.valid
[
type
=
email
],
input
.valid
[
type
=
number
],
input
.valid
[
type
=
password
],
input
.valid
[
type
=
search
],
input
.valid
[
type
=
text
],
input
.valid
[
type
=
url
],
select
.pos
,
select
.valid
,
textarea
.pos
,
textarea
.valid
{
border
:
1px
solid
#52a256
}
.input-base.disabled
,
.input-base
[
disabled
],
input
.disabled
[
type
=
date
],
input
.disabled
[
type
=
email
],
input
.disabled
[
type
=
number
],
input
.disabled
[
type
=
password
],
input
.disabled
[
type
=
search
],
input
.disabled
[
type
=
text
],
input
.disabled
[
type
=
url
],
input
[
disabled
][
type
=
date
],
input
[
disabled
][
type
=
email
],
input
[
disabled
][
type
=
number
],
input
[
disabled
][
type
=
password
],
input
[
disabled
][
type
=
search
],
input
[
disabled
][
type
=
text
],
input
[
disabled
][
type
=
url
],
select
.disabled
,
select
[
disabled
],
textarea
.disabled
,
textarea
[
disabled
]
{
background
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==)
}
.input-base
:focus
,
input
[
type
=
date
]
:focus
,
input
[
type
=
email
]
:focus
,
input
[
type
=
number
]
:focus
,
input
[
type
=
password
]
:focus
,
input
[
type
=
search
]
:focus
,
input
[
type
=
text
]
:focus
,
input
[
type
=
url
]
:focus
,
select
:focus
,
textarea
:focus
{
outline
:
0
}
#html-editor
{
display
:
none
}
#markdown-editor
{
position
:
relative
;
z-index
:
5
}
#markdown-editor
textarea
{
font-family
:
'Roboto Mono'
,
monospace
;
font-style
:
normal
;
font-weight
:
400
;
padding
:
6px
16px
;
color
:
#444
;
border-radius
:
0
;
max-height
:
100%
;
-ms-flex
:
1
;
flex
:
1
;
border
:
0
;
width
:
100%
}
#markdown-editor
textarea
:focus
{
outline
:
0
}
#markdown-editor
.markdown-display
,
#markdown-editor
.markdown-editor-wrap
{
-ms-flex
:
1
;
flex
:
1
;
position
:
relative
}
#markdown-editor
.markdown-editor-wrap
{
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
border
:
1px
solid
#ddd
;
width
:
50%
}
#markdown-editor
.markdown-display
{
padding
:
0
16px
0
;
margin-left
:
-1px
;
overflow-y
:
scroll
}
#markdown-editor
.markdown-display
.page-content
{
margin
:
0
auto
}
.editor-toolbar
{
width
:
100%
;
padding
:
6px
16px
;
font-family
:
'Roboto Mono'
,
monospace
;
font-size
:
11px
;
line-height
:
1.6
;
border-bottom
:
1px
solid
#ddd
;
background-color
:
#eee
;
-ms-flex
:
none
;
flex
:
none
}
.editor-toolbar
:after
{
content
:
''
;
display
:
block
;
clear
:
both
}
label
{
display
:
block
;
line-height
:
1.4em
;
font-size
:
.94em
;
font-weight
:
500
;
color
:
#666
;
padding-bottom
:
2px
;
margin-bottom
:
.2em
}
label
.inline
{
display
:
inline-block
}
label
.checkbox
,
label
.radio
{
font-weight
:
400
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
label
.checkbox
input
[
type
=
checkbox
],
label
.checkbox
input
[
type
=
radio
],
label
.radio
input
[
type
=
checkbox
],
label
.radio
input
[
type
=
radio
]
{
margin-right
:
6px
}
label
.inline.checkbox
{
margin-right
:
16px
}
label
+
p
.small
{
margin-bottom
:
.8em
}
table
.form-table
{
max-width
:
100%
}
table
.form-table
td
{
overflow
:
hidden
;
padding
:
1.5px
0
}
input
[
type
=
date
]
{
width
:
190px
}
.toggle-switch
{
display
:
inline-block
;
background-color
:
#bbb
;
width
:
36px
;
height
:
14px
;
border-radius
:
7px
;
position
:
relative
;
transition
:
all
ease-in-out
120ms
;
cursor
:
pointer
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.toggle-switch
:after
{
content
:
''
;
display
:
block
;
position
:
relative
;
left
:
0
;
margin-top
:
-3px
;
width
:
20px
;
height
:
20px
;
border-radius
:
50%
;
background-color
:
#fafafa
;
border
:
1px
solid
#ccc
;
box-shadow
:
0
2px
2px
0
rgba
(
0
,
0
,
0
,
.14
),
0
3px
1px
-2px
rgba
(
0
,
0
,
0
,
.2
),
0
1px
5px
0
rgba
(
0
,
0
,
0
,
.12
);
transition
:
all
ease-in-out
120ms
}
.toggle-switch.active
{
background-color
:
rgba
(
82
,
162
,
86
,
.4
)}
.toggle-switch.active
:after
{
left
:
16px
;
background-color
:
#52a256
;
border
:
#305e32
}
.toggle-switch-checkbox
{
display
:
none
}
input
:checked
+
.toggle-switch
{
background-color
:
rgba
(
82
,
162
,
86
,
.4
)}
input
:checked
+
.toggle-switch
:after
{
left
:
16px
;
background-color
:
#52a256
;
border
:
#305e32
}
.form-group
{
margin-bottom
:
12px
}
.form-group
textarea
{
display
:
block
;
width
:
100%
;
min-height
:
64px
}
.form-group
.text-neg
,
.form-group
.text-pos
{
padding
:
6px
0
}
.description-input
textarea
,
.inline-input-style
,
.title-input
input
[
type
=
text
]
{
border
:
2px
dotted
#bbb
;
display
:
block
;
width
:
100%
;
padding
:
6px
12px
}
.title-input
.input
{
width
:
100%
}
.description-input
label
,
.title-input
label
{
margin-top
:
16px
;
color
:
#666
}
.title-input
input
[
type
=
text
]
{
margin-top
:
0
;
padding-right
:
0
;
width
:
100%
;
color
:
#444
}
.title-input.page-title
{
font-size
:
.8em
}
.title-input.page-title
.input
{
border
:
0
;
margin-bottom
:
-1px
}
.title-input.page-title
input
[
type
=
text
]
{
max-width
:
840px
;
margin
:
0
auto
;
border
:
none
}
.page-title
input
{
display
:
block
;
width
:
100%
;
font-size
:
1.4em
}
.description-input
textarea
{
font-size
:
15px
;
color
:
#666
;
width
:
100%
}
div
[
editor-type
=
markdown
]
.title-input.page-title
input
[
type
=
text
]
{
max-width
:
100%
}
.search-box
{
max-width
:
100%
;
position
:
relative
}
.search-box
button
{
background-color
:
transparent
;
border
:
none
;
color
:
#0288d1
;
padding
:
0
;
margin
:
0
;
cursor
:
pointer
;
margin-left
:
12px
}
.search-box
button
[
type
=
submit
]
{
margin-left
:
-24px
}
.search-box
input
{
padding-right
:
24px
;
width
:
300px
;
max-width
:
100%
}
input
.outline
{
border
:
0
;
border-bottom
:
2px
solid
#ddd
;
border-radius
:
0
}
input
.outline
:active
,
input
.outline
:focus
{
border
:
0
;
border-bottom
:
2px
solid
#aaa
;
outline
:
0
}
#login-form
label
[
for
=
remember
]
{
margin
:
0
}
#login-form
label
.toggle-switch
{
margin-left
:
32px
}
.image-picker
img
{
background-color
:
#bbb
}
table
{
min-width
:
100px
;
max-width
:
100%
}
table
thead
{
background-color
:
#f8f8f8
;
font-weight
:
500
}
table
td
,
table
th
{
min-width
:
10px
;
padding
:
6px
8px
;
border
:
1px
solid
#ddd
;
overflow
:
auto
;
line-height
:
1.2
}
table
td
p
,
table
th
p
{
margin
:
0
}
table
.table
{
width
:
100%
}
table
.table
tr
{
border-bottom
:
1px
solid
#ddd
}
table
.table
td
,
table
.table
th
{
text-align
:
left
;
border
:
none
;
padding
:
6px
6px
;
vertical-align
:
middle
;
margin
:
0
}
table
.table
th
{
font-weight
:
700
}
table
.table
tr
:hover
{
background-color
:
#eee
}
table
.table
.text-right
{
text-align
:
right
}
table
.table
.text-center
{
text-align
:
center
}
table
.file-table
td
,
table
.no-style
td
{
border
:
0
;
padding
:
0
}
table
.list-table
{
margin
:
-6px
}
table
.list-table
td
{
border
:
0
;
vertical-align
:
middle
;
padding
:
6px
}
table
.file-table
td
{
padding
:
6px
}
table
.file-table
.ui-sortable-helper
{
display
:
table
}
header
{
display
:
block
;
z-index
:
2
;
top
:
0
;
background-color
:
#0288d1
;
color
:
#fff
;
border-bottom
:
1px
solid
#ddd
}
header
.padded
{
padding
:
16px
}
header
.links
{
display
:
inline-block
;
vertical-align
:
top
;
margin-right
:
32px
}
@media
screen
and
(
max-width
:
992px
){
header
.links
{
margin-right
:
16px
}}
header
.links
a
{
display
:
inline-block
;
padding
:
24px
;
color
:
#fff
}
header
.links
a
:last-child
{
padding-right
:
0
}
@media
screen
and
(
max-width
:
992px
){
header
.links
a
{
padding
:
24px
12px
}}
header
.avatar
,
header
.user-name
{
display
:
inline-block
}
header
.avatar
{
width
:
30px
;
height
:
30px
}
header
.user-name
{
vertical-align
:
top
;
padding-top
:
24px
;
display
:
inline-block
;
cursor
:
pointer
}
header
.user-name
>*
{
vertical-align
:
top
}
header
.user-name
>
i
,
header
.user-name
>
span
{
padding-left
:
6px
;
display
:
inline-block
}
header
.user-name
>
span
{
padding-top
:
3px
}
header
.user-name
>
i
{
padding-top
:
4px
;
font-size
:
18px
}
@media
screen
and
(
max-width
:
992px
){
header
.user-name
{
padding-left
:
6px
}
header
.user-name
.name
{
display
:
none
}}
@media
screen
and
(
max-width
:
992px
){
header
{
text-align
:
center
}
header
.float.right
{
float
:
none
}}
@media
screen
and
(
max-width
:
768px
){
header
.links
a
{
padding
:
12px
}
header
form
.search-box
{
margin-top
:
0
}
header
.user-name
{
padding-top
:
12px
}}
header
.dropdown-container
{
font-size
:
.9em
}
form
.search-box
{
margin-top
:
21.6px
;
display
:
inline-block
;
position
:
relative
;
text-align
:
left
}
form
.search-box
input
{
background-color
:
transparent
;
border-radius
:
24px
;
border
:
2px
solid
#eee
;
color
:
#eee
;
padding-left
:
16px
;
padding-right
:
24px
;
outline
:
0
}
form
.search-box
button
{
vertical-align
:
top
;
margin-left
:
-24px
;
color
:
#fff
;
top
:
6px
;
right
:
4px
;
display
:
inline-block
;
position
:
absolute
}
form
.search-box
button
:hover
{
color
:
#fff
}
.logo
{
display
:
inline-block
}
.logo
:hover
{
color
:
#fff
;
text-decoration
:
none
}
.logo-text
{
display
:
inline-block
;
font-size
:
1.8em
;
color
:
#fff
;
font-weight
:
400
;
padding
:
24px
24px
24px
0
;
vertical-align
:
top
;
line-height
:
1
}
.logo-image
{
margin
:
16px
12px
16px
0
;
vertical-align
:
top
;
height
:
43px
}
.breadcrumbs
span
.sep
{
color
:
#aaa
;
padding
:
0
6px
}
.faded
a
,
.faded
button
,
.faded
span
,
.faded
span
>
div
{
color
:
#666
}
.faded
.text-button
{
opacity
:
.5
;
transition
:
all
ease-in-out
120ms
}
.faded
.text-button
:hover
{
opacity
:
1
;
text-decoration
:
none
}
.faded
span
.faded-text
{
display
:
inline-block
;
padding
:
12px
}
.faded-small
{
color
:
#000
;
font-size
:
.9em
;
background-color
:
rgba
(
21
,
101
,
192
,
.15
)}
.action-buttons
.text-button
,
.breadcrumbs
.text-button
{
display
:
inline-block
;
padding
:
12px
}
.action-buttons
.text-button
:last-child
,
.breadcrumbs
.text-button
:last-child
{
padding-right
:
0
}
.action-buttons
{
text-align
:
right
}
.action-buttons.text-left
{
text-align
:
left
}
.action-buttons.text-left
.text-button
{
padding-right
:
16px
;
padding-left
:
0
}
.action-buttons.text-center
{
text-align
:
center
}
.nav-tabs
{
text-align
:
center
}
.nav-tabs
.tab-item
,
.nav-tabs
a
{
padding
:
16px
;
display
:
inline-block
;
color
:
#666
;
cursor
:
pointer
}
.nav-tabs
.tab-item.selected
,
.nav-tabs
a
.selected
{
border-bottom
:
2px
solid
#0288d1
}
.page-list
h4
{
margin
:
24px
0
6px
0
;
font-size
:
1.666em
}
.page-list
a
.chapter
{
color
:
#ef7c3c
}
.page-list
.inset-list
{
display
:
none
;
overflow
:
hidden
;
margin-bottom
:
24px
}
.page-list
h5
{
display
:
block
;
margin
:
12px
0
0
0
;
border-left
:
5px
solid
#0288d1
;
padding
:
6px
0
6px
16px
;
font-size
:
1.1em
;
font-weight
:
400
}
.page-list
h5
.draft
{
border-left-color
:
#9a60da
}
.page-list
hr
{
margin-top
:
0
}
.page-list
.book
,
.page-list
.chapter
,
.page-list
.page
{
padding-left
:
24px
}
.page-list
.page
{
border-left
:
5px
solid
#0288d1
}
.page-list
.page.draft
{
border-left
:
5px
solid
#9a60da
}
.page-list
.page.draft
.text-page
{
color
:
#9a60da
}
.page-list
.chapter
{
border-left
:
5px
solid
#ef7c3c
}
.page-list
.book
{
border-left
:
5px
solid
#009688
}
.page-list
.meta
{
margin-top
:
-16px
;
font-size
:
.95em
}
.page-list
.meta
span
{
margin-right
:
12px
}
.chapter-toggle
{
cursor
:
pointer
;
margin
:
0
0
24px
0
;
transition
:
all
ease-in-out
180ms
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.chapter-toggle
i
.zmdi-caret-right
{
transition
:
all
ease-in-out
180ms
;
transform
:
rotate
(
0
);
transform-origin
:
25%
50%
}
.chapter-toggle.open
{
margin-bottom
:
0
}
.chapter-toggle.open
i
.zmdi-caret-right
{
transform
:
rotate
(
90deg
)}
.sidebar-page-nav
{
list-style
:
none
;
margin
:
12px
0
16px
2px
;
border-left
:
2px
dotted
#bbb
}
.sidebar-page-nav
li
{
padding-left
:
12px
;
margin-bottom
:
4px
;
font-size
:
.95em
}
.sidebar-page-nav
.h1
{
margin-left
:
-2px
}
.sidebar-page-nav
.h2
{
margin-left
:
-2px
}
.sidebar-page-nav
.h3
{
margin-left
:
12px
}
.sidebar-page-nav
.h4
{
margin-left
:
24px
}
.sidebar-page-nav
.h5
{
margin-left
:
36px
}
.sidebar-page-nav
.h6
{
margin-left
:
48px
}
.book-tree
{
padding
:
6px
0
0
0
;
position
:
relative
;
right
:
0
;
top
:
0
;
transition
:
ease-in-out
240ms
;
transition-property
:
right
,
border
;
border-left
:
0
solid
#fff
;
background-color
:
#fff
;
max-width
:
320px
}
.book-tree.fixed
{
background-color
:
#fff
;
z-index
:
5
;
position
:
fixed
;
top
:
0
;
padding-left
:
24px
;
padding-right
:
39px
;
width
:
30%
;
right
:
-15px
;
height
:
100%
;
overflow-y
:
scroll
;
-ms-overflow-style
:
none
;
border-left
:
1px
solid
#ddd
}
.book-tree.fixed
::-webkit-scrollbar
{
width
:
0
!important
}
.book-tree
h4
{
padding
:
16px
12px
0
12px
}
.book-tree
h4
i
{
padding-right
:
12px
}
.book-tree
.sidebar-page-list
{
list-style
:
none
;
margin
:
6px
0
0
;
padding-left
:
0
;
border-left
:
5px
solid
#009688
}
.book-tree
.sidebar-page-list
li
a
{
display
:
block
;
border-bottom
:
none
;
padding
:
6px
0
6px
12px
}
.book-tree
.sidebar-page-list
li
a
:hover
{
text-decoration
:
none
}
.book-tree
.sidebar-page-list
li
a
i
{
padding-right
:
8px
}
.book-tree
.sidebar-page-list
a
,
.book-tree
.sidebar-page-list
li
{
display
:
block
}
.book-tree
.sidebar-page-list
a
.bold
{
color
:
#eee
!important
}
.book-tree
.sidebar-page-list
ul
{
list-style
:
none
;
margin
:
0
}
.book-tree
.sidebar-page-list
.book
{
color
:
#009688
!important
}
.book-tree
.sidebar-page-list
.book.selected
{
background-color
:
rgba
(
0
,
150
,
136
,
.29
)}
.book-tree
.sidebar-page-list
.chapter
{
color
:
#ef7c3c
!important
}
.book-tree
.sidebar-page-list
.chapter.selected
{
background-color
:
rgba
(
239
,
124
,
60
,
.12
)}
.book-tree
.sidebar-page-list
.chapter-toggle
{
padding-left
:
12px
}
.book-tree
.sidebar-page-list
.list-item-chapter
{
border-left
:
5px
solid
#ef7c3c
;
margin
:
10px
10px
;
display
:
block
}
.book-tree
.sidebar-page-list
.list-item-page
{
border-bottom
:
none
;
border-left
:
5px
solid
#0288d1
;
margin
:
10px
10px
}
.book-tree
.sidebar-page-list
.page
{
color
:
#0288d1
!important
;
border-bottom
:
none
}
.book-tree
.sidebar-page-list
.page.selected
{
background-color
:
rgba
(
2
,
136
,
209
,
.1
)}
.book-tree
.sidebar-page-list
.list-item-page.draft
{
border-left
:
5px
solid
#9a60da
}
.book-tree
.sidebar-page-list
.list-item-page.draft
a
.page
,
.book-tree
.sidebar-page-list
.page.draft
.page
{
color
:
#9a60da
!important
}
.book-tree
.sidebar-page-list
.sub-menu
{
display
:
none
;
padding-left
:
0
}
.book-tree
.sidebar-page-list
.sub-menu.open
{
display
:
block
}
.sortable-page-list
,
.sortable-page-list
ul
{
list-style
:
none
;
background-color
:
#fff
}
.sort-box
{
margin-bottom
:
16px
;
padding
:
0
24px
0
24px
;
border-left
:
4px
solid
#009688
}
.sortable-page-list
{
margin-left
:
0
}
.sortable-page-list
>
ul
{
margin-left
:
0
}
.sortable-page-list
ul
{
margin-bottom
:
0
;
margin-top
:
0
;
box-shadow
:
0
0
1px
0
rgba
(
0
,
0
,
0
,
.1
)}
.sortable-page-list
li
{
border
:
1px
solid
#ddd
;
padding
:
6px
12px
;
margin-top
:
-1px
;
min-height
:
38px
}
.sortable-page-list
li
.text-chapter
{
border-left
:
2px
solid
#ef7c3c
}
.sortable-page-list
li
.text-page
{
border-left
:
2px
solid
#0288d1
}
.sortable-page-list
li
:first-child
{
margin-top
:
6px
}
.sortable-page-list
li
.placeholder
{
position
:
relative
}
.sortable-page-list
li
.placeholder
:before
{
position
:
absolute
}
.activity-list-item
{
padding
:
12px
0
;
color
:
#888
;
border-bottom
:
1px
solid
#eee
;
font-size
:
.9em
}
.activity-list-item
.left
{
float
:
left
}
.activity-list-item
.left
+
.right
{
margin-left
:
42px
}
ul
.pagination
{
display
:
inline-block
;
list-style
:
none
;
margin
:
16px
0
;
padding-left
:
1px
}
ul
.pagination
li
{
float
:
left
}
ul
.pagination
li
:first-child
a
,
ul
.pagination
li
:first-child
span
{
border-radius
:
3px
0
0
3px
}
ul
.pagination
li
:last-child
a
,
ul
.pagination
li
:last-child
span
{
border-radius
:
0
3px
3px
0
}
ul
.pagination
a
,
ul
.pagination
span
{
display
:
block
;
padding
:
3px
12px
;
border
:
1px
solid
#ccc
;
margin-left
:
-1px
;
color
:
#888
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
ul
.pagination
a
.disabled
,
ul
.pagination
span
.disabled
{
cursor
:
not-allowed
}
ul
.pagination
li
.active
span
{
background-color
:
rgba
(
2
,
136
,
209
,
.8
);
color
:
#eee
;
border-color
:
rgba
(
2
,
136
,
209
,
.8
)}
ul
.pagination
a
{
color
:
#0288d1
}
.compact
ul
.pagination
{
margin
:
0
}
.entity-list
>
div
{
padding
:
16px
0
}
.entity-list
h4
{
margin
:
0
}
.entity-list
p
{
margin
:
6px
0
0
0
}
.entity-list
hr
{
margin
:
0
}
.entity-list
.text-small.text-muted
{
color
:
#aaa
;
font-size
:
.75em
;
margin-top
:
6px
}
.entity-list
.text-muted
p
.text-muted
{
margin-top
:
0
}
.entity-list
.page.draft
.text-page
{
color
:
#9a60da
}
.entity-list.compact
{
font-size
:
.6em
}
.entity-list.compact
a
,
.entity-list.compact
h4
{
line-height
:
1.2
}
.entity-list.compact
p
{
display
:
none
;
font-size
:
12px
;
padding-top
:
6px
;
margin
:
0
}
.entity-list.compact
>
p
.empty-text
{
display
:
block
;
font-size
:
15px
}
.entity-list.compact
hr
{
margin
:
0
}
.dropdown-container
{
display
:
inline-block
;
vertical-align
:
top
;
position
:
relative
}
.dropdown-container
ul
{
display
:
none
;
position
:
absolute
;
z-index
:
999
;
top
:
0
;
list-style
:
none
;
right
:
0
;
margin
:
16px
0
;
background-color
:
#fff
;
box-shadow
:
0
0
2px
0
rgba
(
0
,
0
,
0
,
.1
);
border-radius
:
1px
;
border
:
1px
solid
#eee
;
min-width
:
180px
;
padding
:
6px
0
;
color
:
#555
;
text-align
:
left
!important
}
.dropdown-container
ul
.wide
{
min-width
:
220px
}
.dropdown-container
ul
.text-muted
{
color
:
#999
}
.dropdown-container
ul
li
.padded
{
padding
:
6px
16px
}
.dropdown-container
ul
a
{
display
:
block
;
padding
:
6px
16px
;
color
:
#555
}
.dropdown-container
ul
a
:hover
{
text-decoration
:
none
;
background-color
:
#eee
}
.dropdown-container
ul
a
i
{
margin-right
:
12px
;
padding-right
:
0
;
display
:
inline-block
;
width
:
16px
}
.dropdown-container
ul
li
.border-bottom
{
border-bottom
:
1px
solid
#ddd
}
#page-show
>
.row
.col-md-9
{
z-index
:
2
}
#page-show
>
.row
.col-md-3
{
z-index
:
1
}
.page-editor
{
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
}
.page-editor
.faded-small
{
height
:
auto
}
.page-editor
.edit-area
{
-ms-flex
:
1
;
flex
:
1
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
.draft-notification
{
pointer-events
:
none
;
transform
:
scale
(
0
);
transition
:
transform
ease-in-out
120ms
;
transform-origin
:
50%
50%
}
.draft-notification.visible
{
transform
:
scale
(
1
)}
.page-style.editor
{
padding
:
0
!important
}
.page-content
{
max-width
:
840px
;
overflow-wrap
:
break-word
}
.page-content
.align-left
{
text-align
:
left
}
.page-content
img
.align-left
,
.page-content
table
.align-left
{
float
:
left
!important
;
margin
:
6px
12px
6px
0
}
.page-content
.align-right
{
float
:
right
!important
}
.page-content
img
.align-right
,
.page-content
table
.align-right
{
text-align
:
right
;
margin
:
6px
0
6px
12px
}
.page-content
.align-center
{
text-align
:
center
}
.page-content
img
{
max-width
:
100%
;
height
:
auto
}
.page-content
.title-input
input
[
type
=
text
],
.page-content
h1
,
.page-content
h2
,
.page-content
h3
,
.page-content
h4
,
.page-content
h5
,
.page-content
h6
,
.page-content
pre
,
.title-input
.page-content
input
[
type
=
text
]
{
clear
:
left
}
.page-content
hr
{
clear
:
both
;
margin
:
16px
0
}
.page-content
table
{
-webkit-hyphens
:
auto
;
-ms-hyphens
:
auto
;
hyphens
:
auto
;
table-layout
:
fixed
;
max-width
:
100%
;
height
:
auto
!important
}
.page-content
del
,
.page-content
ins
{
text-decoration
:
none
}
.page-content
ins
{
background
:
#dbffdb
}
.page-content
del
{
background
:
#ffecec
}
.pointer-container
{
position
:
relative
;
display
:
none
;
left
:
0
;
z-index
:
10
}
.pointer
{
border
:
1px
solid
#ccc
;
display
:
inline-block
;
padding
:
12px
12px
;
border-radius
:
4px
;
box-shadow
:
0
0
8px
1px
rgba
(
212
,
209
,
209
,
.35
);
position
:
absolute
;
top
:
-60px
;
background-color
:
#fff
;
width
:
272px
;
z-index
:
55
}
.pointer
:before
{
position
:
absolute
;
left
:
50%
;
bottom
:
-9px
;
width
:
16px
;
height
:
16px
;
margin-left
:
-8px
;
content
:
''
;
display
:
block
;
background-color
:
#fff
;
transform
:
rotate
(
45deg
);
transform-origin
:
50%
50%
;
border-bottom
:
1px
solid
#ccc
;
border-right
:
1px
solid
#ccc
;
z-index
:
56
}
.pointer
input
{
background-color
:
#fff
;
border
:
1px
solid
#ddd
;
color
:
#666
;
width
:
172px
;
z-index
:
40
}
.pointer
button
,
.pointer
input
{
position
:
relative
;
border-radius
:
0
;
height
:
28px
;
font-size
:
12px
;
vertical-align
:
top
}
.pointer
>
i
{
color
:
#888
;
font-size
:
18px
;
padding-top
:
4px
}
.pointer
span
.icon
{
cursor
:
pointer
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.pointer
.button
{
line-height
:
1
;
margin
:
0
0
0
-4px
;
box-shadow
:
none
}
.floating-toolbox
{
background-color
:
#fff
;
border
:
1px
solid
#ddd
;
right
:
64px
;
width
:
48px
;
overflow
:
hidden
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
display
:
-ms-flexbox
;
display
:
flex
;
transition
:
width
ease-in-out
180ms
;
margin-top
:
-1px
;
min-height
:
0
}
.floating-toolbox.open
{
width
:
480px
}
.floating-toolbox
[
toolbox-toggle
]
i
{
transition
:
transform
ease-in-out
180ms
}
.floating-toolbox
[
toolbox-toggle
]
{
transition
:
background-color
ease-in-out
180ms
}
.floating-toolbox.open
[
toolbox-toggle
]
{
background-color
:
rgba
(
255
,
0
,
0
,
.29
)}
.floating-toolbox.open
[
toolbox-toggle
]
i
{
transform
:
rotate
(
180deg
)}
.floating-toolbox
>
div
{
-ms-flex
:
1
;
flex
:
1
;
position
:
relative
}
.floating-toolbox
.tabs
{
display
:
block
;
border-right
:
1px
solid
#ddd
;
width
:
48px
;
-ms-flex
:
0
1
auto
;
flex
:
0
1
auto
}
.floating-toolbox
.tabs
i
{
color
:
rgba
(
0
,
0
,
0
,
.5
);
padding
:
0
;
margin
:
0
}
.floating-toolbox
.tabs
>
span
{
display
:
block
;
cursor
:
pointer
;
padding
:
12px
16px
;
font-size
:
13.5px
;
line-height
:
1.6
;
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
)}
.floating-toolbox.open
.tabs
>
span
.active
{
color
:
#444
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.floating-toolbox
div
[
toolbox-tab-content
]
{
padding-bottom
:
45px
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex
:
1
;
flex
:
1
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
min-height
:
0
;
overflow-y
:
scroll
}
.floating-toolbox
div
[
toolbox-tab-content
]
.padded
{
-ms-flex
:
1
;
flex
:
1
;
padding-top
:
0
}
.floating-toolbox
h4
{
font-size
:
24px
;
margin
:
16px
0
0
0
;
padding
:
0
24px
12px
24px
}
.floating-toolbox
.tags
input
{
max-width
:
100%
;
width
:
100%
;
min-width
:
50px
}
.floating-toolbox
.tags
td
{
padding-right
:
12px
;
padding-top
:
12px
;
position
:
relative
}
.floating-toolbox
.handle
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
cursor
:
move
;
color
:
#999
}
.floating-toolbox
form
{
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex
:
1
;
flex
:
1
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
overflow-y
:
scroll
}
.floating-toolbox
table
td
,
.floating-toolbox
table
th
{
overflow
:
visible
}
[
toolbox-tab-content
]
{
display
:
none
}
.tag-display
{
width
:
100%
;
position
:
relative
}
.tag-display
table
{
width
:
100%
;
margin
:
0
;
padding
:
0
}
.tag-display
tr
:first-child
td
{
padding-top
:
0
}
.tag-display
.heading
th
{
padding
:
6px
12px
;
color
:
rgba
(
100
,
100
,
100
,
.7
);
border
:
0
;
font-weight
:
400
}
.tag-display
td
{
border
:
0
;
border-bottom
:
1px
solid
#eee
;
padding
:
6px
12px
;
color
:
#444
}
.tag-display
tr
td
:first-child
{
padding-left
:
0
}
.tag-display
.tag-value
{
color
:
#888
}
.tag-display
tr
:last-child
td
{
border-bottom
:
none
}
.tag-display
.tag
{
padding
:
12px
}
.suggestion-box
{
position
:
absolute
;
background-color
:
#fff
;
border
:
1px
solid
#bbb
;
box-shadow
:
0
0
4px
1px
#ccc
;
list-style
:
none
;
z-index
:
100
;
padding
:
0
;
margin
:
0
;
border-radius
:
3px
}
.suggestion-box
li
{
display
:
block
;
padding
:
6px
12px
;
border-bottom
:
1px
solid
#ddd
}
.suggestion-box
li
:last-child
{
border-bottom
:
0
}
.suggestion-box
li
.active
{
background-color
:
#eee
}
table
{
border-spacing
:
0
;
border-collapse
:
collapse
}
\ No newline at end of file
...
...
public/css/print-styles.css
View file @
f932806
.faded-small
,
.print-hidden
,
header
{
display
:
none
}
body
{
font-size
:
12px
}
.page-content
{
margin
:
0
auto
}
.print-full-width
{
width
:
100%
;
float
:
none
;
display
:
block
}
h2
{
font-size
:
2em
;
line-height
:
1
;
margin-top
:
.6em
;
margin-bottom
:
.3em
}
\ No newline at end of file
header
{
display
:
none
}
body
{
font-size
:
12px
}
.faded-small
{
display
:
none
}
.page-content
{
margin
:
0
auto
}
.print-hidden
{
display
:
none
}
.print-full-width
{
width
:
100%
;
float
:
none
;
display
:
block
}
h2
{
font-size
:
2em
;
line-height
:
1
;
margin-top
:
.6em
;
margin-bottom
:
.3em
}
\ No newline at end of file
...
...
public/css/styles.css
View file @
f932806
This diff could not be displayed because it is too large.
public/js/common.js
View file @
f932806
This diff could not be displayed because it is too large.
Please
register
or
sign in
to post a comment
