/* @prefix : . <> a :CSSstylesheet; :title "Vicuna - Eye Catch Header Module"; :created "2007-12-26"; :release [:revision "1.01"; :created "2008-01-15"]; :author [:name "wu"; :homepage ; :mbox "3ping.org@gmail.com"]; :license ; :description "ページの上部に任意の画像を読み込むモジュール"; :note " 読み込まれる画像は style-xxx/images/eyeCatch/header.png です。 このモジュールが有効の時、ページの表示幅は800pxの固定幅になります。 " . */ /*====================================== Eye Catch [Header] image Module =======================================*/ /*-------------------------------------- 1-1.Style for All ---------------------------------------*/ body { margin: 0 10px; } div#header, div#content, div#footer { width: 800px; min-width: none; max-width: none; } div#header { padding-top: 154px; /* img height - 26px(div#header padding bottom) */ _height: 188px; /* for IE (img height + border-width) */ border-bottom: none; position: relative; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/eyecatch_header.png); background-repeat: no-repeat; } /* title */ div#header p.siteName { position: absolute; top: 30px; left: 20px; } div#header p.siteName a:link, div#header p.siteName a:visited { color: #fff;/* Set Title Color */ } /* Description */ div#header p.description { position: absolute; top: 80px; left: 20px; color: #fff; /* Set Description Color */ } /*-------------------- Border Switch ----------------------*/ div#content { border-top-width: 5px; } div#main, body.double div#utilities, body.multi div#utilities { border-top-width: 0; } /*-------------------------------------- Others ---------------------------------------*/ div#header ul#globalNavi { margin-top: 0; } div#utilities ul.thumb li { width: 100px; }