Home Explore Help
Register Sign In
root
/
tv_xiaoyouxi
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: d1c3c48a01
Branches Tags
tv_xiaoyouxi
/
games
/
cjmla
/
style
/
index.css

index.css 3.0 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 
  1. html, body, div, p, h1, h2, a, span, img{border:0;margin:0;}
    2. 

  2. html, body{-webkit-tap-highlight-color: transparent;background:#fff; font-family:"Arial" "Microsoft YaHei" "黑体" "宋体" "sans-serif"; color:#0033cc; background:#ffffff;}
    3. 

  3. 

  4. /*.body {overflow: hidden; background: #222; color:#cccccc; margin: 0px; padding: 0px; border: 0px; } */
    5. 

  5. a,a:hover{text-decoration:none;}
    6. 

  6. 

  7. /*#wrapper{width:100%; height:100%; position:relative; margin:0; padding:0;}*/
    8. 

  8. #game_div{width:480px; height:680px; position:relative; -webkit-transform-origin:0 0; -webkit-transition:all 0.2s;}
    9. 

  9. #ctrboard{text-align:center; position:relative; z-index:100;}
    10. 

  10. 

  11. #start{width:480px; height:660px; padding:20px 0 0 0; background:transparent;}
    12. 

  12. #start .logo{background:url(img_d/logo.png) no-repeat; background-size:contain; width:150px; height:60px; margin:0 auto;}
    13. 

  13. #start .title{width:480px; height:161px; background:url(img_d/title.png) no-repeat; font-size:24px; margin:15px auto 156px;}
    14. 

  14. #start .startgame{width:200px; height:81px; background:url(img_d/btn_start.png) no-repeat; padding:0; margin:15px auto; display:block;}
    15. 

  15. #start .moregame{width:200px; height:67px; background:url(img_d/btn_more.png) no-repeat; padding:0; margin:15px auto; display:block;}
    16. 

  16. #start a{color:white; background:#00ccff; padding:6px 10px; border-radius:5px; display:inline-block;}
    17. 

  17. 

  18. #play{font-size:24px; width:480px; height:500px; padding:180px 0 0 0; background:transparent;}
    19. 

  19. #play .score_title{}
    20. 

  20. #play .score{}
    21. 

  21. 

  22. #end {font-size:32px; width:480px; height:600px; padding:80px 0 0 0; color:#fbd500; transition: all 0.2s;}
    23. 

  23. #end .gameover{font-size:24px; background:url(img_d/gameover.png) no-repeat 50% 50%; background-size:contain; width:100%; height:54px;}
    24. 

  24. #end .tips{font-size:14px; background:url(img_d/continue.png) no-repeat; background-size:contain; width:165px; height:26px; margin:26px auto 0;}
    25. 

  25. #end .score{margin:30px auto 20px;}
    26. 

  26. #end .history{font-size:24px; margin-bottom:20px;}
    27. 

  27. 

  28. 

  29. #gamescene{position:absolute; background:#373737; width:100%; height:100%; left:0; top:0;}
    30. 

  30. #mask{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.8);}
    31. 

  31. #cover{position:absolute; width:100%; height:100%; left:0; top:0; background:url(img_d/background_start.png) no-repeat 50% bottom #71caf2; background-size:contain;}
    32. 

  32. 

  33. #footer{position:absolute; bottom:30px; font-size:20px; background:url(img_d/doudou_play.png) no-repeat; background-size:contain; height:20px; width:161px; left:50%; margin-left:-80.5px;}
    34. 

  34. #footer.end{background:url(img_d/doudou_end.png) no-repeat; background-size:contain; height:18px; width:165px; left:50%; margin-left:-82.5px;}
    35. 

  35. /*#footer span{text-align:center; display:inline-block; width:100%;}*/
    36. 

  36. 

  37. 

  38. #game_div.horizontal{width:680px; height:480px;}
    39. 

  39. .horizontal #start{background:transparent; width:680px; height:460px;}
    40. 

  40. .horizontal #start .title{margin:15px auto 15px;}
    41. 

  41. .horizontal #play{background:transparent; width:680px; height:300px;}
    42. 

  42. .horizontal #end{width:680px; height:400px;}
    43. 

  43. .horizontal #footer{bottom:0;}
    44. 

  44. 

  45. .hide{display:none;}
    46. 

  46. 

  47. 

  48.