菜单
控制台
概要
个人设置
插件
外观
编辑文件 style.min.css
备份
撰写
撰写文章
创建页面
管理
文章
独立页面
评论
分类
标签
文件
用户
友情链接
设置
基本
评论
阅读
永久链接
测试管理员
登出
网站
编辑文件 style.min.css
可以使用的外观
编辑
initial
外观
设置外观
编辑源码
body{font:87.5%/1.2 -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;margin:0;color:#444;background-color:#fff}a,.nav-menu ul a,.post-content .more a{color:#666;border:0;text-decoration:none}a:hover,.rewards a:hover,.tags a:hover,.comment-author a:hover,#footer .links a:hover,.icpnum:hover{color:#333}ul{padding-left:30px}ul li p,#footer p,.whisper .comment-author,.whisper .comment-children .comment-children{margin:0}h1,h1.post-title{font-size:1.5em}h2,#catalog-col b{font-size:1.2em}pre,code{font-family:Consolas,Inconsolata,Courier,monospace,"PingFang SC","Microsoft YaHei",sans-serif;font-size:.9em;background:#f3f3f3}code{padding:2px 4px;color:#b94a48}pre{padding:8px;overflow:auto;max-height:400px}pre code{display:block;padding:3px;color:#444}blockquote{margin:1em 0;padding-left:1.5em;background:#fcfcfc;border-left:4px solid #eee;color:#666}table{border:1px solid #ddd;width:100%}table th,table td{padding:5px 10px;border:1px solid #eee}table th{background:#f3f3f3}input,textarea,button{font-family:inherit;font-size:100%;line-height:1.2;margin:0;outline:0;appearance:none;-webkit-appearance:none}input,textarea{padding:5px;border:1px solid #eee;width:100%;height:30px;border-radius:2px;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}textarea{height:150px;resize:vertical;overflow:auto}button,input[type=submit]{padding:0 6px;background:#ddd;border:0}button,input[type=submit],.menu-parent a,.rewards a,.whisper .whisper-reply,#cornertool li{cursor:pointer}.browsehappy{padding:8px 0;background:#fbe3e4;color:#8a1f11;text-align:center}.browsehappy a{color:#8a1f11;text-decoration:underline;font-weight:bold}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.container{max-width:1060px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}.head-fixed .browsehappy{position:fixed;bottom:0;width:100%}.head-fixed #header{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);z-index:999}.head-fixed #body{padding-top:71px}#header{line-height:40px;padding:15px 0;border-bottom:1px solid #eee}.site-name,.comment-form p{float:left}.site-name h1{display:table-cell;height:40px;font-size:1.7em;margin:0;vertical-align:middle;font-weight:normal}#logo,.post-title a{color:#333}#logo img{display:block;max-height:30px}#nav-swith{position:relative;float:right;margin-left:5px;color:#444}#nav-swith,#search button{top:5px;right:0;width:30px;height:30px;background:0}#nav-swith:before,#search button:before{content:"";position:absolute;top:7px;left:7px;width:9px;height:9px;border:solid 2px currentColor;border-radius:50%}#nav-swith:after,#search button:after{content:"";position:absolute;top:19px;left:17px;width:6px;height:2px;background:currentColor}#nav-swith:before,#nav-swith:after,#nav-swith span,#nav,#site-search,.nav-menu,.menu-parent ul,#catalog-col,.rewards img,#cornertool li,#music span,#catalog:before,#catalog:after,#catalog span{transition:.2s;-webkit-transition:.2s}.on #nav-swith:before,.on #nav-swith:after{content:"";position:absolute;top:14px;left:6px;width:18px;height:2px;background:currentColor;border:0;border-radius:0}.on #nav-swith:before,.author-icon{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#nav-swith:after,.on #nav-swith:after,#search button:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}#nav-swith span{display:block;width:18px;height:2px;background:currentColor;visibility:hidden}#nav,.whisper .post-title .more{position:relative;float:right}.on #site-search{top:0}.on #site-search,.menu-parent:hover>ul,#catalog-col.catalog,.rewards a:hover img,#cornertool li{visibility:visible;opacity:1}#site-search{position:absolute;top:-10px;right:0;width:200px}#site-search,.menu-parent ul,#catalog-col,.rewards img,#cornertool .hidden{visibility:hidden;opacity:0}#search,.rewards,.menu-parent,.l_logo,.loading,.whisper .comment-meta{position:relative}#search input{padding-right:30px;background:0;border:0;border-bottom:1px solid #999;border-radius:0;text-align:center}#search button{position:absolute;color:#666}.nav-menu,.comment-list,.comment-list ol{list-style:none;margin:0;padding:0}.nav-menu::-webkit-scrollbar,#catalog-col::-webkit-scrollbar{width:6px;height:6px}.nav-menu::-webkit-scrollbar-thumb,#catalog-col::-webkit-scrollbar-thumb{border-radius:3px;background-color:#ddd}.nav-menu li{display:inline-block;margin:0 10px}.nav-menu a{color:#444}.nav-menu a:hover,.page-navigator a:hover{border-bottom:1px solid #444}.menu-parent ul{position:absolute;left:50%;min-width:100px;padding:0;border-radius:5px;background:rgba(238,238,238,.95);text-align:center;list-style:none;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.menu-parent ul:before{content:"";position:absolute;top:-7px;left:50%;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(238,238,238,.95)}.menu-parent li,#cornertool li:before,.whisper .comment-list .respond,.whisper.permission .respond{display:block}.menu-parent ul a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.menu-parent .menu-parent .menu-child{background:rgba(221,221,221,.95)}#bar,.loading:after{position:fixed;top:0;height:3px;background:#333;animation:loading 1s infinite;-webkit-animation:loading 1s infinite}@keyframes loading{0%{right:50%;left:50%}30%{right:0;left:0}100%{right:50%;left:50%}}@-webkit-keyframes loading{0%{right:50%;left:50%}30%{right:0;left:0}100%{right:50%;left:50%}}#main{float:left;width:70%}#main>*:not(.breadcrumbs){animation:upin .3s;-webkit-animation:upin .3s}@keyframes upin{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes upin{0%{opacity:0;-webkit-transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0)}}.breadcrumbs{margin:15px 0 -15px;color:#666}.post{padding:15px 0}.post-title{margin:.83em 0;font-size:1.27em}.post-meta{margin-top:-0.5em;padding:0;color:#666;font-size:.875em}.post-meta li{display:inline-block;margin:0 .5em .5em 0;padding-left:.6em;border-left:1px solid #eee}.post-meta li:first-child{padding:0;border:0}#catalog-col,#cornertool{position:fixed;bottom:5px;z-index:999}#catalog-col{right:50%;margin-right:-515px;min-width:150px;max-width:50%;max-height:50%;color:#eee;background:rgba(0,0,0,.7);border:1em solid transparent;border-right-width:.3em;overflow:auto}#catalog-col.catalog{margin-right:-535px}#catalog-col>ul{margin:1em .5em 0 0}#catalog-col ul{padding-left:20px}#catalog-col a{color:#eee;border:0}#catalog-col a:hover{border-bottom:1px solid #eee}.post-content .cl-offset{position:relative;display:block;top:-10px;height:0;border:0}.head-fixed .cl-offset{top:-51px}.whisper .post-content{min-height:40px;margin-top:1em;padding:0 1em;text-align:center;border:1px solid #444;border-radius:2px}.whisper .post-title{font-size:1em;font-weight:normal;margin:0 -1em}.whisper.post .post-title a{display:block;padding:2px 1em;color:#fff;background:#444;border:0}.whisper .post-title a,.post-content .links a{transition:.3s;-webkit-transition:.3s}.whisper .post-title a:hover{background:#000}.whisper .post-content pre{text-align:left}.whisper .notice{display:block;font-size:.9em;padding:5px;color:#f44336;border:1px solid;border-radius:2px}.post-content,.comment-content{line-height:1.5;word-wrap:break-word}.post-content a,.comment-content a{color:#3354aa;border-bottom:1px solid #eee}.post-content a:hover,.comment-content a:hover,.nav-menu ul a:hover{color:#333;border:0}.post-content img,.post-content video,.comment-content img,.comment-content video,.whisper img,.whisper video{max-width:100%}.post-content hr,.comment-content hr{margin:2em auto;width:100px;border:1px solid #ddd;border-width:2px 0 0 0}.post-content .thumb,.post-content .more{text-align:center}.protected input{width:auto}.rewards,.post .tags{clear:both}.rewards a,.tags a,.comment-author a{color:#3354aa;border:0}.rewards img{position:absolute;top:0;left:50%;margin:-15% 0 0 -15%;padding:5px;max-width:30%;background:#eee}.license{font-size:.875em;color:#999;margin:0}.post-near{list-style:none;margin:30px 0;padding:0;color:#999}.post-near li{margin:10px 0}.page-navigator{list-style:none;margin:25px 0;padding:0;text-align:center}.page-navigator li{display:inline-block;margin:0 5px;height:24px;line-height:24px}.page-navigator a{padding:0 2px}.page-navigator .current a{color:#444;border-bottom:1px solid #444}.ajaxload li,.whisper .respond{display:none}.ajaxload .next{display:block;color:#666}.ajaxload a{padding:5px 20px;border:1px solid #666;border-radius:2px}.ajaxload a:hover{border-color:#333}.ajaxload .loading,.ajaxload .loading:hover,.post-content .more .loading{padding:5px;color:#333;border:0}.loading:after{content:"";display:block;position:absolute;top:auto;bottom:0;height:1px}#comments{margin-bottom:30px;border-top:1px solid #eee}.whisper .whisper-body{padding:20px 10px;background:0;border:0;border-bottom:1px solid #eee}.whisper .whisper-body:last-child{border:0}.whisper .whisper-body>div>.comment-content,.whisper .comment-meta,.whisper .comment-children{margin:1em 0 0 42px}.comment-meta .whisper-reply{position:absolute;right:0;bottom:0;font-size:.9em}.whisper .comment-body,.comment-parent>.comment-whisper{margin:0;padding:0;background:0;border:0}.whisper .comment-parent,.comment-whisper{margin-top:2px;padding:2px 5px;background:#e6e6e6;border:0;border-radius:2px}.whisper .comment-body .comment-content{line-height:20px}.whisper .comment-body .avatar{margin:2px 5px 0 0}.whisper .comment-parent>.comment-children{margin-left:5px}.comment-list li{margin-top:10px;padding:10px;border:1px solid #eee}.comment-level-odd,.comment-whisper{background:#f6f6f6}.comment-level-even{background:#fff}.comment-by-author,.whisper .comment-parent.comment-by-author,.comment-by-author>.comment-whisper{position:relative;background:#f2f7fc}.author-icon{font-size:.83em;display:block;position:absolute;top:8px;left:-15px;width:60px;height:15px;line-height:15px;text-align:center;background:linear-gradient(135deg,transparent 30%,rgba(230,230,230,.8) 0) left,linear-gradient(-135deg,transparent 30%,rgba(230,230,230,.8) 0) right;background-size:50% 100%;background-repeat:no-repeat}.comment-list li .comment-reply{text-align:right;font-size:.9em}.comment-meta time{color:#999;font-size:.875em}.comment-author{display:block;margin-bottom:3px;color:#444}.comment-author .avatar{float:left;margin-right:10px}.comment-author cite{font-weight:bold;font-style:normal}.comment-at{font-size:.875em;margin-right:5px;font-weight:bold}.comment-list .respond{margin-top:15px;border-top:1px solid #eee}.respond .cancel-comment-reply{float:right;margin-top:15px;font-size:.9em}.comment-form input{margin-bottom:10px}.comment-form .textarea{width:68%;margin:0 2% 0 0}.comment-form .textbutton{width:30%;margin:0}#comment-form button{width:100%;height:30px;border-radius:2px}#secondary{margin-left:75%;padding-top:15px;word-wrap:break-word}#secondary .more{display:block;font-size:.875em}.widget{margin-bottom:30px}.widget-list,.widget-tile,.links,#cornertool ul{list-style:none;padding:0}.widget-list li,#catalog-col li{margin:5px 0;line-height:1.6}.widget-list li ul{margin-left:15px}.widget-tile{margin-left:-5px;margin-right:-5px}.widget-tile li{display:inline-block;margin:5px;line-height:1.6;color:#666}#footer{font-size:.875em;padding:2em 0;line-height:1.5;text-align:center;border-top:1px solid #eee}#footer,#footer .links a,.icpnum{color:#999}.post-content .links{letter-spacing:-9em}.post-content .links li{display:inline-block;width:25%;letter-spacing:0}.post-content .links a{display:block;height:20px;line-height:20px;margin:5px 10px;padding:5px 10px;text-align:center;color:#444;background:#fcfcfc;border:0;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1)}.post-content .links a:hover{box-shadow:0 2px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3)}.post-content .links .l_logo{padding-left:40px}.l_logo img,.l_logo i{position:absolute;top:0;left:0;width:16px;height:16px;padding:7px;background:#ccc;overflow:hidden}.l_logo i{font:16px/1 Segoe UI Symbol}#footer .links,#cornertool ul{margin:0;text-align:center}#footer .links li{display:inline-block;margin:0 3px 2px}#cornertool{right:50%;margin-right:-580px}#cornertool .hidden{left:20px}#cornertool li{position:relative;display:block;left:0;width:40px;height:40px;line-height:40px;margin-top:5px;color:#fff;background:rgba(0,0,0,.7)}#top:before{content:"\25b2"}#top:hover:before{content:"Top"}#music:before{content:"\266b"}#music:hover:before{content:"\25b2"}#music:hover:before,#catalog.catalog span{transform:rotate(90deg);-webkit-transform:rotate(90deg)}#music.play:hover:before{content:"\3013";animation:0;-webkit-animation:0}.play:before{animation:play 5s linear infinite;-webkit-animation:play 5s linear infinite}@keyframes play{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes play{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}#music span{position:absolute;display:block;bottom:0;height:5px;width:0;background:#666;opacity:.7}#music.play span{width:100%}#music.play span i{display:block;height:100%;width:0;background:#eee}#catalog span,#catalog:before,#catalog:after{position:absolute;display:block;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:1px;background:currentColor}#catalog:before{content:"";margin-top:-5px}#catalog:after{content:"";margin-top:3px}#catalog.catalog{left:-5px}#catalog.catalog:before{margin:-4px 0 0 -11px;transform:rotate(-30deg);-webkit-transform:rotate(-30deg)}#catalog.catalog:after{margin:2px 0 0 -11px;transform:rotate(30deg);-webkit-transform:rotate(30deg)}.error-page{margin:100px 0;text-align:center}#archives li{margin:5px 0}@media(min-width:601px){.on .nav-menu{visibility:hidden;opacity:0}.menu-parent .menu-parent .menu-child{top:5px;left:-30px;transform:translateX(-100%);-webkit-transform:translateX(-100%)}.menu-parent .menu-parent:hover>.menu-child{left:-7px}.menu-parent .menu-parent .menu-child:before{top:7px;left:100%;margin:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid rgba(221,221,221,.95)}}@media(max-width:1170px){#catalog-col{right:65px;margin:0}#catalog-col.catalog{right:50px;margin:0}#cornertool{right:5px;margin:0}}@media(max-width:990px){#catalog-col.catalog{right:45px}#secondary{margin-left:72%}#cornertool li{width:35px;height:35px;line-height:35px}}@media(max-width:768px){#main{width:100%}#secondary{display:none}.post-title,.post-meta,.protected .post-content{text-align:center}}@media(max-width:600px){#nav-swith{margin:0}#nav-swith:before,#nav-swith:after{left:6px;width:18px;height:2px;background:currentColor;border:0;border-radius:0;transform:none;-ms-transform:none;-webkit-transform:none}#nav-swith:after{top:21px}#nav-swith span{visibility:visible}.on #nav-swith span{visibility:hidden;opacity:0}#nav{width:100%;max-height:0;overflow:hidden;text-align:center}.on #nav{max-height:240px}.head-fixed .on #nav{margin-bottom:5px}.nav-menu{max-height:200px;overflow:auto}.nav-menu li,.nav-menu a{display:block}.nav-menu a:hover{font-weight:bold;border:0}.menu-parent ul{position:relative;left:0;margin:0 auto;width:75%;visibility:visible;opacity:1;transform:none;-webkit-transform:none}.menu-parent .menu-parent .menu-child:before{border-bottom:7px solid rgba(221,221,221,.95)}#site-search{position:static;width:50%;margin:0 auto}.post-content .links li{width:33.33333%}.comment-form .textarea{width:58%}.comment-form .textbutton{width:40%}}@media(max-width:420px){.post-content .links li{width:50%}}
保存文件
模板文件
404.php
archive.php
comments.php
footer.php
functions.php
header.php
index.php
page-archives.php
page-links.php
page-whisper.php
page.php
post.php
sidebar.php
style.min.css
Typecho
由
Typecho
强力驱动, 版本 1.2.1
帮助文档
•
支持论坛
•
报告错误
•
资源下载