0.css 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. body, ul, dl, ol, form { margin: 0; }
  2. body { width: 320px; margin: 0 auto; font-family: "Microsoft YaHei", "微软雅黑", "宋体"; font-size: 14px; color: #222; background-color: #3C3C3C; }
  3. p { margin: 3px 0; line-height: 150%; }
  4. h1 { margin: 0; text-align: center; font-size: 20px; }
  5. hr { border: 0; height: 1px; background-color: #CCC; margin: 5px 0; }
  6. button { border: 0; }
  7. #game { position: relative; width: 320px; height: 320px; background: #000 url(bj.png) no-repeat; }
  8. #game div, #game button { position: absolute; }
  9. .land { position: absolute; width: 125px; height: 115px; }
  10. .L { left: 0; top: 90px; }
  11. .R { left: 195px; top: 90px; }
  12. .L .line_boy.p1 { left: 5px; }
  13. .L .line_boy.p2 { left: 40px; }
  14. .L .line_boy.p3 { left: 75px; }
  15. .L .line_girl.p1 { left: 20px; top: 50px; }
  16. .L .line_girl.p2 { left: 55px; top: 50px; }
  17. .L .line_girl.p3 { left: 90px; top: 50px; }
  18. .R .line_boy.p1 { left: 95px; }
  19. .R .line_boy.p2 { left: 60px; }
  20. .R .line_boy.p3 { left: 25px; }
  21. .R .line_girl.p1 { left: 80px; top: 50px; }
  22. .R .line_girl.p2 { left: 45px; top: 50px; }
  23. .R .line_girl.p3 { left: 10px; top: 50px; }
  24. .boy { width: 27px; height: 65px; background-image: url(boy.png); cursor: pointer; z-index: 100; }
  25. .girl { width: 30px; height: 61px; background-image: url(girl.png); cursor: pointer; z-index: 101; }
  26. .boat { width: 160px; height: 91px; left: 160px; top: 195px; }
  27. /*.boat_bg { width: 160px; height: 66px; top: 25px; background: url(chuan.png) no-repeat bottom center; z-index: 102; }*/
  28. .boat_bg_1 { width: 40px; height: 66px; left: 0; top: 25px; background: url(boat_1.png) no-repeat bottom center; z-index: 102; }
  29. .boat_bg_2 { width: 40px; height: 66px; left: 120px; top: 25px; background: url(boat_2.png) no-repeat bottom center; z-index: 102; }
  30. .boat_bg_3 { width: 80px; height: 40px; left: 40px; top: 51px; background: url(boat_3.png) no-repeat bottom center; z-index: 102; }
  31. .boat .seat { height: 91px; }
  32. .boat .seat.p1 { left:47px; }
  33. .boat .seat.p2 { left:82px; }
  34. .boat .seat .boy, .boat .seat .girl { bottom: 25px; }
  35. .go { width: 100px; height: 41px; left: 110px; top: 270px; background: url(bt1.png) no-repeat; display: none; z-index: 103; }
  36. .time { right: 20px; color: green; z-index: 103; }
  37. .mask { width: 320px; height: 320px; left: 0; top: 0; background-color: #000; opacity: .7; z-index: 104; }
  38. .success { left: 0; top: 0; z-index: 105; display: none; }
  39. .failure { left: 30px; top: 40px; z-index: 105; display: none; }
  40. .result { font-size: 20px; left: 30px; top: 45px; color: #FFF; font-weight: bold; z-index: 106; }
  41. .welcome { font-size: 16px; margin: 20px; padding: 10px; color: green; background-color: #EEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 106; }
  42. .start { width: 160px; height: 41px; left: 80px; top: 180px; background: url(start.png) no-repeat; z-index: 106; }
  43. .more { width: 160px; height: 41px; left: 80px; top: 250px; background: url(more.png) no-repeat; z-index: 106; }
  44. .reload { width: 100px; height: 41px; left: 30px; top: 270px; background: url(bt2.png) no-repeat; display: none; z-index: 106; }
  45. .help { width: 100px; height: 41px; left: 180px; top: 270px; background: url(help.png) no-repeat; display: none; z-index: 106; }
  46. .xuanyao { width: 100px; height: 41px; left: 30px; top: 270px; background: url(xuanyao.png) no-repeat; display: none; z-index: 106; }