m.css 2.2 KB

12345678910111213141516171819202122
  1. body, * { margin: 0px; padding: 0px; font: 14px/1.5 "Helvetica neue", Helvetica, Tahoma, Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", sans-serif; }
  2. #game { position: absolute; width: 100%; height: 100%; overflow: hidden; }
  3. #cvs { position: absolute; width: 640px; height: 960px; left: 50%; top: 50%; margin-left: -320px; margin-top: -480px; }
  4. #grid { position: absolute; width: 640px; height: 960px; left: 50%; top: 50%; margin-left: -320px; margin-top: -480px; }
  5. #score, #score_over { font-size: 25px; display: none; color: #c25914; pointer-events: none; position: absolute; width: 640px; height: 960px; left: 50%; top: 50%; margin-left: -320px; margin-top: -480px; }
  6. #o_btn { position: absolute; width: 640px; height: 960px; left: 50%; top: 50%; margin-left: -320px; margin-top: -480px; }
  7. #scoretext { text-align: center; margin-top: 20px; font-size: 25px; pointer-events: none; }
  8. #scoretext span { font-size: 25px; }
  9. #over_text { font-size: 30px; color: #FFF; text-align: center; margin-top: 320px; pointer-events: none; }
  10. #over_text span { font-size: 30px; color: #fff842; }
  11. #btn_start { position: absolute; width: 220px; height: 220px; left: 47%; top: 38%; margin-left: -91px; margin-top: -88px; display: none; }
  12. #btn_try { position: absolute; width: 400px; height: 120px; left: 44%; top: 52%; margin-left: -162px; margin-top: -48px; display: none; }
  13. #btn_more { position: absolute; left: 44%; width: 400px; height: 120px; top: 63%; margin-left: -162px; margin-top: -48px; display: none; }
  14. #btn_share { position: absolute; left: 44%; width: 400px; height: 120px; top: 75%; margin-left: -162px; margin-top: -48px; display: none; }
  15. #share { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none; z-index: 110; }
  16. #share img { height: 150px; width: 180px; position: absolute; right: 0; top: 0; }
  17. #spn { position: fixed; left: 50% !important; margin-left: -160px; width: 320px; height: 50px; bottom: 0; z-index: 100; }
  18. .hide { display: none; }
  19. #boyaa { position: absolute; width: 640px; height: 960px; left: 50%; top: 50%; margin-left: -320px; margin-top: -480px; pointer-events: none; }
  20. .copyright { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; color: #FFF; }
  21. /*@media all and (max-width:480px) {
  22. }*/