Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
qdqtrj
/
ALL_APP_SHOW
2
0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Atzars: master
Atzari Tagi
ALL_APP_SHOW
/
absolute.css

absolute.css 3.4 KB
Patstāvīgā saite Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. /* wechat.css */
    2. 

  2. body {
    3. 

  3.     margin: 0;
    4. 

  4. 	-webkit-user-select: none;
    5. 

  5. 	user-select: none;
    6. 

  6. 	-ms-touch-action: none;
    7. 

  7. }
    8. 

  8. 

  9. /* construction */
    10. 

  10. html, body, .page {
    11. 

  11. 	height: 100%; width: 100%;
    12. 

  12. 	overflow: hidden;
    13. 

  13. }
    14. 

  14. .page {
    15. 

  15. 	position: absolute; left: 0; top: 0;
    16. 

  16. }
    17. 

  17. body { background-color: #ebebeb; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }
    18. 

  18. a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
    19. 

  19. h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: 400; }
    20. 

  20. ul,ol{ margin: 0; list-style-type: none; }
    21. 

  21. 

  22. .header, .footer, .content { position: absolute; left: 0; right: 0; }
    23. 

  23. .header { height: 48px; padding: 0 5px; background-color: #21292B; color: #fff; top: 0; z-index: 1; }
    24. 

  24. .header > h1 { line-height: 48px; margin: 0 0 0 10px; font-size: 18px; float: left; }
    25. 

  25. .header > a { display: inline-block; width: 48px; height: 48px; background-size: 48px 144px; text-indent: -9em; overflow: hidden; }
    26. 

  26. .header > .icon-search, .header > .icon-add { float: right; }
    27. 

  27. .footer { height: 52px; border-top: 1px solid #dfdfdf; background-color: #fcfcfc; bottom: 0; z-index: 1; }
    28. 

  28. .footer > a { width: 50%; text-align: center; color: #999; float: left; font-size: 14px; }
    29. 

  29. .footer > a > i { display: block; height: 35px; margin-bottom: -3px; background-size: 35px 280px; }
    30. 

  30. .footer > .active { color: #45c018; }
    31. 

  31. .content { top: 48px; bottom: 53px; overflow: auto; }
    32. 

  32. 

  33. .icon-search, .icon-back, .icon-add { background: url(http://img.mukewang.com/547d339b000188bb00960288.png) no-repeat; }
    34. 

  34. .icon-back { background-position: 0 -96px; }
    35. 

  35. .icon-add { background-position: 0 -48px; }
    36. 

  36. .icon-wechat, .icon-contacts, .icon-finds, .icon-mes { background: url(http://img.mukewang.com/547d33970001444d00700560.png) no-repeat center top; }
    37. 

  37. .active .icon-wechat { background-position: center -35px; }
    38. 

  38. .icon-contacts { background-position: center -70px; }
    39. 

  39. .active .icon-contacts { background-position: center -105px; }
    40. 

  40. .icon-finds  { background-position: center -140px; }
    41. 

  41. .active .icon-finds { background-position: center -175px; }
    42. 

  42. .icon-mes  { background-position: center -210px; }
    43. 

  43. .active .icon-mes { background-position: center -245px; }
    44. 

  44. .icon-find { background: url(icon-find.png) no-repeat; background-size: 28px 210px; }
    45. 

  45. .icon-find-2 { background-position: 0 -30px; }
    46. 

  46. .icon-find-3 { background-position: 0 -60px; }
    47. 

  47. .icon-find-4 { background-position: 0 -90px; }
    48. 

  48. .icon-find-5 { background-position: 0 -120px; }
    49. 

  49. .icon-find-6 { background-position: 0 -150px; }
    50. 

  50. .icon-find-7 { background-position: 0 -180px; }
    51. 

  51. .icon-me { background: url(icon-me.png) no-repeat; background-size: 28px 120px; }
    52. 

  52. .icon-me-2 { background-position: 0 -30px; }
    53. 

  53. .icon-me-3 { background-position: 0 -60px; }
    54. 

  54. .icon-me-4 { background-position: 0 -90px; }
    55. 

  55. 

  56. 

  57. .wechat-list { display: block; height: 112px; padding: 8px 12px; box-sizing: border-box; border-bottom: 1px solid #d7d7d7; background-color: #fff; }
    58. 

  58. .wechat-list:last-child { border-bottom: 0; }
    59. 

  59. .wechat-list > img { width: 96px; height: 96px; float: left; }
    60. 

  60. .wechat-list > .cell { padding-left: 106px; line-height: 24px; color: #333; }
    61. 

  61. .wechat-h-time { overflow: hidden; }
    62. 

  62. .wechat-h-time > h5 { font-size: 100%; float: left; }
    63. 

  63. .wechat-h-time > time { font-size: 12px; color: #b9b9b9; float: right; }
    64. 

  64. .wechat-h-time .business { color: #54688D; }
    65. 

  65. .wechat-h-time + p { margin: 0 20px 0 0; font-size: 14px; color: #a8a8a8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    66. 

  66. .wechat-detail { position: relative; z-index: 1; }
    67.