サイトのデザインを修正するために、
テンプレートのスタイルシートを修正します。
こんな感じかな。
(中略)
|module-header,
|.trackbacks-header,
|.comments-header,
|.comments-open-header,
|.archive-header {
| /* ie win (5, 5.5, 6) bugfix */
| p\osition: relative;
| width: 100%;
| w\idth: auto;
|
| margin: 0;
| border-left: 5px solid#36414d; 「色の定義」
| padding: 5px;
| color: #fff;
| background:#a3b8cc; 「色の定義」
| font-size: 11px;
| font-weight: bold;
| line-height: 1;
| text-transform: uppercase;
|}
|
| (中略)
|
|/* page layout */
|
|body {
| min-width:720px;「サイズの定義 800px」
| color: #333;
| background:#36414d; 「色の定義」
|}
|
|#container {
| width:720px;「サイズの定義 800px」
| margin-bottom: 20px;
| background: #fff; 「ラインの色の定義」
|}
|
|#container-inner {
| border-width:0 5px 5px 5px;「サイズの定義」
| border-style: solid;
| border-color:#292e33; 「ラインの色の定義」
|}
|
|#banner {
| width:710px; /* necessary for ie win */ 「サイズの定義」
| background:#a3b8cc; 「色の定義」
|}
|
|#banner-inner {
| padding: 15px 13px;
| border-width: 2px 2px 0 2px;
| border-style: solid;
| border-color: #fff;
|}
|
| (中略)
|
|#alpha { margin: 15px 15px 0 15px; width:480px; } 「サイズの定義」
|#beta { width:200px; background: #e6ecf2; } 「サイズの定義」
|
| (中略)
|
|.entry-header {
| margin-top: 0;
| border-left: 5px solid#dae0e6; 「色の定義」
| padding: 0 0 0 10px;
| color: #666;
| font-size: 18px;
|
| (中略)
|
|/* Date-based and category archives
| Archive title banner at top of page, below blog banner */
|.master-archive-index #archive-title,
|.individual-entry-archive #archive-title,
|.date-based-archive #archive-title,
|.category-archive #archive-title {
|
| /* ie win (5, 5.5, 6) bugfix */
| p\osition: relative;
| width: 100%;
| w\idth: auto;
|
| margin: 0;
| border-left: 10px solid#a3b8cc; 「色の定義」
| padding: 5px;
| color: #fff;
| background:#36414d; 「色の定義」
|}