メイン

■DIARY　CSS テンプレート002 上部にメニューを並べたものです　かなりいいかげんにできてます
資料です

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

@import url("common.css");

/* 全称セレクタ */
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box; /* MozillaをIEの仕様に合わせる */ 
}

/* ヘッダー部分 */

#header{
padding: 0.5em 1em 0.5em 1em;
margin-bottom:0.5em;
color:#00BFFF;
width:;

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;
}

/* ヘッダー　日記の概説 */
#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;
}

/* メイン */
#main {
margin:0px ;
background-image: url(http://www.eclat.cc/theme/sanpo/sq-blue.gif);
background-repeat:repeat;
background-attachment: fixed;
text-align:center;
width:100%;
}

/* 日記本体 */

.entry {
padding: 0.5em 0.5em 0.5em 0.5em;
margin-top:1em;
margin-right:auto;
margin-bottom:60px;
margin-left:auto;
background-color:#ffffff;
letter-spacing : 1px;	/* 文字間隔 */
line-height : 1.5em;	/* 行の高さ*/
width :85% ;	/* 横幅 */
border-width : 1px;
border-style : solid;
border-top-color : ghostwhite;
border-left-color : #eeeeee;
border-right-color : gray;
border-bottom-color : gray;
text-align:left;
}

/* 記事日付 */
.entry_date{
background-color:#1E90FF;
color:#ffffff;
border: solid 1px #000000;
padding: 0.1em 0.3em 0.1em 0.8em;
width:150px;
}

/* 記事タイトル */
.entry_title{
font-weight:bold;
font-size:115%;
letter-spacing:0.1em;
background-color:#FFF0F5; 
padding:5px;
border-width: 1px;
border-style: solid;
border-color: #0000ff;
margin: 5px;
background-image: url();
background-repeat: no-repeat;
background-position: 98% 95%;
}

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

/* 記事 */
.entry_body{
font-size:107%;
line-height:140%;
color:navy;
background-color:#ccffff; 
padding:10px;
border-width: 1px;
 border-style: dotted;
 border-color: #0000ff;
margin: 5px;
overflow:auto;
}

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

/* 年別ページ */
#archive_yearlist{
background-image: url(http://www.eclat.cc/theme/sanpo/p-b.gif);
margin-top:0;
margin-right:auto;
margin-bottom:10px;
margin-left:auto;
width:85%;
text-align:left;
}

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

#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: #00ffff;
margin-bottom: 4px;
margin-right: 30px;
display:block;
background-color:#ffffff;
padding:4px;
}

/* メニュー */
#menu {
width: 100%;
height:150px;    
float: ;
overflow: auto;
background-image: url(http://www.eclat.cc/theme/sanpo/sq-pink.gif);
background-repeat:repeat;
background-position:;
background-attachment: fixed;
padding-bottom:5px;
padding-top:10px;
}

/* 最新の記事 */
#latest_articles {
margin-bottom:1em;
margin-right:0.5em ;
margin-left:0.5em ;
font-size :;	/* フォントサイズ */
color : #333333;	/* フォントの色 */
background-color : white;	/* 背景の色 */
letter-spacing : 1px;	/* 文字間隔 */
line-height : 1.5em;	/* 行の高さ*/
width :25%;	/* 横幅 */
border-width : 1px;
border-style : solid;
border-color : gray #eeeeee #eeeeee gray ;
padding:0.5em 0.2em 0.2em 0.2em;
float:left ;

}

/* 最新のコメント */
#latest_comments {
margin-bottom:1em;
margin-right:0.5em ;
font-size :;	/* フォントサイズ */
color : #333333;	/* フォントの色 */
background-color : white;	/* 背景の色 */
letter-spacing : 1px;	/* 文字間隔 */
line-height : 1.5em;	/* 行の高さ*/
width :25%;	/* 横幅 */
border-width : 1px;
border-style : solid;
border-color : gray #eeeeee #eeeeee gray ;
padding:0.5em 0.2em 0.2em 0.2em;
float:left ;

}

/* archives */
#archives {
margin-bottom:1em;
margin-right:0.5em ;
font-size :;	/* フォントサイズ */
color : #333333;	/* フォントの色 */
background-color : white;	/* 背景の色 */
letter-spacing : 1px;	/* 文字間隔 */
line-height : 1.5em;	/* 行の高さ*/
width :20%;	/* 横幅 */
height:120px;
border-width : 1px;	
border-style : solid;
border-color : gray #eeeeee #eeeeee gray ;
padding:0.5em 0.2em 0.2em 0;
float:left ;
}

/* categories */
#categories {
font-size :;	/* フォントサイズ */
color : #333333;	/* フォントの色 */
background-color : white;	/* 背景の色 */
letter-spacing : 1px;	/* 文字間隔 */
line-height : 1.5em;	/* 行の高さ*/
width :20%; 	/* 横幅 */
border-width : 1px;	
border-style : solid;
border-color : gray #eeeeee #eeeeee gray ;
padding:0.5em 0.2em 0.2em 0.2em;
float: right;
margin-right:0.5em ;
}

/* 前後の記事 */
#neighbors{
margin-bottom:1em;
font-size :;	/* フォントサイズ */
color : #333333;	/* フォントの色 */
background-color : white;	/* 背景の色 */
letter-spacing : 1px;	/* 文字間隔 */
line-height : 1.5em;	/* 行の高さ*/
width :25%;	/* 横幅 */
border-width : 1px;	
border-style : solid;
border-color : gray #eeeeee #eeeeee gray ;
padding:0.5em 0.2em 0.2em 0.2em;
float: left;
margin-right:0.5em ;
margin-left:0.5em ;
}

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

/* (右側メニュー部)各リンク */
.link_text{
font-size:90%;
margin:0.5em 0.5em 0.1em 1.5em;
}

/* リストの形と色 */

ul li { 
list-style-type: circle; 
color:#ff99ff;
}

/* 最下部　以前の記事リンク */
div .link_older{
padding:1em;
}

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

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

body {
background-color: #ffffff;
background-image: url() ;
background-attachment: fixed;
font-family:"MS UI Gothic","ＭＳ Ｐゴシック";
font-size:10pt;
border-style: solid; border-width: 5px; margin: 0%; padding: 10; border-color: #ccffff;}

a:link {text-decoration:none; color:#1e90ff; }
a:visited {text-decoration:none; color:#1e90ff; }
a:hover {text-decoration:none; color:#9900ff; }

/* コメントフォーム部 */
.comment_form {
margin-bottom:1em;
background-image: url(http://www.eclat.cc/theme/sanpo/sq-pink.gif); 
padding:1em;

}

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

/* 名前フォーム部のデザイン */
#poster_name input{
border-style:solid; 
border-width:1px; 
border-color:#0000ff; 
color:#ff00ff; 
background:#ccffff;
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:#ffccff;
color:#0000ff;
font-size:11pt;
}

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

/* コメント部全体の壁紙設定 */
.comment{
background-image: url(http://www.eclat.cc/theme/sanpo/fl-kiiro.gif);
padding:2px;
border-width: 1px;
border-style: solid;
border-color: #0000ff;

margin-top:0;
margin-right:auto;
margin-bottom:10px;
margin-left:auto;
width:85%;
text-align:left;
}

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

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

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

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

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