完善菜单及错误页面

This commit is contained in:
fen 2013-10-22 22:00:47 +08:00
parent af95cff4ba
commit 2e09ed0a2f
4 changed files with 63 additions and 38 deletions

View File

@ -1,15 +1,15 @@
<?php $this->need('header.php'); ?>
<div class="col-mb-12 col-tb-8" id="content">
<div class="post">
<h2 class="entry-title">404 - <?php _e('页面没找到'); ?></h2>
<p>
<div class="col-mb-12 col-tb-8 col-tb-offset-2">
<div class="error-page">
<h2 class="post-title">404 - <?php _e('页面没找到'); ?></h2>
<p><?php _e('你想查看的页面已被转移或删除了,要不要搜索看看:'); ?></p>
<form method="post">
<div><input type="text" name="s" class="text" size="20" /> <input type="submit" class="submit" value="<?php _e('搜索'); ?>" /></div>
<p><input type="text" name="s" class="text" /></p>
<p><button type="submit" class="submit"><?php _e('搜索'); ?></button></p>
</form>
</p>
</div>
</div><!-- end #content-->
<?php $this->need('sidebar.php'); ?>
<?php $this->need('footer.php'); ?>

View File

@ -1,7 +1,7 @@
<?php $this->need('header.php'); ?>
<div class="col-mb-12 col-8" id="main">
<?php _e('%s 发布的文章', $this->author()); ?>
<h3 class="archive-title"><?php _e('%s 发布的文章', $this->author()); ?></h3>
<?php if ($this->have()): ?>
<?php while($this->next()): ?>

View File

@ -1,7 +1,7 @@
<?php $this->need('header.php'); ?>
<div class="col-mb-12 col-8" id="main">
<?php _e('%s 相关的搜索结果', $this->keywords()); ?>
<h3 class="archive-title"><?php _e('%s 相关的搜索结果', $this->keywords()); ?></h3>
<?php if ($this->have()): ?>
<?php while($this->next()): ?>
<article class="post">

View File

@ -8,7 +8,7 @@
/* ------------------
* gobal settings
* Gobal style
* --------------- */
body {
background-color: #F6F6F3;
@ -18,15 +18,6 @@ body {
font-size: 87.5%;
}
.container {
margin-bottom: 30px;
background-color: #FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
color: #467B96;
text-decoration: none;
@ -71,11 +62,22 @@ textarea {
resize: vertical;
}
.container {
padding-top: 20px;
margin-bottom: 30px;
background-color: #FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ------------------
* header
* Header
* --------------- */
#header {
text-align: center;
}
#logo {
@ -89,7 +91,7 @@ textarea {
font-style: italic;
}
/* navigation menu */
/* Navigation menu */
#nav-menu {
margin-top: 20px;
padding: 0;
@ -106,7 +108,10 @@ textarea {
color: #444;
}
/* search */
/* Search */
.site-search {
display: none;
}
#search {
position: relative;
margin-top: 15px;
@ -126,11 +131,13 @@ textarea {
text-indent: -9999em;
}
/* ------------------
* content
* Main
* --------------- */
#main {
}
.post {
padding: 20px 0;
border-bottom: 1px solid #E9E9E6;
@ -153,11 +160,12 @@ textarea {
.post-content {
line-height: 1.5;
}
.post-content img {
max-width: 100%;
.archive-title {
margin: 2em 0 -1em;
}
/* = pages nav */
/* Page nav */
.page-navigator {
list-style: none;
@ -186,7 +194,7 @@ textarea {
}
/* ------------------
* comment list
* Comment list
* --------------- */
#comments {
margin-top: 30px;
@ -235,12 +243,10 @@ textarea {
font-weight: bold;
font-style: normal;
}
.comment-content img {
max-width: 100%;
}
.comment-children li {
}
/* Comment reply */
.comment-list .respond {
margin-top: 15px;
border-top: 1px solid #E9E9E6;
@ -263,7 +269,7 @@ textarea {
}
/* ------------------
* sidebar
* Sidebar
* --------------- */
#sidebar {
padding-top: 20px;
@ -287,8 +293,9 @@ textarea {
.widget-list a:hover {
}
/* ------------------
* footer
* Footer
* --------------- */
#footer {
padding-bottom: 30px;
@ -299,15 +306,30 @@ textarea {
#footer a {
}
/* -----------------
* Error page
* -------------- */
.error-page {
margin-top: 100px;
margin-bottom: 100px;
}
/* -----------------
* Content format
*--------------- */
.post-content, .comment-content {
line-height: 1.5;
word-break: break-all;
word-wrap: break-word;
}
.post-content img, .comment-content img {
max-width: 100%;
}
/* -----------------
* misc
* Misc
*--------------- */
.aligncenter, div.aligncenter {
display: block;
@ -321,16 +343,17 @@ textarea {
float: right;
}
img.alignleft {
margin: 4px 15px 0 0;
margin: 5px 15px 0 0;
}
img.alignright {
margin: 4px 0 0 15px;
}
.alt {
color: #666;
margin: 5px 0 0 15px;
}
/* -----------------
* Responsive
*--------------- */
@media (min-width: 768px) {
.container {
margin-top: 50px;
@ -341,6 +364,8 @@ img.alignright {
@media (min-width: 992px) {
.container {
}
#header { text-align: left; }
.site-search { display: block; }
}
@media (min-width: 1200px) {