From ea316cf1842fc34591c85b6907a5e9cde45f10fb Mon Sep 17 00:00:00 2001 From: Eltrac <45323514+BigCoke233@users.noreply.github.com> Date: Sat, 14 Dec 2019 17:22:31 +0800 Subject: =?UTF-8?q?=F0=9F=8E=81=20Add:=20=E6=B7=BB=E5=8A=A0=E6=96=87?= =?UTF-8?q?=E7=AB=A0=E5=88=86=E4=BA=AB=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/miracles.min.css | 32 ++++++++++++++++++++++++++++++++ assets/css/main/post.css | 40 ++++++++++++++++++++++++++++++++++++++-- 2 files changed, 70 insertions(+), 2 deletions(-) diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index 6a736cb..65309f7 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -22,6 +22,17 @@ --shadow-color: rgb(180,180,180); } +/* Icon Font */ +@font-face { + font-family: 'iconfont'; /* project id 1165190 */ + src: url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.eot'); + src: url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.eot?#iefix') format('embedded-opentype'), + url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.woff2') format('woff2'), + url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.woff') format('woff'), + url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.ttf') format('truetype'), + url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.svg#iconfont') format('svg'); +} + /* ScrollBar */ ::-webkit-scrollbar { width: 9px; @@ -58,6 +69,14 @@ } /* > Pad and up */ @media (min-width:768px) { + .post-share .iconfont { + font-size: 30px; + } + + .post-share .social-share.copyright i { + display: block; + } + .alert { min-width: 300px; max-width: 700px @@ -153,6 +172,10 @@ line-height: 26px; letter-spacing: 2px } + + .post-footer { + padding: 36px; + } .fixed-button { padding: 15px 20px; @@ -260,6 +283,10 @@ line-height: 28px; letter-spacing: 2px } + + .post-footer { + padding: 48px; + } .fixed-button { padding: 18px 23px; @@ -360,6 +387,11 @@ line-height: 30px; letter-spacing: 2px } + + .post-footer { + padding: 50px; + } + .fixed-button { padding: 18px 23px; right: 38px diff --git a/assets/css/main/post.css b/assets/css/main/post.css index 0eab08a..799b999 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -54,8 +54,9 @@ .post-footer { color: #c8c8c8; font-size: 14px; - padding: 52px; + padding: 26px; padding-top: 0; + margin-top: -20px } .post-tags a { color: #bebebe; @@ -67,6 +68,41 @@ .post-tags a:hover { background: #f5f5f5 } +.post-share { + border-top: 1px solid rgb(230,230,230); + border-bottom: 1px solid rgb(230,230,230); + padding: 18px 0; + margin: 20px 0; + vertical-align:middle; +} +.post-share .social-share { + margin-right: 10px; + vertical-align:middle; +} +.post-share .social-share i { + transition: color .2s +} +.post-share .social-share.qq:hover i { + color: rgb(127,81,255); +} +.post-share .social-share.weibo:hover i { + color: red; +} +.post-share .social-share.twitter:hover i { + color: rgb(29,161,242); +} +.post-share .social-share.copyright i { + float: right; + font-size: 20px; + margin-top: 7px; + margin-right: 17px; + cursor: pointer; + display: none/*移动端不显示*/ +} +.post-share .iconfont { + color: rgb(200,200,200); + font-size: 25px; +} /* >文章内容 */ .post-content { padding: 26px; @@ -75,7 +111,7 @@ word-break: break-all } .post-content h2 { - margin: 60px 0; + margin: 45px 0; margin-bottom: 10px; } .post-content h3:before { -- cgit v1.2.3