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
71498192
Unverified
Commit
71498192
authored
Dec 14, 2019
by
Liang Ding
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
🎨
改进初始化
parent
c4795ced
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
4 additions
and
4 deletions
+4
-4
src/main/java/org/b3log/solo/processor/InitCheckHandler.java
src/main/java/org/b3log/solo/processor/InitCheckHandler.java
+2
-2
src/main/resources/scss/start.css
src/main/resources/scss/start.css
+1
-1
src/main/resources/scss/start.scss
src/main/resources/scss/start.scss
+1
-1
No files found.
src/main/java/org/b3log/solo/processor/InitCheckHandler.java
View file @
71498192
...
@@ -31,7 +31,7 @@ import org.b3log.solo.service.InitService;
...
@@ -31,7 +31,7 @@ import org.b3log.solo.service.InitService;
* Checks initialization handler.
* Checks initialization handler.
*
*
* @author <a href="http://88250.b3log.org">Liang Ding</a>
* @author <a href="http://88250.b3log.org">Liang Ding</a>
* @version 1.0.0.
1, Nov 3
, 2019
* @version 1.0.0.
2, Dec 14
, 2019
* @since 3.2.0
* @since 3.2.0
*/
*/
public
class
InitCheckHandler
implements
Handler
{
public
class
InitCheckHandler
implements
Handler
{
...
@@ -67,7 +67,7 @@ public class InitCheckHandler implements Handler {
...
@@ -67,7 +67,7 @@ public class InitCheckHandler implements Handler {
return
;
return
;
}
}
if
(
StringUtils
.
startsWith
(
requestURI
,
Latkes
.
getContextPath
()
+
"/
oauth/github
"
))
{
if
(
StringUtils
.
startsWith
(
requestURI
,
Latkes
.
getContextPath
()
+
"/
login/
"
))
{
// Do initialization
// Do initialization
context
.
handle
();
context
.
handle
();
...
...
src/main/resources/scss/start.css
View file @
71498192
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
}
@-webkit-keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
@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
;
-webkit-animation-name
:
tooltip-appear
;
animation-name
:
tooltip-appear
;
-webkit-animation-duration
:
0.15s
;
animation-duration
:
0.15s
;
-webkit-animation-fill-mode
:
forwards
;
animation-fill-mode
:
forwards
;
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
.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
{
-webkit-transform
:
translateX
(
50%
);
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
-webkit-transform
:
translateY
(
50%
);
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
;
-webkit-transform
:
translateY
(
50%
);
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
)}
@-webkit-keyframes
scale-in
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0.5
);
transform
:
scale
(
0.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
scale-in
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0.5
);
transform
:
scale
(
0.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.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
:
4
;
font-size
:
14px
;
display
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
max-width
:
320px
;
min-width
:
80px
;
-webkit-animation-duration
:
.15s
;
animation-duration
:
.15s
;
-webkit-animation-name
:
scale-in
;
animation-name
:
scale-in
;
-webkit-animation-timing-function
:
cubic-bezier
(
0.2
,
0
,
0.13
,
1.5
);
animation-timing-function
:
cubic-bezier
(
0.2
,
0
,
0.13
,
1.5
)}
.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
>
div
button
{
border
:
0
;
margin
:
0
;
padding
:
0
;
background-color
:
transparent
}
.vditor-toolbar
>
div
button
:focus
{
outline
:
none
}
.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
label
svg
{
position
:
absolute
;
top
:
0
;
left
:
0
}
.vditor-toolbar
label
input
{
position
:
absolute
;
width
:
15px
;
height
:
15px
;
top
:
0
;
left
:
0
;
opacity
:
.001
;
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-menu--disabled
svg
{
color
:
rgba
(
88
,
96
,
105
,
0.6
);
cursor
:
not-allowed
}
.vditor-emojis
{
display
:
inline-block
;
overflow
:
auto
}
.vditor-emojis
::-webkit-scrollbar
{
display
:
none
}
.vditor-emojis__tip
{
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
200px
;
margin-right
:
10px
;
color
:
#586069
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
}
.vditor-emojis__tail
{
margin-top
:
5px
;
font-size
:
12px
;
color
:
#586069
;
display
:
-webkit-box
;
display
:
flex
}
.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
:
30px
;
width
:
30px
;
text-align
:
center
;
line-height
:
26px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
}
.vditor-emojis
span
:hover
{
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin
:
3px
0
0
3px
}
@-webkit-keyframes
slideInDown
{
from
{
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
)}}
@keyframes
slideInDown
{
from
{
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
)}}
.vditor
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Noto Color Emoji"
,
"Segoe UI Symbol"
,
"Android Emoji"
,
"EmojiSymbols"
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
-webkit-box
;
display
:
flex
;
min-height
:
60px
;
-webkit-box-flex
:
1
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Noto Color Emoji"
,
"Segoe UI Symbol"
,
"Android Emoji"
,
"EmojiSymbols"
;
margin
:
0
1px
0
0
;
height
:
100%
;
overflow
:
auto
;
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
9px
10px
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
;
font-variant-ligatures
:
no-common-ligatures
;
white-space
:
pre-wrap
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.vditor-textarea
[
contenteditable
=
"false"
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-textarea
:empty::before
{
content
:
attr
(
placeholder
);
color
:
rgba
(
36
,
41
,
46
,
0.68
)}
.vditor-preview
{
-webkit-box-flex
:
1
;
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
margin-left
:
-1px
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
>
div
::-webkit-scrollbar
{
display
:
none
}
.vditor-preview
>
.vditor-reset
{
margin
:
0
auto
}
.vditor-devtools
{
display
:
none
;
background-color
:
#fff
;
overflow
:
auto
;
-webkit-box-flex
:
1
;
flex
:
1
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
;
padding
:
10px
}
.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
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
z-index
:
2
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
3px
0
;
cursor
:
row-resize
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
position
:
absolute
;
width
:
100%
;
z-index
:
2
}
.vditor-resize--top
{
top
:
-3px
}
.vditor-resize--bottom
{
bottom
:
-3px
}
.vditor-resize
>
div
{
height
:
3px
;
background-color
:
#f6f8fa
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
}
.vditor-resize
:hover
>
div
,
.vditor-resize--selected
>
div
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
,
.vditor-resize--selected
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
{
position
:
absolute
;
height
:
3px
;
left
:
0
;
top
:
-2px
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
)}
.vditor-tip
{
position
:
absolute
;
font-size
:
12px
;
top
:
10px
;
color
:
#fff
;
-webkit-animation-duration
:
.15s
;
animation-duration
:
.15s
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
width
:
100%
;
text-align
:
center
}
.vditor-tip--show
{
display
:
block
;
-webkit-animation-name
:
slideInDown
;
animation-name
:
slideInDown
}
.vditor-tip__content
{
text-align
:
left
;
display
:
inline-block
;
line-height
:
16px
;
padding
:
3px
10px
;
border-radius
:
3px
;
background
:
rgba
(
66
,
133
,
244
,
0.8
);
position
:
relative
}
.vditor-tip__content
ul
{
margin
:
2px
0
;
padding
:
0
0
0
18px
}
.vditor-tip__close
{
position
:
absolute
;
color
:
#586069
;
top
:
-7px
;
right
:
-15px
;
font-weight
:
bold
;
cursor
:
pointer
}
.vditor-tip__close
:hover
{
color
:
#4285f4
}
.vditor-popover
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
3
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
250px
;
min-width
:
80px
;
display
:
none
}
.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
:
3
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
250px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
button
{
display
:
block
;
padding
:
3px
10px
;
border
:
0
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
;
width
:
100%
;
box-sizing
:
border-box
;
text-align
:
left
;
margin
:
0
;
background-color
:
transparent
}
.vditor-hint
button
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
button
:hover
{
background-color
:
#4285f4
!important
;
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-variant-ligatures
:
no-common-ligatures
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Noto Color Emoji"
,
"Segoe UI Symbol"
,
"Android Emoji"
,
"EmojiSymbols"
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.5
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset--anchor
{
padding-left
:
20px
}
.vditor-reset
ul
ul
ul
{
list-style-type
:
square
}
.vditor-reset
ul
ul
{
list-style-type
:
circle
}
.vditor-reset
ul
{
list-style-type
:
disc
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
+
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
audio
:focus
{
outline
:
none
}
.vditor-reset
video
{
max-height
:
90vh
;
max-width
:
100%
}
.vditor-reset
img
{
max-width
:
100%
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
sub
}
.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
:hover
.vditor-anchor
svg
,
.vditor-reset
h2
:hover
.vditor-anchor
svg
,
.vditor-reset
h3
:hover
.vditor-anchor
svg
,
.vditor-reset
h4
:hover
.vditor-anchor
svg
,
.vditor-reset
h5
:hover
.vditor-anchor
svg
,
.vditor-reset
h6
:hover
.vditor-anchor
svg
{
visibility
:
visible
}
.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
:
2px
;
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
;
max-width
:
100%
;
box-sizing
:
border-box
}
.vditor-reset
iframe
.iframe__video
{
min-width
:
80%
;
min-height
:
36vh
}
.vditor-reset
table
{
width
:
100%
;
border-collapse
:
collapse
;
empty-cells
:
show
;
margin-bottom
:
16px
;
display
:
block
;
overflow
:
auto
;
border-spacing
:
0
}
.vditor-reset
table
tr
{
background-color
:
#fff
;
border-top
:
1px
solid
#c6cbd1
}
.vditor-reset
table
td
,
.vditor-reset
table
th
{
padding
:
6px
13px
;
border
:
1px
solid
#dfe2e5
;
word-break
:
normal
}
.vditor-reset
table
th
{
font-weight
:
600
}
.vditor-reset
table
tbody
tr
:nth-child
(
2n
)
{
background-color
:
#f6f8fa
}
.vditor-reset
code
:not
(
.hljs
)
:not
(
.highlight-chroma
)
{
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
;
white-space
:
pre-wrap
;
background-color
:
rgba
(
27
,
31
,
35
,
0.05
)}
.vditor-reset
pre
>
code
{
margin
:
0
;
font-size
:
85%
;
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
;
white-space
:
pre
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
background-size
:
20px
20px
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==)
;
word-break
:
initial
;
word-wrap
:
normal
}
.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
p
:last-child
,
.vditor-reset
blockquote
:last-child
,
.vditor-reset
pre
:last-child
,
.vditor-reset
ul
:last-child
,
.vditor-reset
ol
:last-child
,
.vditor-reset
hr
:last-child
{
margin-bottom
:
0
}
.vditor-reset
.language-echarts
{
overflow
:
hidden
;
height
:
420px
}
.vditor-task
{
list-style
:
none
}
.vditor-task
input
{
margin
:
0
.2em
.25em
-1.6em
;
vertical-align
:
middle
}
.vditor-copy
{
position
:
relative
;
display
:
none
;
z-index
:
1
}
.vditor-copy
textarea
{
position
:
absolute
;
left
:
-100000px
;
height
:
10px
}
.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
!important
;
display
:
block
;
fill
:
currentColor
}
.vditor-linenumber
{
padding-left
:
4em
!important
;
position
:
relative
}
.vditor-linenumber__rows
{
position
:
absolute
;
pointer-events
:
none
;
top
:
0.5em
;
left
:
0
;
width
:
3em
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
counter-reset
:
linenumber
}
.vditor-linenumber__rows
>
span
{
pointer-events
:
none
;
display
:
block
}
.vditor-linenumber__rows
>
span
::before
{
counter-increment
:
linenumber
;
content
:
counter
(
linenumber
);
color
:
rgba
(
158
,
150
,
150
,
0.38
);
display
:
block
;
padding-right
:
1em
;
text-align
:
right
}
.vditor-speech
{
position
:
absolute
;
display
:
none
;
background-color
:
#f6f8fa
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
padding
:
3px
;
cursor
:
pointer
;
color
:
#586069
}
.vditor-speech
:hover
,
.vditor-speech--current
{
color
:
#4285f4
}
.vditor-speech
svg
{
height
:
14px
;
width
:
14px
;
fill
:
currentColor
;
display
:
block
;
stroke-width
:
0
;
stroke
:
currentColor
}
.vditor-anchor
{
float
:
left
;
padding-right
:
4px
;
margin-left
:
-20px
}
.vditor-anchor
svg
{
visibility
:
hidden
}
.vditor-anchor
:hover
svg
{
visibility
:
visible
}
.vditor-anchor
:focus
{
outline
:
none
}
.vditor--error
{
color
:
#d23f31
;
font-size
:
12px
;
display
:
block
;
line-height
:
16px
}
.vditor-wysiwyg
{
background-color
:
#fafbfc
;
box-sizing
:
border-box
;
-webkit-box-flex
:
1
;
flex
:
1
;
margin
:
0
;
white-space
:
pre-wrap
}
.vditor-wysiwyg
[
contenteditable
=
"false"
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-wysiwyg
:focus
{
outline
:
none
;
background-color
:
#fff
}
button
,
.btn
{
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
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#fafbfc
),
color-stop
(
90%
,
#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
,
.btn
:hover
{
background-color
:
#e6ebf1
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#f0f3f6
),
color-stop
(
90%
,
#e6ebf1
));
background-image
:
linear-gradient
(
-180deg
,
#f0f3f6
,
#e6ebf1
90%
);
background-position
:
-.5em
;
border-color
:
rgba
(
27
,
31
,
35
,
0.35
);
text-decoration
:
none
}
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
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
min-height
:
100vh
;
box-sizing
:
border-box
}
.content-wrap
{
-webkit-box-flex
:
1
;
flex
:
1
;
display
:
-webkit-box
;
display
:
flex
}
.content
{
background-color
:
#fff
;
margin
:
0
auto
;
width
:
760px
;
align-self
:
center
;
display
:
-webkit-box
;
display
:
flex
}
.main
{
border-left
:
1px
solid
#E6E5D9
;
font-size
:
15px
;
padding
:
20px
;
-webkit-box-flex
:
1
;
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
}
.start
{
display
:
block
;
margin
:
20px
auto
4
0px
;
width
:
280px
;
text-align
:
center
}
.start__icon
{
height
:
200px
;
width
:
210px
;
margin
:
0
auto
20px
;
background-size
:
contain
;
color
:
#3b3e43
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
;
padding-right
:
24px
}
.start__icon
:hover
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
.start__action
{
display
:
-webkit-inline-box
;
display
:
inline-flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.start
.btn
{
margin
:
0
10px
0
0
}
.search
{
border-top
:
5px
solid
#e6e5d9
;
background-color
:
#f3f1e5
;
padding
:
20px
0
20px
84px
;
min-height
:
480px
;
-webkit-box-flex
:
1
;
flex
:
1
}
.search__body
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
}
.search__header
{
margin
:
20px
;
display
:
-webkit-box
;
display
:
flex
}
.search__header
a
{
line-height
:
32px
}
.search__input
{
-webkit-box-flex
:
1
;
flex
:
1
;
display
:
-webkit-box
;
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
;
-webkit-box-flex
:
1
;
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
}
@-webkit-keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
@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
;
-webkit-animation-name
:
tooltip-appear
;
animation-name
:
tooltip-appear
;
-webkit-animation-duration
:
0.15s
;
animation-duration
:
0.15s
;
-webkit-animation-fill-mode
:
forwards
;
animation-fill-mode
:
forwards
;
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
.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
{
-webkit-transform
:
translateX
(
50%
);
transform
:
translateX
(
50%
)}
.vditor-tooltipped__w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
-webkit-transform
:
translateY
(
50%
);
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
;
-webkit-transform
:
translateY
(
50%
);
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
)}
@-webkit-keyframes
scale-in
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0.5
);
transform
:
scale
(
0.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
@keyframes
scale-in
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0.5
);
transform
:
scale
(
0.5
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
.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
:
4
;
font-size
:
14px
;
display
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
max-width
:
320px
;
min-width
:
80px
;
-webkit-animation-duration
:
.15s
;
animation-duration
:
.15s
;
-webkit-animation-name
:
scale-in
;
animation-name
:
scale-in
;
-webkit-animation-timing-function
:
cubic-bezier
(
0.2
,
0
,
0.13
,
1.5
);
animation-timing-function
:
cubic-bezier
(
0.2
,
0
,
0.13
,
1.5
)}
.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
>
div
button
{
border
:
0
;
margin
:
0
;
padding
:
0
;
background-color
:
transparent
}
.vditor-toolbar
>
div
button
:focus
{
outline
:
none
}
.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
label
svg
{
position
:
absolute
;
top
:
0
;
left
:
0
}
.vditor-toolbar
label
input
{
position
:
absolute
;
width
:
15px
;
height
:
15px
;
top
:
0
;
left
:
0
;
opacity
:
.001
;
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-menu--disabled
svg
{
color
:
rgba
(
88
,
96
,
105
,
0.6
);
cursor
:
not-allowed
}
.vditor-emojis
{
display
:
inline-block
;
overflow
:
auto
}
.vditor-emojis
::-webkit-scrollbar
{
display
:
none
}
.vditor-emojis__tip
{
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
200px
;
margin-right
:
10px
;
color
:
#586069
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
}
.vditor-emojis__tail
{
margin-top
:
5px
;
font-size
:
12px
;
color
:
#586069
;
display
:
-webkit-box
;
display
:
flex
}
.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
:
30px
;
width
:
30px
;
text-align
:
center
;
line-height
:
26px
;
padding
:
3px
;
box-sizing
:
border-box
;
font-size
:
16px
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
}
.vditor-emojis
span
:hover
{
-webkit-transform
:
scale
(
1.2
);
transform
:
scale
(
1.2
)}
.vditor-emojis
img
{
height
:
20px
;
width
:
20px
;
float
:
left
;
margin
:
3px
0
0
3px
}
@-webkit-keyframes
slideInDown
{
from
{
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
)}}
@keyframes
slideInDown
{
from
{
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translate3d
(
0
,
0
,
0
);
transform
:
translate3d
(
0
,
0
,
0
)}}
.vditor
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
box-sizing
:
border-box
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Noto Color Emoji"
,
"Segoe UI Symbol"
,
"Android Emoji"
,
"EmojiSymbols"
}
.vditor--fullscreen
{
position
:
fixed
;
top
:
0
;
width
:
100%
!important
;
left
:
0
;
height
:
100vh
!important
;
z-index
:
90
;
background-color
:
#fff
}
.vditor-content
{
display
:
-webkit-box
;
display
:
flex
;
min-height
:
60px
;
-webkit-box-flex
:
1
;
flex
:
1
;
position
:
relative
}
.vditor-textarea
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Noto Color Emoji"
,
"Segoe UI Symbol"
,
"Android Emoji"
,
"EmojiSymbols"
;
margin
:
0
1px
0
0
;
height
:
100%
;
overflow
:
auto
;
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
;
border
:
0
;
resize
:
none
;
padding
:
10px
9px
10px
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
;
font-variant-ligatures
:
no-common-ligatures
;
white-space
:
pre-wrap
;
word-break
:
break-word
;
word-wrap
:
break-word
}
.vditor-textarea
[
contenteditable
=
"false"
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-textarea
:focus
{
background-color
:
#fff
}
.vditor-textarea
:empty::before
{
content
:
attr
(
placeholder
);
color
:
rgba
(
36
,
41
,
46
,
0.68
)}
.vditor-preview
{
-webkit-box-flex
:
1
;
flex
:
1
;
background-color
:
#fff
;
overflow
:
auto
;
margin-left
:
-1px
;
padding
:
10px
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
}
.vditor-preview
>
div
::-webkit-scrollbar
{
display
:
none
}
.vditor-preview
>
.vditor-reset
{
margin
:
0
auto
}
.vditor-devtools
{
display
:
none
;
background-color
:
#fff
;
overflow
:
auto
;
-webkit-box-flex
:
1
;
flex
:
1
;
box-shadow
:
inset
1px
0
#d1d5da
;
box-sizing
:
border-box
;
border-radius
:
0
0
3px
0
;
padding
:
10px
}
.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
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
z-index
:
2
}
.vditor-counter--error
{
color
:
#d23f31
;
background-color
:
rgba
(
210
,
63
,
49
,
0.1
)}
.vditor-resize
{
padding
:
3px
0
;
cursor
:
row-resize
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
position
:
absolute
;
width
:
100%
;
z-index
:
2
}
.vditor-resize--top
{
top
:
-3px
}
.vditor-resize--bottom
{
bottom
:
-3px
}
.vditor-resize
>
div
{
height
:
3px
;
background-color
:
#f6f8fa
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
}
.vditor-resize
:hover
>
div
,
.vditor-resize--selected
>
div
{
background-color
:
#4285f4
}
.vditor-resize
:hover
svg
,
.vditor-resize--selected
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
{
position
:
absolute
;
height
:
3px
;
left
:
0
;
top
:
-2px
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
;
background-color
:
rgba
(
66
,
133
,
244
,
0.8
)}
.vditor-tip
{
position
:
absolute
;
font-size
:
12px
;
top
:
10px
;
color
:
#fff
;
-webkit-animation-duration
:
.15s
;
animation-duration
:
.15s
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
width
:
100%
;
text-align
:
center
}
.vditor-tip--show
{
display
:
block
;
-webkit-animation-name
:
slideInDown
;
animation-name
:
slideInDown
}
.vditor-tip__content
{
text-align
:
left
;
display
:
inline-block
;
line-height
:
16px
;
padding
:
3px
10px
;
border-radius
:
3px
;
background
:
rgba
(
66
,
133
,
244
,
0.8
);
position
:
relative
}
.vditor-tip__content
ul
{
margin
:
2px
0
;
padding
:
0
0
0
18px
}
.vditor-tip__close
{
position
:
absolute
;
color
:
#586069
;
top
:
-7px
;
right
:
-15px
;
font-weight
:
bold
;
cursor
:
pointer
}
.vditor-tip__close
:hover
{
color
:
#4285f4
}
.vditor-popover
{
background-color
:
#fff
;
position
:
absolute
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
3px
;
padding
:
5px
0
;
z-index
:
3
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
250px
;
min-width
:
80px
;
display
:
none
}
.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
:
3
;
line-height
:
20px
;
list-style
:
none
;
color
:
#24292e
;
font-size
:
12px
;
margin
:
0
;
max-width
:
250px
;
min-width
:
80px
;
display
:
none
}
.vditor-hint
button
{
display
:
block
;
padding
:
3px
10px
;
border
:
0
;
border-bottom
:
1px
solid
#d1d5da
;
line-height
:
20px
;
width
:
100%
;
box-sizing
:
border-box
;
text-align
:
left
;
margin
:
0
;
background-color
:
transparent
}
.vditor-hint
button
:last-child
{
border-bottom
:
0
}
.vditor-hint--current
,
.vditor-hint
button
:hover
{
background-color
:
#4285f4
!important
;
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-variant-ligatures
:
no-common-ligatures
;
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Noto Color Emoji"
,
"Segoe UI Symbol"
,
"Android Emoji"
,
"EmojiSymbols"
;
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.5
;
font-size
:
16px
;
word-break
:
break-word
}
.vditor-reset--anchor
{
padding-left
:
20px
}
.vditor-reset
ul
ul
ul
{
list-style-type
:
square
}
.vditor-reset
ul
ul
{
list-style-type
:
circle
}
.vditor-reset
ul
{
list-style-type
:
disc
}
.vditor-reset
ul
,
.vditor-reset
ol
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.vditor-reset
li
+
li
{
margin-top
:
0.25em
}
.vditor-reset
audio
{
max-width
:
100%
}
.vditor-reset
audio
:focus
{
outline
:
none
}
.vditor-reset
video
{
max-height
:
90vh
;
max-width
:
100%
}
.vditor-reset
img
{
max-width
:
100%
}
.vditor-reset
img
.emoji
{
cursor
:
auto
;
max-width
:
20px
;
vertical-align
:
sub
}
.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
:hover
.vditor-anchor
svg
,
.vditor-reset
h2
:hover
.vditor-anchor
svg
,
.vditor-reset
h3
:hover
.vditor-anchor
svg
,
.vditor-reset
h4
:hover
.vditor-anchor
svg
,
.vditor-reset
h5
:hover
.vditor-anchor
svg
,
.vditor-reset
h6
:hover
.vditor-anchor
svg
{
visibility
:
visible
}
.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
:
2px
;
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
;
max-width
:
100%
;
box-sizing
:
border-box
}
.vditor-reset
iframe
.iframe__video
{
min-width
:
80%
;
min-height
:
36vh
}
.vditor-reset
table
{
width
:
100%
;
border-collapse
:
collapse
;
empty-cells
:
show
;
margin-bottom
:
16px
;
display
:
block
;
overflow
:
auto
;
border-spacing
:
0
}
.vditor-reset
table
tr
{
background-color
:
#fff
;
border-top
:
1px
solid
#c6cbd1
}
.vditor-reset
table
td
,
.vditor-reset
table
th
{
padding
:
6px
13px
;
border
:
1px
solid
#dfe2e5
;
word-break
:
normal
}
.vditor-reset
table
th
{
font-weight
:
600
}
.vditor-reset
table
tbody
tr
:nth-child
(
2n
)
{
background-color
:
#f6f8fa
}
.vditor-reset
code
:not
(
.hljs
)
:not
(
.highlight-chroma
)
{
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
;
white-space
:
pre-wrap
;
background-color
:
rgba
(
27
,
31
,
35
,
0.05
)}
.vditor-reset
pre
>
code
{
margin
:
0
;
font-size
:
85%
;
padding
:
0.5em
;
border-radius
:
5px
;
display
:
block
;
overflow
:
auto
;
white-space
:
pre
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
background-size
:
20px
20px
;
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==)
;
word-break
:
initial
;
word-wrap
:
normal
}
.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
p
:last-child
,
.vditor-reset
blockquote
:last-child
,
.vditor-reset
pre
:last-child
,
.vditor-reset
ul
:last-child
,
.vditor-reset
ol
:last-child
,
.vditor-reset
hr
:last-child
{
margin-bottom
:
0
}
.vditor-reset
.language-echarts
{
overflow
:
hidden
;
height
:
420px
}
.vditor-task
{
list-style
:
none
}
.vditor-task
input
{
margin
:
0
.2em
.25em
-1.6em
;
vertical-align
:
middle
}
.vditor-copy
{
position
:
relative
;
display
:
none
;
z-index
:
1
}
.vditor-copy
textarea
{
position
:
absolute
;
left
:
-100000px
;
height
:
10px
}
.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
!important
;
display
:
block
;
fill
:
currentColor
}
.vditor-linenumber
{
padding-left
:
4em
!important
;
position
:
relative
}
.vditor-linenumber__rows
{
position
:
absolute
;
pointer-events
:
none
;
top
:
0.5em
;
left
:
0
;
width
:
3em
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
counter-reset
:
linenumber
}
.vditor-linenumber__rows
>
span
{
pointer-events
:
none
;
display
:
block
}
.vditor-linenumber__rows
>
span
::before
{
counter-increment
:
linenumber
;
content
:
counter
(
linenumber
);
color
:
rgba
(
158
,
150
,
150
,
0.38
);
display
:
block
;
padding-right
:
1em
;
text-align
:
right
}
.vditor-speech
{
position
:
absolute
;
display
:
none
;
background-color
:
#f6f8fa
;
border
:
1px
solid
#d1d5da
;
border-radius
:
3px
;
padding
:
3px
;
cursor
:
pointer
;
color
:
#586069
}
.vditor-speech
:hover
,
.vditor-speech--current
{
color
:
#4285f4
}
.vditor-speech
svg
{
height
:
14px
;
width
:
14px
;
fill
:
currentColor
;
display
:
block
;
stroke-width
:
0
;
stroke
:
currentColor
}
.vditor-anchor
{
float
:
left
;
padding-right
:
4px
;
margin-left
:
-20px
}
.vditor-anchor
svg
{
visibility
:
hidden
}
.vditor-anchor
:hover
svg
{
visibility
:
visible
}
.vditor-anchor
:focus
{
outline
:
none
}
.vditor--error
{
color
:
#d23f31
;
font-size
:
12px
;
display
:
block
;
line-height
:
16px
}
.vditor-wysiwyg
{
background-color
:
#fafbfc
;
box-sizing
:
border-box
;
-webkit-box-flex
:
1
;
flex
:
1
;
margin
:
0
;
white-space
:
pre-wrap
}
.vditor-wysiwyg
[
contenteditable
=
"false"
]
{
opacity
:
0.3
;
cursor
:
not-allowed
}
.vditor-wysiwyg
:focus
{
outline
:
none
;
background-color
:
#fff
}
button
,
.btn
{
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
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#fafbfc
),
color-stop
(
90%
,
#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
,
.btn
:hover
{
background-color
:
#e6ebf1
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#f0f3f6
),
color-stop
(
90%
,
#e6ebf1
));
background-image
:
linear-gradient
(
-180deg
,
#f0f3f6
,
#e6ebf1
90%
);
background-position
:
-.5em
;
border-color
:
rgba
(
27
,
31
,
35
,
0.35
);
text-decoration
:
none
}
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
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
min-height
:
100vh
;
box-sizing
:
border-box
}
.content-wrap
{
-webkit-box-flex
:
1
;
flex
:
1
;
display
:
-webkit-box
;
display
:
flex
}
.content
{
background-color
:
#fff
;
margin
:
0
auto
;
width
:
760px
;
align-self
:
center
;
display
:
-webkit-box
;
display
:
flex
}
.main
{
border-left
:
1px
solid
#E6E5D9
;
font-size
:
15px
;
padding
:
20px
;
-webkit-box-flex
:
1
;
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
}
.start
{
display
:
block
;
margin
:
20px
auto
2
0px
;
width
:
280px
;
text-align
:
center
}
.start__icon
{
height
:
200px
;
width
:
210px
;
margin
:
0
auto
20px
;
background-size
:
contain
;
color
:
#3b3e43
;
-webkit-transition
:
all
0.15s
ease-in-out
;
transition
:
all
0.15s
ease-in-out
;
padding-right
:
24px
}
.start__icon
:hover
{
-webkit-transform
:
scale
(
1.1
);
transform
:
scale
(
1.1
)}
.start__action
{
display
:
-webkit-inline-box
;
display
:
inline-flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.start
.btn
{
margin
:
0
10px
0
0
}
.search
{
border-top
:
5px
solid
#e6e5d9
;
background-color
:
#f3f1e5
;
padding
:
20px
0
20px
84px
;
min-height
:
480px
;
-webkit-box-flex
:
1
;
flex
:
1
}
.search__body
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
}
.search__header
{
margin
:
20px
;
display
:
-webkit-box
;
display
:
flex
}
.search__header
a
{
line-height
:
32px
}
.search__input
{
-webkit-box-flex
:
1
;
flex
:
1
;
display
:
-webkit-box
;
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
;
-webkit-box-flex
:
1
;
flex
:
1
;
margin-left
:
0
}
.search__articles
{
width
:
auto
}}
src/main/resources/scss/start.scss
View file @
71498192
...
@@ -171,7 +171,7 @@ input[type=text]:focus {
...
@@ -171,7 +171,7 @@ input[type=text]:focus {
/* start */
/* start */
.start
{
.start
{
display
:
block
;
display
:
block
;
margin
:
20px
auto
4
0px
;
margin
:
20px
auto
2
0px
;
width
:
280px
;
width
:
280px
;
text-align
:
center
;
text-align
:
center
;
...
...
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