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
d0b75da6
Commit
d0b75da6
authored
Mar 19, 2017
by
Liang Ding
Browse files
Options
Browse Files
Download
Plain Diff
Merge remote-tracking branch 'refs/remotes/origin/2.0.0-dev'
parents
53582487
19c2fc6b
Changes
10
Show whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
137 additions
and
96 deletions
+137
-96
pom.xml
pom.xml
+2
-2
src/main/webapp/skins/9IPHP/css/base.css
src/main/webapp/skins/9IPHP/css/base.css
+25
-5
src/main/webapp/skins/9IPHP/css/base.min.css
src/main/webapp/skins/9IPHP/css/base.min.css
+1
-1
src/main/webapp/skins/9IPHP/js/common.js
src/main/webapp/skins/9IPHP/js/common.js
+31
-14
src/main/webapp/skins/9IPHP/js/common.min.js
src/main/webapp/skins/9IPHP/js/common.min.js
+1
-1
src/main/webapp/skins/9IPHP/js/isotope.pkgd.min.js
src/main/webapp/skins/9IPHP/js/isotope.pkgd.min.js
+0
-0
src/main/webapp/skins/9IPHP/lang/lang_en_US.properties
src/main/webapp/skins/9IPHP/lang/lang_en_US.properties
+2
-1
src/main/webapp/skins/9IPHP/lang/lang_zh_CN.properties
src/main/webapp/skins/9IPHP/lang/lang_zh_CN.properties
+2
-1
src/main/webapp/skins/9IPHP/macro-comments.ftl
src/main/webapp/skins/9IPHP/macro-comments.ftl
+1
-1
src/main/webapp/skins/9IPHP/side.ftl
src/main/webapp/skins/9IPHP/side.ftl
+72
-70
No files found.
pom.xml
View file @
d0b75da6
<?xml version="1.0" encoding="UTF-8"?>
<!--
Description: Solo POM.
Version: 3.15.1.3
1, Feb 20
, 2017
Version: 3.15.1.3
2, Mar 19
, 2017
Author: <a href="http://88250.b3log.org">Liang Ding</a>
Author: <a href="http://www.annpeter.cn">Ann Peter</a>
-->
...
...
@@ -106,7 +106,7 @@
<properties>
<project.build.sourceEncoding>
UTF-8
</project.build.sourceEncoding>
<org.b3log.latke.version>
2.3.
7
</org.b3log.latke.version>
<org.b3log.latke.version>
2.3.
8
</org.b3log.latke.version>
<servlet.version>
3.1.0
</servlet.version>
<slf4j.version>
1.7.5
</slf4j.version>
...
...
src/main/webapp/skins/9IPHP/css/base.css
View file @
d0b75da6
...
...
@@ -18,7 +18,7 @@
* skin style
*
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @version 0.
1.1.0, Feb 18
, 2017
* @version 0.
2.1.0, Mar 14
, 2017
*/
/* start common */
html
{
...
...
@@ -574,10 +574,6 @@ a[class*=" icon-"]:hover {
background-position
:
-96px
-48px
;
}
.b3-solo-list
{
display
:
none
;
}
#commentForm
,
#replyForm
{
width
:
100%
;
...
...
@@ -944,6 +940,30 @@ aside .tag.tooltipped {
margin-right
:
10px
;
line-height
:
22px
;
}
aside
.has-toc
>
ul
>
li
{
list-style
:
none
;
float
:
left
;
width
:
50%
;
margin
:
0
;
cursor
:
pointer
;
line-height
:
18px
;
font-size
:
16px
;
text-align
:
center
;
font-weight
:
400
;
}
aside
.has-toc
ul
>
li
.current
{
color
:
#ff4d3a
;
}
aside
.b3-solo-list
{
font-size
:
14px
;
}
aside
.has-toc
>
section
:last-child
{
margin-top
:
20px
;
}
/* end side */
/* start article list */
...
...
src/main/webapp/skins/9IPHP/css/base.min.css
View file @
d0b75da6
...
...
@@ -13,4 +13,4 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
blockquote
,
body
,
dd
,
dl
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
ol
,
p
,
ul
{
margin
:
0
}
.content-reset
,
body
,
button
,
input
,
select
,
textarea
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
}
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
}
body
{
font-size
:
14px
;
color
:
#333
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
.4
)}
ol
,
ul
{
padding
:
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
{
text-decoration
:
none
;
color
:
#383838
}
.content-reset
a
,
a
:hover
{
color
:
#ff4d3a
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-.5em
}
sub
{
bottom
:
-.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
outline
:
0
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
.content-reset
h1
,
.content-reset
h2
{
padding-bottom
:
.3em
;
border-bottom
:
1px
solid
#eee
}
button
,
input
[
type
=
button
],
input
[
type
=
reset
],
input
[
type
=
submit
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
search
]
{
-webkit-box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
search
]
::-webkit-search-cancel-button
,
input
[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
vertical-align
:
text-top
;
fill
:
currentColor
}
.content-reset
{
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.5
;
font-size
:
16px
;
word-break
:
break-all
}
.content-reset
ol
,
.content-reset
ul
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.content-reset
li
{
margin-top
:
.25em
}
.content-reset
h1
,
.content-reset
h2
,
.content-reset
h3
,
.content-reset
h4
,
.content-reset
h5
,
.content-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.content-reset
h1
{
font-size
:
2em
}
.content-reset
h2
{
font-size
:
1.5em
}
.content-reset
h3
{
font-size
:
1.25em
}
.content-reset
h4
{
font-size
:
1em
}
.content-reset
h5
{
font-size
:
.875em
}
.content-reset
h6
{
font-size
:
.85em
}
.content-reset
hr
{
height
:
.25em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.content-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.content-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
.25em
solid
#ddd
;
margin-bottom
:
16px
}
.content-reset
blockquote
p
{
margin
:
0
}
.content-reset
iframe
{
border
:
1px
solid
#ccc
}
.content-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.content-reset
thead
{
text-align
:
center
}
.content-reset
td
,
.content-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.content-reset
th
{
font-weight
:
700
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
.2
)}
.footer
,
.icon-up
{
text-align
:
center
}
.content-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
.12
)}
.content-reset
tr
:hover
{
background
:
#efefef
}
.content-reset
code
{
padding
:
.2em
.4em
;
margin
:
0
;
font-size
:
85%
;
background-color
:
rgba
(
252
,
41
,
41
,
.12
);
border-radius
:
3px
;
color
:
#d23f31
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
}
.content-reset
pre
>
code
{
padding
:
.5em
;
color
:
#333
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
background-image
:
url(../images/code-bg.png)
;
background-size
:
20px
20px
;
border-radius
:
5px
}
.content-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
:
1px
solid
#ccc
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.fn-pointer
{
cursor
:
pointer
}
.fn-inline
{
display
:
inline
}
.fn-clear
:after
,
.fn-clear
:before
{
display
:
table
;
content
:
""
}
.fn-clear
:after
{
clear
:
both
}
.fn-left
{
float
:
left
}
.fn-right
{
float
:
right
}
.fn-none
{
display
:
none
}
.fn-hidden
{
visibility
:
hidden
}
.fn-ellipsis
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
word-wrap
:
normal
}
.tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.tooltipped
::after
,
.tooltipped
::before
{
position
:
absolute
;
display
:
none
;
pointer-events
:
none
}
.tooltipped
::after
{
z-index
:
1000000
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
400
;
-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
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.tooltipped
::before
{
z-index
:
1000001
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
@-webkit-keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.tooltipped-hover
::after
,
.tooltipped-hover
::before
,
.tooltipped
:active::after
,
.tooltipped
:active::before
,
.tooltipped
:focus::after
,
.tooltipped
:focus::before
,
.tooltipped
:hover::after
,
.tooltipped
:hover::before
{
display
:
inline-block
;
text-decoration
:
none
;
-webkit-animation-name
:
tooltip-appear
;
animation-name
:
tooltip-appear
;
-webkit-animation-duration
:
.1s
;
animation-duration
:
.1s
;
-webkit-animation-fill-mode
:
forwards
;
animation-fill-mode
:
forwards
;
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
-webkit-animation-delay
:
.4s
;
animation-delay
:
.4s
}
.tooltipped-s
::after
,
.tooltipped-se
::after
,
.tooltipped-sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.tooltipped-s
::before
,
.tooltipped-se
::before
,
.tooltipped-sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
.8
)}
.tooltipped-se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.tooltipped-sw
::after
{
margin-right
:
-15px
}
.tooltipped-n
::after
,
.tooltipped-ne
::after
,
.tooltipped-nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.tooltipped-n
::before
,
.tooltipped-ne
::before
,
.tooltipped-nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
.8
)}
.tooltipped-ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.tooltipped-nw
::after
{
margin-right
:
-15px
}
.tooltipped-n
::after
,
.tooltipped-s
::after
{
-webkit-transform
:
translateX
(
50%
);
transform
:
translateX
(
50%
)}
.tooltipped-w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
-webkit-transform
:
translateY
(
50%
);
transform
:
translateY
(
50%
)}
.tooltipped-w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
.8
)}
.tooltipped-e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
-webkit-transform
:
translateY
(
50%
);
transform
:
translateY
(
50%
)}
.tooltipped-e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
.8
)}
a
[
class
*=
" icon-"
],
a
[
class
^=
icon-
]
{
color
:
#333
}
a
[
class
*=
" icon-"
]
:hover
,
a
[
class
^=
icon-
]
:hover
{
text-decoration
:
none
;
color
:
#4285f4
}
@font-face
{
font-family
:
icomoon
;
src
:
url(fonts/icomoon.eot?68j667)
;
src
:
url(fonts/icomoon.eot?68j667#iefix)
format
(
"embedded-opentype"
),
url(fonts/icomoon.ttf?68j667)
format
(
"truetype"
),
url(fonts/icomoon.woff?68j667)
format
(
"woff"
),
url(fonts/icomoon.svg?68j667#icomoon)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
}
[
class
*=
" icon-"
],[
class
^=
icon-
]
{
font-family
:
icomoon
!important
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.em00
,
.em01
,
.em02
,
.em03
,
.em04
,
.em05
,
.em06
,
.em07
,
.em08
,
.em09
,
.em10
,
.em11
,
.em12
,
.em13
,
.em14
{
cursor
:
pointer
;
background-image
:
url(../images/emotions/emotions-ease.png)
;
float
:
left
;
height
:
24px
;
margin-right
:
5px
;
width
:
24px
;
transition
:
all
.2s
ease-out
;
-webkit-transition
:
all
.2s
ease-out
;
-moz-transition
:
all
.2s
ease-out
}
.icon-up
,
a
{
transition
:
all
.3s
}
.emotions
span
:hover
{
transform
:
scale
(
1.2
)
rotate
(
360deg
);
-webkit-transform
:
scale
(
1.2
)
rotate
(
360deg
);
-moz-transform
:
scale
(
1.2
)
rotate
(
360deg
)}
.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
}
.b3-solo-list
{
display
:
none
}
#commentForm
,
#replyForm
{
width
:
100%
}
.comments
{
position
:
relative
}
.comment-body-ref
{
position
:
absolute
;
width
:
80%
;
background-color
:
#fff
;
right
:
0
;
border
:
1px
solid
#eee
}
.icon-list
:before
{
content
:
"\f0ca"
}
.icon-home
:before
{
content
:
"\f015"
}
.icon-comments
:before
{
content
:
"\f0e6"
}
.icon-date
:before
{
content
:
"\f073"
}
.icon-search
:before
{
content
:
"\f002"
}
.icon-up
:before
{
content
:
"\f077"
}
.icon-inbox
:before
{
content
:
"\f01c"
}
.icon-tags
:before
{
content
:
"\f02c"
}
.icon-link
:before
{
content
:
"\f0c1"
}
.icon-refresh
:before
{
content
:
"\f021"
}
.icon-logout
:before
{
content
:
"\ea14"
}
.icon-views
:before
{
content
:
"\e900"
}
.icon-register
:before
{
content
:
"\e973"
}
.icon-setting
:before
{
content
:
"\e994"
}
.icon-login
:before
{
content
:
"\ea13"
}
.icon-rss
:before
{
content
:
"\e901"
}
::selection
{
text-shadow
:
none
;
background
:
#3D4450
;
color
:
#FFF
;
outline
:
0
}
a
{
outline
:
0
}
.pagination
{
margin-bottom
:
30px
;
line-height
:
30px
;
font-family
:
Georgia
}
.pagination
.page-number
:first-child
{
border-left
:
1px
solid
#ddd
}
.pagination
.page-number
{
display
:
inline-block
;
padding
:
0
10px
;
border
:
1px
solid
#ddd
;
border-left
:
0
;
text-decoration
:
none
;
float
:
left
}
.pagination
a
.page-number
:hover
{
color
:
#ff4d3a
;
background-color
:
#eee
}
.pagination
.page-number.current
{
color
:
#fff
;
background
:
#ff4d3a
;
border-color
:
#ff4d3a
;
margin-left
:
-1px
}
.module
{
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.05
);
margin-bottom
:
20px
}
.module
header
h2
{
border-bottom
:
1px
solid
#ff4d3a
;
padding
:
10px
;
line-height
:
18px
;
font-size
:
16px
;
font-weight
:
400
}
.module
main
{
padding
:
20px
}
.ft-warn
{
color
:
#ff4d3a
}
.ft-gray
{
color
:
#aaa
}
.list
,
.module
main
.list
{
padding
:
0
}
.list
li
{
list-style
:
none
;
border-bottom
:
1px
solid
#eee
;
line-height
:
40px
;
padding
:
0
20px
}
.list
li
:last-child
{
border-bottom
:
0
}
.list
a
{
color
:
#666
;
text-decoration
:
none
;
display
:
block
}
.list
a
:hover
{
color
:
#ff4d3a
}
.form
input
,
.form
textarea
{
border
:
1px
solid
#ccc
;
background-color
:
#FAFAFA
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.075
)
inset
;
padding
:
0
10px
;
width
:
100%
;
line-height
:
28px
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
}
.banner
.fn-right
a
,
.banner
h1
a
{
line-height
:
75px
;
text-decoration
:
none
}
.post
,
aside
.ad
{
box-sizing
:
border-box
}
.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
}
.form
button
{
background-color
:
#EB5750
;
border
:
0
;
color
:
#fff
}
.form
button
:hover
{
background-color
:
#e42f19
}
.wrapper
{
width
:
90%
;
margin
:
0
auto
;
min-width
:
720px
;
max-width
:
1300px
}
aside
{
width
:
28%
;
min-width
:
236px
}
.main-wrap
{
display
:
flex
}
.main-wrap
>
main
{
margin-right
:
30px
;
flex
:
1
;
min-width
:
1px
}
.banner
{
background-color
:
#393939
;
height
:
75px
}
.banner
h1
a
{
color
:
#fff
}
.banner
small
{
color
:
#DFDFDF
;
font-size
:
15px
}
.banner
.fn-right
a
{
color
:
#DFDFDF
;
margin-left
:
10px
;
opacity
:
.6
}
.banner
.fn-right
a
:hover
{
opacity
:
1
}
.navbar
{
border-bottom
:
1px
solid
#eee
;
height
:
50px
;
margin-bottom
:
30px
}
.navbar.pin
{
position
:
fixed
;
width
:
100%
;
background-color
:
rgba
(
255
,
255
,
255
,
.95
);
top
:
0
;
z-index
:
10
}
.navbar
nav
a
{
color
:
#555
;
text-decoration
:
none
;
line-height
:
50px
;
padding
:
0
10px
;
display
:
inline-block
}
.navbar
nav
a
:hover
{
color
:
#333
}
.navbar
nav
a
.current
{
background-color
:
#eee
}
.navbar
form
{
position
:
relative
;
margin-top
:
8px
}
.navbar
.form
input
{
padding-right
:
40px
}
.navbar
button
{
background-color
:
#EB5750
;
border
:
0
;
color
:
#fff
;
position
:
absolute
;
top
:
0
;
right
:
0
;
height
:
30px
;
width
:
30px
}
.navbar
button
:hover
{
background-color
:
#e42f19
}
.footer
{
padding
:
30px
0
;
background
:
#111
;
margin-top
:
30px
;
color
:
#fff
}
.footer
a
{
color
:
#ff4d3a
;
text-decoration
:
none
}
.icon-up
{
position
:
fixed
;
bottom
:
122px
;
right
:
20px
;
color
:
#fff
;
background-color
:
#111
;
height
:
30px
;
width
:
30px
;
line-height
:
28px
;
border-radius
:
15px
;
cursor
:
pointer
;
display
:
none
}
.icon-up
:hover
{
background-color
:
#ff4d3a
}
aside
.ad
{
background-color
:
#3cbc8d
;
color
:
#fff
;
padding
:
20px
;
margin-bottom
:
20px
;
border
:
1px
solid
transparent
}
.post
.meta
,
.post
sup
{
color
:
#aaa
}
aside
.meta
main
{
text-align
:
right
;
line-height
:
20px
}
.tags
>
a
.tag
,
aside
.tag.tooltipped
{
margin-right
:
10px
;
line-height
:
22px
;
display
:
inline-block
;
text-decoration
:
none
}
aside
.meta
img
{
float
:
left
;
height
:
80px
;
width
:
80px
;
border-radius
:
5px
}
aside
.tag.tooltipped
{
padding
:
2px
5px
;
margin-bottom
:
10px
;
border
:
1px
solid
#e1e1e1
}
.post
{
border
:
1px
solid
#ededed
;
margin-bottom
:
20px
;
padding
:
20px
}
.post
.meta
,
.post
h1
{
margin-bottom
:
10px
}
.post
h1
a
{
font-size
:
30px
;
font-weight
:
500
;
text-decoration
:
none
}
.post
sup
{
font-weight
:
300
}
.post
.meta
a
{
color
:
#aaa
;
text-decoration
:
none
}
.post
.meta
a
:hover
{
color
:
#ff4d3a
}
.tags
>
a
.tag
{
color
:
#fff
;
font-size
:
12px
;
background-color
:
#bbb
;
padding
:
0
5px
;
margin-top
:
10px
}
.tags
>
a
.tag
:before
{
content
:
"#"
}
.tags
>
a
.tag
:hover
{
background
:
#999
}
.post
footer
.copyright
{
padding
:
10px
;
font-size
:
14px
;
line-height
:
16px
;
border
:
1px
solid
#ff4d3a
;
border-left-width
:
20px
;
margin
:
20px
0
}
.post
.rel
a
{
display
:
inline-block
;
padding
:
5px
14px
;
background-color
:
#fff
;
border
:
1px
solid
#ddd
;
border-radius
:
15px
;
text-decoration
:
none
;
margin
:
20px
0
}
.comments
>
li
,
.title
h2
{
border-bottom
:
1px
solid
#f1f1f1
}
.post
.rel
a
:hover
{
background-color
:
#eee
}
.title
h2
{
font-size
:
16px
;
font-weight
:
700
;
padding-bottom
:
10px
;
margin-top
:
20px
}
.comments
>
li
{
list-style
:
none
;
padding
:
10px
}
.comments
>
li
>
div
{
display
:
flex
}
.comments
.avatar
{
width
:
50px
;
height
:
50px
;
border-radius
:
100%
;
margin-right
:
20px
;
background-size
:
contain
}
.comments
main
{
flex
:
1
;
min-width
:
1px
}
.comments
.content-reset
{
margin-top
:
10px
}
.comments
.user-name
{
color
:
#666
;
text-decoration
:
none
}
.comments
.user-name
:hover
{
color
:
#ff4d3a
}
.comments
.reply-btn
{
float
:
right
;
background-color
:
#ff4d3a
;
color
:
#fff
;
text-decoration
:
none
;
font-size
:
12px
;
padding
:
2px
5px
}
.comments
.reply-btn
:hover
{
background-color
:
#e42f19
}
#commentForm
{
margin-top
:
20px
}
.form
.captcha
{
height
:
28px
}
.other
{
border
:
1px
solid
#ededed
;
margin-bottom
:
20px
;
padding
:
0
20px
20px
}
@media
(
max-width
:
900px
){
.navbar
.form
{
display
:
none
}}
@media
(
max-width
:
700px
){
.wrapper
,
aside
{
box-sizing
:
border-box
;
width
:
100%
}
.icon-list
,
.responsive
.list
{
background-color
:
#fff
;
position
:
absolute
}
.wrapper
{
min-width
:
auto
;
padding
:
0
10px
}
.main-wrap
>
main
{
margin-right
:
0
}
.main-wrap
,
.responsive
{
display
:
block
}
.banner
{
margin-bottom
:
20px
}
.banner
.fn-right
,
.banner
small
,
.navbar
{
display
:
none
}
.icon-list
{
right
:
10px
;
top
:
20px
;
font-size
:
20px
;
padding
:
8px
6px
;
cursor
:
pointer
}
.responsive
.list
{
width
:
100%
;
border
:
1px
solid
#eee
;
left
:
0
;
display
:
none
;
z-index
:
10
;
top
:
75px
}
.responsive
.list
li
.current
{
background-color
:
#eee
}}
\ No newline at end of file
.content-reset
kbd
,
audio
,
canvas
,
video
{
display
:
inline-block
}
blockquote
,
body
,
dd
,
dl
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
ol
,
p
,
ul
{
margin
:
0
}
.content-reset
,
body
,
button
,
input
,
select
,
textarea
{
font-family
:
"Helvetica Neue"
,
"Luxi Sans"
,
"DejaVu Sans"
,
Tahoma
,
"Hiragino Sans GB"
,
"Microsoft Yahei"
,
sans-serif
}
html
{
-webkit-text-size-adjust
:
100%
;
-ms-text-size-adjust
:
100%
}
body
{
font-size
:
14px
;
color
:
#333
}
::-moz-selection
{
text-shadow
:
none
;
background
:
rgba
(
65
,
131
,
196
,
.4
)}
ol
,
ul
{
padding
:
0
}
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
nav
,
section
{
display
:
block
}
audio
:not
([
controls
])
{
display
:
none
}
a
{
text-decoration
:
none
;
color
:
#383838
}
.content-reset
a
,
a
:hover
{
color
:
#ff4d3a
}
a
:hover
{
text-decoration
:
underline
}
sub
,
sup
{
position
:
relative
;
font-size
:
75%
;
line-height
:
0
;
vertical-align
:
baseline
}
sup
{
top
:
-.5em
}
sub
{
bottom
:
-.25em
}
img
{
max-width
:
100%
;
vertical-align
:
middle
;
border
:
0
;
height
:
auto
;
-ms-interpolation-mode
:
bicubic
}
button
,
input
,
select
,
textarea
{
margin
:
0
;
font-size
:
100%
;
vertical-align
:
middle
;
outline
:
0
}
button
,
input
{
line-height
:
normal
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
padding
:
0
;
border
:
0
}
.content-reset
h1
,
.content-reset
h2
{
padding-bottom
:
.3em
;
border-bottom
:
1px
solid
#eee
}
button
,
input
[
type
=
button
],
input
[
type
=
reset
],
input
[
type
=
submit
]
{
cursor
:
pointer
;
-webkit-appearance
:
button
}
input
[
type
=
search
]
{
-webkit-box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
-webkit-appearance
:
textfield
}
input
[
type
=
search
]
::-webkit-search-cancel-button
,
input
[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
textarea
{
overflow
:
auto
;
resize
:
vertical
}
svg
{
vertical-align
:
text-top
;
fill
:
currentColor
}
.content-reset
{
word-wrap
:
break-word
;
overflow
:
auto
;
line-height
:
1.5
;
font-size
:
16px
;
word-break
:
break-all
}
.content-reset
ol
,
.content-reset
ul
{
padding-left
:
2em
;
margin-top
:
0
;
margin-bottom
:
16px
}
.content-reset
li
{
margin-top
:
.25em
}
.content-reset
h1
,
.content-reset
h2
,
.content-reset
h3
,
.content-reset
h4
,
.content-reset
h5
,
.content-reset
h6
{
margin-top
:
24px
;
margin-bottom
:
16px
;
font-weight
:
600
;
line-height
:
1.25
}
.content-reset
h1
{
font-size
:
2em
}
.content-reset
h2
{
font-size
:
1.5em
}
.content-reset
h3
{
font-size
:
1.25em
}
.content-reset
h4
{
font-size
:
1em
}
.content-reset
h5
{
font-size
:
.875em
}
.content-reset
h6
{
font-size
:
.85em
}
.content-reset
hr
{
height
:
.25em
;
padding
:
0
;
margin
:
24px
0
;
background-color
:
#e7e7e7
;
border
:
0
}
.content-reset
p
{
margin-top
:
0
;
margin-bottom
:
16px
}
.content-reset
blockquote
{
padding
:
0
1em
;
color
:
#777
;
border-left
:
.25em
solid
#ddd
;
margin-bottom
:
16px
}
.content-reset
blockquote
p
{
margin
:
0
}
.content-reset
iframe
{
border
:
1px
solid
#ccc
}
.content-reset
table
{
width
:
100%
;
border
:
1px
solid
#dedede
;
margin
:
15px
auto
;
border-collapse
:
collapse
;
empty-cells
:
show
}
.content-reset
thead
{
text-align
:
center
}
.content-reset
td
,
.content-reset
th
{
height
:
35px
;
border
:
1px
solid
#dedede
;
padding
:
0
10px
}
.content-reset
th
{
font-weight
:
700
;
text-align
:
center
!important
;
background
:
rgba
(
158
,
188
,
226
,
.2
)}
.footer
,
.icon-up
{
text-align
:
center
}
.content-reset
tbody
tr
:nth-child
(
2n
)
{
background
:
rgba
(
158
,
188
,
226
,
.12
)}
.content-reset
tr
:hover
{
background
:
#efefef
}
.content-reset
code
{
padding
:
.2em
.4em
;
margin
:
0
;
font-size
:
85%
;
background-color
:
rgba
(
252
,
41
,
41
,
.12
);
border-radius
:
3px
;
color
:
#d23f31
;
font-family
:
mononoki
,
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
}
.content-reset
pre
>
code
{
padding
:
.5em
;
color
:
#333
;
background-color
:
rgba
(
0
,
0
,
0
,
.04
);
background-image
:
url(../images/code-bg.png)
;
background-size
:
20px
20px
;
border-radius
:
5px
}
.content-reset
kbd
{
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
#fcfcfc
;
border
:
1px
solid
#ccc
;
border-bottom-color
:
#bbb
;
border-radius
:
3px
;
box-shadow
:
inset
0
-1px
0
#bbb
}
.fn-pointer
{
cursor
:
pointer
}
.fn-inline
{
display
:
inline
}
.fn-clear
:after
,
.fn-clear
:before
{
display
:
table
;
content
:
""
}
.fn-clear
:after
{
clear
:
both
}
.fn-left
{
float
:
left
}
.fn-right
{
float
:
right
}
.fn-none
{
display
:
none
}
.fn-hidden
{
visibility
:
hidden
}
.fn-ellipsis
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
word-wrap
:
normal
}
.tooltipped
{
position
:
relative
;
cursor
:
pointer
}
.tooltipped
::after
,
.tooltipped
::before
{
position
:
absolute
;
display
:
none
;
pointer-events
:
none
}
.tooltipped
::after
{
z-index
:
1000000
;
padding
:
5px
8px
;
font-size
:
11px
;
font-weight
:
400
;
-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
;
content
:
attr
(
aria-label
);
background
:
rgba
(
0
,
0
,
0
,
.8
);
border-radius
:
3px
;
line-height
:
16px
;
opacity
:
0
}
.tooltipped
::before
{
z-index
:
1000001
;
width
:
0
;
height
:
0
;
color
:
rgba
(
0
,
0
,
0
,
.8
);
content
:
""
;
border
:
5px
solid
transparent
;
opacity
:
0
}
@-webkit-keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
tooltip-appear
{
from
{
opacity
:
0
}
to
{
opacity
:
1
}}
.tooltipped-hover
::after
,
.tooltipped-hover
::before
,
.tooltipped
:active::after
,
.tooltipped
:active::before
,
.tooltipped
:focus::after
,
.tooltipped
:focus::before
,
.tooltipped
:hover::after
,
.tooltipped
:hover::before
{
display
:
inline-block
;
text-decoration
:
none
;
-webkit-animation-name
:
tooltip-appear
;
animation-name
:
tooltip-appear
;
-webkit-animation-duration
:
.1s
;
animation-duration
:
.1s
;
-webkit-animation-fill-mode
:
forwards
;
animation-fill-mode
:
forwards
;
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
;
-webkit-animation-delay
:
.4s
;
animation-delay
:
.4s
}
.tooltipped-s
::after
,
.tooltipped-se
::after
,
.tooltipped-sw
::after
{
top
:
100%
;
right
:
50%
;
margin-top
:
5px
}
.tooltipped-s
::before
,
.tooltipped-se
::before
,
.tooltipped-sw
::before
{
top
:
auto
;
right
:
50%
;
bottom
:
-5px
;
margin-right
:
-5px
;
border-bottom-color
:
rgba
(
0
,
0
,
0
,
.8
)}
.tooltipped-se
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.tooltipped-sw
::after
{
margin-right
:
-15px
}
.tooltipped-n
::after
,
.tooltipped-ne
::after
,
.tooltipped-nw
::after
{
right
:
50%
;
bottom
:
100%
;
margin-bottom
:
5px
}
.tooltipped-n
::before
,
.tooltipped-ne
::before
,
.tooltipped-nw
::before
{
top
:
-5px
;
right
:
50%
;
bottom
:
auto
;
margin-right
:
-5px
;
border-top-color
:
rgba
(
0
,
0
,
0
,
.8
)}
.tooltipped-ne
::after
{
right
:
auto
;
left
:
50%
;
margin-left
:
-15px
}
.tooltipped-nw
::after
{
margin-right
:
-15px
}
.tooltipped-n
::after
,
.tooltipped-s
::after
{
-webkit-transform
:
translateX
(
50%
);
transform
:
translateX
(
50%
)}
.tooltipped-w
::after
{
right
:
100%
;
bottom
:
50%
;
margin-right
:
5px
;
-webkit-transform
:
translateY
(
50%
);
transform
:
translateY
(
50%
)}
.tooltipped-w
::before
{
top
:
50%
;
bottom
:
50%
;
left
:
-5px
;
margin-top
:
-5px
;
border-left-color
:
rgba
(
0
,
0
,
0
,
.8
)}
.tooltipped-e
::after
{
bottom
:
50%
;
left
:
100%
;
margin-left
:
5px
;
-webkit-transform
:
translateY
(
50%
);
transform
:
translateY
(
50%
)}
.tooltipped-e
::before
{
top
:
50%
;
right
:
-5px
;
bottom
:
50%
;
margin-top
:
-5px
;
border-right-color
:
rgba
(
0
,
0
,
0
,
.8
)}
a
[
class
*=
" icon-"
],
a
[
class
^=
icon-
]
{
color
:
#333
}
a
[
class
*=
" icon-"
]
:hover
,
a
[
class
^=
icon-
]
:hover
{
text-decoration
:
none
;
color
:
#4285f4
}
@font-face
{
font-family
:
icomoon
;
src
:
url(fonts/icomoon.eot?68j667)
;
src
:
url(fonts/icomoon.eot?68j667#iefix)
format
(
"embedded-opentype"
),
url(fonts/icomoon.ttf?68j667)
format
(
"truetype"
),
url(fonts/icomoon.woff?68j667)
format
(
"woff"
),
url(fonts/icomoon.svg?68j667#icomoon)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
}
[
class
*=
" icon-"
],[
class
^=
icon-
]
{
font-family
:
icomoon
!important
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.em00
,
.em01
,
.em02
,
.em03
,
.em04
,
.em05
,
.em06
,
.em07
,
.em08
,
.em09
,
.em10
,
.em11
,
.em12
,
.em13
,
.em14
{
cursor
:
pointer
;
background-image
:
url(../images/emotions/emotions-ease.png)
;
float
:
left
;
height
:
24px
;
margin-right
:
5px
;
width
:
24px
;
transition
:
all
.2s
ease-out
;
-webkit-transition
:
all
.2s
ease-out
;
-moz-transition
:
all
.2s
ease-out
}
.icon-up
,
a
{
transition
:
all
.3s
}
.emotions
span
:hover
{
transform
:
scale
(
1.2
)
rotate
(
360deg
);
-webkit-transform
:
scale
(
1.2
)
rotate
(
360deg
);
-moz-transform
:
scale
(
1.2
)
rotate
(
360deg
)}
.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
}
#commentForm
,
#replyForm
{
width
:
100%
}
.comments
{
position
:
relative
}
.comment-body-ref
{
position
:
absolute
;
width
:
80%
;
background-color
:
#fff
;
right
:
0
;
border
:
1px
solid
#eee
}
.icon-list
:before
{
content
:
"\f0ca"
}
.icon-home
:before
{
content
:
"\f015"
}
.icon-comments
:before
{
content
:
"\f0e6"
}
.icon-date
:before
{
content
:
"\f073"
}
.icon-search
:before
{
content
:
"\f002"
}
.icon-up
:before
{
content
:
"\f077"
}
.icon-inbox
:before
{
content
:
"\f01c"
}
.icon-tags
:before
{
content
:
"\f02c"
}
.icon-link
:before
{
content
:
"\f0c1"
}
.icon-refresh
:before
{
content
:
"\f021"
}
.icon-logout
:before
{
content
:
"\ea14"
}
.icon-views
:before
{
content
:
"\e900"
}
.icon-register
:before
{
content
:
"\e973"
}
.icon-setting
:before
{
content
:
"\e994"
}
.icon-login
:before
{
content
:
"\ea13"
}
.icon-rss
:before
{
content
:
"\e901"
}
::selection
{
text-shadow
:
none
;
background
:
#3D4450
;
color
:
#FFF
;
outline
:
0
}
a
{
outline
:
0
}
.pagination
{
margin-bottom
:
30px
;
line-height
:
30px
;
font-family
:
Georgia
}
.pagination
.page-number
:first-child
{
border-left
:
1px
solid
#ddd
}
.pagination
.page-number
{
display
:
inline-block
;
padding
:
0
10px
;
border
:
1px
solid
#ddd
;
border-left
:
0
;
text-decoration
:
none
;
float
:
left
}
.pagination
a
.page-number
:hover
{
color
:
#ff4d3a
;
background-color
:
#eee
}
.pagination
.page-number.current
{
color
:
#fff
;
background
:
#ff4d3a
;
border-color
:
#ff4d3a
;
margin-left
:
-1px
}
.module
{
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
.05
);
margin-bottom
:
20px
}
.module
header
h2
{
border-bottom
:
1px
solid
#ff4d3a
;
padding
:
10px
;
line-height
:
18px
;
font-size
:
16px
;
font-weight
:
400
}
.module
main
{
padding
:
20px
}
.ft-warn
{
color
:
#ff4d3a
}
.ft-gray
{
color
:
#aaa
}
.list
,
.module
main
.list
{
padding
:
0
}
.list
li
{
list-style
:
none
;
border-bottom
:
1px
solid
#eee
;
line-height
:
40px
;
padding
:
0
20px
}
.list
li
:last-child
{
border-bottom
:
0
}
.list
a
{
color
:
#666
;
text-decoration
:
none
;
display
:
block
}
.list
a
:hover
{
color
:
#ff4d3a
}
.form
input
,
.form
textarea
{
border
:
1px
solid
#ccc
;
background-color
:
#FAFAFA
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.075
)
inset
;
padding
:
0
10px
;
width
:
100%
;
line-height
:
28px
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
}
.banner
.fn-right
a
,
.banner
h1
a
{
line-height
:
75px
;
text-decoration
:
none
}
.post
,
aside
.ad
{
box-sizing
:
border-box
}
.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
}
.form
button
{
background-color
:
#EB5750
;
border
:
0
;
color
:
#fff
}
.form
button
:hover
{
background-color
:
#e42f19
}
.wrapper
{
width
:
90%
;
margin
:
0
auto
;
min-width
:
720px
;
max-width
:
1300px
}
aside
{
width
:
28%
;
min-width
:
236px
}
.main-wrap
{
display
:
flex
}
.main-wrap
>
main
{
margin-right
:
30px
;
flex
:
1
;
min-width
:
1px
}
.banner
{
background-color
:
#393939
;
height
:
75px
}
.banner
h1
a
{
color
:
#fff
}
.banner
small
{
color
:
#DFDFDF
;
font-size
:
15px
}
.banner
.fn-right
a
{
color
:
#DFDFDF
;
margin-left
:
10px
;
opacity
:
.6
}
.banner
.fn-right
a
:hover
{
opacity
:
1
}
.navbar
{
border-bottom
:
1px
solid
#eee
;
height
:
50px
;
margin-bottom
:
30px
}
.navbar.pin
{
position
:
fixed
;
width
:
100%
;
background-color
:
rgba
(
255
,
255
,
255
,
.95
);
top
:
0
;
z-index
:
10
}
.navbar
nav
a
{
color
:
#555
;
text-decoration
:
none
;
line-height
:
50px
;
padding
:
0
10px
;
display
:
inline-block
}
.navbar
nav
a
:hover
{
color
:
#333
}
.navbar
nav
a
.current
{
background-color
:
#eee
}
.navbar
form
{
position
:
relative
;
margin-top
:
8px
}
.navbar
.form
input
{
padding-right
:
40px
}
.navbar
button
{
background-color
:
#EB5750
;
border
:
0
;
color
:
#fff
;
position
:
absolute
;
top
:
0
;
right
:
0
;
height
:
30px
;
width
:
30px
}
.navbar
button
:hover
{
background-color
:
#e42f19
}
.footer
{
padding
:
30px
0
;
background
:
#111
;
margin-top
:
30px
;
color
:
#fff
}
.footer
a
{
color
:
#ff4d3a
;
text-decoration
:
none
}
.icon-up
{
position
:
fixed
;
bottom
:
122px
;
right
:
20px
;
color
:
#fff
;
background-color
:
#111
;
height
:
30px
;
width
:
30px
;
line-height
:
28px
;
border-radius
:
15px
;
cursor
:
pointer
;
display
:
none
}
.post
.rel
a
,
.tags
>
a
.tag
,
aside
.tag.tooltipped
{
display
:
inline-block
;
text-decoration
:
none
}
.icon-up
:hover
{
background-color
:
#ff4d3a
}
aside
.ad
{
background-color
:
#3cbc8d
;
color
:
#fff
;
padding
:
20px
;
margin-bottom
:
20px
;
border
:
1px
solid
transparent
}
aside
.meta
main
{
text-align
:
right
;
line-height
:
20px
}
aside
.meta
img
{
float
:
left
;
height
:
80px
;
width
:
80px
;
border-radius
:
5px
}
aside
.tag.tooltipped
{
padding
:
2px
5px
;
margin-bottom
:
10px
;
border
:
1px
solid
#e1e1e1
;
margin-right
:
10px
;
line-height
:
22px
}
aside
.has-toc
>
ul
>
li
{
list-style
:
none
;
float
:
left
;
width
:
50%
;
margin
:
0
;
cursor
:
pointer
;
line-height
:
18px
;
font-size
:
16px
;
text-align
:
center
;
font-weight
:
400
}
aside
.has-toc
ul
>
li
.current
{
color
:
#ff4d3a
}
.post
.meta
,
.post
sup
{
color
:
#aaa
}
aside
.b3-solo-list
{
font-size
:
14px
}
aside
.has-toc
>
section
:last-child
{
margin-top
:
20px
}
.post
{
border
:
1px
solid
#ededed
;
margin-bottom
:
20px
;
padding
:
20px
}
.post
.meta
,
.post
h1
{
margin-bottom
:
10px
}
.post
h1
a
{
font-size
:
30px
;
font-weight
:
500
;
text-decoration
:
none
}
.post
sup
{
font-weight
:
300
}
.post
.meta
a
{
color
:
#aaa
;
text-decoration
:
none
}
.post
.meta
a
:hover
{
color
:
#ff4d3a
}
.tags
>
a
.tag
{
color
:
#fff
;
font-size
:
12px
;
background-color
:
#bbb
;
margin-right
:
10px
;
padding
:
0
5px
;
line-height
:
22px
;
margin-top
:
10px
}
.tags
>
a
.tag
:before
{
content
:
"#"
}
.tags
>
a
.tag
:hover
{
background
:
#999
}
.post
footer
.copyright
{
padding
:
10px
;
font-size
:
14px
;
line-height
:
16px
;
border
:
1px
solid
#ff4d3a
;
border-left-width
:
20px
;
margin
:
20px
0
}
.post
.rel
a
{
padding
:
5px
14px
;
background-color
:
#fff
;
border
:
1px
solid
#ddd
;
border-radius
:
15px
;
margin
:
20px
0
}
.comments
>
li
,
.title
h2
{
border-bottom
:
1px
solid
#f1f1f1
}
.post
.rel
a
:hover
{
background-color
:
#eee
}
.title
h2
{
font-size
:
16px
;
font-weight
:
700
;
padding-bottom
:
10px
;
margin-top
:
20px
}
.comments
>
li
{
list-style
:
none
;
padding
:
10px
}
.comments
>
li
>
div
{
display
:
flex
}
.comments
.avatar
{
width
:
50px
;
height
:
50px
;
border-radius
:
100%
;
margin-right
:
20px
;
background-size
:
contain
}
.comments
main
{
flex
:
1
;
min-width
:
1px
}
.comments
.content-reset
{
margin-top
:
10px
}
.comments
.user-name
{
color
:
#666
;
text-decoration
:
none
}
.comments
.user-name
:hover
{
color
:
#ff4d3a
}
.comments
.reply-btn
{
float
:
right
;
background-color
:
#ff4d3a
;
color
:
#fff
;
text-decoration
:
none
;
font-size
:
12px
;
padding
:
2px
5px
}
.comments
.reply-btn
:hover
{
background-color
:
#e42f19
}
#commentForm
{
margin-top
:
20px
}
.form
.captcha
{
height
:
28px
}
.other
{
border
:
1px
solid
#ededed
;
margin-bottom
:
20px
;
padding
:
0
20px
20px
}
@media
(
max-width
:
900px
){
.navbar
.form
{
display
:
none
}}
@media
(
max-width
:
700px
){
.wrapper
,
aside
{
box-sizing
:
border-box
;
width
:
100%
}
.icon-list
,
.responsive
.list
{
background-color
:
#fff
;
position
:
absolute
}
.wrapper
{
min-width
:
auto
;
padding
:
0
10px
}
.main-wrap
>
main
{
margin-right
:
0
}
.main-wrap
,
.responsive
{
display
:
block
}
.banner
{
margin-bottom
:
20px
}
.banner
.fn-right
,
.banner
small
,
.navbar
{
display
:
none
}
.icon-list
{
right
:
10px
;
top
:
20px
;
font-size
:
20px
;
padding
:
8px
6px
;
cursor
:
pointer
}
.responsive
.list
{
width
:
100%
;
border
:
1px
solid
#eee
;
left
:
0
;
display
:
none
;
z-index
:
10
;
top
:
75px
}
.responsive
.list
li
.current
{
background-color
:
#eee
}}
\ No newline at end of file
src/main/webapp/skins/9IPHP/js/common.js
View file @
d0b75da6
...
...
@@ -72,20 +72,22 @@ var Skin = {
$
(
'
.responsive .list
'
).
slideToggle
();
});
},
_initArticleCommon
:
function
()
{
_initArticleCommon
:
function
(
tocLabel
,
siteViewLabel
)
{
// TOC
if
(
$
(
'
.b3-solo-list li
'
).
length
>
0
&&
$
(
window
).
width
()
>
1000
)
{
// add color to sidebar menu
$
(
'
.sidebar-toggl
e
'
).
addClass
(
'
has-toc
'
);
$
(
'
asid
e
'
).
addClass
(
'
has-toc
'
);
// append toc to sidebar menu
var
articleTocHTML
=
'
<ul><li class="current" data-tab="toc">
'
+
Label
.
tocLabel
+
'
</li><li data-tab="site">
'
+
Label
.
siteViewLabel
+
'
</li></ul><section></section>
'
;
$
(
'
.sidebar
'
).
prepend
(
articleTocHTML
);
var
$sectionF
=
$
(
'
.sidebar section:first
'
).
html
(
$
(
'
.b3-solo-list
'
)),
$sectionL
=
$
(
'
.sidebar section:last
'
);
$sectionF
.
height
(
$
(
window
).
height
()
-
90
);
var
articleTocHTML
=
'
<ul class="fn-clear"><li class="current" data-tab="toc">
'
+
tocLabel
+
'
</li><li data-tab="site">
'
+
siteViewLabel
+
'
</li></ul><section></section>
'
;
$
(
'
aside
'
).
prepend
(
articleTocHTML
);
var
$sectionF
=
$
(
'
aside section:first
'
).
html
(
$
(
'
.b3-solo-list
'
)),
$sectionL
=
$
(
'
aside section:last
'
);
$sectionF
.
height
(
$
(
window
).
height
()
-
154
).
css
({
'
overflow
'
:
'
auto
'
,
'
width
'
:
$
(
'
aside
'
).
width
()
+
'
px
'
});
$sectionL
.
hide
();
// 切换 tab
$
(
'
.sidebar
> ul > li
'
).
click
(
function
()
{
$
(
'
aside
> ul > li
'
).
click
(
function
()
{
if
(
$
(
this
).
data
(
'
tab
'
)
===
'
toc
'
)
{
$sectionL
.
animate
({
"
opacity
"
:
'
0
'
,
...
...
@@ -95,7 +97,7 @@ var Skin = {
$sectionF
.
animate
({
"
opacity
"
:
'
1
'
,
"
top
"
:
'
0
'
},
300
);
},
300
)
.
show
()
;
});
}
else
{
$sectionF
.
animate
({
...
...
@@ -106,16 +108,31 @@ var Skin = {
$sectionL
.
animate
({
"
opacity
"
:
'
1
'
,
"
top
"
:
'
0
'
},
300
);
});
},
300
)
.
show
()
;
})
.
hide
()
;
}
$
(
'
.sidebar
> ul > li
'
).
removeClass
(
'
current
'
);
$
(
'
aside
> ul > li
'
).
removeClass
(
'
current
'
);
$
(
this
).
addClass
(
'
current
'
);
});
$
(
window
).
scroll
(
function
()
{
if
(
$
(
window
).
scrollTop
()
>
125
)
{
$
(
'
aside section:eq(0)
'
).
css
({
position
:
"
fixed
"
,
top
:
"
51px
"
,
backgroundColor
:
"
#fff
"
})
}
else
{
$
(
'
aside section:eq(0)
'
).
css
({
position
:
"
inherit
"
,
borderLeft
:
0
})
}
});
}
},
initArticle
:
function
()
{
this
.
_initArticleCommon
();
initArticle
:
function
(
tocLabel
,
siteViewLabel
)
{
this
.
_initArticleCommon
(
tocLabel
,
siteViewLabel
);
}
};
Skin
.
init
();
\ No newline at end of file
src/main/webapp/skins/9IPHP/js/common.min.js
View file @
d0b75da6
...
...
@@ -13,4 +13,4 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var
Skin
=
{
_initCommon
:
function
(
i
){
$
(
"
body
"
).
on
(
"
click
"
,
"
.content-reset img
"
,
function
(){
window
.
open
(
this
.
src
)});
var
t
=
$
(
"
header .banner
"
),
n
=
$
(
"
header .navbar
"
);
$
(
window
).
scroll
(
function
(){
return
$
(
window
).
scrollTop
()
>
125
?
i
.
show
():
i
.
hide
(),
!
(
$
(
window
).
width
()
<
701
)
&&
void
(
$
(
window
).
scrollTop
()
>
t
.
height
()?(
n
.
addClass
(
"
pin
"
),
$
(
"
.main-wrap
"
).
parent
().
css
(
"
margin-top
"
,
"
86px
"
)):(
n
.
removeClass
(
"
pin
"
),
$
(
"
.main-wrap
"
).
parent
().
css
(
"
margin-top
"
,
"
0
"
)))})},
init
:
function
(){
this
.
_initCommon
(
$
(
"
.icon-up
"
)),
$
(
"
.navbar nav a
"
).
each
(
function
(){
this
.
href
===
location
.
href
&&
(
this
.
className
=
"
current
"
)}),
$
(
"
.responsive .list a
"
).
each
(
function
(){
this
.
href
===
location
.
href
&&
$
(
this
).
parent
().
addClass
(
"
current
"
)}),
$
(
"
.responsive .icon-list
"
).
click
(
function
(){
$
(
"
.responsive .list
"
).
slideToggle
()})},
_initArticleCommon
:
function
(){
if
(
$
(
"
.b3-solo-list li
"
).
length
>
0
&&
$
(
window
).
width
()
>
1
e3
){
$
(
"
.sidebar-toggle
"
).
addClass
(
"
has-toc
"
);
var
i
=
'
<ul><li class="current" data-tab="toc">
'
+
Label
.
tocLabel
+
'
</li><li data-tab="site">
'
+
Label
.
siteViewLabel
+
"
</li></ul><section></section>
"
;
$
(
"
.sidebar
"
).
prepend
(
i
);
var
t
=
$
(
"
.sidebar section:first
"
).
html
(
$
(
"
.b3-solo-list
"
)),
n
=
$
(
"
.sidebar section:last
"
);
t
.
height
(
$
(
window
).
height
()
-
90
),
$
(
"
.sidebar > ul > li
"
).
click
(
function
(){
"
toc
"
===
$
(
this
).
data
(
"
tab
"
)?
n
.
animate
({
opacity
:
"
0
"
,
top
:
"
-50px
"
},
300
,
function
(){
t
.
show
().
css
(
"
top
"
,
"
-50px
"
),
t
.
animate
({
opacity
:
"
1
"
,
top
:
"
0
"
},
300
)}):
t
.
animate
({
opacity
:
"
0
"
,
top
:
"
-50px
"
},
300
,
function
(){
t
.
hide
().
css
(
"
top
"
,
"
-50px
"
),
n
.
animate
({
opacity
:
"
1
"
,
top
:
"
0
"
},
300
)}),
$
(
"
.sidebar > ul > li
"
).
removeClass
(
"
current
"
),
$
(
this
).
addClass
(
"
current
"
)})}},
initArticle
:
function
(){
this
.
_initArticleCommon
()}};
Skin
.
init
();
\ No newline at end of file
var
Skin
=
{
_initCommon
:
function
(
i
){
$
(
"
body
"
).
on
(
"
click
"
,
"
.content-reset img
"
,
function
(){
window
.
open
(
this
.
src
)});
var
t
=
$
(
"
header .banner
"
),
n
=
$
(
"
header .navbar
"
);
$
(
window
).
scroll
(
function
(){
return
$
(
window
).
scrollTop
()
>
125
?
i
.
show
():
i
.
hide
(),
!
(
$
(
window
).
width
()
<
701
)
&&
void
(
$
(
window
).
scrollTop
()
>
t
.
height
()?(
n
.
addClass
(
"
pin
"
),
$
(
"
.main-wrap
"
).
parent
().
css
(
"
margin-top
"
,
"
86px
"
)):(
n
.
removeClass
(
"
pin
"
),
$
(
"
.main-wrap
"
).
parent
().
css
(
"
margin-top
"
,
"
0
"
)))})},
init
:
function
(){
this
.
_initCommon
(
$
(
"
.icon-up
"
)),
$
(
"
.navbar nav a
"
).
each
(
function
(){
this
.
href
===
location
.
href
&&
(
this
.
className
=
"
current
"
)}),
$
(
"
.responsive .list a
"
).
each
(
function
(){
this
.
href
===
location
.
href
&&
$
(
this
).
parent
().
addClass
(
"
current
"
)}),
$
(
"
.responsive .icon-list
"
).
click
(
function
(){
$
(
"
.responsive .list
"
).
slideToggle
()})},
_initArticleCommon
:
function
(
i
,
t
){
if
(
$
(
"
.b3-solo-list li
"
).
length
>
0
&&
$
(
window
).
width
()
>
1
e3
){
$
(
"
aside
"
).
addClass
(
"
has-toc
"
);
var
n
=
'
<ul class="fn-clear"><li class="current" data-tab="toc">
'
+
i
+
'
</li><li data-tab="site">
'
+
t
+
"
</li></ul><section></section>
"
;
$
(
"
aside
"
).
prepend
(
n
);
var
o
=
$
(
"
aside section:first
"
).
html
(
$
(
"
.b3-solo-list
"
)),
s
=
$
(
"
aside section:last
"
);
o
.
height
(
$
(
window
).
height
()
-
154
).
css
({
overflow
:
"
auto
"
,
width
:
$
(
"
aside
"
).
width
()
+
"
px
"
}),
s
.
hide
(),
$
(
"
aside > ul > li
"
).
click
(
function
(){
"
toc
"
===
$
(
this
).
data
(
"
tab
"
)?
s
.
animate
({
opacity
:
"
0
"
,
top
:
"
-50px
"
},
300
,
function
(){
o
.
show
().
css
(
"
top
"
,
"
-50px
"
),
o
.
animate
({
opacity
:
"
1
"
,
top
:
"
0
"
},
300
).
show
()}):
o
.
animate
({
opacity
:
"
0
"
,
top
:
"
-50px
"
},
300
,
function
(){
o
.
hide
().
css
(
"
top
"
,
"
-50px
"
),
s
.
animate
({
opacity
:
"
1
"
,
top
:
"
0
"
},
300
).
show
()}).
hide
(),
$
(
"
aside > ul > li
"
).
removeClass
(
"
current
"
),
$
(
this
).
addClass
(
"
current
"
)}),
$
(
window
).
scroll
(
function
(){
$
(
window
).
scrollTop
()
>
125
?
$
(
"
aside section:eq(0)
"
).
css
({
position
:
"
fixed
"
,
top
:
"
51px
"
,
backgroundColor
:
"
#fff
"
}):
$
(
"
aside section:eq(0)
"
).
css
({
position
:
"
inherit
"
,
borderLeft
:
0
})})}},
initArticle
:
function
(
i
,
t
){
this
.
_initArticleCommon
(
i
,
t
)}};
Skin
.
init
();
\ No newline at end of file
src/main/webapp/skins/9IPHP/js/isotope.pkgd.min.js
100755 → 100644
View file @
d0b75da6
File mode changed from 100755 to 100644
src/main/webapp/skins/9IPHP/lang/lang_en_US.properties
View file @
d0b75da6
...
...
@@ -16,10 +16,11 @@
#
# Description: B3log Solo language configurations(en_US).
# Version: 1.
0.0.0, Feb 17
, 2017
# Version: 1.
1.0.0, Mar 14
, 2017
# Author: Liyuan Li
#
siteViewLabel
=
Site
onlineVisitorLabel
=
Visitor
tocLabel
=
Article ToC
readLabel
=
Read More
...
...
src/main/webapp/skins/9IPHP/lang/lang_zh_CN.properties
View file @
d0b75da6
...
...
@@ -16,10 +16,11 @@
#
# Description: B3log Solo default language configurations(zh_CN).
# Version: 1.
0.0.0, Feb 17
, 2017
# Version: 1.
1.0.0, Mar 14
, 2017
# Author: Liyuan Li
#
siteViewLabel
=
\u
7AD9
\u
70B9
\u6982\u8981
onlineVisitorLabel
=
\u
8BBF
\u
5BA2
tocLabel
=
\u6587\u
7AE0
\u
76EE
\u
5F55
readLabel
=
\u9605\u
8BFB
\u5168\u6587
...
...
src/main/webapp/skins/9IPHP/macro-comments.ftl
View file @
d0b75da6
...
...
@@ -91,7 +91,7 @@
};
(function () {
page.load();
Skin.initArticle();
Skin.initArticle(
"${tocLabel}", "${siteViewLabel}"
);
// emotions
page.replaceCommentsEm("#comments .comment-content");
<#nested>
...
...
src/main/webapp/skins/9IPHP/side.ftl
View file @
d0b75da6
<aside>
<section>
<#if noticeBoard??>
<div class="ad content-reset">
${noticeBoard}
...
...
@@ -75,4 +76,5 @@
</main>
</div>
</#if>
</section>
</aside>
\ 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