From 2e09ed0a2f993af73521c6f32f6585700a8227aa Mon Sep 17 00:00:00 2001
From: fen <fen1211@gmail.com>
Date: Tue, 22 Oct 2013 22:00:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=8F=9C=E5=8D=95=E5=8F=8A?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 usr/themes/replica/404.php    | 14 +++---
 usr/themes/replica/author.php |  2 +-
 usr/themes/replica/search.php |  2 +-
 usr/themes/replica/style.css  | 83 +++++++++++++++++++++++------------
 4 files changed, 63 insertions(+), 38 deletions(-)

diff --git a/usr/themes/replica/404.php b/usr/themes/replica/404.php
index 8dbbb6e3..9aca33b0 100644
--- a/usr/themes/replica/404.php
+++ b/usr/themes/replica/404.php
@@ -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'); ?>
diff --git a/usr/themes/replica/author.php b/usr/themes/replica/author.php
index 5737528b..03026bc8 100644
--- a/usr/themes/replica/author.php
+++ b/usr/themes/replica/author.php
@@ -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()): ?>
diff --git a/usr/themes/replica/search.php b/usr/themes/replica/search.php
index 25295a3c..4193fbc8 100644
--- a/usr/themes/replica/search.php
+++ b/usr/themes/replica/search.php
@@ -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">
diff --git a/usr/themes/replica/style.css b/usr/themes/replica/style.css
index bf88673d..44bf0bb6 100644
--- a/usr/themes/replica/style.css
+++ b/usr/themes/replica/style.css
@@ -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) {