Noras

* Noras2月2日付けcss公開

[ ケータイから更新ネタ色々(旧News-Handlerネタ) ]

以下無駄な解説付き。
--
/* 黒地に白文字。文字サイズは100％。行間1.4 */
body {background-color: #000000; color: #ffffff; font-size: 100%; line-height: 140%; }

/* 基本リンクは空色。訪問済みはグレーっぽく、選択中は真っ赤 */
a {color: #00ffff; text-decoration: underline; }
a:visited {color: #b0b0b0; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }

/* 赤・橙・黄・緑・青・藍・紫の虹色部分は以下のようになってる */
.red a {color: #ff0000; }
.red a:visited, .orange a:visited, .y a:visited, .lime a:visited, .blue a:visited, .navy a:visited, .purple a:visited, .mini a:visited {
color: #b0b0b0; text-decoration: underline; }
.red a:hover, .orange a:hover, .lime a:hover, .blue a:hover, .navy a:hover, .purple a:hover, .mini a:hover {
color: #00ffff; text-decoration: none; }

/* オレンジとネイビーはリスト表示なため、divでくくってるが、他はpタグでくくってる */
.orange, .navy {padding: 0.25em 0.5em; color: #ffffff; background-color: #2a2a2a; }
.orange a {color: #ffa500; }
.y a {color: #ffff00; }
.y a:hover {color: #ff0000; text-decoration: none; }
.lime a {color: #00ff00; }
.blue a {color: #00ffff; }
.navy a {color: #1e90ff; }
.purple a {color: #da70d6; }

/* コメント・トラバ・署名部分はこんな感じでdiv厨です */
.mini {padding: 0 0.5em 0.5em 0; margin-bottom: 1.5em; font-size: 80%; text-align: right;
border-bottom: #b0b0b0 thin solid;
border-right: #b0b0b0 thin solid;
}
.mini a {color: #ffff00; }

/* naintextが左側、menuが右側のくくり。divをわざわざ付ける意味があるかは不明 */
div.maintext {float: left; margin-top: 0; margin-left: 0; width: 73%; }
div.menu {margin-left: 75%; line-height: 130%; font-size: 90%; }

/* 見出し部分の装飾 */
h1, h2, h3, h4 {font-size: 100%; line-height: 130%; margin: 0em; }
h2 {border-top: #b0b0b0 thin solid; border-left: #b0b0b0 thin solid; background-color: #2a2a2a; color: #ffffff; padding: 0.5em 0.5em 0em 0.5em; }
h3 {border-left: #b0b0b0 thin solid; padding-bottom: 0.5em; padding-right: 1em; text-align: right; background-color: #2a2a2a; color: #ffffff; }
.aa {font-size: 12pt; font-family: \"ＭＳ Ｐゴシック\"; line-height: 18px; }

/* 水平線とテーブル内の行間とか引用部分の色設定 */
hr {width: 90%; }
td {font-size: 90%; line-height: 140%; }
blockquote {color: #ffc0cb; }

/* 右リンク部分のpタグの装飾 */
p.link {margin: 0em; padding: 0.25em 0.5em; background-color: #2a2a2a; color: #ffffff; }

/* emとstrongの文字色とスタイル */
em {font-style: normal; color:#dc143c; font-weight: bold; }
strong {color: #dc143c; font-weight: bold; font-size: 115%; }

/* 対談部分はdlでくくってる */
dl.taiwa {margin: 0 0 0 3em; }
dt.taiwa {font-weight: bold; position:absolute; left: 1em; }

/* テンプレのhtmlは次のネタで公開 */

TrackBack

ココをクリックすると最新記事を表示します　────　<< ドーベルマンと共に「非常口」から出る | Noras2月2日付けhtml公開 >>