修改默认模板结构

This commit is contained in:
fen 2013-10-28 16:48:34 +08:00
parent 0cc1c41f37
commit fa2acccb36
4 changed files with 47 additions and 54 deletions

View File

@ -1,6 +1,8 @@
</div><!-- end .col-group -->
</div><!-- end .container -->
</div><!-- end .col-group -->
</div>
</div><!-- end #body -->
<footer id="footer">
&copy; <?php echo date('Y'); ?> <a href="<?php $this->options->siteUrl(); ?>"><?php $this->options->title(); ?></a>.

View File

@ -21,9 +21,10 @@
<?php $this->header(); ?>
</head>
<body>
<div class="container">
<div class="col-group">
<header id="header" class="clearfix">
<header id="header" class="clearfix">
<div class="container">
<div class="col-group">
<div class="site-name col-mb-12 col-9">
<a id="logo" href="<?php $this->options->siteUrl(); ?>">
<?php if ($this->options->logoUrl): ?>
@ -48,7 +49,12 @@
<?php endwhile; ?>
</nav>
</div>
</header><!-- end #header -->
</div><!-- end .col-group -->
</div>
</header><!-- end #header -->
<div id="body">
<div class="container">
<div class="col-group">

View File

@ -1,4 +1,4 @@
<div class="col-mb-12 col-offset-1 col-3" id="sidebar">
<div class="col-mb-12 col-offset-1 col-3" id="secondary">
<?php if (empty($this->options->sidebarBlock) || in_array('ShowRecentPosts', $this->options->sidebarBlock)): ?>
<section class="widget">
<h3 class="widget-title"><?php _e('最新文章'); ?></h3>
@ -9,7 +9,6 @@
</section>
<?php endif; ?>
<?php if (0): ?>
<?php if (empty($this->options->sidebarBlock) || in_array('ShowRecentComments', $this->options->sidebarBlock)): ?>
<section class="widget">
<h3 class="widget-title"><?php _e('最近回复'); ?></h3>
@ -21,7 +20,6 @@
</ul>
</section>
<?php endif; ?>
<?php endif; ?>
<?php if (empty($this->options->sidebarBlock) || in_array('ShowCategory', $this->options->sidebarBlock)): ?>
<section class="widget">

View File

@ -11,15 +11,15 @@
* Gobal style
* --------------- */
body {
background-color: #F6F6F3;
background-color: #FFF;
color: #444;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
/*font-family: Georgia, "Times New Roman", STHeiti, serif;*/
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
font-family: Georgia, "Times New Roman", serif;
font-size: 87.5%;
}
a {
color: #467B96;
color: #3354AA;
text-decoration: none;
}
a:hover {
@ -28,7 +28,7 @@ a:hover {
}
pre, code {
padding: 2px 4px;
background: #F3F3F0;
background: #F3F3F3;
font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
font-size: .92857em;
}
@ -42,16 +42,20 @@ pre code { padding: 0; }
blockquote {
margin: 1em 1.5em;
padding-left: 1.5em;
border-left: 4px solid #E9E9E6;
border-left: 4px solid #E9E9E9;
color: #777;
}
h1, h2, h3 {
font-weight: normal;
}
input[type="text"],
input[type="email"],
input[type="url"],
textarea {
padding: 5px;
border: 1px solid #E3E3E0;
border: 1px solid #E9E9E9;
width: 100%;
border-radius: 2px;
@ -63,30 +67,20 @@ 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;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
/* ------------------
* Header
* --------------- */
#header {
padding-top: 35px;
border-bottom: 1px solid #E9E9E9;
text-align: center;
}
#logo {
color: #333;
font-size: 2em;
font-weight: bold;
font-size: 2.5em;
}
.description {
margin: .5em 0 0;
@ -96,20 +90,20 @@ textarea {
/* Navigation menu */
#nav-menu {
margin-top: 20px;
margin: 25px 0 -1px;
padding: 0;
border-bottom: 1px solid #E9E9E6;
}
#nav-menu a {
display: inline-block;
margin-right: -4px;
padding: 5px 20px 10px;
border-right: 1px solid #E9E9E6;
}
#nav-menu a:hover { text-decoration: none; }
#nav-menu .current {
padding: 8px 20px;
border: 1px solid #EEE;
color: #444;
}
#nav-menu a:hover,
#nav-menu .current {
background: #F6F6F6;
}
/* Search */
.site-search {
@ -143,7 +137,7 @@ textarea {
.post {
padding: 20px 0;
border-bottom: 1px solid #E9E9E6;
border-bottom: 1px solid #E9E9E9;
}
.post-title {
margin: .83em 0;
@ -158,7 +152,7 @@ textarea {
display: inline-block;
margin: 0 8px;
height: 12px;
border-right: 1px solid #E9E9E6;
border-right: 1px solid #E9E9E9;
}
.post-content {
line-height: 1.5;
@ -190,13 +184,13 @@ textarea {
line-height: 24px;
}
.page-navigator a:hover {
background: #F3F3F0;
background: #EEE;
text-decoration: none;
}
.page-navigator .current a {
color: #444;
background: #F3F3F0;
background: #EEE;
}
/* ------------------
@ -213,7 +207,7 @@ textarea {
.comment-list li {
padding: 14px;
margin-top: 10px;
border: 1px solid #E9E9E6;
border: 1px solid #E9E9E9;
}
.comment-list li.comment-level-odd {
background: #F6F6F3;
@ -255,7 +249,7 @@ textarea {
/* Comment reply */
.comment-list .respond {
margin-top: 15px;
border-top: 1px solid #E9E9E6;
border-top: 1px solid #E9E9E9;
}
.respond .cancel-comment-reply {
float: right;
@ -275,9 +269,9 @@ textarea {
}
/* ------------------
* Sidebar
* secondary
* --------------- */
#sidebar {
#secondary {
display: none;
padding-top: 20px;
word-wrap: break-word;
@ -286,7 +280,6 @@ textarea {
margin-bottom: 30px;
}
.widget-title {
font-size: 1em;
}
.widget-list {
list-style: none;
@ -304,7 +297,7 @@ textarea {
* Footer
* --------------- */
#footer {
padding-bottom: 30px;
padding: 3em 0;
line-height: 1.5;
text-align: center;
color: #999;
@ -335,7 +328,7 @@ textarea {
.post-content hr, .comment-content hr {
margin: 2em auto;
width: 100px;
border: 1px solid #E9E9E6;
border: 1px solid #E9E9E9;
border-width: 2px 0 0 0;
}
@ -367,18 +360,12 @@ img.alignright {
*--------------- */
@media (min-width: 768px) {
.container {
margin-top: 50px;
padding: 60px;
}
}
@media (min-width: 992px) {
.container {
}
#header { text-align: left; }
.site-search { display: block; }
#sidebar { display: block; }
#secondary { display: block; }
}
@media (min-width: 1200px) {