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
/
kdos
/
style
/
game.css

game.css 5.4 KB
History Raw

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

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

  3. 			position:fixed;top:0;left:0;right:0;bottom:0;
    4. 

  4.  }
    5. 

  5. 

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

  7. a,a:hover{text-decoration:none;}
    8. 

  8. 

  9. .hide{display:none;}
    10. 

  10. 

  11. #frames{overflow:hidden;position:relative;}
    12. 

  12. #frames .frame{position:relative;}
    13. 

  13. 

  14. #preface{width:100%;height:100%;padding-top:1px;}
    15. 

  15. #preface .ptips0{position:absolute;background:url(img_d/friendly_tip.png) no-repeat center;background-size:auto 2rem;height:2rem;width:100%;}
    16. 

  16. #preface .ptips1{position:absolute;background:url(img_d/break_phone.png) no-repeat center;background-size:auto 3rem;height:3rem;width:100%;}
    17. 

  17. #start-0{padding-top:1px;width:100%;height:100%;background:#49caae;}
    18. 

  18. #start-0 .stitle{background:url(img_d/title.png) no-repeat center;background-size:auto 5rem;height:5rem;width:100%;margin-top:3rem;}
    19. 

  19. #start-0 .sdegree{display:-webkit-box;width:70%;margin:4rem auto 0;}
    20. 

  20. #start-0 .degree{-webkit-box-flex:1;width:0;text-align:center;height:5rem;}
    21. 

  21. #start-0 .degree a{display:block;margin:0 auto;height:5rem;width:5rem;}
    22. 

  22. #start-0 .seasy a{background:url(img_d/easy_mode_unchecked.png) no-repeat center;background-size:5rem 5rem;}
    23. 

  23. #start-0 .seasy a.active{background:url(img_d/easy_mode_checked.png) no-repeat center;background-size:5rem 5rem;}
    24. 

  24. #start-0 .snormal a{background:url(img_d/normal_mode_unchecked.png) no-repeat center;background-size:5rem 5rem;}
    25. 

  25. #start-0 .snormal a.active{background:url(img_d/normal_mode_checked.png) no-repeat center;background-size:5rem 5rem;}
    26. 

  26. #start-0 .scrazy a{background:url(img_d/difficult_mode_unchecked.png) no-repeat center;background-size:5rem 5rem;}
    27. 

  27. #start-0 .scrazy a.active{background:url(img_d/difficult_mode_checked.png) no-repeat center;background-size:5rem 5rem;}
    28. 

  28. #start-0 .sstart,#start-0 .smore {display:block;height:3rem;width:14.67rem;}
    29. 

  29. #start-0 .sstart{margin:4rem auto 0;background:url(img_d/start_game_normal.png) no-repeat center;background-size:auto 3rem;}
    30. 

  30. #start-0 .smore{margin:2rem auto 0;background:url(img_d/more_game_normal.png) no-repeat center;background-size:auto 3rem;}
    31. 

  31. 

  32. #start-1{width:100%;height:100%;padding-top:1px;background:#636363;}
    33. 

  33. #start-1 .stips{background:url(img_d/introduce.png) no-repeat center;background-size:auto 10rem;height:10rem;width:100%;margin-top:4rem;}
    34. 

  34. #start-1 .stips.invert{background:url(img_d/introduce_invert.png) no-repeat center;background-size:auto 10rem;}
    35. 

  35. #start-1 .smode{display:-webkit-box;width:50%;margin:2rem auto 0;}
    36. 

  36. #start-1 .mode{-webkit-box-flex:1;width:0;text-align:center;}
    37. 

  37. #start-1 .mode a{display:block;margin:0 auto;height:6rem;width:6rem;}
    38. 

  38. #start-1 .seven a{background:url(img_d/even_mode_unchecked.png) no-repeat center;background-size:6rem 6rem;}
    39. 

  39. #start-1 .seven a.active{background:url(img_d/even_mode_checked.png) no-repeat center;background-size:6rem 6rem;}
    40. 

  40. #start-1 .sodd a{background:url(img_d/odd_mode_unchecked.png) no-repeat center;background-size:6rem 6rem;}
    41. 

  41. #start-1 .sodd a.active{background:url(img_d/odd_mode_checked.png) no-repeat center;background-size:6rem 6rem;}
    42. 

  42. #start-1 .sstart{display:block;margin:4rem auto 0;background:url(img_d/start_normal.png) no-repeat center;background-size:auto 6rem;height:6rem;width:10.74rem;}
    43. 

  43. 

  44. #main{width:100%;height:100%;background:#636363;}
    45. 

  45. #main .blocks{width:100%;height:100%;position:relative;}
    46. 

  46. #main .block{position:absolute;border: 1px solid #000;background-image: url(img_d/numbers.png); background-color: #fff;text-align: center; font-size: 3rem; color: #666;} 
    47. 

  47. #main .block.right{background-color:#49caae;}
    48. 

  48. #main .block.wrong{background-color:#f46564;}
    49. 

  49. #main .score{position: absolute; z-index: 10; font-size: 2.4rem; text-align: center; width: 100%; color: #f46564; font-weight: bold;}
    50. 

  50. #over{font-size:2rem;text-align:center;width:100%;height:100%;padding-top:1px;background:#f46564;}
    51. 

  51. #over .otitle{height:3rem;width:100%;margin-top:6rem;}
    52. 

  52. #over .otitle.degree-easy{background:url(img_d/easy_mode.png) no-repeat center;background-size:auto 3rem;}
    53. 

  53. #over .otitle.degree-normal{background:url(img_d/normal_mode.png) no-repeat center;background-size:auto 3rem;}
    54. 

  54. #over .otitle.degree-crazy{background:url(img_d/difficult_mode.png) no-repeat center;background-size:auto 3rem;}
    55. 

  55. #over .oscore{width:100%;margin-top:3rem;text-align:center;font-size:3rem;}
    56. 

  56. #over .obest{height:2rem;width:100%;margin-top:0.5rem;text-align:center;line-height:2rem;}
    57. 

  57. #over .obtns{height:3rem;width:15rem;font-size:0;margin:0 auto;margin-top:3rem;}
    58. 

  58. #over .oback{background:url(img_d/back_btn_normal.png) no-repeat center;background-size:auto 3rem;height:3rem;width:5.84rem;display:inline-block;margin-right:3rem;}
    59. 

  59. #over .oretry{background:url(img_d/restart_btn_normal.png) no-repeat center;background-size:auto 3rem;height:3rem;width:5.84rem;display:inline-block;}
    60. 

  60. #over .omore{background:url(img_d/ending_moregame_normal.png) no-repeat center;background-size:auto 3rem;height:3rem;width:10.51rem;display:inline-block;text-align:center;margin-top:2rem;}
    61. 

  61. .doudoulogo{position:absolute;background:url(img_d/logo.png) no-repeat center;background-size:auto 2.4rem;height:2.4rem;width:100%;bottom:2rem;}
    62. 

  62. .hw{line-height:0; text-indent:-9999999px;}
    63. 

  63. 

  64. .rotateout{-webkit-transition:-webkit-transform 1s; -webkit-transform:rotateY(90deg);}
    65. 

  65. .rotatein{-webkit-transform:rotateY(90deg);}
    66. 

  66. .rotatein1{-webkit-transition:-webkit-transform 1s; -webkit-transform:rotateY(0deg);}
    67. 

  67. 

  68. 

  69.