X_10_2 CSSのソース(取りあえず完成)
@charset "euc-jp"; /*-----サイドバー用上ずらし-----*/ div.sidebar { position: absolute; top: 120px; } /*-----ここまでサイドバー用上ずらし-----*/ /*-----ここからX_10_2スタイルCSS-----*/ /* Title: X_10_2 Revision: 1.0 Author: Yuny Access: http://d.hatena.ne.jp/Yuny/ License: GPL Comment: デザインもとテーマはNishioka Yuji氏作の「book」です。http://d.hatena.ne.jp/n-yuji/ GPLライセンスに基づき,Yunyが改造しています。氏に感謝します。 某有名OSを意識したデザインです。現在のところ、はてなダイアリーテーマとして配布の予定はありません。ちなみに、読み方は「てん・てん・つー」です。*/ /* ページ全体の基本的な設定。背景色や文字色など */ body { background-color: #1D4EA6; color: #000000; margin-top: 0%; margin-bottom: 0%; margin-right: 0%; margin-left: 0%; } /* リンク文字列に関する設定 */ a:link { text-decoration: none; color: #0000ff; } a:visited { background-color: transparent; color: #6495ed; text-decoration: none; } a:hover { color: #bbbbbb; } /* はてなキーワードリンクに関する設定 */ a.keyword { text-decoration: none; color: #0000ff; border-bottom: none; } a.keyword:link { color: #0000ff; } a.keyword:visited { color: #6495ed; } a.keyword:hover { color: #bbbbbb; } /* 日記タイトルの設定 */ h1 { text-align: center; font-size: 24pt; font-weight: 150%; letter-spacing: 0.5em; color: #DAE7FD; margin-top: 5px; margin-bottom: 5px; margin-right: 60px; margin-left: 60px; border-style: none; border-color: #000000; padding: 4px 0px 0px 0px; } /* カレンダーの設定 */ div.calendar { text-align: right; color: #000000; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 110%; font-size: 8pt; margin-right: 60px; margin-left: 600px; border-style: inset; border-color: #bbbbbb; border-width: 0px 2px 2px 0px; background-color: #f5f5f5; } div.calendar div.year { } /* 1日の日記全体を囲む枠の設定 */ div.day { background-color: #ffffff; color: #ffffff; overflow: auto border-bottom: outset 1px #eeeeff; padding-top: 0; padding-bottom: 0.5em; margin-right: 60px; margin-left: 60px; margin-bottom: 3em; } /* 日付けとタイトルの背景の設定 aqua_top_back.gif*/ h2{ z-index :1; background-image: url("http://d.hatena.ne.jp/images/diary/Yuny/2001-02-22.gif"); font-size: 16px; background-repeat: repeat-x; border-style: solid; border-color: #666666; border-width: 0px 0px 1px 0px; padding: 4px 0px 4px 0px; } /* 日付の設定 aqua_button.gif*/ h2 span.date { z-index :2; background-image: url("http://d.hatena.ne.jp/images/diary/Yuny/2001-02-20.gif"); background-repeat: no-repeat; background-position: left center margin: 0px 2px 2px 2px; padding: 0px 2px 2px 78px; color: #000000; font-weight: bold; background-color: transparent; } /* タイトルの設定 aqua_button2.gif */ /*background-image: url("http://d.hatena.ne.jp/images/diary/Yuny/2001-02-21.gif");*/ /*z-index :3;*/ h2 span.title { margin: 0px 2px 2px 2px; padding: 0px 2px 2px 2px; color: #000000; font-weight: bold; background-color: transparent; } /* タイトルを除いた1日の日記本文全体の設定 */ div.body { background-color: #ffffff; color: #000000; margin: 0em 2em 0.5em 2em; } /* サブタイトルを含むセクションの設定 */ div.section { margin-top: 2em; margin-left: 0em; margin-bottom: 0em; } /* 小見出しの設定 */ h3 { font-size: 14pt; margin-top: 0em; margin-bottom: 0.5em; border-style: solid; border-width: 1px; border-color: #bbbbbb; border-width: 0px 0px 1px 0px; } /*小見出しのマーク imac.gif*/ span.sanchor{ font-size: 0.1px; background-image: url("http://d.hatena.ne.jp/images/diary/Yuny/2001-02-23.gif"); background-position: top right; background-repeat: no-repeat; padding: 16px 32px 16px 0px; color: #ffffff; } /* その他の見出し(必要なら) */ h4 { margin: 2em; font-weight: bold; margin-bottom: 0em; } /* 日記の本文(段落)の設定 */ div.section p { font-family: MS ゴシック,Osaka-等幅,monospace; font-size: 90%; line-height: 165%; margin: 0em 0em 0em 0em; } /* コメント/フォーム/リンク元のキャプション設定 */ div.caption { font-size: 80%; line-height: 150%; border-style: dashed; border-color: #999999; border-width: 1px 0px 0px 0px; } /* コメント欄全体の設定striped.gif */ div.comment { background-color: #ffffff; background-image: url("http://d.hatena.ne.jp/images/diary/Yuny/2001-02-24.gif"); color: #000000; padding: 0px; padding-bottom: 2px; margin-top: 1em; margin-left: 7em; margin-right: 2em; } /* コメント欄本文 */ div.commentshort { font-size: 10pt; } span.commentator { font-style: italic; font-size: 10pt; margin-right: 0.5em; } div.commentshort p { margin-top: 0.25em; margin-bottom: 0.25em; line-height: 140%; } /* フォーム全体を囲む枠の設定 */ div.form { background-color: #ffffff; color: #000000; border-style: solid; border-color: #cccccc; border-width: 1px; padding: 2px; margin: 0.5em 1em 0.5em 2em; } /* リンク元リストの設定 */ div.refererlist { color: #000000; padding: 2px; padding-bottom: 1px; margin-top: 0.5em; margin-left: 0.5em; margin-right: 1em; } /* リンク元リスト一覧の設定 */ div.refererlist ul { font-size: 90%; margin: 0.5em 1em 0.5em 3em; line-height: 120%; } /* 罫線の設定 */ hr { border-style: dotted; border-width: 2px; border-color: #bbbbbb; } /* 日々の日記のセパレータに使われる罫線の設定 */ hr.sep { display: none; } /* ヘッダ・フッタの設定 */ div.footer { text-align: left; font-size: 80%; line-height: 120%; margin-top: 0px; margin-right: 60px; margin-left: 60px; } /* エラーメッセージ表示の設定 */ p.message { text-align: center; font-size: large; background-color: #d00; color: #fff; padding: 8px; } /* 整形済みテキスト(preタグ)の設定 blockback.gif */ div.section pre { background-color: #33ffff; background-image: url("http://d.hatena.ne.jp/images/diary/Yuny/2001-02-27.gif"); font-family: MS P明朝,平成明朝,ヒラギノ明朝 Pro W3,serif; color: #000000; margin-right: 1em; padding: 0.25em 1em 0.25em 1em; overflow: auto; } /* 引用(blockquoteタグ)の設定 blockback.gif */ div.section blockquote { font-size: 90%; font-family: MS P明朝,平成明朝,ヒラギノ明朝 Pro W3,serif; background-color:#33ffff; background-image: url("http://d.hatena.ne.jp/images/diary/Yuny/2001-02-27.gif"); border-style: dashed; border-color: #cccccc; border-width: 0px 0px 0px 1px; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 2em; margin-right: 1em; padding: 0.25em 1em 0.25em 1em; } div.section blockquote p { margin: 0em 0em 0em 0em; } /* 箇条書きの設定 */ div.section ul, div.section ol { margin-left: 5em; margin-right: 2em; padding-left: 0px; font-size: 90%; line-height: 130%; } div.section ul ul, div.section ol ol { margin-left: 2em; margin-right: 1em; margin-bottom: 0.5em; } /* 項目リストの設定 */ div.section dl { margin-left: 5em; font-size: 50%; line-height: 130%; } div.section dt { margin-bottom: 0.2em; font-weight: bold; } div.section dd { margin: 0em 3em 0.5em 1em; } /* calendar2 */ table.calendar { font-size: xx-small; line-height: 120%; margin-bottom: 10px; } table.calendar td { margin: 0px; text-align: right; padding: 0px; margin: 0px; } table.calendar td.calendar-prev-month, table.calendar td.calendar-current-month, table.calendar td.calendar-next-month { text-align: center; } /* モジュールの設定 */ p.recentitem { font-size: 70%; margin-top: 0px; margin-bottom: 0px; } div.recentsubtitles { font-size: 70%; line-height: 130%; margin: 2px 2px 0px 2px; } /* 脚注の設定 */ div.body span.footnote { vertical-align: super; font-size: 70%; } div.footnote { font-size: 70%; line-height: 130%; padding: 0em; margin-top: 1.75em; margin-left: 8em; margin-right: 1em; } p.footnote { margin: 0.5em; padding: 0em; } /* amazonの書影リンクの設定 */ img.asin { float: left; margin-top: 2px; margin-right: 1em; margin-bottom: 4px; border: 0; } /* photoの設定 */ img.photo { float: left; margin-top: 2px; margin-right: 1em; margin-bottom: 4px; border: 0; } /* 検索時のハイライトの設定 */ span.highlight { color: #0000cc; background-color: #ad0002; } /* サイドバー関連の設定 */ div.main { margin-right: 195px; } div.sidebar { background-color: #ffffff; color: #000000; position: absolute; top: 90px; width: 170px; right: 60px; padding: 6px 6px 6px 6px; border-style: solid; border-color: #000000; border-width: 1px 1px 1px 1px; } div.sidebar p { line-height: 160%; text-align: left; border-style: dashed; border-color: #9e5c33; border-width: 1px 0px 0px 0px; margin: 1em 0px 0px 0px; } /*----ここまでx_10_2スタイルCSS、以下は追加機能-----*/ /*写真横並び*/ ul.hatena_photo li { display: inline; } img.hatena_photo { border: 0px; } /*-----タイトル文字消去(停止)-----*/ /*h1{*/ /*display:none;*/ /*}*/