css/style.css

   1 body {
   2         margin: 0px 0px 0px 0px;
   3         overflow: hidden;
   4         -webkit-user-select: none;
   5 }
   6
   7 .ui-page {
   8         height: 100%;
   9 }
  10
  11 .white_btn {
  12         background: url('../white.png') bottom center no-repeat transparent;
  13         height: 100%;
  14         display: inline-block;
  15         background-size: 100%;
  16         width: 12.5%;
  17         height: 100%;
  18         position: relative;
  19         float: left;
  20         margin: 0;
  21         padding: 0;
  22         display: block;
  23         margin: 0;
  24 }
  25
  26 .white_btn.pressed {
  27         background-image: url('../white_pressed.png');
  28 }
  29
  30 .black_btn {
  31         float: left;
  32         background: url('../black.png')  bottom center no-repeat transparent;
  33         width: 7.6%;
  34         height: 73.8%;
  35         background-size: 100%;
  36         background-position: top center;
  37         position: fixed;
  38         top: 0px;
  39 }
  40
  41
  42 .black_btn.pressed {
  43         background-image: url('../black_pressed.png');
  44 }
  45
  46 .header{
  47         position:absolute;
  48         left:0;
  49         top:0;
  50         width:100%;
  51         height:72px;
  52         background-color:#6C6C6C;
  53 }
  54
  55 #back{
  56         background-image:url(/images/00_winset_Back.png);
  57         background-repeat:no-repeat;
  58         background-color: gray;
  59         top: 10px;
  60         right: 10px;
  61         width: 100px;
  62         height: 50px;
  63         position: absolute;
  64         text-align: center;
  65         border-radius: 5px;
  66         font-size: 30px;
  67         color: white;
  68         line-height: 10px;
  69         -webkit-box-shadow : 0 1px 4px rgba(0, 0, 0, .3);
  70         background-position: center center;
  71 }
  72 #back.active{
  73         background-color: #08f;
  74         top: 12px;
  75         right: 8px;
  76 }
  77
  78 .header {
  79         visibility:hidden;
  80 }