id
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Chain GuestBook</title>
<!--
<link rel="stylesheet" href="style.css" media="all" type="text/css" />
<script type="text/javascript" src="berlinix.js" ></script>
-->
</head>
<body>
怎么称呼你:<input type="text" name="username"><br />
<form><input type="checkbox" value="isprivcy" id="cb">
<label for="cb">是否只让chain看?</label> <br />
<div class="sep"></div>
<div id="comment-box">
<div class="comments" comment_id="1">
<div class="content">
<div class="guest"><a href="www.douban.com" target="_blank">Guest_Name</a>
<span class="post_by"> | 2012-05-14 16:56:11</span>
<span class="reply_btn"> ·Reply </span>
</div>
<p class="text">1 一阵好一阵不好,周期性变化 2 6-7 有时三四十分钟午觉 3 是的(可能做不到每天做不到十五分钟但上下浮动不超过两天五分钟
1 一阵好一阵不好,周期性变化 2 6-7 有时三四十分钟午觉 3 是的(可能做不到每天做不到十五分钟但上下浮动不超过两天五分钟
1 一阵好一阵不好,周期性变化 2 6-7 有时三四十分钟午觉 3 是的(可能做不到每天做不到十五分钟但上下浮动不超过两天五分钟
1 一阵好一阵不好,周期性变化 2 6-7 有时三四十分钟午觉 3 是的(可能做不到每天做不到十五分钟但上下浮动不超过两天五分钟
</p>
</div>
</div>
</div>
<div id="comment-box">
<div class="comments" comment_id="2">
<div class="content">
<div class="guest">Guest_Name
<span class="post_by"> | 2012-05-14 16:56:11</span>
<span class="reply_btn"> ·Reply </span>
</div>
<p class="text">1 一阵好一阵不好,周期性变化 2 6-7 有时三四十分钟午觉 3 是的(可能做不到每天做不到十五分钟但上下浮动不超过两天五分钟</p>
<div id="reply-box">
<p class="text">chain: 已回复</p>
</div>
<div id="more-reply-box">
<p class="text">Guest_Name: 再回复</p>
</div>
</div>
</div>
</div>
</body>
</html>
body {
padding: 0px;
margin: 0px;
font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "STHeiti", "Monaco";
background-color: #D6D5D2;
background-image: url("/static/img/bg.png");
min-width: 900px;
}
a:link, a:visited, a:active {
color: #2e8b57;
text-decoration: none;
}
a:hover {
color: #CA226B;
text-decoration: non-underline;
}
/* id */
#comment-box {
width: 1024px;
margin: 30px auto 0px auto;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 8px;
border: 2px solid rgba(0,0,0,0.25);
padding: 10px;
color: #1C1C1C;
font-size: 14px;
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 10.42);
-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 10.42);
}
#reply-box {
width: 1000px;
margin: 10px auto 0px auto;
background-color: #FFECEC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 8px;
border: 2px solid rgba(0,0,0,0.45);
padding: 10px;
color: #696969;
font-size: 14px;
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.42);
-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.42);
}
#more-reply-box {
width: 1000px;
margin: 10px auto 0px auto;
background-color: #EEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 8px;
border: 2px solid rgba(0,0,0,0.45);
padding: 10px;
color: #1C1C1C;
font-size: 14px;
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.42);
-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.42);
}
/* class */
.sep {
margin: 10px 0px 10px 0px;
border-top: 2px solid #f0f0f0;
}
.guest {
color: #296386;
}
.reply_btn {
float: right
}