|
@@ -0,0 +1,157 @@
|
|
|
+<style>
|
|
|
+ .comment-respond {
|
|
|
+ background: white;
|
|
|
+ box-shadow: 0 0 2px 0 rgba(58, 58, 58, 0.2);
|
|
|
+ padding: 1.5em 4.6875375%;
|
|
|
+}
|
|
|
+
|
|
|
+.guestbook {
|
|
|
+ width: 100%;
|
|
|
+ float: left;
|
|
|
+ padding-bottom: 3em;
|
|
|
+}
|
|
|
+
|
|
|
+.guestbook h2 span {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+@media only screen and (max-width: 767px) {
|
|
|
+ .comment-respond {
|
|
|
+ background: white;
|
|
|
+ box-shadow: 0 0 2px 0 rgba(58, 58, 58, 0.2);
|
|
|
+ padding: 1.5em 7.50006%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+h3 {
|
|
|
+ font-size: 1.125em;
|
|
|
+ /* 18px / 16px */
|
|
|
+ line-height: 1.333;
|
|
|
+ /* 24px */
|
|
|
+}
|
|
|
+.comment-respond p{
|
|
|
+ margin: 1.125em 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-respond p.comment-notes {
|
|
|
+ margin: 1.5em 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-respond label {
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 6px;
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 0.875em;
|
|
|
+ line-height: 1.715;
|
|
|
+}
|
|
|
+
|
|
|
+input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]):not([type="image"]), textarea {
|
|
|
+ width: 100%;
|
|
|
+ font-family: "Roboto", "Open Sans", sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ padding: 10px 12px;
|
|
|
+ max-width: 27.75em;
|
|
|
+ min-height: 26px;
|
|
|
+ background: #F7F7F7;
|
|
|
+ color: #333333;
|
|
|
+ border: solid 1px #D4D4D4;
|
|
|
+ border-radius: 0;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ -webkit-transition: background 0.2s;
|
|
|
+ transition: background 0.2s;
|
|
|
+}
|
|
|
+
|
|
|
+textarea {
|
|
|
+ max-width: 41.625em;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.comment-respond p.form-submit {
|
|
|
+ margin-top: 2.25em;
|
|
|
+}
|
|
|
+
|
|
|
+input[type="submit"]{
|
|
|
+ font-size: 0.75em;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+
|
|
|
+input[type="submit"] {
|
|
|
+ font-family: "Roboto", "Open Sans", sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ padding: 10px 12px;
|
|
|
+ color: #333333;
|
|
|
+ border: solid 1px #333333;
|
|
|
+ background: none;
|
|
|
+ border-radius: 0;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ -webkit-transition: all 0.2s;
|
|
|
+ transition: all 0.2s;
|
|
|
+}
|
|
|
+
|
|
|
+.pager{
|
|
|
+ margin-left: 10%;
|
|
|
+ width: 60%;
|
|
|
+ background: red;
|
|
|
+}
|
|
|
+
|
|
|
+ul.pager li:first-child {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+ul.pager li:last-child{
|
|
|
+ float: left;
|
|
|
+ margin-left: 30%;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
+<div class="box">
|
|
|
+ <div class="newsview">
|
|
|
+ <h2>留言</h2>
|
|
|
+ <div class="news_infos">
|
|
|
+ <p>有什么想告诉我说的, 就在这吧ヾ(✿゚▽゚)ノ</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- #respond -->
|
|
|
+ <div id="respond" class="comment-respond">
|
|
|
+ <h3 id="reply-title" class="comment-reply-title">Leave a Reply</h3>
|
|
|
+ <form action="{:url('blog/index/saveguestbook')}" method="post" id="commentform" class="comment-form" novalidate="">
|
|
|
+ <p class="comment-notes"><span id="email-notes">我会妥善保存你的邮箱哒(`・ω・´).</span> 必填项已标记<span class="required">*</span></p>
|
|
|
+ <p class="comment-form-comment">
|
|
|
+ <label for="comment">Comment</label>
|
|
|
+ <textarea required="" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
|
|
|
+ </p>
|
|
|
+ <p class="comment-form-author">
|
|
|
+ <label for="author">Name*</label>
|
|
|
+ <input id="author" name="author" type="text" placeholder="Jane Doe" value="" size="26">
|
|
|
+ </p>
|
|
|
+ <p class="comment-form-email">
|
|
|
+ <label for="email">Email*</label>
|
|
|
+ <input id="email" name="email" type="email" placeholder="name@email.com" value="" size="26">
|
|
|
+ </p>
|
|
|
+ <p class="comment-form-url">
|
|
|
+ <label for="url">Website</label>
|
|
|
+ <input id="url" name="url" type="url" placeholder="http://google.com" value="" size="26">
|
|
|
+ </p>
|
|
|
+ <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment">
|
|
|
+ <!-- <input type="hidden" name="comment_post_ID" value="23" id="comment_post_ID">
|
|
|
+ <input type="hidden" name="comment_parent" id="comment_parent" value="0"> -->
|
|
|
+ </p>
|
|
|
+ </form>
|
|
|
+ </div><!-- #respond end-->
|
|
|
+ <div class="blank"></div>
|
|
|
+ <div class="guestbook">
|
|
|
+ {foreach $data as $val}
|
|
|
+ <div class="bloglist">
|
|
|
+ <div>
|
|
|
+ <h2>{$val.author} <span>{$val.time|date="Y/m/d", ###}</span></h2>
|
|
|
+ </div>
|
|
|
+ <p>{$val.comment}</p>
|
|
|
+ </div>
|
|
|
+ {/foreach}
|
|
|
+ {php}$counts = count($data);{/php}
|
|
|
+ {lt name="counts" value="15"}
|
|
|
+ <p style="text-align: center;">全都给你了, 没有更多啦(╥╯^╰╥).</p>
|
|
|
+ {/lt}
|
|
|
+ <div class="pagelist">
|
|
|
+ {$data->render()}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|