Home Explore Help
Register Sign In
chenyue
/
PC-application
forked from raolu/PC-application
Watch 0
Star 0
Fork 0
Files
Tree: 4ad1959b2c
Branches Tags
PC-application
/
app
/
record
/
css
/
article_detail.css

article_detail.css 2.2 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435 
  1. .article_container{position: relative;}
    2. 

  2. .article-title{font-weight: 700;font-size: 18px;margin-bottom: 0;line-height: 2;}
    3. 

  3. .app-container{padding: 10px 35px;}
    4. 

  4. .pc-container{padding: 10px 320px 10px 20px;}
    5. 

  5. .article-info{margin-bottom: 20px;margin-top: 10px;}
    6. 

  6. .article-info p{margin-bottom: 0;line-height: 1.5;}
    7. 

  7. /*手机大小*/
    8. 

  8. .mobile{width: 240px;position: fixed;right: 30px;top: 50%;margin-top: -242.5px;}
    9. 

  9. /*手机壳大小*/
    10. 

  10. .mobile-shell,.mobile-status{width: 100%;height: auto;display: block;}
    11. 

  11. /*浏览器顶部标题*/
    12. 

  12. .mobile-browser-top{padding: 5px 10px;font-size: 13px;}
    13. 

  13. .mobile-browser-title{position: absolute;text-align: center;left: 0;right: 0;}
    14. 

  14. .mobile-browser-top>.pull-left:before{content: "〈 ";position: absolute;left: -5px;}
    15. 

  15. .mobile-browser-top>.pull-right{font-size: 14px;font-weight: bold;letter-spacing: 1px;}
    16. 

  16. /*手机顶部状态*/
    17. 

  17. .mobile-top{position: absolute;top: 53px;left: 13px;right: 12px;color: #fff;z-index: 2;background-color: #2e2d31;}
    18. 

  18. /*手机内容载体*/
    19. 

  19. .mobile-container{zoom:0.8;position: absolute;left: 15px;right: 15px;padding: 0 5px;top: 120px;bottom: 65px;overflow-y: scroll;}
    20. 

  20. .time-look{color: #888;font-size: 12px;margin-bottom: 0;}
    21. 

  21. /*颜色渐变*/
    22. 

  22. .black-grey-black {
    23. 

  23.   background: -webkit-linear-gradient(left, #1c1a1e , #2c2b30 , #1a1a1d); /* Safari 5.1 - 6.0 */
    24. 

  24.   background: -o-linear-gradient(right, #1c1a1e , #2c2b30 , #1a1a1d); /* Opera 11.1 - 12.0 */
    25. 

  25.   background: -moz-linear-gradient(right, #1c1a1e , #2c2b30 , #1a1a1d); /* Firefox 3.6 - 15 */
    26. 

  26.   background: linear-gradient(to right, #1c1a1e , #2c2b30 , #1a1a1d); /* 标准的语法 */
    27. 

  27. }
    28. 

  28. .shadow-gradient{border-radius: 100%;height: 4px;position: relative;top: -2px;margin: 0 5px;}
    29. 

  29. .btn-return{background: #f96565;color: #fff;width: 100px;margin: 35px auto 20px;}
    30. 

  30. /* 设置滚动条的样式 */
    31. 

  31. .scroll-style::-webkit-scrollbar {width: 5px;}/* 滚动槽 */
    32. 

  32. .scroll-style::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
    33. 

  33. /* 滚动条滑块 */
    34. 

  34. .scroll-style::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
    35. 

  35. .scroll-style::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.3);}
    36.