Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
S
solo
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
Commits
b1e3b345
Commit
b1e3b345
authored
Nov 07, 2015
by
Liang Ding
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
.
parent
630316b9
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
1 addition
and
61 deletions
+1
-61
src/main/webapp/skins/finding/css/finding.min.css
src/main/webapp/skins/finding/css/finding.min.css
+1
-16
src/main/webapp/skins/finding/js/finding.min.js
src/main/webapp/skins/finding/js/finding.min.js
+0
-15
src/main/webapp/skins/mobile/js/l10n.min.js
src/main/webapp/skins/mobile/js/l10n.min.js
+0
-15
src/main/webapp/skins/yilia/js/yilia.min.js
src/main/webapp/skins/yilia/js/yilia.min.js
+0
-15
No files found.
src/main/webapp/skins/finding/css/finding.min.css
View file @
b1e3b345
/**
* Copyright (c) 2010-2015, b3log.org
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@charset
"utf-8"
;
body
,
html
{
height
:
100%
;
max-height
:
100%
}
body
,
dl
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
ol
,
p
,
ul
{
text-rendering
:
geometricPrecision
}
.nav
li
a
,
dl
dt
{
text-overflow
:
ellipsis
}
dl
dd
,
dl
dt
{
margin-bottom
:
1em
}
body
,
li
li
{
margin
:
0
}
blockquote
cite
,
dl
dt
{
font-weight
:
700
}
dl
,
ol
,
p
,
pre
,
ul
{
margin
:
0
0
1.75em
}
.fn-left
,
dl
dt
{
float
:
left
}
#emotions
span
,
.icon-gotop
,
.share
.icon
{
cursor
:
pointer
}
#tags
li
,
.nav
ul
,
ul
.comments
{
list-style
:
none
}
html
{
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
transparent
}
body
{
font-family
:
Merriweather
,
"Microsoft Yahei"
,
Helvetica
;
letter-spacing
:
.01rem
;
font-size
:
1.8rem
;
line-height
:
1.75em
;
color
:
#3A4145
;
-webkit-font-feature-settings
:
'kern'
1
;
-moz-font-feature-settings
:
'kern'
1
;
-o-font-feature-settings
:
'kern'
1
}
::-moz-selection
{
background
:
#D6EDFF
}
::selection
{
background
:
#D6EDFF
}
a
{
color
:
#4A4A4A
;
transition
:
color
.3s
ease
}
a
:hover
{
color
:
#111
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
-webkit-font-feature-settings
:
'dlig'
1
,
'liga'
1
,
'lnum'
1
,
'kern'
1
;
-moz-font-feature-settings
:
'dlig'
1
,
'liga'
1
,
'lnum'
1
,
'kern'
1
;
-o-font-feature-settings
:
'dlig'
1
,
'liga'
1
,
'lnum'
1
,
'kern'
1
;
color
:
#2E2E2E
;
line-height
:
1.15em
;
font-family
:
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
}
code
,
pre
,
tt
{
font-family
:
Inconsolata
,
monospace
,
"Microsoft Yahei"
,
Helvetica
;
background
:
#F7FAFB
}
h1
{
font-size
:
5rem
;
letter-spacing
:
-2px
;
text-indent
:
-3px
}
.page-title
a
,
h2
{
letter-spacing
:
-1px
}
h2
{
font-size
:
3.6rem
}
h3
{
font-size
:
3rem
}
h4
{
font-size
:
2.5rem
}
h5
,
h6
{
font-size
:
2rem
}
img
{
max-width
:
100%
}
dl
,
ol
,
p
,
ul
{
-webkit-font-feature-settings
:
'liga'
1
,
'onum'
1
,
'kern'
1
;
-moz-font-feature-settings
:
'liga'
1
,
'onum'
1
,
'kern'
1
;
-o-font-feature-settings
:
'liga'
1
,
'onum'
1
,
'kern'
1
}
ol
,
ul
{
padding-left
:
3rem
}
ol
ol
,
ol
ul
,
ul
ol
,
ul
ul
{
padding-left
:
2em
}
dl
dt
{
width
:
180px
;
overflow
:
hidden
;
clear
:
left
;
text-align
:
right
;
white-space
:
nowrap
}
dl
dd
{
margin-left
:
200px
}
hr
{
display
:
block
;
height
:
1px
;
border
:
0
;
border-top
:
#EFEFEF
1px
solid
;
margin
:
3.2em
0
;
padding
:
0
}
blockquote
{
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
margin
:
1.75em
0
1.75em
-2.2em
;
padding
:
0
0
0
1.75em
;
border-left
:
#4A4A4A
.4em
solid
}
.menu-button
,
pre
{
-moz-box-sizing
:
border-box
}
blockquote
p
{
margin
:
.8em
0
;
font-style
:
italic
}
blockquote
small
{
display
:
inline-block
;
margin
:
.8em
0
.8em
1.5em
;
font-size
:
.9em
;
color
:
#CCC
}
blockquote
small
:before
{
content
:
"\2014 \00A0"
}
blockquote
cite
a
{
font-weight
:
400
}
mark
{
background-color
:
#fdffb6
}
code
,
tt
{
padding
:
1px
3px
;
font-size
:
.85em
;
white-space
:
pre-wrap
;
border
:
1px
solid
#E3EDF3
;
border-radius
:
2px
}
pre
{
box-sizing
:
border-box
;
border
:
1px
solid
#E3EDF3
;
width
:
100%
;
padding
:
10px
;
font-size
:
.9em
;
white-space
:
pre
;
overflow
:
auto
;
border-radius
:
3px
}
pre
code
,
pre
tt
{
font-size
:
inherit
;
white-space
:
pre-wrap
;
background
:
0
0
;
border
:
none
;
padding
:
0
}
.menu-button
,
.nav
.count
,
.nav
li
a
{
white-space
:
nowrap
}
.fn-clear
:after
,
.fn-clear
:before
{
display
:
table
;
content
:
""
}
.fn-clear
:after
{
clear
:
both
}
.fn-right
{
float
:
right
}
.fn-none
{
display
:
none
}
.fn-vertical
{
display
:
table-cell
;
vertical-align
:
middle
}
.comments
li
img
,
.icon-menu
:before
{
vertical-align
:
sub
}
.fn-wrap
{
width
:
80%
;
max-width
:
768px
;
margin
:
0
auto
}
@-webkit-keyframes
fade-in-down
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
@keyframes
fade-in-down
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
@-webkit-keyframes
bounce
{
0
%,
10
%,
25
%,
40
%,
50
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
20
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
30
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@keyframes
bounce
{
0
%,
100
%,
20
%,
50
%,
80
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
40
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
60
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@-webkit-keyframes
upbounce
{
0
%,
10
%,
25
%,
40
%,
50
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
20
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
30
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@keyframes
upbounce
{
0
%,
100
%,
20
%,
50
%,
80
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
40
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
60
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@font-face
{
font-family
:
icomoon
;
src
:
url(fonts/icomoon.eot?v=1)
;
src
:
url(fonts/icomoon.eot?v=1#iefix)
format
(
"embedded-opentype"
),
url(fonts/icomoon.woff?v=1)
format
(
"woff"
),
url(fonts/icomoon.ttf?v=1)
format
(
"truetype"
),
url(fonts/icomoon.svg?v=1#icons)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
}
[
class
*=
" icon-"
]
:before
,[
class
^=
icon-
]
:before
{
font-size
:
2rem
;
font-family
:
icomoon
,
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
text-decoration
:
none
!important
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.icon-arrow-left
:before
{
content
:
"\f605"
;
font-size
:
3.5rem
}
.icon-menu
:before
{
content
:
"\f609"
}
.icon-login
:before
{
content
:
"\e611"
}
.icon-logout
:before
{
content
:
"\e601"
}
.icon-setting
:before
{
content
:
"\e602"
}
.icon-register
:before
{
content
:
"\e600"
}
.avatar
{
border-radius
:
100%
;
float
:
left
;
height
:
24px
;
margin-right
:
9px
;
width
:
24px
}
.avatar-warp
{
width
:
10%
;
padding-right
:
10px
;
box-sizing
:
border-box
}
.avatar-48
{
box-shadow
:
0
0
2px
#ddd
;
height
:
auto
;
width
:
48px
;
margin-right
:
10px
;
border-radius
:
24px
}
.form
{
width
:
100%
;
margin-top
:
50px
}
.form
button
,
.form
input
,
.form
textarea
{
border
:
1px
solid
#CCC
;
background-color
:
#FAFAFA
;
border-radius
:
3px
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.075
)
inset
;
padding
:
7px
8px
;
width
:
100%
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
font-family
:
Merriweather
,
"Microsoft Yahei"
,
Helvetica
}
.form
button
{
width
:
auto
;
vertical-align
:
bottom
}
.form
input
:focus
,
.form
textarea
:focus
{
background-color
:
#FFF
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.075
)
inset
,
0
0
5px
rgba
(
81
,
167
,
232
,
.5
);
border
:
1px
solid
#51A7E8
}
.error-msg
{
font-size
:
1.5rem
;
color
:
#9EABB3
}
.cmtFromSym
{
font-size
:
1rem
;
color
:
#9EABB3
}
.em00
,
.em01
,
.em02
,
.em03
,
.em04
,
.em05
,
.em06
,
.em07
,
.em08
,
.em09
,
.em10
,
.em11
,
.em12
,
.em13
,
.em14
{
background-image
:
url(../images/emotions/emotions-ease.png)
;
float
:
left
;
height
:
24px
;
margin-right
:
5px
;
width
:
24px
}
.em01
{
background-position
:
-24px
0
}
.em02
{
background-position
:
-48px
0
}
.em03
{
background-position
:
-72px
0
}
.em04
{
background-position
:
-96px
0
}
.em05
{
background-position
:
0
-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
}
.main-header
{
position
:
relative
;
display
:
table
;
width
:
100%
;
height
:
100vh
;
margin-bottom
:
5rem
;
text-align
:
center
;
background
:
url(../images/header-bg.jpg)
center
center
no-repeat
#222
;
background-size
:
cover
;
overflow
:
hidden
;
min-height
:
50vh
}
.menu-button
:hover
,
.site-wrapper
{
background
:
#fff
}
.site-wrapper
{
position
:
relative
;
z-index
:
10
;
min-height
:
100%
;
-webkit-transition
:
-webkit-transform
.5s
ease
;
transition
:
transform
.5s
ease
}
.menu-button
,
.scroll-down
{
position
:
absolute
;
text-decoration
:
none
;
text-align
:
center
}
.nav-opened
.site-wrapper
{
overflow-x
:
hidden
;
-webkit-transform
:
translate3D
(
-240px
,
0
,
0
);
-ms-transform
:
translate3D
(
-240px
,
0
,
0
);
transform
:
translate3D
(
-240px
,
0
,
0
);
-webkit-transition
:
-webkit-transform
.3s
ease
;
transition
:
transform
.3s
ease
}
.page-title
a
{
-webkit-animation
:
fade-in-down
.6s
;
animation
:
fade-in-down
.6s
;
-webkit-animation-delay
:
.2s
;
animation-delay
:
.2s
;
margin
:
10px
0
;
font-size
:
5rem
;
font-weight
:
700
;
font-family
:
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
;
color
:
#fff
;
text-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
.9
);
text-decoration
:
none
}
.page-description
,
.page-description
a
{
-webkit-animation
:
fade-in-down
.9s
;
animation
:
fade-in-down
.9s
;
-webkit-animation-delay
:
.1s
;
animation-delay
:
.1s
;
margin
:
0
;
font-size
:
2rem
;
line-height
:
1.5em
;
font-weight
:
400
;
letter-spacing
:
.01rem
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.scroll-down
{
display
:
block
;
z-index
:
100
;
bottom
:
45px
;
left
:
50%
;
margin-left
:
-16px
;
width
:
34px
;
height
:
34px
;
font-size
:
34px
;
color
:
rgba
(
255
,
255
,
255
,
.7
);
-webkit-animation
:
bounce
4s
2s
infinite
;
animation
:
bounce
4s
2s
infinite
}
.scroll-down
:hover
{
color
:
#fff
;
-webkit-animation
:
none
;
animation
:
none
}
.menu-button
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
display
:
inline-block
;
float
:
right
;
height
:
38px
;
padding
:
0
15px
;
border-style
:
solid
;
border-width
:
1px
;
opacity
:
1
;
font-size
:
12px
;
text-transform
:
uppercase
;
line-height
:
35px
;
border-radius
:
3px
;
transition
:
all
.5s
ease
;
right
:
20px
;
top
:
40px
;
font-family
:
'Open Sans'
,
"Microsoft Yahei"
,
Helvetica
;
z-index
:
30
}
.pagination
,
.post-meta
,
.read-next-story
.post
:before
,
.site-footer
{
font-family
:
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
}
.menu-button
:focus
{
outline
:
0
}
.nav-closed
.menu-button
{
color
:
#fff
;
border-color
:
rgba
(
255
,
255
,
255
,
.6
)}
.nav-closed
.menu-button
:hover
{
color
:
#222
}
.nav-opened
.menu-button
{
padding
:
0
12px
;
background
:
#111
;
border-color
:
#111
;
color
:
#fff
;
-webkit-transform
:
translate3D
(
50px
,
0
,
0
);
-ms-transform
:
translate3D
(
50px
,
0
,
0
);
transform
:
translate3D
(
50px
,
0
,
0
);
transition
:
all
.3s
ease
}
.nav-opened
.menu-button
.word
{
opacity
:
0
;
transition
:
all
.3s
ease
}
.nav
{
position
:
fixed
;
top
:
0
;
right
:
0
;
bottom
:
0
;
z-index
:
5
;
width
:
220px
;
padding
:
10px
10px
0
;
opacity
:
0
;
background
:
#111
;
margin-bottom
:
0
;
text-align
:
left
;
overflow-y
:
auto
;
color
:
#FFF
;
-webkit-transition
:
-webkit-transform
.5s
ease
,
opacity
.3s
ease
.7s
;
transition
:
transform
.5s
ease
,
opacity
.3s
ease
.7s
;
overflow-x
:
hidden
}
.nav
ul
{
margin
:
0
;
padding
:
0
0
5%
;
counter-reset
:
item
}
.nav
li
{
height
:
30px
;
line-height
:
1.4rem
}
.nav
li
:before
{
display
:
block
;
float
:
right
;
padding-right
:
4%
;
padding-left
:
5px
;
text-align
:
right
;
font-size
:
1.2rem
;
vertical-align
:
bottom
;
color
:
#B8B8B8
;
content
:
counter
(
item
,
lower-roman
);
counter-increment
:
item
;
line-height
:
2.5rem
}
.nav
a
{
color
:
#B8B8B8
;
text-decoration
:
none
;
line-height
:
1.4
;
font-size
:
1.4rem
}
.nav
a
:hover
{
color
:
#FFF
}
.nav
li
a
{
display
:
block
;
padding
:
.6rem
4%
;
overflow
:
hidden
}
.nav
li
a
:after
{
display
:
inline-block
;
content
:
" ......................................................."
;
color
:
rgba
(
255
,
255
,
255
,
.2
);
margin-left
:
5px
}
.nav
.count
{
position
:
absolute
;
bottom
:
10px
;
font-size
:
1rem
;
width
:
100%
;
word-wrap
:
normal
;
word-break
:
break-all
}
.nav
[
class
^=
icon-
]
{
color
:
#FFF
}
.nav
[
class
^=
icon-
]
:hover
{
color
:
#B8B8B8
}
body
.nav-closed
.nav
{
-webkit-transform
:
translate3D
(
97px
,
0
,
0
);
-ms-transform
:
translate3D
(
97px
,
0
,
0
);
transform
:
translate3D
(
97px
,
0
,
0
)}
body
.nav-opened
.nav
{
opacity
:
1
;
-webkit-transition
:
-webkit-transform
.3s
ease
,
opacity
0s
ease
0s
;
transition
:
transform
.3s
ease
,
opacity
0s
ease
0s
;
-webkit-transform
:
translate3D
(
0
,
0
,
0
);
-ms-transform
:
translate3D
(
0
,
0
,
0
);
transform
:
translate3D
(
0
,
0
,
0
)}
article
.post
{
position
:
relative
;
margin
:
4rem
auto
;
padding-bottom
:
4rem
;
border-bottom
:
#EBF2F6
1px
solid
;
word-wrap
:
break-word
;
width
:
80%
}
article
.post
:after
{
display
:
block
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#E7EEF2
;
position
:
absolute
;
bottom
:
-5px
;
left
:
50%
;
margin-left
:
-5px
;
background
:
#FFF
;
border-radius
:
100%
;
box-shadow
:
#FFF
0
0
0
5px
}
.post-meta
time
,
.post-tip
{
display
:
inline-block
;
white-space
:
nowrap
;
text-transform
:
uppercase
}
.post-title
a
{
text-decoration
:
none
}
.post-tip
{
font-size
:
1.3rem
;
color
:
#9EABB3
}
.post-excerpt
p
{
margin
:
0
;
font-size
:
.9em
;
line-height
:
1.7em
}
.post-meta
{
color
:
#9eabb3
;
font-size
:
1.5rem
;
line-height
:
2.2rem
;
margin
:
1.75rem
0
0
}
.post-meta
a
{
color
:
#9EABB3
;
text-decoration
:
none
}
.post-meta
a
:hover
{
text-decoration
:
underline
}
#tags
li
a
,
.dynamic
a
,
.icon-gotop
,
.pagination
a
,
.read-next-story
,
.site-footer
a
{
text-decoration
:
none
}
.post-meta
time
{
border-left
:
1px
solid
#d5dbde
;
font-size
:
1.3rem
;
margin-left
:
8px
;
padding-left
:
12px
}
.post-author
{
box-sizing
:
border-box
;
display
:
block
;
position
:
absolute
;
bottom
:
-57px
;
left
:
50%
;
margin-left
:
-40px
;
width
:
80px
;
height
:
80px
;
border-radius
:
100%
;
overflow
:
hidden
;
padding
:
6px
;
background
:
#fff
;
z-index
:
2
;
box-shadow
:
#E7EEF2
0
0
0
1px
}
.post-author
a
{
background-size
:
cover
;
background-position
:
center
center
;
width
:
68px
;
height
:
68px
;
display
:
block
;
border-radius
:
35px
}
.share
.icon
{
transition
:
all
.2s
ease-out
0s
;
display
:
inline-block
;
font-size
:
16px
;
margin-top
:
15px
}
.share
.icon
:hover
{
transform
:
rotate
(
360deg
);
color
:
#9EABB3
}
.icon-weibo
:before
{
content
:
"\e605"
}
.icon-twitter
:before
{
content
:
"\e60b"
}
.icon-tencent
:before
{
content
:
"\e60d"
}
.icon-google
:before
{
content
:
"\e603"
}
.icon-gotop
:before
{
content
:
"\E60A"
;
font-weight
:
700
}
.icon-gotop
{
position
:
fixed
;
bottom
:
30px
;
right
:
30px
;
-webkit-animation
:
upbounce
4s
2s
infinite
;
animation
:
upbounce
4s
2s
infinite
;
z-index
:
10
}
.icon-gotop
:hover
{
color
:
#B8B8B8
;
-webkit-animation
:
none
;
animation
:
none
}
.pagination
{
font-size
:
1.3rem
;
color
:
#9eabb3
;
text-align
:
center
}
.pagination
a
{
color
:
#9EABB3
;
transition
:
all
.2s
ease
;
padding
:
0
15px
;
border
:
1px
solid
#bfc8cd
;
display
:
inline-block
;
border-radius
:
4px
}
.pagination
a
:hover
{
border-color
:
#98a0a4
;
color
:
#889093
}
ul
.comments
{
padding
:
0
;
margin-top
:
100px
;
position
:
relative
}
.comments
li
{
padding
:
10px
;
white-space
:
normal
;
word-wrap
:
break-word
;
position
:
relative
;
border-bottom
:
#EBF2F6
1px
solid
}
.comments
li
:hover
{
background-color
:
#F7F7F7
}
.comments
.comment-content
{
margin
:
8px
0
0
}
.comments
li
.comment-body-ref
{
position
:
absolute
;
z-index
:
10
;
background-color
:
#EBF2F6
;
border
:
1px
solid
#d5dbde
;
width
:
86%
;
left
:
69px
}
.comments
.post-meta
{
margin-top
:
0
}
#captcha
,
#captchaReply
{
height
:
27px
;
display
:
inline-block
;
vertical-align
:
inherit
}
.read-next
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
stretch
;
-webkit-align-items
:
stretch
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
;
margin-top
:
10rem
}
.read-next-story
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-flex
:
1
;
-webkit-flex-grow
:
1
;
-ms-flex-positive
:
1
;
flex-grow
:
1
;
min-width
:
50%
;
position
:
relative
;
text-align
:
center
;
color
:
#fff
;
background
:
center
center
no-repeat
#222
;
background-size
:
cover
;
overflow
:
hidden
}
.read-next-story
a
{
color
:
#BBB
}
.read-next-story
a
:hover
{
color
:
#FFF
}
.read-next-story
:hover:before
{
background
:
rgba
(
0
,
0
,
0
,
.8
);
transition
:
all
.2s
ease
}
.read-next-story
:hover
.post
:before
{
color
:
#222
;
background
:
#fff
;
transition
:
all
.2s
ease
}
.read-next-story
:before
{
content
:
""
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
background
:
rgba
(
0
,
0
,
0
,
.7
);
transition
:
all
.5s
ease
}
.read-next-story
.post
{
padding-top
:
6rem
;
padding-bottom
:
6rem
;
width
:
80%
;
position
:
relative
;
margin
:
0
auto
}
.read-next-story
.post
:before
{
content
:
"Read This Next"
;
padding
:
4px
10px
5px
;
text-transform
:
uppercase
;
font-size
:
1.1rem
;
color
:
rgba
(
255
,
255
,
255
,
.8
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.5
);
border-radius
:
4px
;
transition
:
all
.5s
ease
}
.read-next-story.prev
.post
:before
{
content
:
"Read This Before"
}
.read-next-story
h2
{
margin-top
:
1rem
;
color
:
#fff
}
.read-next-story
p
{
margin
:
0
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.read-next
+
.site-footer
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
right
:
0
;
margin
:
0
}
#tags
{
padding
:
0
}
#tags
li
{
float
:
left
}
#tags
li
a
{
border
:
1px
solid
#4A4A4A
;
display
:
inline-block
;
padding
:
10px
;
margin
:
1rem
;
border-radius
:
5px
}
#tags
li
a
:hover
{
border
:
1px
solid
#FFF
;
color
:
#FFF
;
background-color
:
#4A4A4A
}
.dynamic
.read-next-story
>
div
{
position
:
relative
;
width
:
60%
;
margin
:
50px
auto
;
text-align
:
left
}
.dynamic
a
{
margin
:
0
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.dynamic
a
:hover
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
.site-footer
{
position
:
relative
;
margin
:
8rem
0
0
;
padding
:
1rem
15px
;
font-size
:
1rem
;
line-height
:
1.75em
;
color
:
#BBC7CC
}
.site-footer
a
{
color
:
#BBC7CC
;
font-weight
:
700
}
.site-footer
a
:hover
{
text-decoration
:
underline
}
@media
only
screen
and
(
max-width
:
900px
){
blockquote
{
margin-left
:
0
}
.main-header
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
min-height
:
240px
;
height
:
60vh
;
padding
:
15%
0
}
.scroll-down
{
display
:
none
}
.page-title
,
.page-title
a
{
font-size
:
4rem
;
letter-spacing
:
-1px
}
.page-description
,
.page-description
a
{
font-size
:
1.8rem
;
line-height
:
1.5em
}
.post
{
font-size
:
.95em
}
hr
{
margin
:
2.4em
0
}
ol
,
ul
{
padding-left
:
2em
}
h1
{
font-size
:
4.5rem
;
text-indent
:
-2px
}
h2
{
font-size
:
3.6rem
}
h3
{
font-size
:
3.1rem
}
h4
{
font-size
:
2.5rem
}
h5
{
font-size
:
2.2rem
}
h6
{
font-size
:
1.8rem
}
.read-next
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-webkit-flex-direction
:
column
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
margin-top
:
4rem
}}
@media
only
screen
and
(
max-width
:
500px
){
.main-header
{
margin-bottom
:
15px
;
height
:
40vh
}
.pagination
{
width
:
auto
;
margin
:
2rem
auto
}
.post
{
width
:
auto
;
padding-bottom
:
2rem
;
line-height
:
1.65em
;
margin
:
2rem
16px
}
hr
{
margin
:
1.75em
0
}
dl
,
ol
,
p
,
ul
{
font-size
:
.95em
;
margin
:
0
0
2.5rem
}
.page-title
,
.page-title
a
{
font-size
:
3rem
}
.post-excerpt
p
{
font-size
:
.85em
}
.page-description
,
.page-description
a
{
font-size
:
1.6rem
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
margin
:
0
0
.3em
}
h1
{
font-size
:
2.8rem
;
letter-spacing
:
-1px
}
h2
{
font-size
:
2.4rem
;
letter-spacing
:
0
}
h3
{
font-size
:
2.1rem
}
h4
{
font-size
:
1.9rem
}
h5
,
h6
{
font-size
:
1.8rem
}
.post-content
img
{
padding
:
0
;
width
:
calc
(
100%
+
32px
);
min-width
:
0
;
max-width
:
112%
}
.post-meta
{
font-size
:
1.3rem
;
margin-top
:
1rem
}
.site-footer
{
margin-top
:
3rem
}
.read-next
{
margin-top
:
2rem
;
margin-bottom
:
-37px
}
.read-next
.post
{
width
:
100%
}
.menu-button
{
border
:
0
;
top
:
0
;
right
:
0
}
.nav-closed
.menu-button
:hover
{
color
:
#FFF
;
background-color
:
transparent
}
.nav-opened
.menu-button
{
display
:
none
}
.post-author
{
width
:
40px
;
height
:
40px
;
bottom
:
-37px
;
padding
:
3px
;
margin-left
:
-20px
}
.post-author
a
{
width
:
34px
;
height
:
34px
;
display
:
block
;
border-radius
:
17px
}
.nav
.count
{
line-height
:
1.5rem
}
#tags
li
a
{
padding
:
0
5px
}}
\ No newline at end of file
@charset
"utf-8"
;
body
,
html
{
height
:
100%
;
max-height
:
100%
}
body
,
dl
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
ol
,
p
,
ul
{
text-rendering
:
geometricPrecision
}
.nav
li
a
,
dl
dt
{
text-overflow
:
ellipsis
}
dl
dd
,
dl
dt
{
margin-bottom
:
1em
}
body
,
li
li
{
margin
:
0
}
blockquote
cite
,
dl
dt
{
font-weight
:
700
}
dl
,
ol
,
p
,
pre
,
ul
{
margin
:
0
0
1.75em
}
.fn-left
,
dl
dt
{
float
:
left
}
#emotions
span
,
.icon-gotop
,
.share
.icon
{
cursor
:
pointer
}
#tags
li
,
.nav
ul
,
ul
.comments
{
list-style
:
none
}
html
{
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
transparent
}
body
{
font-family
:
Merriweather
,
"Microsoft Yahei"
,
Helvetica
;
letter-spacing
:
.01rem
;
font-size
:
1.8rem
;
line-height
:
1.75em
;
color
:
#3A4145
;
-webkit-font-feature-settings
:
'kern'
1
;
-moz-font-feature-settings
:
'kern'
1
;
-o-font-feature-settings
:
'kern'
1
}
::-moz-selection
{
background
:
#D6EDFF
}
::selection
{
background
:
#D6EDFF
}
a
{
color
:
#4A4A4A
;
transition
:
color
.3s
ease
}
a
:hover
{
color
:
#111
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
-webkit-font-feature-settings
:
'dlig'
1
,
'liga'
1
,
'lnum'
1
,
'kern'
1
;
-moz-font-feature-settings
:
'dlig'
1
,
'liga'
1
,
'lnum'
1
,
'kern'
1
;
-o-font-feature-settings
:
'dlig'
1
,
'liga'
1
,
'lnum'
1
,
'kern'
1
;
color
:
#2E2E2E
;
line-height
:
1.15em
;
font-family
:
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
}
code
,
pre
,
tt
{
font-family
:
Inconsolata
,
monospace
,
"Microsoft Yahei"
,
Helvetica
;
background
:
#F7FAFB
}
h1
{
font-size
:
5rem
;
letter-spacing
:
-2px
;
text-indent
:
-3px
}
.page-title
a
,
h2
{
letter-spacing
:
-1px
}
h2
{
font-size
:
3.6rem
}
h3
{
font-size
:
3rem
}
h4
{
font-size
:
2.5rem
}
h5
,
h6
{
font-size
:
2rem
}
img
{
max-width
:
100%
}
dl
,
ol
,
p
,
ul
{
-webkit-font-feature-settings
:
'liga'
1
,
'onum'
1
,
'kern'
1
;
-moz-font-feature-settings
:
'liga'
1
,
'onum'
1
,
'kern'
1
;
-o-font-feature-settings
:
'liga'
1
,
'onum'
1
,
'kern'
1
}
ol
,
ul
{
padding-left
:
3rem
}
ol
ol
,
ol
ul
,
ul
ol
,
ul
ul
{
padding-left
:
2em
}
dl
dt
{
width
:
180px
;
overflow
:
hidden
;
clear
:
left
;
text-align
:
right
;
white-space
:
nowrap
}
dl
dd
{
margin-left
:
200px
}
hr
{
display
:
block
;
height
:
1px
;
border
:
0
;
border-top
:
#EFEFEF
1px
solid
;
margin
:
3.2em
0
;
padding
:
0
}
blockquote
{
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
margin
:
1.75em
0
1.75em
-2.2em
;
padding
:
0
0
0
1.75em
;
border-left
:
#4A4A4A
.4em
solid
}
.menu-button
,
pre
{
-moz-box-sizing
:
border-box
}
blockquote
p
{
margin
:
.8em
0
;
font-style
:
italic
}
blockquote
small
{
display
:
inline-block
;
margin
:
.8em
0
.8em
1.5em
;
font-size
:
.9em
;
color
:
#CCC
}
blockquote
small
:before
{
content
:
"\2014 \00A0"
}
blockquote
cite
a
{
font-weight
:
400
}
mark
{
background-color
:
#fdffb6
}
code
,
tt
{
padding
:
1px
3px
;
font-size
:
.85em
;
white-space
:
pre-wrap
;
border
:
1px
solid
#E3EDF3
;
border-radius
:
2px
}
pre
{
box-sizing
:
border-box
;
border
:
1px
solid
#E3EDF3
;
width
:
100%
;
padding
:
10px
;
font-size
:
.9em
;
white-space
:
pre
;
overflow
:
auto
;
border-radius
:
3px
}
pre
code
,
pre
tt
{
font-size
:
inherit
;
white-space
:
pre-wrap
;
background
:
0
0
;
border
:
none
;
padding
:
0
}
.menu-button
,
.nav
.count
,
.nav
li
a
{
white-space
:
nowrap
}
.fn-clear
:after
,
.fn-clear
:before
{
display
:
table
;
content
:
""
}
.fn-clear
:after
{
clear
:
both
}
.fn-right
{
float
:
right
}
.fn-none
{
display
:
none
}
.fn-vertical
{
display
:
table-cell
;
vertical-align
:
middle
}
.comments
li
img
,
.icon-menu
:before
{
vertical-align
:
sub
}
.fn-wrap
{
width
:
80%
;
max-width
:
768px
;
margin
:
0
auto
}
@-webkit-keyframes
fade-in-down
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
@keyframes
fade-in-down
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
100
%
{
opacity
:
1
;
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}}
@-webkit-keyframes
bounce
{
0
%,
10
%,
25
%,
40
%,
50
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
20
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
30
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@keyframes
bounce
{
0
%,
100
%,
20
%,
50
%,
80
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
40
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
60
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@-webkit-keyframes
upbounce
{
0
%,
10
%,
25
%,
40
%,
50
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
20
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
30
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@keyframes
upbounce
{
0
%,
100
%,
20
%,
50
%,
80
%
{
-webkit-transform
:
translateY
(
0
);
transform
:
translateY
(
0
)}
40
%
{
-webkit-transform
:
translateY
(
-10px
);
transform
:
translateY
(
-10px
)}
60
%
{
-webkit-transform
:
translateY
(
-5px
);
transform
:
translateY
(
-5px
)}}
@font-face
{
font-family
:
icomoon
;
src
:
url(fonts/icomoon.eot?v=1)
;
src
:
url(fonts/icomoon.eot?v=1#iefix)
format
(
"embedded-opentype"
),
url(fonts/icomoon.woff?v=1)
format
(
"woff"
),
url(fonts/icomoon.ttf?v=1)
format
(
"truetype"
),
url(fonts/icomoon.svg?v=1#icons)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
}
[
class
*=
" icon-"
]
:before
,[
class
^=
icon-
]
:before
{
font-size
:
2rem
;
font-family
:
icomoon
,
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
text-decoration
:
none
!important
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.icon-arrow-left
:before
{
content
:
"\f605"
;
font-size
:
3.5rem
}
.icon-menu
:before
{
content
:
"\f609"
}
.icon-login
:before
{
content
:
"\e611"
}
.icon-logout
:before
{
content
:
"\e601"
}
.icon-setting
:before
{
content
:
"\e602"
}
.icon-register
:before
{
content
:
"\e600"
}
.avatar
{
border-radius
:
100%
;
float
:
left
;
height
:
24px
;
margin-right
:
9px
;
width
:
24px
}
.avatar-warp
{
width
:
10%
;
padding-right
:
10px
;
box-sizing
:
border-box
}
.avatar-48
{
box-shadow
:
0
0
2px
#ddd
;
height
:
auto
;
width
:
48px
;
margin-right
:
10px
;
border-radius
:
24px
}
.form
{
width
:
100%
;
margin-top
:
50px
}
.form
button
,
.form
input
,
.form
textarea
{
border
:
1px
solid
#CCC
;
background-color
:
#FAFAFA
;
border-radius
:
3px
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.075
)
inset
;
padding
:
7px
8px
;
width
:
100%
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
font-family
:
Merriweather
,
"Microsoft Yahei"
,
Helvetica
;
outline
:
0
}
.form
button
{
width
:
auto
;
vertical-align
:
bottom
}
.form
input
:focus
,
.form
textarea
:focus
{
background-color
:
#FFF
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.075
)
inset
,
0
0
5px
rgba
(
81
,
167
,
232
,
.5
);
border
:
1px
solid
#51A7E8
}
.error-msg
{
font-size
:
1.5rem
;
color
:
#9EABB3
}
.cmtFromSym
{
font-size
:
1rem
;
color
:
#9EABB3
}
.em00
,
.em01
,
.em02
,
.em03
,
.em04
,
.em05
,
.em06
,
.em07
,
.em08
,
.em09
,
.em10
,
.em11
,
.em12
,
.em13
,
.em14
{
background-image
:
url(../images/emotions/emotions-ease.png)
;
float
:
left
;
height
:
24px
;
margin-right
:
5px
;
width
:
24px
}
.em01
{
background-position
:
-24px
0
}
.em02
{
background-position
:
-48px
0
}
.em03
{
background-position
:
-72px
0
}
.em04
{
background-position
:
-96px
0
}
.em05
{
background-position
:
0
-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
}
.main-header
{
position
:
relative
;
display
:
table
;
width
:
100%
;
height
:
100vh
;
margin-bottom
:
5rem
;
text-align
:
center
;
background
:
url(../images/header-bg.jpg)
center
center
no-repeat
#222
;
background-size
:
cover
;
overflow
:
hidden
;
min-height
:
50vh
}
.menu-button
:hover
,
.site-wrapper
{
background
:
#fff
}
.site-wrapper
{
position
:
relative
;
z-index
:
10
;
min-height
:
100%
;
-webkit-transition
:
-webkit-transform
.5s
ease
;
transition
:
transform
.5s
ease
}
.menu-button
,
.scroll-down
{
position
:
absolute
;
text-decoration
:
none
;
text-align
:
center
}
.nav-opened
.site-wrapper
{
overflow-x
:
hidden
;
-webkit-transform
:
translate3D
(
-240px
,
0
,
0
);
-ms-transform
:
translate3D
(
-240px
,
0
,
0
);
transform
:
translate3D
(
-240px
,
0
,
0
);
-webkit-transition
:
-webkit-transform
.3s
ease
;
transition
:
transform
.3s
ease
}
.page-title
a
{
-webkit-animation
:
fade-in-down
.6s
;
animation
:
fade-in-down
.6s
;
-webkit-animation-delay
:
.2s
;
animation-delay
:
.2s
;
margin
:
10px
0
;
font-size
:
5rem
;
font-weight
:
700
;
font-family
:
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
;
color
:
#fff
;
text-shadow
:
0
0
3px
rgba
(
0
,
0
,
0
,
.9
);
text-decoration
:
none
}
.page-description
,
.page-description
a
{
-webkit-animation
:
fade-in-down
.9s
;
animation
:
fade-in-down
.9s
;
-webkit-animation-delay
:
.1s
;
animation-delay
:
.1s
;
margin
:
0
;
font-size
:
2rem
;
line-height
:
1.5em
;
font-weight
:
400
;
letter-spacing
:
.01rem
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.scroll-down
{
display
:
block
;
z-index
:
100
;
bottom
:
45px
;
left
:
50%
;
margin-left
:
-16px
;
width
:
34px
;
height
:
34px
;
font-size
:
34px
;
color
:
rgba
(
255
,
255
,
255
,
.7
);
-webkit-animation
:
bounce
4s
2s
infinite
;
animation
:
bounce
4s
2s
infinite
}
.scroll-down
:hover
{
color
:
#fff
;
-webkit-animation
:
none
;
animation
:
none
}
.menu-button
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
display
:
inline-block
;
float
:
right
;
height
:
38px
;
padding
:
0
15px
;
border-style
:
solid
;
border-width
:
1px
;
opacity
:
1
;
font-size
:
12px
;
text-transform
:
uppercase
;
line-height
:
35px
;
border-radius
:
3px
;
transition
:
all
.5s
ease
;
right
:
20px
;
top
:
40px
;
font-family
:
'Open Sans'
,
"Microsoft Yahei"
,
Helvetica
;
z-index
:
30
}
.pagination
,
.post-meta
,
.read-next-story
.post
:before
,
.site-footer
{
font-family
:
"Open Sans"
,
"Microsoft Yahei"
,
Helvetica
}
.menu-button
:focus
{
outline
:
0
}
.nav-closed
.menu-button
{
color
:
#fff
;
border-color
:
rgba
(
255
,
255
,
255
,
.6
)}
.nav-closed
.menu-button
:hover
{
color
:
#222
}
.nav-opened
.menu-button
{
padding
:
0
12px
;
background
:
#111
;
border-color
:
#111
;
color
:
#fff
;
-webkit-transform
:
translate3D
(
50px
,
0
,
0
);
-ms-transform
:
translate3D
(
50px
,
0
,
0
);
transform
:
translate3D
(
50px
,
0
,
0
);
transition
:
all
.3s
ease
}
.nav-opened
.menu-button
.word
{
opacity
:
0
;
transition
:
all
.3s
ease
}
.nav
{
position
:
fixed
;
top
:
0
;
right
:
0
;
bottom
:
0
;
z-index
:
5
;
width
:
220px
;
padding
:
10px
10px
0
;
opacity
:
0
;
background
:
#111
;
margin-bottom
:
0
;
text-align
:
left
;
overflow-y
:
auto
;
color
:
#FFF
;
-webkit-transition
:
-webkit-transform
.5s
ease
,
opacity
.3s
ease
.7s
;
transition
:
transform
.5s
ease
,
opacity
.3s
ease
.7s
;
overflow-x
:
hidden
}
.nav
ul
{
margin
:
0
;
padding
:
0
0
5%
;
counter-reset
:
item
}
.nav
li
{
height
:
30px
;
line-height
:
1.4rem
}
.nav
li
:before
{
display
:
block
;
float
:
right
;
padding-right
:
4%
;
padding-left
:
5px
;
text-align
:
right
;
font-size
:
1.2rem
;
vertical-align
:
bottom
;
color
:
#B8B8B8
;
content
:
counter
(
item
,
lower-roman
);
counter-increment
:
item
;
line-height
:
2.5rem
}
.nav
a
{
color
:
#B8B8B8
;
text-decoration
:
none
;
line-height
:
1.4
;
font-size
:
1.4rem
}
.nav
a
:hover
{
color
:
#FFF
}
.nav
li
a
{
display
:
block
;
padding
:
.6rem
4%
;
overflow
:
hidden
}
.nav
li
a
:after
{
display
:
inline-block
;
content
:
" ......................................................."
;
color
:
rgba
(
255
,
255
,
255
,
.2
);
margin-left
:
5px
}
.nav
.count
{
position
:
absolute
;
bottom
:
10px
;
font-size
:
1rem
;
width
:
100%
;
word-wrap
:
normal
;
word-break
:
break-all
}
.nav
[
class
^=
icon-
]
{
color
:
#FFF
}
.nav
[
class
^=
icon-
]
:hover
{
color
:
#B8B8B8
}
body
.nav-closed
.nav
{
-webkit-transform
:
translate3D
(
97px
,
0
,
0
);
-ms-transform
:
translate3D
(
97px
,
0
,
0
);
transform
:
translate3D
(
97px
,
0
,
0
)}
body
.nav-opened
.nav
{
opacity
:
1
;
-webkit-transition
:
-webkit-transform
.3s
ease
,
opacity
0s
ease
0s
;
transition
:
transform
.3s
ease
,
opacity
0s
ease
0s
;
-webkit-transform
:
translate3D
(
0
,
0
,
0
);
-ms-transform
:
translate3D
(
0
,
0
,
0
);
transform
:
translate3D
(
0
,
0
,
0
)}
article
.post
{
position
:
relative
;
margin
:
4rem
auto
;
padding-bottom
:
4rem
;
border-bottom
:
#EBF2F6
1px
solid
;
word-wrap
:
break-word
;
width
:
80%
}
article
.post
:after
{
display
:
block
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#E7EEF2
;
position
:
absolute
;
bottom
:
-5px
;
left
:
50%
;
margin-left
:
-5px
;
background
:
#FFF
;
border-radius
:
100%
;
box-shadow
:
#FFF
0
0
0
5px
}
.post-meta
time
,
.post-tip
{
display
:
inline-block
;
white-space
:
nowrap
;
text-transform
:
uppercase
}
.post-title
a
{
text-decoration
:
none
}
.post-tip
{
font-size
:
1.3rem
;
color
:
#9EABB3
}
.post-excerpt
p
{
margin
:
0
;
font-size
:
.9em
;
line-height
:
1.7em
}
.post-meta
{
color
:
#9eabb3
;
font-size
:
1.5rem
;
line-height
:
2.2rem
;
margin
:
1.75rem
0
0
}
.post-meta
a
{
color
:
#9EABB3
;
text-decoration
:
none
}
.post-meta
a
:hover
{
text-decoration
:
underline
}
#tags
li
a
,
.dynamic
a
,
.icon-gotop
,
.pagination
a
,
.read-next-story
,
.site-footer
a
{
text-decoration
:
none
}
.post-meta
time
{
border-left
:
1px
solid
#d5dbde
;
font-size
:
1.3rem
;
margin-left
:
8px
;
padding-left
:
12px
}
.post-author
{
box-sizing
:
border-box
;
display
:
block
;
position
:
absolute
;
bottom
:
-57px
;
left
:
50%
;
margin-left
:
-40px
;
width
:
80px
;
height
:
80px
;
border-radius
:
100%
;
overflow
:
hidden
;
padding
:
6px
;
background
:
#fff
;
z-index
:
2
;
box-shadow
:
#E7EEF2
0
0
0
1px
}
.post-author
a
{
background-size
:
cover
;
background-position
:
center
center
;
width
:
68px
;
height
:
68px
;
display
:
block
;
border-radius
:
35px
}
.share
.icon
{
transition
:
all
.2s
ease-out
0s
;
display
:
inline-block
;
font-size
:
16px
;
margin-top
:
15px
}
.share
.icon
:hover
{
transform
:
rotate
(
360deg
);
color
:
#9EABB3
}
.icon-weibo
:before
{
content
:
"\e605"
}
.icon-twitter
:before
{
content
:
"\e60b"
}
.icon-tencent
:before
{
content
:
"\e60d"
}
.icon-google
:before
{
content
:
"\e603"
}
.icon-gotop
:before
{
content
:
"\E60A"
;
font-weight
:
700
}
.icon-gotop
{
position
:
fixed
;
bottom
:
30px
;
right
:
30px
;
-webkit-animation
:
upbounce
4s
2s
infinite
;
animation
:
upbounce
4s
2s
infinite
;
z-index
:
10
}
.icon-gotop
:hover
{
color
:
#B8B8B8
;
-webkit-animation
:
none
;
animation
:
none
}
.pagination
{
font-size
:
1.3rem
;
color
:
#9eabb3
;
text-align
:
center
}
.pagination
a
{
color
:
#9EABB3
;
transition
:
all
.2s
ease
;
padding
:
0
15px
;
border
:
1px
solid
#bfc8cd
;
display
:
inline-block
;
border-radius
:
4px
}
.pagination
a
:hover
{
border-color
:
#98a0a4
;
color
:
#889093
}
ul
.comments
{
padding
:
0
;
margin-top
:
100px
;
position
:
relative
}
.comments
li
{
padding
:
10px
;
white-space
:
normal
;
word-wrap
:
break-word
;
position
:
relative
;
border-bottom
:
#EBF2F6
1px
solid
}
.comments
li
:hover
{
background-color
:
#F7F7F7
}
.comments
.comment-content
{
margin
:
8px
0
0
}
.comments
li
.comment-body-ref
{
position
:
absolute
;
z-index
:
10
;
background-color
:
#EBF2F6
;
border
:
1px
solid
#d5dbde
;
width
:
86%
;
left
:
69px
}
.comments
.post-meta
{
margin-top
:
0
}
#captcha
,
#captchaReply
{
height
:
27px
;
display
:
inline-block
;
vertical-align
:
inherit
}
.read-next
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
stretch
;
-webkit-align-items
:
stretch
;
-ms-flex-align
:
stretch
;
align-items
:
stretch
;
margin-top
:
10rem
}
.read-next-story
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-flex
:
1
;
-webkit-flex-grow
:
1
;
-ms-flex-positive
:
1
;
flex-grow
:
1
;
min-width
:
50%
;
position
:
relative
;
text-align
:
center
;
color
:
#fff
;
background
:
center
center
no-repeat
#222
;
background-size
:
cover
;
overflow
:
hidden
}
.read-next-story
a
{
color
:
#BBB
}
.read-next-story
a
:hover
{
color
:
#FFF
}
.read-next-story
:hover:before
{
background
:
rgba
(
0
,
0
,
0
,
.8
);
transition
:
all
.2s
ease
}
.read-next-story
:hover
.post
:before
{
color
:
#222
;
background
:
#fff
;
transition
:
all
.2s
ease
}
.read-next-story
:before
{
content
:
""
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
background
:
rgba
(
0
,
0
,
0
,
.7
);
transition
:
all
.5s
ease
}
.read-next-story
.post
{
padding-top
:
6rem
;
padding-bottom
:
6rem
;
width
:
80%
;
position
:
relative
;
margin
:
0
auto
}
.read-next-story
.post
:before
{
content
:
"Read This Next"
;
padding
:
4px
10px
5px
;
text-transform
:
uppercase
;
font-size
:
1.1rem
;
color
:
rgba
(
255
,
255
,
255
,
.8
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.5
);
border-radius
:
4px
;
transition
:
all
.5s
ease
}
.read-next-story.prev
.post
:before
{
content
:
"Read This Before"
}
.read-next-story
h2
{
margin-top
:
1rem
;
color
:
#fff
}
.read-next-story
p
{
margin
:
0
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.read-next
+
.site-footer
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
right
:
0
;
margin
:
0
}
#tags
{
padding
:
0
}
#tags
li
{
float
:
left
}
#tags
li
a
{
border
:
1px
solid
#4A4A4A
;
display
:
inline-block
;
padding
:
10px
;
margin
:
1rem
;
border-radius
:
5px
}
#tags
li
a
:hover
{
border
:
1px
solid
#FFF
;
color
:
#FFF
;
background-color
:
#4A4A4A
}
.dynamic
.read-next-story
>
div
{
position
:
relative
;
width
:
60%
;
margin
:
50px
auto
;
text-align
:
left
}
.dynamic
a
{
margin
:
0
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.dynamic
a
:hover
{
color
:
rgba
(
255
,
255
,
255
,
.5
)}
.site-footer
{
position
:
relative
;
margin
:
8rem
0
0
;
padding
:
1rem
15px
;
font-size
:
1rem
;
line-height
:
1.75em
;
color
:
#BBC7CC
}
.site-footer
a
{
color
:
#BBC7CC
;
font-weight
:
700
}
.site-footer
a
:hover
{
text-decoration
:
underline
}
@media
only
screen
and
(
max-width
:
900px
){
blockquote
{
margin-left
:
0
}
.main-header
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
min-height
:
240px
;
height
:
60vh
;
padding
:
15%
0
}
.scroll-down
{
display
:
none
}
.page-title
,
.page-title
a
{
font-size
:
4rem
;
letter-spacing
:
-1px
}
.page-description
,
.page-description
a
{
font-size
:
1.8rem
;
line-height
:
1.5em
}
.post
{
font-size
:
.95em
}
hr
{
margin
:
2.4em
0
}
ol
,
ul
{
padding-left
:
2em
}
h1
{
font-size
:
4.5rem
;
text-indent
:
-2px
}
h2
{
font-size
:
3.6rem
}
h3
{
font-size
:
3.1rem
}
h4
{
font-size
:
2.5rem
}
h5
{
font-size
:
2.2rem
}
h6
{
font-size
:
1.8rem
}
.read-next
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-webkit-flex-direction
:
column
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
margin-top
:
4rem
}}
@media
only
screen
and
(
max-width
:
500px
){
.main-header
{
margin-bottom
:
15px
;
height
:
40vh
}
.pagination
{
width
:
auto
;
margin
:
2rem
auto
}
.post
{
width
:
auto
;
padding-bottom
:
2rem
;
line-height
:
1.65em
;
margin
:
2rem
16px
}
hr
{
margin
:
1.75em
0
}
dl
,
ol
,
p
,
ul
{
font-size
:
.95em
;
margin
:
0
0
2.5rem
}
.page-title
,
.page-title
a
{
font-size
:
3rem
}
.post-excerpt
p
{
font-size
:
.85em
}
.page-description
,
.page-description
a
{
font-size
:
1.6rem
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
margin
:
0
0
.3em
}
h1
{
font-size
:
2.8rem
;
letter-spacing
:
-1px
}
h2
{
font-size
:
2.4rem
;
letter-spacing
:
0
}
h3
{
font-size
:
2.1rem
}
h4
{
font-size
:
1.9rem
}
h5
,
h6
{
font-size
:
1.8rem
}
.post-content
img
{
padding
:
0
;
width
:
calc
(
100%
+
32px
);
min-width
:
0
;
max-width
:
112%
}
.post-meta
{
font-size
:
1.3rem
;
margin-top
:
1rem
}
.site-footer
{
margin-top
:
3rem
}
.read-next
{
margin-top
:
2rem
;
margin-bottom
:
-37px
}
.read-next
.post
{
width
:
100%
}
.menu-button
{
border
:
0
;
top
:
0
;
right
:
0
}
.nav-closed
.menu-button
:hover
{
color
:
#FFF
;
background-color
:
transparent
}
.nav-opened
.menu-button
{
display
:
none
}
.post-author
{
width
:
40px
;
height
:
40px
;
bottom
:
-37px
;
padding
:
3px
;
margin-left
:
-20px
}
.post-author
a
{
width
:
34px
;
height
:
34px
;
display
:
block
;
border-radius
:
17px
}
.nav
.count
{
line-height
:
1.5rem
}
#tags
li
a
{
padding
:
0
5px
}}
\ No newline at end of file
src/main/webapp/skins/finding/js/finding.min.js
View file @
b1e3b345
/*
* Copyright (c) 2010-2015, b3log.org
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var
Finding
=
{
init
:
function
(){
Util
.
killIE
(),
$
(
"
.scroll-down
"
).
click
(
function
(
t
){
t
.
preventDefault
();
var
o
=
$
(
this
),
n
=
$
(
"
html, body
"
),
e
=
o
.
attr
(
"
data-offset
"
)?
o
.
attr
(
"
data-offset
"
):
!
1
,
a
=
parseInt
(
e
);
n
.
stop
(
!
0
,
!
1
).
animate
({
scrollTop
:
$
(
this
.
hash
).
offset
().
top
+
a
},
500
)}),
$
(
"
body
"
).
click
(
function
(
t
){
0
===
$
(
t
.
target
).
closest
(
"
.nav
"
).
length
&&
$
(
"
body
"
).
hasClass
(
"
nav-opened
"
)
&&!
$
(
t
.
target
).
hasClass
(
"
icon-gotop
"
)
&&
$
(
"
body
"
).
removeClass
(
"
nav-opened
"
).
addClass
(
"
nav-closed
"
)}),
$
(
"
.menu-button
"
).
click
(
function
(
t
){
t
.
stopPropagation
(),
$
(
"
body
"
).
toggleClass
(
"
nav-opened nav-closed
"
)}),
$
(
"
body
"
).
append
(
'
<a class="icon-gotop fn-none" href="javascript:Util.goTop()"></a>
'
),
$
(
window
).
scroll
(
function
(){
$
(
window
).
scrollTop
()
>
$
(
window
).
height
()?
$
(
"
.icon-gotop
"
).
show
():
$
(
"
.icon-gotop
"
).
hide
()})},
share
:
function
(){
$
(
"
.share span
"
).
click
(
function
(){
var
t
=
$
(
this
).
data
(
"
type
"
),
o
=
encodeURIComponent
(
$
(
"
title
"
).
text
()),
n
=
$
(
"
.post-title a
"
).
attr
(
"
href
"
)?
$
(
"
.post-title a
"
).
attr
(
"
href
"
):
location
,
e
=
$
(
"
.post-content img:eq(0)
"
).
attr
(
"
src
"
),
a
=
{};
a
.
tencent
=
"
http://share.v.t.qq.com/index.php?c=share&a=index&title=
"
+
o
+
"
&url=
"
+
n
+
"
&pic=
"
+
e
,
a
.
weibo
=
"
http://v.t.sina.com.cn/share/share.php?title=
"
+
o
+
"
&url=
"
+
n
+
"
&pic=
"
+
e
,
a
.
google
=
"
https://plus.google.com/share?url=
"
+
n
,
a
.
twitter
=
"
https://twitter.com/intent/tweet?status=
"
+
o
+
"
"
+
n
,
window
.
open
(
a
[
t
],
"
_blank
"
,
"
top=100,left=200,width=648,height=618
"
)})}};
Finding
.
init
();
\ No newline at end of file
src/main/webapp/skins/mobile/js/l10n.min.js
View file @
b1e3b345
/*
* Copyright (c) 2010-2015, b3log.org
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
function
convertEntities
(
t
){
var
e
,
n
;
if
(
e
=
function
(
t
){
if
(
/&
[^
;
]
+;/
.
test
(
t
)){
var
e
=
document
.
createElement
(
"
div
"
);
return
e
.
innerHTML
=
t
,
e
.
firstChild
?
e
.
firstChild
.
nodeValue
:
t
}
return
t
},
"
string
"
==
typeof
t
)
return
e
(
t
);
if
(
"
object
"
==
typeof
t
)
for
(
n
in
t
)
"
string
"
==
typeof
t
[
n
]
&&
(
t
[
n
]
=
e
(
t
[
n
]));
return
t
}
\ No newline at end of file
src/main/webapp/skins/yilia/js/yilia.min.js
View file @
b1e3b345
/*
* Copyright (c) 2010-2015, b3log.org
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var
Yilia
=
{
init
:
function
(){
Util
.
killIE
(),
this
.
resetTags
(),
$
(
window
).
scroll
(
function
(){
$
(
"
article
"
).
length
>
0
&&
0
===
$
(
"
article.post
"
).
length
&&
$
(
"
article:not(.show)
"
).
each
(
function
(){
$
(
this
).
offset
().
top
<=
$
(
window
).
scrollTop
()
+
$
(
window
).
height
()
-
$
(
this
).
height
()
/
7
&&
$
(
this
).
addClass
(
"
show
"
)}),
$
(
window
).
scrollTop
()
>
$
(
window
).
height
()?
$
(
"
.icon-goup
"
).
show
():
$
(
"
.icon-goup
"
).
hide
(),
1
===
$
(
"
article.post
"
).
length
&&
$
(
"
article.post
"
).
addClass
(
"
show
"
)}),
$
(
window
).
scroll
()},
resetTags
:
function
(){
$
(
"
a.tag
"
).
each
(
function
(
t
){
$
(
this
).
addClass
(
"
color
"
+
Math
.
ceil
(
4
*
Math
.
random
()))})},
share
:
function
(){
$
(
"
.share span
"
).
click
(
function
(){
var
t
=
$
(
this
).
data
(
"
type
"
),
i
=
encodeURIComponent
(
$
(
"
title
"
).
text
()),
o
=
$
(
"
.post-title a
"
).
attr
(
"
href
"
)?
$
(
"
.post-title a
"
).
attr
(
"
href
"
):
location
,
e
=
$
(
"
.post-content img:eq(0)
"
).
attr
(
"
src
"
),
n
=
{};
n
.
tencent
=
"
http://share.v.t.qq.com/index.php?c=share&a=index&title=
"
+
i
+
"
&url=
"
+
o
+
"
&pic=
"
+
e
,
n
.
weibo
=
"
http://v.t.sina.com.cn/share/share.php?title=
"
+
i
+
"
&url=
"
+
o
+
"
&pic=
"
+
e
,
n
.
google
=
"
https://plus.google.com/share?url=
"
+
o
,
n
.
twitter
=
"
https://twitter.com/intent/tweet?status=
"
+
i
+
"
"
+
o
,
window
.
open
(
n
[
t
],
"
_blank
"
,
"
top=100,left=200,width=648,height=618
"
)})}};
Yilia
.
init
();
\ No newline at end of file
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
