CSS
現在自分で設定しているCSSを書き出しておきます。使いたい人は自由に使ってください。
なお、Mac版、Windows版を問わず、InternetExplorer系ブラウザでは一部のタグが正しく表示されないことを確認していますが、直すつもりはありません。
/*
ページ全体の基本的な設定。背景色や文字色など
*/
body {
background-color: #ffffff;
background-image: none;
color: #004040;
font-family: 'Tokyo-Prop', 'Tokyo-P', 'HiraKakuPro-W3', 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック', 'MS Gothic', 'Osaka', Sans-Serif;
font-decoration: none;
font-weight: normal;
margin: 0px 10px 0px 10px;
}
a {
text-decoration: none;
}
a:link {
color: #004040;
}
a:visited {
color: #007F7F;
}
a:focus {
background-color: #E6F2F2;
color: #004040;
}
a:hover {
background-color: #E6F2F2;
color: #004040;
}/*
hタグの設定
*/
h1 {
background-color: #004040;
color: #FFFFFF;
text-align: left;
font-size: 150%;
font-decoration: none;
font-style: normal;
font-weight: bold;
padding: 5px 0px 5px 5px;
margin: 15px 0px 15px 20px;
}
h2 {
background-color: #007F7F;
color: #FFFFFF;
font-size: 120%;
font-decoration: none;
font-style: normal;
font-weight: bold;
padding: 5px 0px 5px 5px;
margin: 10px 0px 0px 0px;
}
h3 {
background-color: #ffffff;
color: #004040;
font-size: 120%;
font-decoration: none;
font-style: normal;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}
h4 {
background-color: #004040;
color: #FFFFFF;
text-align: left;
font-size: 120%;
font-decoration: none;
font-style: normal;
font-weight: normal;
padding: 5px 0px 5px 5px;
margin: 0px 0px 10px 20px;
}
/*
項目リストの設定
*/
div.body ul {
margin: 10px 0px 0px 0px;
}
div.body ul ul {
margin: 0px 0px 0px 0px;
}
div.body ol {
margin: 10px 0px 0px 0px;
}/*
整形済みテキスト(preタグ)の設定
*/
pre {
font-family: 'Tokyo-Mono', 'Tokyo-等幅', 'ＭＳ ゴシック', 'MS Gothic', 'Osaka-Mono', monospace;
border-color: #004040;
border-style: SOLID;
border-width: 0px 0px 0px 5px;
padding: 8px 0px 8px 8px;
margin: 0px 10px 0px 40px;
}/*
引用の設定
*/
div.body blockquote {
border-color: #007F7F;
border-style: SOLID;
border-width: 0px 0px 0px 5px;
padding: 8px 0px 8px 8px;
margin: 0px 10px 0px 40px;
}/*
より強い強調
*/
strong{
font-color: #004040;
font-size: 150%;
font-decoration: none;
font-style: normal;
font-weight: bold;
}/*
ページトップにある操作ボタンの並ぶ行の設定
*/
div.adminmenu {
margin: 0px 0px 0px 0px;
}/*
ヘッダ部分
*/
div.introduction {
margin: 0px 20px 0px 20px;
}
div.introduction p {
margin: 0px 0px 0px 15px;
}/*
カレンダーの設定
*/
div.calendar {
text-align: left;
font-size: 90%;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 15px;
}/*
1日の日記全体を囲む枠の設定
*/
div.day {
margin: 10px 10px 30px 10px;
}/*
日付タイトル中の日付設定
*/
h2 span.date {
color: #FFFFFF;
font-decoration: none;
font-weight: normal;
margin: 0px 0px 0px 5px;
}
h2 span.title {
color: #FFFFFF;
font-decoration: none;
font-weight: bold;
margin: 0px 15px 0px 5px;
}/*
1日の日記本文の設定
*/
div.body {
padding: 0px 0px 0px 0px;
margin: 0px 20px 0px 15px;
}/*
日記の小見出しの設定
*/
div.section h3 {
font-decoration: none;
font-weight: bold;
margin:15px 0px 0px 0px;
}
h3 span.timestamp {
font-decoration: none;
font-weight: normal;
font-size: 80%;
}
/*
日記の本文(段落)の設定
*/
div.section p {
line-height: 120%;
margin: 5px 0px 0px 0px;
}/*
写真貼り付け
*/
img.photo {
float: none;
margin: 10px 10px 10px 10px;
border: 0;
}/*
本文書き込み欄
*/
div.body textarea {
width: 600px;
}/*
参照コメント
*/
div.footnote {
font-size: 90%;
border-style: SOLID;
border-color:#00CCCC;
border-width: 0px 0px 0px 3px;
font-decoration: none;
padding: 0px 0px 0px 5px;
margin: 10px 0px 0px 40px;
}/*
ツッコミ欄全体の設定
*/
div.comment {
background-color: #E6F2F2;
border-color:#00CCCC;
border-style: solid;
border-width: 0px 0px 0px 2px;
font-decoration: none;
padding: 5px 5px 5px 5px;
margin: 10px 0px 0px 20px;
}/*
ツッコミした人の情報
*/
div.commentator {
color: #004040;
line-height: 1.2em;
}/*
ツッコミ本文
*/
div.commentshort {
margin: 5px 0px 0px 0.5px;
}
div.commentshort p {
line-height: 1.5em;
margin: 0px 0px 0px 0px;
}/*
ツッコミ書き込み欄
*/
div.commentshort textarea {
width: 600px;
}
/*
フッタ部分
*/
div.contact {
margin: 0px 20px 0px 30px;
}
