From 28bfee0651f4609d5b2982a7828fb892c9f13264 Mon Sep 17 00:00:00 2001 From: Eltrac Koalar Date: Sat, 29 Feb 2020 11:32:34 +0800 Subject: =?UTF-8?q?=F0=9F=93=90=20Perf:=20=E4=BC=98=E5=8C=96=E5=AD=97?= =?UTF-8?q?=E4=BD=93=E5=A4=A7=E5=B0=8F=20&&=20=E4=BC=98=E5=8C=96=E5=AF=BC?= =?UTF-8?q?=E8=88=AA=E6=A0=8F=E5=9B=BE=E6=A0=87=E6=8C=89=E9=92=AE=E7=9A=84?= =?UTF-8?q?=E5=AD=97=E4=BD=93=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/component.css | 29 +++++++++++++++++------------ assets/css/main/nav.css | 12 ++++++++++++ assets/css/main/special.css | 10 ++++++++++ 3 files changed, 39 insertions(+), 12 deletions(-) (limited to 'assets/css') diff --git a/assets/css/main/component.css b/assets/css/main/component.css index 1dd5107..64073e8 100644 --- a/assets/css/main/component.css +++ b/assets/css/main/component.css @@ -141,24 +141,29 @@ button { /* Bubble */ .bubble { position: relative; - background: var(--theme-color); + background: #f1f1f1; border-radius: 2px; padding: 0; - color: white; + color: #000; display: inline-block; min-width: 180px; transition: all 0.3s; } -.bubble:before{ - position: absolute; - content: ""; - width: 0; - height: 0; - right: 100%; - top: 8px; - border-top: 8px solid transparent; - border-right: 16px solid var(--theme-color); - border-bottom: 8px solid transparent; +.bubble::before{ + content: ''; + position: absolute; + right: 100%; + top: 18px; + width: 0; + height: 0; + border-radius: 2px; + border-width: 9px; + border-style: solid; + border-color: transparent; + margin-bottom: -14px; + border-right-width: 18px; + border-right-color: currentColor; + color: #f1f1f1; } .bubble:hover { transform: translateY(-6px); diff --git a/assets/css/main/nav.css b/assets/css/main/nav.css index 9623719..c6a83c2 100644 --- a/assets/css/main/nav.css +++ b/assets/css/main/nav.css @@ -28,6 +28,9 @@ .nav-aero .nav-icon-button { background: rgba(255,255,255,0.1); } +.nav-aero .nav-icon-button:hover { + background: rgba(255,255,255,0.3); +} .nav-content { margin: 0; @@ -40,6 +43,15 @@ overflow-y: hidden; position: relative; } + +.nav-font-white { + color: #fff; +} + +.nav-font-black { + color: #000!important +} + .nav-aero.nav-font-white .nav-content a, .nav-aero.nav-font-white .nav-mobile-content a{ color: #FFFFFF; diff --git a/assets/css/main/special.css b/assets/css/main/special.css index 182dbd9..fab646d 100644 --- a/assets/css/main/special.css +++ b/assets/css/main/special.css @@ -38,6 +38,14 @@ color: black!important; } +/* Font Size */ +.post-content, +.comment-content p, +.banner-content, +.nav-content { + font-size: 100%!important; +} + /* Footer */ .footer-info { background: #f0f0f0; @@ -49,6 +57,8 @@ line-height: 26px; width: 100%; font-size: 12px; + font-size: 15px; + line-height: 18px; } .footer-dark a { color: #000 -- cgit v1.2.3