From 8441a6d17c9516715115f27e9a95c7e5dbcd9766 Mon Sep 17 00:00:00 2001 From: outtime Date: Sun, 15 Dec 2019 17:22:31 +0800 Subject: =?UTF-8?q?=F0=9F=93=83Perf=EF=BC=9A=E4=BC=98=E5=8C=96=E9=A6=96?= =?UTF-8?q?=E9=A1=B5=E5=8D=A1=E7=89=87=EF=BC=8C=E5=90=88=E5=B9=B6=E7=A7=BB?= =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E4=B8=8EPC=E4=B8=BA=E4=B8=80=E4=B8=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/miracles.min.css | 7 ++++++- assets/css/main/post.css | 23 +++-------------------- 2 files changed, 9 insertions(+), 21 deletions(-) (limited to 'assets/css/main') 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 -- cgit v1.2.3 From 467366b3788943eefbbd0c18fabbe23ac5692376 Mon Sep 17 00:00:00 2001 From: outtime Date: Thu, 19 Dec 2019 13:48:42 +0800 Subject: =?UTF-8?q?=F0=9F=8D=ADAdd=EF=BC=9A=E6=B7=BB=E5=8A=A0=E8=B9=A6?= =?UTF-8?q?=E8=B7=B6=E7=9A=84=E9=A2=9C=E6=96=87=E5=AD=97=E4=B8=8E=E5=BB=BA?= =?UTF-8?q?=E7=AB=99=E6=97=B6=E9=97=B4=E9=A1=B9=EF=BC=8C=E5=90=8C=E6=97=B6?= =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=86=E9=83=A8=E5=88=86=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/special.css | 249 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 249 insertions(+) (limited to 'assets/css/main') diff --git a/assets/css/main/special.css b/assets/css/main/special.css index 6b3c342..1ae2867 100644 --- a/assets/css/main/special.css +++ b/assets/css/main/special.css @@ -243,4 +243,253 @@ iframe[src*="//player.bilibili.com/player.html"] { } .fadein { opacity: 1; +} +/*底部动画字符*/ +.anime-face { + animation: anime-face 5s infinite ease-in-out; + display: inline-block; + margin: 0 5px; +} +@-webkit-keyframes anime-face { + 2%,24%,80% { + -webkit-transform: translate(0,1.5px) rotate(1.5deg); + transform: translate(0,1.5px) rotate(1.5deg) + } + + 4%,68%,98% { + -webkit-transform: translate(0,-1.5px) rotate(-.5deg); + transform: translate(0,-1.5px) rotate(-.5deg) + } + + 38%,6% { + -webkit-transform: translate(0,1.5px) rotate(-1.5deg); + transform: translate(0,1.5px) rotate(-1.5deg) + } + + 8%,86% { + -webkit-transform: translate(0,-1.5px) rotate(-1.5deg); + transform: translate(0,-1.5px) rotate(-1.5deg) + } + + 10%,72% { + -webkit-transform: translate(0,2.5px) rotate(1.5deg); + transform: translate(0,2.5px) rotate(1.5deg) + } + + 12%,64%,78%,96% { + -webkit-transform: translate(0,-.5px) rotate(1.5deg); + transform: translate(0,-.5px) rotate(1.5deg) + } + + 14%,54% { + -webkit-transform: translate(0,-1.5px) rotate(1.5deg); + transform: translate(0,-1.5px) rotate(1.5deg) + } + + 16% { + -webkit-transform: translate(0,-.5px) rotate(-1.5deg); + transform: translate(0,-.5px) rotate(-1.5deg) + } + + 18%,22% { + -webkit-transform: translate(0,.5px) rotate(-1.5deg); + transform: translate(0,.5px) rotate(-1.5deg) + } + + 20%,36%,46% { + -webkit-transform: translate(0,-1.5px) rotate(2.5deg); + transform: translate(0,-1.5px) rotate(2.5deg) + } + + 26%,50% { + -webkit-transform: translate(0,.5px) rotate(.5deg); + transform: translate(0,.5px) rotate(.5deg) + } + + 28% { + -webkit-transform: translate(0,.5px) rotate(1.5deg); + transform: translate(0,.5px) rotate(1.5deg) + } + + 30%,40%,62%,76%,88% { + -webkit-transform: translate(0,-.5px) rotate(2.5deg); + transform: translate(0,-.5px) rotate(2.5deg) + } + + 32%,34%,66% { + -webkit-transform: translate(0,1.5px) rotate(-.5deg); + transform: translate(0,1.5px) rotate(-.5deg) + } + + 42% { + -webkit-transform: translate(0,2.5px) rotate(-1.5deg); + transform: translate(0,2.5px) rotate(-1.5deg) + } + + 44%,70% { + -webkit-transform: translate(0,1.5px) rotate(.5deg); + transform: translate(0,1.5px) rotate(.5deg) + } + + 48%,74%,82% { + -webkit-transform: translate(0,-.5px) rotate(.5deg); + transform: translate(0,-.5px) rotate(.5deg) + } + + 52%,56%,60% { + -webkit-transform: translate(0,2.5px) rotate(2.5deg); + transform: translate(0,2.5px) rotate(2.5deg) + } + + 58% { + -webkit-transform: translate(0,.5px) rotate(2.5deg); + transform: translate(0,.5px) rotate(2.5deg) + } + + 84% { + -webkit-transform: translate(0,1.5px) rotate(2.5deg); + transform: translate(0,1.5px) rotate(2.5deg) + } + + 90% { + -webkit-transform: translate(0,2.5px) rotate(-.5deg); + transform: translate(0,2.5px) rotate(-.5deg) + } + + 92% { + -webkit-transform: translate(0,.5px) rotate(-.5deg); + transform: translate(0,.5px) rotate(-.5deg) + } + + 94% { + -webkit-transform: translate(0,2.5px) rotate(.5deg); + transform: translate(0,2.5px) rotate(.5deg) + } + + 0%,100% { + -webkit-transform: translate(0,0) rotate(0); + transform: translate(0,0) rotate(0) + } +} + +@keyframes anime-face { + 2%,24%,80% { + -webkit-transform: translate(0,1.5px) rotate(1.5deg); + transform: translate(0,1.5px) rotate(1.5deg) + } + + 4%,68%,98% { + -webkit-transform: translate(0,-1.5px) rotate(-.5deg); + transform: translate(0,-1.5px) rotate(-.5deg) + } + + 38%,6% { + -webkit-transform: translate(0,1.5px) rotate(-1.5deg); + transform: translate(0,1.5px) rotate(-1.5deg) + } + + 8%,86% { + -webkit-transform: translate(0,-1.5px) rotate(-1.5deg); + transform: translate(0,-1.5px) rotate(-1.5deg) + } + + 10%,72% { + -webkit-transform: translate(0,2.5px) rotate(1.5deg); + transform: translate(0,2.5px) rotate(1.5deg) + } + + 12%,64%,78%,96% { + -webkit-transform: translate(0,-.5px) rotate(1.5deg); + transform: translate(0,-.5px) rotate(1.5deg) + } + + 14%,54% { + -webkit-transform: translate(0,-1.5px) rotate(1.5deg); + transform: translate(0,-1.5px) rotate(1.5deg) + } + + 16% { + -webkit-transform: translate(0,-.5px) rotate(-1.5deg); + transform: translate(0,-.5px) rotate(-1.5deg) + } + + 18%,22% { + -webkit-transform: translate(0,.5px) rotate(-1.5deg); + transform: translate(0,.5px) rotate(-1.5deg) + } + + 20%,36%,46% { + -webkit-transform: translate(0,-1.5px) rotate(2.5deg); + transform: translate(0,-1.5px) rotate(2.5deg) + } + + 26%,50% { + -webkit-transform: translate(0,.5px) rotate(.5deg); + transform: translate(0,.5px) rotate(.5deg) + } + + 28% { + -webkit-transform: translate(0,.5px) rotate(1.5deg); + transform: translate(0,.5px) rotate(1.5deg) + } + + 30%,40%,62%,76%,88% { + -webkit-transform: translate(0,-.5px) rotate(2.5deg); + transform: translate(0,-.5px) rotate(2.5deg) + } + + 32%,34%,66% { + -webkit-transform: translate(0,1.5px) rotate(-.5deg); + transform: translate(0,1.5px) rotate(-.5deg) + } + + 42% { + -webkit-transform: translate(0,2.5px) rotate(-1.5deg); + transform: translate(0,2.5px) rotate(-1.5deg) + } + + 44%,70% { + -webkit-transform: translate(0,1.5px) rotate(.5deg); + transform: translate(0,1.5px) rotate(.5deg) + } + + 48%,74%,82% { + -webkit-transform: translate(0,-.5px) rotate(.5deg); + transform: translate(0,-.5px) rotate(.5deg) + } + + 52%,56%,60% { + -webkit-transform: translate(0,2.5px) rotate(2.5deg); + transform: translate(0,2.5px) rotate(2.5deg) + } + + 58% { + -webkit-transform: translate(0,.5px) rotate(2.5deg); + transform: translate(0,.5px) rotate(2.5deg) + } + + 84% { + -webkit-transform: translate(0,1.5px) rotate(2.5deg); + transform: translate(0,1.5px) rotate(2.5deg) + } + + 90% { + -webkit-transform: translate(0,2.5px) rotate(-.5deg); + transform: translate(0,2.5px) rotate(-.5deg) + } + + 92% { + -webkit-transform: translate(0,.5px) rotate(-.5deg); + transform: translate(0,.5px) rotate(-.5deg) + } + + 94% { + -webkit-transform: translate(0,2.5px) rotate(.5deg); + transform: translate(0,2.5px) rotate(.5deg) + } + + 0%,100% { + -webkit-transform: translate(0,0) rotate(0); + transform: translate(0,0) rotate(0) + } } \ No newline at end of file -- cgit v1.2.3 From 4a675768d3a2b9c525e862c22eeeb3c624821742 Mon Sep 17 00:00:00 2001 From: outtime Date: Thu, 19 Dec 2019 14:41:27 +0800 Subject: =?UTF-8?q?=F0=9F=8D=94Perf=EF=BC=9A=E4=BF=AE=E6=AD=A3=E4=B8=80?= =?UTF-8?q?=E4=BA=9B=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/post.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'assets/css/main') diff --git a/assets/css/main/post.css b/assets/css/main/post.css index f35786e..4c6a942 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -22,7 +22,8 @@ } .post-banner-box { height: 100%; - overflow: hidden + overflow: hidden; + padding: 0; } .post-banner img { width: 100%; -- cgit v1.2.3 From 01ada4a59c47a49991594599353c1e68a1c12bf4 Mon Sep 17 00:00:00 2001 From: outtime Date: Thu, 19 Dec 2019 17:37:49 +0800 Subject: =?UTF-8?q?=F0=9F=91=A7Add=EF=BC=9A=E6=B7=BB=E5=8A=A0=E4=B8=80?= =?UTF-8?q?=E6=9E=9A=E5=B0=91=E5=A5=B3=E5=88=B0=E6=9C=AC=E9=A1=B9=E7=9B=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/post.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'assets/css/main') diff --git a/assets/css/main/post.css b/assets/css/main/post.css index 4c6a942..faec32f 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -130,9 +130,9 @@ font-size: 0.8em; background: #f0f0f0; border-radius: 3px; - font-family: font-family: 'Noto Sans SC',sans-serif!important; + font-family: 'Noto Sans SC',sans-serif!important; color: var(--theme-color); - vertical-align: middle + vertical-align: middle; } .post-content pre>code { background: #282c34!important; -- cgit v1.2.3 From 62a692c5a02c67fb0ace4d599b11eceae108ca32 Mon Sep 17 00:00:00 2001 From: outtime Date: Thu, 19 Dec 2019 17:41:58 +0800 Subject: =?UTF-8?q?=E2=9C=92Perf=EF=BC=9A=E4=BC=98=E5=8C=96=E7=A7=BB?= =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E6=A0=87=E9=A2=98=E5=AD=97=E5=8F=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/miracles.min.css | 5 ++++- assets/css/main/post.css | 3 +-- 2 files changed, 5 insertions(+), 3 deletions(-) (limited to 'assets/css/main') diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index 905e186..748411a 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -70,6 +70,9 @@ right: 20px; left: auto; } + .post-title{ + font-size: 1.5rem; + } } /* > Pad and up */ @media (min-width:768px) { @@ -150,7 +153,7 @@ .post-title { margin: 25px 0; - margin-bottom: 10px + margin-bottom: 10px; font-size: 2rem; } diff --git a/assets/css/main/post.css b/assets/css/main/post.css index faec32f..1c2be0b 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -206,8 +206,7 @@ -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff; display: inline; - height: 34px; - vertical-align: middle + vertical-align: middle; } /* 加密文章 */ .post-content .protected { -- cgit v1.2.3