[tag:chameleon_color.css]

・サンプルで使用するパーツ
３６（Geeklog/layout/chameleon/styles/color/36）

カメレオンプラグインでデザインを変更するために使用するのは
color.cssです。
ここで指定するのは色、画像、見出しデザイン、フォント指定など見た目に関係するものです。
レイアウトデザイン（２カラム３カラム等）やサイズ関係はlayout.cssで変更します。

逆引きＣＳＳ

背景を装飾。

body {
background:#EBEBEB;
color:#000000;
}

サイト本体を装飾。

#gl_container {
background:#FFFFFF;
}

ヘッダーの装飾。

#gl_header {
background:#5c5ca3 url(images/header-bg.png) no-repeat right;
}

フッターの装飾。

#gl_footer {
background:#333333;
border-top:1px solid #666666;
color:#ffffff;
}

左カラムを装飾。

#gl_navigation,
#gl_navigation-alt { /*the leftblocks*/
background:#ffffff;
border:0px solid #CCCCCC;
}

右カラムを装飾。

#gl_extra,
#gl_extra-alt { /*the rightblocks*/
background:#ffffff;
border:0px solid #CCCCCC;
}