yexuejc/solo-skins
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

https://github.com/b3log/solo/issues/12570

Browse Source
This commit is contained in:
Van 2018-11-12 18:02:07 +08:00
parent fd9cb6f712
commit 7cb8d0fbeb
No known key found for this signature in database
GPG Key ID: 7059B8783A78F16C
5 changed files with 91 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
nijigen/css/base.css
View File

@ -20,7 +20,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.2.0.0, Sep 25, 2018 * @version 0.3.0.0, Nov 12, 2018
*/ */
/* /*
* Symphony - A modern community (forum/BBS/SNS/blog) platform written in Java. * Symphony - A modern community (forum/BBS/SNS/blog) platform written in Java.
@ -513,7 +513,7 @@ blockquote {
* comment * comment
* *
* @author <a href="http://vanessa.b3log.org">Liyuan Li</ta> * @author <a href="http://vanessa.b3log.org">Liyuan Li</ta>
* @version 0.1.0.0, Sep 1, 2018 * @version 0.2.0.0, Nov 12, 2018
*/ */
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 { .em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, .em10, .em11, .em12, .em13, .em14 {
cursor: pointer; cursor: pointer;
@ -527,7 +527,8 @@ blockquote {
-webkit-transition: all .2s ease-out; -webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out; } -moz-transition: all .2s ease-out; }
#emotions span:hover { #emotions span:hover,
#emotionsReply span:hover {
transform: scale(1.2) rotate(360deg); transform: scale(1.2) rotate(360deg);
-webkit-transform: scale(1.2) rotate(360deg); -webkit-transform: scale(1.2) rotate(360deg);
-moz-transform: scale(1.2) rotate(360deg); } -moz-transform: scale(1.2) rotate(360deg); }
@ -1022,6 +1023,8 @@ a {
background-color: #fff; } background-color: #fff; }
.comments__item:hover .comments__meta { .comments__item:hover .comments__meta {
background-color: #d9edf7; } background-color: #d9edf7; }
.comments__item:hover .comments__reply:after {
background-color: #d9edf7; }
.comments__meta { .comments__meta {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
min-height: 37px; min-height: 37px;
@ -1040,8 +1043,10 @@ a {
.comments__content { .comments__content {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
padding: 15px 15px 15px 45px; padding: 15px 45px;
position: relative; } position: relative; }
.comments__content textarea {
margin: 15px 0; }
.comments__avatar { .comments__avatar {
position: absolute; position: absolute;
height: 54px; height: 54px;
@ -1058,6 +1063,16 @@ a {
.comments__reply { .comments__reply {
border-radius: 5px; border-radius: 5px;
margin: 15px auto 0; } margin: 15px auto 0; }
.comments__reply #cancelCommentButton {
line-height: 34px; }
.comments__reply:after {
content: " ";
position: absolute;
height: 15px;
width: 5px;
right: 60px;
top: -15px;
background-color: rgba(217, 237, 247, 0.6); }
.comment-body-ref { .comment-body-ref {
right: 0; right: 0;
@ -1066,30 +1081,30 @@ a {
.comment-body-ref .breadcrumb { .comment-body-ref .breadcrumb {
display: none; } display: none; }
.form input, .form {
.form textarea { width: 100%; }
border: 1px solid #d1d5da; .form input,
background-color: #fafafa; .form textarea {
border-radius: 3px; border: 1px solid #d1d5da;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075); background-color: #fafafa;
padding: 7px 8px; border-radius: 3px;
width: 100%; box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
line-height: 17px; padding: 7px 8px;
box-sizing: border-box; } width: 100%;
.form input:focus, line-height: 17px;
.form textarea:focus { box-sizing: border-box; }
background-color: #fff; .form input:focus,
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em #dbedff; .form textarea:focus {
border: 1px solid #4285f4; } background-color: #fff;
box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em #dbedff;
.form .ft__red { border: 1px solid #4285f4; }
line-height: 34px; } .form .ft__red {
line-height: 34px; }
.form .btn { .form .btn {
float: right; float: right;
height: 34px; height: 34px;
margin: 0 0 0 10px; margin: 0 0 0 10px;
padding: 0 15px; } padding: 0 15px; }
.icon__up { .icon__up {
position: fixed; position: fixed;
@ -1150,7 +1165,8 @@ a {
.article-list .item__date { .article-list .item__date {
display: none; } display: none; }
.article-list .item, .article-list .item,
.module { .module,
.comments__item {
margin-bottom: 15px; } margin-bottom: 15px; }
.footer { .footer {
margin: 0 15px 15px; margin: 0 15px 15px;
@ -1201,6 +1217,8 @@ a {
.module__content.ft__center { .module__content.ft__center {
text-align: left; } text-align: left; }
.comments__avatar { .comments__avatar {
height: 48px; height: 34px;
width: 48px; width: 34px;
left: -14px; } } left: -7px; }
.comments__content {
padding: 15px; } }

43
nijigen/css/base.scss
View File

@ -19,7 +19,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.2.0.0, Sep 25, 2018 * @version 0.3.0.0, Nov 12, 2018
*/ */
@import "../../../scss/reset"; @import "../../../scss/reset";
@import "../../../scss/reset-content"; @import "../../../scss/reset-content";
@ -457,6 +457,11 @@ a {
.comments__meta { .comments__meta {
background-color: rgba(217, 237, 247, 1); background-color: rgba(217, 237, 247, 1);
} }
.comments__reply:after {
background-color: #d9edf7;
}
} }
} }
@ -485,8 +490,12 @@ a {
&__content { &__content {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
padding: 15px 15px 15px 45px; padding: 15px 45px;
position: relative; position: relative;
textarea {
margin: 15px 0;
}
} }
&__avatar { &__avatar {
@ -508,7 +517,21 @@ a {
&__reply { &__reply {
border-radius: 5px; border-radius: 5px;
margin: 15px auto 0 margin: 15px auto 0;
#cancelCommentButton {
line-height: 34px;
}
&:after {
content: " ";
position: absolute;
height: 15px;
width: 5px;
right: 60px;
top: -15px;
background-color: rgba(217, 237, 247, 0.6);
}
} }
} }
@ -523,6 +546,7 @@ a {
} }
.form { .form {
width: 100%;
input, input,
textarea { textarea {
border: 1px solid #d1d5da; border: 1px solid #d1d5da;
@ -634,7 +658,8 @@ a {
} }
.article-list .item, .article-list .item,
.module { .module,
.comments__item {
margin-bottom: 15px; margin-bottom: 15px;
} }
@ -717,8 +742,12 @@ a {
} }
.comments__avatar { .comments__avatar {
height: 48px; height: 34px;
width: 48px; width: 34px;
left: -14px; left: -7px;
}
.comments__content {
padding: 15px;
} }
} }

3
nijigen/lang/lang_en_US.properties
View File

@ -18,10 +18,11 @@
# #
# Description: Solo language configurations(en_US). # Description: Solo language configurations(en_US).
# Version: 1.2.0.0, Apr 8, 2017 # Version: 1.3.0.0, Nov 12, 2018
# Author: Liyuan Li # Author: Liyuan Li
# #
cancelLabel=\u53D6\u6D88
siteViewLabel=Site siteViewLabel=Site
onlineVisitorLabel=Visitor onlineVisitorLabel=Visitor
tocLabel=Article ToC tocLabel=Article ToC

3
nijigen/lang/lang_zh_CN.properties
View File

@ -18,10 +18,11 @@
# #
# Description: Solo default language configurations(zh_CN). # Description: Solo default language configurations(zh_CN).
# Version: 1.2.0.0, Apr 8, 2017 # Version: 1.3.0.0, Nov 12, 2018
# Author: Liyuan Li # Author: Liyuan Li
# #
cancelLabel=\u53D6\u6D88
siteViewLabel=\u7AD9\u70B9\u6982\u8981 siteViewLabel=\u7AD9\u70B9\u6982\u8981
onlineVisitorLabel=\u8BBF\u5BA2 onlineVisitorLabel=\u8BBF\u5BA2
tocLabel=\u6587\u7AE0\u76EE\u5F55 tocLabel=\u6587\u7AE0\u76EE\u5F55

1
nijigen/macro-comments.ftl
View File

@ -89,6 +89,7 @@
<tr> <tr>
<td colspan="2" align="right"> <td colspan="2" align="right">
<span class="ft__red" id="commentErrorTip"></span> <span class="ft__red" id="commentErrorTip"></span>
<span class="breadcrumb fn__pointer fn__none" id="cancelCommentButton" onclick="$('#replyForm').remove();page.currentCommentId = ''">${cancelLabel}</span>
<button class="btn tag" id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button> <button class="btn tag" id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
</td> </td>
</tr> </tr>