diff options
| author | Eltrac <45323514+BigCoke233@users.noreply.github.com> | 2019-12-14 17:22:31 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-12-14 17:22:31 +0800 |
| commit | ea316cf1842fc34591c85b6907a5e9cde45f10fb (patch) | |
| tree | 1e2673eebce0614096e97a8666db9a1c62be0a75 /assets/css | |
| parent | 1724e2d76230d729e88c1e53f3b1dec94b880db1 (diff) | |
🎁 Add: 添加文章分享功能
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/main/miracles.min.css | 32 | ||||
| -rw-r--r-- | 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 {
|