style.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536
  1. @CHARSET "UTF-8";
  2. body{background-color:#f2f2f2;font-family:'Microsoft Yahei','Arial';}
  3. ul{padding:0;margin:0;}
  4. li{list-style:none;}
  5. .header{padding:1em 0;width:100%;display:inline-block;}
  6. .header a,.ui-link{color:#666;}
  7. .header a:hover{text-decoration:none;}
  8. .header .glyphicon{font-size:1.4em;cursor:pointer;}
  9. .user_box{width:100%;padding:2.2em 0;}
  10. .avatar{border:2px solid #999;border-radius:50%;padding:.8em;}
  11. .username{display:inline-block;width:100%;padding:10px 0 20px;font-size:1.2em;color:#999;border-bottom:1px solid #e6e6e6;}
  12. .menu{border-bottom:1px solid #e6e6e6;box-shadow:0 0 1px #fff;}
  13. .menu a{color:#333;padding:1em 0;font-size:1em;display:block;}
  14. .menu a:hover{text-decoration:none;background-color:#ffffff;}
  15. .ui-loader h1{display:none;}
  16. .avatar_{border-radius:50%;margin-top:15px;}
  17. .content-reply-box{width:100%;overflow:hidden;}
  18. .content-reply-box li{width:100%;overflow:hidden;margin-bottom:2em;}
  19. .content-reply-box li.odd .user{float:left;margin-right:10px;}
  20. .content-reply-box li.even .user{float:right;margin-left:10px;}
  21. .content-reply-box li.odd .reply-content-box{margin-left:60px;}
  22. .content-reply-box li.even .reply-content-box{margin-right:60px;}
  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. .reply-time{color:#e1912d;font-size:.85em;display:inline-block;width:100%;}
  25. .content-reply-box li.odd .reply-time{text-align:left;}
  26. .content-reply-box li.even .reply-time{text-align:right;}
  27. .reply-content{border:1px solid #fcfcfc;padding:.6em;background-color:#fcfcfc;border-radius:4px;box-shadow:0 0 5px #ccc;}
  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. .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. .operating{border-top:1px solid #ccc;}
  31. .operating li{border-right:1px solid #ccc;}
  32. .operating a{padding:0.85em 0;display:inline-block;width:100%;}
  33. .pr{position:relative;}
  34. .oh{overflow:hidden;}
  35. .mg10 {margin:10px 0;}
  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;}