diff options
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/miracles.min.css | 86 | ||||
| -rw-r--r-- | assets/css/prism.css | 145 |
2 files changed, 212 insertions, 19 deletions
diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css index 7e01bf0..1639add 100644 --- a/assets/css/miracles.min.css +++ b/assets/css/miracles.min.css @@ -16,12 +16,14 @@ a { body,html {
padding: 0;
margin: 0;
- height: 100%;
- width: 100%;
background: #fafafa;
overflow: auto;
transition: background 0.2s
}
+body {
+ height: 100%;
+ width: 100%;
+}
hr {
border: none;
@@ -52,12 +54,9 @@ hr { }
.body-dark .post-content code {
- background: #505050
+ background: #505050;
}
-.body-dark .post-content pre code {
- background: #2d2d2d!important
-}
.body-dark .post-content img {
box-shadow: 0 2px 10px #323232;
@@ -79,9 +78,27 @@ hr { background: #646464
}
-.body-dark .search-form input,.body-dark .comment-form input,.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 .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
@@ -96,6 +113,7 @@ hr { .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,
@@ -111,7 +129,8 @@ hr { .body-dark .search-close,
.body-dark .login,
.body-dark .login-close,
-.body-darl .login a {
+.body-darl .login a,
+.body-dark .OwO-bar {
color: #fafafa!important
}
@@ -125,8 +144,10 @@ hr { .body-dark .post-content table,
.body-dark .post-content td,
.body-dark .post-content th,
-.body-dark .post-content tr {
- border-color: #6e6e6e
+.body-dark .post-content tr,
+.body-dark .OwO-logo,
+.body-dark .OwO-body {
+ border-color: #6e6e6e!important;
}
.body-dark .dark-cover {
@@ -157,6 +178,13 @@ hr { .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,.9);
@@ -271,8 +299,9 @@ hr { margin-top: 10px
}
-.post-list {
- margin-top: -140px
+.post-list,
+.post-body {
+ margin-top: -110px
}
.post-body,.post-item {
@@ -353,10 +382,6 @@ hr { background: #f5f5f5
}
-.post-body {
- margin-top: -140px
-}
-
.post-content {
padding: 26px;
font-size: 18px;
@@ -375,7 +400,7 @@ hr { }
.post-content code {
- font-size: .8em;
+ font-size: 0.8em;
background: #f0f0f0;
border-radius: 3px;
font-family: font-family: 'Noto Sans SC',sans-serif!important;
@@ -449,6 +474,20 @@ hr { transform: scaleX(1)
}
+.post-content p {
+ vertical-align: middle;
+}
+
+.post-content .owo-img {
+ box-shadow: 0 0 0 #fff;
+ -moz-box-shadow: 0 0 0 #fff;
+ -webkit-box-shadow: 0 0 0 #fff;
+ display: inline;
+ height: 26px;
+ width: 26px;
+ vertical-align: middle
+}
+
.post-pagenav {
margin-top: 40px;
margin-bottom: 60px
@@ -976,6 +1015,10 @@ iframe[src*="//player.bilibili.com/player.html"] { .login-form button {
width: 350px;
}
+ .post-list,
+ .post-body {
+ margin-top: -130px
+ }
}
@media (min-width:992px) {
@@ -1050,6 +1093,10 @@ iframe[src*="//player.bilibili.com/player.html"] { .login-form button {
width: 400px;
}
+ .post-list,
+ .post-body {
+ margin-top: -134px
+ }
}
@media (min-width:1200px) {
@@ -1097,7 +1144,6 @@ iframe[src*="//player.bilibili.com/player.html"] { line-height: 30px;
letter-spacing: 2px
}
-
.dark-button,.gotop-button {
padding: 18px 23px;
right: 38px
@@ -1123,4 +1169,8 @@ iframe[src*="//player.bilibili.com/player.html"] { .login-form button {
width: 550px;
}
+ .post-list,
+ .post-body {
+ margin-top: -140px
+ }
}
diff --git a/assets/css/prism.css b/assets/css/prism.css index 1a4d4c5..1816e42 100644 --- a/assets/css/prism.css +++ b/assets/css/prism.css @@ -1 +1,144 @@ -code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:15px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:4px}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:4px}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d!important}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
\ No newline at end of file +code[class*=language-],pre[class*=language-] {
+ color: #ccc;
+ background: rgba(0,0,0,0)!important;
+ font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
+ font-size: 15px;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ margin: 0;
+}
+
+pre[class*=language-] {
+ padding: 1em;
+ margin: .5em 0;
+ overflow: auto;
+ margin: 20px -26px;
+}
+@media (min-width:768px) {
+ pre[class*=language-] {
+ margin: 20px -36px;
+ }
+}
+@media (min-width:992px) {
+ pre[class*=language-] {
+ margin: 20px -48px;
+ }
+}
+@media (min-width:1200px) {
+ pre[class*=language-] {
+ margin: 20px -50px;
+ }
+}
+
+:not(pre)>code[class*=language-],pre[class*=language-] {
+ background: rgb(70,70,70)!important;
+}
+
+:not(pre)>code[class*=language-] {
+ padding: .1em;
+ border-radius: .3em;
+ white-space: normal
+}
+
+.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog {
+ color: #999
+}
+
+.token.punctuation {
+ color: #ccc
+}
+
+.token.attr-name,.token.deleted,.token.namespace,.token.tag {
+ color: #e2777a
+}
+
+.token.function-name {
+ color: #6196cc
+}
+
+.token.boolean,.token.function,.token.number {
+ color: #f08d49
+}
+
+.token.class-name,.token.constant,.token.property,.token.symbol {
+ color: #f8c555
+}
+
+.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector {
+ color: #cc99cd
+}
+
+.token.attr-value,.token.char,.token.regex,.token.string,.token.variable {
+ color: #7ec699
+}
+
+.token.entity,.token.operator,.token.url {
+ color: #67cdcc
+}
+
+.token.bold,.token.important {
+ font-weight: 700
+}
+
+.token.italic {
+ font-style: italic
+}
+
+.token.entity {
+ cursor: help
+}
+
+.token.inserted {
+ color: green
+}
+
+pre[class*=language-].line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber
+}
+
+pre[class*=language-].line-numbers>code {
+ position: relative;
+ white-space: inherit
+}
+
+.line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ font-size: 100%;
+ left: -3.8em;
+ width: 3em;
+ letter-spacing: -1px;
+ border-right: 1px solid #999;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.line-numbers-rows>span {
+ pointer-events: none;
+ display: block;
+ counter-increment: linenumber
+}
+
+.line-numbers-rows>span:before {
+ content: counter(linenumber);
+ color: #999;
+ display: block;
+ padding-right: .8em;
+ text-align: right
+}
\ No newline at end of file |