Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
S
solo-1
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
solo-1
Commits
1a8b4713
Unverified
Commit
1a8b4713
authored
Apr 02, 2019
by
Liang Ding
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
♻
Fix #12749
parent
155a8d97
Changes
7
Show whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
8 additions
and
15 deletions
+8
-15
src/main/java/org/b3log/solo/service/InitService.java
src/main/java/org/b3log/solo/service/InitService.java
+2
-2
src/main/java/org/b3log/solo/util/Solos.java
src/main/java/org/b3log/solo/util/Solos.java
+1
-7
src/main/resources/solo.properties
src/main/resources/solo.properties
+1
-2
src/main/webapp/scss/admin.css
src/main/webapp/scss/admin.css
+1
-1
src/main/webapp/scss/base.css
src/main/webapp/scss/base.css
+1
-1
src/main/webapp/scss/start.css
src/main/webapp/scss/start.css
+1
-1
src/main/webapp/skins
src/main/webapp/skins
+1
-1
No files found.
src/main/java/org/b3log/solo/service/InitService.java
View file @
1a8b4713
...
...
@@ -55,7 +55,7 @@ import java.util.Set;
* Solo initialization service.
*
* @author <a href="http://88250.b3log.org">Liang Ding</a>
* @version 1.5.2.3
2, Mar 29
, 2019
* @version 1.5.2.3
3, Apr 2
, 2019
* @since 0.4.0
*/
@Service
...
...
@@ -287,7 +287,7 @@ public class InitService {
comment
.
put
(
Comment
.
COMMENT_CONTENT
,
langPropsService
.
get
(
"helloWorld.comment.content"
));
comment
.
put
(
Comment
.
COMMENT_ORIGINAL_COMMENT_ID
,
""
);
comment
.
put
(
Comment
.
COMMENT_ORIGINAL_COMMENT_NAME
,
""
);
comment
.
put
(
Comment
.
COMMENT_THUMBNAIL_URL
,
Solos
.
GRAVATAR
+
"59a5e8209c780307dbe9c9ba728073f5??s=60&r=G
"
);
comment
.
put
(
Comment
.
COMMENT_THUMBNAIL_URL
,
"https://img.hacpai.com/avatar/1353745196354_1535379434567.png?imageView2/1/w/64/h/64/q/100
"
);
comment
.
put
(
Comment
.
COMMENT_CREATED
,
now
);
comment
.
put
(
Comment
.
COMMENT_ON_ID
,
articleId
);
comment
.
put
(
Comment
.
COMMENT_ON_TYPE
,
Article
.
ARTICLE
);
...
...
src/main/java/org/b3log/solo/util/Solos.java
View file @
1a8b4713
...
...
@@ -53,7 +53,7 @@ import java.util.ResourceBundle;
* Solo utilities.
*
* @author <a href="http://88250.b3log.org">Liang Ding</a>
* @version 1.8.0.
1, Mar 29
, 2019
* @version 1.8.0.
2, Apr 2
, 2019
* @since 2.8.0
*/
public
final
class
Solos
{
...
...
@@ -68,11 +68,6 @@ public final class Solos {
*/
public
static
final
String
FAVICON_API
;
/**
* Gravatar address.
*/
public
static
final
String
GRAVATAR
;
/**
* Solo User-Agent.
*/
...
...
@@ -107,7 +102,6 @@ public final class Solos {
}
FAVICON_API
=
solo
.
getString
(
"faviconAPI"
);
GRAVATAR
=
solo
.
getString
(
"gravatar"
);
}
static
{
...
...
src/main/resources/solo.properties
View file @
1a8b4713
...
...
@@ -18,9 +18,8 @@
#
# Description: Solo configurations.
# Version: 2.5.0.
0, Mar 29
, 2019
# Version: 2.5.0.
1, Apr 2
, 2019
# Author: Liang Ding
#
gravatar
=
https://secure.gravatar.com/avatar/
faviconAPI
=
https://api.byi.pw/favicon?url=
src/main/webapp/scss/admin.css
View file @
1a8b4713
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
;
height
:
100%
}
body
{
margin
:
0
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
font-size
:
14px
;
background-color
:
#fff
;
-webkit-font-smoothing
:
antialiased
;
-webkit-overflow-scrolling
:
touch
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
0.4
)}
::selection
{
text-shadow
:
none
;
background
:
rgba
(
66
,
133
,
244
,
0.4
)}
ul
,
ol
{
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dd
,
p
{
margin
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
nav
,
section
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
}
a
{
outline
:
0
;
text-decoration
:
none
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
;
overflow
:
hidden
;
font-size
:
12px
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
outline
:
none
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
button
,
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
"search"
]
{
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
"search"
]
::-webkit-search-decoration
,
input
[
type
=
"search"
]
::-webkit-search-cancel-button
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
blockquote
{
margin
:
0
}
.fn__flex
{
display
:
flex
}
.fn__flex-center
{
align-self
:
center
}
.fn__flex-inline
{
display
:
inline-flex
;
align-items
:
center
}
.fn__flex-1
{
flex
:
1
;
min-width
:
1px
}
.fn__flex-column
{
min-height
:
100%
;
display
:
flex
;
flex-direction
:
column
}
.fn__pointer
{
cursor
:
pointer
}
.fn__clear
:before
,
.fn__clear
:after
{
display
:
table
;
content
:
""
}
.fn__clear
:after
{
clear
:
both
}
.fn__left
{
float
:
left
}
.fn__right
{
float
:
right
}
.fn__none
{
display
:
none
}
.fn__hidden
{
visibility
:
hidden
}
.fn__ellipsis
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
word-wrap
:
normal
}
.ft__13
{
font-size
:
13px
}
.ft__smaller
{
font-size
:
12px
}
.ft__center
{
text-align
:
center
}
.ft__nowrap
{
white-space
:
nowrap
}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.vditor-tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.vditor-tooltipped
::after
{
position
:
absolute
;
z-index
:
1000000
;
display
:
none
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
normal
;
-webkit-font-smoothing
:
subpixel-antialiased
;
color
:
#fff
;
text-align
:
center
;
text-decoration
:
none
;
text-shadow
:
none
;
text-transform
:
none
;
letter-spacing
:
normal
;
word-wrap
:
break-word
;
white-space
:
pre
;
pointer-events
:
none
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
0.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.vditor-tooltipped
::before
{
position
:
absolute
;
z-index
:
1000001
;
display
:
none
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
pointer-events
:
none
;
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
.vditor-tooltipped--hover
::before
,
.vditor-tooltipped--hover
::after
,
.vditor-tooltipped
:hover::before
,
.vditor-tooltipped
:hover::after
,
.vditor-tooltipped
:active::before
,
.vditor-tooltipped
:active::after
,
.vditor-tooltipped
:focus::before
,
.vditor-tooltipped
:focus::after
{
display
:
inline-block
;
text-decoration
:
none
;
animation-name
:
tooltip-appear
;
animation-duration
:
0.1s
;
animation-fill-mode
:
forwards
;
animation-timing-function
:
ease-in
;
animation-delay
:
0.4s
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__se
::after
,
.vditor-tooltipped__sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.vditor-tooltipped__s
::before
,
.vditor-tooltipped__se
::before
,
.vditor-tooltipped__sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__sw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__n
::after
,
.vditor-tooltipped__ne
::after
,
.vditor-tooltipped__nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.vditor-tooltipped__n
::before
,
.vditor-tooltipped__ne
::before
,
.vditor-tooltipped__nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__nw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__n
::after
{
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-panel
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
;
z-index
:
1
;
font-size
:
14px
;
display
:
none
;
user-select
:
none
;
max-width
:
200px
;
min-width
:
80px
}
.vditor-panel
h1
,
.vditor-panel
h2
,
.vditor-panel
h3
,
.vditor-panel
h4
,
.vditor-panel
h5
,
.vditor-panel
h6
{
margin
:
0
;
cursor
:
pointer
;
padding
:
3px
10px
;
border-radius
:
3px
;
line-height
:
normal
}
.vditor-panel
h1
:hover
,
.vditor-panel
h2
:hover
,
.vditor-panel
h3
:hover
,
.vditor-panel
h4
:hover
,
.vditor-panel
h5
:hover
,
.vditor-panel
h6
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-toolbar
{
background-color
:
#f6f8fa
;
border-bottom
:
1px
solid
#d1d5da
;
padding
:
0
5px
;
border-radius
:
3px
3px
0
0
}
.vditor-toolbar
>
div
{
padding
:
10px
5px
;
float
:
left
;
line-height
:
14px
;
height
:
36px
;
box-sizing
:
border-box
}
.vditor-toolbar
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
.vditor-toolbar
.vditor-tooltipped
{
color
:
#586069
}
.vditor-toolbar
.vditor-tooltipped
:hover
{
color
:
#4285f4
}
.vditor-toolbar
label
{
overflow
:
hidden
;
position
:
relative
;
height
:
14px
;
width
:
15px
;
display
:
block
;
cursor
:
pointer
}
.vditor-toolbar
input
{
position
:
absolute
;
width
:
1px
;
opacity
:
.001
;
height
:
14px
;
overflow
:
hidden
}
.vditor-menu--current
svg
{
color
:
#4285f4
}
.vditor-menu__divider
{
width
:
10px
}
.vditor-menu__br
{
width
:
100%
;
padding
:
0
!important
;
height
:
0
!important
}
.vditor-emojis
{
display
:
inline-block
}
.vditor-emojis__tail
{
font-size
:
12px
;
text-align
:
right
;
color
:
#586069
}
.vditor-emojis__tail
a
{
text-decoration
:
none
;
color
:
#586069
}
.vditor-emojis__tail
a
:hover
{
color
:
#4285f4
}
.vditor-emojis
span
{
cursor
:
pointer
;
border-radius
:
3px
;
float
:
left
;
height
:
26px
;
width
:
26px
;
text-align
:
center
;
line-height
:
20px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
}
.vditor-emojis
span
:hover
{
background-color
:
#4285f4
}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
}
.vditor
{
display
:
flex
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
flex
;
min-height
:
60px
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
.vditor-textarea
[
disabled
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-preview
{
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
::-webkit-scrollbar
{
display
:
none
}
.vditor-counter
{
padding
:
0
3px
;
position
:
absolute
;
bottom
:
10px
;
right
:
20px
;
color
:
#24292e
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
border-radius
:
3px
;
font-size
:
12px
;
user-select
:
none
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
1px
0
;
border-radius
:
5px
;
cursor
:
row-resize
;
transition
:
all
.15s
ease-in-out
;
user-select
:
none
;
background-color
:
#f6f8fa
}
.vditor-resize
:hover
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
{
color
:
#fff
}
.vditor-resize
svg
{
fill
:
currentColor
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
13px
;
height
:
3px
;
display
:
block
;
margin
:
0
auto
;
color
:
#586069
}
.vditor-upload
{
opacity
:
0
;
position
:
absolute
;
width
:
100%
;
height
:
5px
;
left
:
0
;
top
:
-3px
;
border-radius
:
3px
;
overflow
:
hidden
;
transition
:
all
.15s
ease-in-out
;
color
:
#fff
;
font-size
:
12px
;
line-height
:
14px
}
.vditor-upload
ul
{
margin
:
0
}
.vditor-upload--tip
{
height
:
auto
;
opacity
:
1
!important
}
.vditor-upload--tip
.vditor-upload__close
{
display
:
block
}
.vditor-upload__close
{
display
:
none
;
position
:
absolute
;
right
:
5px
;
cursor
:
pointer
;
padding
:
5px
;
top
:
0
}
.vditor-upload__progress
{
height
:
100%
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
);
transition
:
all
.15s
ease-in-out
;
padding
:
5px
;
box-sizing
:
border-box
}
.vditor-hint
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
1
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
200px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
li
{
cursor
:
pointer
;
padding
:
3px
10px
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
}
.vditor-hint
li
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
li
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-hint__emoji
{
font-size
:
16px
;
float
:
left
;
margin-right
:
3px
}
.vditor-hint
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin-right
:
3px
}
.vditor-reset
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.65
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
video
{
max-height
:
90vh
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
top
}
.vditor-reset
h1
,
.vditor-reset
h2
,
.vditor-reset
h3
,
.vditor-reset
h4
,
.vditor-reset
h5
,
.vditor-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.vditor-reset
h1
{
padding-bottom
:
0.3em
;
font-size
:
1.7em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h2
{
padding-bottom
:
0.3em
;
font-size
:
1.5em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h3
{
font-size
:
1.25em
}
.vditor-reset
h4
{
font-size
:
1em
}
.vditor-reset
h5
{
font-size
:
0.875em
}
.vditor-reset
h6
{
font-size
:
0.85em
}
.vditor-reset
hr
{
height
:
0.15em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.vditor-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
0.25em
solid
#ddd
;
margin
:
0
0
16px
0
}
.vditor-reset
blockquote
p
{
margin
:
0
}
.vditor-reset
ins
>
iframe
{
border
:
0
}
.vditor-reset
iframe
{
border
:
1px
solid
#d1d5da
}
.vditor-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.vditor-reset
thead
{
text-align
:
center
}
.vditor-reset
td
,
.vditor-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.vditor-reset
th
{
font-weight
:
bold
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
0.2
)}
.vditor-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
0.12
)}
.vditor-reset
tr
:hover
{
background
:
#efefef
}
.vditor-reset
code
{
padding
:
0.2em
0.4em
;
margin
:
0
;
font-size
:
85%
;
border-radius
:
3px
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
word-break
:
break-word
;
background-size
:
20px
20px
;
background-image
:
url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")
}
.vditor-reset
pre
>
code
{
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
}
.vditor-reset
pre
:hover
div
.vditor-copy
{
display
:
block
}
.vditor-reset
kbd
{
display
:
inline-block
;
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
#fcfcfc
;
border
:
solid
1px
#d1d5da
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.vditor-reset
summary
{
cursor
:
pointer
}
.vditor-reset
summary
:focus
{
outline
:
none
}
.vditor-reset
svg
{
height
:
auto
;
width
:
auto
}
.vditor-reset
.katex
{
position
:
relative
}
.vditor-task
{
list-style
:
none
;
margin-left
:
-1.4em
;
display
:
flex
;
align-items
:
center
}
.vditor-task
input
{
margin-right
:
5px
}
.vditor-copy
{
position
:
relative
;
display
:
none
}
.vditor-copy
textarea
{
position
:
absolute
;
left
:
-100000px
}
.vditor-copy
span
{
cursor
:
pointer
;
position
:
absolute
;
right
:
0.5em
;
top
:
0.5em
;
height
:
14px
;
width
:
14px
;
display
:
block
;
background-color
:
#f6f8fa
;
border-radius
:
3px
;
padding
:
3px
}
.vditor-copy
svg
{
color
:
#586069
;
height
:
14px
;
width
:
14px
;
display
:
block
;
fill
:
currentColor
}
body
{
color
:
#767676
;
background
:
#f1f2f7
;
font-size
:
13px
}
a
{
color
:
#4183c4
;
text-decoration
:
none
}
a
:visited
{
color
:
#7ba9d6
}
a
:active
{
color
:
#2c5d8d
}
a
:hover
{
text-decoration
:
underline
}
button
,
.completed-ck
span
{
padding
:
6px
12px
;
margin-bottom
:
0
;
font-size
:
14px
;
font-weight
:
400
;
text-align
:
center
;
white-space
:
nowrap
;
vertical-align
:
baseline
;
cursor
:
pointer
;
user-select
:
none
;
background-image
:
none
;
border
:
1px
solid
#1fb5ad
;
border-radius
:
4px
;
background-color
:
#1fb5ad
;
color
:
#fff
;
height
:
auto
;
outline
:
none
;
line-height
:
18px
}
button
.small
,
.completed-ck
span
.small
{
padding
:
3px
6px
;
font-size
:
12px
}
button
:hover
{
background-color
:
#1ca59e
;
border-color
:
#1ca59e
}
.fn__margin12
{
margin
:
12px
}
@font-face
{
font-family
:
'icomoon'
;
src
:
url("fonts/icomoon.eot?pmeuih")
;
src
:
url("fonts/icomoon.eot?pmeuih#iefix")
format
(
"embedded-opentype"
),
url("fonts/icomoon.ttf?pmeuih")
format
(
"truetype"
),
url("fonts/icomoon.woff?pmeuih")
format
(
"woff"
),
url("fonts/icomoon.svg?pmeuih#icomoon")
format
(
"svg"
);
font-weight
:
normal
;
font-style
:
normal
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
font-family
:
'icomoon'
!important
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.icon-close
:before
{
content
:
"\e909"
}
.icon-move-down
:before
{
content
:
"\e90a"
}
.icon-move-up
:before
{
content
:
"\e90b"
}
.icon-unordered-list
:before
{
content
:
"\e004"
}
.icon-info
:before
{
content
:
"\e00d"
}
.icon-article
:before
{
content
:
"\e61d"
}
.icon-setting
:before
{
content
:
"\e604"
}
.icon-cmts
:before
{
content
:
"\e60a"
}
.icon-refresh
:before
{
content
:
"\e60b"
}
.icon-chevron-down
:before
{
content
:
"\e618"
}
.icon-chevron-up
:before
{
content
:
"\e619"
}
a
[
class
^=
"icon-"
],
a
[
class
*=
" icon-"
]
{
color
:
#333
}
a
[
class
^=
"icon-"
]
:hover
,
a
[
class
*=
" icon-"
]
:hover
{
text-decoration
:
none
;
color
:
#4183c4
}
.aboutIcon
{
background-position
:
-16px
-48px
}
.icon-move-down
,
.icon-move-up
{
cursor
:
pointer
}
#allPanel
{
height
:
auto
;
min-height
:
100%
;
position
:
relative
}
#tabsPanel
{
margin
:
50px
0
0
240px
;
padding
:
15px
;
min-height
:
100px
}
#tabsPanel
>
div
{
padding-bottom
:
36px
}
#tabsPanel_article-list
,
#tabsPanel_draft-list
,
#tabsPanel_comment-list
,
#tabsPanel_plugin-list
,
#tabsPanel_page-list
>
div
:first-child
,
#tabsPanel_user-list
>
div
:first-child
,
#tabsPanel_category-list
>
div
:first-child
,
#tabsPanel_link-list
>
div
:first-child
{
background-color
:
#FFF
;
border-radius
:
4px
;
margin-bottom
:
40px
;
overflow
:
hidden
}
.tip
{
font-weight
:
bold
;
margin
:
0
auto
;
overflow
:
hidden
;
padding
:
2px
0
;
position
:
fixed
;
text-align
:
center
;
top
:
3px
;
left
:
255px
;
z-index
:
1001
}
#tipMsg
,
#loadMsg
{
color
:
#31708f
;
background-color
:
#d9edf7
;
border-radius
:
4px
;
line-height
:
40px
;
display
:
inline-block
}
.footer
{
bottom
:
12px
;
position
:
absolute
;
text-align
:
center
;
width
:
100%
;
padding-left
:
240px
;
box-sizing
:
border-box
}
#top
{
height
:
50px
;
position
:
fixed
;
box-shadow
:
1px
0
3px
rgba
(
0
,
0
,
0
,
0.15
);
width
:
100%
;
top
:
0
;
background-color
:
#fff
;
z-index
:
80
}
#top
>
a
{
background
:
#1fb5ad
;
float
:
left
;
width
:
240px
;
height
:
50px
;
position
:
relative
;
color
:
#F7F7F7
;
text-align
:
center
;
text-decoration
:
none
;
font-size
:
20px
;
line-height
:
50px
}
#top
>
.fn__right
a
{
color
:
#555
;
line-height
:
32px
;
margin
:
8px
10px
;
border
:
1px
solid
#f6f6f6
;
background-color
:
#f6f6f6
;
border-radius
:
100px
;
padding
:
0
10px
;
text-decoration
:
none
;
display
:
inline-block
}
#top
>
.fn__right
a
:hover
{
color
:
#333
}
#top
.avatar
{
height
:
25px
;
width
:
25px
;
border-radius
:
20px
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
center
center
;
float
:
left
;
margin
:
3px
6px
0
0
}
#tabs
{
height
:
100%
;
min-height
:
468px
;
width
:
240px
;
margin-top
:
50px
;
position
:
fixed
;
top
:
0
;
background-color
:
#32323a
;
overflow
:
auto
}
#tabs
ul
{
list-style
:
none
}
#tabs
li
{
margin-left
:
0px
;
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
0.05
)}
#tabs
li
>
div
>
a
,
#tabs
#tabToolsTitle
,
#tabs
#tabArticleTitle
{
color
:
#aeb2b7
;
display
:
block
;
text-decoration
:
none
;
letter-spacing
:
1px
;
padding
:
18px
0
18px
25px
;
line-height
:
18px
;
height
:
18px
;
transition
:
all
0.3s
ease
;
cursor
:
pointer
}
#tabs
a
:hover
,
#tabs
a
.tab-current
,
#tabs
#tabToolsTitle
.tab-current
,
#tabs
#tabArticleTitle
.tab-current
,
#tabs
#tabToolsTitle
:hover
,
#tabs
#tabArticleTitle
:hover
{
background-color
:
#28282e
;
color
:
#1fb5ad
}
#tabs
li
li
{
border-bottom
:
0
}
#tabs
li
li
>
div
>
a
{
padding
:
13px
0
13px
46px
;
line-height
:
15px
;
height
:
15px
;
background-color
:
#28282e
}
#tabs
li
li
>
div
>
a
:hover
,
#tabs
li
li
>
div
>
a
.tab-current
{
background-color
:
#202025
}
#tabs
.commentIcon
,
#tabs
.postIcon
,
#tabs
.preferenceIcon
,
#tabs
.usersIcon
,
#tabs
.aboutIcon
{
display
:
none
}
#tabs
.icon-chevron-up
,
#tabs
.icon-chevron-down
{
margin-right
:
10px
}
.sub-tabs
{
background-color
:
#e0e1e7
;
border-radius
:
4px
4px
0
0
;
overflow
:
hidden
}
.sub-tabs
ul
{
float
:
left
;
list-style
:
none
outside
none
;
margin-right
:
24px
}
.sub-tabs
li
{
float
:
left
;
margin
:
0
}
.sub-tabs
li
a
{
border-right
:
1px
solid
#e0e1e7
;
color
:
#898989
;
display
:
block
;
line-height
:
18px
;
padding
:
20px
15px
;
text-decoration
:
none
}
.sub-tabs
.tab-current
,
.sub-tabs
.tab-current
:hover
,
.sub-tabs
a
:hover
{
background-color
:
#FFFFFF
;
color
:
#1fb5ad
}
.sub-tabs-main
{
background-color
:
#FFFFFF
;
padding
:
15px
;
border-radius
:
0
0
4px
4px
}
.form
>
div
{
margin
:
15px
0
}
.form
label
{
margin-bottom
:
10px
;
display
:
inline-block
}
.form
label
.checkbox
{
display
:
inline-flex
;
align-items
:
center
;
margin
:
11px
0
}
.form
label
.checkbox
input
{
height
:
auto
}
.form
input
[
type
=
'text'
],
.form
input
[
type
=
'password'
],
.form
textarea
,
.form
select
{
font-size
:
14px
;
outline
:
medium
none
;
width
:
100%
;
padding
:
6px
12px
;
height
:
34px
;
box-sizing
:
border-box
;
border
:
1px
solid
#e2e2e4
;
color
:
#333
;
border-radius
:
4px
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
background-color
:
#fff
}
.form
textarea
{
height
:
auto
}
.form
input
[
type
=
'text'
]
:focus
,
.form
input
[
type
=
'radio'
]
:focus
,
.form
input
[
type
=
'password'
]
:focus
,
.form
textarea
:focus
{
box-shadow
:
none
;
border-color
:
#1fb5ad
}
table
.form
label
{
margin
:
10px
0
0
0
}
table
.form
th
{
vertical-align
:
initial
}
.module-panel
{
border-radius
:
4px
;
background-color
:
#fff
;
margin-bottom
:
20px
;
min-height
:
160px
}
.module-header
{
background
:
#fafafa
;
padding
:
15px
;
border-bottom
:
1px
solid
#eff2f7
;
border-top-left-radius
:
3px
;
border-top-right-radius
:
3px
}
.module-header
h2
{
font-size
:
13px
;
font-weight
:
400
}
.module-header
a
{
color
:
#767676
;
text-decoration
:
none
}
.module-header
a
:hover
{
color
:
#1fb5ad
}
.module-panel
.module-body
{
padding
:
15px
}
.module-panel
.module-body
li
{
padding
:
10px
;
line-height
:
18px
;
border-bottom
:
1px
solid
#ddd
}
.module-panel
.module-body
li
:hover
{
background-color
:
#fafafa
}
.module-panel
.module-body
li
a
:hover
{
text-decoration
:
none
}
.comment-title
{
background-color
:
#ECECEC
;
border-bottom
:
1px
solid
#DFDFDF
;
border-top
:
1px
solid
#F9F9F9
;
padding
:
3px
6px
3px
12px
;
line-height
:
24px
}
#comments
{
height
:
462px
;
overflow
:
auto
}
.article__thumbnail
{
margin
:
10px
auto
20px
;
display
:
none
;
text-align
:
center
}
.article__thumbnail
.thumbnail__img
{
background-color
:
rgba
(
0
,
0
,
0
,
0.02
);
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
height
:
432px
;
width
:
768px
;
margin
:
0
auto
}
.article__thumbnail
button
{
margin-top
:
10px
}
button
#submitArticle
{
background-color
:
#fa8564
;
border-color
:
#fa8564
}
button
#submitArticle
:hover
{
background-color
:
#ec6459
;
border-color
:
#ec6459
}
#pagePagePanel
{
margin-top
:
0
}
#skinsPanel
{
min-width
:
328px
;
width
:
99%
}
.skinPreview
{
height
:
160px
;
width
:
280px
}
.skinItem
{
background-color
:
#FAFAFA
;
border-radius
:
3px
;
box-shadow
:
0
0
1px
rgba
(
0
,
0
,
0
,
0.3
);
font-size
:
16px
;
line-height
:
24px
;
margin
:
10px
;
text-align
:
center
}
.skinItem
button
:first-child
{
margin-left
:
10px
}
#skinMain
.skinItem.selected
,
.skinItem
:hover
{
background-color
:
#1fb5ad
;
box-shadow
:
0px
0px
6px
rgba
(
0
,
0
,
0
,
0.3
)}
.f-blue
,
.error-msg
{
color
:
#3366CC
}
.signs
button
{
margin
:
0
12px
}
.small-head
{
float
:
left
;
height
:
35px
;
margin
:
3px
9px
0
3px
;
width
:
35px
}
#commentTable
.table-main
td
{
vertical-align
:
top
}
.about-logo
{
float
:
left
;
margin
:
20px
0
0
20px
}
.about-margin
{
font-size
:
20px
;
margin
:
20px
0
}
.vditor-reset
.about-list
li
{
border
:
0
}
.vditor-reset
.about-list
li
:hover
{
background-color
:
#fff
;
text-decoration
:
underline
}
.tag__select
{
position
:
relative
;
display
:
block
}
.tag__select
button
{
position
:
absolute
;
right
:
0
;
top
:
1px
;
border-radius
:
0
4px
4px
0
}
.completed-panel
{
background-color
:
#fff
;
border
:
1px
solid
#ddd
;
color
:
#0000CC
;
display
:
none
;
overflow
:
auto
;
padding
:
2px
;
position
:
absolute
;
z-index
:
10
;
width
:
50%
;
border-top
:
0
}
.completed-panel
a
{
display
:
block
;
text-decoration
:
none
;
line-height
:
26px
;
padding
:
0
5px
}
.completed-panel
a
.selected
{
background-color
:
#fafafa
;
color
:
#fa8564
}
.completed-ck
{
margin-top
:
9px
}
.completed-ck
span
,
.signs
button
,
.skinItem
button
{
margin
:
5px
10px
5px
0
;
display
:
inline-block
;
background-color
:
#c7cbd6
;
border-color
:
#c7cbd6
}
.completed-ck
span
:hover
,
.signs
button
:hover
,
.skinItem
button
:hover
{
background-color
:
#b0b5b9
;
border-color
:
#b0b5b9
}
.completed-ck
span
.selected
,
.signs
button
.selected
{
background-color
:
#1ca59e
;
border-color
:
#1ca59e
;
color
:
#fff
}
.dialog-background
{
background-color
:
#000000
;
display
:
none
;
filter
:
alpha
(
opacity
=
30
);
height
:
100%
;
left
:
0
;
opacity
:
.3
;
position
:
fixed
;
top
:
0
;
width
:
100%
;
z-index
:
90
}
.dialog-panel
{
display
:
none
;
position
:
absolute
;
z-index
:
100
}
.dialog-title
{
color
:
#FFFFFF
;
float
:
left
;
font-size
:
12px
;
margin-left
:
12px
}
.dialog-header-bg
{
background
:
#32323a
;
border-radius
:
6px
6px
0
0
;
cursor
:
move
;
height
:
34px
;
line-height
:
34px
}
.dialog-header-bg
.icon-close
{
cursor
:
pointer
;
float
:
right
;
height
:
18px
;
margin-top
:
6px
;
padding
:
3px
;
width
:
22px
;
color
:
#1fb5ad
}
.dialog-header-bg
.icon-close
:hover
{
color
:
#1ca59e
}
.dialog-main
{
background-color
:
#FFFFFF
;
border
:
1px
solid
#666666
;
border-color
:
#C0C0C0
#D9D9D9
#D9D9D9
;
border-top-width
:
0
;
padding
:
12px
}
.paginate-paginate
div
.button.paginate-page
,
.paginate-paginate
a
,
.paginate-pageCount
,
.pagination-pages
{
border
:
1px
solid
#EFF2F7
;
padding
:
6px
12px
;
cursor
:
pointer
;
float
:
left
;
line-height
:
18px
;
background
:
#eee
;
height
:
18px
;
margin-left
:
1px
;
border-radius
:
0
;
text-decoration
:
none
;
color
:
#333
}
.pagination-current-page
,
.paginate-pageCount
{
cursor
:
auto
}
.paginate-pageCount
{
margin-left
:
10px
}
.pagination-current-page
,
.paginate-paginate
a
:hover
,
.paginate-paginate
div
.button.paginate-page
:hover
,
.pagination-pages
:hover
{
border-color
:
#2eb4ad
;
background-color
:
#2eb4ad
;
color
:
#FFF
}
.paginate-paginate
div
.button
{
padding
:
0
;
float
:
left
;
border
:
0
;
background
:
none
}
.paginate-inputPage
{
height
:
26px
;
width
:
24px
;
margin
:
0
5px
}
.table-main
{
margin
:
0
;
padding
:
0
;
position
:
relative
}
.table-main
table
{
word-break
:
break-all
;
word-wrap
:
break-word
}
.table-header
{
border-bottom
:
1px
solid
#ddd
;
background-color
:
#fafafa
;
padding
:
15px
0
}
.table-header
th
{
line-height
:
18px
;
text-align
:
left
;
text-indent
:
6px
;
font-weight
:
normal
}
.table-main
td
{
border-bottom
:
1px
solid
#ddd
;
color
:
#767676
;
padding
:
10px
0
}
.table-lineHover
.table-hasExpend
td
{
border-bottom
:
0px
}
.table-heiglight
td
,
.table-lineHover
td
{
background-color
:
#fafafa
;
border-right-color
:
#fafafa
}
.table-expendRow
td
{
padding
:
0
0
5px
36px
}
.table-expendRow
td
span
{
margin-left
:
60px
}
.table-expendRow
td
a
{
padding
:
1px
5px
;
font-size
:
12px
;
line-height
:
1.5
;
border-radius
:
3px
;
text-decoration
:
none
;
color
:
#FFF
;
background-color
:
#c7cbd6
;
border-color
:
#c7cbd6
}
.table-expendRow
td
a
:hover
{
background-color
:
#b0b5b9
;
border-color
:
#b0b5b9
}
.table-center
{
margin
:
0
auto
}
.table-tag
{
color
:
#D54121
;
font-size
:
12px
;
font-style
:
italic
;
margin-left
:
10px
}
.navigation-icon
{
height
:
18px
;
width
:
18px
;
float
:
left
;
margin
:
-1px
10px
0
0
}
#preferenceSignButton1
,
#preferenceSignButton2
,
#preferenceSignButton3
{
margin
:
10px
0
}
#tabPreferencePanel
label
,
#tabPreferencePanel_setting
label
,
.form__no-table
label
{
width
:
100%
;
margin-top
:
10px
;
font-weight
:
bold
}
.page-list__label
{
width
:
100%
}
.search-btn
{
position
:
absolute
;
top
:
28px
;
right
:
27px
;
border-radius
:
0
4px
4px
0
}
.vditor-toolbar
label
{
margin-bottom
:
0
}
.vditor
.vditor-textarea
{
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
@media
(
max-width
:
768px
){
#top
>
a
{
display
:
none
}
#tabsPanel
{
margin-left
:
0
}
.footer
{
padding-left
:
0
}
.skinPreview
{
width
:
100%
;
height
:
auto
;
margin
:
0
}
.tip
{
left
:
12px
}
#tabs
{
transition
:
all
0.15s
ease-in-out
;
left
:
-240px
;
z-index
:
100
}
.top__menu
{
font-size
:
22px
;
margin
:
12px
;
float
:
left
;
display
:
block
}
.fn__flex
{
display
:
block
}
#permalink
{
margin
:
0
!important
}
.permalink__label
{
margin-bottom
:
10px
!important
}
.viewpwd__panel
,
.article-commentable__panel
{
float
:
none
}
#viewPwd
{
width
:
100%
!important
}
.viewpwd__panel
label
{
margin-top
:
20px
}
.signs
label
{
width
:
100%
}
.table-expendRow
td
{
padding-left
:
10px
}
.about-margin
{
margin-bottom
:
10px
}
.about__iframe
{
margin
:
0
0
20px
0
!important
}
.about-logo
{
margin
:
0
auto
;
display
:
block
;
float
:
none
;
width
:
128px
}
.about__panel
{
margin-left
:
0
!important
}
.dialog-panel
{
left
:
0
!important
;
top
:
0
!important
;
padding
:
10px
!important
;
box-sizing
:
border-box
!important
;
width
:
100%
!important
}
.tabs__bg
{
display
:
none
;
width
:
100vw
;
height
:
100vh
;
background-color
:
rgba
(
0
,
0
,
0
,
0.4
);
position
:
fixed
;
top
:
0
;
z-index
:
78
}}
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
;
height
:
100%
}
body
{
margin
:
0
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
font-size
:
14px
;
background-color
:
#fff
;
-webkit-font-smoothing
:
antialiased
;
-webkit-overflow-scrolling
:
touch
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
0.4
)}
::selection
{
text-shadow
:
none
;
background
:
rgba
(
66
,
133
,
244
,
0.4
)}
ul
,
ol
{
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dd
,
p
{
margin
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
nav
,
section
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
}
a
{
outline
:
0
;
text-decoration
:
none
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
;
overflow
:
hidden
;
font-size
:
12px
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
outline
:
none
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
button
,
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
"search"
]
{
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
"search"
]
::-webkit-search-decoration
,
input
[
type
=
"search"
]
::-webkit-search-cancel-button
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
blockquote
{
margin
:
0
}
.fn__flex
{
display
:
flex
}
.fn__flex-center
{
align-self
:
center
}
.fn__flex-inline
{
display
:
inline-flex
;
align-items
:
center
}
.fn__flex-1
{
flex
:
1
;
min-width
:
1px
}
.fn__flex-column
{
min-height
:
100%
;
display
:
flex
;
flex-direction
:
column
}
.fn__pointer
{
cursor
:
pointer
}
.fn__clear
:before
,
.fn__clear
:after
{
display
:
table
;
content
:
""
}
.fn__clear
:after
{
clear
:
both
}
.fn__left
{
float
:
left
}
.fn__right
{
float
:
right
}
.fn__none
{
display
:
none
}
.fn__hidden
{
visibility
:
hidden
}
.fn__ellipsis
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
word-wrap
:
normal
}
.ft__13
{
font-size
:
13px
}
.ft__smaller
{
font-size
:
12px
}
.ft__center
{
text-align
:
center
}
.ft__nowrap
{
white-space
:
nowrap
}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.vditor-tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.vditor-tooltipped
::after
{
position
:
absolute
;
z-index
:
1000000
;
display
:
none
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
normal
;
-webkit-font-smoothing
:
subpixel-antialiased
;
color
:
#fff
;
text-align
:
center
;
text-decoration
:
none
;
text-shadow
:
none
;
text-transform
:
none
;
letter-spacing
:
normal
;
word-wrap
:
break-word
;
white-space
:
pre
;
pointer-events
:
none
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
0.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.vditor-tooltipped
::before
{
position
:
absolute
;
z-index
:
1000001
;
display
:
none
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
pointer-events
:
none
;
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
.vditor-tooltipped--hover
::before
,
.vditor-tooltipped--hover
::after
,
.vditor-tooltipped
:hover::before
,
.vditor-tooltipped
:hover::after
,
.vditor-tooltipped
:active::before
,
.vditor-tooltipped
:active::after
,
.vditor-tooltipped
:focus::before
,
.vditor-tooltipped
:focus::after
{
display
:
inline-block
;
text-decoration
:
none
;
animation-name
:
tooltip-appear
;
animation-duration
:
0.1s
;
animation-fill-mode
:
forwards
;
animation-timing-function
:
ease-in
;
animation-delay
:
0.4s
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__se
::after
,
.vditor-tooltipped__sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.vditor-tooltipped__s
::before
,
.vditor-tooltipped__se
::before
,
.vditor-tooltipped__sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__sw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__n
::after
,
.vditor-tooltipped__ne
::after
,
.vditor-tooltipped__nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.vditor-tooltipped__n
::before
,
.vditor-tooltipped__ne
::before
,
.vditor-tooltipped__nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__nw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__n
::after
{
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-panel
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
;
z-index
:
1
;
font-size
:
14px
;
display
:
none
;
user-select
:
none
;
max-width
:
200px
;
min-width
:
80px
}
.vditor-panel
h1
,
.vditor-panel
h2
,
.vditor-panel
h3
,
.vditor-panel
h4
,
.vditor-panel
h5
,
.vditor-panel
h6
{
margin
:
0
;
cursor
:
pointer
;
padding
:
3px
10px
;
border-radius
:
3px
;
line-height
:
normal
}
.vditor-panel
h1
:hover
,
.vditor-panel
h2
:hover
,
.vditor-panel
h3
:hover
,
.vditor-panel
h4
:hover
,
.vditor-panel
h5
:hover
,
.vditor-panel
h6
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-toolbar
{
background-color
:
#f6f8fa
;
border-bottom
:
1px
solid
#d1d5da
;
padding
:
0
5px
;
border-radius
:
3px
3px
0
0
}
.vditor-toolbar
>
div
{
padding
:
10px
5px
;
float
:
left
;
line-height
:
14px
;
height
:
36px
;
box-sizing
:
border-box
}
.vditor-toolbar
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
.vditor-toolbar
.vditor-tooltipped
{
color
:
#586069
}
.vditor-toolbar
.vditor-tooltipped
:hover
{
color
:
#4285f4
}
.vditor-toolbar
label
{
overflow
:
hidden
;
position
:
relative
;
height
:
14px
;
width
:
15px
;
display
:
block
;
cursor
:
pointer
}
.vditor-toolbar
input
{
position
:
absolute
;
width
:
1px
;
opacity
:
.001
;
height
:
14px
;
overflow
:
hidden
}
.vditor-menu--current
svg
{
color
:
#4285f4
}
.vditor-menu__divider
{
width
:
10px
}
.vditor-menu__br
{
width
:
100%
;
padding
:
0
!important
;
height
:
0
!important
}
.vditor-emojis
{
display
:
inline-block
}
.vditor-emojis__tail
{
font-size
:
12px
;
text-align
:
right
;
color
:
#586069
}
.vditor-emojis__tail
a
{
text-decoration
:
none
;
color
:
#586069
}
.vditor-emojis__tail
a
:hover
{
color
:
#4285f4
}
.vditor-emojis
span
{
cursor
:
pointer
;
border-radius
:
3px
;
float
:
left
;
height
:
26px
;
width
:
26px
;
text-align
:
center
;
line-height
:
20px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
}
.vditor-emojis
span
:hover
{
background-color
:
#4285f4
}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
}
.vditor
{
display
:
flex
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
flex
;
min-height
:
60px
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
.vditor-textarea
[
disabled
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-preview
{
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
::-webkit-scrollbar
{
display
:
none
}
.vditor-counter
{
padding
:
0
3px
;
position
:
absolute
;
bottom
:
10px
;
right
:
20px
;
color
:
#24292e
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
border-radius
:
3px
;
font-size
:
12px
;
user-select
:
none
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
1px
0
;
border-radius
:
5px
;
cursor
:
row-resize
;
transition
:
all
.15s
ease-in-out
;
user-select
:
none
;
background-color
:
#f6f8fa
}
.vditor-resize
:hover
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
{
color
:
#fff
}
.vditor-resize
svg
{
fill
:
currentColor
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
13px
;
height
:
3px
;
display
:
block
;
margin
:
0
auto
;
color
:
#586069
}
.vditor-upload
{
opacity
:
0
;
position
:
absolute
;
width
:
100%
;
height
:
5px
;
left
:
0
;
top
:
-3px
;
border-radius
:
3px
;
overflow
:
hidden
;
transition
:
all
.15s
ease-in-out
;
color
:
#fff
;
font-size
:
12px
;
line-height
:
14px
}
.vditor-upload
ul
{
margin
:
0
}
.vditor-upload--tip
{
height
:
auto
;
opacity
:
1
!important
}
.vditor-upload--tip
.vditor-upload__close
{
display
:
block
}
.vditor-upload__close
{
display
:
none
;
position
:
absolute
;
right
:
5px
;
cursor
:
pointer
;
padding
:
5px
;
top
:
0
}
.vditor-upload__progress
{
height
:
100%
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
);
transition
:
all
.15s
ease-in-out
;
padding
:
5px
;
box-sizing
:
border-box
}
.vditor-hint
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
1
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
200px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
li
{
cursor
:
pointer
;
padding
:
3px
10px
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
}
.vditor-hint
li
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
li
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-hint__emoji
{
font-size
:
16px
;
float
:
left
;
margin-right
:
3px
}
.vditor-hint
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin-right
:
3px
}
.vditor-reset
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.65
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
video
{
max-height
:
90vh
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
top
}
.vditor-reset
h1
,
.vditor-reset
h2
,
.vditor-reset
h3
,
.vditor-reset
h4
,
.vditor-reset
h5
,
.vditor-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.vditor-reset
h1
{
padding-bottom
:
0.3em
;
font-size
:
1.7em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h2
{
padding-bottom
:
0.3em
;
font-size
:
1.5em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h3
{
font-size
:
1.25em
}
.vditor-reset
h4
{
font-size
:
1em
}
.vditor-reset
h5
{
font-size
:
0.875em
}
.vditor-reset
h6
{
font-size
:
0.85em
}
.vditor-reset
hr
{
height
:
0.15em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.vditor-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
0.25em
solid
#ddd
;
margin
:
0
0
16px
0
}
.vditor-reset
blockquote
p
{
margin
:
0
}
.vditor-reset
ins
>
iframe
{
border
:
0
}
.vditor-reset
iframe
{
border
:
1px
solid
#d1d5da
}
.vditor-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.vditor-reset
thead
{
text-align
:
center
}
.vditor-reset
td
,
.vditor-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.vditor-reset
th
{
font-weight
:
bold
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
0.2
)}
.vditor-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
0.12
)}
.vditor-reset
tr
:hover
{
background
:
#efefef
}
.vditor-reset
code
{
padding
:
0.2em
0.4em
;
margin
:
0
;
font-size
:
85%
;
border-radius
:
3px
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
word-break
:
break-word
;
background-size
:
20px
20px
;
background-image
:
url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")
}
.vditor-reset
pre
>
code
{
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
}
.vditor-reset
pre
:hover
div
.vditor-copy
{
display
:
block
}
.vditor-reset
kbd
{
display
:
inline-block
;
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
#fcfcfc
;
border
:
solid
1px
#d1d5da
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.vditor-reset
summary
{
cursor
:
pointer
}
.vditor-reset
summary
:focus
{
outline
:
none
}
.vditor-reset
svg
{
height
:
auto
;
width
:
auto
}
.vditor-reset
.katex
{
position
:
relative
}
.vditor-task
{
list-style
:
none
;
margin-left
:
-1.4em
;
display
:
flex
;
align-items
:
center
}
.vditor-task
input
{
margin-right
:
5px
}
.vditor-copy
{
position
:
relative
;
display
:
none
}
.vditor-copy
textarea
{
position
:
absolute
;
top
:
-100000px
}
.vditor-copy
span
{
cursor
:
pointer
;
position
:
absolute
;
right
:
0.5em
;
top
:
0.5em
;
height
:
14px
;
width
:
14px
;
display
:
block
;
background-color
:
#f6f8fa
;
border-radius
:
3px
;
padding
:
3px
}
.vditor-copy
svg
{
color
:
#586069
;
height
:
14px
;
width
:
14px
;
display
:
block
;
fill
:
currentColor
}
body
{
color
:
#767676
;
background
:
#f1f2f7
;
font-size
:
13px
}
a
{
color
:
#4183c4
;
text-decoration
:
none
}
a
:visited
{
color
:
#7ba9d6
}
a
:active
{
color
:
#2c5d8d
}
a
:hover
{
text-decoration
:
underline
}
button
,
.completed-ck
span
{
padding
:
6px
12px
;
margin-bottom
:
0
;
font-size
:
14px
;
font-weight
:
400
;
text-align
:
center
;
white-space
:
nowrap
;
vertical-align
:
baseline
;
cursor
:
pointer
;
user-select
:
none
;
background-image
:
none
;
border
:
1px
solid
#1fb5ad
;
border-radius
:
4px
;
background-color
:
#1fb5ad
;
color
:
#fff
;
height
:
auto
;
outline
:
none
;
line-height
:
18px
}
button
.small
,
.completed-ck
span
.small
{
padding
:
3px
6px
;
font-size
:
12px
}
button
:hover
{
background-color
:
#1ca59e
;
border-color
:
#1ca59e
}
.fn__margin12
{
margin
:
12px
}
@font-face
{
font-family
:
'icomoon'
;
src
:
url("fonts/icomoon.eot?pmeuih")
;
src
:
url("fonts/icomoon.eot?pmeuih#iefix")
format
(
"embedded-opentype"
),
url("fonts/icomoon.ttf?pmeuih")
format
(
"truetype"
),
url("fonts/icomoon.woff?pmeuih")
format
(
"woff"
),
url("fonts/icomoon.svg?pmeuih#icomoon")
format
(
"svg"
);
font-weight
:
normal
;
font-style
:
normal
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
font-family
:
'icomoon'
!important
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
normal
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.icon-close
:before
{
content
:
"\e909"
}
.icon-move-down
:before
{
content
:
"\e90a"
}
.icon-move-up
:before
{
content
:
"\e90b"
}
.icon-unordered-list
:before
{
content
:
"\e004"
}
.icon-info
:before
{
content
:
"\e00d"
}
.icon-article
:before
{
content
:
"\e61d"
}
.icon-setting
:before
{
content
:
"\e604"
}
.icon-cmts
:before
{
content
:
"\e60a"
}
.icon-refresh
:before
{
content
:
"\e60b"
}
.icon-chevron-down
:before
{
content
:
"\e618"
}
.icon-chevron-up
:before
{
content
:
"\e619"
}
a
[
class
^=
"icon-"
],
a
[
class
*=
" icon-"
]
{
color
:
#333
}
a
[
class
^=
"icon-"
]
:hover
,
a
[
class
*=
" icon-"
]
:hover
{
text-decoration
:
none
;
color
:
#4183c4
}
.aboutIcon
{
background-position
:
-16px
-48px
}
.icon-move-down
,
.icon-move-up
{
cursor
:
pointer
}
#allPanel
{
height
:
auto
;
min-height
:
100%
;
position
:
relative
}
#tabsPanel
{
margin
:
50px
0
0
240px
;
padding
:
15px
;
min-height
:
100px
}
#tabsPanel
>
div
{
padding-bottom
:
36px
}
#tabsPanel_article-list
,
#tabsPanel_draft-list
,
#tabsPanel_comment-list
,
#tabsPanel_plugin-list
,
#tabsPanel_page-list
>
div
:first-child
,
#tabsPanel_user-list
>
div
:first-child
,
#tabsPanel_category-list
>
div
:first-child
,
#tabsPanel_link-list
>
div
:first-child
{
background-color
:
#FFF
;
border-radius
:
4px
;
margin-bottom
:
40px
;
overflow
:
hidden
}
.tip
{
font-weight
:
bold
;
margin
:
0
auto
;
overflow
:
hidden
;
padding
:
2px
0
;
position
:
fixed
;
text-align
:
center
;
top
:
3px
;
left
:
255px
;
z-index
:
1001
}
#tipMsg
,
#loadMsg
{
color
:
#31708f
;
background-color
:
#d9edf7
;
border-radius
:
4px
;
line-height
:
40px
;
display
:
inline-block
}
.footer
{
bottom
:
12px
;
position
:
absolute
;
text-align
:
center
;
width
:
100%
;
padding-left
:
240px
;
box-sizing
:
border-box
}
#top
{
height
:
50px
;
position
:
fixed
;
box-shadow
:
1px
0
3px
rgba
(
0
,
0
,
0
,
0.15
);
width
:
100%
;
top
:
0
;
background-color
:
#fff
;
z-index
:
80
}
#top
>
a
{
background
:
#1fb5ad
;
float
:
left
;
width
:
240px
;
height
:
50px
;
position
:
relative
;
color
:
#F7F7F7
;
text-align
:
center
;
text-decoration
:
none
;
font-size
:
20px
;
line-height
:
50px
}
#top
>
.fn__right
a
{
color
:
#555
;
line-height
:
32px
;
margin
:
8px
10px
;
border
:
1px
solid
#f6f6f6
;
background-color
:
#f6f6f6
;
border-radius
:
100px
;
padding
:
0
10px
;
text-decoration
:
none
;
display
:
inline-block
}
#top
>
.fn__right
a
:hover
{
color
:
#333
}
#top
.avatar
{
height
:
25px
;
width
:
25px
;
border-radius
:
20px
;
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
center
center
;
float
:
left
;
margin
:
3px
6px
0
0
}
#tabs
{
height
:
100%
;
min-height
:
468px
;
width
:
240px
;
margin-top
:
50px
;
position
:
fixed
;
top
:
0
;
background-color
:
#32323a
;
overflow
:
auto
}
#tabs
ul
{
list-style
:
none
}
#tabs
li
{
margin-left
:
0px
;
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
0.05
)}
#tabs
li
>
div
>
a
,
#tabs
#tabToolsTitle
,
#tabs
#tabArticleTitle
{
color
:
#aeb2b7
;
display
:
block
;
text-decoration
:
none
;
letter-spacing
:
1px
;
padding
:
18px
0
18px
25px
;
line-height
:
18px
;
height
:
18px
;
transition
:
all
0.3s
ease
;
cursor
:
pointer
}
#tabs
a
:hover
,
#tabs
a
.tab-current
,
#tabs
#tabToolsTitle
.tab-current
,
#tabs
#tabArticleTitle
.tab-current
,
#tabs
#tabToolsTitle
:hover
,
#tabs
#tabArticleTitle
:hover
{
background-color
:
#28282e
;
color
:
#1fb5ad
}
#tabs
li
li
{
border-bottom
:
0
}
#tabs
li
li
>
div
>
a
{
padding
:
13px
0
13px
46px
;
line-height
:
15px
;
height
:
15px
;
background-color
:
#28282e
}
#tabs
li
li
>
div
>
a
:hover
,
#tabs
li
li
>
div
>
a
.tab-current
{
background-color
:
#202025
}
#tabs
.commentIcon
,
#tabs
.postIcon
,
#tabs
.preferenceIcon
,
#tabs
.usersIcon
,
#tabs
.aboutIcon
{
display
:
none
}
#tabs
.icon-chevron-up
,
#tabs
.icon-chevron-down
{
margin-right
:
10px
}
.sub-tabs
{
background-color
:
#e0e1e7
;
border-radius
:
4px
4px
0
0
;
overflow
:
hidden
}
.sub-tabs
ul
{
float
:
left
;
list-style
:
none
outside
none
;
margin-right
:
24px
}
.sub-tabs
li
{
float
:
left
;
margin
:
0
}
.sub-tabs
li
a
{
border-right
:
1px
solid
#e0e1e7
;
color
:
#898989
;
display
:
block
;
line-height
:
18px
;
padding
:
20px
15px
;
text-decoration
:
none
}
.sub-tabs
.tab-current
,
.sub-tabs
.tab-current
:hover
,
.sub-tabs
a
:hover
{
background-color
:
#FFFFFF
;
color
:
#1fb5ad
}
.sub-tabs-main
{
background-color
:
#FFFFFF
;
padding
:
15px
;
border-radius
:
0
0
4px
4px
}
.form
>
div
{
margin
:
15px
0
}
.form
label
{
margin-bottom
:
10px
;
display
:
inline-block
}
.form
label
.checkbox
{
display
:
inline-flex
;
align-items
:
center
;
margin
:
11px
0
}
.form
label
.checkbox
input
{
height
:
auto
}
.form
input
[
type
=
'text'
],
.form
input
[
type
=
'password'
],
.form
textarea
,
.form
select
{
font-size
:
14px
;
outline
:
medium
none
;
width
:
100%
;
padding
:
6px
12px
;
height
:
34px
;
box-sizing
:
border-box
;
border
:
1px
solid
#e2e2e4
;
color
:
#333
;
border-radius
:
4px
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
background-color
:
#fff
}
.form
textarea
{
height
:
auto
}
.form
input
[
type
=
'text'
]
:focus
,
.form
input
[
type
=
'radio'
]
:focus
,
.form
input
[
type
=
'password'
]
:focus
,
.form
textarea
:focus
{
box-shadow
:
none
;
border-color
:
#1fb5ad
}
table
.form
label
{
margin
:
10px
0
0
0
}
table
.form
th
{
vertical-align
:
initial
}
.module-panel
{
border-radius
:
4px
;
background-color
:
#fff
;
margin-bottom
:
20px
;
min-height
:
160px
}
.module-header
{
background
:
#fafafa
;
padding
:
15px
;
border-bottom
:
1px
solid
#eff2f7
;
border-top-left-radius
:
3px
;
border-top-right-radius
:
3px
}
.module-header
h2
{
font-size
:
13px
;
font-weight
:
400
}
.module-header
a
{
color
:
#767676
;
text-decoration
:
none
}
.module-header
a
:hover
{
color
:
#1fb5ad
}
.module-panel
.module-body
{
padding
:
15px
}
.module-panel
.module-body
li
{
padding
:
10px
;
line-height
:
18px
;
border-bottom
:
1px
solid
#ddd
}
.module-panel
.module-body
li
:hover
{
background-color
:
#fafafa
}
.module-panel
.module-body
li
a
:hover
{
text-decoration
:
none
}
.comment-title
{
background-color
:
#ECECEC
;
border-bottom
:
1px
solid
#DFDFDF
;
border-top
:
1px
solid
#F9F9F9
;
padding
:
3px
6px
3px
12px
;
line-height
:
24px
}
#comments
{
height
:
462px
;
overflow
:
auto
}
.article__thumbnail
{
margin
:
10px
auto
20px
;
display
:
none
;
text-align
:
center
}
.article__thumbnail
.thumbnail__img
{
background-color
:
rgba
(
0
,
0
,
0
,
0.02
);
background-size
:
cover
;
background-repeat
:
no-repeat
;
background-position
:
50%
;
height
:
432px
;
width
:
768px
;
margin
:
0
auto
}
.article__thumbnail
button
{
margin-top
:
10px
}
button
#submitArticle
{
background-color
:
#fa8564
;
border-color
:
#fa8564
}
button
#submitArticle
:hover
{
background-color
:
#ec6459
;
border-color
:
#ec6459
}
#pagePagePanel
{
margin-top
:
0
}
#skinsPanel
{
min-width
:
328px
;
width
:
99%
}
.skinPreview
{
height
:
160px
;
width
:
280px
}
.skinItem
{
background-color
:
#FAFAFA
;
border-radius
:
3px
;
box-shadow
:
0
0
1px
rgba
(
0
,
0
,
0
,
0.3
);
font-size
:
16px
;
line-height
:
24px
;
margin
:
10px
;
text-align
:
center
}
.skinItem
button
:first-child
{
margin-left
:
10px
}
#skinMain
.skinItem.selected
,
.skinItem
:hover
{
background-color
:
#1fb5ad
;
box-shadow
:
0px
0px
6px
rgba
(
0
,
0
,
0
,
0.3
)}
.f-blue
,
.error-msg
{
color
:
#3366CC
}
.signs
button
{
margin
:
0
12px
}
.small-head
{
float
:
left
;
height
:
35px
;
margin
:
3px
9px
0
3px
;
width
:
35px
}
#commentTable
.table-main
td
{
vertical-align
:
top
}
.about-logo
{
float
:
left
;
margin
:
20px
0
0
20px
}
.about-margin
{
font-size
:
20px
;
margin
:
20px
0
}
.vditor-reset
.about-list
li
{
border
:
0
}
.vditor-reset
.about-list
li
:hover
{
background-color
:
#fff
;
text-decoration
:
underline
}
.tag__select
{
position
:
relative
;
display
:
block
}
.tag__select
button
{
position
:
absolute
;
right
:
0
;
top
:
1px
;
border-radius
:
0
4px
4px
0
}
.completed-panel
{
background-color
:
#fff
;
border
:
1px
solid
#ddd
;
color
:
#0000CC
;
display
:
none
;
overflow
:
auto
;
padding
:
2px
;
position
:
absolute
;
z-index
:
10
;
width
:
50%
;
border-top
:
0
}
.completed-panel
a
{
display
:
block
;
text-decoration
:
none
;
line-height
:
26px
;
padding
:
0
5px
}
.completed-panel
a
.selected
{
background-color
:
#fafafa
;
color
:
#fa8564
}
.completed-ck
{
margin-top
:
9px
}
.completed-ck
span
,
.signs
button
,
.skinItem
button
{
margin
:
5px
10px
5px
0
;
display
:
inline-block
;
background-color
:
#c7cbd6
;
border-color
:
#c7cbd6
}
.completed-ck
span
:hover
,
.signs
button
:hover
,
.skinItem
button
:hover
{
background-color
:
#b0b5b9
;
border-color
:
#b0b5b9
}
.completed-ck
span
.selected
,
.signs
button
.selected
{
background-color
:
#1ca59e
;
border-color
:
#1ca59e
;
color
:
#fff
}
.dialog-background
{
background-color
:
#000000
;
display
:
none
;
filter
:
alpha
(
opacity
=
30
);
height
:
100%
;
left
:
0
;
opacity
:
.3
;
position
:
fixed
;
top
:
0
;
width
:
100%
;
z-index
:
90
}
.dialog-panel
{
display
:
none
;
position
:
absolute
;
z-index
:
100
}
.dialog-title
{
color
:
#FFFFFF
;
float
:
left
;
font-size
:
12px
;
margin-left
:
12px
}
.dialog-header-bg
{
background
:
#32323a
;
border-radius
:
6px
6px
0
0
;
cursor
:
move
;
height
:
34px
;
line-height
:
34px
}
.dialog-header-bg
.icon-close
{
cursor
:
pointer
;
float
:
right
;
height
:
18px
;
margin-top
:
6px
;
padding
:
3px
;
width
:
22px
;
color
:
#1fb5ad
}
.dialog-header-bg
.icon-close
:hover
{
color
:
#1ca59e
}
.dialog-main
{
background-color
:
#FFFFFF
;
border
:
1px
solid
#666666
;
border-color
:
#C0C0C0
#D9D9D9
#D9D9D9
;
border-top-width
:
0
;
padding
:
12px
}
.paginate-paginate
div
.button.paginate-page
,
.paginate-paginate
a
,
.paginate-pageCount
,
.pagination-pages
{
border
:
1px
solid
#EFF2F7
;
padding
:
6px
12px
;
cursor
:
pointer
;
float
:
left
;
line-height
:
18px
;
background
:
#eee
;
height
:
18px
;
margin-left
:
1px
;
border-radius
:
0
;
text-decoration
:
none
;
color
:
#333
}
.pagination-current-page
,
.paginate-pageCount
{
cursor
:
auto
}
.paginate-pageCount
{
margin-left
:
10px
}
.pagination-current-page
,
.paginate-paginate
a
:hover
,
.paginate-paginate
div
.button.paginate-page
:hover
,
.pagination-pages
:hover
{
border-color
:
#2eb4ad
;
background-color
:
#2eb4ad
;
color
:
#FFF
}
.paginate-paginate
div
.button
{
padding
:
0
;
float
:
left
;
border
:
0
;
background
:
none
}
.paginate-inputPage
{
height
:
26px
;
width
:
24px
;
margin
:
0
5px
}
.table-main
{
margin
:
0
;
padding
:
0
;
position
:
relative
}
.table-main
table
{
word-break
:
break-all
;
word-wrap
:
break-word
}
.table-header
{
border-bottom
:
1px
solid
#ddd
;
background-color
:
#fafafa
;
padding
:
15px
0
}
.table-header
th
{
line-height
:
18px
;
text-align
:
left
;
text-indent
:
6px
;
font-weight
:
normal
}
.table-main
td
{
border-bottom
:
1px
solid
#ddd
;
color
:
#767676
;
padding
:
10px
0
}
.table-lineHover
.table-hasExpend
td
{
border-bottom
:
0px
}
.table-heiglight
td
,
.table-lineHover
td
{
background-color
:
#fafafa
;
border-right-color
:
#fafafa
}
.table-expendRow
td
{
padding
:
0
0
5px
36px
}
.table-expendRow
td
span
{
margin-left
:
60px
}
.table-expendRow
td
a
{
padding
:
1px
5px
;
font-size
:
12px
;
line-height
:
1.5
;
border-radius
:
3px
;
text-decoration
:
none
;
color
:
#FFF
;
background-color
:
#c7cbd6
;
border-color
:
#c7cbd6
}
.table-expendRow
td
a
:hover
{
background-color
:
#b0b5b9
;
border-color
:
#b0b5b9
}
.table-center
{
margin
:
0
auto
}
.table-tag
{
color
:
#D54121
;
font-size
:
12px
;
font-style
:
italic
;
margin-left
:
10px
}
.navigation-icon
{
height
:
18px
;
width
:
18px
;
float
:
left
;
margin
:
-1px
10px
0
0
}
#preferenceSignButton1
,
#preferenceSignButton2
,
#preferenceSignButton3
{
margin
:
10px
0
}
#tabPreferencePanel
label
,
#tabPreferencePanel_setting
label
,
.form__no-table
label
{
width
:
100%
;
margin-top
:
10px
;
font-weight
:
bold
}
.page-list__label
{
width
:
100%
}
.search-btn
{
position
:
absolute
;
top
:
28px
;
right
:
27px
;
border-radius
:
0
4px
4px
0
}
.vditor-toolbar
label
{
margin-bottom
:
0
}
.vditor
.vditor-textarea
{
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
@media
(
max-width
:
768px
){
#top
>
a
{
display
:
none
}
#tabsPanel
{
margin-left
:
0
}
.footer
{
padding-left
:
0
}
.skinPreview
{
width
:
100%
;
height
:
auto
;
margin
:
0
}
.tip
{
left
:
12px
}
#tabs
{
transition
:
all
0.15s
ease-in-out
;
left
:
-240px
;
z-index
:
100
}
.top__menu
{
font-size
:
22px
;
margin
:
12px
;
float
:
left
;
display
:
block
}
.fn__flex
{
display
:
block
}
#permalink
{
margin
:
0
!important
}
.permalink__label
{
margin-bottom
:
10px
!important
}
.viewpwd__panel
,
.article-commentable__panel
{
float
:
none
}
#viewPwd
{
width
:
100%
!important
}
.viewpwd__panel
label
{
margin-top
:
20px
}
.signs
label
{
width
:
100%
}
.table-expendRow
td
{
padding-left
:
10px
}
.about-margin
{
margin-bottom
:
10px
}
.about__iframe
{
margin
:
0
0
20px
0
!important
}
.about-logo
{
margin
:
0
auto
;
display
:
block
;
float
:
none
;
width
:
128px
}
.about__panel
{
margin-left
:
0
!important
}
.dialog-panel
{
left
:
0
!important
;
top
:
0
!important
;
padding
:
10px
!important
;
box-sizing
:
border-box
!important
;
width
:
100%
!important
}
.tabs__bg
{
display
:
none
;
width
:
100vw
;
height
:
100vh
;
background-color
:
rgba
(
0
,
0
,
0
,
0.4
);
position
:
fixed
;
top
:
0
;
z-index
:
78
}}
src/main/webapp/scss/base.css
View file @
1a8b4713
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
;
height
:
100%
}
body
{
margin
:
0
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
font-size
:
14px
;
background-color
:
#fff
;
-webkit-font-smoothing
:
antialiased
;
-webkit-overflow-scrolling
:
touch
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
0.4
)}
::selection
{
text-shadow
:
none
;
background
:
rgba
(
66
,
133
,
244
,
0.4
)}
ul
,
ol
{
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dd
,
p
{
margin
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
nav
,
section
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
}
a
{
outline
:
0
;
text-decoration
:
none
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
;
overflow
:
hidden
;
font-size
:
12px
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
outline
:
none
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
button
,
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
"search"
]
{
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
"search"
]
::-webkit-search-decoration
,
input
[
type
=
"search"
]
::-webkit-search-cancel-button
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
blockquote
{
margin
:
0
}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.vditor-tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.vditor-tooltipped
::after
{
position
:
absolute
;
z-index
:
1000000
;
display
:
none
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
normal
;
-webkit-font-smoothing
:
subpixel-antialiased
;
color
:
#fff
;
text-align
:
center
;
text-decoration
:
none
;
text-shadow
:
none
;
text-transform
:
none
;
letter-spacing
:
normal
;
word-wrap
:
break-word
;
white-space
:
pre
;
pointer-events
:
none
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
0.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.vditor-tooltipped
::before
{
position
:
absolute
;
z-index
:
1000001
;
display
:
none
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
pointer-events
:
none
;
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
.vditor-tooltipped--hover
::before
,
.vditor-tooltipped--hover
::after
,
.vditor-tooltipped
:hover::before
,
.vditor-tooltipped
:hover::after
,
.vditor-tooltipped
:active::before
,
.vditor-tooltipped
:active::after
,
.vditor-tooltipped
:focus::before
,
.vditor-tooltipped
:focus::after
{
display
:
inline-block
;
text-decoration
:
none
;
animation-name
:
tooltip-appear
;
animation-duration
:
0.1s
;
animation-fill-mode
:
forwards
;
animation-timing-function
:
ease-in
;
animation-delay
:
0.4s
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__se
::after
,
.vditor-tooltipped__sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.vditor-tooltipped__s
::before
,
.vditor-tooltipped__se
::before
,
.vditor-tooltipped__sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__sw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__n
::after
,
.vditor-tooltipped__ne
::after
,
.vditor-tooltipped__nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.vditor-tooltipped__n
::before
,
.vditor-tooltipped__ne
::before
,
.vditor-tooltipped__nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__nw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__n
::after
{
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-panel
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
;
z-index
:
1
;
font-size
:
14px
;
display
:
none
;
user-select
:
none
;
max-width
:
200px
;
min-width
:
80px
}
.vditor-panel
h1
,
.vditor-panel
h2
,
.vditor-panel
h3
,
.vditor-panel
h4
,
.vditor-panel
h5
,
.vditor-panel
h6
{
margin
:
0
;
cursor
:
pointer
;
padding
:
3px
10px
;
border-radius
:
3px
;
line-height
:
normal
}
.vditor-panel
h1
:hover
,
.vditor-panel
h2
:hover
,
.vditor-panel
h3
:hover
,
.vditor-panel
h4
:hover
,
.vditor-panel
h5
:hover
,
.vditor-panel
h6
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-toolbar
{
background-color
:
#f6f8fa
;
border-bottom
:
1px
solid
#d1d5da
;
padding
:
0
5px
;
border-radius
:
3px
3px
0
0
}
.vditor-toolbar
>
div
{
padding
:
10px
5px
;
float
:
left
;
line-height
:
14px
;
height
:
36px
;
box-sizing
:
border-box
}
.vditor-toolbar
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
.vditor-toolbar
.vditor-tooltipped
{
color
:
#586069
}
.vditor-toolbar
.vditor-tooltipped
:hover
{
color
:
#4285f4
}
.vditor-toolbar
label
{
overflow
:
hidden
;
position
:
relative
;
height
:
14px
;
width
:
15px
;
display
:
block
;
cursor
:
pointer
}
.vditor-toolbar
input
{
position
:
absolute
;
width
:
1px
;
opacity
:
.001
;
height
:
14px
;
overflow
:
hidden
}
.vditor-menu--current
svg
{
color
:
#4285f4
}
.vditor-menu__divider
{
width
:
10px
}
.vditor-menu__br
{
width
:
100%
;
padding
:
0
!important
;
height
:
0
!important
}
.vditor-emojis
{
display
:
inline-block
}
.vditor-emojis__tail
{
font-size
:
12px
;
text-align
:
right
;
color
:
#586069
}
.vditor-emojis__tail
a
{
text-decoration
:
none
;
color
:
#586069
}
.vditor-emojis__tail
a
:hover
{
color
:
#4285f4
}
.vditor-emojis
span
{
cursor
:
pointer
;
border-radius
:
3px
;
float
:
left
;
height
:
26px
;
width
:
26px
;
text-align
:
center
;
line-height
:
20px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
}
.vditor-emojis
span
:hover
{
background-color
:
#4285f4
}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
}
.vditor
{
display
:
flex
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
flex
;
min-height
:
60px
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
.vditor-textarea
[
disabled
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-preview
{
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
::-webkit-scrollbar
{
display
:
none
}
.vditor-counter
{
padding
:
0
3px
;
position
:
absolute
;
bottom
:
10px
;
right
:
20px
;
color
:
#24292e
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
border-radius
:
3px
;
font-size
:
12px
;
user-select
:
none
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
1px
0
;
border-radius
:
5px
;
cursor
:
row-resize
;
transition
:
all
.15s
ease-in-out
;
user-select
:
none
;
background-color
:
#f6f8fa
}
.vditor-resize
:hover
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
{
color
:
#fff
}
.vditor-resize
svg
{
fill
:
currentColor
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
13px
;
height
:
3px
;
display
:
block
;
margin
:
0
auto
;
color
:
#586069
}
.vditor-upload
{
opacity
:
0
;
position
:
absolute
;
width
:
100%
;
height
:
5px
;
left
:
0
;
top
:
-3px
;
border-radius
:
3px
;
overflow
:
hidden
;
transition
:
all
.15s
ease-in-out
;
color
:
#fff
;
font-size
:
12px
;
line-height
:
14px
}
.vditor-upload
ul
{
margin
:
0
}
.vditor-upload--tip
{
height
:
auto
;
opacity
:
1
!important
}
.vditor-upload--tip
.vditor-upload__close
{
display
:
block
}
.vditor-upload__close
{
display
:
none
;
position
:
absolute
;
right
:
5px
;
cursor
:
pointer
;
padding
:
5px
;
top
:
0
}
.vditor-upload__progress
{
height
:
100%
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
);
transition
:
all
.15s
ease-in-out
;
padding
:
5px
;
box-sizing
:
border-box
}
.vditor-hint
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
1
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
200px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
li
{
cursor
:
pointer
;
padding
:
3px
10px
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
}
.vditor-hint
li
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
li
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-hint__emoji
{
font-size
:
16px
;
float
:
left
;
margin-right
:
3px
}
.vditor-hint
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin-right
:
3px
}
.vditor-reset
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.65
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
video
{
max-height
:
90vh
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
top
}
.vditor-reset
h1
,
.vditor-reset
h2
,
.vditor-reset
h3
,
.vditor-reset
h4
,
.vditor-reset
h5
,
.vditor-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.vditor-reset
h1
{
padding-bottom
:
0.3em
;
font-size
:
1.7em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h2
{
padding-bottom
:
0.3em
;
font-size
:
1.5em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h3
{
font-size
:
1.25em
}
.vditor-reset
h4
{
font-size
:
1em
}
.vditor-reset
h5
{
font-size
:
0.875em
}
.vditor-reset
h6
{
font-size
:
0.85em
}
.vditor-reset
hr
{
height
:
0.15em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.vditor-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
0.25em
solid
#ddd
;
margin
:
0
0
16px
0
}
.vditor-reset
blockquote
p
{
margin
:
0
}
.vditor-reset
ins
>
iframe
{
border
:
0
}
.vditor-reset
iframe
{
border
:
1px
solid
#d1d5da
}
.vditor-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.vditor-reset
thead
{
text-align
:
center
}
.vditor-reset
td
,
.vditor-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.vditor-reset
th
{
font-weight
:
bold
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
0.2
)}
.vditor-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
0.12
)}
.vditor-reset
tr
:hover
{
background
:
#efefef
}
.vditor-reset
code
{
padding
:
0.2em
0.4em
;
margin
:
0
;
font-size
:
85%
;
border-radius
:
3px
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
word-break
:
break-word
;
background-size
:
20px
20px
;
background-image
:
url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")
}
.vditor-reset
pre
>
code
{
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
}
.vditor-reset
pre
:hover
div
.vditor-copy
{
display
:
block
}
.vditor-reset
kbd
{
display
:
inline-block
;
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
#fcfcfc
;
border
:
solid
1px
#d1d5da
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.vditor-reset
summary
{
cursor
:
pointer
}
.vditor-reset
summary
:focus
{
outline
:
none
}
.vditor-reset
svg
{
height
:
auto
;
width
:
auto
}
.vditor-reset
.katex
{
position
:
relative
}
.vditor-task
{
list-style
:
none
;
margin-left
:
-1.4em
;
display
:
flex
;
align-items
:
center
}
.vditor-task
input
{
margin-right
:
5px
}
.vditor-copy
{
position
:
relative
;
display
:
none
}
.vditor-copy
textarea
{
position
:
absolute
;
left
:
-100000px
}
.vditor-copy
span
{
cursor
:
pointer
;
position
:
absolute
;
right
:
0.5em
;
top
:
0.5em
;
height
:
14px
;
width
:
14px
;
display
:
block
;
background-color
:
#f6f8fa
;
border-radius
:
3px
;
padding
:
3px
}
.vditor-copy
svg
{
color
:
#586069
;
height
:
14px
;
width
:
14px
;
display
:
block
;
fill
:
currentColor
}
textarea
{
overflow
:
hidden
}
button
,
.button
{
background
:
url(../images/icon.png)
repeat
center
bottom
;
border
:
1px
solid
;
border-color
:
#CCC
#BBBBBB
#A0A0A0
;
border-radius
:
4px
;
height
:
28px
;
margin
:
0
;
padding
:
0
6px
;
vertical-align
:
top
}
button
:hover
,
.button
:hover
{
border-color
:
#BBB
}
.padding12
{
padding
:
12px
}
.paddingBottom12
{
padding-bottom
:
12px
!important
}
.paddingTop12
{
padding-top
:
12px
!important
}
.margin12
{
margin
:
12px
}
.marginTop12
{
margin-top
:
12px
!important
}
.marginBottom12
{
margin-bottom
:
12px
!important
}
.marginLeft12
{
margin-left
:
12px
!important
}
.marginLeft6
{
margin-left
:
6px
!important
}
.marginRight12
{
margin-right
:
12px
!important
}
.f-bold
{
font-weight
:
bold
!important
}
.nowrap
{
white-space
:
nowrap
}
.left
{
float
:
left
}
.right
{
float
:
right
}
.clear
{
background-color
:
transparent
;
border
:
0
;
clear
:
both
;
display
:
block
;
font-size
:
0
;
height
:
0
;
line-height
:
0
;
overflow
:
hidden
}
.fn-clear
:before
,
.fn-clear
:after
{
display
:
table
;
content
:
""
}
.fn-clear
:after
{
clear
:
both
}
.fn__flex
{
display
:
flex
}
.fn__flex1
{
flex
:
1
;
min-width
:
1px
}
.fn__flex-inline
{
display
:
inline-flex
!important
;
align-items
:
center
}
.none
{
display
:
none
}
.pointer
{
cursor
:
pointer
}
.no-underline
{
text-decoration
:
none
!important
}
.red
{
color
:
red
}
.contentBody
{
margin-bottom
:
12px
;
padding
:
3px
12px
}
.form
th
{
text-align
:
right
;
white-space
:
nowrap
}
.form
input
[
type
=
'text'
],
.form
input
[
type
=
'password'
],
.form
textarea
{
border-color
:
#C0C0C0
#D9D9D9
#D9D9D9
;
border-right
:
1px
solid
#D9D9D9
;
border-style
:
solid
;
border-width
:
1px
;
font-family
:
Helvetica
,
Arial
,
sans-serif
;
font-size
:
12px
;
outline
:
medium
none
;
width
:
99%
;
padding
:
0
3px
}
.form
input
{
height
:
24px
}
.form
input
[
type
=
'checkbox'
]
{
border
:
0
;
vertical-align
:
sub
;
height
:
20px
}
.form
input
.normalInput
{
width
:
auto
}
.form
input
[
type
=
'checkbox'
]
:focus
{
border
:
0
;
box-shadow
:
0
0
0
}
.form
input
:focus
,
.form
textarea
:focus
{
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.3
)
inset
}
.form
textarea
{
padding
:
3px
;
overflow
:
auto
;
resize
:
vertical
}
.logo
{
padding
:
0
5px
;
text-decoration
:
none
;
text-shadow
:
0
0
1px
#EEEEEE
}
.putTopIcon
,
.notPutTopIcon
,
.deleteIcon
,
.updateIcon
,
.commentIcon
,
.homeIcon
,
.adminIcon
,
.loginIcon
,
.logoutIcon
,
.calendarIcon
,
.browserIcon
,
.postIcon
,
.articlesIcon
,
.draftsIcon
,
.usersIcon
,
.linkIcon
,
.preferenceIcon
,
.pageIcon
,
.trueIcon
,
.falseIcon
,
.fileIcon
,
.othersIcon
,
.goTopIcon
,
.goBottomIcon
,
.cacheIcon
,
.aboutIcon
{
background-image
:
url("../images/icon.png")
;
cursor
:
pointer
;
height
:
16px
;
width
:
16px
}
.adminIcon
,
.loginIcon
,
.logoutIcon
,
.homeIcon
{
margin-top
:
3px
}
.pageIcon
{
background-position
:
-144px
0px
}
.postIcon
{
background-position
:
-16px
0
}
.linkIcon
{
background-position
:
-32px
0
}
.preferenceIcon
{
background-position
:
-48px
0
}
.articlesIcon
{
background-position
:
-64px
0
}
.trueIcon
{
background-position
:
-80px
0
;
cursor
:
auto
}
.falseIcon
{
background-position
:
-96px
0
;
cursor
:
auto
}
.fileIcon
{
background-position
:
-112px
0
}
.deleteIcon
{
background-position
:
0
-16px
}
.updateIcon
{
background-position
:
-16px
-16px
}
.commentIcon
{
background-position
:
-32px
-16px
}
.homeIcon
{
background-position
:
-64px
-16px
}
.adminIcon
{
background-position
:
-80px
-16px
}
.logoutIcon
{
background-position
:
-96px
-16px
}
.loginIcon
{
background-position
:
-112px
-16px
}
.browserIcon
{
background-position
:
-128px
-16px
}
.calendarIcon
{
background-position
:
-144px
-16px
}
.putTopIcon
{
background-position
:
-16px
-32px
;
float
:
left
}
.notPutTopIcon
{
background-position
:
-32px
-32px
;
float
:
left
}
.othersIcon
{
background-position
:
-48px
-32px
}
.cacheIcon
{
background-position
:
-96px
-32px
}
.draftsIcon
{
background-position
:
-96px
-32px
}
.usersIcon
{
background-position
:
-112px
-32px
}
.goTopIcon
{
background-position
:
-64px
-32px
;
position
:
fixed
;
right
:
20px
;
top
:
45%
}
.goBottomIcon
{
background-position
:
-80px
-32px
;
bottom
:
40%
;
position
:
fixed
;
right
:
20px
}
.em00
,
.em01
,
.em02
,
.em03
,
.em04
,
.em05
,
.em06
,
.em07
,
.em08
,
.em09
,
.em10
,
.em11
,
.em12
,
.em13
,
.em14
{
background-image
:
url("../images/emotions/emotions.png")
;
background-size
:
120px
;
float
:
left
;
height
:
24px
;
margin-right
:
5px
;
width
:
24px
}
#emotions
span
{
cursor
:
pointer
}
.em01
{
background-position
:
-24px
0
}
.em02
{
background-position
:
-48px
0
}
.em03
{
background-position
:
-72px
0
}
.em04
{
background-position
:
-96px
0
}
.em05
{
background-position
:
0px
-24px
}
.em06
{
background-position
:
-24px
-24px
}
.em07
{
background-position
:
-48px
-24px
}
.em08
{
background-position
:
-72px
-24px
}
.em09
{
background-position
:
-96px
-24px
}
.em10
{
background-position
:
0
-48px
}
.em11
{
background-position
:
-24px
-48px
}
.em12
{
background-position
:
-48px
-48px
}
.em13
{
background-position
:
-72px
-48px
}
.em14
{
background-position
:
-96px
-48px
}
#tags
{
list-style
:
none
}
#tags
li
{
float
:
left
;
list-style
:
none
;
height
:
38px
}
#tags
a
:hover
{
text-shadow
:
0
0
2px
#555555
}
#tags
a
{
border-radius
:
3px
3px
3px
3px
;
box-shadow
:
1px
1px
3px
#555555
;
float
:
left
;
margin
:
3px
6px
;
padding
:
3px
12px
;
text-decoration
:
none
}
#tags
.tags1
{
font-size
:
12px
;
font-weight
:
normal
}
#tags
.tags2
{
font-size
:
14px
;
font-weight
:
normal
}
#tags
.tags3
{
font-size
:
16px
;
font-weight
:
normal
}
#tags
.tags4
{
font-size
:
18px
;
font-weight
:
bold
}
#tags
.tags5
{
font-size
:
20px
;
font-weight
:
bold
}
#captcha
,
#captchaReply
{
cursor
:
pointer
}
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
;
height
:
100%
}
body
{
margin
:
0
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
font-size
:
14px
;
background-color
:
#fff
;
-webkit-font-smoothing
:
antialiased
;
-webkit-overflow-scrolling
:
touch
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
0.4
)}
::selection
{
text-shadow
:
none
;
background
:
rgba
(
66
,
133
,
244
,
0.4
)}
ul
,
ol
{
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dd
,
p
{
margin
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
nav
,
section
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
}
a
{
outline
:
0
;
text-decoration
:
none
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
;
overflow
:
hidden
;
font-size
:
12px
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
outline
:
none
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
button
,
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
"search"
]
{
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
"search"
]
::-webkit-search-decoration
,
input
[
type
=
"search"
]
::-webkit-search-cancel-button
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
blockquote
{
margin
:
0
}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.vditor-tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.vditor-tooltipped
::after
{
position
:
absolute
;
z-index
:
1000000
;
display
:
none
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
normal
;
-webkit-font-smoothing
:
subpixel-antialiased
;
color
:
#fff
;
text-align
:
center
;
text-decoration
:
none
;
text-shadow
:
none
;
text-transform
:
none
;
letter-spacing
:
normal
;
word-wrap
:
break-word
;
white-space
:
pre
;
pointer-events
:
none
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
0.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.vditor-tooltipped
::before
{
position
:
absolute
;
z-index
:
1000001
;
display
:
none
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
pointer-events
:
none
;
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
.vditor-tooltipped--hover
::before
,
.vditor-tooltipped--hover
::after
,
.vditor-tooltipped
:hover::before
,
.vditor-tooltipped
:hover::after
,
.vditor-tooltipped
:active::before
,
.vditor-tooltipped
:active::after
,
.vditor-tooltipped
:focus::before
,
.vditor-tooltipped
:focus::after
{
display
:
inline-block
;
text-decoration
:
none
;
animation-name
:
tooltip-appear
;
animation-duration
:
0.1s
;
animation-fill-mode
:
forwards
;
animation-timing-function
:
ease-in
;
animation-delay
:
0.4s
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__se
::after
,
.vditor-tooltipped__sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.vditor-tooltipped__s
::before
,
.vditor-tooltipped__se
::before
,
.vditor-tooltipped__sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__sw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__n
::after
,
.vditor-tooltipped__ne
::after
,
.vditor-tooltipped__nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.vditor-tooltipped__n
::before
,
.vditor-tooltipped__ne
::before
,
.vditor-tooltipped__nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__nw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__n
::after
{
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-panel
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
;
z-index
:
1
;
font-size
:
14px
;
display
:
none
;
user-select
:
none
;
max-width
:
200px
;
min-width
:
80px
}
.vditor-panel
h1
,
.vditor-panel
h2
,
.vditor-panel
h3
,
.vditor-panel
h4
,
.vditor-panel
h5
,
.vditor-panel
h6
{
margin
:
0
;
cursor
:
pointer
;
padding
:
3px
10px
;
border-radius
:
3px
;
line-height
:
normal
}
.vditor-panel
h1
:hover
,
.vditor-panel
h2
:hover
,
.vditor-panel
h3
:hover
,
.vditor-panel
h4
:hover
,
.vditor-panel
h5
:hover
,
.vditor-panel
h6
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-toolbar
{
background-color
:
#f6f8fa
;
border-bottom
:
1px
solid
#d1d5da
;
padding
:
0
5px
;
border-radius
:
3px
3px
0
0
}
.vditor-toolbar
>
div
{
padding
:
10px
5px
;
float
:
left
;
line-height
:
14px
;
height
:
36px
;
box-sizing
:
border-box
}
.vditor-toolbar
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
.vditor-toolbar
.vditor-tooltipped
{
color
:
#586069
}
.vditor-toolbar
.vditor-tooltipped
:hover
{
color
:
#4285f4
}
.vditor-toolbar
label
{
overflow
:
hidden
;
position
:
relative
;
height
:
14px
;
width
:
15px
;
display
:
block
;
cursor
:
pointer
}
.vditor-toolbar
input
{
position
:
absolute
;
width
:
1px
;
opacity
:
.001
;
height
:
14px
;
overflow
:
hidden
}
.vditor-menu--current
svg
{
color
:
#4285f4
}
.vditor-menu__divider
{
width
:
10px
}
.vditor-menu__br
{
width
:
100%
;
padding
:
0
!important
;
height
:
0
!important
}
.vditor-emojis
{
display
:
inline-block
}
.vditor-emojis__tail
{
font-size
:
12px
;
text-align
:
right
;
color
:
#586069
}
.vditor-emojis__tail
a
{
text-decoration
:
none
;
color
:
#586069
}
.vditor-emojis__tail
a
:hover
{
color
:
#4285f4
}
.vditor-emojis
span
{
cursor
:
pointer
;
border-radius
:
3px
;
float
:
left
;
height
:
26px
;
width
:
26px
;
text-align
:
center
;
line-height
:
20px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
}
.vditor-emojis
span
:hover
{
background-color
:
#4285f4
}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
}
.vditor
{
display
:
flex
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
flex
;
min-height
:
60px
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
.vditor-textarea
[
disabled
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-preview
{
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
::-webkit-scrollbar
{
display
:
none
}
.vditor-counter
{
padding
:
0
3px
;
position
:
absolute
;
bottom
:
10px
;
right
:
20px
;
color
:
#24292e
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
border-radius
:
3px
;
font-size
:
12px
;
user-select
:
none
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
1px
0
;
border-radius
:
5px
;
cursor
:
row-resize
;
transition
:
all
.15s
ease-in-out
;
user-select
:
none
;
background-color
:
#f6f8fa
}
.vditor-resize
:hover
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
{
color
:
#fff
}
.vditor-resize
svg
{
fill
:
currentColor
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
13px
;
height
:
3px
;
display
:
block
;
margin
:
0
auto
;
color
:
#586069
}
.vditor-upload
{
opacity
:
0
;
position
:
absolute
;
width
:
100%
;
height
:
5px
;
left
:
0
;
top
:
-3px
;
border-radius
:
3px
;
overflow
:
hidden
;
transition
:
all
.15s
ease-in-out
;
color
:
#fff
;
font-size
:
12px
;
line-height
:
14px
}
.vditor-upload
ul
{
margin
:
0
}
.vditor-upload--tip
{
height
:
auto
;
opacity
:
1
!important
}
.vditor-upload--tip
.vditor-upload__close
{
display
:
block
}
.vditor-upload__close
{
display
:
none
;
position
:
absolute
;
right
:
5px
;
cursor
:
pointer
;
padding
:
5px
;
top
:
0
}
.vditor-upload__progress
{
height
:
100%
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
);
transition
:
all
.15s
ease-in-out
;
padding
:
5px
;
box-sizing
:
border-box
}
.vditor-hint
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
1
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
200px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
li
{
cursor
:
pointer
;
padding
:
3px
10px
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
}
.vditor-hint
li
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
li
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-hint__emoji
{
font-size
:
16px
;
float
:
left
;
margin-right
:
3px
}
.vditor-hint
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin-right
:
3px
}
.vditor-reset
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.65
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
video
{
max-height
:
90vh
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
top
}
.vditor-reset
h1
,
.vditor-reset
h2
,
.vditor-reset
h3
,
.vditor-reset
h4
,
.vditor-reset
h5
,
.vditor-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.vditor-reset
h1
{
padding-bottom
:
0.3em
;
font-size
:
1.7em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h2
{
padding-bottom
:
0.3em
;
font-size
:
1.5em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h3
{
font-size
:
1.25em
}
.vditor-reset
h4
{
font-size
:
1em
}
.vditor-reset
h5
{
font-size
:
0.875em
}
.vditor-reset
h6
{
font-size
:
0.85em
}
.vditor-reset
hr
{
height
:
0.15em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.vditor-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
0.25em
solid
#ddd
;
margin
:
0
0
16px
0
}
.vditor-reset
blockquote
p
{
margin
:
0
}
.vditor-reset
ins
>
iframe
{
border
:
0
}
.vditor-reset
iframe
{
border
:
1px
solid
#d1d5da
}
.vditor-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.vditor-reset
thead
{
text-align
:
center
}
.vditor-reset
td
,
.vditor-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.vditor-reset
th
{
font-weight
:
bold
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
0.2
)}
.vditor-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
0.12
)}
.vditor-reset
tr
:hover
{
background
:
#efefef
}
.vditor-reset
code
{
padding
:
0.2em
0.4em
;
margin
:
0
;
font-size
:
85%
;
border-radius
:
3px
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
word-break
:
break-word
;
background-size
:
20px
20px
;
background-image
:
url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")
}
.vditor-reset
pre
>
code
{
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
}
.vditor-reset
pre
:hover
div
.vditor-copy
{
display
:
block
}
.vditor-reset
kbd
{
display
:
inline-block
;
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
#fcfcfc
;
border
:
solid
1px
#d1d5da
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.vditor-reset
summary
{
cursor
:
pointer
}
.vditor-reset
summary
:focus
{
outline
:
none
}
.vditor-reset
svg
{
height
:
auto
;
width
:
auto
}
.vditor-reset
.katex
{
position
:
relative
}
.vditor-task
{
list-style
:
none
;
margin-left
:
-1.4em
;
display
:
flex
;
align-items
:
center
}
.vditor-task
input
{
margin-right
:
5px
}
.vditor-copy
{
position
:
relative
;
display
:
none
}
.vditor-copy
textarea
{
position
:
absolute
;
top
:
-100000px
}
.vditor-copy
span
{
cursor
:
pointer
;
position
:
absolute
;
right
:
0.5em
;
top
:
0.5em
;
height
:
14px
;
width
:
14px
;
display
:
block
;
background-color
:
#f6f8fa
;
border-radius
:
3px
;
padding
:
3px
}
.vditor-copy
svg
{
color
:
#586069
;
height
:
14px
;
width
:
14px
;
display
:
block
;
fill
:
currentColor
}
textarea
{
overflow
:
hidden
}
button
,
.button
{
background
:
url(../images/icon.png)
repeat
center
bottom
;
border
:
1px
solid
;
border-color
:
#CCC
#BBBBBB
#A0A0A0
;
border-radius
:
4px
;
height
:
28px
;
margin
:
0
;
padding
:
0
6px
;
vertical-align
:
top
}
button
:hover
,
.button
:hover
{
border-color
:
#BBB
}
.padding12
{
padding
:
12px
}
.paddingBottom12
{
padding-bottom
:
12px
!important
}
.paddingTop12
{
padding-top
:
12px
!important
}
.margin12
{
margin
:
12px
}
.marginTop12
{
margin-top
:
12px
!important
}
.marginBottom12
{
margin-bottom
:
12px
!important
}
.marginLeft12
{
margin-left
:
12px
!important
}
.marginLeft6
{
margin-left
:
6px
!important
}
.marginRight12
{
margin-right
:
12px
!important
}
.f-bold
{
font-weight
:
bold
!important
}
.nowrap
{
white-space
:
nowrap
}
.left
{
float
:
left
}
.right
{
float
:
right
}
.clear
{
background-color
:
transparent
;
border
:
0
;
clear
:
both
;
display
:
block
;
font-size
:
0
;
height
:
0
;
line-height
:
0
;
overflow
:
hidden
}
.fn-clear
:before
,
.fn-clear
:after
{
display
:
table
;
content
:
""
}
.fn-clear
:after
{
clear
:
both
}
.fn__flex
{
display
:
flex
}
.fn__flex1
{
flex
:
1
;
min-width
:
1px
}
.fn__flex-inline
{
display
:
inline-flex
!important
;
align-items
:
center
}
.none
{
display
:
none
}
.pointer
{
cursor
:
pointer
}
.no-underline
{
text-decoration
:
none
!important
}
.red
{
color
:
red
}
.contentBody
{
margin-bottom
:
12px
;
padding
:
3px
12px
}
.form
th
{
text-align
:
right
;
white-space
:
nowrap
}
.form
input
[
type
=
'text'
],
.form
input
[
type
=
'password'
],
.form
textarea
{
border-color
:
#C0C0C0
#D9D9D9
#D9D9D9
;
border-right
:
1px
solid
#D9D9D9
;
border-style
:
solid
;
border-width
:
1px
;
font-family
:
Helvetica
,
Arial
,
sans-serif
;
font-size
:
12px
;
outline
:
medium
none
;
width
:
99%
;
padding
:
0
3px
}
.form
input
{
height
:
24px
}
.form
input
[
type
=
'checkbox'
]
{
border
:
0
;
vertical-align
:
sub
;
height
:
20px
}
.form
input
.normalInput
{
width
:
auto
}
.form
input
[
type
=
'checkbox'
]
:focus
{
border
:
0
;
box-shadow
:
0
0
0
}
.form
input
:focus
,
.form
textarea
:focus
{
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.3
)
inset
}
.form
textarea
{
padding
:
3px
;
overflow
:
auto
;
resize
:
vertical
}
.logo
{
padding
:
0
5px
;
text-decoration
:
none
;
text-shadow
:
0
0
1px
#EEEEEE
}
.putTopIcon
,
.notPutTopIcon
,
.deleteIcon
,
.updateIcon
,
.commentIcon
,
.homeIcon
,
.adminIcon
,
.loginIcon
,
.logoutIcon
,
.calendarIcon
,
.browserIcon
,
.postIcon
,
.articlesIcon
,
.draftsIcon
,
.usersIcon
,
.linkIcon
,
.preferenceIcon
,
.pageIcon
,
.trueIcon
,
.falseIcon
,
.fileIcon
,
.othersIcon
,
.goTopIcon
,
.goBottomIcon
,
.cacheIcon
,
.aboutIcon
{
background-image
:
url("../images/icon.png")
;
cursor
:
pointer
;
height
:
16px
;
width
:
16px
}
.adminIcon
,
.loginIcon
,
.logoutIcon
,
.homeIcon
{
margin-top
:
3px
}
.pageIcon
{
background-position
:
-144px
0px
}
.postIcon
{
background-position
:
-16px
0
}
.linkIcon
{
background-position
:
-32px
0
}
.preferenceIcon
{
background-position
:
-48px
0
}
.articlesIcon
{
background-position
:
-64px
0
}
.trueIcon
{
background-position
:
-80px
0
;
cursor
:
auto
}
.falseIcon
{
background-position
:
-96px
0
;
cursor
:
auto
}
.fileIcon
{
background-position
:
-112px
0
}
.deleteIcon
{
background-position
:
0
-16px
}
.updateIcon
{
background-position
:
-16px
-16px
}
.commentIcon
{
background-position
:
-32px
-16px
}
.homeIcon
{
background-position
:
-64px
-16px
}
.adminIcon
{
background-position
:
-80px
-16px
}
.logoutIcon
{
background-position
:
-96px
-16px
}
.loginIcon
{
background-position
:
-112px
-16px
}
.browserIcon
{
background-position
:
-128px
-16px
}
.calendarIcon
{
background-position
:
-144px
-16px
}
.putTopIcon
{
background-position
:
-16px
-32px
;
float
:
left
}
.notPutTopIcon
{
background-position
:
-32px
-32px
;
float
:
left
}
.othersIcon
{
background-position
:
-48px
-32px
}
.cacheIcon
{
background-position
:
-96px
-32px
}
.draftsIcon
{
background-position
:
-96px
-32px
}
.usersIcon
{
background-position
:
-112px
-32px
}
.goTopIcon
{
background-position
:
-64px
-32px
;
position
:
fixed
;
right
:
20px
;
top
:
45%
}
.goBottomIcon
{
background-position
:
-80px
-32px
;
bottom
:
40%
;
position
:
fixed
;
right
:
20px
}
.em00
,
.em01
,
.em02
,
.em03
,
.em04
,
.em05
,
.em06
,
.em07
,
.em08
,
.em09
,
.em10
,
.em11
,
.em12
,
.em13
,
.em14
{
background-image
:
url("../images/emotions/emotions.png")
;
background-size
:
120px
;
float
:
left
;
height
:
24px
;
margin-right
:
5px
;
width
:
24px
}
#emotions
span
{
cursor
:
pointer
}
.em01
{
background-position
:
-24px
0
}
.em02
{
background-position
:
-48px
0
}
.em03
{
background-position
:
-72px
0
}
.em04
{
background-position
:
-96px
0
}
.em05
{
background-position
:
0px
-24px
}
.em06
{
background-position
:
-24px
-24px
}
.em07
{
background-position
:
-48px
-24px
}
.em08
{
background-position
:
-72px
-24px
}
.em09
{
background-position
:
-96px
-24px
}
.em10
{
background-position
:
0
-48px
}
.em11
{
background-position
:
-24px
-48px
}
.em12
{
background-position
:
-48px
-48px
}
.em13
{
background-position
:
-72px
-48px
}
.em14
{
background-position
:
-96px
-48px
}
#tags
{
list-style
:
none
}
#tags
li
{
float
:
left
;
list-style
:
none
;
height
:
38px
}
#tags
a
:hover
{
text-shadow
:
0
0
2px
#555555
}
#tags
a
{
border-radius
:
3px
3px
3px
3px
;
box-shadow
:
1px
1px
3px
#555555
;
float
:
left
;
margin
:
3px
6px
;
padding
:
3px
12px
;
text-decoration
:
none
}
#tags
.tags1
{
font-size
:
12px
;
font-weight
:
normal
}
#tags
.tags2
{
font-size
:
14px
;
font-weight
:
normal
}
#tags
.tags3
{
font-size
:
16px
;
font-weight
:
normal
}
#tags
.tags4
{
font-size
:
18px
;
font-weight
:
bold
}
#tags
.tags5
{
font-size
:
20px
;
font-weight
:
bold
}
#captcha
,
#captchaReply
{
cursor
:
pointer
}
src/main/webapp/scss/start.css
View file @
1a8b4713
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
;
height
:
100%
}
body
{
margin
:
0
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
font-size
:
14px
;
background-color
:
#fff
;
-webkit-font-smoothing
:
antialiased
;
-webkit-overflow-scrolling
:
touch
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
0.4
)}
::selection
{
text-shadow
:
none
;
background
:
rgba
(
66
,
133
,
244
,
0.4
)}
ul
,
ol
{
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dd
,
p
{
margin
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
nav
,
section
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
}
a
{
outline
:
0
;
text-decoration
:
none
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
;
overflow
:
hidden
;
font-size
:
12px
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
outline
:
none
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
button
,
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
"search"
]
{
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
"search"
]
::-webkit-search-decoration
,
input
[
type
=
"search"
]
::-webkit-search-cancel-button
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
blockquote
{
margin
:
0
}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.vditor-tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.vditor-tooltipped
::after
{
position
:
absolute
;
z-index
:
1000000
;
display
:
none
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
normal
;
-webkit-font-smoothing
:
subpixel-antialiased
;
color
:
#fff
;
text-align
:
center
;
text-decoration
:
none
;
text-shadow
:
none
;
text-transform
:
none
;
letter-spacing
:
normal
;
word-wrap
:
break-word
;
white-space
:
pre
;
pointer-events
:
none
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
0.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.vditor-tooltipped
::before
{
position
:
absolute
;
z-index
:
1000001
;
display
:
none
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
pointer-events
:
none
;
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
.vditor-tooltipped--hover
::before
,
.vditor-tooltipped--hover
::after
,
.vditor-tooltipped
:hover::before
,
.vditor-tooltipped
:hover::after
,
.vditor-tooltipped
:active::before
,
.vditor-tooltipped
:active::after
,
.vditor-tooltipped
:focus::before
,
.vditor-tooltipped
:focus::after
{
display
:
inline-block
;
text-decoration
:
none
;
animation-name
:
tooltip-appear
;
animation-duration
:
0.1s
;
animation-fill-mode
:
forwards
;
animation-timing-function
:
ease-in
;
animation-delay
:
0.4s
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__se
::after
,
.vditor-tooltipped__sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.vditor-tooltipped__s
::before
,
.vditor-tooltipped__se
::before
,
.vditor-tooltipped__sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__sw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__n
::after
,
.vditor-tooltipped__ne
::after
,
.vditor-tooltipped__nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.vditor-tooltipped__n
::before
,
.vditor-tooltipped__ne
::before
,
.vditor-tooltipped__nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__nw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__n
::after
{
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-panel
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
;
z-index
:
1
;
font-size
:
14px
;
display
:
none
;
user-select
:
none
;
max-width
:
200px
;
min-width
:
80px
}
.vditor-panel
h1
,
.vditor-panel
h2
,
.vditor-panel
h3
,
.vditor-panel
h4
,
.vditor-panel
h5
,
.vditor-panel
h6
{
margin
:
0
;
cursor
:
pointer
;
padding
:
3px
10px
;
border-radius
:
3px
;
line-height
:
normal
}
.vditor-panel
h1
:hover
,
.vditor-panel
h2
:hover
,
.vditor-panel
h3
:hover
,
.vditor-panel
h4
:hover
,
.vditor-panel
h5
:hover
,
.vditor-panel
h6
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-toolbar
{
background-color
:
#f6f8fa
;
border-bottom
:
1px
solid
#d1d5da
;
padding
:
0
5px
;
border-radius
:
3px
3px
0
0
}
.vditor-toolbar
>
div
{
padding
:
10px
5px
;
float
:
left
;
line-height
:
14px
;
height
:
36px
;
box-sizing
:
border-box
}
.vditor-toolbar
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
.vditor-toolbar
.vditor-tooltipped
{
color
:
#586069
}
.vditor-toolbar
.vditor-tooltipped
:hover
{
color
:
#4285f4
}
.vditor-toolbar
label
{
overflow
:
hidden
;
position
:
relative
;
height
:
14px
;
width
:
15px
;
display
:
block
;
cursor
:
pointer
}
.vditor-toolbar
input
{
position
:
absolute
;
width
:
1px
;
opacity
:
.001
;
height
:
14px
;
overflow
:
hidden
}
.vditor-menu--current
svg
{
color
:
#4285f4
}
.vditor-menu__divider
{
width
:
10px
}
.vditor-menu__br
{
width
:
100%
;
padding
:
0
!important
;
height
:
0
!important
}
.vditor-emojis
{
display
:
inline-block
}
.vditor-emojis__tail
{
font-size
:
12px
;
text-align
:
right
;
color
:
#586069
}
.vditor-emojis__tail
a
{
text-decoration
:
none
;
color
:
#586069
}
.vditor-emojis__tail
a
:hover
{
color
:
#4285f4
}
.vditor-emojis
span
{
cursor
:
pointer
;
border-radius
:
3px
;
float
:
left
;
height
:
26px
;
width
:
26px
;
text-align
:
center
;
line-height
:
20px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
}
.vditor-emojis
span
:hover
{
background-color
:
#4285f4
}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
}
.vditor
{
display
:
flex
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
flex
;
min-height
:
60px
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
.vditor-textarea
[
disabled
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-preview
{
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
::-webkit-scrollbar
{
display
:
none
}
.vditor-counter
{
padding
:
0
3px
;
position
:
absolute
;
bottom
:
10px
;
right
:
20px
;
color
:
#24292e
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
border-radius
:
3px
;
font-size
:
12px
;
user-select
:
none
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
1px
0
;
border-radius
:
5px
;
cursor
:
row-resize
;
transition
:
all
.15s
ease-in-out
;
user-select
:
none
;
background-color
:
#f6f8fa
}
.vditor-resize
:hover
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
{
color
:
#fff
}
.vditor-resize
svg
{
fill
:
currentColor
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
13px
;
height
:
3px
;
display
:
block
;
margin
:
0
auto
;
color
:
#586069
}
.vditor-upload
{
opacity
:
0
;
position
:
absolute
;
width
:
100%
;
height
:
5px
;
left
:
0
;
top
:
-3px
;
border-radius
:
3px
;
overflow
:
hidden
;
transition
:
all
.15s
ease-in-out
;
color
:
#fff
;
font-size
:
12px
;
line-height
:
14px
}
.vditor-upload
ul
{
margin
:
0
}
.vditor-upload--tip
{
height
:
auto
;
opacity
:
1
!important
}
.vditor-upload--tip
.vditor-upload__close
{
display
:
block
}
.vditor-upload__close
{
display
:
none
;
position
:
absolute
;
right
:
5px
;
cursor
:
pointer
;
padding
:
5px
;
top
:
0
}
.vditor-upload__progress
{
height
:
100%
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
);
transition
:
all
.15s
ease-in-out
;
padding
:
5px
;
box-sizing
:
border-box
}
.vditor-hint
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
1
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
200px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
li
{
cursor
:
pointer
;
padding
:
3px
10px
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
}
.vditor-hint
li
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
li
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-hint__emoji
{
font-size
:
16px
;
float
:
left
;
margin-right
:
3px
}
.vditor-hint
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin-right
:
3px
}
.vditor-reset
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.65
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
video
{
max-height
:
90vh
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
top
}
.vditor-reset
h1
,
.vditor-reset
h2
,
.vditor-reset
h3
,
.vditor-reset
h4
,
.vditor-reset
h5
,
.vditor-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.vditor-reset
h1
{
padding-bottom
:
0.3em
;
font-size
:
1.7em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h2
{
padding-bottom
:
0.3em
;
font-size
:
1.5em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h3
{
font-size
:
1.25em
}
.vditor-reset
h4
{
font-size
:
1em
}
.vditor-reset
h5
{
font-size
:
0.875em
}
.vditor-reset
h6
{
font-size
:
0.85em
}
.vditor-reset
hr
{
height
:
0.15em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.vditor-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
0.25em
solid
#ddd
;
margin
:
0
0
16px
0
}
.vditor-reset
blockquote
p
{
margin
:
0
}
.vditor-reset
ins
>
iframe
{
border
:
0
}
.vditor-reset
iframe
{
border
:
1px
solid
#d1d5da
}
.vditor-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.vditor-reset
thead
{
text-align
:
center
}
.vditor-reset
td
,
.vditor-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.vditor-reset
th
{
font-weight
:
bold
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
0.2
)}
.vditor-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
0.12
)}
.vditor-reset
tr
:hover
{
background
:
#efefef
}
.vditor-reset
code
{
padding
:
0.2em
0.4em
;
margin
:
0
;
font-size
:
85%
;
border-radius
:
3px
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
word-break
:
break-word
;
background-size
:
20px
20px
;
background-image
:
url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")
}
.vditor-reset
pre
>
code
{
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
}
.vditor-reset
pre
:hover
div
.vditor-copy
{
display
:
block
}
.vditor-reset
kbd
{
display
:
inline-block
;
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
#fcfcfc
;
border
:
solid
1px
#d1d5da
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.vditor-reset
summary
{
cursor
:
pointer
}
.vditor-reset
summary
:focus
{
outline
:
none
}
.vditor-reset
svg
{
height
:
auto
;
width
:
auto
}
.vditor-reset
.katex
{
position
:
relative
}
.vditor-task
{
list-style
:
none
;
margin-left
:
-1.4em
;
display
:
flex
;
align-items
:
center
}
.vditor-task
input
{
margin-right
:
5px
}
.vditor-copy
{
position
:
relative
;
display
:
none
}
.vditor-copy
textarea
{
position
:
absolute
;
left
:
-100000px
}
.vditor-copy
span
{
cursor
:
pointer
;
position
:
absolute
;
right
:
0.5em
;
top
:
0.5em
;
height
:
14px
;
width
:
14px
;
display
:
block
;
background-color
:
#f6f8fa
;
border-radius
:
3px
;
padding
:
3px
}
.vditor-copy
svg
{
color
:
#586069
;
height
:
14px
;
width
:
14px
;
display
:
block
;
fill
:
currentColor
}
button
{
background-size
:
110%
110%
;
border
:
1px
solid
rgba
(
27
,
31
,
35
,
0.2
);
font-size
:
13px
;
font-weight
:
700
;
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.9
);
white-space
:
nowrap
;
background-color
:
#eff3f6
;
background-image
:
linear-gradient
(
-180deg
,
#fafbfc
,
#eff3f6
90%
);
color
:
#24292e
;
border-radius
:
3px
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.075
);
outline
:
none
;
padding
:
7px
15px
;
margin-top
:
10px
;
cursor
:
pointer
}
button
:hover
{
background-color
:
#e6ebf1
;
background-image
:
linear-gradient
(
-180deg
,
#f0f3f6
,
#e6ebf1
90%
);
background-position
:
-.5em
;
border-color
:
rgba
(
27
,
31
,
35
,
0.35
)}
a
{
color
:
#4285f4
;
text-decoration
:
none
}
h2
{
background-color
:
#F3F1E5
;
border-radius
:
4px
4px
0
0
;
font-size
:
16px
;
margin
:
0
;
padding
:
10px
20px
}
h2
a
:hover
{
color
:
#d23f31
}
input
[
type
=
password
],
input
[
type
=
text
]
{
border
:
1px
solid
#d1d5da
;
background-color
:
#FAFAFA
;
border-radius
:
3px
;
box-shadow
:
inset
0
1px
2px
rgba
(
27
,
31
,
35
,
0.075
);
padding
:
7px
8px
;
width
:
100%
;
line-height
:
17px
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
outline
:
none
;
margin-top
:
10px
}
input
[
type
=
password
]
:focus
,
input
[
type
=
text
]
:focus
{
background-color
:
#FFF
;
box-shadow
:
inset
0
1px
2px
rgba
(
27
,
31
,
35
,
0.075
),
0
0
0
0.2em
#dbedff
;
border
:
1px
solid
#4285f4
}
.error
{
color
:
#d23f31
;
font-weight
:
bold
}
.wrap
{
border-top
:
5px
solid
#E6E5D9
;
background-color
:
#F3F1E5
;
display
:
flex
;
flex-direction
:
column
;
min-height
:
100vh
;
box-sizing
:
border-box
}
.content-wrap
{
flex
:
1
;
display
:
flex
}
.content
{
background-color
:
#fff
;
margin
:
0
auto
;
width
:
760px
;
align-self
:
center
;
display
:
flex
}
.main
{
border-left
:
1px
solid
#E6E5D9
;
font-size
:
15px
;
padding
:
20px
;
flex
:
1
}
.footerWrapper
{
background-color
:
#FFFFFF
;
border-top
:
1px
solid
#E6E5D9
;
padding
:
12px
0
;
text-align
:
center
}
.a-error
{
text-align
:
right
}
.img-error
{
max-width
:
100%
;
margin
:
20px
auto
;
padding
:
0
;
display
:
block
}
.kill__btns
{
text-align
:
right
}
.kill__img
{
float
:
right
;
margin
:
-280px
0
0
0
}
.kill
.vditor-reset
{
margin
:
10px
}
#github
{
position
:
relative
;
text-align
:
center
}
#github
.github--loading
:after
{
content
:
"Loading..."
;
position
:
absolute
;
height
:
100%
;
width
:
100%
;
top
:
0
;
left
:
0
;
z-index
:
7
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
font-size
:
22px
;
text-align
:
center
;
padding-top
:
135px
;
color
:
#000
;
text-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
box-sizing
:
border-box
}
#github
.github__icon
{
height
:
200px
;
width
:
266px
;
background-image
:
url("../images/github.png")
;
margin
:
0
auto
;
background-size
:
contain
;
cursor
:
pointer
}
#github
.github__icon
:hover
{
background-image
:
url("../images/github.gif")
}
#github
img
{
display
:
none
}
.github__text
{
cursor
:
pointer
;
font-size
:
12px
;
color
:
#666
}
.github__text
ul
{
display
:
none
;
text-align
:
left
;
margin
:
5px
auto
0
;
width
:
280px
;
padding-left
:
24px
;
box-sizing
:
border-box
}
.github__link
{
font-size
:
12px
;
text-decoration
:
underline
;
margin-top
:
10px
;
display
:
block
}
.github__check
{
font-size
:
12px
;
display
:
inline-block
;
margin
:
10px
auto
0
;
align-items
:
center
;
line-height
:
20px
;
color
:
#999
}
.github__check
a
{
color
:
#999
;
text-decoration
:
underline
}
.github__check
input
{
width
:
auto
;
margin-right
:
5px
}
.search
{
border-top
:
5px
solid
#e6e5d9
;
background-color
:
#f3f1e5
;
padding
:
20px
0
20px
84px
;
min-height
:
480px
;
flex
:
1
}
.search__body
{
display
:
flex
;
flex-direction
:
column
}
.search__header
{
margin
:
20px
;
display
:
flex
}
.search__header
a
{
line-height
:
32px
}
.search__input
{
flex
:
1
;
display
:
flex
}
.search__input
input
{
margin
:
0
10px
0
20px
;
width
:
523px
;
height
:
32px
;
line-height
:
32px
}
.search__input
button
{
height
:
32px
;
margin
:
0
}
.search__articles
{
width
:
600px
}
.search__articles
.tag
{
color
:
#616161
;
padding
:
2px
5px
;
border
:
1px
solid
transparent
;
position
:
relative
;
height
:
20px
;
white-space
:
nowrap
;
word-wrap
:
normal
;
background-color
:
#f7f7f7
;
border-radius
:
3px
3px
3px
3px
;
line-height
:
21px
;
font-size
:
12px
;
display
:
inline-block
;
margin-right
:
5px
}
.search__articles
.tag
:hover
{
color
:
#000
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
text-decoration
:
none
}
.search__articles
header
h1
{
margin
:
0
}
.search__articles
header
h1
>
a
{
font-size
:
18px
;
text-decoration
:
none
;
font-weight
:
normal
}
.search__articles
.meta
{
font-size
:
14px
;
color
:
#999
;
margin
:
5px
0
}
.search__articles
footer
{
margin-bottom
:
30px
}
.search__articles
footer
a
{
text-decoration
:
none
;
font-size
:
13px
}
.search__articles
footer
a
:hover
,
.search__articles
header
h1
>
a
:hover
,
.search__pagination
a
:hover
{
text-decoration
:
underline
}
.search__pagination
a
{
color
:
#4285f4
;
text-decoration
:
none
}
.search__pagination
a
,
.search__pagination
span
{
margin-right
:
5px
}
@media
(
max-width
:
780px
){
.wrap
{
padding
:
40px
0
0
0
}
.content
{
width
:
auto
}
.logo
,
.search__header
img
,
.search__header
>
.fn-right
{
display
:
none
}
.main
{
border
:
0
;
float
:
none
;
width
:
auto
;
padding
:
10px
}
.a-500
,
.a-403
,
.a-404
{
margin
:
0
20px
0
0
}
#init
{
width
:
100%
;
padding
:
0
20px
;
box-sizing
:
border-box
;
left
:
0
}
.search
{
padding
:
20px
;
width
:
100%
;
min-height
:
auto
;
box-sizing
:
border-box
}
.search__input
input
{
width
:
auto
;
flex
:
1
;
margin-left
:
0
}
.search__articles
{
width
:
auto
}}
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
;
height
:
100%
}
body
{
margin
:
0
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
font-size
:
14px
;
background-color
:
#fff
;
-webkit-font-smoothing
:
antialiased
;
-webkit-overflow-scrolling
:
touch
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
0.4
)}
::selection
{
text-shadow
:
none
;
background
:
rgba
(
66
,
133
,
244
,
0.4
)}
ul
,
ol
{
margin
:
0
;
padding
:
0
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
dl
,
dd
,
p
{
margin
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
nav
,
section
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
}
a
{
outline
:
0
;
text-decoration
:
none
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
;
overflow
:
hidden
;
font-size
:
12px
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
outline
:
none
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
button
,
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
"search"
]
{
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
"search"
]
::-webkit-search-decoration
,
input
[
type
=
"search"
]
::-webkit-search-cancel-button
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
blockquote
{
margin
:
0
}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.vditor-tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.vditor-tooltipped
::after
{
position
:
absolute
;
z-index
:
1000000
;
display
:
none
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
normal
;
-webkit-font-smoothing
:
subpixel-antialiased
;
color
:
#fff
;
text-align
:
center
;
text-decoration
:
none
;
text-shadow
:
none
;
text-transform
:
none
;
letter-spacing
:
normal
;
word-wrap
:
break-word
;
white-space
:
pre
;
pointer-events
:
none
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
0.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.vditor-tooltipped
::before
{
position
:
absolute
;
z-index
:
1000001
;
display
:
none
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
0.8
);
pointer-events
:
none
;
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
.vditor-tooltipped--hover
::before
,
.vditor-tooltipped--hover
::after
,
.vditor-tooltipped
:hover::before
,
.vditor-tooltipped
:hover::after
,
.vditor-tooltipped
:active::before
,
.vditor-tooltipped
:active::after
,
.vditor-tooltipped
:focus::before
,
.vditor-tooltipped
:focus::after
{
display
:
inline-block
;
text-decoration
:
none
;
animation-name
:
tooltip-appear
;
animation-duration
:
0.1s
;
animation-fill-mode
:
forwards
;
animation-timing-function
:
ease-in
;
animation-delay
:
0.4s
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__se
::after
,
.vditor-tooltipped__sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.vditor-tooltipped__s
::before
,
.vditor-tooltipped__se
::before
,
.vditor-tooltipped__sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__sw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__n
::after
,
.vditor-tooltipped__ne
::after
,
.vditor-tooltipped__nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.vditor-tooltipped__n
::before
,
.vditor-tooltipped__ne
::before
,
.vditor-tooltipped__nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.vditor-tooltipped__nw
::after
{
margin-right
:
-15px
}
.vditor-tooltipped__s
::after
,
.vditor-tooltipped__n
::after
{
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-tooltipped__e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
transform
:
translateY
(
50%
)}
.vditor-tooltipped__e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
0.8
)}
.vditor-panel
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
;
z-index
:
1
;
font-size
:
14px
;
display
:
none
;
user-select
:
none
;
max-width
:
200px
;
min-width
:
80px
}
.vditor-panel
h1
,
.vditor-panel
h2
,
.vditor-panel
h3
,
.vditor-panel
h4
,
.vditor-panel
h5
,
.vditor-panel
h6
{
margin
:
0
;
cursor
:
pointer
;
padding
:
3px
10px
;
border-radius
:
3px
;
line-height
:
normal
}
.vditor-panel
h1
:hover
,
.vditor-panel
h2
:hover
,
.vditor-panel
h3
:hover
,
.vditor-panel
h4
:hover
,
.vditor-panel
h5
:hover
,
.vditor-panel
h6
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-toolbar
{
background-color
:
#f6f8fa
;
border-bottom
:
1px
solid
#d1d5da
;
padding
:
0
5px
;
border-radius
:
3px
3px
0
0
}
.vditor-toolbar
>
div
{
padding
:
10px
5px
;
float
:
left
;
line-height
:
14px
;
height
:
36px
;
box-sizing
:
border-box
}
.vditor-toolbar
svg
{
fill
:
currentColor
;
display
:
inline-block
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
14px
;
height
:
14px
}
.vditor-toolbar
.vditor-tooltipped
{
color
:
#586069
}
.vditor-toolbar
.vditor-tooltipped
:hover
{
color
:
#4285f4
}
.vditor-toolbar
label
{
overflow
:
hidden
;
position
:
relative
;
height
:
14px
;
width
:
15px
;
display
:
block
;
cursor
:
pointer
}
.vditor-toolbar
input
{
position
:
absolute
;
width
:
1px
;
opacity
:
.001
;
height
:
14px
;
overflow
:
hidden
}
.vditor-menu--current
svg
{
color
:
#4285f4
}
.vditor-menu__divider
{
width
:
10px
}
.vditor-menu__br
{
width
:
100%
;
padding
:
0
!important
;
height
:
0
!important
}
.vditor-emojis
{
display
:
inline-block
}
.vditor-emojis__tail
{
font-size
:
12px
;
text-align
:
right
;
color
:
#586069
}
.vditor-emojis__tail
a
{
text-decoration
:
none
;
color
:
#586069
}
.vditor-emojis__tail
a
:hover
{
color
:
#4285f4
}
.vditor-emojis
span
{
cursor
:
pointer
;
border-radius
:
3px
;
float
:
left
;
height
:
26px
;
width
:
26px
;
text-align
:
center
;
line-height
:
20px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
}
.vditor-emojis
span
:hover
{
background-color
:
#4285f4
}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
}
.vditor
{
display
:
flex
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
flex
;
min-height
:
60px
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
;
box-sizing
:
border-box
;
background-color
:
#fafbfc
;
outline
:
0
none
;
font-size
:
16px
;
line-height
:
22px
;
color
:
#24292e
;
border-radius
:
0
0
3px
3px
}
.vditor-textarea
[
disabled
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-preview
{
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
::-webkit-scrollbar
{
display
:
none
}
.vditor-counter
{
padding
:
0
3px
;
position
:
absolute
;
bottom
:
10px
;
right
:
20px
;
color
:
#24292e
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
border-radius
:
3px
;
font-size
:
12px
;
user-select
:
none
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
1px
0
;
border-radius
:
5px
;
cursor
:
row-resize
;
transition
:
all
.15s
ease-in-out
;
user-select
:
none
;
background-color
:
#f6f8fa
}
.vditor-resize
:hover
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
{
color
:
#fff
}
.vditor-resize
svg
{
fill
:
currentColor
;
stroke-width
:
0
;
stroke
:
currentColor
;
width
:
13px
;
height
:
3px
;
display
:
block
;
margin
:
0
auto
;
color
:
#586069
}
.vditor-upload
{
opacity
:
0
;
position
:
absolute
;
width
:
100%
;
height
:
5px
;
left
:
0
;
top
:
-3px
;
border-radius
:
3px
;
overflow
:
hidden
;
transition
:
all
.15s
ease-in-out
;
color
:
#fff
;
font-size
:
12px
;
line-height
:
14px
}
.vditor-upload
ul
{
margin
:
0
}
.vditor-upload--tip
{
height
:
auto
;
opacity
:
1
!important
}
.vditor-upload--tip
.vditor-upload__close
{
display
:
block
}
.vditor-upload__close
{
display
:
none
;
position
:
absolute
;
right
:
5px
;
cursor
:
pointer
;
padding
:
5px
;
top
:
0
}
.vditor-upload__progress
{
height
:
100%
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
);
transition
:
all
.15s
ease-in-out
;
padding
:
5px
;
box-sizing
:
border-box
}
.vditor-hint
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
1
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
200px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
li
{
cursor
:
pointer
;
padding
:
3px
10px
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
}
.vditor-hint
li
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
li
:hover
{
background-color
:
#4285f4
;
color
:
#fff
}
.vditor-hint__emoji
{
font-size
:
16px
;
float
:
left
;
margin-right
:
3px
}
.vditor-hint
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin-right
:
3px
}
.vditor-reset
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.65
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
video
{
max-height
:
90vh
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
top
}
.vditor-reset
h1
,
.vditor-reset
h2
,
.vditor-reset
h3
,
.vditor-reset
h4
,
.vditor-reset
h5
,
.vditor-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.vditor-reset
h1
{
padding-bottom
:
0.3em
;
font-size
:
1.7em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h2
{
padding-bottom
:
0.3em
;
font-size
:
1.5em
;
border-bottom
:
1px
solid
#eee
}
.vditor-reset
h3
{
font-size
:
1.25em
}
.vditor-reset
h4
{
font-size
:
1em
}
.vditor-reset
h5
{
font-size
:
0.875em
}
.vditor-reset
h6
{
font-size
:
0.85em
}
.vditor-reset
hr
{
height
:
0.15em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.vditor-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
0.25em
solid
#ddd
;
margin
:
0
0
16px
0
}
.vditor-reset
blockquote
p
{
margin
:
0
}
.vditor-reset
ins
>
iframe
{
border
:
0
}
.vditor-reset
iframe
{
border
:
1px
solid
#d1d5da
}
.vditor-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.vditor-reset
thead
{
text-align
:
center
}
.vditor-reset
td
,
.vditor-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.vditor-reset
th
{
font-weight
:
bold
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
0.2
)}
.vditor-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
0.12
)}
.vditor-reset
tr
:hover
{
background
:
#efefef
}
.vditor-reset
code
{
padding
:
0.2em
0.4em
;
margin
:
0
;
font-size
:
85%
;
border-radius
:
3px
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
word-break
:
break-word
;
background-size
:
20px
20px
;
background-image
:
url("https://cdn.jsdelivr.net/npm/vditor@1.1.2/src/assets/images/code-bg.png")
}
.vditor-reset
pre
>
code
{
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
}
.vditor-reset
pre
:hover
div
.vditor-copy
{
display
:
block
}
.vditor-reset
kbd
{
display
:
inline-block
;
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
#fcfcfc
;
border
:
solid
1px
#d1d5da
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.vditor-reset
summary
{
cursor
:
pointer
}
.vditor-reset
summary
:focus
{
outline
:
none
}
.vditor-reset
svg
{
height
:
auto
;
width
:
auto
}
.vditor-reset
.katex
{
position
:
relative
}
.vditor-task
{
list-style
:
none
;
margin-left
:
-1.4em
;
display
:
flex
;
align-items
:
center
}
.vditor-task
input
{
margin-right
:
5px
}
.vditor-copy
{
position
:
relative
;
display
:
none
}
.vditor-copy
textarea
{
position
:
absolute
;
top
:
-100000px
}
.vditor-copy
span
{
cursor
:
pointer
;
position
:
absolute
;
right
:
0.5em
;
top
:
0.5em
;
height
:
14px
;
width
:
14px
;
display
:
block
;
background-color
:
#f6f8fa
;
border-radius
:
3px
;
padding
:
3px
}
.vditor-copy
svg
{
color
:
#586069
;
height
:
14px
;
width
:
14px
;
display
:
block
;
fill
:
currentColor
}
button
{
background-size
:
110%
110%
;
border
:
1px
solid
rgba
(
27
,
31
,
35
,
0.2
);
font-size
:
13px
;
font-weight
:
700
;
text-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0.9
);
white-space
:
nowrap
;
background-color
:
#eff3f6
;
background-image
:
linear-gradient
(
-180deg
,
#fafbfc
,
#eff3f6
90%
);
color
:
#24292e
;
border-radius
:
3px
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
0.075
);
outline
:
none
;
padding
:
7px
15px
;
margin-top
:
10px
;
cursor
:
pointer
}
button
:hover
{
background-color
:
#e6ebf1
;
background-image
:
linear-gradient
(
-180deg
,
#f0f3f6
,
#e6ebf1
90%
);
background-position
:
-.5em
;
border-color
:
rgba
(
27
,
31
,
35
,
0.35
)}
a
{
color
:
#4285f4
;
text-decoration
:
none
}
h2
{
background-color
:
#F3F1E5
;
border-radius
:
4px
4px
0
0
;
font-size
:
16px
;
margin
:
0
;
padding
:
10px
20px
}
h2
a
:hover
{
color
:
#d23f31
}
input
[
type
=
password
],
input
[
type
=
text
]
{
border
:
1px
solid
#d1d5da
;
background-color
:
#FAFAFA
;
border-radius
:
3px
;
box-shadow
:
inset
0
1px
2px
rgba
(
27
,
31
,
35
,
0.075
);
padding
:
7px
8px
;
width
:
100%
;
line-height
:
17px
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
outline
:
none
;
margin-top
:
10px
}
input
[
type
=
password
]
:focus
,
input
[
type
=
text
]
:focus
{
background-color
:
#FFF
;
box-shadow
:
inset
0
1px
2px
rgba
(
27
,
31
,
35
,
0.075
),
0
0
0
0.2em
#dbedff
;
border
:
1px
solid
#4285f4
}
.error
{
color
:
#d23f31
;
font-weight
:
bold
}
.wrap
{
border-top
:
5px
solid
#E6E5D9
;
background-color
:
#F3F1E5
;
display
:
flex
;
flex-direction
:
column
;
min-height
:
100vh
;
box-sizing
:
border-box
}
.content-wrap
{
flex
:
1
;
display
:
flex
}
.content
{
background-color
:
#fff
;
margin
:
0
auto
;
width
:
760px
;
align-self
:
center
;
display
:
flex
}
.main
{
border-left
:
1px
solid
#E6E5D9
;
font-size
:
15px
;
padding
:
20px
;
flex
:
1
}
.footerWrapper
{
background-color
:
#FFFFFF
;
border-top
:
1px
solid
#E6E5D9
;
padding
:
12px
0
;
text-align
:
center
}
.a-error
{
text-align
:
right
}
.img-error
{
max-width
:
100%
;
margin
:
20px
auto
;
padding
:
0
;
display
:
block
}
.kill__btns
{
text-align
:
right
}
.kill__img
{
float
:
right
;
margin
:
-280px
0
0
0
}
.kill
.vditor-reset
{
margin
:
10px
}
#github
{
position
:
relative
;
text-align
:
center
}
#github
.github--loading
:after
{
content
:
"Loading..."
;
position
:
absolute
;
height
:
100%
;
width
:
100%
;
top
:
0
;
left
:
0
;
z-index
:
7
;
background-color
:
rgba
(
255
,
255
,
255
,
0.6
);
font-size
:
22px
;
text-align
:
center
;
padding-top
:
135px
;
color
:
#000
;
text-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
box-sizing
:
border-box
}
#github
.github__icon
{
height
:
200px
;
width
:
266px
;
background-image
:
url("../images/github.png")
;
margin
:
0
auto
;
background-size
:
contain
;
cursor
:
pointer
}
#github
.github__icon
:hover
{
background-image
:
url("../images/github.gif")
}
#github
img
{
display
:
none
}
.github__text
{
cursor
:
pointer
;
font-size
:
12px
;
color
:
#666
}
.github__text
ul
{
display
:
none
;
text-align
:
left
;
margin
:
5px
auto
0
;
width
:
280px
;
padding-left
:
24px
;
box-sizing
:
border-box
}
.github__link
{
font-size
:
12px
;
text-decoration
:
underline
;
margin-top
:
10px
;
display
:
block
}
.github__check
{
font-size
:
12px
;
display
:
inline-block
;
margin
:
10px
auto
0
;
align-items
:
center
;
line-height
:
20px
;
color
:
#999
}
.github__check
a
{
color
:
#999
;
text-decoration
:
underline
}
.github__check
input
{
width
:
auto
;
margin-right
:
5px
}
.search
{
border-top
:
5px
solid
#e6e5d9
;
background-color
:
#f3f1e5
;
padding
:
20px
0
20px
84px
;
min-height
:
480px
;
flex
:
1
}
.search__body
{
display
:
flex
;
flex-direction
:
column
}
.search__header
{
margin
:
20px
;
display
:
flex
}
.search__header
a
{
line-height
:
32px
}
.search__input
{
flex
:
1
;
display
:
flex
}
.search__input
input
{
margin
:
0
10px
0
20px
;
width
:
523px
;
height
:
32px
;
line-height
:
32px
}
.search__input
button
{
height
:
32px
;
margin
:
0
}
.search__articles
{
width
:
600px
}
.search__articles
.tag
{
color
:
#616161
;
padding
:
2px
5px
;
border
:
1px
solid
transparent
;
position
:
relative
;
height
:
20px
;
white-space
:
nowrap
;
word-wrap
:
normal
;
background-color
:
#f7f7f7
;
border-radius
:
3px
3px
3px
3px
;
line-height
:
21px
;
font-size
:
12px
;
display
:
inline-block
;
margin-right
:
5px
}
.search__articles
.tag
:hover
{
color
:
#000
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
text-decoration
:
none
}
.search__articles
header
h1
{
margin
:
0
}
.search__articles
header
h1
>
a
{
font-size
:
18px
;
text-decoration
:
none
;
font-weight
:
normal
}
.search__articles
.meta
{
font-size
:
14px
;
color
:
#999
;
margin
:
5px
0
}
.search__articles
footer
{
margin-bottom
:
30px
}
.search__articles
footer
a
{
text-decoration
:
none
;
font-size
:
13px
}
.search__articles
footer
a
:hover
,
.search__articles
header
h1
>
a
:hover
,
.search__pagination
a
:hover
{
text-decoration
:
underline
}
.search__pagination
a
{
color
:
#4285f4
;
text-decoration
:
none
}
.search__pagination
a
,
.search__pagination
span
{
margin-right
:
5px
}
@media
(
max-width
:
780px
){
.wrap
{
padding
:
40px
0
0
0
}
.content
{
width
:
auto
}
.logo
,
.search__header
img
,
.search__header
>
.fn-right
{
display
:
none
}
.main
{
border
:
0
;
float
:
none
;
width
:
auto
;
padding
:
10px
}
.a-500
,
.a-403
,
.a-404
{
margin
:
0
20px
0
0
}
#init
{
width
:
100%
;
padding
:
0
20px
;
box-sizing
:
border-box
;
left
:
0
}
.search
{
padding
:
20px
;
width
:
100%
;
min-height
:
auto
;
box-sizing
:
border-box
}
.search__input
input
{
width
:
auto
;
flex
:
1
;
margin-left
:
0
}
.search__articles
{
width
:
auto
}}
skins
@
443cacaf
Subproject commit
734a0979a7e54abe6478ce77efdb36ac6f32f39
6
Subproject commit
443cacafa36e709f9acbdd168b907a50f984035
6
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
