61 lines
2.1 KiB
CSS
61 lines
2.1 KiB
CSS
|
|
/*
|
|
ConciseUI Beta 1.0
|
|
Web唐明明 20170103
|
|
*/
|
|
|
|
*{padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
|
|
body{font-family: "微软雅黑"}
|
|
ul{list-style-type: none;}
|
|
img{vertical-align: bottom;}
|
|
|
|
.ce-nav ~ .ce-content{border-bottom:solid 2.4rem transparent;}
|
|
.programme-btn ~ .ce-content{border-bottom:solid 2.4rem transparent;}
|
|
.ce-nav ~ .ce-content-tab{border-top:solid 2.4rem transparent;}
|
|
|
|
/*
|
|
元素垂直方向
|
|
*/
|
|
|
|
.ce-pack-end{display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack:end; position: absolute; right:.5rem; top:.5rem; bottom: .5rem;}
|
|
|
|
/*
|
|
文字截断
|
|
*/
|
|
|
|
.ce-nowrap{ max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
|
.ce-nowrap-multi{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
|
|
|
|
/*
|
|
默认背景图
|
|
*/
|
|
|
|
.default-back-img{background-image: url(../img/img-bg.png);}
|
|
.back-img{background-size: cover; background-position: center; background-repeat: no-repeat; position:absolute; height: 100%; width: 100%; top: 0; left: 0;}
|
|
|
|
.portrait{background-image: url(../img/user_portrait_06.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; border-radius: 100%;}
|
|
.portrait span{position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 100%;}
|
|
|
|
/*
|
|
边距
|
|
*/
|
|
|
|
.has-margin-left-sm{margin-left: 0.5rem !important;}
|
|
.has-margin-right-sm{margin-right: 0.5rem !important;}
|
|
.has-margin-top-sm{margin-top: 0.5rem !important;}
|
|
|
|
.has-margin-top-lg{margin-top: 1rem !important;}
|
|
.has-margin-bottom-lg{margin-top: 1rem !important;}
|
|
|
|
/*
|
|
内补
|
|
*/
|
|
|
|
.has-padding-top-sm{padding-top: 0.5rem !important;}
|
|
.has-padding-right-sm{padding-right: 0.5rem !important;}
|
|
.has-padding-bottom-sm{padding-bottom: 0.5rem !important;}
|
|
|
|
.has-padding-lg{padding: 1rem !important;}
|
|
.has-padding-right-lg{padding-right: 1rem !important;}
|
|
|