Skip to content

Commit

Permalink
Update "Custom Settings"
Browse files Browse the repository at this point in the history 
主题后台支持更多内容的设置啦，同时还改善优化了一些小细节。
  • Loading branch information
@Dreamer-Paul
Dreamer-Paul committed Aug 10, 2017
1 parent fb389f1 commit 8e90393
Show file tree
Hide file tree
Showing 9 changed files with 236 additions and 114 deletions.
15 changes: 11 additions & 4 deletions archive.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,17 +13,24 @@
<?php if ($this->is('category')) : ?><span><?php echo $this->getDescription(); ?><?php endif; ?>
</section>
<section class="home-posts">
<?php while($this->next()): ?>
<?php while($this->next()): ?>
<div class="post-item">
<h2><a href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h2>
<p><?php $this->excerpt(100); ?></p>
<div class="post-meta">
<time class="date"><?php $this->date('Y.m.d'); ?></time>
<span class="category"><?php $this->category('、'); ?></span>
<span class="comments"><?php $this->commentsNum('%d °C'); ?></span>
<?php if (!empty($this->options->archive_meta) && in_array('show_category', $this->options->archive_meta)): ?>
<span class="category"><?php $this->category('，'); ?></span>
<?php endif; ?>
<?php if (!empty($this->options->archive_meta) && in_array('show_tags', $this->options->archive_meta)): ?>
<span class="tags"><?php $this->tags('，', true, 'none'); ?></span>
<?php endif; ?>
<?php if (!empty($this->options->archive_meta) && in_array('show_comments', $this->options->archive_meta)): ?>
<span class="comments"><?php $this->commentsNum('%d °C'); ?></span>
<?php endif; ?>
</div>
</div>
<?php endwhile; ?>
<?php endwhile; ?>
</section>
<?php $this->pageNav('&laquo;', '&raquo;'); ?>
</div>
Expand Down
2 changes: 1 addition & 1 deletion comments.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<div class="row">
<?php if($this->user->hasLogin()): ?>
<div class="col-m-12">
<p><?php _e('已登录：'); ?><a href="<?php $this->options->profileUrl(); ?>"><?php $this->user->screenName(); ?></a>. <a href="<?php $this->options->logoutUrl(); ?>" title="登出"><?php _e('登出'); ?> &raquo;</a></p>
<p><?php _e('已登录: '); ?><a href="<?php $this->options->profileUrl(); ?>"><?php $this->user->screenName(); ?></a>. <a href="<?php $this->options->logoutUrl(); ?>" title="登出"><?php _e('登出'); ?> &raquo;</a></p>
<p>
<textarea rows="2" name="text" id="textarea" placeholder="快来评论吧 (*≧ω≦)ﾉ" required=""><?php $this->remember('text'); ?></textarea>
</p>
Expand Down
167 changes: 94 additions & 73 deletions css/binkic.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
# Kico Style 1.02
# By: Dreamer-Paul
# Last Update: 2017.7.27
# Last Update: 2017.8.7
一个简洁、有趣的开源响应式框架，仅包含基础样式，需按照一定规则进行二次开发。
Expand All @@ -19,7 +19,7 @@ html, body,
dl, dt, dd, ol, ul,
h1, h2, h3, h4, h5, h6,
pre, code, form, p,
fieldset, legend{
fieldset, legend, figure{
margin: 0;
padding: 0;
}
Expand Down Expand Up @@ -181,96 +181,144 @@ hr.light{
border-top: 1px rgba(255,255,255,0.5) solid;
}

/* - 表单*/
/* - 表单 */
input[disabled]{
cursor: no-drop;
}
input[readonly]{
background: rgb(235, 235, 228);
}
input, textarea{
outline: 0;
font: inherit;
}
input[type="text"], input[type="email"], input[type="url"], textarea{
padding: .5em;
color: inherit;
border-radius: 4px;
border: #ccc 1px solid;
}

textarea{
display: block;
overflow: auto;
max-width: 100%;
resize: vertical;
}

/* - 缤奇表单模组 */
.bk-form label{
display: block;
cursor: pointer;
user-select: none;
}
.bk-form label:last-child{
margin-bottom: 0;
}
.bk-form-group label.submit > input[type="text"]{

.bk-form label.submit > input[type="text"]{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.bk-form-group label.submit > input[type="text"]+button{
.bk-form label.submit > input[type="text"]+button{
vertical-align: middle;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.bk-form label > button input{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.bk-form input{
vertical-align: middle;
}
.bk-form textarea{
min-width: 100%;
}

.bk-form input{
vertical-align: middle;
}
/* -- 单选多选框 */
.bk-form input[type="checkbox"], .bk-form input[type="radio"]{
width: 1em;
cursor: pointer;
margin: 0 .5em 0 0;
vertical-align: top;
-moz-appearance: none;
-webkit-appearance: none;
}
.bk-form input[type="checkbox"]:before, .bk-form input[type="radio"]:before{
width: 1em;
height: 1em;
content: '';
display: block;
margin-top: .3em;
border-radius: 4px;
border: 1px solid #ccc;
}
.bk-form input[type="radio"]:before{
border-radius: 100%;
}

.bk-form input[type="checkbox"]:checked:before, .bk-form input[type="radio"]:checked:before{
background: #3498db;
border: 4px solid #fff;
box-shadow: 0 0 0 2px #3498db;
}

/* -- 开关按钮 */
.bk-form input[type="checkbox"].switch{
width: 60px;
height: 30px;
cursor: pointer;
position: relative;
border-radius: 50px;
border: 1px solid #ccc;
background: rgba(0,0,0,.05);
}
.bk-form input[type="checkbox"].switch:before{
margin: 0;
border: 0;
content: "";
width: 28px;
height: 28px;
display: block;
box-shadow: none;
position: absolute;
border-radius: 100%;
background: rgba(0,0,0,0.2);
transition: background 0.3s, transform 0.3s;
}
.bk-form input[type="checkbox"].switch:checked:before{
background: #3498db;
transform: translateX(30px);
}

/* -- 单组表单*/
.bk-form .bk-form-group{
.bk-form fieldset{
cursor: default;
overflow: hidden;
border: none;
margin-bottom: 2em;
}
.bk-form .bk-form-group:last-child{
.bk-form fieldset:last-child{
margin-bottom: 0;
}

.bk-form .bk-form-group > *{
.bk-form fieldset > *{
margin-bottom: 1em;
}
.bk-form .bk-form-group > *:last-child{
.bk-form fieldset > *:last-child{
margin-bottom: 0;
}

@media screen and (max-width: 600px){
.bk-form .bk-form-group textarea{
width: 100%;
}
}
.bk-form.inline .bk-form-group label, .bk-form .bk-form-group.inline label{
/* -- 单行表单 */
.bk-form.inline fieldset label, .bk-form fieldset.inline label{
float: left;
display: block;
margin: 0 1em 1em 0;
}

.bk-form .bk-form-group.inline:after{
.bk-form fieldset.inline:after{
content: '';
clear: both;
display: block;
}

input[disabled]{
cursor: no-drop;
}
input[readonly]{
background: rgb(235, 235, 228);
}
input, textarea{
outline: 0;
font: inherit;
padding: .5em;
color: inherit;
border-radius: 4px;
border: #ccc 1px solid;
}

textarea{
display: block;
overflow: auto;
max-width: 100%;
resize: vertical;
}

/* - 表格*/
.bk-table{
width: 100%;
Expand Down Expand Up @@ -783,33 +831,6 @@ iframe{
.btn.blue:active { background: #2084c7; }
.btn.green:active { background: #138d6a; }

/* - 开关按钮 */
.sw-btn{
width: 60px;
height: 30px;
cursor: pointer;
position: relative;
border-radius: 50px;
display: inline-block;
vertical-align: middle;
background: rgba(0,0,0,.05);
}
.sw-btn:before{
left: 0;
width: 30px;
height: 30px;
content: "";
display: block;
position: absolute;
border-radius: 100%;
background: rgba(0,0,0,0.2);
transition: background 0.3s, left 0.3s;
}
.sw-btn.active.sw-btn:before{
background: #3498db;
left: calc(100% - 30px);
}

/* - 弹窗 */
.bk-alert{
top: 100px;
Expand Down
39 changes: 32 additions & 7 deletions css/single.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -147,7 +147,7 @@ body.neon header .head-menu .sub-menu{
}

body.neon hr,
body.neon .post-item h2 a, body.neon .post-title, body.neon .page-title,
body.neon .post-item h2 a, body.neon .post-title, body.neon .page-title, body.neon .post-author,
body.neon footer, body.neon .turn-up{
border-color: #555;
}
Expand Down Expand Up @@ -467,14 +467,15 @@ main .post-meta > *:before{
font-family: FontAwesome;
}

main .post-meta .date:before{
content: "\f017";
}
main .post-meta .category:before{
content: "\f07b";
}

main .post-meta .date:before{
content: "\f017";
main .post-meta .tags:before{
content: " \f02c";
}

main .post-meta .comments:before{
content: " \f086";
}
Expand Down Expand Up @@ -534,7 +535,7 @@ main .post-item .edit-link, main .page-title .edit-link, main .post-title .edit-
main .post-content, main .page-content{
animation: fade-in-top .3s .2s both;
}
main .post-content, main .page-content, main .post-near{
main .post-content, main .page-content, main .post-near, main .post-author{
margin-bottom: 3em;
}

Expand All @@ -554,9 +555,33 @@ main .post-near{
animation: fade-in-top .3s .3s both;
}

/* - 阅读页作者信息 */
main .post-author{
display: flex;
padding: 1.5em 0;
align-items: center;
transition: border 0.3s;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
animation: fade-in-top .3s .4s both;
}

main .post-author img{
max-width: 80px;
border-radius: 100%;
vertical-align: middle;
}
main .post-author div{
margin-left: 1.5em;
}
main .post-author h4{
font-weight: bold;
margin-bottom: .5em;
}

/* - 阅读页评论 */
main .post-comments{
animation: fade-in-top .3s .4s both;
animation: fade-in-top .3s .5s both;
}
main .post-comments label{
display: block;
Expand Down
Loading

0 comments on commit 8e90393

Please sign in to comment.