［応用］設定済みCSSの説明

見た目をいい感じにするために、CSSを使っています。「デザイン」→「現在のテンプレートを編集」→「テーマとレイアウト」→「カスタムCSSを編集」で出てくる画面で設定します。

以下、設定済みのCSSの説明です。設定を変更する際の参考にどうぞ。

.module-header{
  background-color : #FFCC66;
}
四角で囲まれた中の背景（１）を薄い茶色で塗りつぶすよう設定

.module-header A:link { color: #800000 ;}
.module-header A:visited { color: #800000 ;}
.module-header A:hover { color: #CC6600 ;}
「バックナンバー」（２）はタイトルそのものにリンクがはらているので、背景の薄い茶色と調和するようにリンク文字の色を設定

H3{
  color : white;
  background-color : #FF6633;
}
記事のタイトル文字（３）を白に、背景にオレンジ色の帯を敷くように設定

#comment-text textarea, #comment-text-field textarea{
width: 350px;
}
コメント投稿欄の幅を350ピクセルに設定

#banner{
  padding-top: 8px;
  padding-left: 160px;
  padding-right: 5px;
  line-height:  120%;
}
ホームページのタイトルや解説の表示（４）が、バナー画像のちょうどいい位置にくるように設定

.typelist-note-label{
  font-weight: bold;
}
「東大落研について」（５）などマイリストのタイトルを太字にする設定

.boke{
  color: #FF0000;
  font-size: large;
  font-weight: bold;
}
平成十二年度新春東大大喜利のボケを赤太字にする設定
他のページでも<span class="boke">を設定してあげるた文字は赤太字になります。

.notes{
  font-size: small;
  line-height: 140%;
}
「小さな文字で控えめに掲載」を参照

.adsense{
  font-size: small;
  line-height: 125%;
}
自動的に入るGoogleの宣伝の文字の大きさや行間の設定

初代　記