diff options
| -rw-r--r-- | assets/css/main/miracles.min.css | 7 | ||||
| -rw-r--r-- | assets/css/main/post.css | 23 | ||||
| -rw-r--r-- | index.php | 27 |
3 files changed, 12 insertions, 45 deletions
diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index d85e1e1..905e186 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -62,10 +62,14 @@ display: block
}
/* Mobile phone */
-@media (max-width:375px) {
+@media (max-width:767px) {
.drawer {
width: 100vw;
}
+ .mobile-menu-close {
+ right: 20px;
+ left: auto;
+ }
}
/* > Pad and up */
@media (min-width:768px) {
@@ -147,6 +151,7 @@ .post-title {
margin: 25px 0;
margin-bottom: 10px
+ font-size: 2rem;
}
.post-excerpt {
diff --git a/assets/css/main/post.css b/assets/css/main/post.css index 799b999..f35786e 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -21,7 +21,6 @@ transition: background .1s
}
.post-banner-box {
- margin-left: -15px;
height: 100%;
overflow: hidden
}
@@ -49,6 +48,7 @@ margin-top: 15px
}
.post-button {
+ margin-right: 20px;
float: right
}
.post-footer {
@@ -333,23 +333,6 @@ .post-pagenav-right {
float: right
}
-/* -ss */
-.post-banner-ss img {
- width: 100%
-}
-.post-banner-box-ss {
- max-height: 280px;
- overflow: hidden
-}
-.post-item-content-ss {
- padding: 20px
-}
-.post-title-ss {
- margin: 12px 0;
- margin-top: 6px;
- height: 32px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 25px
+.post-item-content{
+ padding: 0 35px 10px 35px;
}
\ No newline at end of file @@ -16,8 +16,8 @@ $this->need('includes/header.php'); <div class="post-list"><!-- 文章循环开始 --> <?php while($this->next()): ?> <br /> - <!-- 电脑端卡片 --> - <div class="post-item large-screen"> + <!-- 文章卡片 --> + <div class="post-item "> <div class="container-fluid"><div class="row"> <div class="col-md-6 post-banner-box"> <a href="<?php $this->permalink(); ?>" class="post-link"> @@ -39,31 +39,10 @@ $this->need('includes/header.php'); ?> </p> <p class="post-meta"><i class="iconfont icon-block"></i> <?php $this->category(','); ?> <i class="iconfont icon-comments"></i> <?php $this->commentsNum('None', 'Only 1', '%d'); ?> <i class="iconfont icon-clock"></i> <?php $this->date(); ?></p> - <p class="post-button-box"><a href="<?php $this->permalink(); ?>" class="button post-button">Read More</a></p> + <p class="post-button-box large-screen"><a href="<?php $this->permalink(); ?>" class="button post-button">Read More</a></p> </div> </div></div> </div> - <!-- 移动端卡片 --> - <div class="post-item small-screen"> - <a href="<?php $this->permalink(); ?>" class="post-link"> - <div class="post-banner-box-ss"> - <div class="post-banner-ss"> - <img src="/usr/themes/Miracles/images/loading.gif" data-original="<?php if($this->fields->banner && $this->fields->banner=!''): ?><?php echo $this->fields->banner(); ?><?php else: ?><?php Utils::indexTheme('images/postbg/'); ?><?php echo mt_rand(1,20); ?>.jpg<?php endif; ?>"> - </div> - </div> - <div class="post-item-content-ss"> - <h1 class="post-title-ss"><?php $this->sticky(); ?><?php $this->title(); ?></h1> - <p class="post-excerpt"> - <?php if($this->fields->excerpt && $this->fields->excerpt!='') { - echo $this->fields->excerpt; - }else{ - echo $this->excerpt(130); - } - ?></p> - <p class="post-meta"><i class="iconfont icon-block"></i> <?php $this->category(','); ?> <i class="iconfont icon-comments"></i> <?php $this->commentsNum('None', 'Only 1', '%d'); ?> <i class="iconfont icon-clock"></i> <?php $this->date(); ?></p> - </div> - </a> - </div> <br /> <?php endwhile; ?> <!-- 文章分页 --> |