Startsida Utforska Hjälp
Logga in
liujiankang
/
iamberry-app-international
Bevaka 1
Stjärnmärk 0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Gren: master
Grenar Taggar
iamberry-app...
/
iamberry-common-parent
/
iamberry-wechat-web
/
target
/
iamberry-wechat-web-1.0.0
/
common
/
message
/
css
/
style.css

style.css 2.6 KB
Permalänk Historik Rå

123456789101112131415161718192021222324252627282930313233343536 
  1. @CHARSET "UTF-8";
    2. 

  2. body{background-color:#f2f2f2;font-family:'Microsoft Yahei','Arial';}
    3. 

  3. ul{padding:0;margin:0;}
    4. 

  4. li{list-style:none;}
    5. 

  5. .header{padding:1em 0;width:100%;display:inline-block;}
    6. 

  6. .header a,.ui-link{color:#666;}
    7. 

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

  8. .header .glyphicon{font-size:1.4em;cursor:pointer;}
    9. 

  9. .user_box{width:100%;padding:2.2em 0;}
    10. 

  10. .avatar{border:2px solid #999;border-radius:50%;padding:.8em;}
    11. 

  11. .username{display:inline-block;width:100%;padding:10px 0 20px;font-size:1.2em;color:#999;border-bottom:1px solid #e6e6e6;}
    12. 

  12. .menu{border-bottom:1px solid #e6e6e6;box-shadow:0 0 1px #fff;}
    13. 

  13. .menu a{color:#333;padding:1em 0;font-size:1em;display:block;}
    14. 

  14. .menu a:hover{text-decoration:none;background-color:#ffffff;}
    15. 

  15. .ui-loader h1{display:none;}
    16. 

  16. .avatar_{border-radius:50%;margin-top:15px;}
    17. 

  17. .content-reply-box{width:100%;overflow:hidden;}
    18. 

  18. .content-reply-box li{width:100%;overflow:hidden;margin-bottom:2em;}
    19. 

  19. .content-reply-box li.odd .user{float:left;margin-right:10px;}
    20. 

  20. .content-reply-box li.even .user{float:right;margin-left:10px;}
    21. 

  21. .content-reply-box li.odd .reply-content-box{margin-left:60px;}
    22. 

  22. .content-reply-box li.even .reply-content-box{margin-right:60px;}
    23. 

  23. .user-name{color:#999;margin-top:5px;display:block;text-align:center;width:50px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
    24. 

  24. .reply-time{color:#e1912d;font-size:.85em;display:inline-block;width:100%;}
    25. 

  25. .content-reply-box li.odd .reply-time{text-align:left;}
    26. 

  26. .content-reply-box li.even .reply-time{text-align:right;}
    27. 

  27. .reply-content{border:1px solid #fcfcfc;padding:.6em;background-color:#fcfcfc;border-radius:4px;box-shadow:0 0 5px #ccc;}
    28. 

  28. .content-reply-box li.odd .arrow{width:0;height:0;line-height:0;font-size:0;border-color:transparent #fff transparent transparent;border-width:6px;border-style:dashed solid dashed dashed;display:block;position:absolute;top:8px;left:-12px;z-index:999;}
    29. 

  29. .content-reply-box li.even .arrow{width:0;height:0;line-height:0;font-size:0;border-color:transparent transparent transparent #fff;border-width:6px;border-style:dashed dashed dashed solid;display:block;position:absolute;top:8px;right:-12px;z-index:999;}
    30. 

  30. .operating{border-top:1px solid #ccc;}
    31. 

  31. .operating li{border-right:1px solid #ccc;}
    32. 

  32. .operating a{padding:0.85em 0;display:inline-block;width:100%;}
    33. 

  33. .pr{position:relative;}
    34. 

  34. .oh{overflow:hidden;}
    35. 

  35. .mg10 {margin:10px 0;}
    36. 

  36. .linear-g{background: -moz-linear-gradient(top, #fdfdfd, #f6f6f6);background: -webkit-gradient(linear,top,from(#fdfdfd),to(#f6f6f6));background: -webkit-linear-gradient(top, #fdfdfd, #f6f6f6);background: -o-linear-gradient(top, #fdfdfd, #f6f6f6);box-shadow:0 0 5px #ccc;}
    37.