diff options
| -rw-r--r-- | assets/css/codestyle.css | 123 | ||||
| -rw-r--r-- | assets/css/main/mac_button.png | bin | 0 -> 456 bytes | |||
| -rw-r--r-- | assets/css/main/post.css | 1 | ||||
| -rw-r--r-- | assets/css/miracles.min.css | 515 | ||||
| -rw-r--r-- | assets/css/page.css | 162 | ||||
| -rw-r--r-- | assets/css/post.css | 371 |
6 files changed, 51 insertions, 1121 deletions
diff --git a/assets/css/codestyle.css b/assets/css/codestyle.css index d8c0311..24e59bf 100644 --- a/assets/css/codestyle.css +++ b/assets/css/codestyle.css @@ -1,122 +1,99 @@ -/* - -Atom One Dark by Daniel Gamage -Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax - -edited by Eltrac - -*/ - +/* from https://github.com/atom/one-dark-syntax +edited by Eltrac */ .hljs { - display: block; - overflow-x: auto; - color: #abb2bf; - background: rgb(45,45,45)!important; - font-family: 'Noto Sans SC',sans-serif!important; - font-size: 0.8em!important; - padding: 0!important; - margin: 0!important; - max-height: 90vh; + display: block; + overflow-x: auto; + color: #abb2bf; + background: #2d2d2d!important; + font-family: 'Noto Sans SC',sans-serif!important; + font-size: .8em!important; + padding: 0!important; + margin: 0!important; + max-height: 90vh +} + +.hljs::before { + content: ''; + display: block; + height: 27px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + background: url('./main/mac_button.png') no-repeat; + background-color: rgb(63,63,63); } .hljs::-webkit-scrollbar-corner { - background: transparent + background: 0 0 } -.hljs table, -.hljs th, -.hljs td { +.hljs table,.hljs td,.hljs th { border: none!important; - background: rgb(45,45,45); - line-height: 1.45 + background: #2d2d2d; + line-height: 1.5 } .hljs tr:first-child hljs-line { - padding-top: 10px; + padding-top: 10px } .hljs tr:last-child hljs-line { - padding-bottom: 10px; + padding-bottom: 10px } .hljs-ln-numbers { - background: rgb(65,65,65)!important; + background: #414141!important; padding: 0!important; width: 30px!important; text-align: center!important; margin-left: 0!important; - color: rgb(200,200,200) + color: #c8c8c8 } .hljs-ln-code { - padding: 0 10px!important; + padding: 0 10px!important } -.hljs-comment, -.hljs-quote { - color: #5c6370; - font-style: italic; +.hljs-comment,.hljs-quote { + color: #5c6370; + font-style: italic } -.hljs-doctag, -.hljs-keyword, -.hljs-formula { - color: #c678dd; +.hljs-doctag,.hljs-formula,.hljs-keyword { + color: #c678dd } -.hljs-section, -.hljs-name, -.hljs-selector-tag, -.hljs-deletion, -.hljs-subst { - color: #e06c75; +.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst { + color: #e06c75 } .hljs-literal { - color: #56b6c2; + color: #56b6c2 } -.hljs-string, -.hljs-regexp, -.hljs-addition, -.hljs-attribute, -.hljs-meta-string { - color: #98c379; +.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string { + color: #98c379 } -.hljs-built_in, -.hljs-class .hljs-title { - color: #e6c07b; +.hljs-built_in,.hljs-class .hljs-title { + color: #e6c07b } -.hljs-attr, -.hljs-variable, -.hljs-template-variable, -.hljs-type, -.hljs-selector-class, -.hljs-selector-attr, -.hljs-selector-pseudo, -.hljs-number { - color: #d19a66; +.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable { + color: #d19a66 } -.hljs-symbol, -.hljs-bullet, -.hljs-link, -.hljs-meta, -.hljs-selector-id, -.hljs-title { - color: #61aeee; +.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title { + color: #61aeee } .hljs-emphasis { - font-style: italic; + font-style: italic } .hljs-strong { - font-weight: bold; + font-weight: 700 } .hljs-link { - text-decoration: underline; -} + text-decoration: underline +}
\ No newline at end of file diff --git a/assets/css/main/mac_button.png b/assets/css/main/mac_button.png Binary files differnew file mode 100644 index 0000000..90f7923 --- /dev/null +++ b/assets/css/main/mac_button.png diff --git a/assets/css/main/post.css b/assets/css/main/post.css index 5aeda1b..51f0a75 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -157,6 +157,7 @@ background: #282c34!important;
color: #fff!important;
text-indent: 0!important;
+ border-radius: 4px
}
.post-content img {
display: block;
diff --git a/assets/css/miracles.min.css b/assets/css/miracles.min.css deleted file mode 100644 index 7b5f9ae..0000000 --- a/assets/css/miracles.min.css +++ /dev/null @@ -1,515 +0,0 @@ -@charset 'utf-8';
-
-/*
- * The main CSS file for Miracles
- * Author: Eltrac
- * License: MIT
- */
-
-@import url("col.css");
-@import url("element.css");
-@import url("component.css");
-@import url("nav.css");
-@import url("post.css");
-@import url("page.css");
-@import url("comment.css");
-@import url("special.css");
-@import url("themes.css");
-
-/* Varriable */
-:root {
- --shadow-color: rgb(190,190,190);
-}
-
-/* Icon Font */
-@font-face {
- font-family: 'iconfont'; /* project id 1165190 */
- src: url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.eot');
- src: url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.eot?#iefix') format('embedded-opentype'),
- url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.woff2') format('woff2'),
- url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.woff') format('woff'),
- url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.ttf') format('truetype'),
- url('//at.alicdn.com/t/font_1165190_t5sh6mq8n6i.svg#iconfont') format('svg');
-}
-
-::selection{
- background: rgb(230,230,230);
- color:black;
-}
-/* ScrollBar */
-::-webkit-scrollbar {
- width: 6px;
- height: 5px
-}
-::-webkit-scrollbar-button {
- display: none
-}
-::-webkit-scrollbar-thumb {
- background: rgb(120,120,120);
- border-radius: 2px;
- transition: .2s
-}
-::-webkit-scrollbar-thumb:hover {
- background: rgb(100,100,100)
-}
-/* Selection */
-::-moz-selection,
-::-webkit-selection,
-::selection {
- background-color: #f1f1f1
-}
-/* Responsive Web design */
-.large-screen {
- display: none
-}
-.small-screen {
- display: block
-}
-/* Mobile phone */
-@media (max-width:767px) {
- .drawer {
- width: 100vw;
- }
- .mobile-menu-close {
- right: 20px;
- left: auto;
- }
- .post-title{
- font-size: 1.5rem;
- }
-}
-/* > Pad and up */
-@media (min-width:768px) {
- .header-meta-line-one,
- .header-meta-line-two {
- display: inline-block!important
- }
-
- .post-share .iconfont {
- font-size: 30px;
- }
-
- .post-share .social-share.copyright i {
- display: block;
- }
-
- .alert {
- min-width: 300px;
- max-width: 700px
- }
- .drawer-avatar img {
- height: 160px;
- width: 160px;
- }
- .drawer {
- width: 360px;
- left: -400px;
- }
- .drawer-content a {
- font-size: 19px;
- padding: 11px 0;
- }
- .drawer-main {
- height: 87vh;
- }
- .drawer-footer {
- height: 68px;
- }
- .drawer-header {
- height: 220px;
- }
- .fixed-button {
- height: 60px;
- width: 60px;
- }
-
- .options {
- width: 300px!important;
- left: auto!important;
- top: 90px;
- right: 10px;
- }
-
- .options:before {
- border-right: 8px solid transparent;
- border-top: 16px solid rgb(254,254,254,0.96);
- border-left: 8px solid transparent;
- position: absolute;
- top: 80px;
- right: 40px;
- }
-
- .comment-content p {
- font-size: 18px;
- }
-
- .comment-input input {
- display: inline-block;
- width: 33.23%;
- padding: 10px 5px;
- max-width: 100%;
- }
-
- .comment-input #url {
- width: 32.39%;
- }
-
- .nav-content a {
- font-size: 19px;
- padding: 27.5px 8px
- }
-
- .index-banner {
- text-align: left
- }
-
- .banner-content h1 {
- font-size: 40px
- }
-
- .index-content {
- margin: 10px 80px
- }
-
- .post-title {
- margin: 25px 0;
- margin-bottom: 10px;
- font-size: 2rem;
- }
-
- .post-excerpt {
- height: 38px
- }
-
- .post-banner-box,
- .post-banner img {
- height: 230px
- }
-
- .large-screen {
- display: block
- }
-
- .small-screen {
- display: none
- }
-
- .post-content {
- padding: 36px;
- padding-top: 25px;
- font-size: 18px;
- line-height: 26px;
- letter-spacing: 2px
- }
-
- .page-content {
- padding-bottom: 25px!important;
- }
-
- #comment-form {
- padding: 36px;
- }
-
- .post-footer {
- padding: 36px;
- }
-
- .fixed-button {
- padding: 15px 20px;
- right: 28px
- }
-
- .gotop-button {
- bottom: 20px
- }
-
- .options-button {
- bottom: 90px
- }
-
- .pio-container {
- display: block
- }
-
- iframe[src*="//player.bilibili.com/player.html"] {
- height: 390px
- }
- .search-form input,
- .login-form input,
- .login-form button {
- width: 350px;
- }
- .post-list,
- .post-body,
- .saying-body {
- margin-top: -130px
- }
- .links-container {
- padding: 10px;
- }
- .comment-children {
- margin-left: 80px;
- }
- .search-close,
- .login-close,
- .mobile-menu-close{
- right: 20px;
- left: auto;
- }
- .tip-icon {
- display: block
- }
-}
-/* Desktop and up */
-@media (min-width:992px) {
- .drawer-content a {
- font-size: 21px;
- padding: 14px 0;
- }
- .drawer-avatar img {
- height: 180px;
- width: 180px;
- }
- .drawer-header {
- height: 240px;
- }
-
- .comment-content p {
- font-size: 19px;
- }
-
- .comment-input #url {
- width: 32.47%;
- }
-
- .nav-content a {
- font-size: 20px;
- padding: 28px 8px
- }
-
- .index-banner {
- text-align: left
- }
-
- .banner-content h1 {
- font-size: 50px
- }
-
- .index-content {
- margin: 10px 80px
- }
-
-
- .post-title {
- margin: 30px 0;
- margin-bottom: 25px
- }
-
- .post-excerpt {
- height: 75px
- }
-
- .post-banner-box,
- .post-banner img {
- height: 280px
- }
-
- .large-screen {
- display: block
- }
-
- .small-screen {
- display: none
- }
-
- .post-content {
- padding: 48px;
- padding-top: 30px;
- font-size: 18px;
- line-height: 28px;
- letter-spacing: 2px
- }
-
- .page-content {
- padding-bottom: 30px!important;
- }
-
- #comment-form {
- padding: 48px;
- }
-
- .post-footer {
- padding: 48px;
- }
-
- .fixed-button {
- padding: 18px 23px;
- right: 38px
- }
-
- .gotop-button {
- bottom: 40px
- }
-
- .options-button {
- bottom: 120px
- }
-
- .pio-container {
- display: block
- }
-
- iframe[src*="//player.bilibili.com/player.html"] {
- height: 480px
- }
-
- .search-form input,
- .login-form input,
- .login-form button {
- width: 400px;
- }
- .post-list,
- .post-body,
- .saying-body {
- margin-top: -110px
- }
- .links-container {
- padding: 12px;
- }
- #live2dcanvas {
- display: block!important;
- transform: scale(0.8)!important;
- z-index: 0!important
- }
-}
-/* Computer screen and up */
-@media (min-width:1200px) {
- .login-entrance {
- width: 250px!important;
- display: block!important;
- margin: 20px auto!important;
- }
-
- .drawer-header {
- height: 250px;
- }
- .drawer-footer {
- height: 65px;
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- }
- .drawer-avatar img {
- height: 190px;
- width: 190px;
- }
- .comment-content p {
- font-size: 21px;
- }
- .comment-input #url {
- width: 32.56%;
- }
- .nav-content a {
- font-size: 20px;
- padding: 28px 8px
- }
-
- .index-banner {
- text-align: left
- }
-
- .banner-content h1 {
- font-size: 50px
- }
-
- .index-content {
- margin: 10px 100px
- }
-
- .post-title {
- margin: 30px 0;
- margin-bottom: 25px
- }
-
- .post-excerpt {
- height: 72px
- }
-
- .large-screen {
- display: block
- }
-
- .small-screen {
- display: none
- }
-
- .post-content {
- padding: 50px;
- font-size: 20px;
- line-height: 30px;
- letter-spacing: 2px;
- padding-top: 35px;
- }
- .page-content {
- padding-bottom: 38px!important;
- }
-
- #comment-form {
- padding: 50px;
- }
-
- .post-footer {
- padding: 50px;
- }
-
- .fixed-button {
- padding: 18px 23px;
- right: 38px
- }
-
- .gotop-button {
- bottom: 40px
- }
-
- .options-button {
- bottom: 120px
- }
-
- .pio-container {
- display: block
- }
-
- iframe[src*="//player.bilibili.com/player.html"] {
- height: 550px
- }
- .search-form input,
- .login-form input,
- .login-form button {
- width: 550px;
- }
- .post-list,
- .post-body,
- .saying-body {
- margin-top: -125px
- }
- .links-container {
- padding: 15px;
- }
- #live2dcanvas {
- transform: scale(1);
- }
-}
-/* 有 Drawer 时的设置面板 */
-.options-with-drawer {
- background: rgb(246,246,246);
- box-shadow: 0 0 0 #fff;
- -moz-box-shadow: 0 0 0 #fff;
- -webkit-box-shadow: 0 0 0 #fff;
- width: 360px!important;
- height: 210px!important;
- top: auto!important;
- right: auto!important;
- bottom: 10vh!important;
- z-index: 40!important;
-}
diff --git a/assets/css/page.css b/assets/css/page.css deleted file mode 100644 index d30a8f6..0000000 --- a/assets/css/page.css +++ /dev/null @@ -1,162 +0,0 @@ -@charset 'utf-8';
-/*
- * Style of Some parts of custom pages
- * Author: Eltrac
- * License: MIT
- */
-/* About Page */
-.about-avatar img {
- margin: 0 auto;
- display: block;
- padding: 2px;
- border: 3px solid #ddd;
- border-radius: 100%;
- height: 200px;
- width: 200px;
-}
-.about-name {
- text-align: center;
- font-size: 35px;
- margin: 20px 0;
- margin-bottom: 0;
-}
-.about-social {
- text-align: center;
- margin-top: 15px;
-}
-.about-social a {
- transform: scale(1.2);
- border-radius: 100%;
- padding: 5px 10px;
-}
-.about-social a:hover {
- background: rgb(246,246,246);
-}
-
-/* Tag List */
-.tags-list {
- margin-left: -30px
-}
-
-.tags-item a {
- background: rgb(240,240,240);
- border-radius: 80px;
- color: rgb(60,60,60);
- padding: 6px 14px;
- font-size: 15px;
- transition: all .2s;
- margin: 5px 3px;
-}
-.tags-item a:hover {
- background: rgb(230,230,230);
-}
-.tags-item {
- position: relative;
- display: inline-block;
- margin-top: 10px;
-}
-/* Archives 归档 */
-.archives-list {
- list-style-type: none;
- margin-left: -40px
-}
-.archives-list a {
- display: block;
- border-radius: 3px;
- transition: background .2s;
- padding: 6px 10px;
- white-space:nowrap;
- width: 100%;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
-}
-.archives-list a:hover {
- background: #e6e6e6
-}
-.archives-date {
- color: gray;
- letter-spacing: 0;
-}
-/* Links */
-.links-box {
- margin: 10px;
- margin-left: 0;
- margin-top: 30px
-}
-.links-box h2 {
- text-align: Center;
- border-bottom: 1px solid #e6e6fa;
- padding-bottom: 20px;
- font-weight: 700;
- color: black;
-}
-.links-link {
- color: black!important;
-}
-.links-link:hover {
- opacity: 1!important
-}
-.links-item {
- background: #fff;
- box-shadow: 0 3px 1px #ccc;
- -webkit-box-shadow: 0 1px 3px #ccc;
- -moz-box-shadow: 0 3px 1px #ccc;
- overflow: hidden;
- transition: all .2s!important;
- margin-bottom: 5px;
- border-radius: 3px
-}
-.links-item:hover {
- transform: scale(1.05);
- box-shadow: 0 6px 28px #ccc;
- -webkit-box-shadow: 0 6px 28px #ccc;
- -moz-box-shadow: 0 6px 28px #ccc;
- transform: translateY(-6px)
-}
-.link-box a {
- color: #000
-}
-.links-title {
- text-align: center
-}
-.links-title h4 {
- font-weight: 700;
- letter-spacing: 2px;
- white-space: nowrap;
- font-size: 15px;
- margin: 14px 0
-}
-.links-container {
- padding: 6px;
-}
-
-/* Saying 说说 */
-.saying-meta {
- color: gray!important;
- margin-top: -5px!important;
- line-height: 22px;
-}
-.saying-meta img {
- float: left;
- height: 45px;
- width: 45px;
- border-radius: 100%;
- margin-right: 15px;
- box-shadow: 1px 1px 2px #bababa;
- webkit-box-shadow: 1px 1px 2px #bababa;
- -moz-box-shadow: 1px 1px 2px #bababa;
-}
-.saying-author {
- font-size: 18px;
-}
-.saying-hr {
- border-bottom: 1px solid #ddd;
-}
-.saying-header.saying-inner {
- padding-bottom: 0;
-}
-.saying-middle.saying-inner {
- padding-top: 0;
- padding-bottom: 10px;
-}
\ No newline at end of file diff --git a/assets/css/post.css b/assets/css/post.css deleted file mode 100644 index c954491..0000000 --- a/assets/css/post.css +++ /dev/null @@ -1,371 +0,0 @@ -@charset 'utf-8';
-/*
- * Style of Posts
- * Author: Eltrac
- * License: MIT
- */
-/* 文章 */
-.post-list,
-.post-body,
-.saying-body {
- margin-top: -110px;
- transition: .8s;
-}
-.post-item {
- margin-bottom: 5px;
-}
-.post-body,.post-item,.saying-item,#comment-form {
- background: #fff;
- box-shadow: 0 2px 10px var(--shadow-color);
- -moz-box-shadow: 0 2px 10px var(--shadow-color);
- -webkit-box-shadow: 0 2px 10px var(--shadow-color);
- transition: background .1s
-}
-.post-banner-box {
- height: 100%;
- overflow: hidden;
- padding: 0;
-}
-.post-banner img {
- width: 100%;
- height: 100%;
- margin-right: -40px
-}
-.post-title {
- margin-top: 30px;
- transition: color .2s;
- overflow: hidden;
- height: 40px;
- white-space: nowrap;
- text-overflow: ellipsis
-}
-.post-excerpt {
- overflow: hidden;
- text-overflow: ellipsis
-}
-.post-meta,.post-meta a {
- color: gray
-}
-.post-button-box {
- margin-top: 15px
-}
-.post-button {
- margin-right: 20px;
- float: right
-}
-.post-footer {
- color: #c8c8c8;
- font-size: 14px;
- padding: 26px;
- padding-top: 0!important;
-}
-.post-tags a {
- color: #bebebe;
- padding: 2px 4px;
- border-radius: 2px;
- background: #f0f0f0;
- transition: background .2s
-}
-.post-tags a:hover {
- background: #f5f5f5
-}
-.post-share {
- border-top: 1px solid rgb(230,230,230);
- border-bottom: 1px solid rgb(230,230,230);
- padding: 18px 0;
- margin: 20px 0;
- vertical-align:middle;
-}
-.post-share .social-share {
- margin-right: 10px;
- vertical-align:middle;
-}
-.post-share .social-share i {
- transition: color .2s
-}
-.post-share .social-share.qq:hover i {
- color: rgb(127,81,255);
-}
-.post-share .social-share.weibo:hover i {
- color: red;
-}
-.post-share .social-share.twitter:hover i {
- color: rgb(29,161,242);
-}
-.post-share .social-share.copyright i {
- float: right;
- font-size: 20px;
- margin-top: 7px;
- margin-right: 17px;
- cursor: pointer;
- display: none/*移动端不显示*/
-}
-.post-share .iconfont {
- color: rgb(200,200,200);
- font-size: 25px;
-}
-.post-toc-link {
- color: gray;
- opacity: 0;
- transition: .3s;
- margin-left: 10px;
-}
-.post-content h2:hover .post-toc-link,
-.post-content h3:hover .post-toc-link {
- opacity: 1
-}
-
-/* >文章内容 */
-.post-content,
-.saying-inner {
- padding: 26px;
- padding-bottom: 5px!important;
- line-height: 28px;
- letter-spacing: 2px;
- word-break: break-all
-}
-.page-content {
- padding-bottom: 30px;
-}
-.page-content {
- padding-bottom: 26px!important;
-}
-.post-content h2 {
- margin: 45px 0;
- margin-bottom: 10px;
-}
-.post-content h3 {
- border-left: 6px solid #4D90FE;
- padding-left: 10px;
-}
-.post-content hr {
- display: block;
- margin: 20px auto;
- width: 100%;
- border: 2px dashed #f1f1f1
-}
-.post-content code {
- font-size: 0.95em;
- background: #f0f0f0;
- border-radius: 2px;
- font-family: 'Noto Sans SC',sans-serif!important;
- color: gray;
- padding: 0 4px;
- margin: 0 1px;
-}
-.post-content pre>code {
- background: #282c34!important;
- color: #fff!important;
- text-indent: 0!important;
-}
-.post-content img {
- display: block;
- margin: 25px auto;
- border-radius: 3px;
- max-width: 100%
-}
-.post-content blockquote p {
- margin: 0
-}
-.post-content blockquote {
- border-left: 5px solid #ddd;
- padding-left: 10px;
- margin-left: 0;
- color: rgb(70,70,70);
-}
-.post-content table {
- width: 100%;
- border-left: 1px solid #ccc;
- border-top: 2px solid #ccc;
- border-spacing: 0
-}
-.post-content td,.post-content th {
- border-right: 1px solid #ccc;
- border-bottom: 1px solid #ccc;
- padding: 6px 8px
-}
-.post-content th {
- background: #fff!important
-}
-.post-content tr:nth-child(odd) {
- background: #f5f5f5
-}
-.post-content a:not(.no-line) {
- position: relative;
- color: #000;
- border-bottom: 2px solid #f0f0f0;
-}
-.post-content a:not(.no-line)::before {
- content: '';
- position: absolute;
- bottom: -2px;
- left: 0;
- right: 0;
- height: 2px;
- background-color: #000;
- transform-origin: bottom right;
- transform: scaleX(0);
- transition: transform .5s ease
-}
-.post-content a:not(.no-line):hover::before {
- transform-origin: bottom left;
- transform: scaleX(1);
-}
-.post-content p {
- vertical-align: middle;
-}
-.post-content ul ul,
-.post-content ol ol,
-.post-content ol ul,
-.post-content ul ol {
- margin-top: -15px;
-}
-.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;
- vertical-align: middle;
-}
-.post-content ul li p,
-.post-content ol li p {
- margin: 0!important
-}
-.post-content ul ul,
-.post-content ul ol,
-.post-content ol ol,
-.post-content ol ul {
- margin-top: 0;
-}
-/* 加密文章 */
-.post-content .protected {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.post-content .protected .word:after {
- content:":";
-}
-
-.post-content .protected .text {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- margin-right: -7px;
-}
-
-.post-content .protected .submit {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- margin-left: -7xp;
- color: rgb(80,80,80);
- background: rgb(237,237,237);
- cursor: pointer;
-}
-
-.post-content .protected .submit:hover {
- opacity: 0.8;
-}
-
-.post-content .protected .submit,
-.post-content .protected .text {
- border: 1px solid #ccc;
- padding: 8px 14px;
- box-shadow: 0 1px 4px #ddd;
- transition: .3s;
-}
-
-.post-content .protected {
- margin: 20px 0;
-}
-
-/* >短代码 */
-.tip {
- border: 1px solid rgb(235,235,235);
- border-radius: 3px;
- padding: 15px;
- border-left: 5px solid gray;
-}
-.tip-icon {
- color: gray;
- display: none/*移动端不显示*/
-}
-.tip.red {
- border-left-color: #DD4B39;
-}
-.tip.red .tip-icon {
- color: #DD4B39;
-}
-.tip.blue {
- border-left-color: #4D90FE;
-}
-.tip.blue .tip-icon {
- color: #4D90FE;
-}
-.tip.green {
- border-left-color: #2FBB4F;
-}
-.tip.green .tip-icon {
- color: #2FBB4F;
-}
-.tip.yellow {
- border-left-color: #FFDD11;
-}
-.tip.yellow .tip-icon {
- color: #FFDD11;
-}
-.tip-group {
- margin: 15px 0;
-}
-.tip-group .tip {
- margin: 0;
- margin-top: -1px;
- border-radius: 0;
-}
-.tip-group br {
- display: none;
-}
-.tip-group .tip br {
- display: block;
-}
-.post-bubble .saying-content p {
- padding: 0 20px!important;
-}
-
-/* >文章分页 */
-.post-pagenav,
-.comment-pagenav {
- margin-top: 40px;
- margin-bottom: 60px
-}
-.post-pagenav a {
- font-size: 20px;
- background: #fff;
- color: #000;
- padding: 13px 20px;
- transition: .2s;
-}
-.post-pagenav a:hover {
- background: rgb(249,249,249);
-}
-.post-pagenav a,
-.comment-pagenav a {
- border-radius: 10000px;
- box-shadow: 0 0 15px #ccc;
- -moz-box-shadow: 0 0 15px #ccc;
- -webkit-box-shadow: 0 0 15px #ccc
-}
-.post-pagenav a:hover {
- box-shadow: 0 0 15px #ccc;
- -moz-box-shadow: 0 0 15px #ccc;
- -webkit-box-shadow: 0 0 15px #ccc
-}
-.post-pagenav-left {
- float: left
-}
-.post-pagenav-right {
- float: right
-}
-.post-item-content{
- padding: 0 35px 10px 35px;
-}
|
