新模板雏形

This commit is contained in:
fen 2013-10-22 14:13:14 +08:00
parent 23c2ca68f0
commit 7d7048ea46
15 changed files with 115 additions and 79 deletions

View File

@ -1,10 +0,0 @@
<footer id="footer" class="col-mb-12">
<a href="<?php $this->options->siteurl(); ?>"><?php $this->options->title(); ?></a> <?php _e('is powered by'); ?> <a href="http://www.typecho.org">Typecho)))</a><br /><a href="<?php $this->options->feedUrl(); ?>"><?php _e('文章'); ?> RSS</a> and <a href="<?php $this->options->commentsFeedUrl(); ?>"><?php _e('评论'); ?> RSS</a>
</footer><!-- end #footer -->
</div>
</div>
<?php $this->footer(); ?>
</body>
</html>

View File

@ -16,8 +16,8 @@
body {
background: #fff;
color: #444;
font-size: 13px;
line-height: 1.6;
font: 13px;
line-height: 1.5;
font-family: Georgia, Times, "Times New Roman", STHeiti, serif;
}
@ -47,16 +47,15 @@ border-bottom-color: transparent;
}
pre, code {
font: 12px Menlo, Monaco, Consolas, "Courier New", monospace;
line-height: 1.5;
padding: 5px;
font: 12px/1.5 Menlo, Monaco, Consolas, "Courier New", monospace;
overflow-x: auto;
background: #F3F3F3;
border: 1px solid #E3E3E3;
}
code { margin-bottom: 20px; }
pre, code {
display: block;
overflow-x: auto;
background: #f4f4f4;
padding: 5px 10px;
border: 1px solid #eee;
code {
margin: 0 5px;
padding: 2px;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
@ -169,7 +168,7 @@ padding: 0 20px;
}
ul#nav_menu li.current a {
background: #fafafa;
background: #F9F9F9;
}
ul#nav_menu li a:hover {
text-decoration: underline;
@ -211,7 +210,6 @@ border: none;
.entry_data {
color: #999;
font-size: 12px;
}
.entry_data a {
@ -365,7 +363,6 @@ padding-top: 10px;
}
#comment_form label {
font-size: 12px;
color: #555;
display: block;
font-weight: bold;
@ -411,9 +408,8 @@ margin: 0;
list-style-type: none;
}
.widget ul li {
margin: 0;
margin: 5px 0;
padding: 0;
line-height: 24px;
}
/* ------------------

View File

@ -0,0 +1,15 @@
</div><!-- end .col-group -->
</div><!-- end .container -->
<footer id="footer">
<?php _e('Powered by'); ?> <a href="http://www.typecho.org">Typecho)))</a>
<br />
<a href="<?php $this->options->feedUrl(); ?>"><?php _e('文章'); ?> RSS</a>
&bull;
<a href="<?php $this->options->commentsFeedUrl(); ?>"><?php _e('评论'); ?> RSS</a>
</footer><!-- end #footer -->
<?php $this->footer(); ?>
</body>
</html>

View File

@ -21,12 +21,10 @@
<?php $this->header(); ?>
</head>
<body>
<header id="header" class="">
<div class="container">
<div class="col-group">
<div class="col-mb-12 col-8">
<div class="container">
<div class="col-group">
<header id="header" class="clearfix">
<div class="site-name col-mb-12 col-9">
<a id="logo" href="<?php $this->options->siteUrl(); ?>">
<?php if ($this->options->logoUrl): ?>
<img src="<?php $this->options->logoUrl() ?>" alt="<?php $this->options->title() ?>" />
@ -35,24 +33,22 @@
</a>
<p class="description"><?php $this->options->description() ?></p>
</div>
<section class="col-mb-12 col-offset-1 col-3">
<form id="search" method="post" action="/">
<input type="text" name="s" class="text" /> <input type="submit" class="submit" value="<?php _e('搜索'); ?>" />
<div class="site-search col-3">
<form id="search" method="post" action="./">
<input type="text" name="s" class="text" placeholder="<?php _e('输入关键字搜索'); ?>" />
<button type="submit" class="submit"><?php _e('搜索'); ?></button>
</form>
</section>
<nav id="nav-menu" class="col-mb-12">
<a<?php if($this->is('index')): ?> class="current"<?php endif; ?> href="<?php $this->options->siteUrl(); ?>"><?php _e('首页'); ?></a>
<?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
<?php while($pages->next()): ?>
<a<?php if($this->is('page', $pages->slug)): ?> class="current"<?php endif; ?> href="<?php $pages->permalink(); ?>" title="<?php $pages->title(); ?>"><?php $pages->title(); ?></a>
<?php endwhile; ?>
</nav>
</div>
</div>
</header><!-- end #header -->
<div class="container">
<div class="col-group">
</div>
<div class="col-mb-12">
<nav id="nav-menu">
<a<?php if($this->is('index')): ?> class="current"<?php endif; ?> href="<?php $this->options->siteUrl(); ?>"><?php _e('首页'); ?></a>
<?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
<?php while($pages->next()): ?>
<a<?php if($this->is('page', $pages->slug)): ?> class="current"<?php endif; ?> href="<?php $pages->permalink(); ?>" title="<?php $pages->title(); ?>"><?php $pages->title(); ?></a>
<?php endwhile; ?>
</nav>
</div>
</header><!-- end #header -->

Binary file not shown.

After

Width:  |  Height:  |  Size: 532 B

View File

@ -1,10 +1,10 @@
<?php
/**
* 这是 Typecho 系统的一套默认皮肤
* 这是 Typecho 0.9 系统的一套默认皮肤
*
* @package Typecho Default Theme
* @package Typecho Replica Theme
* @author fen
* @version 1.0.7
* @version 1.0
* @link http://typecho.org
*/
@ -19,7 +19,7 @@
<span><?php _e('作者:'); ?><?php $this->author(); ?></span>
<span><?php _e('时间:'); ?><?php $this->date('F j, Y'); ?></span>
<span><?php _e('分类:'); ?><?php $this->category(','); ?></span>
<a href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('没有评论', '1 条评论', '%d 条评论'); ?></a>
<a href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('添加评论', '1 条评论', '%d 条评论'); ?></a>
</div>
<div class="post-content">
<?php $this->content('阅读剩余部分...'); ?>

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -9,7 +9,7 @@
</section>
<?php endif; ?>
<!--<?php if (empty($this->options->sidebarBlock) || in_array('ShowRecentComments', $this->options->sidebarBlock)): ?>
<?php if (empty($this->options->sidebarBlock) || in_array('ShowRecentComments', $this->options->sidebarBlock)): ?>
<section class="widget">
<h3 class="widget-title"><?php _e('最近回复'); ?></h3>
<ul class="widget-list">
@ -19,7 +19,7 @@
<?php endwhile; ?>
</ul>
</section>
<?php endif; ?>-->
<?php endif; ?>
<?php if (empty($this->options->sidebarBlock) || in_array('ShowCategory', $this->options->sidebarBlock)): ?>
<section class="widget">

View File

@ -10,17 +10,17 @@
/* ------------------
* gobal settings
* --------------- */
html {
background-color: #F6F6F3;
}
body {
background-color: #FFF;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .875em;
background-color: #F6F6F3;
color: #444;
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: Georgia, "Times New Roman", STHeiti, serif;
font-size: 87.5%;
}
.container {
color: #444;
margin: 50px auto 30px;
background-color: #FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@ -32,14 +32,22 @@ a {
text-decoration: none;
}
a:hover {
color: #444;
text-decoration: underline;
}
pre, code {
font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
}
.serif {
font-family: Cambria, Georgia, "Times New Roman", Times, STHeiti, serif;
input[type="text"], input[type="email"], input[type="url"] {
padding: 5px;
border: 1px solid #E3E3E0;
width: 100%;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ------------------
@ -47,28 +55,53 @@ pre, code {
* --------------- */
#header {
padding-top: 50px;
border-bottom: 1px solid #DDD;
}
#logo {
color: #333;
font-size: 2em;
font-weight: bold;
}
.description {
margin: 0;
margin: .5em 0 0;
color: #999;
font-style: italic;
}
/* navigation menu */
#nav-menu {
margin-top: 30px;
padding-bottom: 15px;
border-bottom: 3px double #E9E9E6;
}
#nav-menu a {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
margin-right: 16px;
padding-right: 20px;
border-right: 1px solid #E9E9E6;
}
#nav-menu .current {
color: #444;
}
/* 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;
text-indent: -9999em;
}
/* ------------------
@ -85,8 +118,12 @@ pre, code {
.post-meta {
margin-top: -0.5em;
color: #999;
font-size: .92857em;
}
.post-meta a {
.post-meta span {
margin-right: 6px;
padding-right: 10px;
border-right: 1px solid #E9E9E6;
}
.post-content {
line-height: 1.5;
@ -196,18 +233,15 @@ ol.comment-list li .respond {
width: 100%;
height: 180px;
}
ol#comment-list li .respond .text {
-width: 400px;
}
ol#comment-list li .respond textarea {
-width: 400px;
}
/* ------------------
* sidebar
* --------------- */
#sidebar {
padding-top: 20px;
}
.widget {
margin-bottom: 30px;
}
.widget-title {
font-size: 1em;
@ -215,18 +249,22 @@ ol#comment-list li .respond textarea {
.widget-list {
list-style: none;
padding: 0;
line-height: 1.5;
}
.widget-list li {
margin: 5px 0;
line-height: 1.5;
}
.widget-list a {
color: #999;
.widget-list a:hover {
}
/* ------------------
* footer
* --------------- */
#footer {
padding-bottom: 30px;
line-height: 1.5;
text-align: center;
color: #666;
}
#footer a {
}
@ -258,6 +296,7 @@ img.alignright {
@media (min-width: 768px) {
.container {
padding: 60px;
}
}