メイン

■DIARY　CSS テンプレート003 木目調です　画像をかえればいろんな柄のものもできるでしょう
資料です

windows版 IE6 firefox opera 以外のブラウザには対応してません IE7は持ってないのでわかりませんfirefoxのアドオンの描画でみる程度なのでまともに対応できませんのでよろしく

@import url("common.css");

/* 全称セレクタ */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box; 
}

/* ヘッダー部分 */

#header{
padding: 0.5em 1em 0.5em 1em;
margin-bottom:0.5em;
color:#00BFFF;
border-width : 1px;
border-style : solid;
border-color : #1e90ff;

background:url() no-repeat 50% 80%;

background-color:#ffffff;
}

/* ヘッダー　日記のタイトル */
#site_title {
font-size:200%;
font-weight: bold;
position:absolute; top:15px; right:30px;
font-family:"Comic Sans MS"；
}

/* ヘッダー　日記の概説 */
#site_info{
margin-bottom:10px;
}

/* 戻るリンク */
#back_link li{
display:inline;
padding-left:0.5em;
}

#back_link a{
font-size:90%;
font-weight: bold;
color:#1e90ff;
}

#back_link a:hover{
font-size:90%;
font-weight: bold;
color: #ff00ff;
background-color:#ffff00; 
}

/* メイン */
#main {
margin-right:25%;
}

/* 日記本体 */
.entry {
padding: 0.5em;
margin-left:5px;
margin-bottom:20px;
background-color:;
letter-spacing : 1px;
line-height : 1.5em;
border-style:solid;
border-width: 5px;
border-top-color:#ffcc33; 
border-right-color:#ff9933;
border-bottom-color:#ff9900;
border-left-color:#ffcc00;
background-image: url(files/bg_w06.jpg) ;
}

/* 記事日付 */
.entry_date{
background-image:url();
background-color:;
color:#000000;
font-weight: bold;
border:; 
padding-top:3px;
padding-bottom:3px;
width:200px;
text-align:center;
}

/* 記事タイトル */
.entry_title{
font-weight:bold;
font-size:100%;
letter-spacing:0.1em;
background-color:; 
padding:5px;
border-bottom-width: 2px;
border-bottom-style: groove;
border-bottom-color: #800000;
margin: 5px;
background-image: url();
background-repeat: no-repeat;
background-position: 98% 95%;
}

/* 記事タイトル　マウスON時*/
.entry_title a:hover {
background-color:#ffffff;
}

/* 記事カテゴリー */
.entry_info{
font-size:80%;
padding-left: 0.5em;
text-align:right;
}

/* 記事カテゴリー アイコン設定*/
.entry_info a{
background: url() no-repeat left center;
padding-left:20px;

}

/* 記事カテゴリー アイコン設定　マウスON時*/
.entry_info a:hover {
background: url() no-repeat left center;
background-color:#ffffff;
}

/* 記事 */
.entry_body{
font-size:107%;
line-height:140%;
color:#660000;
background-color:; 
background-image: url();
background-repeat: no-repeat;
background-position: 98% 98%;
padding:10px;
border-width:;
border-style:;
border-color:;
margin: 5px;
overflow:auto;
}

/* IE6で連続する半角英数字が改行されない修正 */
.entry_body{word-break:break-all; white-space: ; }

/* 本体にある記事コメントリンク */
.entry_responses{
font-size:90%;
padding-right:1em;
text-align:right;
}

/* 本体にある記事コメントリンクアイコン設定*/
.entry_responses a{
background: url() no-repeat left center;
padding-left:20px;
}

/* 本体にある記事コメントリンクアイコン設定　マウスON時*/
.entry_responses a:hover {
background: url() no-repeat left center;
background-color:#ffffff;
}

/* 年別ページ */
#archive_yearlist{
border-style:solid;
border-width: 5px;
border-top-color:#ffcc33; 
border-right-color:#ff9933;
border-bottom-color:#ff9900;
border-left-color:#ffcc00;
background-image: url(files/bg_w06.jpg);
margin:20px;
}

#archive_yearlist h2{
padding-left:20px;
border-width: 1px;
border-style: solid;
border-color: #0000ff;
margin: 5px;
width:10em;
color:#0000ff;
}

#archive_yearlist dt{
padding-left:30px;
color:#0000ff;
font-size:14pt;
}

#archive_yearlist ul{
padding-left:40px;
color:#ff00ff;
font-size:11pt;
}

#archive_yearlist li{
color:#ff00ff;
border-width: 1px;
border-style: solid;
border-color: #ff9900;
margin-bottom: 4px;
margin-right: 30px;
display:block;
background-color:;
padding:4px;
}

/* メニュー */
#menu {
width:25%;
float:right;
}

/* 最新の記事 最新のコメント archives categories 前後の記事*/
.link{
margin: 0 0.5em 1em 0.5em ;
font-size :;
color : #333333;
background-color :;
letter-spacing : 1px;
line-height :;
border-style:solid;
border-width: 5px;
border-top-color:#ffcc33; 
border-right-color:#ff9933;
border-bottom-color:#ff9900;
border-left-color:#ffcc00;
background-image: url(files/bg_w03L.jpg) ;
padding:0.5em 0.2em 0.2em 0.2em;
}

/* (右側メニュー部)各タイトル */
.link_title{
font-size:95%;
font-weight: bold;
color:#330000;
text-align:center;
background-color :;
border:1px solid blue; 
margin:0.1em 1em 10px 1em;

line-height : 1.5em;
background-image: url();
}

/* (右側メニュー部)各リンク */
ul{
font-size:10pt;
padding:;
margin-left:2px;
list-style-type:none;
width:;
}

#latest_articles ul a ,#latest_comments ul a ,#neighbors ul a ,#archive_yearlist ul a{
display:block;
width:;
}

li {
padding:0.1em 0em 0.1em 0em;
}

li a{
background: url() no-repeat left center;
padding: 2px 2px 2px 25px;

}

li a:hover {
background: url() no-repeat left center;
background-color:#ffffff;
}

/* 罫線 */
hr {
 display: none;
}

/* 改行対策 */
br { letter-spacing: 0; }

/* コメントフォーム部 */
.comment_form {
margin-bottom:1em;
background-image: url(); 
padding:1em;
}

/* フォーム部(名前)の色とサイズ */
#poster_name{
display: block;
color:#0000ff;
font-size:12pt;
}

/* 名前フォーム部のデザイン */
#poster_name input{
border-style:solid; 
border-width:1px; 
border-color:#9900ff; 
color:#ff00ff; 
background:#ffffcc;
width:10em;
font-size:11pt;
}

/* フォーム部(コメント)の色とサイズ */
#comment_field{
display: inline;
color:#008000;
font-size:12pt;
}

/* コメントフォーム部のデザイン */
#comment_field input {
width:28em;
border-style:solid;
border-width:1px;
border-color: #9900ff;
background:#ffffcc;
color:#0000ff;
font-size:11pt;
}

/* 投稿ボタンのデザイン */
input {
border-style:double;
 border-width:3px;
 border-color: #ff00ff;
 background:#ccffff;
color:#0000ff;
}

/* コメント部全体の壁紙設定 */
.comment{
background-image: url(files/bg_w06.jpg);
padding:2px;
border-style:solid;
border-width: 5px;
border-top-color:#ff9900; 
border-right-color:#ff6600;
border-bottom-color:#ff6600;
border-left-color:#ff9900;
margin:0px 0px 10px 5px;
width:;
}

/* 各コメント部 */
.comment_element {
padding: 0.5em 0.5em 0.5em 0.5em;
margin-bottom:1em;
background-color:;
border-width: 1px;
border-style: dotted;
border-color: #0000ff;
}

/* 各コメント投稿者 */
.comment_auther{font-size:10pt;}

/* コメント文字部 */
.comment_body {color:#660000;}

/* これ以前の記事リンク */
.link_older {
font-size:12pt;
background-color:;
font-weight: 600;
padding:1em;
}

/* これ以前の記事リンク アイコン設定*/
.link_older a{
background: url() no-repeat left center;
padding-left:20px;
}

/* これ以前の記事リンク アイコン設定　マウスON時*/
.link_older a:hover {
background: url() no-repeat left center;
background-color:#ffff00;

}

/*ページめくり */
.page_link{
font-size:12pt;
margin-left10px;
color:#660000;
font-weight: bold;
}

body {
background-color: #ffffff;
background-image: url() ;
background-attachment: fixed;
font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif; 
font-size:12pt;
color:#000000;
}

a:link {text-decoration:none; color:#ff00ff; }
a:visited {text-decoration:none; color:#ff00ff; }
a:hover {text-decoration:none; color:#9900ff; background-color:#f0ffff; }