summaryrefslogtreecommitdiffstats
path: root/assets/css/post.css
diff options
context:
space:
mode:
authorBigCoke233 <hi@guhub.cn>2020-03-28 11:48:17 +0800
committerBigCoke233 <hi@guhub.cn>2020-03-28 11:48:17 +0800
commitaff8a7fb73da5d4e768f5b3b9b61278df2d32352 (patch)
tree489b95a5e6b1b2ba0760f007a3ca25ed3698cebe /assets/css/post.css
parent92654dd2c8b9235699d071a763d885bc30550625 (diff)
💻 Add: Mac 风格代码块
Diffstat (limited to 'assets/css/post.css')
-rw-r--r--assets/css/post.css371
1 files changed, 0 insertions, 371 deletions
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;
-}