From bfa5f88cd9bfcc8a840488c7ea9350b4d9683cb4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=98=94=E8=90=BD?= <45323514+BigCoke233@users.noreply.github.com> Date: Sun, 24 Mar 2019 18:07:26 +0800 Subject: Add files via upload --- assets/css/mark.min.css | 573 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 573 insertions(+) create mode 100644 assets/css/mark.min.css (limited to 'assets/css/mark.min.css') diff --git a/assets/css/mark.min.css b/assets/css/mark.min.css new file mode 100644 index 0000000..ef99aec --- /dev/null +++ b/assets/css/mark.min.css @@ -0,0 +1,573 @@ +@charset "utf-8"; +/* + * The css file of Theme Mark + * By BigCoke https://cokewithice.com + * You'd better not delete the copyright infomation + */ + +/* 全局样式 */ +body{ + background-color:#F8F8FF +} +p{ + font-size:1.1em; +} +a{ + color:black; + transition:all 0.3s; +} +a:hover,a:active{ + opacity:0.9; + text-decoration:none; + color:#808080; +} +/* 各种css */ +.item{ + background-color:#fff; + box-shadow:0 0 8px #ccc; + -webkit-box-shadow:0 0 8px #ccc; + padding:15px; +} +/* 文章及文章列表 */ +.post-item{ + transition:all 0.5s; +} +.post-item:hover{ + box-shadow:0 2px 12px #ccc; + -webkit-box-shadow:0 2px 12px #ccc; +} +.post-header{ + margin-top:10px; +} +.post-info{ + margin-bottom:-20px; + font-size:0.9em; +} +.excerpt{ + color:gray; + margin:10px; +} +.post-item hr{ + margin-left:-15px; + margin-right:-15px; + margin-top:10px; +} +.post-link:hover{ + color:black; +} +.post-banner{ + margin:-15px; + margin-bottom:10px; +} +.media-banner{ + height:20em; +} +.pagenav,.page-navigator{ + margin-left:-40px; +} +.page-navigator .next{ + float:right; + margin-right:-1px; +} +.pagenav li,.page-navigator li{ + display:inline-block; + list-style-type:none; + background:#fff; + box-shadow:0 0 8px #ccc; + -webkit-box-shadow:0 0 8px #ccc; + margin-right:7px; + padding:0; +} +.pagenav li>a,.page-navigator li>a{ + padding:15px 8px; + font-size:17px; +} +.saying-avatar img{ + border-radius:1000px; +} +.saying-title-info h4{ + margin-bottom:-16px; +} +.saying-title-info span{ + color:gray; +} + +.post-header{ + padding:15px; + background:rgba(5,5,5,0.5); + color:white; + border:none; + margin-top:-112px; +} +.post-bread{ + font-weight:bold; + padding:10px; +} +.item{ + font-family:华文细黑,微软雅黑; +} +.post-content,.page-content{ + margin-top:30px; + font-size:1.2em; +} +.post-content img{ + max-width:100%; + border-radius:4px; + box-shadow:0 0 5px #808080; + -webkit-box-shadow:0 0 5px #808080; + display:block; + margin:12px auto; + transition:all 0.5s; +} +.post-content img:hover{ + transform: translateY(-6px); + box-shadow:0 0 15px #808080; + -webkit-box-shadow:0 0 15px #808080; +} +.post-content p{ + line-height:1.5em; + margin:15px; +} +.post-content h2{ + border-left:3px solid #6495ED; + background-color:#F8F8FF; + margin:-15px; + margin-top:26px; + margin-bottom:26px; + padding:12px; + font-weight:bold; +} +.post-content blockquote{ + background:#F8F8FF; + border-left:4px solid #00BFFF; + font-size:14px; + padding:10px; +} +.post-content blockquote>p{ + margin-top:-40px; +} +.post-content blockquote:before{ + content:"\f10d"; + font-family:FontAwesome; + color:#00BFFF; + text-shadow:0 0 5px #808080; + font-size:2em; + margin-left:-24px; + font-weight:bold; + margin-top:-30px; +} +.post-content p>code{ + background:rgba(0,0,0,0); + font-family:宋体; + font-weight:bold; + text-shadow:1px 1px 2px #DD4B39; +} +.saying-content{ + margin-top:5px; +} +.post-header a{ + color:white; +} +/* 评论 */ +.comment-normal-img{ + max-width:100%!important; + max-height:100%!important; +} +#comments textarea,#comments input{ + border:none; + display:block!important; + width:100%; + border-radius:3px; + border:1px solid #DCDCDC; + resize:none; + padding:10px; +} +.comment-body{ + background-color:#fff; + box-shadow:0 0 8px #ccc; + -webkit-box-shadow:0 0 8px #ccc; + padding:15px; +} +.comment-list-wrap ol{ + list-style-type:none; +} +.comment-list a{ + color:black; + font-style:normal; + font-size:1.2em; +} +.comment-list a:hover{ + text-decoration:none; +} +.comment-reply{ + text-align:right; +} +.comment-reply a{ + font-size:1em; + margin:0.3em; + color:white; + padding:0.5em; + border-radius:0.3em; + color:#00BFFF; + margin-top:-2em; + display:inline-block; +} +.comment-reply a:hover{ + background:#F0F8FF; +} +.avatar{ + border-radius:1000px; + -webkit-box-shadow:0 0 0.55em #bababa; + margin-right:0.3em; +} +.comment-body{ + padding:1em; + -webkit-box-shadow:0 0 0.5em #bababa; + background:white; + margin-left:-40px; + margin-top:0.5em; + transition:all 0.4s; +} +.comment-body:hover{ + -webkit-box-shadow:0 0 1em #bababa; + opacity:1 +} +.comment-meta a{ + color:#bababa; + font-size:10px; +} + +/* owo */ +.OwO-logo{ + display:inline-block; + margin-left:15px; + text-shadow:0 0 2px #808080; + padding:5px; + border-radius:3px; + transition:All 0.5s; +} +.OwO-logo:hover{ + background:rgba(230,230,230,0.9); +} +.OwO-body,.OwO{ + margin-left:5px; + margin-top:-10px; +} +.OwO-item img,.comment-content img{ + max-width:30px!important; + max-height:30px!important; +} + +/* 页脚 */ +.footer-info{ + background:rgb(54,59,63); + padding:0px; + padding-top:15px; + padding-bottom:20px; + margin-top:50px; + color:rgba(254,254,254,0.9); +} +.site-info a{ + color:rgba(254,254,254,0.9)!important; +} +.newest-comment img{ + border-radius:1000px; + border:1px solid white; + margin:2px; + height:50px; + width:50px; + display:inline-block; +} +.footer-copyright{ + background:gray; + margin:-5px; + margin-top:20px; + width:100vw; + padding:10px; + font-size:1.15em; +} +.footer-tools{ + position:fixed; + bottom:15px; + right:15px; + z-index:66; +} + +.footer-tools a,.footer-tools button{ + font-size:25px; + padding:10px 15px; + display:block; + text-align:center; + color:white; + background:rgba(54,59,63,0.8); + z-index:66; + margin-top:15px; +} +.footer-tools a:hover,.footer-tools button:hover{ + box-shadow:0 0 10px #bababa; + -webkit-box-shadow:0 0 10px #bababa; +} + +/* 侧边栏 */ +.sidebar li,.sidebar li>a{ + color:gray; +} +.avatar-bg{ + background-repeat:no-repeat; + background-size:cover; + height:10em; + margin:-15px; +} +.name-card{ + text-align:Center; +} +.sidebar-avatar{ + display:block; + margin:10px auto; + height:140px; + width:140px; + border-radius:1000px; + border:3px solid #F8F8FF; + margin-top:-80px; + transition:all 1s; +} +.sidebar-avatar:hover{ + transform:rotate(360deg); + -ms-transform:rotate(360deg); /* IE 9 */ + -moz-transform:rotate(360deg); /* Firefox */ + -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ + -o-transform:rotate(360deg); /* Opera */ +} +.aside h4{ + margin-top:-2px; + margin-bottom:-10px; +} +.aside hr{ + margin-left:-15px; + margin-right:-15px; +} +.sidebar .list-group{ + margin:-15px; + margin-top:-20px; +} +.aside li{ + border-radius:0!important; + border-left:none; + border-right:none; + border-color:#F5F5F5!important; +} +.list-group li{ + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} +.tags-list a{ + display:inline-block; + background-color:#F5F5F5; + border:1px solid #DCDCDC; + border-radius:3px; + padding:5px; + margin-right:4px; + margin-bottom:4px; + padding-bottom:0; + padding-top:0; +} +.tags-list a:hover{ + background-color:#DCDCDC; +} + +/* 导航 */ +#nav{ + width:100vw; + background:#fff; + box-shadow:0 0 10px #bababa; + -webkit-box-shadow:0 0 10px #bababa; + font-size:20px; + z-index:55; + padding-top:10px; + color:gray; +} +.nav-content{ + display:inline; + margin-top:-38px; +} +.nav-content,.nav-content ul>li{ + float:right; +} +.nav-content ul>li{ + transition:all 0.5s; +} +.nav-content ul>li:hover{ + background-color:#F8F8FF +} +.slideUp { + -webkit-transform: translateY(-100px); + transform: translateY(-100px); + transition: transform .5s ease-out; +} + +.slideDown { + -webkit-transform: translateY(0); + transform: translateY(0); + transition: transform .5s ease-out; +} +/* 友链 */ +.links-box{ + margin:10px; +} +.links-box h2{ + text-align:Center; + border-bottom:1px solid rgb(230,230,250); + padding-bottom:20px; + font-weight:bold; +} +.links-link:hover{ + opacity:1!important; +} +.links-item{ + background:#fff; + border:1px solid #dcdcdc; + box-shadow:0 0 26px #bababa; + -webkit-box-shadow:0 0 26px #bababa; + overflow:hidden; + transition:all 0.2s!important; + margin-bottom:15px; +} +.links-item:hover{ + transform:scale(0.95) +} +.links-title{ + text-align:Center; +} +.links-title h4{ + font-weight:bold; + letter-spacing:2px; + white-space: nowrap; + text-shadow:0 0 1px #808080; +} +/* 归档 */ +.archive-list ul{ + margin-left:-36px; +} +.archive-list li:first{ + border-top:1px solid #bababa; +} +.archive-list li{ + list-style-type:none; + font-size:1.2em; + border-bottom:1px solid #bababa; + padding-top:10px; + padding-bottom:10px; +} +.archive-list li>span{ + color:#bababa; +} + +/* pjax */ +.pjax-loading{ + opacity:0.8; +} +.pjax-loadend{ + opacity:1; +} +#pjax-container{ + transition:opacity 0.5s; +} + +.unvisible{ + display:none;!important; +} + +.spinner { + margin: 100px auto; + width: 50px; + height: 60px; + text-align: center; + font-size: 10px; + z-index:9999; + position: fixed; + margin: 100px auto; + top:30vh; + bottom:30vh; + left:30vw; + right:30vw; +} + +.spinner > div { + background-color: #00BFFF; + height: 100%; + width: 6px; + display: inline-block; + + -webkit-animation: stretchdelay 1.2s infinite ease-in-out; + animation: stretchdelay 1.2s infinite ease-in-out; +} + +.spinner .rect2 { + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} + +.spinner .rect3 { + -webkit-animation-delay: -1.0s; + animation-delay: -1.0s; +} + +.spinner .rect4 { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} + +.spinner .rect5 { + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} + +@-webkit-keyframes stretchdelay { + 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } + 20% { -webkit-transform: scaleY(1.0) } +} + +@keyframes stretchdelay { + 0%, 40%, 100% { + transform: scaleY(0.4); + -webkit-transform: scaleY(0.4); + } 20% { + transform: scaleY(1.0); + -webkit-transform: scaleY(1.0); + } +} +.unvisible-cover{ + opacity:0; + display:none; + transition:all 0.5s; +} +.viewport-cover{ + height:100vh; + width:100vw; + background:#fff; + opacity:0.5; + z-index:100; + position:fixed; + top:0; + bottom:0; + right:0; + left:0; + transition:all 0.5s; +} + +/* 滚动条 */ +::-webkit-scrollbar{ + width:10px; + opacity:0.8 +} +::-webkit-scrollbar-track-piece{ + background:rgba(0,0,0,0)!important; +} +::-webkit-scrollbar-thumb{ + background:#ccc; + border-radius:2px; +} \ No newline at end of file -- cgit v1.2.3