From 355e8bd3857ee4766b3273ffb8eb5d5218228079 Mon Sep 17 00:00:00 2001 From: Eltrac Koalar Date: Sat, 29 Feb 2020 10:22:19 +0800 Subject: =?UTF-8?q?=E2=9A=99=EF=B8=8F=20Remove:=20=E7=A7=BB=E9=99=A4?= =?UTF-8?q?=E5=89=8D=E5=8F=B0=E8=AE=BE=E7=BD=AE=E9=9D=A2=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main/special.css | 137 -------------------------------------------- assets/js/miracles.min.js | 85 ++++----------------------- includes/header.php | 61 +------------------- 3 files changed, 13 insertions(+), 270 deletions(-) diff --git a/assets/css/main/special.css b/assets/css/main/special.css index 8116b81..182dbd9 100644 --- a/assets/css/main/special.css +++ b/assets/css/main/special.css @@ -38,143 +38,6 @@ color: black!important; } -/* Options Pannel */ -.options { - backdrop-filter: blur(18px); - -webkit-backdrop-filter: blur(18px); - background: rgba(255,255,255,0.86); - transition: all 0.3s; - background: #fff; - border-radius: 2px; - box-shadow: 0 1px 8px #bababa; - -moz-box-shadow: 0 1px 8px #bababa; - -webkit-box-shadow: 0 1px 8px #bababa; - position: fixed; - top: 50px; - right: 0; - left: 0; - z-index: 20; - width: 100%; -} -.options hr { - border-color: rgb(245,245,245); - margin: 0; -} -.options.ready { - display: none; - top: 40px; -} -.options-content { - padding: 8px; - font-size: 15px; -} -.options-content h4 { - margin: 0; - margin-bottom: 8px; -} -.options-family { - text-align: center; -} -.options-family button, -.options-contentsize-button { - display: block; - width: 100%; - border: none; - background: rgb(254,254,254,0); - font-size: 20px; - padding: 8px 0; - transition: all 0.3s; - outline: none; - cursor: pointer; - border-radius: 3px; -} -.options-contentsize-button { - font-size: 14px; - padding: 10xp 15px; -} -.options-family button:hover { - background: rgb(244,244,244,0.96); -} -.options-button-active { - background: #f1f1f1!important; -} -.options-theme-button.options-button-active { - border: 2px solid var(-theme-color); -} -.options-themes { - text-align: center; - margin-top: 20px; -} -.options-theme-label { - color: #fff; - font-size: 12px; - transition: color 0.3s; -} -.options-theme-item:hover .options-theme-label { - color: #bababa; -} -.options-theme-button { - height: 50px; - width: 50px; - border-radius: 100%; - border: none; - outline: none; - display: block; - margin: 0 auto; - cursor: pointer -} -.options-theme-normal { - background: rgb(240,240,240); -} -.options-theme-dark { - background: rgb(80,80,80) -} -.options-theme-sepia { - background: rgb(255,255,200) -} -/* Font Size */ -.body-contentsize-small .post-content, -.body-contentsize-small .comment-content p, -.body-contentsize-small .banner-content, -.body-contentsize-small .nav-content { - font-size: 100%; -} -.body-contentsize-normal .post-content, -.body-contentsize-normal .comment-content p, -.body-contentsize-normal .banner-content, -.body-contentsize-normal .nav-content { - font-size: 125%; -} -.body-contentsize-big .post-content, -.body-contentsize-big .comment-content p, -.body-contentsize-big .banner-content, -.body-contentsize-big .nav-content { - font-size: 140%; -} -.body-contentsize-large .post-content, -.body-contentsize-large .comment-content p, -.body-contentsize-large .banner-content, -.body-contentsize-large .nav-content { - font-size: 160%; -} -/* - For Footer */ -.body-contentsize-small .footer-info { - font-size: 15px; - line-height: 18px; -} - -.body-contentsize-normal .footer-info { - font-size: 17px; -} - -.body-contentsize-big .footer-info { - font-size: 18px; -} - -.body-contentsize-large .footer-info { - font-size: 20px; -} - /* Footer */ .footer-info { background: #f0f0f0; diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js index b376c79..27d1a1f 100644 --- a/assets/js/miracles.min.js +++ b/assets/js/miracles.min.js @@ -75,8 +75,12 @@ function Dark() { //Add cookie to record if ($("body").hasClass("body-dark")) { addCookie("darkTheme", "on", 9); + $("#toggle-dark-button").html(''); + $("#toggle-dark-mobile").html(''); } else { addCookie("darkTheme", "off", 9); + $("#toggle-dark-button").html(''); + $("#toggle-dark-mobile").html(''); } } @@ -226,72 +230,6 @@ function bodyScroll(event) { event.preventDefault(); } -/** - * Front Options Pannel - */ -//FontFamily -function ChangeToSerif() { - $('body').addClass('body-serif'); - $('.options-serif-button').addClass('options-button-active'); - $('.options-sans-button').removeClass('options-button-active'); -} - -function ChangeToSansSerif() { - $('body').removeClass('body-serif'); - $('.options-serif-button').removeClass('options-button-active'); - $('.options-sans-button').addClass('options-button-active'); -} -//SizeContent - -function SizeSmall() { - //add class for body - $('body').addClass('body-contentsize-small'); - $('body').removeClass('body-contentsize-normal'); - $('body').removeClass('body-contentsize-big'); - $('body').removeClass('body-contentsize-large'); - //active button - $('.options-sizesmall').addClass('options-button-active'); - $('.options-sizenormal').removeClass('options-button-active'); - $('.options-sizebig').removeClass('options-button-active'); - $('.options-sizelarge').removeClass('options-button-active'); -} - -function SizeNormal() { - $('body').removeClass('body-contentsize-small'); - $('body').addClass('body-contentsize-normal'); - $('body').removeClass('body-contentsize-big'); - $('body').removeClass('body-contentsize-large'); - //active button - $('.options-sizesmall').removeClass('options-button-active'); - $('.options-sizenormal').addClass('options-button-active'); - $('.options-sizebig').removeClass('options-button-active'); - $('.options-sizelarge').removeClass('options-button-active'); -} - -function SizeBig() { - $('body').removeClass('body-contentsize-small'); - $('body').removeClass('body-contentsize-normal'); - $('body').addClass('body-contentsize-big'); - $('body').removeClass('body-contentsize-large'); - //active button - $('.options-sizesmall').removeClass('options-button-active'); - $('.options-sizenormal').removeClass('options-button-active'); - $('.options-sizebig').addClass('options-button-active'); - $('.options-sizelarge').removeClass('options-button-active'); -} - -function SizeLarge() { - $('body').removeClass('body-contentsize-small'); - $('body').removeClass('body-contentsize-normal'); - $('body').removeClass('body-contentsize-big'); - $('body').addClass('body-contentsize-large'); - //active button - $('.options-sizesmall').removeClass('options-button-active'); - $('.options-sizenormal').removeClass('options-button-active'); - $('.options-sizebig').removeClass('options-button-active'); - $('.options-sizelarge').addClass('options-button-active'); -} - /** * Open pannel */ @@ -368,11 +306,11 @@ var loginOpenButton = idGetEl("login-open"); var loginOpenMobile = idGetEl("login-open-mobile"); var toggleMobileMenuClose = idGetEl("toggle-mobile-menu-close"); var toggleMobileMenu = idGetEl("toggle-mobile-menu-button"); -var toggleOptions = idGetEl("toggle-options-button"); -var toggleOptionsMobile = idGetEl("toggle-options-mobile"); var drawerButton = idGetEl("drawer-button"); var navBar = idGetEl("navBar"); var navBarMobile = idGetEl("navBarMobile"); +var darkToggle = idGetEl("toggle-dark-button"); +var darkToggleMobile = idGetEl("toggle-dark-mobile"); /* Add Listeners */ //返回顶部按钮 @@ -399,13 +337,10 @@ toggleMobileMenu.addEventListener("click", function() { $(".mobile-menu").toggleClass("ready"); $(".mobile-menu-close").toggleClass("ready"); }); -//开关设置面板 -toggleOptions.addEventListener("click", function() { - $(".options").toggleClass("ready"); -}); -toggleOptionsMobile.addEventListener("click", function() { - $(".options").toggleClass("ready"); -}); +//切换夜间模式 +darkToggle.addEventListener("click", Dark); +darkToggleMobile.addEventListener("click", Dark); + /** * Load Pjax diff --git a/includes/header.php b/includes/header.php index 9caec0b..8530ddf 100644 --- a/includes/header.php +++ b/includes/header.php @@ -42,68 +42,13 @@

© options->title(); ?> | Theme Miracles

- -
- -
-
-
-
- -
-
- -
-
-
-
-
- -
-
-
-
- - 黑夜模式 -
-
- - 日落滤镜 -
-
- - 黑白滤镜 -
-
-
-
-
-
-
-
-
- -
-
- -
-
- -
-
- -
-
-
-
-
@@ -121,7 +66,7 @@

- + options->navStyle==1): ?> @@ -144,7 +89,7 @@
- +
-- cgit v1.2.3