菜单
控制台
概要
个人设置
插件
外观
编辑文件 style.css
备份
撰写
撰写文章
创建页面
管理
文章
独立页面
评论
分类
标签
文件
用户
友情链接
设置
基本
评论
阅读
永久链接
测试管理员
登出
网站
编辑文件 style.css
可以使用的外观
编辑
default
外观
设置外观
编辑源码
/* ------------------------------------ * Typecho Default Theme * * @author Typecho Team * @link http: //typecho.org/ * @update 2013-10-28 * --------------------------------- */ /* ------------------ * Global style * --------------- */ body { background-color: #FFF; color: #444; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ font-family: "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei","Microsoft Yahei", serif; font-size: 87.5%; } a { color: #3354AA; text-decoration: none; } a:hover, a:active { color: #444; } pre, code { background: #F3F3F3; font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace; font-size: .92857em; } code { padding: 2px 4px; color: #B94A48; } pre { padding: 8px; overflow: auto; max-height: 400px; } pre code { padding: 3px; color: #444; } blockquote { margin: 1em 0; padding-left: 1.5em; 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; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei","Microsoft Yahei", sans-serif; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea { padding: 5px; border: 1px solid #E9E9E9; width: 100%; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea { resize: vertical; } /* Special link style */ .post-meta a, .post-content a, .widget a, .comment-content a { border-bottom: 1px solid #EEE; } .post-meta a:hover, .post-content a:hover, .widget a:hover, .comment-content a:hover { border-bottom-color: transparent; } /* ------------------ * Header * --------------- */ #header { padding-top: 35px; border-bottom: 1px solid #EEE; } #logo { color: #333; font-size: 2.5em; } #logo img { max-height: 64px; } .description { margin: .5em 0 0; color: #999; font-style: italic; } /* Navigation menu */ #nav-menu { margin: 25px 0 0; padding: 0; } #nav-menu a { display: block; margin-right: -1px; padding: 0 20px; border: 1px solid #EEE; border-bottom: none; height: 32px; line-height: 32px; color: #444; float: left; } #nav-menu a:hover, #nav-menu .current { background: #F6F6F6; } /* Search */ #search { position: relative; margin-top: 15px; } #search input { padding-right: 30px; } #search button { position: absolute; right: 4px; top: 2px; border: none; padding: 0; width: 24px; height: 24px; background: transparent url(img/icon-search.png) no-repeat center center; direction: ltr; /* fix RTL language */ text-indent: -9999em; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #search button { background-image: url(img/icon-search@2x.png); -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; -o-background-size: 24px 24px; background-size: 24px 24px; } } /* ------------------ * Main * --------------- */ .post { padding: 15px 0 20px; border-bottom: 1px solid #EEE; } .post-title { margin: .83em 0; font-size: 1.4em; } .post-meta { margin-top: -0.5em; padding: 0; color: #999; font-size: .92857em; } .post-meta li { display: inline-block; margin: 0 8px 0 0; padding-left: 12px; border-left: 1px solid #EEE; } .post-meta li:first-child { margin-left: 0; padding-left: 0; border: none; } .post-content { line-height: 1.5; } .post .tags { clear: both; } .post-near { list-style: none; margin: 30px 0; padding: 0; color: #999; } .post-near li { margin: 10px 0; } .archive-title { margin: 1em 0 -1em; padding-top: 20px; color: #999; font-size: 1em; } .more { text-align: center; } .more a { border: none; } .protected .text { width: 50%; } /* Page nav */ .page-navigator { list-style: none; margin: 25px 0; padding: 0; text-align: center; } .page-navigator li { display: inline-block; margin: 0 4px; } .page-navigator a { display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; } .page-navigator a:hover { background: #EEE; text-decoration: none; } .page-navigator .current a { color: #444; background: #EEE; } /* ------------------ * Comment list * --------------- */ #comments { padding-top: 15px; } .comment-list, .comment-list ol { list-style: none; margin: 0; padding: 0; } .comment-list li { padding: 14px; margin-top: 10px; border: 1px solid #EEE; } .comment-list li.comment-level-odd { background: #F6F6F3; } .comment-list li.comment-level-even { background: #FFF; } .comment-list li.comment-by-author { background: #FFF9E8; } .comment-list li .comment-reply { text-align: right; font-size: .92857em; } .comment-meta a { color: #999; font-size: .92857em; } .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 reply */ .comment-list .respond { margin-top: 15px; border-top: 1px solid #EEE; } .respond .cancel-comment-reply { float: right; margin-top: 15px; font-size: .92857em; } #comment-form label { display: block; margin-bottom: .5em; font-weight: bold; } #comment-form .required:after { content: " *"; color: #C00; } /* ------------------ * secondary * --------------- */ #secondary { padding-top: 15px; word-wrap: break-word; } .widget { margin-bottom: 30px; } .widget-list { list-style: none; padding: 0; } .widget-list li { margin: 5px 0; line-height: 1.6; } .widget-list li ul { margin-left: 15px; } /* ------------------ * Footer * --------------- */ #footer { padding: 3em 0; line-height: 1.5; text-align: center; color: #999; } /* ----------------- * Error page * -------------- */ .error-page { margin-top: 100px; margin-bottom: 100px; } /* ----------------- * Content format *--------------- */ .post-content, .comment-content { line-height: 1.5; word-wrap: break-word; } .post-content h2, .comment-content h2 { font-size: 1.28571em; } .post-content img, .comment-content img, .post-content video, .comment-content video { max-width: 100%; } .post-content a img, .comment-content a img { background: #FFF; position: relative; bottom: -4px; /* hidden img parent link border */ } .post-content hr, .comment-content hr { margin: 2em auto; width: 100px; border: 1px solid #E9E9E9; border-width: 2px 0 0 0; } /* ----------------- * Misc *--------------- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } img.alignleft { margin: 0 15px 0 0; } img.alignright { margin: 0 0 0 15px; } /* ----------------- * Responsive *--------------- */ @media (max-width: 767px) { body { font-size: 81.25%; } #nav-menu a { float: none; display: inline-block; margin: 0 -2px; } } @media (max-width: 768px) { #header, .post-title, .post-meta { text-align: center; } } @media (min-width: 992px) { } @media (min-width: 1200px) { .container { max-width: 952px; } } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .sr-only { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .sr-only class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; }
保存文件
模板文件
404.php
archive.php
comments.php
footer.php
functions.php
grid.css
header.php
index.php
normalize.css
page.php
post.php
sidebar.php
style.css
Typecho
由
Typecho
强力驱动, 版本 1.2.1
帮助文档
•
支持论坛
•
报告错误
•
资源下载