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
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
Hide 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"?>
<?xml version="1.0" encoding="UTF-8"?>
<!--
<!--
Description: Solo POM.
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://88250.b3log.org">Liang Ding</a>
Author: <a href="http://www.annpeter.cn">Ann Peter</a>
Author: <a href="http://www.annpeter.cn">Ann Peter</a>
-->
-->
...
@@ -106,7 +106,7 @@
...
@@ -106,7 +106,7 @@
<properties>
<properties>
<project.build.sourceEncoding>
UTF-8
</project.build.sourceEncoding>
<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>
<servlet.version>
3.1.0
</servlet.version>
<slf4j.version>
1.7.5
</slf4j.version>
<slf4j.version>
1.7.5
</slf4j.version>
...
...
src/main/webapp/skins/9IPHP/css/base.css
View file @
d0b75da6
...
@@ -18,7 +18,7 @@
...
@@ -18,7 +18,7 @@
* skin style
* skin style
*
*
* @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
* @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 */
/* start common */
html
{
html
{
...
@@ -574,10 +574,6 @@ a[class*=" icon-"]:hover {
...
@@ -574,10 +574,6 @@ a[class*=" icon-"]:hover {
background-position
:
-96px
-48px
;
background-position
:
-96px
-48px
;
}
}
.b3-solo-list
{
display
:
none
;
}
#commentForm
,
#commentForm
,
#replyForm
{
#replyForm
{
width
:
100%
;
width
:
100%
;
...
@@ -944,6 +940,30 @@ aside .tag.tooltipped {
...
@@ -944,6 +940,30 @@ aside .tag.tooltipped {
margin-right
:
10px
;
margin-right
:
10px
;
line-height
:
22px
;
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 */
/* end side */
/* start article list */
/* start article list */
...
...
src/main/webapp/skins/9IPHP/css/base.min.css
View file @
d0b75da6
...
@@ -13,4 +13,4 @@
...
@@ -13,4 +13,4 @@
* See the License for the specific language governing permissions and
* See the License for the specific language governing permissions and
* limitations under the License.
* 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
}}
.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
\ No newline at end of file
src/main/webapp/skins/9IPHP/js/common.js
View file @
d0b75da6
...
@@ -72,20 +72,22 @@ var Skin = {
...
@@ -72,20 +72,22 @@ var Skin = {
$
(
'
.responsive .list
'
).
slideToggle
();
$
(
'
.responsive .list
'
).
slideToggle
();
});
});
},
},
_initArticleCommon
:
function
()
{
_initArticleCommon
:
function
(
tocLabel
,
siteViewLabel
)
{
// TOC
// TOC
if
(
$
(
'
.b3-solo-list li
'
).
length
>
0
&&
$
(
window
).
width
()
>
1000
)
{
if
(
$
(
'
.b3-solo-list li
'
).
length
>
0
&&
$
(
window
).
width
()
>
1000
)
{
// add color to sidebar menu
// add color to sidebar menu
$
(
'
.sidebar-toggl
e
'
).
addClass
(
'
has-toc
'
);
$
(
'
asid
e
'
).
addClass
(
'
has-toc
'
);
// append toc to sidebar menu
// 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>
'
;
var
articleTocHTML
=
'
<ul class="fn-clear"><li class="current" data-tab="toc">
'
+
tocLabel
$
(
'
.sidebar
'
).
prepend
(
articleTocHTML
);
+
'
</li><li data-tab="site">
'
+
siteViewLabel
+
'
</li></ul><section></section>
'
;
var
$sectionF
=
$
(
'
.sidebar section:first
'
).
html
(
$
(
'
.b3-solo-list
'
)),
$
(
'
aside
'
).
prepend
(
articleTocHTML
);
$sectionL
=
$
(
'
.sidebar section:last
'
);
var
$sectionF
=
$
(
'
aside section:first
'
).
html
(
$
(
'
.b3-solo-list
'
)),
$sectionF
.
height
(
$
(
window
).
height
()
-
90
);
$sectionL
=
$
(
'
aside section:last
'
);
$sectionF
.
height
(
$
(
window
).
height
()
-
154
).
css
({
'
overflow
'
:
'
auto
'
,
'
width
'
:
$
(
'
aside
'
).
width
()
+
'
px
'
});
$sectionL
.
hide
();
// 切换 tab
// 切换 tab
$
(
'
.sidebar
> ul > li
'
).
click
(
function
()
{
$
(
'
aside
> ul > li
'
).
click
(
function
()
{
if
(
$
(
this
).
data
(
'
tab
'
)
===
'
toc
'
)
{
if
(
$
(
this
).
data
(
'
tab
'
)
===
'
toc
'
)
{
$sectionL
.
animate
({
$sectionL
.
animate
({
"
opacity
"
:
'
0
'
,
"
opacity
"
:
'
0
'
,
...
@@ -95,7 +97,7 @@ var Skin = {
...
@@ -95,7 +97,7 @@ var Skin = {
$sectionF
.
animate
({
$sectionF
.
animate
({
"
opacity
"
:
'
1
'
,
"
opacity
"
:
'
1
'
,
"
top
"
:
'
0
'
"
top
"
:
'
0
'
},
300
);
},
300
)
.
show
()
;
});
});
}
else
{
}
else
{
$sectionF
.
animate
({
$sectionF
.
animate
({
...
@@ -106,16 +108,31 @@ var Skin = {
...
@@ -106,16 +108,31 @@ var Skin = {
$sectionL
.
animate
({
$sectionL
.
animate
({
"
opacity
"
:
'
1
'
,
"
opacity
"
:
'
1
'
,
"
top
"
:
'
0
'
"
top
"
:
'
0
'
},
300
);
},
300
)
.
show
()
;
});
})
.
hide
()
;
}
}
$
(
'
.sidebar
> ul > li
'
).
removeClass
(
'
current
'
);
$
(
'
aside
> ul > li
'
).
removeClass
(
'
current
'
);
$
(
this
).
addClass
(
'
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
()
{
initArticle
:
function
(
tocLabel
,
siteViewLabel
)
{
this
.
_initArticleCommon
();
this
.
_initArticleCommon
(
tocLabel
,
siteViewLabel
);
}
}
};
};
Skin
.
init
();
Skin
.
init
();
\ No newline at end of file
src/main/webapp/skins/9IPHP/js/common.min.js
View file @
d0b75da6
...
@@ -13,4 +13,4 @@
...
@@ -13,4 +13,4 @@
* See the License for the specific language governing permissions and
* See the License for the specific language governing permissions and
* limitations under the License.
* 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
();
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
\ 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 @@
...
@@ -16,10 +16,11 @@
#
#
# Description: B3log Solo language configurations(en_US).
# 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
# Author: Liyuan Li
#
#
siteViewLabel
=
Site
onlineVisitorLabel
=
Visitor
onlineVisitorLabel
=
Visitor
tocLabel
=
Article ToC
tocLabel
=
Article ToC
readLabel
=
Read More
readLabel
=
Read More
...
...
src/main/webapp/skins/9IPHP/lang/lang_zh_CN.properties
View file @
d0b75da6
...
@@ -16,10 +16,11 @@
...
@@ -16,10 +16,11 @@
#
#
# Description: B3log Solo default language configurations(zh_CN).
# 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
# Author: Liyuan Li
#
#
siteViewLabel
=
\u
7AD9
\u
70B9
\u6982\u8981
onlineVisitorLabel
=
\u
8BBF
\u
5BA2
onlineVisitorLabel
=
\u
8BBF
\u
5BA2
tocLabel
=
\u6587\u
7AE0
\u
76EE
\u
5F55
tocLabel
=
\u6587\u
7AE0
\u
76EE
\u
5F55
readLabel
=
\u9605\u
8BFB
\u5168\u6587
readLabel
=
\u9605\u
8BFB
\u5168\u6587
...
...
src/main/webapp/skins/9IPHP/macro-comments.ftl
View file @
d0b75da6
...
@@ -91,7 +91,7 @@
...
@@ -91,7 +91,7 @@
};
};
(function () {
(function () {
page.load();
page.load();
Skin.initArticle();
Skin.initArticle(
"${tocLabel}", "${siteViewLabel}"
);
// emotions
// emotions
page.replaceCommentsEm("#comments .comment-content");
page.replaceCommentsEm("#comments .comment-content");
<#nested>
<#nested>
...
...
src/main/webapp/skins/9IPHP/side.ftl
View file @
d0b75da6
<aside>
<aside>
<#if noticeBoard??>
<section>
<div class="ad content-reset">
<#if noticeBoard??>
${noticeBoard}
<div class="ad content-reset">
</div>
${noticeBoard}
</#if>
<#if 0 != mostUsedTags?size>
<div class="module">
<header><h2>${popTagsLabel}</h2></header>
<main>
<#list mostUsedTags as tag>
<a rel="tag" title="${tag.tagTitle}(${tag.tagPublishedRefCount})"
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
class="tag tooltipped tooltipped-n" aria-label="${tag.tagPublishedRefCount} ${countLabel}${articleLabel}">
${tag.tagTitle}</a>
</#list>
</main>
</div>
</#if>
<div class="module meta">
<header>
<h2>${adminUser.userName}</h2>
</header>
<main class="fn-clear">
<img src="${adminUser.userAvatar}" aria-label="${adminUser.userName}"/>
<div class="fn-right">
<a href="${servePath}/archives.html">
${statistic.statisticPublishedBlogArticleCount}
<span class="ft-gray">${articleLabel}</span></a><br/>
<a href="${servePath}/dynamic.html">
${statistic.statisticPublishedBlogCommentCount}
<span class="ft-gray">${commentLabel}</span></a><br/>
${statistic.statisticBlogViewCount} <span class="ft-gray">${viewLabel}</span><br/>
${onlineVisitorCnt} <span class="ft-gray">${onlineVisitorLabel}</span>
</div>
</div>
</main>
</#if>
</div>
<#if 0 != mostCommentArticles?size>
<#if 0 != mostUsedTags?size>
<div class="module">
<div class="module">
<header><h2>${mostCommentArticlesLabel}</h2></header>
<header><h2>${popTagsLabel}</h2></header>
<main class="list">
<main>
<ul>
<#list mostUsedTags as tag>
<#list mostCommentArticles as article>
<a rel="tag" title="${tag.tagTitle}(${tag.tagPublishedRefCount})"
<li>
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
<a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
class="tag tooltipped tooltipped-n" aria-label="${tag.tagPublishedRefCount} ${countLabel}${articleLabel}">
class="tooltipped tooltipped-e"
${tag.tagTitle}</a>
href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
</li>
</#list>
</#list>
</ul>
</main>
</main>
</div>
</div>
</#if>
</#if>
<#if 0 != mostViewCountArticles?size>
<div class="module meta">
<div class="module">
<header>
<header><h2>${mostViewCountArticlesLabel}</h2></header>
<h2>${adminUser.userName}</h2>
<main class="list">
</header>
<ul>
<main class="fn-clear">
<#list mostViewCountArticles as article>
<img src="${adminUser.userAvatar}" aria-label="${adminUser.userName}"/>
<li>
<div class="fn-right">
<a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
<a href="${servePath}/archives.html">
class="tooltipped tooltipped-e"
${statistic.statisticPublishedBlogArticleCount}
href="${servePath}${article.articlePermalink}">
<span class="ft-gray">${articleLabel}</span></a><br/>
${article.articleTitle}
<a href="${servePath}/dynamic.html">
</a>
${statistic.statisticPublishedBlogCommentCount}
</li>
<span class="ft-gray">${commentLabel}</span></a><br/>
</#list>
${statistic.statisticBlogViewCount} <span class="ft-gray">${viewLabel}</span><br/>
</ul>
${onlineVisitorCnt} <span class="ft-gray">${onlineVisitorLabel}</span>
</div>
</main>
</main>
</div>
</div>
</#if>
<#if 0 != mostCommentArticles?size>
<div class="module">
<header><h2>${mostCommentArticlesLabel}</h2></header>
<main class="list">
<ul>
<#list mostCommentArticles as article>
<li>
<a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
class="tooltipped tooltipped-e"
href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
</li>
</#list>
</ul>
</main>
</div>
</#if>
<#if 0 != mostViewCountArticles?size>
<div class="module">
<header><h2>${mostViewCountArticlesLabel}</h2></header>
<main class="list">
<ul>
<#list mostViewCountArticles as article>
<li>
<a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
class="tooltipped tooltipped-e"
href="${servePath}${article.articlePermalink}">
${article.articleTitle}
</a>
</li>
</#list>
</ul>
</main>
</div>
</#if>
</section>
</aside>
</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