<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<meta content='GWGgp/NB6IXNcjSWRSnwinNduxUiVSTNeTzbQGwRt4M=' name='verify-v1'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
* Blogger Template Style
* Herbert
*
* by Jason Sutter
* Updated by Blogger Team
*/
/*
* Variable definitions
* ====================
<Variable name="mainBgColor" description="Page Background Color"
type="color" default="#ffffff" / value="#000000">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#000000" / value="#008000">
<Variable name="titleBgColor" description="Blog Title Background Color"
type="color" default="#ff4500" / value="#008000">
<Variable name="titleColor" description="Blog Title Color"
type="color" default="#fffafa"/ value="#000000">
<Variable name="descriptionBgColor" description="Description Background Color"
type="color" default="#ffebcd" / value="#000000">
<Variable name="descriptionColor" description="Blog Description Color"
type="color" default="#9e5205" / value="#008000">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#777777" / value="#008000">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#555555" / value="#00ff00">
<Variable name="postTitleBgColor" description="Post Title Background Color"
type="color" default="#eeeeee" / value="#004000">
<Variable name="postFooterColor" description="Post Footer Color"
type="color" default="#444444" / value="#004000">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#de7008" / value="#00ff00">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#e0ad12" / value="#004000">
<Variable name="sidebarTitleColor" description="Sidebar Title Color"
type="color" default="#ff4500" / value="#008000">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#999999" / value="#00ff00">
<Variable name="sidebarVisitedLinkColor"
description="Sidebar Visited Link Color"
type="color" default="#de7008" / value="#004000">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 90% 'Trebuchet MS', Trebuchet, Verdana, Sans-Serif" / value="normal normal 79% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="titleFont" description="Blog Title Font"
type="font" default="normal bold 266% Verdana, Sans-Serif" / value="normal bold 187% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="descriptionFont" description="Blog Description Font"
type="font" default="normal bold 85% Verdana, Sans-Serif" / value="normal bold 85% Verdana, sans-serif">
<Variable name="postTitleFont" description="Post Title Font"
type="font" default="normal bold 110% Verdana, Sans-serif" value="normal bold 110% Verdana, Sans-serif">
<Variable name="sidebarTitleFont" description="Sidebar Title Font"
type="font" default="normal bold 125% Verdana, Sans-Serif" / value="normal bold 100% Verdana, Sans-Serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="left">
*/
body {
margin: 0px;
padding: 0px;
background: $mainBgColor;
color: $mainTextColor;
font: $bodyFont;
}
a {
color: $mainLinkColor;
text-decoration: none;
}
a:hover {
color: $mainVisitedLinkColor;
text-decoration: underline;
}
a:visited {
color: $mainVisitedLinkColor;
}
a img {
border: 0;
}
@media all {
div#main-wrapper {
float: $startSide;
width: 72%;
padding-top: 0;
padding-$endSide: 1em;
padding-bottom: 0px;
padding-$startSide: 1em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
div#sidebar-wrapper {
margin: 0px;
padding: 35px;
text-align: $endSide;
}
div#sidebar {
width: 25%;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
#content-wrapper {
margin-$endSide: 1em;
}
@media handheld {
div#main-wrapper {
float: none;
width: 90%;
}
div#sidebar-wrapper {
padding-top: 20px;
padding-$endSide: 1em;
padding-bottom: 0;
padding-$startSide: 1em;
text-align: $startSide;
}
}
#header {
padding-top: 0px;
padding-$endSide: 0px;
padding-bottom: 8px;
padding-$startSide: 0px;
margin-top: 0px;
margin-$endSide: 0px;
margin-bottom: 20px;
margin-$startSide: 0px;
border-bottom: solid 2px $postTitleBgColor;
border-top: solid 2px $descriptionBgColor;
background: $descriptionBgColor;
color: $descriptionColor;
}
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnMMvmJSOQzhyK9f1RUhojYoYBtqRLgoWtzGQmV_N3sJdlBV18FpaueRHi3IMK-6at4npw6odc9aarQbYOpl68c4KKtuKNuM9JF0SwrM9PQ_Bjhje6AMXaKCiHcDJ_yLVWdwc9cHFwgOM/s1600/Code_BG.gif) left top repeat-y;
border: 1px dashed #00ff00;
margin:2px 3px;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}
blockquote {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
background: #191919;
margin:1em 20px;
border:1px dashed #333333;
padding-left: 1ex;
}
h1 a:link {
color: $titleColor;
}
h1 a:visited {
color: $titleColor;
}
h1 {
padding-top: 18px;
padding-$endSide: 0px;
padding-bottom: 10px;
padding-$startSide: 5%;
margin-top: 0px;
margin-$endSide: 10px;
margin-bottom: 8px;
margin-$startSide: 0px;
border-top: solid 9px $sidebarTitleColor;
border-bottom: solid 1px $descriptionColor;
color: $titleColor;
background: $titleBgColor;
font: $titleFont;
}
.description {
padding-top: 0px;
padding-$endSide: 0px;
padding-bottom: 0px;
padding-$startSide: 5%;
margin: 0px;
color: $descriptionColor;
background: transparent;
font: $descriptionFont;
}
h3 {
margin-top: 0px;
margin-$endSide: 10px;
margin-bottom: 10px;
margin-$startSide: 0px;
padding-top: 2px;
padding-$endSide: 0px;
padding-bottom: 2px;
padding-$startSide: 2px;
color: $postTitleColor;
background: $postTitleBgColor;
font: $postTitleFont;
}
h3.post-title a,
h3.post-title a:visited {
color: $postTitleColor;
}
h2.date-header {
margin-top: 10px;
margin-$endSide: 0px;
margin-bottom: 0px;
margin-$startSide: 0px;
padding-top: 0px;
padding-$endSide: 0px;
padding-bottom: 0px;
padding-$startSide: 2%;
color: $dateHeaderColor;
font-size: 90%;
text-align: $startSide;
}
#sidebar h2 {
margin: 0px;
color: $sidebarTitleColor;
font: $sidebarTitleFont;
padding: 0px;
border: none;
}
#sidebar .widget {
margin-top: 0px;
margin-$endSide: 0px;
margin-bottom: 33px;
margin-$startSide: 5px;
padding: 0;
}
#sidebar ul {
list-style-type: none;
font-size: 95%;
margin-top: 0;
}
#sidebar li {
margin: 5px;
padding: 0px;
list-style-type: none;
font-size: 105%;
}
.Blog {
margin-top: 20px;
}
.blog-posts, .feed-links {
margin-$startSide: 10px;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.post {
margin-top: 0;
margin-$endSide: 0;
margin-bottom: 30px;
margin-$startSide: 0;
font-size: 100%;
}
.post-body {
margin-top: 0;
margin-$endSide: 6px;
margin-bottom: 0;
margin-$startSide: 5px;
}
.post strong {
font-weight: bold;
}
#sidebar a {
text-decoration: none;
}
#sidebar a:link,
#sidebar a:visited {
color: $sidebarLinkColor;
}
#sidebar a:active,
#sidebar a:hover {
color: $sidebarVisitedLinkColor;
}
pre,code,strike,blockquote {
color: #666666;
}
.post-footer {
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 5px;
margin: 0px;
color: $postFooterColor;
font-size: 80%;
}
#comments {
padding-top: 2px;
padding-$endSide: 0px;
padding-bottom: 2px;
padding-$startSide: 5px;
font-size: 110%;
font-weight: bold;
font-family: Verdana,Sans-Serif;
}
.comment-author {
margin-top: 20px;
}
.comment-body {
margin-top: 10px;
font-size: 100%;
font-weight: normal;
color: $mainTextColor;
}
.comment-footer {
padding: 0px;
margin-bottom: 20px;
color: $postFooterColor;
font-size: 80%;
font-weight: normal;
display: inline;
margin-$endSide: 10px;
}
.deleted-comment {
font-style: italic;
color: gray;
}
.comment-link {
margin-$startSide: .6em;
}
/* Profile
----------------------------------------------- */
.profile-textblock {
clear: both;
margin-$startSide: 0;
}
.profile-img {
margin-top: 0;
margin-$endSide: 0;
margin-bottom: 5px;
margin-$startSide: 5px;
float: $endSide;
}
.BlogArchive #ArchiveList {
float: $endSide;
}
.widget-content {
margin-top: 0.5em;
}
#sidebar .widget {
clear: both;
}
#blog-pager-newer-link {
float: $startSide;
}
.blog-pager-older-link {
float: $endSide;
}
.blog-pager {
text-align: center;
}
.clear {
clear: both;
}
/** Tweaks for subscribe widget */
.widget-content .subscribe-wrapper {
float: left;
clear: left;
margin: .2em;
font-family: Arial,Sans-Serif;
}
/** Tweaks for layout editor mode */
body#layout #outer-wrapper {
margin-top: 10px;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a>
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='iCNPunk --- Chinese National Punk (Header)' type='Header'/>
</b:section>
</div>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML4' locked='false' title='Search This Blog' type='HTML'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML3' locked='false' title='Comments Here' type='HTML'/>
<b:widget id='TextList1' locked='false' title='Connect' type='TextList'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/>
<b:widget id='HTML2' locked='false' title='Music Player' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
</body>
</html>Monday, December 15, 2008
我又回来了<附博客模板>
以前自己建的博客挂掉了。。。所有文章丢失。。。我的心啊~~~只好回来了，还是Google的东西好哈，以前觉得Blogger的模板难看，网上找的又总用不了。为了稳定只好牺牲一下。我不太喜欢太复杂的模板，现在这个是用Blogger提供的基础模板Herbert上修改的，这个样子个人觉得还算满意。现在给出模板的代码，喜欢的就拿去吧：
Subscribe to:
Posts (Atom)
Posts
