/* * dcdiary 用スタイルシートサンプル * (できればそのまま使わないでね ^^;) * * 一部のブラウザ (MacOS 用 IE 等) ではクラス名が case-sensitive のため、 * 2002 年 6 月からタグやクラス名などを全て小文字に変更した関係上、 * クラス名に関しては大文字と小文字の双方を互換性のために残してあります。 */ /* 無指定の body は白 */ body { background-color: white; } body.index { background-image: url(back.jpg); background-position: left top; background-repeat: repeat-y; } .indexbox { width: 155px; position: absolute; left: 15px; top: 10px; text-indent: 0; } .listbox { position: absolute; left: 180px; top: 10px; } .index h1 { text-align: center; background-color: #daa; } .index h2 { background-color: #daa; } .index address { text-align: center; } .date1, .DATE1 { background-color: #fdd; } .place1, .PLACE1 { color: gray; background-color: #fdd; } .auth1, .AUTH1 { color: green; background-color: #fdd; } .authx1, .AUTHX1 { color: black; background-color: #fdd; } .abst1, .ABST1 { color: blue; background-color: #fdd; } .date2, .DATE2 { background-color: #fff; } .place2, .PLACE2 { color: gray; background-color: #fff; } .auth2, .AUTH2 { color: green; background-color: #fff; } .authx2, .AUTHX2 { color: black; background-color: #fff; } .abst2, .ABST2 { color: blue; background-color: #fff; } .thead th, th.thead { background-color: #daa; } .indexbox th { background-color: #daa; } .indexbox td { background-color: #fff; } .indexbox table { background-color: #ccc; } /* 曜日ごとの変化 (BODY) */ body.mon, body.tue, body.wed, body.thu, body.fri, body.MON, body.TUE, body.WED, body.THU, body.FRI { background-color: #efe; /* ウィークデイ */ } body.sat, body.SAT { background-color: #eef; /* 土曜日 */ } body.sun, body.hol, body.SUN, body.HOL { background-color: #fee; /* 日曜日, 休日 */ } /* 各曜日ごとの設定 */ .mon h1, .tue h1, .wed h1, .thu h1, .fri h1, .MON h1, .TUE h1, .WED h1, .THU h1, .FRI h1 { background-color: #ada; /* ウィークデイ */ } .sat h1, .SAT h1 { background-color: #aad; /* 土曜日 */ } .sun h1, .hol h1, .SUN h1, .HOL h1 { background-color: #daa; /* 日曜日, 休日 */ } .mon a:link, .tue a:link, .wed a:link, .thu a:link, .fri a:link, .MON a:link, .TUE a:link, .WED a:link, .THU a:link, .FRI a:link { color: #2b2; /* ウィークデイ */ } .sat a:link, .SAT a:link { color: #22b; /* 土曜日 */ } .sun a:link, .hol a:link, .SUN a:link, .HOL a:link { color: #b22; /* 日曜日, 休日 */ } .mon a:visited, .tue a:visited, .wed a:visited, .thu a:visited, .fri a:visited, .MON a:visited, .TUE a:visited, .WED a:visited, .THU a:visited, .FRI a:visited { color: #171; /* ウィークデイ */ } .sat a:visited, .SAT a:visited { color: #117; /* 土曜日 */ } .sun a:visited, .hol a:visited, .SUN a:visited, .HOL a:visited { color: #711; /* 日曜日, 休日 */ } .mon a:active, .tue a:active, .wed a:active, .thu a:active, .fri a:active, .MON a:active, .TUE a:active, .WED a:active, .THU a:active, .FRI a:active { color: #171; /* ウィークデイ */ } .sat a:active, .SAT a:active { color: #117; /* 土曜日 */ } .sun a:active, .hol a:active, .SUN a:active, .HOL a:active { color: #711; /* 日曜日, 休日 */ } /* リンク (検索キーワード) */ a.search:link, a.search:visited, a.search:active, a.SEARCH:link, a.SEARCH:visited, a.SEARCH:active { color: #555; } /* リンク (デフォルト) */ a:link { color: #b22; } a:visited, a:active { color: #711; } /* インデント */ .indent, .INDENT { margin-left: 10%; margin-right: 5%; } /* ハイライト強調 */ strong.very { color:#ffa; background-color:#d33; } strong.hilight { color:green; background-color:#ff7; } strong.dim { color:blue; background-color:#7ff; } /* 物理指定 (あまり使うべきではない) */ .lred { color: red; font-size:large }; .lgreen { color: green; font-size:large; }; .lblue { color: blue; font-size:large }; .red { color: red; } .blue { color: blue; } .green { color: green; } /* その他スタイル */ .filename { font-family: monospace, courier; } /* スペシャルページ */ .special body { background-color: #efe; } .special h1 { background-color: #ada; text-align: center; } .special h2 { background-color: #ada; } .special a:link { color: #2b2; } .special a:visited, .special a:active { color: #171; } /* 図 */ .figure { text-align: center; } .center { text-align: center; } .note { font-size: small; margin-left: 5%; margin-right: 5%; } .add { margin-left: 5%; margin-right: 5%; color: #aa0000; } .author { text-align: center; } .note2 { font-size: small; } pre { color: #006; } img.cd { float: left; margin: 8px; } p.cd { clear: both; } .cdtitle { color: #e00; background-color: #fcc; font-weight: bold; font-size: large; text-align: right; } /* Netscape Communicator で不都合のあるスタイルシートは、 nonnc.css というファイルにまとめた (NC は @import を実装していないので、nonnc.css は NC では読み込まれない) */ @import url(nonnc.css);