| 1 |
// body * {margin:0px;padding:0px;border:0px;} |
|---|
| 2 |
|
|---|
| 3 |
body { |
|---|
| 4 |
color: #555; |
|---|
| 5 |
background-color: #CCC; |
|---|
| 6 |
} |
|---|
| 7 |
caption { |
|---|
| 8 |
text-align: center; |
|---|
| 9 |
font-weight: bold; |
|---|
| 10 |
font-size: 2em; |
|---|
| 11 |
padding: 1ex; |
|---|
| 12 |
} |
|---|
| 13 |
table { |
|---|
| 14 |
background-color: #F5F5F5; |
|---|
| 15 |
color: #222; |
|---|
| 16 |
font: message-box; |
|---|
| 17 |
width: 100%; |
|---|
| 18 |
border: 1px solid #222; |
|---|
| 19 |
border-spacing: 0px; |
|---|
| 20 |
} |
|---|
| 21 |
th { |
|---|
| 22 |
text-align: center; |
|---|
| 23 |
font-weight: bold; |
|---|
| 24 |
background-color: #CCC; |
|---|
| 25 |
} |
|---|
| 26 |
th + th, td + td { border-right: 1px solid #AAA; } |
|---|
| 27 |
td { vertical-align: top; } |
|---|
| 28 |
th, td { border-right: 1px solid #AAA;border-bottom: 1px solid #AAA; padding: 3px;} |
|---|
| 29 |
tr.reserved{background-color: #FFDDDD;} |
|---|
| 30 |
tr.reservedtitle{background-color: #DDDDFF;} |
|---|
| 31 |
tr.overwraped{background-color: #FF0000;} |
|---|
| 32 |
tr.exoverwraped{background-color: #FF00FF;} |
|---|
| 33 |
|
|---|
| 34 |
/* 全体共通 */ |
|---|
| 35 |
|
|---|
| 36 |
ul.topmenu {list-style-type:none;} |
|---|
| 37 |
ul.topmenu li {display:inline;} |
|---|
| 38 |
ul.topmenu li:after { content: " | "; } |
|---|
| 39 |
|
|---|
| 40 |
hr {border:1px solid;margin:5px 0px;} |
|---|
| 41 |
|
|---|
| 42 |
/* foltia:放映予定 */ |
|---|
| 43 |
|
|---|
| 44 |
/* 新番組 */ |
|---|
| 45 |
|
|---|
| 46 |
/* 予約一覧 */ |
|---|
| 47 |
|
|---|
| 48 |
/* 番組一覧 */ |
|---|
| 49 |
|
|---|
| 50 |
/* 録画済一覧(録画順・タイトル順) */ |
|---|
| 51 |
|
|---|
| 52 |
/* 録画ライブラリ */ |
|---|
| 53 |
|
|---|
| 54 |
/* 詳細 */ |
|---|
| 55 |
|
|---|
| 56 |
/* 番組表 */ |
|---|
| 57 |
|
|---|
| 58 |
ul {list-style-type:none;} |
|---|
| 59 |
li {width:90px;background:#ffa;padding:2px;border:1px solid white;line-height:1.1em;} |
|---|
| 60 |
|
|---|
| 61 |
td#anime {background:#FFC0CB;} /* アニメ・特撮 */ |
|---|
| 62 |
td#kids {background:#FFFFDC;} /* キッズ */ |
|---|
| 63 |
td#sports {background:#D7D7FF;} /* スポーツ */ |
|---|
| 64 |
td#etc {background:#F3F3F3;} /* その他 */ |
|---|
| 65 |
td#news {background:#E3C0FF;} /* ニュース・報道 */ |
|---|
| 66 |
td#cinema {background:#FAA5FF;} /* 映画 */ |
|---|
| 67 |
td#education{background-color:#C9C9C9;} /* 教育 */ |
|---|
| 68 |
td#documentary{background-color:#E8FFE8;} /* ドキュメンタリー・教養 */ |
|---|
| 69 |
td#music{background-color: #FFEAD5;} /* 音楽 */ |
|---|
| 70 |
td#variety{background-color: #E0F0CA;} /* バラエティ */ |
|---|
| 71 |
td#hobby{background-color: #FDF7BB;} /* 趣味・実用 */ |
|---|
| 72 |
td#information {background:#B6FFFA;} /* 情報 */ |
|---|
| 73 |
td#stage{background-color: #FFC0E3;} /* 演劇 */ |
|---|
| 74 |
td#drama {background:#FFD0FF;} /* ドラマ */ |
|---|
| 75 |
|
|---|
| 76 |
#information:hover, #hobby:hover, #education:hover, #music:hover, #stage:hover, #cinema:hover, #variety:hover, #news:hover, #drama:hover, #documentary:hover, #sports:hover, #kids:hover, #anime:hover, #etc:hover |
|---|
| 77 |
{ |
|---|
| 78 |
background-color: #FFFA4D; |
|---|
| 79 |
padding-right: 1px; padding-bottom:1px; |
|---|
| 80 |
border-right: 3px solid #aaa; border-bottom: 3px solid #666; |
|---|
| 81 |
cursor:pointer; |
|---|
| 82 |
} |
|---|
| 83 |
|
|---|
| 84 |
|
|---|
