whitegray_files/colorsample.css

   1 body, div, pre, p, blockquote, img, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object { margin: 0px; padding: 0px; border: none; vertical-align: baseline; }
   2 body { font-family: Verdana, Arial, sans-serif; padding: 10px; }
   3 div.colorsample h1 { font-size: 18pt; margin: 1px; }
   4 div.colorsample h2 { font-size: 10pt; margin: 1px; }
   5 div.slider { position: relative; padding-top: 1px; }
   6 div.slider div { clear: both; }
   7 div.slider div span { margin-right: 5px; float: left; font-size: 8pt; }
   8 div.slider a { display: block; float: left; width: 10px; height: 10px; font-size: 0px; text-decoration: none; }
   9 div.slider a span { display: none; }
  10 div.slider a:hover { width: 20px; height: 10px; border-right: solid 2px #fff; border-left: solid 2px #fff; }
  11 div.slider a:hover span { font-size: 10pt; width: 200px; display: block; padding: 2px; cursor: pointer; position: absolute; top: 40px; left: 0px; }
  12 div.ads { position: absolute; bottom: 30px; right: 15px; text-align: right; }
  13 div.ads div{width:336px;height:280px;border:solid 1px;-webkit-border-radius: 5px; -moz-border-radius: 5px;}
  14 div.navi { position: absolute; bottom: 10px; right: 15px; text-align: right; }
  15 div.navi li { display: block; float: left; height: 16px; width: 16px; margin: 2px; }
  16 div.navi img.icon01 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 0px; }
  17 div.navi img.icon02 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -16px; }
  18 div.navi img.icon03 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -32px; }
  19 div.navi img.icon04 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -48px; }
  20 div.navi img.icon05 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -64px; }
  21 div.navi img.icon06 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -80px; }
  22 div.navi img.icon07 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat 0 -96px; }
  23 div.navi a:hover img.icon01 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px 0px; }
  24 div.navi a:hover img.icon02 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -16px; }
  25 div.navi a:hover img.icon03 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -32px; }
  26 div.navi a:hover img.icon04 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -48px; }
  27 div.navi a:hover img.icon05 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -64px; }
  28 div.navi a:hover img.icon06 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -80px; }
  29 div.navi a:hover img.icon07 { height: 16px; width: 16px; background: url("../image/icon.png") no-repeat -16px  -96px; }