color box

t01.jpg

現在、共有テンプレートでは配布しておりません。
html









<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>





<%topentry_year>/<%topentry_month>/<%topentry_day> (<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute>:<%topentry_second>

<%topentry_title>

<%topentry_body>
    ≫ read more <%topentry_more>
trackback (<%topentry_tb_num>) | Trackback(-) comment (<%topentry_comment_num>) | comment(-) <%topentry_category>
comment
<%comment_title>
<%comment_mail+name> #<%comment_trip>
<%comment_body>
<%comment_year>/<%comment_month>/<%comment_day>(<%comment_wayoubi>) <%comment_hour>:<%comment_minute>:<%comment_second> | <%comment_url+str> | edit
URL:
Comment:
Pass:
Secret: 管理者にだけ表示を許可する
 
コメントを編集する
Name:
Subject:
Mail:
Comment:
Pass:
Secret: 管理者にだけ表示を許可する
   
trackback
この記事のトラックバックURL
この記事へのトラックバック
<%tb_excerpt>
<%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | <%tb_blog_name>
<%introduction>

css
@charset "utf-8";
*{
  margin: 0;
  padding: 0;
}

body{
  font-family: Meiryo, Verdana, Helvetica, "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif;
  font-size: 11px; 
  text-align: center;
}

/* link */
a{
  color: #000;
  text-decoration:none;
  }
a:hover{
  color: #fff;
  background-color: #000;
}

/* h */
h1{
  font-size: 15px;
  font-family:Verdana, Geneva, Arial, Helvetica,'Comic Sans MS', sans-serif;
  font-weight: bold;
}
h1 a{ color: #fff; }
h2{
  color: #a7001f;
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #000;
  }

#base{
  width: 800px;
  margin: 0 auto;
}

/* main */
#main{
  float: right;
  width: 500px;
  text-align: left;
}

/* admin */
#admin{
  text-align: right;
  padding: 20px 0 0 0;
  margin-bottom: 50px;
}
#admin ul{
  list-style-type: none;
  padding-top: 5px;
}
#admin ul li{
  margin-left: 10px;
  display: inline;
}
#admin ul li a{
  color: #000;
}
#admin ul li a:hover{
  color: #fff;
}

/* entry */
.entry_text, .more_text{
  margin: 10px 0 0 0;
}
.data{
  margin-top: 20px;
  text-align: right;
}

/* comment */

.comment_title{
  font-weight: bold;
  margin: 20px 0;
}
.comment_name{ font-weight: bold; }
.comment_text{ margin: 7px 0 0 30px; }
.comment_data{
  text-align: right;
  padding: 0 5px 2px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.comment_form{ margin: 50px 0 20px 0; }
.comment_form_text {
  width: 300px;
  margin: 7px 0;
  border: 1px solid #000;
  background-color: #fff;
}
.comment_form_textarea {
  width: 300px;
  margin: 7px 0;
  border: 1px solid #000;
  background-color: #fff;
}
.comment_form_pass {
  margin: 7px 0;
  border: 1px solid #000;
  background-color: #fff;
}
.comment_form_check {
  margin: 7px 0;
  border: 1px solid #000;
  background-color: #fff;
}
.comment_form_button {
  width: 100px;
  margin: 7px 0;
  color: #fff;
  font-weight: bold;
  border: 1px solid #000;
  background-color: #000;
}

/* trackback */
.trackback_title{ margin: 20px 0 10px 0; }
.trackback_text{ margin: 0 0 10px 20px; }
.trackback_name{
  font-weight: bold;
  margin: 10px 0;
}
.trackback_data{
  text-align: right;
  padding: 0 5px 2px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}


#navi{
  margin-top: 30px;
  text-align: right;
}


/* side */
#side{
  float: left;
  width: 200px;
  text-align: left;
  padding-top: 30px;
}

#header{
  height : 100px;
  padding-top: 70px;
  text-align: center;
  background-color: #a7001f;
}
.introduction{
  margin: 20px 0;
  padding: 5px;
  text-align: center;
  background-color: #379b65;
}

.menutitle{
  font-weight: bold;
  padding: 10px 0 2px 5px;
  border-bottom: 1px solid #000;
}
ul.menulist{
  list-style-type: square;
  margin: 5px 0 30px 45px;
}

/* search form */
.side_search{
  margin: 10px 0 20px 20px;
}
.search_input{
  width: 120px;
  border: 1px solid #000;
  background-color: #fff;
}
.search_submit{
  width: 40px;
  color: #fff;
  font-weight: bold;
  border: 1px solid #000;
  background-color: #000;
}

#footer{
  clear: both;
  padding-top: 50px;
}
  • Owner:
  • 暇つぶしにとcss/htmlのお勉強にテンプレートの配布をしています。

Comment form

  • 非公開コメント