diff options
| -rw-r--r-- | assets/css/dark.miracles.css | 183 | ||||
| -rw-r--r-- | assets/css/miracles.min.css | 178 | ||||
| -rw-r--r-- | assets/css/owo.min.css | 2 |
3 files changed, 187 insertions, 176 deletions
diff --git a/assets/css/dark.miracles.css b/assets/css/dark.miracles.css new file mode 100644 index 0000000..80a8078 --- /dev/null +++ b/assets/css/dark.miracles.css @@ -0,0 +1,183 @@ +@charset 'utf-8';
+/*
+ * DarkTheme for Miracles
+ * Author: Eltrac
+ */
+/* Body */
+.body-dark {
+ background: #4b4b4b;
+ color: rgb(250,250,250);
+}
+/* Post */
+/* > PostContent */
+.body-dark .post-content code {
+ background: #505050;
+}
+.body-dark .post-content img {
+ box-shadow: 0 2px 10px #323232;
+ -moz-box-shadow: 0 2px 10px #323232;
+ -webkit-box-shadow: 0 2px 10px #323232
+}
+.body-dark .post-content tr:nth-child(odd) {
+ background: #6e6e6e
+}
+.body-dark .post-content hr {
+ background: rgb(120,120,120)
+}
+/* > PostOthers */
+.body-dark .post-meta a {
+ color: gray!important
+}
+/* No Background */
+.body-dark .comment-reply a {
+ background: transparent
+}
+/* Need Shadow */
+.body-dark .dark-button,
+.body-dark .gotop-button,
+.body-dark .post-body,
+.body-dark .post-item,
+.body-dark .post-pagenav a {
+ box-shadow: 0 0 36px #323232!important;
+ -moz-box-shadow: 0 0 36px #323232!important;
+ -webkit-box-shadow: 0 0 36px #323232!important
+}
+.body-dark .links-item {
+ box-shadow: 0 0 2px #323232!important
+}
+.body-dark .links-item:hover {
+ box-shadow: 0 0 22px #323232!important
+}
+/* Need #646464 bg */
+.body-dark .archives-list a:hover,
+.body-dark .comment-submit button,
+.body-dark .comment-by-author .bubble.comment-content,
+.body-dark .bubble.comment-content,
+.body-dark .comment-author {
+ background: #646464
+}
+/* Need #5a5a5a bg */
+.body-dark .search-form input,
+.body-dark .comment-form input,
+.body-dark .OwO-logo,
+.body-dark .comment-form textarea,
+.body-dark .comment-reply a:hover,
+.body-dark .dark-button,
+.body-dark .gotop-button,
+.body-dark .links-item,
+.body-dark .post-body,
+.body-dark .post-content th,
+.body-dark .post-item,
+.body-dark .post-pagenav a,
+.body-dark .OwO-body,
+.body-dark .OwO-package-active,
+.body-dark .OwO-packages li:hover {
+ background: #5a5a5a!important
+}
+/* OwO */
+.body-dark .OwO-item,
+.body-dark .OwO-bar {
+ background: rgb(110,110,110)!important;
+}
+/* Need white fonts */
+.body-dark .comment,
+.body-dark .comment a,
+.body-dark .comment-content p,
+.body-dark .comment-form input,
+.body-dark .comment-form textarea,
+.body-dark .OwO-logo,
+.body-dark .dark-button,
+.body-dark .footer-info,
+.body-dark .footer-info a,
+.body-dark .gotop-button,
+.body-dark .nav,
+.body-dark .nav a,
+.body-dark .post-body,
+.body-dark .post-body a,
+.body-dark .post-content blockquote,
+.body-dark .post-item,
+.body-dark .post-item a,
+.body-dark .search-form button,
+.body-dark .search-close,
+.body-dark .login,
+.body-dark .login-close,
+.body-darl .login a,
+.body-dark .OwO-bar,
+.body-dark .mobile-menu,
+.body-dark .mobile-menu a,
+.body-dark .mobile-menu-close,
+.body-dark .mobile-menu-footer {
+ color: #fafafa!important
+}
+/* Need dark border-color */
+.body-dark .comment-form input,
+.body-dark .comment-form textarea,
+.body-dark .post-content blockquote,
+.body-dark .post-content table,
+.body-dark .post-content td,
+.body-dark .post-content th,
+.body-dark .post-content tr,
+.body-dark .OwO-logo,
+.body-dark .OwO-body,
+.body-dark .mobile-menu-title,
+.body-dark .mobile-menu-footer {
+ border-color: #6e6e6e!important;
+}
+.body-dark .comment-by-author .bubble.comment-content:before,
+.body-dark .bubble.comment-content:before {
+ border-right-color: #646464;
+}
+/* Darker Mask */
+.body-dark .dark-cover {
+ background: rgba(10,10,10,0.35)
+}
+/* Dark Footer */
+.body-dark .footer-info {
+ background: #3c3c3c!important
+}
+/* Dark Nav */
+.body-dark .nav {
+ background: rgba(50,50,50,.9)!important;
+ box-shadow: 0 0 20px #000;
+ -webkit-box-shadow: 0 0 20px #000;
+ -moz-box-shadow: 0 0 30px #000
+}
+.body-dark .nav a:hover,
+.body-dark .nav-mobile-title:hover,
+.mobile-menu-pagelist a:hover {
+ background: #646464
+}
+.body-dark .nav-icon-button {
+ background: rgb(90,90,90)
+}
+.body-dark .nav-icon-button {
+ color: #fff
+}
+.body-dark .nav-icon-button:hover,.body-dark .search-close {
+ background: #5a5a5a
+}
+/* Need dark filter */
+.body-dark img {
+ filter: brightness(90%);
+}
+.body-dark .post-banner,
+.body-dark iframe {
+ filter: brightness(75%);
+}
+/* Need Transparent dark background */
+.body-dark .search,
+.body-dark .login,
+.body-dark .mobile-menu {
+ background: rgba(90,90,90,.95)
+}
+/* Pio Plugin in dark theme */
+.body-dark .pio-container .pio-dialog {
+ color: #fff;
+ box-shadow: 1px 1px 15px #505050;
+ -webkit-box-shadow: 1px 1px 15px #505050;
+ -moz-box-shadow: 1px 1px 15px #505050;
+ background: rgba(90,90,90,.9)
+}
+.body-dark .pio-action span {
+ background-color: rgba(90,90,90,.9)
+}
\ No newline at end of file diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css index 8a02386..8f0d813 100644 --- a/assets/css/miracles.min.css +++ b/assets/css/miracles.min.css @@ -41,151 +41,6 @@ hr { background-color: var(--theme-color)
}
-.body-dark {
- background: #4b4b4b
-}
-
-.body-dark .post-content code {
- background: #505050;
-}
-
-
-.body-dark .post-content img {
- box-shadow: 0 2px 10px #323232;
- -moz-box-shadow: 0 2px 10px #323232;
- -webkit-box-shadow: 0 2px 10px #323232
-}
-
-.body-dark .dark-button,.body-dark .gotop-button,.body-dark .post-body,.body-dark .post-item,.body-dark .post-pagenav a {
- box-shadow: 0 0 36px #323232!important;
- -moz-box-shadow: 0 0 36px #323232!important;
- -webkit-box-shadow: 0 0 36px #323232!important
-}
-
-.body-dark .post-meta a {
- color: gray!important
-}
-
-.body-dark .archives-list a:hover,.body-dark .comment-submit button {
- background: #646464
-}
-
-.body-dark .search-form input,
-.body-dark .comment-form input,
-.body-dark .OwO-logo,
-.body-dark .comment-form textarea,
-.body-dark .comment-reply a:hover,
-.body-dark .dark-button,
-.body-dark .gotop-button,
-.body-dark .links-item,
-.body-dark .post-body,
-.body-dark .post-content th,
-.body-dark .post-item,
-.body-dark .post-pagenav a,
-.body-dark .OwO-body,
-.body-dark .OwO-package-active,
-.body-dark .OwO-packages li:hover {
- background: #5a5a5a!important
-}
-.body-dark .OwO-item,
-.body-dark .OwO-bar {
- background: rgb(110,110,110)!important;
-}
-
-.body-dark .links-item {
- box-shadow: 0 0 2px #323232!important
-}
-
-.body-dark .links-item:hover {
- box-shadow: 0 0 22px #323232!important
-}
-
-.body-dark .comment,
-.body-dark .comment a,
-.body-dark .comment-content p,
-.body-dark .comment-form input,
-.body-dark .comment-form textarea,
-.body-dark .OwO-logo,
-.body-dark .dark-button,
-.body-dark .footer-info,
-.body-dark .footer-info a,
-.body-dark .gotop-button,
-.body-dark .nav,
-.body-dark .nav a,
-.body-dark .post-body,
-.body-dark .post-body a,
-.body-dark .post-content blockquote,
-.body-dark .post-item,
-.body-dark .post-item a,
-.body-dark .search-form button,
-.body-dark .search-close,
-.body-dark .login,
-.body-dark .login-close,
-.body-darl .login a,
-.body-dark .OwO-bar,
-.body-dark .mobile-menu,
-.body-dark .mobile-menu a,
-.body-dark .mobile-menu-close,
-.body-dark .mobile-menu-footer {
- color: #fafafa!important
-}
-
-.body-dark .comment-reply a {
- background: #6e6e6e
-}
-
-.body-dark .comment-form input,
-.body-dark .comment-form textarea,
-.body-dark .post-content blockquote,
-.body-dark .post-content table,
-.body-dark .post-content td,
-.body-dark .post-content th,
-.body-dark .post-content tr,
-.body-dark .OwO-logo,
-.body-dark .OwO-body,
-.body-dark .mobile-menu-title,
-.body-dark .mobile-menu-footer {
- border-color: #6e6e6e!important;
-}
-
-.body-dark .dark-cover {
- background: rgba(10,10,10,.35)
-}
-
-.body-dark .post-content tr:nth-child(odd) {
- background: #6e6e6e
-}
-
-.body-dark .footer-info {
- background: #3c3c3c!important
-}
-
-.body-dark .nav {
- background: rgba(50,50,50,.9)!important;
- box-shadow: 0 0 20px #000;
- -webkit-box-shadow: 0 0 20px #000;
- -moz-box-shadow: 0 0 30px #000
-}
-
-.body-dark .nav a:hover,
-.body-dark .nav-mobile-title:hover,
-.mobile-menu-pagelist a:hover {
- background: #646464
-}
-.body-dark .nav-icon-button {
- background: rgb(90,90,90)
-}
-.body-dark .post-content hr {
- background: rgb(120,120,120)
-}
-.body-dark img {
- filter: brightness(90%);
-}
-.body-dark .post-banner,
-.body-dark iframe {
- filter: brightness(75%);
-}
-
.nav {
background: rgba(255,255,255,0.96);
width: 100%;
@@ -271,15 +126,6 @@ hr { background: rgb(230,230,230);
cursor: pointer
}
-
-.body-dark .nav-icon-button {
- color: #fff
-}
-
-.body-dark .nav-icon-button:hover,.body-dark .search-close {
- background: #5a5a5a
-}
-
.font-sans-serif {
font-family: 'Noto Sans SC',sans-serif
}
@@ -720,11 +566,6 @@ hr { align-items: center;
justify-content: center;
}
-.body-dark .search,
-.body-dark .login,
-.body-dark .mobile-menu {
- background: rgba(90,90,90,.95)
-}
.search.ready,
.login.ready,
.mobile-menu.ready {
@@ -952,6 +793,7 @@ hr { padding: 3px 8px;
padding-top: -3px;
border-radius: 4px;
+ min-width: 10px!important;
}
.bubble.comment-content:before {
border-right-color: rgb(238,238,238);
@@ -1032,8 +874,7 @@ hr { }
.owo-img {
- height: 28px;
- width: 28px;
+ height: 34px;
vertical-align: middle;
margin: 0 3px;
}
@@ -1125,19 +966,6 @@ hr { -moz-box-shadow: 1px 1px 5px #bababa;
-webkit-box-shadow: 1px 1px 5px #bababa
}
-
-.body-dark .pio-container .pio-dialog {
- color: #fff;
- box-shadow: 1px 1px 15px #505050;
- -webkit-box-shadow: 1px 1px 15px #505050;
- -moz-box-shadow: 1px 1px 15px #505050;
- background: rgba(90,90,90,.9)
-}
-
-.body-dark .pio-action span {
- background-color: rgba(90,90,90,.9)
-}
-
.pio-container {
display: none
}
@@ -1396,4 +1224,4 @@ iframe[src*="//player.bilibili.com/player.html"] { .links-container {
padding: 15px;
}
-}
+}
\ No newline at end of file diff --git a/assets/css/owo.min.css b/assets/css/owo.min.css index a719c88..610d9d1 100644 --- a/assets/css/owo.min.css +++ b/assets/css/owo.min.css @@ -66,7 +66,7 @@ .OwO .OwO-body {
display: none;
position: absolute;
- width: 400px;
+ width: 300px;
background: #fff;
z-index: 3;
top: 21px;
|