|
@ -0,0 +1,35 @@
|
|
|
.article_container{position: relative;}
|
|
|
.article-title{font-weight: 700;font-size: 18px;margin-bottom: 0;line-height: 2;}
|
|
|
.app-container{padding: 10px 35px;}
|
|
|
.pc-container{padding: 10px 320px 10px 20px;}
|
|
|
.article-info{margin-bottom: 20px;margin-top: 10px;}
|
|
|
.article-info p{margin-bottom: 0;line-height: 1.5;}
|
|
|
/*手机大小*/
|
|
|
.mobile{width: 240px;position: fixed;right: 30px;top: 50%;margin-top: -242.5px;}
|
|
|
/*手机壳大小*/
|
|
|
.mobile-shell,.mobile-status{width: 100%;height: auto;display: block;}
|
|
|
/*浏览器顶部标题*/
|
|
|
.mobile-browser-top{padding: 5px 10px;font-size: 13px;}
|
|
|
.mobile-browser-title{position: absolute;text-align: center;left: 0;right: 0;}
|
|
|
.mobile-browser-top>.pull-left:before{content: "〈 ";position: absolute;left: -5px;}
|
|
|
.mobile-browser-top>.pull-right{font-size: 14px;font-weight: bold;letter-spacing: 1px;}
|
|
|
/*手机顶部状态*/
|
|
|
.mobile-top{position: absolute;top: 53px;left: 13px;right: 12px;color: #fff;z-index: 2;background-color: #2e2d31;}
|
|
|
/*手机内容载体*/
|
|
|
.mobile-container{zoom:0.8;position: absolute;left: 15px;right: 15px;padding: 0 5px;top: 120px;bottom: 65px;overflow-y: scroll;}
|
|
|
.time-look{color: #888;font-size: 12px;margin-bottom: 0;}
|
|
|
/*颜色渐变*/
|
|
|
.black-grey-black {
|
|
|
background: -webkit-linear-gradient(left, #1c1a1e , #2c2b30 , #1a1a1d); /* Safari 5.1 - 6.0 */
|
|
|
background: -o-linear-gradient(right, #1c1a1e , #2c2b30 , #1a1a1d); /* Opera 11.1 - 12.0 */
|
|
|
background: -moz-linear-gradient(right, #1c1a1e , #2c2b30 , #1a1a1d); /* Firefox 3.6 - 15 */
|
|
|
background: linear-gradient(to right, #1c1a1e , #2c2b30 , #1a1a1d); /* 标准的语法 */
|
|
|
}
|
|
|
.shadow-gradient{border-radius: 100%;height: 4px;position: relative;top: -2px;margin: 0 5px;}
|
|
|
.btn-return{background: #f96565;color: #fff;width: 100px;margin: 35px auto 20px;}
|
|
|
/* 设置滚动条的样式 */
|
|
|
.scroll-style::-webkit-scrollbar {width: 5px;}/* 滚动槽 */
|
|
|
.scroll-style::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
|
|
|
/* 滚动条滑块 */
|
|
|
.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);}
|
|
|
.scroll-style::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.3);}
|