背包公園

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background-color: #330000;
}
.head {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(bgpicture.jpg);
background-repeat : no-repeat;
background-position : center;
border: #565 1px solid;
color: #330000;
font-family: monospace;
font-weight: bold;
margin: 1px;
padding: 200px 20px;
width:960px
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #330000;
padding: 15px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
.panel {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: dotted;
border-top-color: #44A2F2;
border-right-color: #44A2F2;
border-bottom-color: #44A2F2;
border-left-color: #44A2F2;
}
.catList {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#330000;
border: 1px solid #ffffa4;

color: #0033cc;
}
.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #26ff72;
}
.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #0033cc;
}
.article {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffa4;
}
.catName {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #33000;
text-align: center;
font-weight: bold;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #26ff72;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ff6dff;
text-decoration: underline;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #26ff72;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
}
a.post:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #26ff72;
}
a.post:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ff6dff;
}
a.post:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
}
a.post:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CC3300;
}
a.headLink:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #26ff72;
font-weight: bolder;
text-decoration: none;
}

a.headLink:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ff6dff;
font-weight: bolder;
text-decoration: none;
}
a.headLink:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ffffff;
font-weight: bolder;
text-decoration: none;
}
a.headLink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ffffa4;
font-weight: bolder;
text-decoration: none;
}
.desc{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #0033cc;
font-weight: bolder;
}

.comments-body {
font-family:verdana, arial, sans-serif;
color:#dcffff;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:10px;
}

.comments-post {
font-family:verdana, arial, sans-serif;
color:#26ff72;
font-size:10px;
font-weight:normal;
background:#330000;
}

.trackback-body {
font-family:verdana, arial, sans-serif;
color:#26ff72;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:10px;
}

.trackback-url {
font-family:verdana, arial, sans-serif;
color:#0033cc;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:10px;
border:1px dashed #CCC;
}

.trackback-post {
font-family:verdana, arial, sans-serif;
color:#0033cc;
font-size:10px;
font-weight:normal;
}

.comments-head{
font-family: georgia, verdana, arial, sans-serif;
font-size: 12px;
color: #ff6dff;
border:0px solid #999;
padding:5px;
font-weight:normal;
margin-top:10px;
}
.code {
font-family: "Courier New", Courier, mono;
font-size: 12px;
color: #26ff72;
background-color: #CCCCCC;
margin: 30px;
padding: 4px;
border: 1px solid #666666;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$blog->getBlog()}</title>
<meta http-equiv="Content-Type" content="text/html;charset={$locale->getCharset()}" />
<meta name="generator" content="{$version}" />
<meta http-equiv="Content-Language" content="{$locale->getLanguageId()}" />
<link rel="stylesheet" title="Default" href="{$url->getTemplateFile("styles.css")}" type="text/css" />
<link rel="alternate" type="text/xml" title="RSS 2.0" href="{$url->rssLink("rss20")}" />
<link rel="alternate" type="text/xml" title="RSS 1.0" href="{$url->rssLink("rss10")}" />
<link rel="alternate" type="text/xml" title="RSS 0.90" href="{$url->rssLink("rss090")}" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="{$url->rssLink("atom")}" />
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="5" class="head">&nbsp;&nbsp;<a href="{$url->blogLink()}" class="headLink">{$blog->getBlog()}</a>
</tr>

<tr>
<td colspan="2" class="footer">&copy;2004 TOTO.net &nbsp;&nbsp;&nbsp;Powered by <a href="http://www.plogworld.net" target="_blank">pLog</a> Original designed by Toto. </td></tr>