css/style.css

   1
   2 body {
   3         margin: 0px 0px 0px 0px;
   4         overflow: hidden;
   5 }
   6
   7 .white_btn {
   8         float: left;
   9         background-image: url('../white.png');
  10         width: 100px;
  11         height: 480px;
  12         background-size: 100%;
  13         background-position: top center;
  14 }
  15
  16 .white_btn.pressed {
  17         background-image: url('../white_pressed.png');
  18 }
  19
  20 .black_btn {
  21         float: left;
  22         background-image: url('../black.png');
  23         width: 50px;
  24         height: 265px;
  25         background-size: 100%;
  26         background-position: top center;
  27         position: absolute;
  28         top: 0px;
  29 }
  30
  31 .black_btn.pressed {
  32         background-image: url('../black_pressed.png');
  33 }
  34
  35 .header{
  36         position:absolute;
  37         left:0;
  38         top:0;
  39         width:100%;
  40         height:72px;
  41         background-color:#6C6C6C;
  42 }
  43
  44 #back{
  45         background-image:url(/images/00_winset_Back.png);
  46         background-repeat:no-repeat;
  47         background-color: gray;
  48         top: 10px;
  49         right: 10px;
  50         width: 100px;
  51         height: 50px;
  52         position: absolute;
  53         text-align: center;
  54         border-radius: 5px;
  55         font-size: 30px;
  56         color: white;
  57         line-height: 10px;
  58         -webkit-box-shadow : 0 1px 4px rgba(0, 0, 0, .3);
  59         background-position: center center;
  60 }
  61 #back.active{
  62         background-color: #08f;
  63         top: 12px;
  64         right: 8px;
  65 }