wanghongjun
2 years ago
90 changed files with 30201 additions and 0 deletions
@ -0,0 +1,5 @@ |
|||||
|
.article-container{ |
||||
|
background-color: transparent; |
||||
|
display: flex; |
||||
|
flex-direction:row-reverse; |
||||
|
} |
||||
@ -0,0 +1,3 @@ |
|||||
|
.banner{ |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,185 @@ |
|||||
|
*{ |
||||
|
padding:0; |
||||
|
margin:0; |
||||
|
} |
||||
|
//::-webkit-scrollbar{ |
||||
|
// display:none; |
||||
|
//} |
||||
|
//html { |
||||
|
// -ms-overflow-style:none; |
||||
|
// overflow:-moz-scrollbars-none; |
||||
|
//} |
||||
|
html::-webkit-scrollbar{width:0} |
||||
|
html{ |
||||
|
font-size: $font-html-size; |
||||
|
-webkit-text-size-adjust:100%; |
||||
|
} |
||||
|
body{ |
||||
|
background-color:$body-bg; |
||||
|
font-family:$font-family-sans-serif; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
line-height: $line-height-base; |
||||
|
font-size: 0.6rem; |
||||
|
color: $text-color; |
||||
|
min-width:$container-width; |
||||
|
} |
||||
|
.container{ |
||||
|
width: $container-width; |
||||
|
} |
||||
|
.href-abs{ |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
top:0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
opacity: 0; |
||||
|
background-color: rgba(0,0,0,0.1); |
||||
|
font-weight: bold; |
||||
|
font-size: 0; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.icon{ |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
-webkit-background-size:contain; |
||||
|
background-size:contain; |
||||
|
background-position: center; |
||||
|
background-repeat: no-repeat; |
||||
|
} |
||||
|
a{ |
||||
|
color: $link-color; |
||||
|
} |
||||
|
a:hover,a:focus,a:active{ |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
h1, h2, h3, h4, h5, p,ol, ul { |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
} |
||||
|
ul,ol{ |
||||
|
list-style: none; |
||||
|
} |
||||
|
.min-width{ |
||||
|
min-width: $container-width; |
||||
|
margin-left:auto; |
||||
|
margin-right:auto; |
||||
|
} |
||||
|
.dinline-left{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
} |
||||
|
.dinline{ |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.linh1-7{ |
||||
|
line-height: 1.7rem; |
||||
|
padding:0 0.2rem; |
||||
|
} |
||||
|
.img-100{ |
||||
|
width:100%; |
||||
|
height:auto; |
||||
|
} |
||||
|
.padding-lr-0{ |
||||
|
padding-right:0; |
||||
|
padding-left:0; |
||||
|
} |
||||
|
.padding-r-0{ |
||||
|
padding-right:0; |
||||
|
} |
||||
|
.padding-l-0{ |
||||
|
padding-left:0; |
||||
|
} |
||||
|
.border-top0{ |
||||
|
border-top:0 !important; |
||||
|
} |
||||
|
.overflow-h{ |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.float-left{ |
||||
|
float: left; |
||||
|
} |
||||
|
.bg-fff{ |
||||
|
background-color: #ffffff; |
||||
|
} |
||||
|
.scroll-y{ |
||||
|
overflow-y: scroll; |
||||
|
} |
||||
|
.border-green{ |
||||
|
border-color: $border-green; |
||||
|
} |
||||
|
|
||||
|
.cat-header{ |
||||
|
position: relative; |
||||
|
|
||||
|
color: $black; |
||||
|
border-bottom:0.1rem solid $grey-e9; |
||||
|
.tit,.list{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
} |
||||
|
.tit{ |
||||
|
font-size: 1.1rem; |
||||
|
border-bottom: 0.1rem solid $black; |
||||
|
line-height: 2.00rem; |
||||
|
padding-right: 1.8rem; |
||||
|
margin-bottom: -0.1rem; |
||||
|
} |
||||
|
.list{ |
||||
|
padding-left: 0.5rem; |
||||
|
a{ |
||||
|
color: $black; |
||||
|
padding:0 0.5rem; |
||||
|
line-height: 2rem; |
||||
|
font-size: 0.7rem; |
||||
|
&:hover{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.more{ |
||||
|
display: inline-block; |
||||
|
color: $green; |
||||
|
font-size: 0.6rem; |
||||
|
float: right; |
||||
|
vertical-align: bottom; |
||||
|
margin-top: 0.5rem; |
||||
|
cursor: pointer; |
||||
|
&:hover{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.line-box{ |
||||
|
min-width: 6rem; |
||||
|
width: 100%; |
||||
|
background-color: $bg-ee; |
||||
|
height:0.75rem; |
||||
|
.line-zhi{ |
||||
|
height:0.75rem; |
||||
|
background-color: $orange; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
input:focus,button:focus,textarea:focus{ |
||||
|
outline: 0; |
||||
|
} |
||||
|
.dropdown-menu{ |
||||
|
position: absolute !important; |
||||
|
} |
||||
|
.min80vh{ |
||||
|
min-height: 80vh; |
||||
|
} |
||||
|
|
||||
|
.dis-block{ |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
.color-success{ |
||||
|
color: green !important; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.color-warning{ |
||||
|
color: red !important; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
@ -0,0 +1,16 @@ |
|||||
|
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){ |
||||
|
.border-1px{ |
||||
|
&:after{ |
||||
|
-webkit-transform: scaleY(0.7); |
||||
|
transform: scaleY(0.7); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){ |
||||
|
.border-1px{ |
||||
|
&:after{ |
||||
|
-webkit-transform: scaleY(0.5); |
||||
|
transform: scaleY(0.5); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
|
||||
@ -0,0 +1,334 @@ |
|||||
|
.detail-container{ |
||||
|
min-height: 80vh; |
||||
|
padding:1.75rem 0; |
||||
|
} |
||||
|
.detail-main{ |
||||
|
.detail-shell{ |
||||
|
border:1px solid $border-dd; |
||||
|
.breadcrumb{ |
||||
|
padding:0.6rem 0.75rem; |
||||
|
-webkit-border-radius: 0rem; |
||||
|
-moz-border-radius: 0rem; |
||||
|
border-radius: 0rem; |
||||
|
margin-bottom: 0; |
||||
|
a{ |
||||
|
color: $font-66; |
||||
|
} |
||||
|
} |
||||
|
.detail-body{ |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
color: $font-33; |
||||
|
min-height: 30rem; |
||||
|
.waiting{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
font-size: 2rem; |
||||
|
font-weight: bolder; |
||||
|
text-align: center; |
||||
|
padding-top:10rem; |
||||
|
background-color: rgba(255,255,255,1); |
||||
|
color: $font-00; |
||||
|
z-index: 99; |
||||
|
h1{ |
||||
|
margin-bottom: 0.5rem; |
||||
|
} |
||||
|
} |
||||
|
.detail-tit{ |
||||
|
font-size: 1.2rem; |
||||
|
padding: 0.75rem; |
||||
|
color: $font-00; |
||||
|
} |
||||
|
.detail-actions{ |
||||
|
overflow: hidden; |
||||
|
padding: 0.5rem; |
||||
|
border-top:1px solid $border-dd; |
||||
|
.item { |
||||
|
margin-right: 1rem; |
||||
|
i { |
||||
|
color: $orange; |
||||
|
margin-right: 0.3rem; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.detail-other{ |
||||
|
padding-left: 0.75rem ; |
||||
|
padding-bottom: 1rem; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
.tit{ |
||||
|
color: $black; |
||||
|
} |
||||
|
.content{ |
||||
|
color: $font-99; |
||||
|
} |
||||
|
} |
||||
|
.detail-info{ |
||||
|
|
||||
|
border-top: 1px solid $border-dd; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
.item{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
border-bottom:1px solid $border-dd; |
||||
|
&:nth-last-child(1),&:nth-last-child(2){ |
||||
|
border-bottom: 0; |
||||
|
} |
||||
|
.item-tit,.item-txt{ |
||||
|
padding:0.5rem 1rem; |
||||
|
|
||||
|
} |
||||
|
.item-tit{ |
||||
|
background-color: $bg-ee; |
||||
|
width: 4.6rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.detail-detail{ |
||||
|
padding:1.5rem; |
||||
|
line-height: 1.2rem; |
||||
|
.dd-content{ |
||||
|
img{ |
||||
|
display: block; |
||||
|
max-width: 100%; |
||||
|
margin: 0.75rem auto; |
||||
|
} |
||||
|
p{ |
||||
|
margin-bottom: 0.5rem; |
||||
|
text-indent: 1.2rem; |
||||
|
&>small{ |
||||
|
text-align: center; |
||||
|
display: block; |
||||
|
} |
||||
|
} |
||||
|
h3{ |
||||
|
font-size: 0.8rem; |
||||
|
margin-bottom: 0.75rem; |
||||
|
} |
||||
|
h4{ |
||||
|
font-size: 0.7rem; |
||||
|
margin-bottom: 0.75rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.detail-bottom{ |
||||
|
padding: 1rem; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.fenxi-box{ |
||||
|
.fx-tit{ |
||||
|
line-height: 2rem; |
||||
|
font-size: 0.8rem; |
||||
|
padding-left: 1rem; |
||||
|
background-color: #eee; |
||||
|
border-top: 1px solid #ddd; |
||||
|
} |
||||
|
.fx-content{ |
||||
|
line-height: 1.2rem; |
||||
|
padding:0.75rem 1.5rem; |
||||
|
h4{ |
||||
|
font-size: 0.8rem; |
||||
|
line-height: 1rem; |
||||
|
margin: 0.5rem 0; |
||||
|
padding-left: 0.3rem; |
||||
|
border-left: 2px solid #333; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.sh-msg{ |
||||
|
text-align: center; |
||||
|
padding-top: 5rem; |
||||
|
color: $orange; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.detail-dianping{ |
||||
|
.dp-tit{ |
||||
|
line-height: 2rem; |
||||
|
font-size: 0.8rem; |
||||
|
padding-left:1rem; |
||||
|
background-color: $bg-ee; |
||||
|
border-top:1px solid $border-dd; |
||||
|
|
||||
|
} |
||||
|
.dp-container{ |
||||
|
padding:0.75rem 1.5rem; |
||||
|
.dp-item{ |
||||
|
padding: 0.75rem 0; |
||||
|
.dp-zj-shell{ |
||||
|
.dp-header{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
width: 3rem; |
||||
|
height: 3rem; |
||||
|
-webkit-border-radius: .4rem; |
||||
|
-moz-border-radius: .4rem; |
||||
|
border-radius: .4rem; |
||||
|
overflow: hidden; |
||||
|
background-color: $bg-ee; |
||||
|
} |
||||
|
.dp-body{ |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
padding-left:0.5rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
.dp-name{ |
||||
|
font-size: 0.7rem; |
||||
|
margin-bottom: 0.3rem; |
||||
|
small{ |
||||
|
margin-left: 0.5rem; |
||||
|
color: $font-99; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.dp-tags{ |
||||
|
margin-bottom: 0.2rem; |
||||
|
span{ |
||||
|
margin-right: 0.2rem; |
||||
|
} |
||||
|
} |
||||
|
.erma{ |
||||
|
background-color: $bg-ff; |
||||
|
width: 5rem; |
||||
|
height:5rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.dp-content{ |
||||
|
position: relative; |
||||
|
i{ |
||||
|
position: absolute; |
||||
|
font-size: 0.8rem; |
||||
|
top: -12px; |
||||
|
left: 1.1rem; |
||||
|
-webkit-transform: rotate(-90deg); |
||||
|
-moz-transform: rotate(-90deg); |
||||
|
-ms-transform: rotate(-90deg); |
||||
|
-o-transform: rotate(-90deg); |
||||
|
transform: rotate(-90deg); |
||||
|
color: $bg-f1; |
||||
|
} |
||||
|
.dp-txt{ |
||||
|
background-color: $bg-f1; |
||||
|
padding:1rem; |
||||
|
line-height: 1.25rem; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem;; |
||||
|
} |
||||
|
} |
||||
|
.dp-input{ |
||||
|
border-radius: 0.2rem; |
||||
|
width: 100%; |
||||
|
margin-top: 1rem; |
||||
|
border: 1px solid $border-dd; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
.detail-aside{ |
||||
|
.suggests{ |
||||
|
margin-top: 1rem; |
||||
|
border:1px solid $border-dd; |
||||
|
.tit{ |
||||
|
font-size: 0.7rem; |
||||
|
color: $font-33; |
||||
|
background-color: $bg-ee; |
||||
|
padding-left: 0.5rem; |
||||
|
line-height: 2rem; |
||||
|
} |
||||
|
.sug-list{ |
||||
|
padding:0.3rem 0.3rem; |
||||
|
.list-item{ |
||||
|
position: relative; |
||||
|
color: $font-66; |
||||
|
a{ |
||||
|
line-height: 1.25rem; |
||||
|
color: $font-66; |
||||
|
cursor: pointer; |
||||
|
&:hover{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
.time{ |
||||
|
position: absolute; |
||||
|
right:0; |
||||
|
top:0; |
||||
|
} |
||||
|
} |
||||
|
.fig-normal{ |
||||
|
padding:0; |
||||
|
margin-bottom: 0.5rem; |
||||
|
&:hover{ |
||||
|
.fig-img{ |
||||
|
opacity:0.8; |
||||
|
} |
||||
|
} |
||||
|
.fig-tit{ |
||||
|
white-space:nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.san-biao{ |
||||
|
border:1px solid $border-dd; |
||||
|
padding: 0.5rem 0.75rem; |
||||
|
.top-shell{ |
||||
|
border:1px solid $border-dd; |
||||
|
padding:0.35rem 0; |
||||
|
margin-bottom: 0.65rem; |
||||
|
} |
||||
|
.bottom{ |
||||
|
padding:0 !important; |
||||
|
} |
||||
|
.tit{ |
||||
|
font-size: 0.8rem; |
||||
|
text-align: center; |
||||
|
color: $font-33; |
||||
|
} |
||||
|
.body{ |
||||
|
padding-top:1rem; |
||||
|
.fig-normal{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
width: 33.33%; |
||||
|
padding:0; |
||||
|
a{ |
||||
|
padding:0 0.75rem; |
||||
|
display: block; |
||||
|
border-right:1px solid $border-dd; |
||||
|
} |
||||
|
figcaption{ |
||||
|
text-align: center; |
||||
|
color: $font-33; |
||||
|
} |
||||
|
&:last-child>a{ |
||||
|
border-right:0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.detail-container-dc{ |
||||
|
.detail-main{ |
||||
|
.detail-shell{ |
||||
|
border:0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,120 @@ |
|||||
|
figure{ |
||||
|
position: relative; |
||||
|
} |
||||
|
.fig-default{ |
||||
|
position: relative; |
||||
|
.fig-img-wrapper{ |
||||
|
position: relative; |
||||
|
.paddingT{ |
||||
|
padding-top: 100%; |
||||
|
} |
||||
|
img{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
display: block; |
||||
|
max-height:100%; |
||||
|
max-width:100%; |
||||
|
margin:auto; |
||||
|
} |
||||
|
} |
||||
|
&>figcaption{ |
||||
|
padding: 0.5rem 0; |
||||
|
.fig-tit{ |
||||
|
font-size: 0.7rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.fig-info{ |
||||
|
font-size: 0.6rem; |
||||
|
margin-bottom: 0.3rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.fig-one{ |
||||
|
position: relative; |
||||
|
&>figcaption{ |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
background-color: rgba(1,1,1,0.5); |
||||
|
line-height: 1.2rem; |
||||
|
font-size: 0.6rem; |
||||
|
white-space: nowrap; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
color: #fff; |
||||
|
padding:0.2rem; |
||||
|
} |
||||
|
} |
||||
|
.fig-normal{ |
||||
|
padding: 0.5rem; |
||||
|
.fig-img{ |
||||
|
display: block; |
||||
|
margin:0 auto; |
||||
|
} |
||||
|
figcaption{ |
||||
|
padding:0.5rem 0; |
||||
|
.fig-tit{ |
||||
|
font-size: 0.7rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.fig-inline,.fig-inline-v2{ |
||||
|
//padding:0.75rem; |
||||
|
.fig-img-wrapper{ |
||||
|
position: relative; |
||||
|
width: 40%; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
border:1px solid $border-dd; |
||||
|
.paddingT{ |
||||
|
padding-top: 100%; |
||||
|
} |
||||
|
img{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
display: block; |
||||
|
max-height:100%; |
||||
|
max-width:100%; |
||||
|
margin:auto; |
||||
|
} |
||||
|
} |
||||
|
figcaption{ |
||||
|
width: 60%; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
padding: 0.5rem; |
||||
|
.fig-tit{ |
||||
|
font-size:0.9rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
} |
||||
|
.fig-info{ |
||||
|
font-size: 0.6rem; |
||||
|
margin-bottom: 0.3rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.fig-inline-v2{ |
||||
|
figcaption{ |
||||
|
width:auto; |
||||
|
.fig-tit{ |
||||
|
font-size: 0.9rem; |
||||
|
margin-bottom:0.5rem; |
||||
|
} |
||||
|
.fig-info{ |
||||
|
font-size: 0.6rem; |
||||
|
margin-bottom: 0.3rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,80 @@ |
|||||
|
.float-tool { |
||||
|
position: fixed; |
||||
|
_position: absolute; |
||||
|
bottom: 33%; |
||||
|
right: .1%; |
||||
|
z-index: 250; |
||||
|
margin-bottom: -90px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.xiaoyu-box,.yun95187{ |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .yun95187 { |
||||
|
display: block; |
||||
|
position: relative; |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 50px; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .yun95187 .white { |
||||
|
display: block; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel { |
||||
|
width: 360px; |
||||
|
height: 100px; |
||||
|
background: #fff; |
||||
|
border: 1px solid #c5d8db; |
||||
|
padding: 0 20px; |
||||
|
border-top: 5px solid #00C1DE; |
||||
|
text-align: left; |
||||
|
-webkit-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15); |
||||
|
-moz-box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15); |
||||
|
box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.15); |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
padding: 15px 0; |
||||
|
//border-bottom: .5px solid #DEDEDE; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-left-icon { |
||||
|
width: 50px; |
||||
|
float: left; |
||||
|
padding-top: 10px; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text { |
||||
|
padding-left: 70px; |
||||
|
height: 54px; |
||||
|
color: #373D41; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .desc { |
||||
|
font-size: 14px !important; |
||||
|
line-height: 22px; |
||||
|
margin-bottom: 4px; |
||||
|
color: #5F6367; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .top-area .top-right-text .phone { |
||||
|
font-size: 18px !important; |
||||
|
line-height: 28px; |
||||
|
color: #00C1DE; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area { |
||||
|
width: 100%; |
||||
|
font-size: 12px; |
||||
|
color: #9B9EA0; |
||||
|
padding-top: 16px; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area .bottom-li li { |
||||
|
float: left; |
||||
|
width: 40%; |
||||
|
list-style-type: circle; |
||||
|
margin-left: 10%; |
||||
|
} |
||||
|
.aliyun-individuation-xiaoyun-95187 .module-wrap .showTel .tel-hover-panel .bottom-area a { |
||||
|
font-size: 14px; |
||||
|
color: #A9B0B4; |
||||
|
} |
||||
@ -0,0 +1,49 @@ |
|||||
|
.footer{ |
||||
|
padding: 1rem 0; |
||||
|
background-color: $navy-grey; |
||||
|
line-height: 1.0rem; |
||||
|
font-size: 0.6rem; |
||||
|
.footer-nav{ |
||||
|
.footer-a{ |
||||
|
display: inline-block; |
||||
|
padding-right:1rem; |
||||
|
color: #fff; |
||||
|
cursor: pointer; |
||||
|
&:hover{ |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.footer-copyright{ |
||||
|
color: #fff; |
||||
|
a{ |
||||
|
color: #fff; |
||||
|
&:hover{ |
||||
|
color: #fff; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.beian{ |
||||
|
color: #fff; |
||||
|
|
||||
|
} |
||||
|
.container{ |
||||
|
position: relative; |
||||
|
.contact{ |
||||
|
position: absolute; |
||||
|
top: 1rem; |
||||
|
right: 3rem; |
||||
|
font-size: 0.7rem; |
||||
|
color: $font-ff; |
||||
|
p{ |
||||
|
margin-bottom: 0.2rem; |
||||
|
&:first-child{ |
||||
|
font-size: 0.8rem; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,99 @@ |
|||||
|
.form-yh{ |
||||
|
.form-control{ |
||||
|
border-color: $grey-e9; |
||||
|
background-color: transparent; |
||||
|
-webkit-border-radius:0; |
||||
|
-moz-border-radius:0; |
||||
|
border-radius:0; |
||||
|
} |
||||
|
.checkbox-ui { |
||||
|
.icon-font{ |
||||
|
width: 16px; |
||||
|
height:16px; |
||||
|
line-height: 14px; |
||||
|
border: 1px solid $grey-e9; |
||||
|
margin-right: 10px; |
||||
|
margin-top:-3px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.form-control.error,.has-error .form-control,.has-error .form-control:focus{ |
||||
|
border:2px solid $orange; |
||||
|
} |
||||
|
.form-control.valid,.btn.valid,.has-success .form-control{ |
||||
|
&:focus{ |
||||
|
border: 2px solid $green; |
||||
|
} |
||||
|
border: 2px solid $green; |
||||
|
} |
||||
|
.steps{ |
||||
|
.form-control{ |
||||
|
border-width:2px; |
||||
|
} |
||||
|
.btn{ |
||||
|
border-width: 2px; |
||||
|
} |
||||
|
} |
||||
|
.form-control.form-control-0,.input-hide{ |
||||
|
position: absolute !important; |
||||
|
left:200%; |
||||
|
top:100%; |
||||
|
} |
||||
|
.msg{ |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.form-horizontal .has-feedback .form-control-feedback{ |
||||
|
z-index: 999; |
||||
|
right: -10px; |
||||
|
} |
||||
|
.forwhat{ |
||||
|
font-size: 0.6rem; |
||||
|
line-height: 1.7rem; |
||||
|
} |
||||
|
.show-file-path{ |
||||
|
line-height: 1.7rem; |
||||
|
color: red; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.send-code-btn{ |
||||
|
width: 100%; |
||||
|
} |
||||
|
.transition-default{ |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
} |
||||
|
.export-area{ |
||||
|
.form-control{ |
||||
|
&+.form-control{ |
||||
|
margin-top: 1rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
small{ |
||||
|
&+.form-control{ |
||||
|
margin-top: 1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.btn-export-area{ |
||||
|
display: block; |
||||
|
font-size: 1rem; |
||||
|
padding:0; |
||||
|
line-height: 1.6rem; |
||||
|
width: 1.7rem; |
||||
|
text-align: center; |
||||
|
-webkit-border-radius:50%; |
||||
|
-moz-border-radius:50%; |
||||
|
border-radius:50%; |
||||
|
&+&{ |
||||
|
margin-top: 1rem; |
||||
|
} |
||||
|
} |
||||
|
#addDirectories{ |
||||
|
overflow: hidden; |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
@include make-grid-columns(); |
||||
@ -0,0 +1,112 @@ |
|||||
|
.header{ |
||||
|
display: block; |
||||
|
width:100%; |
||||
|
padding:1rem 0 0.75rem; |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
background-color: $bg-ff; |
||||
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) ; |
||||
|
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) ; |
||||
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) ; |
||||
|
.container{ |
||||
|
.main-nav{ |
||||
|
line-height: 1.55rem; |
||||
|
font-size: $font-size-16-nav; |
||||
|
position: relative; |
||||
|
.nav-logo{ |
||||
|
height: 2.5rem; |
||||
|
line-height: 2.5rem; |
||||
|
color: $orange; |
||||
|
font-size: 1.1rem; |
||||
|
width: 12.7rem; |
||||
|
img{ |
||||
|
vertical-align: middle; |
||||
|
height: auto; |
||||
|
width: 3.5rem; |
||||
|
} |
||||
|
} |
||||
|
.nav-right{ |
||||
|
display: block; |
||||
|
float: left; |
||||
|
width: 42.3rem; |
||||
|
} |
||||
|
.nav-list{ |
||||
|
display: inline-block; |
||||
|
padding: 0 1rem; |
||||
|
line-height: 2.5rem; |
||||
|
font-size:0.8rem; |
||||
|
width:28.5rem; |
||||
|
overflow: hidden; |
||||
|
//width: auto; |
||||
|
border-top: 0; |
||||
|
height: auto!important; |
||||
|
.nav-list-item{ |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
float: left; |
||||
|
text-align: center; |
||||
|
overflow: hidden; |
||||
|
.nav-list-link{ |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
color: $grey-99; |
||||
|
padding:0 1rem; |
||||
|
&:hover,&.active{ |
||||
|
color: $black; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.serach{ |
||||
|
float: right; |
||||
|
width: 11rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.f-search-box-top{ |
||||
|
position: relative; |
||||
|
} |
||||
|
.f-search-form-top{ |
||||
|
margin: 0 auto; |
||||
|
margin-top: 0.5rem; |
||||
|
} |
||||
|
.f-search-text-top{ |
||||
|
width: 8rem; |
||||
|
float: left; |
||||
|
display: inline-block; |
||||
|
outline: none; |
||||
|
padding:0 0.4rem; |
||||
|
height: 1.7rem; |
||||
|
font-size: 0.7rem; |
||||
|
line-height: 1.6rem; |
||||
|
-webkit-border-radius: 5px 0 0 5px; |
||||
|
-moz-border-radius: 5px 0 0 5px; |
||||
|
border-radius: 5px 0 0 5px; |
||||
|
border: 1px solid #a8a8a8; |
||||
|
} |
||||
|
.f-search-text-top:focus{ |
||||
|
-webkit-box-shadow: inset 1px 0 30px rgba(255,255,255,.8); |
||||
|
-moz-box-shadow: inset 1px 0 30px rgba(255,255,255,.8); |
||||
|
box-shadow: inset 1px 0 30px rgba(255,255,255,.8); |
||||
|
} |
||||
|
.f-search-form-top.focus{ |
||||
|
background-color: red; |
||||
|
} |
||||
|
.f-search-button-top{ |
||||
|
float: left; |
||||
|
display: inline-block; |
||||
|
height: 1.7rem; |
||||
|
padding:0 0.45rem; |
||||
|
font-size: 0.75rem; |
||||
|
line-height: 1.7rem; |
||||
|
cursor: pointer; |
||||
|
-webkit-border-radius: 0 5px 5px 0; |
||||
|
-moz-border-radius: 0 5px 5px 0; |
||||
|
border-radius: 0 5px 5px 0; |
||||
|
border:0; |
||||
|
background-color: $green; |
||||
|
color: #ffffff; |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
.icon{ |
||||
|
display: inline-block; |
||||
|
vertical-align: middle; |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center; |
||||
|
} |
||||
|
.icon-xs{ |
||||
|
width: 17px; |
||||
|
height: 17px; |
||||
|
} |
||||
|
.ic-clock{ |
||||
|
background-image: url(../img/clock.png); |
||||
|
} |
||||
|
.icon-dh{ |
||||
|
width: 54px; |
||||
|
height: 54px; |
||||
|
background-image: url("../img/icon-dh.png"); |
||||
|
-webkit-background-size:auto; |
||||
|
background-size:auto; |
||||
|
} |
||||
|
.icon-font{ |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
text-align: center; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.checkbox-ui{ |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
vertical-align: middle; |
||||
|
input{ |
||||
|
position: absolute; |
||||
|
top:100%; |
||||
|
right:100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.checkbox-ui input:checked + .icon-font:after { |
||||
|
content: '\2713'; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
color: #758794; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
font-size: 1em; |
||||
|
vertical-align: text-top; |
||||
|
} |
||||
@ -0,0 +1,294 @@ |
|||||
|
@import "variables"; |
||||
|
|
||||
|
.carousel-index { |
||||
|
width: 100%; |
||||
|
img { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.xcx-menu-wrapper { |
||||
|
padding: 10px; |
||||
|
background-color: $bg-content-base; |
||||
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
||||
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
||||
|
margin-bottom: 18px; |
||||
|
.new-content { |
||||
|
max-width: 1080px; |
||||
|
margin: 0 auto; |
||||
|
padding: 0 10px; |
||||
|
} |
||||
|
.xcx-menu-item { |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
padding-left: 80px; |
||||
|
padding-right: 20px; |
||||
|
position: relative; |
||||
|
height: 80px; |
||||
|
.media { |
||||
|
position: absolute; |
||||
|
width: 80px; |
||||
|
height: 80px; |
||||
|
padding: 15px; |
||||
|
top: 0; |
||||
|
left: 0px; |
||||
|
-webkit-border-radius: 50%; |
||||
|
-moz-border-radius: 50%; |
||||
|
border-radius: 50%; |
||||
|
background-color: #821919; |
||||
|
img { |
||||
|
display: block; |
||||
|
height: 100%; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
} |
||||
|
.info { |
||||
|
padding: 20px 10px 0px 10px; |
||||
|
color: $red; |
||||
|
line-height: 1.2; |
||||
|
-webkit-transform-origin: top center; |
||||
|
-moz-transform-origin: top center; |
||||
|
-ms-transform-origin: top center; |
||||
|
-o-transform-origin: top center; |
||||
|
transform-origin: top center; |
||||
|
-webkit-transform: scale(0.9); |
||||
|
-moz-transform: scale(0.9); |
||||
|
-ms-transform: scale(0.9); |
||||
|
-o-transform: scale(0.9); |
||||
|
transform: scale(0.9); |
||||
|
.top { |
||||
|
font-size: 22px; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.down { |
||||
|
font-size: 12px; |
||||
|
text-transform: uppercase; |
||||
|
} |
||||
|
} |
||||
|
&:last-child { |
||||
|
padding-right: 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//检索 |
||||
|
.retrieve-wrapper { |
||||
|
.content { |
||||
|
//border:1px solid #ccc; |
||||
|
padding: 20px; |
||||
|
background-color: $bg-content-base; |
||||
|
margin-bottom: 10px; |
||||
|
.ret-item { |
||||
|
margin-bottom: 20px; |
||||
|
max-height: 26px; |
||||
|
overflow: hidden; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
&:last-child { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
.right { |
||||
|
padding-left: 80px; |
||||
|
text-align: left; |
||||
|
padding-right: 30px; |
||||
|
position: relative; |
||||
|
line-height: 26px; |
||||
|
a { |
||||
|
color: #333; |
||||
|
padding: 0 20px; |
||||
|
display: inline-block; |
||||
|
|
||||
|
&.active, &:hover { |
||||
|
color: $red; |
||||
|
} |
||||
|
} |
||||
|
.more { |
||||
|
position: absolute; |
||||
|
right: 10px; |
||||
|
top: 0; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
display: none; |
||||
|
&.open { |
||||
|
-webkit-transform: rotateX(180deg); |
||||
|
-moz-transform: rotateX(180deg); |
||||
|
-ms-transform: rotateX(180deg); |
||||
|
-o-transform: rotateX(180deg); |
||||
|
transform: rotateX(180deg); |
||||
|
} |
||||
|
} |
||||
|
.num-wrapper { |
||||
|
padding-left: 20px; |
||||
|
} |
||||
|
.num { |
||||
|
color: $red; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
} |
||||
|
.left { |
||||
|
width: 80px; |
||||
|
display: inline-block; |
||||
|
line-height: 26px; |
||||
|
float: left; |
||||
|
color: #999999; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//排序 |
||||
|
.paixu-wrapper { |
||||
|
margin-bottom: 20px; |
||||
|
.content { |
||||
|
background-color: $bg-content-base; |
||||
|
.paixu { |
||||
|
font-size: 14px; |
||||
|
line-height: 44px; |
||||
|
border: 1px solid $border-dd; |
||||
|
.px-update { |
||||
|
width: 150px; |
||||
|
float: left; |
||||
|
border-right: 1px solid $border-dd; |
||||
|
} |
||||
|
.px-jifen { |
||||
|
width: 210px; |
||||
|
float: left; |
||||
|
border-right: 1px solid $border-dd; |
||||
|
} |
||||
|
.px-search { |
||||
|
width: 340px; |
||||
|
float: right; |
||||
|
} |
||||
|
.paixu-item { |
||||
|
padding: 0 10px; |
||||
|
color: $font-light; |
||||
|
cursor: pointer; |
||||
|
&.active { |
||||
|
color: $red; |
||||
|
&.up { |
||||
|
.arrow { |
||||
|
transform: rotateX(180deg); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.word, .arrow { |
||||
|
display: inline-block; |
||||
|
padding-right: 10px; |
||||
|
} |
||||
|
.arrow { |
||||
|
float: right; |
||||
|
} |
||||
|
.search-wrapper { |
||||
|
position: relative; |
||||
|
.search-form { |
||||
|
margin-top: 7px; |
||||
|
padding-left: 10px; |
||||
|
height: 32px; |
||||
|
border: 1px solid $border-dd; |
||||
|
-webkit-border-radius: 4px; |
||||
|
-moz-border-radius: 4px; |
||||
|
border-radius: 4px; |
||||
|
.search-input { |
||||
|
line-height: 30px; |
||||
|
padding-left: 10px; |
||||
|
height: 30px; |
||||
|
width: 250px; |
||||
|
outline: none; |
||||
|
border: 0; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
} |
||||
|
.icon-search { |
||||
|
display: inline-block; |
||||
|
line-height: 30px; |
||||
|
float: left; |
||||
|
color: #999; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//项目 |
||||
|
.project-wrapper { |
||||
|
.project-item { |
||||
|
margin-bottom: 10px; |
||||
|
padding: 0; |
||||
|
background-color: $bg-ff; |
||||
|
.project-media { |
||||
|
.title { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
padding: 25px; |
||||
|
font-size: 30px; |
||||
|
font-weight: 500; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
.project-content { |
||||
|
background-image: url("./../img/bg-logo.png"); |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: right bottom; |
||||
|
.content-content { |
||||
|
padding: 25px 35px; |
||||
|
.top { |
||||
|
margin-bottom: 30px; |
||||
|
.cats, .go-detail { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
.go-detail { |
||||
|
float: right; |
||||
|
a { |
||||
|
color: $red; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.cats { |
||||
|
color: $font-light; |
||||
|
} |
||||
|
} |
||||
|
.middle{ |
||||
|
overflow: hidden; |
||||
|
margin-bottom: 40px; |
||||
|
.left,.right{ |
||||
|
float: left; |
||||
|
.project-fs{ |
||||
|
color: $font-light; |
||||
|
} |
||||
|
h2{ |
||||
|
font-size: 40px; |
||||
|
font-weight: bolder; |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.left{ |
||||
|
width: 60%; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.right{ |
||||
|
width: 40%; |
||||
|
} |
||||
|
} |
||||
|
.bottom{ |
||||
|
color: $font-light; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,25 @@ |
|||||
|
/*range*/ |
||||
|
/*reset style*/ |
||||
|
input[type=range] { |
||||
|
-webkit-appearance: none; /* Hides the slider so that custom slider can be made */ |
||||
|
width: 100%; /* Specific width is required for Firefox. */ |
||||
|
background: transparent; /* Otherwise white in Chrome */ |
||||
|
} |
||||
|
|
||||
|
input[type=range]::-webkit-slider-thumb { |
||||
|
-webkit-appearance: none; |
||||
|
} |
||||
|
|
||||
|
input[type=range]:focus { |
||||
|
outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ |
||||
|
} |
||||
|
|
||||
|
input[type=range]::-ms-track { |
||||
|
width: 100%; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
/* Hides the slider so custom styles can be added */ |
||||
|
background: transparent; |
||||
|
border-color: transparent; |
||||
|
color: transparent; |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
.normal-list{ |
||||
|
.nor-li{ |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
padding-top: 0.5rem; |
||||
|
line-height: 1.5rem; |
||||
|
border-bottom:1px solid $grey-e9; |
||||
|
.nor-title{ |
||||
|
width: 60%; |
||||
|
float: left; |
||||
|
white-space: nowrap; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.nor-time{ |
||||
|
width: 20%; |
||||
|
float: right; |
||||
|
text-align: right; |
||||
|
color: $grey-b5; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.dropdown-menu{ |
||||
|
&.cols-5{ |
||||
|
min-width: 180px; |
||||
|
&>li{ |
||||
|
display: inline-block; |
||||
|
width: 20%; |
||||
|
float: left; |
||||
|
text-align: center; |
||||
|
&>a{ |
||||
|
padding:3px 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&.cols-2{ |
||||
|
&>li{ |
||||
|
display: inline-block; |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
text-align: center; |
||||
|
&>a{ |
||||
|
padding:3px 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,160 @@ |
|||||
|
.preloader { |
||||
|
display: inline-block; |
||||
|
width: 1rem; |
||||
|
height: 1rem; |
||||
|
-webkit-transform-origin: 50%; |
||||
|
transform-origin: 50%; |
||||
|
-webkit-animation: preloader-spin 1s steps(12, end) infinite; |
||||
|
animation: preloader-spin 1s steps(12, end) infinite; |
||||
|
&:after { |
||||
|
display: block; |
||||
|
content: ""; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); |
||||
|
background-position: 50%; |
||||
|
background-size: 100%; |
||||
|
background-repeat: no-repeat; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-webkit-keyframes preloader-spin { |
||||
|
100% { |
||||
|
-webkit-transform: rotate(360deg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes preloader-spin { |
||||
|
100% { |
||||
|
-webkit-transform: rotate(360deg); |
||||
|
transform: rotate(360deg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.preloader-box { |
||||
|
margin: 0.5rem; |
||||
|
text-align: center; |
||||
|
padding-top: 2rem; |
||||
|
.preloader { |
||||
|
width: 1.5rem; |
||||
|
height: 1.5rem; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.load-qianyin { |
||||
|
padding-top: 2rem; |
||||
|
.qiyin-msg { |
||||
|
margin-top: 2rem; |
||||
|
font-size: 0.8rem; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.ball-pulse > div { |
||||
|
background-color: $orange; |
||||
|
border-radius: 100%; |
||||
|
margin: 2px; |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
.ball-pulse > div { |
||||
|
width: 15px; |
||||
|
height: 15px; |
||||
|
-webkit-animation-fill-mode: both; |
||||
|
animation-fill-mode: both; |
||||
|
} |
||||
|
|
||||
|
.ball-pulse > div:nth-child(1) { |
||||
|
-webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08); |
||||
|
animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08); |
||||
|
} |
||||
|
|
||||
|
.ball-pulse > div:nth-child(2) { |
||||
|
-webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08); |
||||
|
animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08); |
||||
|
} |
||||
|
|
||||
|
.ball-pulse > div:nth-child(3) { |
||||
|
-webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); |
||||
|
animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); |
||||
|
} |
||||
|
|
||||
|
@-webkit-keyframes scale { |
||||
|
0%, 80% { |
||||
|
-webkit-transform: scale(1); |
||||
|
transform: scale(1); |
||||
|
opacity: 1 |
||||
|
} |
||||
|
|
||||
|
45% { |
||||
|
-webkit-transform: scale(.1); |
||||
|
transform: scale(.1); |
||||
|
opacity: .7 |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes scale { |
||||
|
0%, 80% { |
||||
|
-webkit-transform: scale(1); |
||||
|
transform: scale(1); |
||||
|
opacity: 1 |
||||
|
} |
||||
|
|
||||
|
45% { |
||||
|
-webkit-transform: scale(.1); |
||||
|
transform: scale(.1); |
||||
|
opacity: .7 |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@-webkit-keyframes line-scale-pulse-out { |
||||
|
0% { |
||||
|
-webkit-transform: scaley(1); |
||||
|
transform: scaley(1); |
||||
|
} |
||||
|
50% { |
||||
|
-webkit-transform: scaley(0.4); |
||||
|
transform: scaley(0.4); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: scaley(1); |
||||
|
transform: scaley(1); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes line-scale-pulse-out { |
||||
|
0% { |
||||
|
-webkit-transform: scaley(1); |
||||
|
transform: scaley(1); |
||||
|
} |
||||
|
50% { |
||||
|
-webkit-transform: scaley(0.4); |
||||
|
transform: scaley(0.4); |
||||
|
} |
||||
|
100% { |
||||
|
-webkit-transform: scaley(1); |
||||
|
transform: scaley(1); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.line-scale-pulse-out > div { |
||||
|
background-color: $orange; |
||||
|
width: 4px; |
||||
|
height: 35px; |
||||
|
border-radius: 2px; |
||||
|
margin: 2px; |
||||
|
-webkit-animation-fill-mode: both; |
||||
|
animation-fill-mode: both; |
||||
|
display: inline-block; |
||||
|
-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); |
||||
|
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); |
||||
|
} |
||||
|
|
||||
|
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { |
||||
|
-webkit-animation-delay: -0.4s !important; |
||||
|
animation-delay: -0.4s !important; |
||||
|
} |
||||
|
|
||||
|
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { |
||||
|
-webkit-animation-delay: -0.2s !important; |
||||
|
animation-delay: -0.2s !important; |
||||
|
} |
||||
@ -0,0 +1,80 @@ |
|||||
|
.sub-menu { |
||||
|
min-height: 0; |
||||
|
overflow: hidden; |
||||
|
-webkit-transition: all 0.5s; |
||||
|
-moz-transition: all 0.5s; |
||||
|
-ms-transition: all 0.5s; |
||||
|
-o-transition: all 0.5s; |
||||
|
transition: all 0.5s; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
border-top: 1px solid $border-dd; |
||||
|
visibility: hidden; |
||||
|
background-color: $bg-ff; |
||||
|
.container{ |
||||
|
padding-top: 1.5rem; |
||||
|
padding-bottom: 1.5rem; |
||||
|
} |
||||
|
.title { |
||||
|
font-size: 1.8rem; |
||||
|
font-weight: bolder; |
||||
|
} |
||||
|
.menu-lv1 { |
||||
|
//border-left: 1px solid $border-dd; |
||||
|
.item { |
||||
|
width: 100%; |
||||
|
padding:0 0.325rem; |
||||
|
& + .item { |
||||
|
margin-top: 0.5rem; |
||||
|
} |
||||
|
a{ |
||||
|
font-size: 0.7rem; |
||||
|
line-height: 2rem; |
||||
|
display: inline-block; |
||||
|
text-indent: 0.5rem; |
||||
|
width: 100%; |
||||
|
color: $font-base; |
||||
|
&.active,&:hover,&:active,&:focus{ |
||||
|
background-color: $blue; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.menu-lv2{ |
||||
|
.item{ |
||||
|
width: 50%; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
} |
||||
|
} |
||||
|
.menu-lv3{ |
||||
|
.item{ |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
.menu-lv2,.menu-lv3{ |
||||
|
//border-left: 1px solid $border-dd; |
||||
|
.item{ |
||||
|
padding:0 0.325rem; |
||||
|
a{ |
||||
|
padding:0 0.325rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
background-color: $bg-ee; |
||||
|
font-size: 0.7rem; |
||||
|
line-height: 2rem; |
||||
|
display: inline-block; |
||||
|
width: 100%; |
||||
|
text-indent: 0.5rem; |
||||
|
color: $font-base; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
&.active,&:hover,&:active,&:focus{ |
||||
|
background-color: $blue; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,2 @@ |
|||||
|
@import "mixins/border.scss"; |
||||
|
@import "mixins/cols.scss"; |
||||
@ -0,0 +1,166 @@ |
|||||
|
.rl-modal{ |
||||
|
.modal-dialog{ |
||||
|
width: 18rem; |
||||
|
} |
||||
|
|
||||
|
.modal-content{ |
||||
|
border-radius: 0; |
||||
|
.topborder{ |
||||
|
height: 0.5rem; |
||||
|
vertical-align: top; |
||||
|
} |
||||
|
.modal-header{ |
||||
|
font-size: 0.9rem; |
||||
|
font-weight: bolder; |
||||
|
color: $navy; |
||||
|
vertical-align: middle; |
||||
|
padding: 3rem 0 2rem; |
||||
|
border:0; |
||||
|
img{ |
||||
|
width: 3.5rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.login-tit{ |
||||
|
font-size: 0.8rem; |
||||
|
color: $navy; |
||||
|
margin-bottom: 1rem; |
||||
|
} |
||||
|
.form-login{ |
||||
|
padding:1.5rem 1.9rem; |
||||
|
.form-group{ |
||||
|
margin-bottom: 1rem; |
||||
|
.form-control{ |
||||
|
border-color: $green; |
||||
|
height:2.0rem; |
||||
|
line-height: 2.0rem; |
||||
|
padding:0 12px; |
||||
|
} |
||||
|
.phone{ |
||||
|
width:70%; |
||||
|
-webkit-border-radius: 4px; |
||||
|
-moz-border-radius: 4px; |
||||
|
border-radius: 4px; |
||||
|
border-top-right-radius: 0; |
||||
|
border-bottom-right-radius: 0; |
||||
|
line-height: 1.85rem; |
||||
|
height: 1.95rem; |
||||
|
text-align: center; |
||||
|
background-color: #fff7d3; |
||||
|
border: 1px solid $orange; |
||||
|
border-right:0; |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
.input-group-addon{ |
||||
|
width:30%; |
||||
|
padding:0; |
||||
|
line-height: 1.85rem; |
||||
|
text-align: center; |
||||
|
border-color: $orange; |
||||
|
background-color: $orange; |
||||
|
color: $font-ff; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.btn-group{ |
||||
|
margin-bottom: 1rem; |
||||
|
height: 2rem; |
||||
|
display: block; |
||||
|
.btn{ |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
background-color: $bg-ff; |
||||
|
padding:0.5rem 0.6rem; |
||||
|
} |
||||
|
} |
||||
|
.btn-green{ |
||||
|
padding:0.5rem 0.6rem; |
||||
|
} |
||||
|
} |
||||
|
.modal-footer{ |
||||
|
border-top:0; |
||||
|
padding:0 1.9rem 1rem; |
||||
|
text-align: center; |
||||
|
.checkresult{ |
||||
|
padding:1rem ; |
||||
|
text-align: center; |
||||
|
background-color: #fff7d3; |
||||
|
margin-bottom: 1rem; |
||||
|
} |
||||
|
a{ |
||||
|
font-size: 0.7rem; |
||||
|
color: $green; |
||||
|
margin-left: 0.5rem; |
||||
|
} |
||||
|
.reg-link{ |
||||
|
padding-top: 1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.modal-duijie{ |
||||
|
.modal-dialog{ |
||||
|
margin-top:10%; |
||||
|
} |
||||
|
.modal-content{ |
||||
|
padding:3.5rem 2.9rem; |
||||
|
img{ |
||||
|
margin-bottom: 1.55rem; |
||||
|
} |
||||
|
.action-box{ |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.modal-zixun{ |
||||
|
.modal-dialog{ |
||||
|
position: absolute; |
||||
|
top:50%; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
margin-top: -11rem; |
||||
|
width: 16rem; |
||||
|
.modal-content{ |
||||
|
padding:0.5rem; |
||||
|
.close-bottom{ |
||||
|
position: absolute; |
||||
|
top: 100%; |
||||
|
left:0; |
||||
|
width: 100%; |
||||
|
font-size: 2rem; |
||||
|
line-height: 3rem; |
||||
|
text-align: center; |
||||
|
text-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); |
||||
|
span{ |
||||
|
cursor: pointer; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
.img-txt{ |
||||
|
font-size: 0.8rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.popover{ |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
padding:0.2rem; |
||||
|
.popover-content{ |
||||
|
padding:0; |
||||
|
} |
||||
|
} |
||||
|
.msg-modal{ |
||||
|
.modal-dialog{ |
||||
|
position: absolute; |
||||
|
width: 300px; |
||||
|
top:300px; |
||||
|
left:50%; |
||||
|
margin-left: -150px; |
||||
|
.modal-content{ |
||||
|
padding:0.5rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,202 @@ |
|||||
|
.msg-box{ |
||||
|
border-top: 1px solid $border-dd; |
||||
|
padding-top: 0.75rem; |
||||
|
position: relative; |
||||
|
.msg-nav{ |
||||
|
.nav-item{ |
||||
|
display: block; |
||||
|
line-height: 1.55rem; |
||||
|
padding-left:0.75rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
width:5.7rem; |
||||
|
color: $navy; |
||||
|
cursor: pointer; |
||||
|
&.active,&:hover{ |
||||
|
background-color: $orange; |
||||
|
color: $font-ff; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem;; |
||||
|
i{ |
||||
|
font-size: 0.8rem; |
||||
|
} |
||||
|
} |
||||
|
i{ |
||||
|
margin-right:0.3rem; |
||||
|
} |
||||
|
.badge{ |
||||
|
color: $navy; |
||||
|
background-color: $bg-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.msg-list{ |
||||
|
.msg-item{ |
||||
|
position: relative; |
||||
|
padding: 1rem 0.5rem; |
||||
|
border: 1px solid $border-dd; |
||||
|
margin-bottom: 0.5rem; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
cursor: pointer; |
||||
|
input[type=checkbox]{ |
||||
|
position: absolute; |
||||
|
top:50%; |
||||
|
margin-top: -0.2rem; |
||||
|
} |
||||
|
.fig-inline{ |
||||
|
margin-left: 1.5rem; |
||||
|
.fig-img{ |
||||
|
width: 1.75rem; |
||||
|
-webkit-border-radius:100%; |
||||
|
-moz-border-radius:100%; |
||||
|
border-radius:100%; |
||||
|
overflow: hidden; |
||||
|
border: 1px solid $border-dd; |
||||
|
} |
||||
|
figcaption{ |
||||
|
padding:0; |
||||
|
padding-left: 0.5rem; |
||||
|
|
||||
|
.fig-tit{ |
||||
|
font-size: 0.6rem; |
||||
|
color: $font-99; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
margin-bottom:0.2rem; |
||||
|
} |
||||
|
.fig-info{ |
||||
|
font-size: 0.6rem; |
||||
|
color: $font-66; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.time{ |
||||
|
position:absolute; |
||||
|
top: 1rem; |
||||
|
right: 1rem; |
||||
|
color: $font-99; |
||||
|
} |
||||
|
&.active,&:hover{ |
||||
|
background-color: $green; |
||||
|
border-color: $green; |
||||
|
.time{ |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
.fig-inline{ |
||||
|
figcaption{ |
||||
|
.fig-tit{ |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
.fig-info{ |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.msg-detail{ |
||||
|
padding-left: 2rem; |
||||
|
.msg-head{ |
||||
|
margin-bottom: 2rem; |
||||
|
.fig-inline{ |
||||
|
.fig-img{ |
||||
|
width: 2rem; |
||||
|
-webkit-border-radius: 2rem; |
||||
|
-moz-border-radius: 2rem; |
||||
|
border-radius: 2rem; |
||||
|
border: 1px solid $border-dd; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
figcaption{ |
||||
|
padding:0; |
||||
|
padding-left: 0.75rem; |
||||
|
.fig-tit{ |
||||
|
font-size: 0.6rem; |
||||
|
color: $font-33; |
||||
|
margin-bottom: 0.1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.msg-body{ |
||||
|
.msg-tit{ |
||||
|
font-size: 0.9rem; |
||||
|
color: $font-33; |
||||
|
padding-bottom:1rem; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
} |
||||
|
.msg-content{ |
||||
|
padding: 0.5rem 0 6.25rem; |
||||
|
color: $font-33; |
||||
|
} |
||||
|
} |
||||
|
.msg-return{ |
||||
|
.return-input{ |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
border: 1px solid $border-dd; |
||||
|
border-bottom:0; |
||||
|
-webkit-border-top-right-radius: 0.2rem; |
||||
|
-moz-border-top-right-radius: 0.2rem; |
||||
|
border-top-right-radius: 0.2rem; |
||||
|
-webkit-border-top-left-radius: 0.2rem; |
||||
|
-moz-border-top-left-radius: 0.2rem; |
||||
|
border-top-left-radius: 0.2rem; |
||||
|
padding: 0.5rem; |
||||
|
color: $font-99; |
||||
|
font-size: 0.6rem; |
||||
|
resize: none; |
||||
|
} |
||||
|
.submit-box{ |
||||
|
background-color: $bg-ee; |
||||
|
line-height: 2rem; |
||||
|
-webkit-border-bottom-right-radius: 0.2rem; |
||||
|
-moz-border-bottom-right-radius: 0.2rem; |
||||
|
border-bottom-right-radius: 0.2rem; |
||||
|
-webkit-border-bottom-left-radius: 0.2rem; |
||||
|
-moz-border-bottom-left-radius: 0.2rem; |
||||
|
border-bottom-left-radius: 0.2rem; |
||||
|
overflow: hidden; |
||||
|
.btn{ |
||||
|
-webkit-border-radius:0; |
||||
|
-moz-border-radius:0; |
||||
|
border-radius:0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.action-box{ |
||||
|
position: absolute; |
||||
|
top: -1.5rem; |
||||
|
right: 1rem; |
||||
|
font-size: 0.8rem; |
||||
|
i{ |
||||
|
margin-right: 0.5rem; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.resCodeMsg{ |
||||
|
padding-top:0.5rem; |
||||
|
line-height: 1.5rem; |
||||
|
color: red; |
||||
|
text-align: center; |
||||
|
display: none; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
} |
||||
@ -0,0 +1 @@ |
|||||
|
.datepicker{z-index:9999 !important;} |
||||
@ -0,0 +1,10 @@ |
|||||
|
.paginate{ |
||||
|
a,span{ |
||||
|
display: inline-block; |
||||
|
margin-right: 0.25rem; |
||||
|
padding: 0.2rem 0.25rem; |
||||
|
} |
||||
|
a{ |
||||
|
background-color: $bg-ee; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,44 @@ |
|||||
|
.page-list-round{ |
||||
|
&>li{ |
||||
|
display: inline-block; |
||||
|
} |
||||
|
&>li>a, &>li>span{ |
||||
|
color: $font-66; |
||||
|
border:0; |
||||
|
background-color: transparent; |
||||
|
-webkit-border-radius: 1rem; |
||||
|
-moz-border-radius: 1rem; |
||||
|
border-radius: 1rem; |
||||
|
} |
||||
|
&>li:first-child>a,&>li:last-child>a,&>li:last-child>span{ |
||||
|
-webkit-border-radius: 1rem; |
||||
|
-moz-border-radius: 1rem; |
||||
|
border-radius: 1rem; |
||||
|
} |
||||
|
&>li>a:focus, &>li>a:hover{ |
||||
|
background-color: $green; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
&>li>span:focus, &>li>span:hover{ |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
&>.active>a, &>.active>a:focus, &>.active>a:hover, &>.active>span, &>.active>span:focus, &>.active>span:hover { |
||||
|
z-index: 2; |
||||
|
color: #fff; |
||||
|
cursor: default; |
||||
|
background-color: $green; |
||||
|
} |
||||
|
&>li>a{ |
||||
|
padding:0; |
||||
|
display: block; |
||||
|
text-align: center; |
||||
|
font-size: 0.7rem; |
||||
|
line-height: 1rem; |
||||
|
width: 1rem; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
&>li>span{ |
||||
|
font-size: 0.7rem; |
||||
|
padding:0; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,818 @@ |
|||||
|
.product-1{ |
||||
|
background-color: $bg-ee; |
||||
|
padding:1rem 0; |
||||
|
.left{ |
||||
|
border:1px solid $green; |
||||
|
background-color: $bg-ff; |
||||
|
min-height: 234px; |
||||
|
.item{ |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
|
||||
|
border-bottom:1px dashed #eee; |
||||
|
color: $font-33; |
||||
|
padding-left:1.5rem; |
||||
|
cursor: pointer; |
||||
|
&>.item-tit{ |
||||
|
display: block; |
||||
|
color: $black; |
||||
|
line-height: 2.85rem; |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.item-list{ |
||||
|
position: absolute; |
||||
|
z-index: 10; |
||||
|
left:100%; |
||||
|
min-width: 150%; |
||||
|
max-width: 250%; |
||||
|
top:0; |
||||
|
margin-top:-1px; |
||||
|
//margin-left:1px; |
||||
|
background-color: $bg-ff; |
||||
|
border: 1px solid $green; |
||||
|
//border-left:0; |
||||
|
min-height: 1px; |
||||
|
padding:0.35rem 0.5rem; |
||||
|
display: none; |
||||
|
.item-list-item{ |
||||
|
display: inline-block; |
||||
|
font-size: 0.6rem; |
||||
|
padding:0.75rem; |
||||
|
color: $black; |
||||
|
&:hover{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&:hover{ |
||||
|
border-top:1px solid $green; |
||||
|
border-bottom:1px solid $green; |
||||
|
margin-top: -1px; |
||||
|
.item-tit{ |
||||
|
border-right: 1px solid $border-ff; |
||||
|
margin-right:-1px; |
||||
|
z-index: 11; |
||||
|
} |
||||
|
.item-list{ |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
&:last-child{ |
||||
|
border-bottom-color: $bg-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.middle{ |
||||
|
.top{ |
||||
|
position: relative; |
||||
|
margin-bottom:0.75rem; |
||||
|
} |
||||
|
.bottom{ |
||||
|
.col-xs-6{ |
||||
|
&:first-child{ |
||||
|
padding-left: 0; |
||||
|
padding-right:0.375rem; |
||||
|
} |
||||
|
&:last-child{ |
||||
|
padding-left: 0.375rem; |
||||
|
padding-right:0; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.b-item{ |
||||
|
position: relative; |
||||
|
border:1px solid $border-dd; |
||||
|
padding:0.25rem; |
||||
|
background-color: $bg-ff; |
||||
|
.item-img{ |
||||
|
width: 54%; |
||||
|
} |
||||
|
.item-txt{ |
||||
|
width: 46%; |
||||
|
padding-left: 0.5rem; |
||||
|
.tit{ |
||||
|
font-size: 0.7rem; |
||||
|
line-height: 1.5rem; |
||||
|
font-weight: 400; |
||||
|
color: $font-66; |
||||
|
} |
||||
|
.info{ |
||||
|
color: $font-99; |
||||
|
font-size:0.6rem; |
||||
|
margin-bottom: 0.4rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.right{ |
||||
|
.top{ |
||||
|
background-color: $bg-ff; |
||||
|
padding:0.5rem 0.75; |
||||
|
border:1px solid $border-dd; |
||||
|
text-align: center; |
||||
|
margin-bottom: 0.75rem; |
||||
|
.tit{ |
||||
|
font-size: 0.7rem; |
||||
|
color: $font-33; |
||||
|
margin-bottom: 0.5rem; |
||||
|
} |
||||
|
.num{ |
||||
|
font-size: 1.0rem; |
||||
|
color: #ad8772; |
||||
|
span{ |
||||
|
position: relative; |
||||
|
width: 1rem; |
||||
|
display: inline-block; |
||||
|
background-color: $bg-ee; |
||||
|
margin-right: 0.2rem; |
||||
|
border:1px solid $border-dd; |
||||
|
&:last-child{ |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
&::after{ |
||||
|
content: ''; |
||||
|
position: absolute; |
||||
|
height:0.05rem; |
||||
|
width: 100%; |
||||
|
background-color: $bg-cc; |
||||
|
top:50%; |
||||
|
left:0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.bottom{ |
||||
|
background-color: $bg-ff; |
||||
|
padding:0 0.75rem; |
||||
|
.box{ |
||||
|
border:1px solid $border-dd; |
||||
|
margin:0 auto; |
||||
|
width: 100%; |
||||
|
height:8.05rem; |
||||
|
margin-bottom: 0.75rem; |
||||
|
} |
||||
|
.btn{ |
||||
|
padding:0; |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
line-height: 2.4rem; |
||||
|
margin: 0 auto; |
||||
|
font-size: 1rem; |
||||
|
&:hover{ |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.product-3{ |
||||
|
background-color: $bg-ee; |
||||
|
} |
||||
|
.product-4{ |
||||
|
margin-top: 0; |
||||
|
padding-top: 1.5rem; |
||||
|
padding-bottom: 1.5rem; |
||||
|
background-color: $bg-ff; |
||||
|
.info{ |
||||
|
position: relative; |
||||
|
.more{ |
||||
|
position: absolute; |
||||
|
background-color: $bg-ff; |
||||
|
padding-left: 0.3rem; |
||||
|
cursor: pointer; |
||||
|
bottom:0; |
||||
|
right:0; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.products-box{ |
||||
|
background-color: $bg-ff; |
||||
|
padding:1rem 0; |
||||
|
.body{ |
||||
|
padding:0.75rem 0; |
||||
|
margin:0 -0.75rem; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
.item{ |
||||
|
padding: 0.75rem; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
width: 25%; |
||||
|
.shell{ |
||||
|
position: relative; |
||||
|
border: 1px solid $grey-e9; |
||||
|
overflow: hidden; |
||||
|
&:hover{ |
||||
|
.img-shell>img{ |
||||
|
opacity:0.9; |
||||
|
} |
||||
|
.shell-title{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
.img-shell{ |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
background-color: $bg-ff; |
||||
|
.paddingTop{ |
||||
|
padding-top:75%; |
||||
|
} |
||||
|
img{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
max-height: 100%; |
||||
|
max-width: 100%; |
||||
|
display: block; |
||||
|
margin:auto; |
||||
|
-webkit-transition: all 0.25s; |
||||
|
-moz-transition: all 0.25s; |
||||
|
-ms-transition: all 0.25s; |
||||
|
-o-transition: all 0.25s; |
||||
|
transition: all 0.25s; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
-moz-transform: translate3d(0, 0, 0); |
||||
|
-ms-transform: translate3d(0, 0, 0); |
||||
|
-o-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
.shell-content{ |
||||
|
padding:0.75rem 0.6rem; |
||||
|
color: $grey-66; |
||||
|
font-size: 0.7rem; |
||||
|
.shell-title{ |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.shell-cat{ |
||||
|
color: $grey-99; |
||||
|
font-size: 0.6rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.company-info{ |
||||
|
position: relative; |
||||
|
border: 1px solid $grey-e9; |
||||
|
border-top:none; |
||||
|
.info-left,.info-right{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
height:2.7rem; |
||||
|
|
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.info-left{ |
||||
|
width: 60%; |
||||
|
line-height: 2.7rem; |
||||
|
padding-left:0.5rem; |
||||
|
border-right: 1px solid $border-dd; |
||||
|
white-space:nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.info-right{ |
||||
|
position: relative; |
||||
|
width: 40%; |
||||
|
overflow: hidden; |
||||
|
img{ |
||||
|
max-width: 100%; |
||||
|
max-height:100%; |
||||
|
display: block; |
||||
|
margin:auto; |
||||
|
} |
||||
|
} |
||||
|
.media-body{ |
||||
|
padding:0.5rem; |
||||
|
border-right:1px solid $grey-e9; |
||||
|
height:2.7rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
&:hover{ |
||||
|
.info-left{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.action-box{ |
||||
|
border: 1px solid $grey-e9; |
||||
|
border-top:0; |
||||
|
line-height: 2.5rem; |
||||
|
a{ |
||||
|
color: $font-99; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.products-index{ |
||||
|
.body{ |
||||
|
.item{ |
||||
|
.shell{ |
||||
|
.img-shell{ |
||||
|
height: 9.35rem; |
||||
|
overflow: hidden; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.product-m,.product-uc{ |
||||
|
.body{ |
||||
|
.item{ |
||||
|
.shell{ |
||||
|
.img-shell{ |
||||
|
height:7.5rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
@media (min-width: 1441px) { |
||||
|
.product-m{ |
||||
|
.body{ |
||||
|
.item{ |
||||
|
width: 20%; |
||||
|
.shell{ |
||||
|
.img-shell{ |
||||
|
height:8.5rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
@media(min-width: 1920px){ |
||||
|
.container-fluid{ |
||||
|
.products-box{ |
||||
|
.body{ |
||||
|
.item{ |
||||
|
width: 20%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.products-detail-container{ |
||||
|
.product-header2{ |
||||
|
padding: 1rem 0; |
||||
|
background-color: $bg-fb; |
||||
|
//.fig-inline-v2{ |
||||
|
// .fig-img{ |
||||
|
// background-color: $bg-ff; |
||||
|
// } |
||||
|
// figcaption{ |
||||
|
// .fig-tit{ |
||||
|
// color: $font-33; |
||||
|
// } |
||||
|
// .fig-info{ |
||||
|
// line-height: 1rem; |
||||
|
// } |
||||
|
// .fig-options{ |
||||
|
// margin-bottom: 0.5rem; |
||||
|
// p{margin-bottom: 0.2rem} |
||||
|
// } |
||||
|
// .fig-btn{ |
||||
|
// .btn{ |
||||
|
// border:0; |
||||
|
// margin-right: 0.2rem; |
||||
|
// } |
||||
|
// } |
||||
|
// } |
||||
|
//} |
||||
|
} |
||||
|
.product-header{ |
||||
|
border: 1px solid $border-dd; |
||||
|
position: relative; |
||||
|
|
||||
|
background-color: $bg-ff; |
||||
|
.line-y{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
right:33.333%; |
||||
|
margin-right: -1rem; |
||||
|
bottom:0; |
||||
|
width: 1px; |
||||
|
background-color: $border-dd; |
||||
|
} |
||||
|
|
||||
|
.fig-inline{ |
||||
|
padding:0.75rem; |
||||
|
.fig-tit{ |
||||
|
margin-bottom: 0.75rem; |
||||
|
} |
||||
|
.fig-info{ |
||||
|
font-size: 0.6rem; |
||||
|
color: $font-99; |
||||
|
line-height: 1rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
} |
||||
|
.fig-options{ |
||||
|
color: $font-66; |
||||
|
line-height: 1rem; |
||||
|
margin-bottom: 1.2rem; |
||||
|
} |
||||
|
.fig-btn{ |
||||
|
.btn{ |
||||
|
border:0; |
||||
|
padding-left: 1rem; |
||||
|
padding-right: 1rem; |
||||
|
&+.btn{ |
||||
|
margin-left: 1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.nl-container{ |
||||
|
//border-left: 1px solid $border-dd; |
||||
|
padding-left: 1rem; |
||||
|
.com-cxnl{ |
||||
|
.tit{ |
||||
|
padding-top: 1rem; |
||||
|
font-size: 0.8rem; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.products-body{ |
||||
|
padding-top: 1.5rem; |
||||
|
} |
||||
|
.products-detail{ |
||||
|
|
||||
|
.basic-info{ |
||||
|
.tit{ |
||||
|
font-size: 1rem; |
||||
|
color: $font-33; |
||||
|
margin-bottom: 0.3rem; |
||||
|
} |
||||
|
.item{ |
||||
|
padding:0.5rem 0; |
||||
|
&:nth-of-type(even){ |
||||
|
background-color: $bg-ee; |
||||
|
border-top: 1px solid $border-dd; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
} |
||||
|
span{ |
||||
|
display: inline-block; |
||||
|
margin-right: 0.75rem; |
||||
|
min-width: 4rem; |
||||
|
&:first-child{ |
||||
|
text-align: right; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.detail-info{ |
||||
|
padding-top: 1.5rem; |
||||
|
.tit{ |
||||
|
font-size: 1rem; |
||||
|
color: $font-33; |
||||
|
margin-bottom: 0.3rem; |
||||
|
padding-top: 0.5rem; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
padding-bottom: 0.5rem; |
||||
|
} |
||||
|
.detail-content{ |
||||
|
padding:0.75rem; |
||||
|
line-height: 1.2rem; |
||||
|
img{ |
||||
|
max-width: 100%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.sug-box{ |
||||
|
margin-bottom: 1rem; |
||||
|
border:1px solid $border-dd; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
.tit{ |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
background-color: $bg-fb; |
||||
|
line-height: 1.8rem; |
||||
|
padding-left: 1rem; |
||||
|
} |
||||
|
.content{ |
||||
|
padding: 0.75rem; |
||||
|
.fig-inline-v2{ |
||||
|
.fig-img{ |
||||
|
width: 30%; |
||||
|
border:0; |
||||
|
} |
||||
|
figcaption{ |
||||
|
width: 70%; |
||||
|
.fig-tit{ |
||||
|
font-size: 0.7rem; |
||||
|
color: $font-33; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
margin-bottom:0.2rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.chain-img{ |
||||
|
width: 200px; |
||||
|
margin: 0.5rem auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.usercenter-product{ |
||||
|
margin-top: 0 !important; |
||||
|
.body{ |
||||
|
margin:0 -0.75rem !important; |
||||
|
} |
||||
|
} |
||||
|
//qianyin |
||||
|
.products-normal{ |
||||
|
margin-bottom: 0.5rem; |
||||
|
margin-left: -0.75rem; |
||||
|
margin-right: -0.75rem; |
||||
|
&.qianyin-products{ |
||||
|
.item>.shell>.img-shell{ |
||||
|
height: 5.95rem; |
||||
|
&>img{ |
||||
|
max-height: 100%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.item{ |
||||
|
padding: 0.75rem; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
width: 24.95%; |
||||
|
overflow: hidden; |
||||
|
.shell{ |
||||
|
position: relative; |
||||
|
border: 1px solid $grey-e9; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
-moz-transform: translate3d(0, 0, 0); |
||||
|
-ms-transform: translate3d(0, 0, 0); |
||||
|
-o-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
&:hover{ |
||||
|
.img-shell>img{ |
||||
|
opacity:0.9; |
||||
|
} |
||||
|
.shell-title{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
.img-shell{ |
||||
|
background-color: $bg-ff; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
.paddingTop{ |
||||
|
padding-top: 75%; |
||||
|
} |
||||
|
img{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
max-height: 100%; |
||||
|
max-width: 100%; |
||||
|
display: block; |
||||
|
margin:auto; |
||||
|
-webkit-transition: all 0.25s; |
||||
|
-moz-transition: all 0.25s; |
||||
|
-ms-transition: all 0.25s; |
||||
|
-o-transition: all 0.25s; |
||||
|
transition: all 0.25s; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
-moz-transform: translate3d(0, 0, 0); |
||||
|
-ms-transform: translate3d(0, 0, 0); |
||||
|
-o-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
.shell-content{ |
||||
|
padding:0.75rem 0.6rem; |
||||
|
color: $grey-66; |
||||
|
font-size: 0.7rem; |
||||
|
.shell-title{ |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.shell-cat{ |
||||
|
color: $grey-99; |
||||
|
font-size: 0.6rem; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.company-info{ |
||||
|
position: relative; |
||||
|
border: 1px solid $grey-e9; |
||||
|
border-top:none; |
||||
|
.info-left,.info-right{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
height:2.7rem; |
||||
|
|
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.info-left{ |
||||
|
width: 60%; |
||||
|
line-height: 2.7rem; |
||||
|
padding-left:0.5rem; |
||||
|
border-right: 1px solid $border-dd; |
||||
|
white-space:nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.info-right{ |
||||
|
width: 40%; |
||||
|
overflow: hidden; |
||||
|
img{ |
||||
|
max-width: 100%; |
||||
|
max-height:100%; |
||||
|
display: block; |
||||
|
margin:0 auto; |
||||
|
} |
||||
|
} |
||||
|
.media-body{ |
||||
|
padding:0.5rem; |
||||
|
border-right:1px solid $grey-e9; |
||||
|
height:2.7rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
&:hover{ |
||||
|
.info-left{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.action-box{ |
||||
|
border: 1px solid $grey-e9; |
||||
|
border-top:0; |
||||
|
line-height: 2.5rem; |
||||
|
a{ |
||||
|
color: $font-99; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.new-elm{ |
||||
|
opacity: 0; |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
left:0; |
||||
|
width:100%; |
||||
|
z-index: -99; |
||||
|
background-color: transparent; |
||||
|
cursor: pointer; |
||||
|
.new-item{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
opacity: 0; |
||||
|
padding: 0.75rem; |
||||
|
background-color: $bg-ff; |
||||
|
&.left{ |
||||
|
.shell{ |
||||
|
position: relative; |
||||
|
border: 1px solid $grey-e9; |
||||
|
overflow: hidden; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
-moz-transform: translate3d(0, 0, 0); |
||||
|
-ms-transform: translate3d(0, 0, 0); |
||||
|
-o-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
&:hover{ |
||||
|
.img-shell>img{ |
||||
|
opacity:0.9; |
||||
|
} |
||||
|
.shell-title{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
.img-shell{ |
||||
|
background-color: $bg-ff; |
||||
|
overflow: hidden; |
||||
|
position: relative; |
||||
|
.paddingTop{ |
||||
|
padding-top: 75%; |
||||
|
} |
||||
|
img{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
max-height: 100%; |
||||
|
max-width: 100%; |
||||
|
display: block; |
||||
|
margin:auto; |
||||
|
-webkit-transition: all 0.25s; |
||||
|
-moz-transition: all 0.25s; |
||||
|
-ms-transition: all 0.25s; |
||||
|
-o-transition: all 0.25s; |
||||
|
transition: all 0.25s; |
||||
|
-webkit-transform: translate3d(0, 0, 0); |
||||
|
-moz-transform: translate3d(0, 0, 0); |
||||
|
-ms-transform: translate3d(0, 0, 0); |
||||
|
-o-transform: translate3d(0, 0, 0); |
||||
|
transform: translate3d(0, 0, 0); |
||||
|
} |
||||
|
} |
||||
|
.shell-content{ |
||||
|
padding:0.75rem 0.6rem; |
||||
|
color: $grey-66; |
||||
|
font-size: 0.7rem; |
||||
|
.shell-title{ |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.shell-cat{ |
||||
|
color: $grey-99; |
||||
|
font-size: 0.6rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.company-info{ |
||||
|
position: relative; |
||||
|
border: 1px solid $grey-e9; |
||||
|
border-top:none; |
||||
|
.info-left,.info-right{ |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
height:2.7rem; |
||||
|
|
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.info-left{ |
||||
|
width: 60%; |
||||
|
line-height: 2.7rem; |
||||
|
padding-left:0.5rem; |
||||
|
border-right: 1px solid $border-dd; |
||||
|
white-space:nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.info-right{ |
||||
|
width: 40%; |
||||
|
overflow: hidden; |
||||
|
img{ |
||||
|
max-width: 100%; |
||||
|
max-height:100%; |
||||
|
display: block; |
||||
|
margin:0 auto; |
||||
|
} |
||||
|
} |
||||
|
.media-body{ |
||||
|
padding:0.5rem; |
||||
|
border-right:1px solid $grey-e9; |
||||
|
height:2.7rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
&:hover{ |
||||
|
.info-left{ |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.action-box{ |
||||
|
border: 1px solid $grey-e9; |
||||
|
border-top:0; |
||||
|
line-height: 2.5rem; |
||||
|
a{ |
||||
|
color: $font-99; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
&.right{ |
||||
|
.preloader-box{ |
||||
|
padding-top:2rem; |
||||
|
font-size: 1rem; |
||||
|
color: $orange; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,61 @@ |
|||||
|
.project-item { |
||||
|
padding: 1rem; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
background-color: $bg-content-base; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
&:hover { |
||||
|
background-color: #f9fafd; |
||||
|
} |
||||
|
.project-media { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
width: 500px; |
||||
|
overflow: hidden; |
||||
|
//@extend %boxSize; |
||||
|
a{ |
||||
|
background-image: -webkit-linear-gradient(top,#ccc,#000);; |
||||
|
background-image: linear-gradient(to top, #ccc, #000); |
||||
|
} |
||||
|
.top-padding { |
||||
|
padding-top: 52%; |
||||
|
} |
||||
|
.img-box { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
display: block; |
||||
|
img { |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
width: 100%; |
||||
|
max-height: 100%; |
||||
|
margin: auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.project-content { |
||||
|
padding-left: 500px; |
||||
|
.project-title { |
||||
|
position: relative; |
||||
|
font-size: 0.9rem; |
||||
|
margin-bottom: 0.75rem; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.project-info { |
||||
|
line-height: 1.6; |
||||
|
color: #777; |
||||
|
font-size: 0.7rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,25 @@ |
|||||
|
.products-normal.qianyin-products{ |
||||
|
|
||||
|
padding:0; |
||||
|
width: 70%; |
||||
|
margin:0 auto; |
||||
|
} |
||||
|
.qy-qd-title{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
font-size: 0.7rem; |
||||
|
color: $black; |
||||
|
line-height: 1.5rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
&:after{ |
||||
|
position: absolute; |
||||
|
content: ''; |
||||
|
width: 4rem; |
||||
|
height: 0.1rem; |
||||
|
background-color: $black; |
||||
|
bottom:0; |
||||
|
left:50%; |
||||
|
margin-left: -2rem; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,50 @@ |
|||||
|
.qikan-wrapper{ |
||||
|
.item{ |
||||
|
padding: 0.8rem; |
||||
|
&.warning{ |
||||
|
.fig-normal{ |
||||
|
background-color: $orange; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.fig-normal{ |
||||
|
padding:0.2rem; |
||||
|
.img-shell{ |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
.paddingT{ |
||||
|
padding-top: 145%; |
||||
|
} |
||||
|
.href-abs{ |
||||
|
z-index: 99; |
||||
|
} |
||||
|
.fig-img{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
display: block; |
||||
|
margin:auto; |
||||
|
max-width:100%; |
||||
|
max-height:100%; |
||||
|
} |
||||
|
} |
||||
|
figcaption{ |
||||
|
.fig-tit{ |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
} |
||||
|
.info{ |
||||
|
margin-bottom:0.3rem; |
||||
|
a{ |
||||
|
display: inline-block; |
||||
|
padding: 0.2rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,35 @@ |
|||||
|
.section-group{ |
||||
|
h4 { |
||||
|
padding: 0.2rem 0.3rem; |
||||
|
border-left: 2px solid blue; |
||||
|
margin-top: 1rem; |
||||
|
margin-bottom: 0.8rem; |
||||
|
&.bg-primary{ |
||||
|
small{ |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.content{ |
||||
|
padding: 1rem 0; |
||||
|
p { |
||||
|
text-indent: 0.3rem; |
||||
|
margin-bottom: 0.3rem; |
||||
|
font-size: 0.7rem; |
||||
|
line-height: 1.5rem; |
||||
|
} |
||||
|
pre{ |
||||
|
padding: 1.5rem 1rem; |
||||
|
} |
||||
|
.ul-default{ |
||||
|
padding:0.5rem 1rem; |
||||
|
border-left: 2px solid orange; |
||||
|
background-color: darken($body-bg,10%); |
||||
|
li{ |
||||
|
font-size: 0.7rem; |
||||
|
line-height: 2rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,43 @@ |
|||||
|
.selected-wrapper{ |
||||
|
position: absolute; |
||||
|
left: 0.75rem; |
||||
|
top: 1.9rem; |
||||
|
z-index: 9999; |
||||
|
border: 2px solid $border-dd; |
||||
|
background-color: $bg-ff; |
||||
|
display: none; |
||||
|
&.active{ |
||||
|
display: block; |
||||
|
} |
||||
|
.select-list{ |
||||
|
max-height: 15rem; |
||||
|
max-width: 15rem; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
overflow-y: auto; |
||||
|
&+.select-list{ |
||||
|
border-left: 1px solid $border-dd; |
||||
|
} |
||||
|
.item{ |
||||
|
line-height: 1.5rem; |
||||
|
padding: 0 0.75rem; |
||||
|
font-size:0.6rem; |
||||
|
cursor: pointer; |
||||
|
&+.item{ |
||||
|
border-top: 1px dashed $border-dd; |
||||
|
} |
||||
|
&:hover,&:active,&.active { |
||||
|
background-color: $bg-ee; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.select-cover{ |
||||
|
position: absolute; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
top:0; |
||||
|
height: 1.9rem; |
||||
|
z-index: 99; |
||||
|
cursor: pointer; |
||||
|
} |
||||
@ -0,0 +1,173 @@ |
|||||
|
.steps{ |
||||
|
.steps-nav { |
||||
|
padding: 1.5rem 20%; |
||||
|
border-top: 1px solid $border-dd; |
||||
|
.item { |
||||
|
position: relative; |
||||
|
float: left; |
||||
|
display: inline-block; |
||||
|
height: 2.5rem; |
||||
|
&:after, &:before { |
||||
|
content: ''; |
||||
|
position: absolute; |
||||
|
width: 50%; |
||||
|
top: 50%; |
||||
|
height: 1px; |
||||
|
background-color: $border-dd; |
||||
|
z-index: 1; |
||||
|
} |
||||
|
&:after { |
||||
|
right: 0; |
||||
|
} |
||||
|
&:before { |
||||
|
left: 0; |
||||
|
} |
||||
|
&:first-child:before, &:last-child:after { |
||||
|
display: none; |
||||
|
} |
||||
|
.ball { |
||||
|
position: relative; |
||||
|
z-index: 2; |
||||
|
overflow: hidden; |
||||
|
margin: 0 auto; |
||||
|
width: 2.5rem; |
||||
|
height: 2.5rem; |
||||
|
-webkit-border-radius: 100rem; |
||||
|
-moz-border-radius: 100rem; |
||||
|
border-radius: 100rem; |
||||
|
background-color: $bg-ee; |
||||
|
line-height: 2.5rem; |
||||
|
text-align: center; |
||||
|
color: $font-66; |
||||
|
& > i { |
||||
|
display: none; |
||||
|
font-size: 1rem; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
&.active > .ball { |
||||
|
background-color: $green; |
||||
|
& > i { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
top: 50%; |
||||
|
margin-top: -10px; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
& > span { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.steps-tit { |
||||
|
padding: 0 20%; |
||||
|
.item { |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
.steps-content { |
||||
|
margin-top: 3rem; |
||||
|
.steps-item { |
||||
|
display: none; |
||||
|
&.active { |
||||
|
display: block; |
||||
|
} |
||||
|
.result-msg { |
||||
|
padding: 1rem; |
||||
|
.ok-bz { |
||||
|
width: 2.5rem; |
||||
|
height: 2.5rem; |
||||
|
background-color: $orange; |
||||
|
line-height: 2.5rem; |
||||
|
text-align: center; |
||||
|
font-size: 1rem; |
||||
|
margin: 0 auto; |
||||
|
color: $font-ff; |
||||
|
-webkit-border-radius: 100rem; |
||||
|
-moz-border-radius: 100rem; |
||||
|
border-radius: 100rem; |
||||
|
margin-bottom: 1rem; |
||||
|
} |
||||
|
.ok-tit { |
||||
|
font-size: 1rem; |
||||
|
color: $black; |
||||
|
margin-bottom: 1rem; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.ok-info { |
||||
|
font-size: 0.7rem; |
||||
|
color: $black; |
||||
|
margin-bottom: 1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.upload-box { |
||||
|
width: 17rem; |
||||
|
height: 4.6rem; |
||||
|
border: 1px dashed $border-dd; |
||||
|
} |
||||
|
.fujian { |
||||
|
border: none; |
||||
|
outline: none; |
||||
|
width: 17rem; |
||||
|
height: 4.6rem; |
||||
|
background: transparent url("../../assets/img2/upload.jpg") center no-repeat; |
||||
|
-webkit-background-size: contain; |
||||
|
background-size: contain; |
||||
|
} |
||||
|
.fenlei { |
||||
|
.btn { |
||||
|
text-align: left; |
||||
|
} |
||||
|
.caret { |
||||
|
margin-top: 0.3rem; |
||||
|
} |
||||
|
} |
||||
|
.btn-org-o { |
||||
|
display: block; |
||||
|
margin: 1.5rem auto; |
||||
|
} |
||||
|
.form-group { |
||||
|
margin-bottom: 1rem; |
||||
|
.form-control { |
||||
|
height: 2rem; |
||||
|
} |
||||
|
textarea.form-control { |
||||
|
height: auto; |
||||
|
} |
||||
|
.form-control.form-control-auto{ |
||||
|
height: auto; |
||||
|
padding:0; |
||||
|
} |
||||
|
} |
||||
|
.txt { |
||||
|
margin-top: 0.35rem; |
||||
|
} |
||||
|
.edui-container{ |
||||
|
border-width: 0; |
||||
|
box-shadow: none; |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
.edui-body-container{ |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
} |
||||
|
.nav3{ |
||||
|
.item{ |
||||
|
width: 33.333%; |
||||
|
} |
||||
|
} |
||||
|
.nav4{ |
||||
|
.item{ |
||||
|
width: 25%; |
||||
|
} |
||||
|
} |
||||
|
.nav5{ |
||||
|
.item{ |
||||
|
width: 20%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,176 @@ |
|||||
|
.table-trips-f9 { |
||||
|
& > thead > tr > th { |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
line-height: 1.2rem; |
||||
|
color: $black; |
||||
|
} |
||||
|
& > thead > tr { |
||||
|
border-top: 2px solid $border-dd; |
||||
|
background-color: $bg-ee; |
||||
|
} |
||||
|
& > tbody > tr:nth-of-type(even) { |
||||
|
background-color: $bg-ee; |
||||
|
line-height: 1.85rem; |
||||
|
} |
||||
|
& > tbody > tr > th, & > tbody > tr > td { |
||||
|
line-height: 1.25rem; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
& > tbody > tr:hover { |
||||
|
color: $orange; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.table-1 { |
||||
|
& > thead > tr > th { |
||||
|
border-top: 0; |
||||
|
border-bottom: 1px solid #DDDDDD; |
||||
|
background-color: $bg-ee; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.7rem; |
||||
|
color: $black; |
||||
|
} |
||||
|
& > thead > tr > th:nth-child(1) { |
||||
|
padding-left: 0.6rem; |
||||
|
} |
||||
|
& > tbody > tr > th { |
||||
|
font-weight: 400; |
||||
|
padding-left: 0.6rem; |
||||
|
} |
||||
|
& > tbody > tr:hover, & > tbody > tr.active { |
||||
|
color: $orange; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
& > tbody > tr > th, & > tbody > tr > td { |
||||
|
line-height: 1.2rem; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.company-table1 { |
||||
|
margin: 1rem auto; |
||||
|
th { |
||||
|
background-color: $bg-ee; |
||||
|
width: 7rem; |
||||
|
color: $font-66; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
td { |
||||
|
color: $font-00; |
||||
|
} |
||||
|
th, td { |
||||
|
padding: 0.5rem 0 0.5rem 1rem; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//div table |
||||
|
.table-div { |
||||
|
&.qianyin-table{ |
||||
|
.tbody{ |
||||
|
.tr,.qdtr{ |
||||
|
height: 2.05rem; |
||||
|
background-color: $bg-ff; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
&:hover{ |
||||
|
//height: 19.55rem; |
||||
|
} |
||||
|
&.active{ |
||||
|
height: 19.55rem; |
||||
|
} |
||||
|
} |
||||
|
; |
||||
|
} |
||||
|
} |
||||
|
&.qudong-table{ |
||||
|
.tbody{ |
||||
|
width: 100%; |
||||
|
min-height: 1rem; |
||||
|
.tr,.qdtr{ |
||||
|
height: 2.05rem; |
||||
|
background-color: $bg-ff; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
padding: 0.4rem 0; |
||||
|
line-height: 1.2rem; |
||||
|
border-top: 1px solid $border-dd; |
||||
|
overflow: hidden; |
||||
|
&:hover{ |
||||
|
//height: 19.55rem; |
||||
|
} |
||||
|
&.active{ |
||||
|
height: 19.55rem; |
||||
|
} |
||||
|
.qdtr{ |
||||
|
.qd-title{ |
||||
|
padding-top: 0.5rem;; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.qdtr{ |
||||
|
&>div[class^="cols"]{ |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.thead { |
||||
|
border-top: 2px solid $border-dd; |
||||
|
font-weight: 400; |
||||
|
background-color: $bg-fb; |
||||
|
line-height: 1.2rem; |
||||
|
padding: 0.65rem 0; |
||||
|
color: $navy; |
||||
|
} |
||||
|
.tbody { |
||||
|
//min-height: 10rem; |
||||
|
overflow: hidden; |
||||
|
.tr { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
padding: 0.4rem 0; |
||||
|
line-height: 1.2rem; |
||||
|
border-top: 1px solid $border-dd; |
||||
|
overflow: hidden; |
||||
|
&:hover { |
||||
|
color: $orange; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
& > div[class^="cols"] { |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
-ms-text-overflow: ellipsis; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.thead:after, .thead:before, .tr:after, .tr:before { |
||||
|
display: table; |
||||
|
content: " "; |
||||
|
} |
||||
|
.thead:after, .tr:after { |
||||
|
clear: both; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.table-div-trips { |
||||
|
.tbody { |
||||
|
.tr:nth-child(even) { |
||||
|
background-color: rgb(238, 238, 238);; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.xm-qd-xq{ |
||||
|
padding: 2rem 0; |
||||
|
width:50%; |
||||
|
margin:0 auto; |
||||
|
} |
||||
@ -0,0 +1,7 @@ |
|||||
|
.bd-tit{ |
||||
|
line-height: 1.875rem; |
||||
|
font-size: 0.7rem; |
||||
|
padding-left:1rem; |
||||
|
border-bottom:1px solid $border-dd; |
||||
|
background-color: $bg-ee; |
||||
|
} |
||||
@ -0,0 +1,718 @@ |
|||||
|
@charset "utf-8"; |
||||
|
.nav-a, .nav-a:hover { |
||||
|
color: $font-99; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.nav-a { |
||||
|
i { |
||||
|
width: 1rem; |
||||
|
} |
||||
|
} |
||||
|
.uc-r-main-n{ |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.touxiang { |
||||
|
width: 1.5rem; |
||||
|
height: 1.5rem; |
||||
|
-webkit-border-radius: 100rem; |
||||
|
-moz-border-radius: 100rem; |
||||
|
border-radius: 100rem; |
||||
|
} |
||||
|
|
||||
|
.touxiang-l { |
||||
|
width: 3rem; |
||||
|
height: 3rem; |
||||
|
-webkit-border-radius: 100rem; |
||||
|
-moz-border-radius: 100rem; |
||||
|
border-radius: 100rem; |
||||
|
} |
||||
|
|
||||
|
.uc_box { |
||||
|
position: relative; |
||||
|
padding-left: 10rem; |
||||
|
.uc-left { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
display: block; |
||||
|
float: left; |
||||
|
width: 10rem; |
||||
|
min-height: 100vh; |
||||
|
min-height: 100%; |
||||
|
background-color: $navy-console-light; |
||||
|
.badge { |
||||
|
background-color: $orange; |
||||
|
margin-left: 0.5rem; |
||||
|
} |
||||
|
.title { |
||||
|
font-size: 0.9rem; |
||||
|
color: #fff; |
||||
|
background-color: transparent; |
||||
|
line-height: 4.45rem; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.userinfo { |
||||
|
padding: 1.5rem 0; |
||||
|
border-top: 1px solid $navy-console-dark; |
||||
|
.fig-normal { |
||||
|
.fig-img { |
||||
|
width: 4.5rem; |
||||
|
height: 4.5rem; |
||||
|
-webkit-border-radius: 100rem; |
||||
|
-moz-border-radius: 100rem; |
||||
|
border-radius: 100rem;; |
||||
|
} |
||||
|
& > figcaption { |
||||
|
padding-top: 0.9rem; |
||||
|
padding-bottom: 0; |
||||
|
text-align: center; |
||||
|
.fig-tit { |
||||
|
font-size: 0.9rem; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
.info { |
||||
|
color: $font-99; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.uc-left-section { |
||||
|
border-top: 1px solid $navy-console-dark; |
||||
|
padding-bottom: 1rem; |
||||
|
.sec-tit { |
||||
|
color: $font-99; |
||||
|
font-size: 0.6rem; |
||||
|
padding: 1rem 0 0.51rem 1.5rem; |
||||
|
background-color: $navy-console-light; |
||||
|
} |
||||
|
.item-title { |
||||
|
position: relative; |
||||
|
color: $green; |
||||
|
font-size: 0.6rem; |
||||
|
padding: 0.51rem 0 0.51rem 2rem; |
||||
|
background-color: $navy-console-light; |
||||
|
& + .item-list { |
||||
|
display: none; |
||||
|
} |
||||
|
&.open { |
||||
|
& + .item-list { |
||||
|
display: block; |
||||
|
} |
||||
|
i.arrow-right { |
||||
|
-webkit-transform: rotate(90deg); |
||||
|
-moz-transform: rotate(90deg); |
||||
|
-ms-transform: rotate(90deg); |
||||
|
-o-transform: rotate(90deg); |
||||
|
transform: rotate(90deg); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
i.arrow-right { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
top: 50%; |
||||
|
margin-top: -0.3rem; |
||||
|
margin-right: 0.75rem; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.item-title.active { |
||||
|
a, i { |
||||
|
color: #f3721c; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
.item-list { |
||||
|
background-color: $navy-console-dark; |
||||
|
-webkit-transition: all 0.35s; |
||||
|
-moz-transition: all 0.35s; |
||||
|
-ms-transition: all 0.35s; |
||||
|
-o-transition: all 0.35s; |
||||
|
transition: all 0.35s; |
||||
|
&.contactus{ |
||||
|
background-color:transparent; |
||||
|
} |
||||
|
li { |
||||
|
padding: 0.5rem 0 0.5rem 2rem; |
||||
|
font-size: 0.6rem; |
||||
|
&.active { |
||||
|
.nav-a { |
||||
|
display: inline-block; |
||||
|
margin-bottom: 0; |
||||
|
font-weight: 400; |
||||
|
text-align: center; |
||||
|
white-space: nowrap; |
||||
|
vertical-align: middle; |
||||
|
-ms-touch-action: manipulation; |
||||
|
touch-action: manipulation; |
||||
|
cursor: pointer; |
||||
|
-webkit-user-select: none; |
||||
|
-moz-user-select: none; |
||||
|
-ms-user-select: none; |
||||
|
user-select: none; |
||||
|
background-image: none; |
||||
|
padding: 1px 5px; |
||||
|
font-size: 12px; |
||||
|
line-height: 1.5; |
||||
|
border-radius: 3px; |
||||
|
color: #fff; |
||||
|
background-color: #f4731c; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.nav-a { |
||||
|
color: $green; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.navbar-default .navbar-nav>li>a.btn:focus, .navbar-default .navbar-nav>li>a.btn:hover{ |
||||
|
background-color: $orange !important; |
||||
|
color: $font-33; |
||||
|
} |
||||
|
.uc-right { |
||||
|
background-color: $console-right-bg; |
||||
|
min-height: 100%; |
||||
|
min-height: 100vh; |
||||
|
padding-bottom: 1rem; |
||||
|
.navbar-default .navbar-nav > li > a { |
||||
|
color: $green; |
||||
|
} |
||||
|
.navbar { |
||||
|
height: 4.5rem; |
||||
|
border-radius: 0; |
||||
|
margin-bottom: 0.75rem; |
||||
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
||||
|
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
||||
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
||||
|
.navbar-nav > li > a { |
||||
|
//padding:0.5rem; |
||||
|
line-height: 4.5rem; |
||||
|
padding-top: 0; |
||||
|
padding-bottom: 0; |
||||
|
} |
||||
|
.navbar-right { |
||||
|
a.btn { |
||||
|
margin-top: 1.25rem; |
||||
|
border: 1px solid $orange; |
||||
|
font-size: 0.7rem; |
||||
|
padding: 0 1rem; |
||||
|
line-height: 1.9rem; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
li { |
||||
|
margin-right: 2rem; |
||||
|
font-size: 1rem; |
||||
|
} |
||||
|
} |
||||
|
.navbar-form { |
||||
|
margin-top: 1.0rem; |
||||
|
} |
||||
|
.form-control { |
||||
|
height: 2rem; |
||||
|
line-height: 1.9rem; |
||||
|
} |
||||
|
.btn { |
||||
|
|
||||
|
padding-top: 0; |
||||
|
padding-bottom: 0; |
||||
|
line-height: 1.9rem; |
||||
|
} |
||||
|
} |
||||
|
.uc-r-main { |
||||
|
//width: 45.75rem; |
||||
|
width: 100%; |
||||
|
padding-right: 15px; |
||||
|
padding-left: 15px; |
||||
|
|
||||
|
} |
||||
|
.uc-r-main-n { |
||||
|
//项目发布 |
||||
|
.container-fluid{ |
||||
|
min-width: 46.5rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.xq-list-box{ |
||||
|
.item{ |
||||
|
padding-top:0.75rem; |
||||
|
padding-bottom: 0.75rem; |
||||
|
} |
||||
|
} |
||||
|
.xmfb-tit { |
||||
|
padding: 1.5rem 0 1.25rem 1.56rem; |
||||
|
font-size: 1.2rem; |
||||
|
color: $black; |
||||
|
line-height: 1; |
||||
|
.bottom { |
||||
|
color: $font-99; |
||||
|
font-size: 0.7rem; |
||||
|
vertical-align: bottom; |
||||
|
margin-left: 0.7rem; |
||||
|
.fa { |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
//项目管理 筛选 |
||||
|
.search-box { |
||||
|
border: 1px solid $border-dd; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
.xm-sub-tit { |
||||
|
font-size: 1rem; |
||||
|
line-height: 2.5rem; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
background-color: $bg-ee; |
||||
|
padding-left: 1.3rem; |
||||
|
color: $black; |
||||
|
} |
||||
|
.xm-sub-if { |
||||
|
padding-left: 1.3rem; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
&:last-child { |
||||
|
border: 0; |
||||
|
} |
||||
|
.table > thead > tr > th { |
||||
|
border: 0; |
||||
|
} |
||||
|
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { |
||||
|
border: 0; |
||||
|
} |
||||
|
.cat-itme { |
||||
|
color: $font-33; |
||||
|
padding: 0.1rem 0.3rem; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
font-size: 0.6rem; |
||||
|
display: inline-block; |
||||
|
&.active { |
||||
|
background-color: $orange; |
||||
|
color: $font-ff; |
||||
|
} |
||||
|
} |
||||
|
th { |
||||
|
color: $font-99; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.search-result { |
||||
|
.action-tit { |
||||
|
margin-top: 1rem; |
||||
|
padding-left: 1rem; |
||||
|
border: 1px solid $border-dd; |
||||
|
border-radius: 0.3rem; |
||||
|
.item { |
||||
|
display: inline-block; |
||||
|
border-left: 1px solid $border-dd; |
||||
|
&:first-child { |
||||
|
border: 0; |
||||
|
padding-right: 0.75rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.search-list { |
||||
|
} |
||||
|
} |
||||
|
.xm-list { |
||||
|
margin-top: 1rem; |
||||
|
} |
||||
|
.bd-list { |
||||
|
margin-bottom:1rem; |
||||
|
.item { |
||||
|
margin-top: 1.25rem; |
||||
|
border: 1px solid $border-dd; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem;; |
||||
|
overflow: hidden; |
||||
|
.body { |
||||
|
padding: 1.5rem 1.25rem; |
||||
|
&.padding0 { |
||||
|
padding: 0; |
||||
|
} |
||||
|
.body-list { |
||||
|
.body-item { |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
|
||||
|
padding-bottom: 1rem; |
||||
|
border-bottom: 1px solid $border-dd; |
||||
|
margin-bottom: 1rem; |
||||
|
.shell { |
||||
|
padding-left: 2.5rem; |
||||
|
position: relative; |
||||
|
} |
||||
|
.body-item-m, .body-item-r { |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
height: 2rem; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.body-item-l { |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 50%; |
||||
|
margin-top: -0.75rem; |
||||
|
width: 1.5rem; |
||||
|
height: 1.5rem; |
||||
|
-webkit-border-radius: 1.5rem; |
||||
|
-moz-border-radius: 1.5rem; |
||||
|
border-radius: 1.5rem; |
||||
|
} |
||||
|
.body-item-r { |
||||
|
font-size: 2rem; |
||||
|
line-height: 2rem; |
||||
|
padding-left: 0.5rem; |
||||
|
} |
||||
|
.body-item-tit { |
||||
|
color: $black; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.body-item-info { |
||||
|
color: $font-99; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.card-item { |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
} |
||||
|
.top-list { |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
padding: 1rem; |
||||
|
.top-list-tit { |
||||
|
color: $black; |
||||
|
font-size: 0.9rem; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
#circleChart { |
||||
|
max-width: 15rem !important; |
||||
|
max-height: 15rem !important; |
||||
|
} |
||||
|
#lineChart { |
||||
|
max-width: 45rem !important; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.month-bd-list{ |
||||
|
margin-bottom: 1rem; |
||||
|
.item{ |
||||
|
border:1px solid $border-dd; |
||||
|
-webkit-border-radius: 0.3rem; |
||||
|
-moz-border-radius: 0.3rem; |
||||
|
border-radius: 0.3rem; |
||||
|
.canvas-shell{ |
||||
|
padding: 1rem; |
||||
|
&.shell-lj>canvas{ |
||||
|
max-width: 40rem; |
||||
|
max-height:15rem; |
||||
|
} |
||||
|
} |
||||
|
&:first-child{ |
||||
|
.canvas-shell{ |
||||
|
padding: 0.5rem 1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//monthchart |
||||
|
.xq-list-box { |
||||
|
.item{ |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.uc-lou1 { |
||||
|
margin-bottom: 0.75rem; |
||||
|
.uc-info { |
||||
|
background-color: #fff; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
border: 1px solid $border-df; |
||||
|
.uc-info-top { |
||||
|
padding: 1rem; |
||||
|
.media-body { |
||||
|
text-align: center; |
||||
|
vertical-align: middle; |
||||
|
.uc-name { |
||||
|
font-size: 1rem; |
||||
|
} |
||||
|
} |
||||
|
.button-box { |
||||
|
padding-top: 1rem; |
||||
|
.btn:last-child { |
||||
|
margin-left: 1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.uc-info-bottom { |
||||
|
padding: 1rem; |
||||
|
border-top: 1px solid $border-df; |
||||
|
.lk-left, .lk-right { |
||||
|
float: left; |
||||
|
} |
||||
|
.lk-left { |
||||
|
font-size: 1rem; |
||||
|
width: 70%; |
||||
|
.lk-more { |
||||
|
font-size: 0.5rem; |
||||
|
color: $grey-99; |
||||
|
} |
||||
|
} |
||||
|
.lk-right { |
||||
|
width: 30%; |
||||
|
.btn-org { |
||||
|
line-height: 2rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.console-chart01 { |
||||
|
img { |
||||
|
border: 1px solid $border-df; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
height: 12.3rem; |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.uc-cat-tit { |
||||
|
font-size: 0.9rem; |
||||
|
font-weight: bold; |
||||
|
padding-left: 0.9rem; |
||||
|
padding-bottom: 0.75rem; |
||||
|
} |
||||
|
.uc-lou2 { |
||||
|
margin-bottom: 0.75rem; |
||||
|
.xq-section { |
||||
|
color: #a9a9a9; |
||||
|
background-color: #fff; |
||||
|
border: 1px solid $border-df; |
||||
|
font-size: 0.6rem; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
.table-tit { |
||||
|
font-size: 0.6rem; |
||||
|
line-height: 1.9rem; |
||||
|
padding: 0 0.5rem; |
||||
|
border-bottom: 1px solid $border-df; |
||||
|
i { |
||||
|
float: right !important; |
||||
|
margin-top: 0.55rem; |
||||
|
} |
||||
|
} |
||||
|
.table { |
||||
|
margin-bottom: 0; |
||||
|
.glyphicon-pencil { |
||||
|
color: #5072fb; |
||||
|
} |
||||
|
} |
||||
|
& > .table > thead > tr > th { |
||||
|
//border-top:1px solid $border-df; |
||||
|
border-bottom: 1px solid $border-df; |
||||
|
background-color: $table-row-bg; |
||||
|
} |
||||
|
& th { |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
& tr:nth-of-type(even) { |
||||
|
background-color: $table-row-bg; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.company-box { |
||||
|
|
||||
|
.item { |
||||
|
margin-top: 1rem; |
||||
|
margin-bottom: 1rem; |
||||
|
.item-img { |
||||
|
width: 37%; |
||||
|
} |
||||
|
.item-txt { |
||||
|
padding-left: 0.2rem; |
||||
|
width: 63%; |
||||
|
font-size: 0.6rem; |
||||
|
.tit { |
||||
|
font-size: 0.6rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
a { |
||||
|
color: $grey-99; |
||||
|
} |
||||
|
} |
||||
|
.area { |
||||
|
margin-bottom: 0.5rem; |
||||
|
.area-place { |
||||
|
color: #00a2f3; |
||||
|
} |
||||
|
.area-part { |
||||
|
color: #b8b8b8; |
||||
|
} |
||||
|
} |
||||
|
.btn-box { |
||||
|
.btn { |
||||
|
font-size: 0.6rem; |
||||
|
padding: 1px 2px; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.product-box { |
||||
|
padding: 0.3rem; |
||||
|
.item { |
||||
|
padding: 0.3rem; |
||||
|
.item-txt { |
||||
|
text-align: center; |
||||
|
.tit { |
||||
|
font-size: 0.6rem; |
||||
|
line-height: 1.5rem; |
||||
|
font-weight: 400; |
||||
|
a { |
||||
|
color: $grey-99; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.table-1 > thead > tr > th { |
||||
|
border-top: 1px solid #dfdfdf; |
||||
|
border-bottom: 1px solid #dfdfdf; |
||||
|
background-color: #e7f8ff; |
||||
|
} |
||||
|
|
||||
|
.shenheing { |
||||
|
padding: 1rem; |
||||
|
.sh-head { |
||||
|
.sh-head-l { |
||||
|
width: 13%; |
||||
|
} |
||||
|
.sh-head-r { |
||||
|
padding-left: 1rem; |
||||
|
width: 87%; |
||||
|
font-size: 0.6rem; |
||||
|
.sh-head-tit { |
||||
|
font-size: 0.7rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
color: #333; |
||||
|
} |
||||
|
p { |
||||
|
margin-bottom: 0.3rem; |
||||
|
color: #999; |
||||
|
span { |
||||
|
& + span { |
||||
|
margin-left: 0.5rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.sh-body { |
||||
|
.list-tit { |
||||
|
font-size: 0.7rem; |
||||
|
color: $black; |
||||
|
padding: 0.5rem; |
||||
|
border: 1px solid $border-df; |
||||
|
} |
||||
|
.list-item { |
||||
|
font-size: 0.6rem; |
||||
|
padding-left: 0.7rem; |
||||
|
border-bottom: 1px dashed $border-df; |
||||
|
margin-top: 1rem; |
||||
|
margin-left: 0; |
||||
|
padding-bottom: 0.4rem; |
||||
|
.list-item-r { |
||||
|
text-align: right; |
||||
|
a + a { |
||||
|
margin-left: 0.5rem; |
||||
|
} |
||||
|
a.action { |
||||
|
color: #03a9f4; |
||||
|
text-decoration: underline; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.company-detail { |
||||
|
padding: 1rem; |
||||
|
.com-head { |
||||
|
padding: 0.75rem; |
||||
|
border: 1px solid $border-df; |
||||
|
.com-head-l { |
||||
|
width: 13%; |
||||
|
} |
||||
|
.com-head-r { |
||||
|
padding-left: 1rem; |
||||
|
width: 87%; |
||||
|
font-size: 0.6rem; |
||||
|
.com-head-tit { |
||||
|
font-size: 0.7rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
color: #333; |
||||
|
} |
||||
|
p { |
||||
|
margin-bottom: 0.5rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.com-body { |
||||
|
padding: 1rem; |
||||
|
.pics-box { |
||||
|
.pic-tit { |
||||
|
line-height: 1.8rem; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
.zl-info { |
||||
|
padding-top: 1rem; |
||||
|
.item { |
||||
|
line-height: 2rem; |
||||
|
color: $black; |
||||
|
} |
||||
|
.item:nth-of-type(odd) { |
||||
|
background-color: #e1f0d1; |
||||
|
line-height: 1.5rem; |
||||
|
border: 1px solid $border-df; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.shenhe-box { |
||||
|
text-align: center; |
||||
|
margin-top: 1rem; |
||||
|
.btn + .btn { |
||||
|
margin-left: 1rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,9 @@ |
|||||
|
.edui-container{ |
||||
|
box-shadow:none; |
||||
|
-webkit-box-sizing: border-box; |
||||
|
-moz-box-sizing: border-box; |
||||
|
box-sizing: border-box; |
||||
|
.edui-toolbar{ |
||||
|
box-shadow: none; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,100 @@ |
|||||
|
.upload-img-box{ |
||||
|
.img-wrapper{ |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
|
||||
|
.img-shell{ |
||||
|
position: relative; |
||||
|
max-width: 400px; |
||||
|
max-height: 300px; |
||||
|
border: 1px solid $border-dd; |
||||
|
-webkit-border-radius: 0.2rem; |
||||
|
-moz-border-radius: 0.2rem; |
||||
|
border-radius: 0.2rem; |
||||
|
margin-bottom: 0.5rem; |
||||
|
.label-for{ |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
z-index: 99; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.paddingT{ |
||||
|
padding-top:75%; |
||||
|
} |
||||
|
img{ |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
max-height:100%; |
||||
|
max-width:100%; |
||||
|
margin:auto; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
#upBtn{ |
||||
|
margin-top: 0.5rem; |
||||
|
} |
||||
|
} |
||||
|
.uploader-wrapper{ |
||||
|
|
||||
|
} |
||||
|
.uploader-list-content,.preview-list{ |
||||
|
margin:0 -0.25rem; |
||||
|
&>.fig-normal{ |
||||
|
width: 20%; |
||||
|
display: inline-block; |
||||
|
float: left; |
||||
|
padding: 0.25rem; |
||||
|
.img-shell{ |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
.btn-box{ |
||||
|
position: absolute; |
||||
|
z-index: 99; |
||||
|
top:0; |
||||
|
right:0; |
||||
|
left:0; |
||||
|
width: 100%; |
||||
|
text-align: right; |
||||
|
font-size:1rem; |
||||
|
|
||||
|
background-color: rgba(0,0,0,0.5); |
||||
|
i{ |
||||
|
color: #FFFFFF; |
||||
|
cursor: pointer; |
||||
|
&:hover{ |
||||
|
color: darken(#fff, 30%); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.paddingT{ |
||||
|
padding-top: 145%; |
||||
|
} |
||||
|
.fig-img{ |
||||
|
position: absolute; |
||||
|
top:0; |
||||
|
bottom:0; |
||||
|
left:0; |
||||
|
right:0; |
||||
|
display: block; |
||||
|
margin:auto; |
||||
|
max-height:100%; |
||||
|
max-width:100%; |
||||
|
} |
||||
|
} |
||||
|
.fig-tit{ |
||||
|
font-size: 0.6rem; |
||||
|
text-align: center; |
||||
|
font-weight:400; |
||||
|
//padding-top: 0.5rem; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,137 @@ |
|||||
|
@charset "utf-8"; |
||||
|
// |
||||
|
// Variables |
||||
|
// -------------------------------------------------- |
||||
|
|
||||
|
|
||||
|
//== Colors |
||||
|
// |
||||
|
$bg-ff: #fff; |
||||
|
$bg-fb: #fbfbfb; |
||||
|
$bg-f9: #f9f9f9; |
||||
|
$bg-ee: #eee; |
||||
|
$bg-cc: #ccc; |
||||
|
$bg-00: #000; |
||||
|
$bg-f1: #f1f1f1; |
||||
|
$bg-ec: #ECF0F1; |
||||
|
$font-33: #333; |
||||
|
$font-66: #666; |
||||
|
$font-99: #999; |
||||
|
$font-ff: #fff; |
||||
|
$font-00: #000; |
||||
|
$font-base: #3A4145; |
||||
|
$navy-grey: #2e4960; |
||||
|
$navy: #283e52; |
||||
|
$green: #00c099; |
||||
|
$green-light: #05a389; |
||||
|
$orange: #f4731c; |
||||
|
$grey-fb: #fbfbfb; |
||||
|
$grey-fa: #fff; |
||||
|
$grey-e9: #e9e9e9; |
||||
|
$grey-66: #666666; |
||||
|
$grey-99: #999999; |
||||
|
$grey-b5: #b5b5b5; |
||||
|
$grey-base: #ECF0F1; |
||||
|
$black: #2e485f; |
||||
|
|
||||
|
|
||||
|
//diy |
||||
|
$red: #bf3628; |
||||
|
$bg-content-base: $bg-ff; |
||||
|
$bg-base: $bg-ec; |
||||
|
$font-light: $font-99; |
||||
|
//admin console |
||||
|
$navy-console-dark: #09323f; |
||||
|
$navy-console-light: #283e52; |
||||
|
$console-green: #3f9391; |
||||
|
$console-right-bg: #ffffff; |
||||
|
$console-f8: #f8f8f8; |
||||
|
$border-ff: #fff; |
||||
|
$border-df: #dfdfdf; |
||||
|
$border-dd: #ddd; |
||||
|
$border-green: #00c099; |
||||
|
$table-row-bg: #e7f8ff; |
||||
|
//## Gray and brand colors for use across Bootstrap. |
||||
|
$gray-base: #000 !default; |
||||
|
$gray-darker: lighten($gray-base, 13.5%) !default; // #222 |
||||
|
$gray-dark: lighten($gray-base, 20%) !default; // #333 |
||||
|
$gray: lighten($gray-base, 33.5%) !default; // #555 |
||||
|
$gray-light: lighten($gray-base, 46.7%) !default; // #777 |
||||
|
$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee |
||||
|
|
||||
|
$brand-primary: #428bca !default; |
||||
|
$brand-success: #5cb85c !default; |
||||
|
$brand-info: #5bc0de !default; |
||||
|
$brand-warning: #f0ad4e !default; |
||||
|
$brand-danger: #d9534f !default; |
||||
|
$font-color-cat: #cbc092 !default; |
||||
|
|
||||
|
//== Scaffolding |
||||
|
// |
||||
|
//## Settings for some of the most global styles. |
||||
|
|
||||
|
//** body 背景色. |
||||
|
$body-bg: $bg-base !default; |
||||
|
//** body 全局文本 |
||||
|
$text-color: $font-base !default; |
||||
|
|
||||
|
//** Global textual link color. |
||||
|
$link-color: $orange !default; |
||||
|
//** Link hover color set via `darken()` function. |
||||
|
$link-hover-color: darken($link-color, 15%) !default; |
||||
|
//** Link hover decoration. |
||||
|
$link-hover-decoration: underline !default; |
||||
|
|
||||
|
|
||||
|
|
||||
|
//== Typography |
||||
|
// |
||||
|
//## 字体设置. |
||||
|
$font-code: Source Code Pro,monospace!important; |
||||
|
$font-family-sans-serif: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","PingFang SC","PingFang SC Light",tahoma,"Hiragino Sans GB",Arial,Helvetica,sans-serif,"微软雅黑" !default; |
||||
|
$font-family-serif: Georgia, "Times New Roman", Times, serif !default; |
||||
|
//** `<code>`, `<kbd>`, and `<pre>`的默认字体. |
||||
|
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; |
||||
|
$font-family-base: $font-family-sans-serif !default; |
||||
|
|
||||
|
$font-html-size: 20px !default; |
||||
|
$font-size-base: ceil(($font-html-size * 1.4)) !default;// 14px |
||||
|
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px |
||||
|
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px |
||||
|
|
||||
|
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px |
||||
|
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px |
||||
|
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px |
||||
|
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px |
||||
|
$font-size-h5: $font-size-base !default; |
||||
|
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px |
||||
|
|
||||
|
$font-size-16-nav: ceil(($font-html-size*1.6)); |
||||
|
//** Unit-less `line-height` for use in components like buttons. |
||||
|
$line-height-base: 1.428571429 !default; // 20/14 |
||||
|
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. |
||||
|
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px |
||||
|
|
||||
|
//** By default, this inherits from the `<body>`. |
||||
|
$headings-font-family: inherit !default; |
||||
|
$headings-font-weight: 500 !default; |
||||
|
$headings-line-height: 1.1 !default; |
||||
|
$headings-color: inherit !default; |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
//border style |
||||
|
|
||||
|
$border-base-color: $grey-e9; |
||||
|
|
||||
|
|
||||
|
//width |
||||
|
$container-width: 1130px !default; |
||||
|
|
||||
|
|
||||
|
//cols config 生成一个一行20列的grids |
||||
|
$grid-columns: 20 !default; |
||||
|
$grid-gutter-width: 1rem !default; |
||||
|
$enable-flex: false !default; |
||||
@ -0,0 +1,7 @@ |
|||||
|
#uploader .filelist li{ |
||||
|
height: 155px; |
||||
|
p.imgWrap{ |
||||
|
line-height: 155px; |
||||
|
height: 155px; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,39 @@ |
|||||
|
.w100{ |
||||
|
width: 100%; |
||||
|
} |
||||
|
.w76-6{ |
||||
|
width: 76.6%; |
||||
|
} |
||||
|
.w70{ |
||||
|
width: 70%; |
||||
|
} |
||||
|
.w73-2{ |
||||
|
width:73.2%; |
||||
|
} |
||||
|
.w26-8{ |
||||
|
width:26.8%; |
||||
|
} |
||||
|
.w54{ |
||||
|
width: 54%; |
||||
|
} |
||||
|
.w50{ |
||||
|
width: 50%; |
||||
|
} |
||||
|
.w46{ |
||||
|
width: 46%; |
||||
|
} |
||||
|
.w30{ |
||||
|
width: 30%; |
||||
|
} |
||||
|
.w23-4{ |
||||
|
width: 23.4%; |
||||
|
} |
||||
|
.w16-5{ |
||||
|
width: 18.5%; |
||||
|
} |
||||
|
.w56-5{ |
||||
|
width: 56.5%; |
||||
|
} |
||||
|
.w27{ |
||||
|
width: 25%; |
||||
|
} |
||||
@ -0,0 +1,12 @@ |
|||||
|
.zf-zizhu,.com-shenqing{ |
||||
|
margin-top: 1.5rem; |
||||
|
} |
||||
|
.com-shenqing{ |
||||
|
background-color: $bg-f9; |
||||
|
padding-top:1.5rem; |
||||
|
padding-bottom: 1.5rem; |
||||
|
} |
||||
|
.zhizhu-ed{ |
||||
|
padding-top: 2.5rem !important; |
||||
|
background-color: transparent !important; |
||||
|
} |
||||
@ -0,0 +1,4 @@ |
|||||
|
.xq-box{ |
||||
|
margin-top: 1.5rem; |
||||
|
color: $font-33; |
||||
|
} |
||||
@ -0,0 +1,37 @@ |
|||||
|
img[data-action="zoom"] { |
||||
|
cursor: pointer; |
||||
|
cursor: -webkit-zoom-in; |
||||
|
cursor: -moz-zoom-in; |
||||
|
} |
||||
|
.zoom-img, |
||||
|
.zoom-img-wrap { |
||||
|
position: relative; |
||||
|
z-index: 666; |
||||
|
-webkit-transition: all 300ms; |
||||
|
-o-transition: all 300ms; |
||||
|
transition: all 300ms; |
||||
|
} |
||||
|
img.zoom-img { |
||||
|
cursor: pointer; |
||||
|
cursor: -webkit-zoom-out; |
||||
|
cursor: -moz-zoom-out; |
||||
|
} |
||||
|
.zoom-overlay { |
||||
|
z-index: 420; |
||||
|
background: #fff; |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
pointer-events: none; |
||||
|
filter: "alpha(opacity=0)"; |
||||
|
opacity: 0; |
||||
|
-webkit-transition: opacity 300ms; |
||||
|
-o-transition: opacity 300ms; |
||||
|
transition: opacity 300ms; |
||||
|
} |
||||
|
.zoom-overlay-open .zoom-overlay { |
||||
|
filter: "alpha(opacity=100)"; |
||||
|
opacity: 1; |
||||
|
} |
||||
@ -0,0 +1,561 @@ |
|||||
|
// |
||||
|
// Forms |
||||
|
// -------------------------------------------------- |
||||
|
|
||||
|
|
||||
|
// Normalize non-controls |
||||
|
// |
||||
|
// Restyle and baseline non-control form elements. |
||||
|
|
||||
|
fieldset { |
||||
|
padding: 0; |
||||
|
margin: 0; |
||||
|
border: 0; |
||||
|
// Chrome and Firefox set a `min-width: min-content;` on fieldsets, |
||||
|
// so we reset that to ensure it behaves more like a standard block element. |
||||
|
// See https://github.com/twbs/bootstrap/issues/12359. |
||||
|
min-width: 0; |
||||
|
} |
||||
|
|
||||
|
legend { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
padding: 0; |
||||
|
margin-bottom: $line-height-computed; |
||||
|
font-size: ($font-size-base * 1.5); |
||||
|
line-height: inherit; |
||||
|
color: $legend-color; |
||||
|
border: 0; |
||||
|
border-bottom: 1px solid $legend-border-color; |
||||
|
} |
||||
|
|
||||
|
label { |
||||
|
display: inline-block; |
||||
|
max-width: 100%; // Force IE8 to wrap long content (see https://github.com/twbs/bootstrap/issues/13141) |
||||
|
margin-bottom: 5px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Normalize form controls |
||||
|
// |
||||
|
// While most of our form styles require extra classes, some basic normalization |
||||
|
// is required to ensure optimum display with or without those classes to better |
||||
|
// address browser inconsistencies. |
||||
|
|
||||
|
// Override content-box in Normalize (* isn't specific enough) |
||||
|
input[type="search"] { |
||||
|
@include box-sizing(border-box); |
||||
|
} |
||||
|
|
||||
|
// Position radios and checkboxes better |
||||
|
input[type="radio"], |
||||
|
input[type="checkbox"] { |
||||
|
margin: 4px 0 0; |
||||
|
margin-top: 1px \9; // IE8-9 |
||||
|
line-height: normal; |
||||
|
} |
||||
|
|
||||
|
// Set the height of file controls to match text inputs |
||||
|
input[type="file"] { |
||||
|
display: block; |
||||
|
} |
||||
|
|
||||
|
// Make range inputs behave like textual form controls |
||||
|
input[type="range"] { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
// Make multiple select elements height not fixed |
||||
|
select[multiple], |
||||
|
select[size] { |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
// Focus for file, radio, and checkbox |
||||
|
input[type="file"]:focus, |
||||
|
input[type="radio"]:focus, |
||||
|
input[type="checkbox"]:focus { |
||||
|
@include tab-focus; |
||||
|
} |
||||
|
|
||||
|
// Adjust output element |
||||
|
output { |
||||
|
display: block; |
||||
|
padding-top: ($padding-base-vertical + 1); |
||||
|
font-size: $font-size-base; |
||||
|
line-height: $line-height-base; |
||||
|
color: $input-color; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Common form controls |
||||
|
// |
||||
|
// Shared size and type resets for form controls. Apply `.form-control` to any |
||||
|
// of the following form controls: |
||||
|
// |
||||
|
// select |
||||
|
// textarea |
||||
|
// input[type="text"] |
||||
|
// input[type="password"] |
||||
|
// input[type="datetime"] |
||||
|
// input[type="datetime-local"] |
||||
|
// input[type="date"] |
||||
|
// input[type="month"] |
||||
|
// input[type="time"] |
||||
|
// input[type="week"] |
||||
|
// input[type="number"] |
||||
|
// input[type="email"] |
||||
|
// input[type="url"] |
||||
|
// input[type="search"] |
||||
|
// input[type="tel"] |
||||
|
// input[type="color"] |
||||
|
|
||||
|
.form-control { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) |
||||
|
padding: $padding-base-vertical $padding-base-horizontal; |
||||
|
font-size: $font-size-base; |
||||
|
line-height: $line-height-base; |
||||
|
color: $input-color; |
||||
|
background-color: $input-bg; |
||||
|
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 |
||||
|
border: 1px solid $input-border; |
||||
|
border-radius: $input-border-radius; |
||||
|
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); |
||||
|
@include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s); |
||||
|
|
||||
|
// Customize the `:focus` state to imitate native WebKit styles. |
||||
|
@include form-control-focus; |
||||
|
|
||||
|
// Placeholder |
||||
|
@include placeholder; |
||||
|
|
||||
|
// Disabled and read-only inputs |
||||
|
// |
||||
|
// HTML5 says that controls under a fieldset > legend:first-child won't be |
||||
|
// disabled if the fieldset is disabled. Due to implementation difficulty, we |
||||
|
// don't honor that edge case; we style them as disabled anyway. |
||||
|
&[disabled], |
||||
|
&[readonly], |
||||
|
fieldset[disabled] & { |
||||
|
cursor: $cursor-disabled; |
||||
|
background-color: $input-bg-disabled; |
||||
|
opacity: 1; // iOS fix for unreadable disabled content |
||||
|
} |
||||
|
|
||||
|
// [converter] extracted textarea& to textarea.form-control |
||||
|
} |
||||
|
|
||||
|
// Reset height for `textarea`s |
||||
|
textarea.form-control { |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Search inputs in iOS |
||||
|
// |
||||
|
// This overrides the extra rounded corners on search inputs in iOS so that our |
||||
|
// `.form-control` class can properly style them. Note that this cannot simply |
||||
|
// be added to `.form-control` as it's not specific enough. For details, see |
||||
|
// https://github.com/twbs/bootstrap/issues/11586. |
||||
|
|
||||
|
input[type="search"] { |
||||
|
-webkit-appearance: none; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Special styles for iOS temporal inputs |
||||
|
// |
||||
|
// In Mobile Safari, setting `display: block` on temporal inputs causes the |
||||
|
// text within the input to become vertically misaligned. |
||||
|
// As a workaround, we set a pixel line-height that matches the |
||||
|
// given height of the input. Since this fucks up everything else, we have to |
||||
|
// appropriately reset it for Internet Explorer and the size variations. |
||||
|
|
||||
|
input[type="date"], |
||||
|
input[type="time"], |
||||
|
input[type="datetime-local"], |
||||
|
input[type="month"] { |
||||
|
line-height: $input-height-base; |
||||
|
// IE8+ misaligns the text within date inputs, so we reset |
||||
|
line-height: $line-height-base #{\0}; |
||||
|
|
||||
|
&.input-sm { |
||||
|
line-height: $input-height-small; |
||||
|
line-height: $line-height-small #{\0}; |
||||
|
} |
||||
|
&.input-lg { |
||||
|
line-height: $input-height-large; |
||||
|
line-height: $line-height-large #{\0}; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// IE 11 hack to reverse the iOS temporal input hack. |
||||
|
_:-ms-fullscreen, :root input[type="date"], |
||||
|
_:-ms-fullscreen, :root input[type="time"], |
||||
|
_:-ms-fullscreen, :root input[type="datetime-local"], |
||||
|
_:-ms-fullscreen, :root input[type="month"] { |
||||
|
line-height: $line-height-base; |
||||
|
|
||||
|
&.input-sm { |
||||
|
line-height: $line-height-small; |
||||
|
} |
||||
|
&.input-lg { |
||||
|
line-height: $line-height-large; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Form groups |
||||
|
// |
||||
|
// Designed to help with the organization and spacing of vertical forms. For |
||||
|
// horizontal forms, use the predefined grid classes. |
||||
|
|
||||
|
.form-group { |
||||
|
margin-bottom: 15px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Checkboxes and radios |
||||
|
// |
||||
|
// Indent the labels to position radios/checkboxes as hanging controls. |
||||
|
|
||||
|
.radio, |
||||
|
.checkbox { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
margin-top: 10px; |
||||
|
margin-bottom: 10px; |
||||
|
|
||||
|
label { |
||||
|
min-height: $line-height-computed; // Ensure the input doesn't jump when there is no text |
||||
|
padding-left: 20px; |
||||
|
margin-bottom: 0; |
||||
|
font-weight: normal; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
.radio input[type="radio"], |
||||
|
.radio-inline input[type="radio"], |
||||
|
.checkbox input[type="checkbox"], |
||||
|
.checkbox-inline input[type="checkbox"] { |
||||
|
position: absolute; |
||||
|
margin-left: -20px; |
||||
|
margin-top: 4px \9; |
||||
|
} |
||||
|
|
||||
|
.radio + .radio, |
||||
|
.checkbox + .checkbox { |
||||
|
margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing |
||||
|
} |
||||
|
|
||||
|
// Radios and checkboxes on same line |
||||
|
.radio-inline, |
||||
|
.checkbox-inline { |
||||
|
display: inline-block; |
||||
|
padding-left: 20px; |
||||
|
margin-bottom: 0; |
||||
|
vertical-align: middle; |
||||
|
font-weight: normal; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.radio-inline + .radio-inline, |
||||
|
.checkbox-inline + .checkbox-inline { |
||||
|
margin-top: 0; |
||||
|
margin-left: 10px; // space out consecutive inline controls |
||||
|
} |
||||
|
|
||||
|
// Apply same disabled cursor tweak as for inputs |
||||
|
// Some special care is needed because <label>s don't inherit their parent's `cursor`. |
||||
|
// |
||||
|
// Note: Neither radios nor checkboxes can be readonly. |
||||
|
input[type="radio"], |
||||
|
input[type="checkbox"] { |
||||
|
&[disabled], |
||||
|
&.disabled, |
||||
|
fieldset[disabled] & { |
||||
|
cursor: $cursor-disabled; |
||||
|
} |
||||
|
} |
||||
|
// These classes are used directly on <label>s |
||||
|
.radio-inline, |
||||
|
.checkbox-inline { |
||||
|
&.disabled, |
||||
|
fieldset[disabled] & { |
||||
|
cursor: $cursor-disabled; |
||||
|
} |
||||
|
} |
||||
|
// These classes are used on elements with <label> descendants |
||||
|
.radio, |
||||
|
.checkbox { |
||||
|
&.disabled, |
||||
|
fieldset[disabled] & { |
||||
|
label { |
||||
|
cursor: $cursor-disabled; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Static form control text |
||||
|
// |
||||
|
// Apply class to a `p` element to make any string of text align with labels in |
||||
|
// a horizontal form layout. |
||||
|
|
||||
|
.form-control-static { |
||||
|
// Size it appropriately next to real form controls |
||||
|
padding-top: ($padding-base-vertical + 1); |
||||
|
padding-bottom: ($padding-base-vertical + 1); |
||||
|
// Remove default margin from `p` |
||||
|
margin-bottom: 0; |
||||
|
|
||||
|
&.input-lg, |
||||
|
&.input-sm { |
||||
|
padding-left: 0; |
||||
|
padding-right: 0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Form control sizing |
||||
|
// |
||||
|
// Build on `.form-control` with modifier classes to decrease or increase the |
||||
|
// height and font-size of form controls. |
||||
|
|
||||
|
@include input-size('.input-sm, .form-group-sm .form-control', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small); |
||||
|
|
||||
|
@include input-size('.input-lg, .form-group-lg .form-control', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large); |
||||
|
|
||||
|
|
||||
|
// Form control feedback states |
||||
|
// |
||||
|
// Apply contextual and semantic states to individual form controls. |
||||
|
|
||||
|
.has-feedback { |
||||
|
// Enable absolute positioning |
||||
|
position: relative; |
||||
|
|
||||
|
// Ensure icons don't overlap text |
||||
|
.form-control { |
||||
|
padding-right: ($input-height-base * 1.25); |
||||
|
} |
||||
|
} |
||||
|
// Feedback icon (requires .glyphicon classes) |
||||
|
.form-control-feedback { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
z-index: 2; // Ensure icon is above input groups |
||||
|
display: block; |
||||
|
width: $input-height-base; |
||||
|
height: $input-height-base; |
||||
|
line-height: $input-height-base; |
||||
|
text-align: center; |
||||
|
pointer-events: none; |
||||
|
} |
||||
|
.input-lg + .form-control-feedback { |
||||
|
width: $input-height-large; |
||||
|
height: $input-height-large; |
||||
|
line-height: $input-height-large; |
||||
|
} |
||||
|
.input-sm + .form-control-feedback { |
||||
|
width: $input-height-small; |
||||
|
height: $input-height-small; |
||||
|
line-height: $input-height-small; |
||||
|
} |
||||
|
|
||||
|
// Feedback states |
||||
|
.has-success { |
||||
|
@include form-control-validation($state-success-text, $state-success-text, $state-success-bg); |
||||
|
} |
||||
|
.has-warning { |
||||
|
@include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg); |
||||
|
} |
||||
|
.has-error { |
||||
|
@include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg); |
||||
|
} |
||||
|
|
||||
|
// Reposition feedback icon if input has visible label above |
||||
|
.has-feedback label { |
||||
|
|
||||
|
& ~ .form-control-feedback { |
||||
|
top: ($line-height-computed + 5); // Height of the `label` and its margin |
||||
|
} |
||||
|
&.sr-only ~ .form-control-feedback { |
||||
|
top: 0; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Help text |
||||
|
// |
||||
|
// Apply to any element you wish to create light text for placement immediately |
||||
|
// below a form control. Use for general help, formatting, or instructional text. |
||||
|
|
||||
|
.help-block { |
||||
|
display: block; // account for any element using help-block |
||||
|
margin-top: 5px; |
||||
|
margin-bottom: 10px; |
||||
|
color: lighten($text-color, 25%); // lighten the text some for contrast |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// Inline forms |
||||
|
// |
||||
|
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline |
||||
|
// forms begin stacked on extra small (mobile) devices and then go inline when |
||||
|
// viewports reach <768px. |
||||
|
// |
||||
|
// Requires wrapping inputs and labels with `.form-group` for proper display of |
||||
|
// default HTML form controls and our custom form controls (e.g., input groups). |
||||
|
// |
||||
|
// Heads up! This is mixin-ed into `.navbar-form` in navbars.less. |
||||
|
|
||||
|
// [converter] extracted from `.form-inline` for libsass compatibility |
||||
|
@mixin form-inline { |
||||
|
|
||||
|
// Kick in the inline |
||||
|
@media (min-width: $screen-sm-min) { |
||||
|
// Inline-block all the things for "inline" |
||||
|
.form-group { |
||||
|
display: inline-block; |
||||
|
margin-bottom: 0; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
// In navbar-form, allow folks to *not* use `.form-group` |
||||
|
.form-control { |
||||
|
display: inline-block; |
||||
|
width: auto; // Prevent labels from stacking above inputs in `.form-group` |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
// Make static controls behave like regular ones |
||||
|
.form-control-static { |
||||
|
display: inline-block; |
||||
|
} |
||||
|
|
||||
|
.input-group { |
||||
|
display: inline-table; |
||||
|
vertical-align: middle; |
||||
|
|
||||
|
.input-group-addon, |
||||
|
.input-group-btn, |
||||
|
.form-control { |
||||
|
width: auto; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// Input groups need that 100% width though |
||||
|
.input-group > .form-control { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.control-label { |
||||
|
margin-bottom: 0; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
|
||||
|
// Remove default margin on radios/checkboxes that were used for stacking, and |
||||
|
// then undo the floating of radios and checkboxes to match (which also avoids |
||||
|
// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). |
||||
|
.radio, |
||||
|
.checkbox { |
||||
|
display: inline-block; |
||||
|
margin-top: 0; |
||||
|
margin-bottom: 0; |
||||
|
vertical-align: middle; |
||||
|
|
||||
|
label { |
||||
|
padding-left: 0; |
||||
|
} |
||||
|
} |
||||
|
.radio input[type="radio"], |
||||
|
.checkbox input[type="checkbox"] { |
||||
|
position: relative; |
||||
|
margin-left: 0; |
||||
|
} |
||||
|
|
||||
|
// Re-override the feedback icon. |
||||
|
.has-feedback .form-control-feedback { |
||||
|
top: 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
// [converter] extracted as `@mixin form-inline` for libsass compatibility |
||||
|
.form-inline { |
||||
|
@include form-inline; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
// Horizontal forms |
||||
|
// |
||||
|
// Horizontal forms are built on grid classes and allow you to create forms with |
||||
|
// labels on the left and inputs on the right. |
||||
|
|
||||
|
.form-horizontal { |
||||
|
|
||||
|
// Consistent vertical alignment of radios and checkboxes |
||||
|
// |
||||
|
// Labels also get some reset styles, but that is scoped to a media query below. |
||||
|
.radio, |
||||
|
.checkbox, |
||||
|
.radio-inline, |
||||
|
.checkbox-inline { |
||||
|
margin-top: 0; |
||||
|
margin-bottom: 0; |
||||
|
padding-top: ($padding-base-vertical + 1); // Default padding plus a border |
||||
|
} |
||||
|
// Account for padding we're adding to ensure the alignment and of help text |
||||
|
// and other content below items |
||||
|
.radio, |
||||
|
.checkbox { |
||||
|
min-height: ($line-height-computed + ($padding-base-vertical + 1)); |
||||
|
} |
||||
|
|
||||
|
// Make form groups behave like rows |
||||
|
.form-group { |
||||
|
@include make-row; |
||||
|
} |
||||
|
|
||||
|
// Reset spacing and right align labels, but scope to media queries so that |
||||
|
// labels on narrow viewports stack the same as a default form example. |
||||
|
@media (min-width: $screen-sm-min) { |
||||
|
.control-label { |
||||
|
text-align: right; |
||||
|
margin-bottom: 0; |
||||
|
padding-top: ($padding-base-vertical + 1); // Default padding plus a border |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// Validation states |
||||
|
// |
||||
|
// Reposition the icon because it's now within a grid column and columns have |
||||
|
// `position: relative;` on them. Also accounts for the grid gutter padding. |
||||
|
.has-feedback .form-control-feedback { |
||||
|
right: ($grid-gutter-width / 2); |
||||
|
} |
||||
|
|
||||
|
// Form group sizes |
||||
|
// |
||||
|
// Quick utility class for applying `.input-lg` and `.input-sm` styles to the |
||||
|
// inputs and labels within a `.form-group`. |
||||
|
.form-group-lg { |
||||
|
@media (min-width: $screen-sm-min) { |
||||
|
.control-label { |
||||
|
padding-top: (($padding-large-vertical * $line-height-large) + 1); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.form-group-sm { |
||||
|
@media (min-width: $screen-sm-min) { |
||||
|
.control-label { |
||||
|
padding-top: ($padding-small-vertical + 1); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,864 @@ |
|||||
|
// When true, asset path helpers are used, otherwise the regular CSS `url()` is used. |
||||
|
// When there no function is defined, `fn('')` is parsed as string that equals the right hand side |
||||
|
// NB: in Sass 3.3 there is a native function: function-exists(twbs-font-path) |
||||
|
$bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default; |
||||
|
|
||||
|
// |
||||
|
// Variables |
||||
|
// -------------------------------------------------- |
||||
|
|
||||
|
|
||||
|
//== Colors |
||||
|
// |
||||
|
//## Gray and brand colors for use across Bootstrap. |
||||
|
|
||||
|
$gray-base: #000 !default; |
||||
|
$gray-darker: lighten($gray-base, 13.5%) !default; // #222 |
||||
|
$gray-dark: lighten($gray-base, 20%) !default; // #333 |
||||
|
$gray: lighten($gray-base, 33.5%) !default; // #555 |
||||
|
$gray-light: lighten($gray-base, 46.7%) !default; // #777 |
||||
|
$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee |
||||
|
|
||||
|
$brand-primary: #428bca !default; |
||||
|
$brand-success: #5cb85c !default; |
||||
|
$brand-info: #5bc0de !default; |
||||
|
$brand-warning: #f0ad4e !default; |
||||
|
$brand-danger: #d9534f !default; |
||||
|
|
||||
|
|
||||
|
//== Scaffolding |
||||
|
// |
||||
|
//## Settings for some of the most global styles. |
||||
|
|
||||
|
//** Background color for `<body>`. |
||||
|
$body-bg: #fff !default; |
||||
|
//** Global text color on `<body>`. |
||||
|
$text-color: $gray-dark !default; |
||||
|
|
||||
|
//** Global textual link color. |
||||
|
$link-color: $brand-primary !default; |
||||
|
//** Link hover color set via `darken()` function. |
||||
|
$link-hover-color: darken($link-color, 15%) !default; |
||||
|
//** Link hover decoration. |
||||
|
$link-hover-decoration: underline !default; |
||||
|
|
||||
|
|
||||
|
//== Typography |
||||
|
// |
||||
|
//## Font, line-height, and color for body text, headings, and more. |
||||
|
|
||||
|
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default; |
||||
|
$font-family-serif: Georgia, "Times New Roman", Times, serif !default; |
||||
|
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. |
||||
|
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; |
||||
|
$font-family-base: $font-family-sans-serif !default; |
||||
|
|
||||
|
$font-size-base: 14px !default; |
||||
|
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px |
||||
|
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px |
||||
|
|
||||
|
$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px |
||||
|
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px |
||||
|
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px |
||||
|
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px |
||||
|
$font-size-h5: $font-size-base !default; |
||||
|
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px |
||||
|
|
||||
|
//** Unit-less `line-height` for use in components like buttons. |
||||
|
$line-height-base: 1.428571429 !default; // 20/14 |
||||
|
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. |
||||
|
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px |
||||
|
|
||||
|
//** By default, this inherits from the `<body>`. |
||||
|
$headings-font-family: inherit !default; |
||||
|
$headings-font-weight: 500 !default; |
||||
|
$headings-line-height: 1.1 !default; |
||||
|
$headings-color: inherit !default; |
||||
|
|
||||
|
|
||||
|
//== Iconography |
||||
|
// |
||||
|
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. |
||||
|
|
||||
|
//** Load fonts from this directory. |
||||
|
|
||||
|
// [converter] Asset helpers such as Sprockets and Node.js Mincer do not resolve relative paths |
||||
|
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; |
||||
|
|
||||
|
//** File name for all font files. |
||||
|
$icon-font-name: "glyphicons-halflings-regular" !default; |
||||
|
//** Element ID within SVG icon file. |
||||
|
$icon-font-svg-id: "glyphicons_halflingsregular" !default; |
||||
|
|
||||
|
|
||||
|
//== Components |
||||
|
// |
||||
|
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). |
||||
|
|
||||
|
$padding-base-vertical: 6px !default; |
||||
|
$padding-base-horizontal: 12px !default; |
||||
|
|
||||
|
$padding-large-vertical: 10px !default; |
||||
|
$padding-large-horizontal: 16px !default; |
||||
|
|
||||
|
$padding-small-vertical: 5px !default; |
||||
|
$padding-small-horizontal: 10px !default; |
||||
|
|
||||
|
$padding-xs-vertical: 1px !default; |
||||
|
$padding-xs-horizontal: 5px !default; |
||||
|
|
||||
|
$line-height-large: 1.33 !default; |
||||
|
$line-height-small: 1.5 !default; |
||||
|
|
||||
|
$border-radius-base: 4px !default; |
||||
|
$border-radius-large: 6px !default; |
||||
|
$border-radius-small: 3px !default; |
||||
|
|
||||
|
//** Global color for active items (e.g., navs or dropdowns). |
||||
|
$component-active-color: #fff !default; |
||||
|
//** Global background color for active items (e.g., navs or dropdowns). |
||||
|
$component-active-bg: $brand-primary !default; |
||||
|
|
||||
|
//** Width of the `border` for generating carets that indicator dropdowns. |
||||
|
$caret-width-base: 4px !default; |
||||
|
//** Carets increase slightly in size for larger components. |
||||
|
$caret-width-large: 5px !default; |
||||
|
|
||||
|
|
||||
|
//== Tables |
||||
|
// |
||||
|
//## Customizes the `.table` component with basic values, each used across all table variations. |
||||
|
|
||||
|
//** Padding for `<th>`s and `<td>`s. |
||||
|
$table-cell-padding: 8px !default; |
||||
|
//** Padding for cells in `.table-condensed`. |
||||
|
$table-condensed-cell-padding: 5px !default; |
||||
|
|
||||
|
//** Default background color used for all tables. |
||||
|
$table-bg: transparent !default; |
||||
|
//** Background color used for `.table-striped`. |
||||
|
$table-bg-accent: #f9f9f9 !default; |
||||
|
//** Background color used for `.table-hover`. |
||||
|
$table-bg-hover: #f5f5f5 !default; |
||||
|
$table-bg-active: $table-bg-hover !default; |
||||
|
|
||||
|
//** Border color for table and cell borders. |
||||
|
$table-border-color: #ddd !default; |
||||
|
|
||||
|
|
||||
|
//== Buttons |
||||
|
// |
||||
|
//## For each of Bootstrap's buttons, define text, background and border color. |
||||
|
|
||||
|
$btn-font-weight: normal !default; |
||||
|
|
||||
|
$btn-default-color: #333 !default; |
||||
|
$btn-default-bg: #fff !default; |
||||
|
$btn-default-border: #ccc !default; |
||||
|
|
||||
|
$btn-primary-color: #fff !default; |
||||
|
$btn-primary-bg: $brand-primary !default; |
||||
|
$btn-primary-border: darken($btn-primary-bg, 5%) !default; |
||||
|
|
||||
|
$btn-success-color: #fff !default; |
||||
|
$btn-success-bg: $brand-success !default; |
||||
|
$btn-success-border: darken($btn-success-bg, 5%) !default; |
||||
|
|
||||
|
$btn-info-color: #fff !default; |
||||
|
$btn-info-bg: $brand-info !default; |
||||
|
$btn-info-border: darken($btn-info-bg, 5%) !default; |
||||
|
|
||||
|
$btn-warning-color: #fff !default; |
||||
|
$btn-warning-bg: $brand-warning !default; |
||||
|
$btn-warning-border: darken($btn-warning-bg, 5%) !default; |
||||
|
|
||||
|
$btn-danger-color: #fff !default; |
||||
|
$btn-danger-bg: $brand-danger !default; |
||||
|
$btn-danger-border: darken($btn-danger-bg, 5%) !default; |
||||
|
|
||||
|
$btn-link-disabled-color: $gray-light !default; |
||||
|
|
||||
|
|
||||
|
//== Forms |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** `<input>` background color |
||||
|
$input-bg: #fff !default; |
||||
|
//** `<input disabled>` background color |
||||
|
$input-bg-disabled: $gray-lighter !default; |
||||
|
|
||||
|
//** Text color for `<input>`s |
||||
|
$input-color: $gray !default; |
||||
|
//** `<input>` border color |
||||
|
$input-border: #ccc !default; |
||||
|
|
||||
|
// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 |
||||
|
//** Default `.form-control` border radius |
||||
|
$input-border-radius: $border-radius-base !default; |
||||
|
//** Large `.form-control` border radius |
||||
|
$input-border-radius-large: $border-radius-large !default; |
||||
|
//** Small `.form-control` border radius |
||||
|
$input-border-radius-small: $border-radius-small !default; |
||||
|
|
||||
|
//** Border color for inputs on focus |
||||
|
$input-border-focus: #66afe9 !default; |
||||
|
|
||||
|
//** Placeholder text color |
||||
|
$input-color-placeholder: #999 !default; |
||||
|
|
||||
|
//** Default `.form-control` height |
||||
|
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default; |
||||
|
//** Large `.form-control` height |
||||
|
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default; |
||||
|
//** Small `.form-control` height |
||||
|
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default; |
||||
|
|
||||
|
$legend-color: $gray-dark !default; |
||||
|
$legend-border-color: #e5e5e5 !default; |
||||
|
|
||||
|
//** Background color for textual input addons |
||||
|
$input-group-addon-bg: $gray-lighter !default; |
||||
|
//** Border color for textual input addons |
||||
|
$input-group-addon-border-color: $input-border !default; |
||||
|
|
||||
|
//** Disabled cursor for form controls and buttons. |
||||
|
$cursor-disabled: not-allowed !default; |
||||
|
|
||||
|
|
||||
|
//== Dropdowns |
||||
|
// |
||||
|
//## Dropdown menu container and contents. |
||||
|
|
||||
|
//** Background for the dropdown menu. |
||||
|
$dropdown-bg: #fff !default; |
||||
|
//** Dropdown menu `border-color`. |
||||
|
$dropdown-border: rgba(0,0,0,.15) !default; |
||||
|
//** Dropdown menu `border-color` **for IE8**. |
||||
|
$dropdown-fallback-border: #ccc !default; |
||||
|
//** Divider color for between dropdown items. |
||||
|
$dropdown-divider-bg: #e5e5e5 !default; |
||||
|
|
||||
|
//** Dropdown link text color. |
||||
|
$dropdown-link-color: $gray-dark !default; |
||||
|
//** Hover color for dropdown links. |
||||
|
$dropdown-link-hover-color: darken($gray-dark, 5%) !default; |
||||
|
//** Hover background for dropdown links. |
||||
|
$dropdown-link-hover-bg: #f5f5f5 !default; |
||||
|
|
||||
|
//** Active dropdown menu item text color. |
||||
|
$dropdown-link-active-color: $component-active-color !default; |
||||
|
//** Active dropdown menu item background color. |
||||
|
$dropdown-link-active-bg: $component-active-bg !default; |
||||
|
|
||||
|
//** Disabled dropdown menu item background color. |
||||
|
$dropdown-link-disabled-color: $gray-light !default; |
||||
|
|
||||
|
//** Text color for headers within dropdown menus. |
||||
|
$dropdown-header-color: $gray-light !default; |
||||
|
|
||||
|
//** Deprecated `$dropdown-caret-color` as of v3.1.0 |
||||
|
$dropdown-caret-color: #000 !default; |
||||
|
|
||||
|
|
||||
|
//-- Z-index master list |
||||
|
// |
||||
|
// Warning: Avoid customizing these values. They're used for a bird's eye view |
||||
|
// of components dependent on the z-axis and are designed to all work together. |
||||
|
// |
||||
|
// Note: These variables are not generated into the Customizer. |
||||
|
|
||||
|
$zindex-navbar: 1000 !default; |
||||
|
$zindex-dropdown: 1000 !default; |
||||
|
$zindex-popover: 1060 !default; |
||||
|
$zindex-tooltip: 1070 !default; |
||||
|
$zindex-navbar-fixed: 1030 !default; |
||||
|
$zindex-modal: 1040 !default; |
||||
|
|
||||
|
|
||||
|
//== Media queries breakpoints |
||||
|
// |
||||
|
//## Define the breakpoints at which your layout will change, adapting to different screen sizes. |
||||
|
|
||||
|
// Extra small screen / phone |
||||
|
//** Deprecated `$screen-xs` as of v3.0.1 |
||||
|
$screen-xs: 480px !default; |
||||
|
//** Deprecated `$screen-xs-min` as of v3.2.0 |
||||
|
$screen-xs-min: $screen-xs !default; |
||||
|
//** Deprecated `$screen-phone` as of v3.0.1 |
||||
|
$screen-phone: $screen-xs-min !default; |
||||
|
|
||||
|
// Small screen / tablet |
||||
|
//** Deprecated `$screen-sm` as of v3.0.1 |
||||
|
$screen-sm: 768px !default; |
||||
|
$screen-sm-min: $screen-sm !default; |
||||
|
//** Deprecated `$screen-tablet` as of v3.0.1 |
||||
|
$screen-tablet: $screen-sm-min !default; |
||||
|
|
||||
|
// Medium screen / desktop |
||||
|
//** Deprecated `$screen-md` as of v3.0.1 |
||||
|
$screen-md: 992px !default; |
||||
|
$screen-md-min: $screen-md !default; |
||||
|
//** Deprecated `$screen-desktop` as of v3.0.1 |
||||
|
$screen-desktop: $screen-md-min !default; |
||||
|
|
||||
|
// Large screen / wide desktop |
||||
|
//** Deprecated `$screen-lg` as of v3.0.1 |
||||
|
$screen-lg: 1200px !default; |
||||
|
$screen-lg-min: $screen-lg !default; |
||||
|
//** Deprecated `$screen-lg-desktop` as of v3.0.1 |
||||
|
$screen-lg-desktop: $screen-lg-min !default; |
||||
|
|
||||
|
// So media queries don't overlap when required, provide a maximum |
||||
|
$screen-xs-max: ($screen-sm-min - 1) !default; |
||||
|
$screen-sm-max: ($screen-md-min - 1) !default; |
||||
|
$screen-md-max: ($screen-lg-min - 1) !default; |
||||
|
|
||||
|
|
||||
|
//== Grid system |
||||
|
// |
||||
|
//## Define your custom responsive grid. |
||||
|
|
||||
|
//** Number of columns in the grid. |
||||
|
$grid-columns: 12 !default; |
||||
|
//** Padding between columns. Gets divided in half for the left and right. |
||||
|
$grid-gutter-width: 30px !default; |
||||
|
// Navbar collapse |
||||
|
//** Point at which the navbar becomes uncollapsed. |
||||
|
$grid-float-breakpoint: $screen-sm-min !default; |
||||
|
//** Point at which the navbar begins collapsing. |
||||
|
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; |
||||
|
|
||||
|
|
||||
|
//== Container sizes |
||||
|
// |
||||
|
//## Define the maximum width of `.container` for different screen sizes. |
||||
|
|
||||
|
// Small screen / tablet |
||||
|
$container-tablet: (720px + $grid-gutter-width) !default; |
||||
|
//** For `$screen-sm-min` and up. |
||||
|
$container-sm: $container-tablet !default; |
||||
|
|
||||
|
// Medium screen / desktop |
||||
|
$container-desktop: (940px + $grid-gutter-width) !default; |
||||
|
//** For `$screen-md-min` and up. |
||||
|
$container-md: $container-desktop !default; |
||||
|
|
||||
|
// Large screen / wide desktop |
||||
|
$container-large-desktop: (1140px + $grid-gutter-width) !default; |
||||
|
//** For `$screen-lg-min` and up. |
||||
|
$container-lg: $container-large-desktop !default; |
||||
|
|
||||
|
|
||||
|
//== Navbar |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
// Basics of a navbar |
||||
|
$navbar-height: 50px !default; |
||||
|
$navbar-margin-bottom: $line-height-computed !default; |
||||
|
$navbar-border-radius: $border-radius-base !default; |
||||
|
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; |
||||
|
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; |
||||
|
$navbar-collapse-max-height: 340px !default; |
||||
|
|
||||
|
$navbar-default-color: #777 !default; |
||||
|
$navbar-default-bg: #f8f8f8 !default; |
||||
|
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default; |
||||
|
|
||||
|
// Navbar links |
||||
|
$navbar-default-link-color: #777 !default; |
||||
|
$navbar-default-link-hover-color: #333 !default; |
||||
|
$navbar-default-link-hover-bg: transparent !default; |
||||
|
$navbar-default-link-active-color: #555 !default; |
||||
|
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default; |
||||
|
$navbar-default-link-disabled-color: #ccc !default; |
||||
|
$navbar-default-link-disabled-bg: transparent !default; |
||||
|
|
||||
|
// Navbar brand label |
||||
|
$navbar-default-brand-color: $navbar-default-link-color !default; |
||||
|
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default; |
||||
|
$navbar-default-brand-hover-bg: transparent !default; |
||||
|
|
||||
|
// Navbar toggle |
||||
|
$navbar-default-toggle-hover-bg: #ddd !default; |
||||
|
$navbar-default-toggle-icon-bar-bg: #888 !default; |
||||
|
$navbar-default-toggle-border-color: #ddd !default; |
||||
|
|
||||
|
|
||||
|
// Inverted navbar |
||||
|
// Reset inverted navbar basics |
||||
|
$navbar-inverse-color: lighten($gray-light, 15%) !default; |
||||
|
$navbar-inverse-bg: #222 !default; |
||||
|
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default; |
||||
|
|
||||
|
// Inverted navbar links |
||||
|
$navbar-inverse-link-color: lighten($gray-light, 15%) !default; |
||||
|
$navbar-inverse-link-hover-color: #fff !default; |
||||
|
$navbar-inverse-link-hover-bg: transparent !default; |
||||
|
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; |
||||
|
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default; |
||||
|
$navbar-inverse-link-disabled-color: #444 !default; |
||||
|
$navbar-inverse-link-disabled-bg: transparent !default; |
||||
|
|
||||
|
// Inverted navbar brand label |
||||
|
$navbar-inverse-brand-color: $navbar-inverse-link-color !default; |
||||
|
$navbar-inverse-brand-hover-color: #fff !default; |
||||
|
$navbar-inverse-brand-hover-bg: transparent !default; |
||||
|
|
||||
|
// Inverted navbar toggle |
||||
|
$navbar-inverse-toggle-hover-bg: #333 !default; |
||||
|
$navbar-inverse-toggle-icon-bar-bg: #fff !default; |
||||
|
$navbar-inverse-toggle-border-color: #333 !default; |
||||
|
|
||||
|
|
||||
|
//== Navs |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//=== Shared nav styles |
||||
|
$nav-link-padding: 10px 15px !default; |
||||
|
$nav-link-hover-bg: $gray-lighter !default; |
||||
|
|
||||
|
$nav-disabled-link-color: $gray-light !default; |
||||
|
$nav-disabled-link-hover-color: $gray-light !default; |
||||
|
|
||||
|
//== Tabs |
||||
|
$nav-tabs-border-color: #ddd !default; |
||||
|
|
||||
|
$nav-tabs-link-hover-border-color: $gray-lighter !default; |
||||
|
|
||||
|
$nav-tabs-active-link-hover-bg: $body-bg !default; |
||||
|
$nav-tabs-active-link-hover-color: $gray !default; |
||||
|
$nav-tabs-active-link-hover-border-color: #ddd !default; |
||||
|
|
||||
|
$nav-tabs-justified-link-border-color: #ddd !default; |
||||
|
$nav-tabs-justified-active-link-border-color: $body-bg !default; |
||||
|
|
||||
|
//== Pills |
||||
|
$nav-pills-border-radius: $border-radius-base !default; |
||||
|
$nav-pills-active-link-hover-bg: $component-active-bg !default; |
||||
|
$nav-pills-active-link-hover-color: $component-active-color !default; |
||||
|
|
||||
|
|
||||
|
//== Pagination |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$pagination-color: $link-color !default; |
||||
|
$pagination-bg: #fff !default; |
||||
|
$pagination-border: #ddd !default; |
||||
|
|
||||
|
$pagination-hover-color: $link-hover-color !default; |
||||
|
$pagination-hover-bg: $gray-lighter !default; |
||||
|
$pagination-hover-border: #ddd !default; |
||||
|
|
||||
|
$pagination-active-color: #fff !default; |
||||
|
$pagination-active-bg: $brand-primary !default; |
||||
|
$pagination-active-border: $brand-primary !default; |
||||
|
|
||||
|
$pagination-disabled-color: $gray-light !default; |
||||
|
$pagination-disabled-bg: #fff !default; |
||||
|
$pagination-disabled-border: #ddd !default; |
||||
|
|
||||
|
|
||||
|
//== Pager |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$pager-bg: $pagination-bg !default; |
||||
|
$pager-border: $pagination-border !default; |
||||
|
$pager-border-radius: 15px !default; |
||||
|
|
||||
|
$pager-hover-bg: $pagination-hover-bg !default; |
||||
|
|
||||
|
$pager-active-bg: $pagination-active-bg !default; |
||||
|
$pager-active-color: $pagination-active-color !default; |
||||
|
|
||||
|
$pager-disabled-color: $pagination-disabled-color !default; |
||||
|
|
||||
|
|
||||
|
//== Jumbotron |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$jumbotron-padding: 30px !default; |
||||
|
$jumbotron-color: inherit !default; |
||||
|
$jumbotron-bg: $gray-lighter !default; |
||||
|
$jumbotron-heading-color: inherit !default; |
||||
|
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; |
||||
|
|
||||
|
|
||||
|
//== Form states and alerts |
||||
|
// |
||||
|
//## Define colors for form feedback states and, by default, alerts. |
||||
|
|
||||
|
$state-success-text: #3c763d !default; |
||||
|
$state-success-bg: #dff0d8 !default; |
||||
|
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default; |
||||
|
|
||||
|
$state-info-text: #31708f !default; |
||||
|
$state-info-bg: #d9edf7 !default; |
||||
|
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default; |
||||
|
|
||||
|
$state-warning-text: #8a6d3b !default; |
||||
|
$state-warning-bg: #fcf8e3 !default; |
||||
|
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default; |
||||
|
|
||||
|
$state-danger-text: #a94442 !default; |
||||
|
$state-danger-bg: #f2dede !default; |
||||
|
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default; |
||||
|
|
||||
|
|
||||
|
//== Tooltips |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Tooltip max width |
||||
|
$tooltip-max-width: 200px !default; |
||||
|
//** Tooltip text color |
||||
|
$tooltip-color: #fff !default; |
||||
|
//** Tooltip background color |
||||
|
$tooltip-bg: #000 !default; |
||||
|
$tooltip-opacity: .9 !default; |
||||
|
|
||||
|
//** Tooltip arrow width |
||||
|
$tooltip-arrow-width: 5px !default; |
||||
|
//** Tooltip arrow color |
||||
|
$tooltip-arrow-color: $tooltip-bg !default; |
||||
|
|
||||
|
|
||||
|
//== Popovers |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Popover body background color |
||||
|
$popover-bg: #fff !default; |
||||
|
//** Popover maximum width |
||||
|
$popover-max-width: 276px !default; |
||||
|
//** Popover border color |
||||
|
$popover-border-color: rgba(0,0,0,.2) !default; |
||||
|
//** Popover fallback border color |
||||
|
$popover-fallback-border-color: #ccc !default; |
||||
|
|
||||
|
//** Popover title background color |
||||
|
$popover-title-bg: darken($popover-bg, 3%) !default; |
||||
|
|
||||
|
//** Popover arrow width |
||||
|
$popover-arrow-width: 10px !default; |
||||
|
//** Popover arrow color |
||||
|
$popover-arrow-color: $popover-bg !default; |
||||
|
|
||||
|
//** Popover outer arrow width |
||||
|
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default; |
||||
|
//** Popover outer arrow color |
||||
|
$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default; |
||||
|
//** Popover outer arrow fallback color |
||||
|
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default; |
||||
|
|
||||
|
|
||||
|
//== Labels |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Default label background color |
||||
|
$label-default-bg: $gray-light !default; |
||||
|
//** Primary label background color |
||||
|
$label-primary-bg: $brand-primary !default; |
||||
|
//** Success label background color |
||||
|
$label-success-bg: $brand-success !default; |
||||
|
//** Info label background color |
||||
|
$label-info-bg: $brand-info !default; |
||||
|
//** Warning label background color |
||||
|
$label-warning-bg: $brand-warning !default; |
||||
|
//** Danger label background color |
||||
|
$label-danger-bg: $brand-danger !default; |
||||
|
|
||||
|
//** Default label text color |
||||
|
$label-color: #fff !default; |
||||
|
//** Default text color of a linked label |
||||
|
$label-link-hover-color: #fff !default; |
||||
|
|
||||
|
|
||||
|
//== Modals |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Padding applied to the modal body |
||||
|
$modal-inner-padding: 15px !default; |
||||
|
|
||||
|
//** Padding applied to the modal title |
||||
|
$modal-title-padding: 15px !default; |
||||
|
//** Modal title line-height |
||||
|
$modal-title-line-height: $line-height-base !default; |
||||
|
|
||||
|
//** Background color of modal content area |
||||
|
$modal-content-bg: #fff !default; |
||||
|
//** Modal content border color |
||||
|
$modal-content-border-color: rgba(0,0,0,.2) !default; |
||||
|
//** Modal content border color **for IE8** |
||||
|
$modal-content-fallback-border-color: #999 !default; |
||||
|
|
||||
|
//** Modal backdrop background color |
||||
|
$modal-backdrop-bg: #000 !default; |
||||
|
//** Modal backdrop opacity |
||||
|
$modal-backdrop-opacity: .5 !default; |
||||
|
//** Modal header border color |
||||
|
$modal-header-border-color: #e5e5e5 !default; |
||||
|
//** Modal footer border color |
||||
|
$modal-footer-border-color: $modal-header-border-color !default; |
||||
|
|
||||
|
$modal-lg: 900px !default; |
||||
|
$modal-md: 600px !default; |
||||
|
$modal-sm: 300px !default; |
||||
|
|
||||
|
|
||||
|
//== Alerts |
||||
|
// |
||||
|
//## Define alert colors, border radius, and padding. |
||||
|
|
||||
|
$alert-padding: 15px !default; |
||||
|
$alert-border-radius: $border-radius-base !default; |
||||
|
$alert-link-font-weight: bold !default; |
||||
|
|
||||
|
$alert-success-bg: $state-success-bg !default; |
||||
|
$alert-success-text: $state-success-text !default; |
||||
|
$alert-success-border: $state-success-border !default; |
||||
|
|
||||
|
$alert-info-bg: $state-info-bg !default; |
||||
|
$alert-info-text: $state-info-text !default; |
||||
|
$alert-info-border: $state-info-border !default; |
||||
|
|
||||
|
$alert-warning-bg: $state-warning-bg !default; |
||||
|
$alert-warning-text: $state-warning-text !default; |
||||
|
$alert-warning-border: $state-warning-border !default; |
||||
|
|
||||
|
$alert-danger-bg: $state-danger-bg !default; |
||||
|
$alert-danger-text: $state-danger-text !default; |
||||
|
$alert-danger-border: $state-danger-border !default; |
||||
|
|
||||
|
|
||||
|
//== Progress bars |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Background color of the whole progress component |
||||
|
$progress-bg: #f5f5f5 !default; |
||||
|
//** Progress bar text color |
||||
|
$progress-bar-color: #fff !default; |
||||
|
//** Variable for setting rounded corners on progress bar. |
||||
|
$progress-border-radius: $border-radius-base !default; |
||||
|
|
||||
|
//** Default progress bar color |
||||
|
$progress-bar-bg: $brand-primary !default; |
||||
|
//** Success progress bar color |
||||
|
$progress-bar-success-bg: $brand-success !default; |
||||
|
//** Warning progress bar color |
||||
|
$progress-bar-warning-bg: $brand-warning !default; |
||||
|
//** Danger progress bar color |
||||
|
$progress-bar-danger-bg: $brand-danger !default; |
||||
|
//** Info progress bar color |
||||
|
$progress-bar-info-bg: $brand-info !default; |
||||
|
|
||||
|
|
||||
|
//== List group |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Background color on `.list-group-item` |
||||
|
$list-group-bg: #fff !default; |
||||
|
//** `.list-group-item` border color |
||||
|
$list-group-border: #ddd !default; |
||||
|
//** List group border radius |
||||
|
$list-group-border-radius: $border-radius-base !default; |
||||
|
|
||||
|
//** Background color of single list items on hover |
||||
|
$list-group-hover-bg: #f5f5f5 !default; |
||||
|
//** Text color of active list items |
||||
|
$list-group-active-color: $component-active-color !default; |
||||
|
//** Background color of active list items |
||||
|
$list-group-active-bg: $component-active-bg !default; |
||||
|
//** Border color of active list elements |
||||
|
$list-group-active-border: $list-group-active-bg !default; |
||||
|
//** Text color for content within active list items |
||||
|
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default; |
||||
|
|
||||
|
//** Text color of disabled list items |
||||
|
$list-group-disabled-color: $gray-light !default; |
||||
|
//** Background color of disabled list items |
||||
|
$list-group-disabled-bg: $gray-lighter !default; |
||||
|
//** Text color for content within disabled list items |
||||
|
$list-group-disabled-text-color: $list-group-disabled-color !default; |
||||
|
|
||||
|
$list-group-link-color: #555 !default; |
||||
|
$list-group-link-hover-color: $list-group-link-color !default; |
||||
|
$list-group-link-heading-color: #333 !default; |
||||
|
|
||||
|
|
||||
|
//== Panels |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$panel-bg: #fff !default; |
||||
|
$panel-body-padding: 15px !default; |
||||
|
$panel-heading-padding: 10px 15px !default; |
||||
|
$panel-footer-padding: $panel-heading-padding !default; |
||||
|
$panel-border-radius: $border-radius-base !default; |
||||
|
|
||||
|
//** Border color for elements within panels |
||||
|
$panel-inner-border: #ddd !default; |
||||
|
$panel-footer-bg: #f5f5f5 !default; |
||||
|
|
||||
|
$panel-default-text: $gray-dark !default; |
||||
|
$panel-default-border: #ddd !default; |
||||
|
$panel-default-heading-bg: #f5f5f5 !default; |
||||
|
|
||||
|
$panel-primary-text: #fff !default; |
||||
|
$panel-primary-border: $brand-primary !default; |
||||
|
$panel-primary-heading-bg: $brand-primary !default; |
||||
|
|
||||
|
$panel-success-text: $state-success-text !default; |
||||
|
$panel-success-border: $state-success-border !default; |
||||
|
$panel-success-heading-bg: $state-success-bg !default; |
||||
|
|
||||
|
$panel-info-text: $state-info-text !default; |
||||
|
$panel-info-border: $state-info-border !default; |
||||
|
$panel-info-heading-bg: $state-info-bg !default; |
||||
|
|
||||
|
$panel-warning-text: $state-warning-text !default; |
||||
|
$panel-warning-border: $state-warning-border !default; |
||||
|
$panel-warning-heading-bg: $state-warning-bg !default; |
||||
|
|
||||
|
$panel-danger-text: $state-danger-text !default; |
||||
|
$panel-danger-border: $state-danger-border !default; |
||||
|
$panel-danger-heading-bg: $state-danger-bg !default; |
||||
|
|
||||
|
|
||||
|
//== Thumbnails |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Padding around the thumbnail image |
||||
|
$thumbnail-padding: 4px !default; |
||||
|
//** Thumbnail background color |
||||
|
$thumbnail-bg: $body-bg !default; |
||||
|
//** Thumbnail border color |
||||
|
$thumbnail-border: #ddd !default; |
||||
|
//** Thumbnail border radius |
||||
|
$thumbnail-border-radius: $border-radius-base !default; |
||||
|
|
||||
|
//** Custom text color for thumbnail captions |
||||
|
$thumbnail-caption-color: $text-color !default; |
||||
|
//** Padding around the thumbnail caption |
||||
|
$thumbnail-caption-padding: 9px !default; |
||||
|
|
||||
|
|
||||
|
//== Wells |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$well-bg: #f5f5f5 !default; |
||||
|
$well-border: darken($well-bg, 7%) !default; |
||||
|
|
||||
|
|
||||
|
//== Badges |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$badge-color: #fff !default; |
||||
|
//** Linked badge text color on hover |
||||
|
$badge-link-hover-color: #fff !default; |
||||
|
$badge-bg: $gray-light !default; |
||||
|
|
||||
|
//** Badge text color in active nav link |
||||
|
$badge-active-color: $link-color !default; |
||||
|
//** Badge background color in active nav link |
||||
|
$badge-active-bg: #fff !default; |
||||
|
|
||||
|
$badge-font-weight: bold !default; |
||||
|
$badge-line-height: 1 !default; |
||||
|
$badge-border-radius: 10px !default; |
||||
|
|
||||
|
|
||||
|
//== Breadcrumbs |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$breadcrumb-padding-vertical: 8px !default; |
||||
|
$breadcrumb-padding-horizontal: 15px !default; |
||||
|
//** Breadcrumb background color |
||||
|
$breadcrumb-bg: #f5f5f5 !default; |
||||
|
//** Breadcrumb text color |
||||
|
$breadcrumb-color: #ccc !default; |
||||
|
//** Text color of current page in the breadcrumb |
||||
|
$breadcrumb-active-color: $gray-light !default; |
||||
|
//** Textual separator for between breadcrumb elements |
||||
|
$breadcrumb-separator: "/" !default; |
||||
|
|
||||
|
|
||||
|
//== Carousel |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default; |
||||
|
|
||||
|
$carousel-control-color: #fff !default; |
||||
|
$carousel-control-width: 15% !default; |
||||
|
$carousel-control-opacity: .5 !default; |
||||
|
$carousel-control-font-size: 20px !default; |
||||
|
|
||||
|
$carousel-indicator-active-bg: #fff !default; |
||||
|
$carousel-indicator-border-color: #fff !default; |
||||
|
|
||||
|
$carousel-caption-color: #fff !default; |
||||
|
|
||||
|
|
||||
|
//== Close |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$close-font-weight: bold !default; |
||||
|
$close-color: #000 !default; |
||||
|
$close-text-shadow: 0 1px 0 #fff !default; |
||||
|
|
||||
|
|
||||
|
//== Code |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
$code-color: #c7254e !default; |
||||
|
$code-bg: #f9f2f4 !default; |
||||
|
|
||||
|
$kbd-color: #fff !default; |
||||
|
$kbd-bg: #333 !default; |
||||
|
|
||||
|
$pre-bg: #f5f5f5 !default; |
||||
|
$pre-color: $gray-dark !default; |
||||
|
$pre-border-color: #ccc !default; |
||||
|
$pre-scrollable-max-height: 340px !default; |
||||
|
|
||||
|
|
||||
|
//== Type |
||||
|
// |
||||
|
//## |
||||
|
|
||||
|
//** Horizontal offset for forms and lists. |
||||
|
$component-offset-horizontal: 180px !default; |
||||
|
//** Text muted color |
||||
|
$text-muted: $gray-light !default; |
||||
|
//** Abbreviations and acronyms border color |
||||
|
$abbr-border-color: $gray-light !default; |
||||
|
//** Headings small color |
||||
|
$headings-small-color: $gray-light !default; |
||||
|
//** Blockquote small color |
||||
|
$blockquote-small-color: $gray-light !default; |
||||
|
//** Blockquote font size |
||||
|
$blockquote-font-size: ($font-size-base * 1.25) !default; |
||||
|
//** Blockquote border color |
||||
|
$blockquote-border-color: $gray-lighter !default; |
||||
|
//** Page header border color |
||||
|
$page-header-border-color: $gray-lighter !default; |
||||
|
//** Width of horizontal description list titles |
||||
|
$dl-horizontal-offset: $component-offset-horizontal !default; |
||||
|
//** Horizontal line color. |
||||
|
$hr-border: $gray-lighter !default; |
||||
@ -0,0 +1,16 @@ |
|||||
|
@mixin border-set($place,$width,$color){ |
||||
|
border-top:$width solid $color; |
||||
|
} |
||||
|
@mixin border-1px($color){ |
||||
|
position: relative; |
||||
|
&:after{ |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
bottom: 0; |
||||
|
width: 100%; |
||||
|
border-top: 1px solid $color; |
||||
|
content: ''; |
||||
|
} |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,29 @@ |
|||||
|
|
||||
|
@mixin make-col-span($size, $columns: $grid-columns) { |
||||
|
@if $enable-flex { |
||||
|
flex: 0 0 percentage($size / $columns); |
||||
|
} @else { |
||||
|
width: percentage($size / $columns); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width) { |
||||
|
// Common properties for all breakpoints |
||||
|
%grid-column { |
||||
|
position: relative; |
||||
|
// Prevent columns from collapsing when empty |
||||
|
min-height: 1px; |
||||
|
// Inner gutter via padding |
||||
|
float: left; |
||||
|
padding-left: ($gutter / 2); |
||||
|
padding-right: ($gutter / 2); |
||||
|
} |
||||
|
|
||||
|
@for $i from 1 through $columns { |
||||
|
.cols-#{$i} { |
||||
|
@include make-col-span($i, $columns); |
||||
|
@extend %grid-column; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,35 @@ |
|||||
|
@import "scss/variables.scss"; |
||||
|
@import "scss/mixins.scss"; |
||||
|
@import "scss/base.scss"; |
||||
|
@import "scss/grids.scss"; |
||||
|
@import "scss/loading.scss"; |
||||
|
@import "scss/width.scss"; |
||||
|
@import "scss/icon.scss"; |
||||
|
@import "scss/btn.scss"; |
||||
|
@import "scss/figure.scss"; |
||||
|
@import "scss/table.scss"; |
||||
|
@import "scss/pagination.scss"; |
||||
|
@import "scss/list.scss"; |
||||
|
@import "scss/selects.scss"; |
||||
|
@import "scss/modal.scss"; |
||||
|
@import "scss/paginate.scss"; |
||||
|
@import "scss/upload.scss"; |
||||
|
@import "scss/msg.scss"; |
||||
|
@import "scss/forms.scss"; |
||||
|
@import "scss/umeditor.scss"; |
||||
|
|
||||
|
@import "scss/header.scss"; |
||||
|
@import "scss/foot.scss"; |
||||
|
@import "scss/banner.scss"; |
||||
|
@import "scss/index.scss"; |
||||
|
@import "scss/projectItem.scss"; |
||||
|
@import "scss/fixed.scss"; |
||||
|
@import "scss/article.scss"; |
||||
|
@import "scss/section-group.scss"; |
||||
|
|
||||
|
@import "scss/xuqiu.scss"; |
||||
|
@import "scss/qianyin.scss"; |
||||
|
@import "scss/xiangmu.scss"; |
||||
|
@import "scss/products.scss"; |
||||
|
@import "scss/detail.scss"; |
||||
|
|
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,14 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
@font-face { |
||||
|
font-family: 'Font Awesome 5 Brands'; |
||||
|
font-style: normal; |
||||
|
font-weight: normal; |
||||
|
font-display: auto; |
||||
|
src: url("../webfonts/fa-brands-400.eot"); |
||||
|
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } |
||||
|
|
||||
|
.fab { |
||||
|
font-family: 'Font Awesome 5 Brands'; } |
||||
@ -0,0 +1,5 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"} |
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,15 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
@font-face { |
||||
|
font-family: 'Font Awesome 5 Free'; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
font-display: auto; |
||||
|
src: url("../webfonts/fa-regular-400.eot"); |
||||
|
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } |
||||
|
|
||||
|
.far { |
||||
|
font-family: 'Font Awesome 5 Free'; |
||||
|
font-weight: 400; } |
||||
@ -0,0 +1,5 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400} |
||||
@ -0,0 +1,16 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
@font-face { |
||||
|
font-family: 'Font Awesome 5 Free'; |
||||
|
font-style: normal; |
||||
|
font-weight: 900; |
||||
|
font-display: auto; |
||||
|
src: url("../webfonts/fa-solid-900.eot"); |
||||
|
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } |
||||
|
|
||||
|
.fa, |
||||
|
.fas { |
||||
|
font-family: 'Font Awesome 5 Free'; |
||||
|
font-weight: 900; } |
||||
@ -0,0 +1,5 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900} |
||||
@ -0,0 +1,346 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
svg:not(:root).svg-inline--fa { |
||||
|
overflow: visible; } |
||||
|
|
||||
|
.svg-inline--fa { |
||||
|
display: inline-block; |
||||
|
font-size: inherit; |
||||
|
height: 1em; |
||||
|
overflow: visible; |
||||
|
vertical-align: -.125em; } |
||||
|
.svg-inline--fa.fa-lg { |
||||
|
vertical-align: -.225em; } |
||||
|
.svg-inline--fa.fa-w-1 { |
||||
|
width: 0.0625em; } |
||||
|
.svg-inline--fa.fa-w-2 { |
||||
|
width: 0.125em; } |
||||
|
.svg-inline--fa.fa-w-3 { |
||||
|
width: 0.1875em; } |
||||
|
.svg-inline--fa.fa-w-4 { |
||||
|
width: 0.25em; } |
||||
|
.svg-inline--fa.fa-w-5 { |
||||
|
width: 0.3125em; } |
||||
|
.svg-inline--fa.fa-w-6 { |
||||
|
width: 0.375em; } |
||||
|
.svg-inline--fa.fa-w-7 { |
||||
|
width: 0.4375em; } |
||||
|
.svg-inline--fa.fa-w-8 { |
||||
|
width: 0.5em; } |
||||
|
.svg-inline--fa.fa-w-9 { |
||||
|
width: 0.5625em; } |
||||
|
.svg-inline--fa.fa-w-10 { |
||||
|
width: 0.625em; } |
||||
|
.svg-inline--fa.fa-w-11 { |
||||
|
width: 0.6875em; } |
||||
|
.svg-inline--fa.fa-w-12 { |
||||
|
width: 0.75em; } |
||||
|
.svg-inline--fa.fa-w-13 { |
||||
|
width: 0.8125em; } |
||||
|
.svg-inline--fa.fa-w-14 { |
||||
|
width: 0.875em; } |
||||
|
.svg-inline--fa.fa-w-15 { |
||||
|
width: 0.9375em; } |
||||
|
.svg-inline--fa.fa-w-16 { |
||||
|
width: 1em; } |
||||
|
.svg-inline--fa.fa-w-17 { |
||||
|
width: 1.0625em; } |
||||
|
.svg-inline--fa.fa-w-18 { |
||||
|
width: 1.125em; } |
||||
|
.svg-inline--fa.fa-w-19 { |
||||
|
width: 1.1875em; } |
||||
|
.svg-inline--fa.fa-w-20 { |
||||
|
width: 1.25em; } |
||||
|
.svg-inline--fa.fa-pull-left { |
||||
|
margin-right: .3em; |
||||
|
width: auto; } |
||||
|
.svg-inline--fa.fa-pull-right { |
||||
|
margin-left: .3em; |
||||
|
width: auto; } |
||||
|
.svg-inline--fa.fa-border { |
||||
|
height: 1.5em; } |
||||
|
.svg-inline--fa.fa-li { |
||||
|
width: 2em; } |
||||
|
.svg-inline--fa.fa-fw { |
||||
|
width: 1.25em; } |
||||
|
|
||||
|
.fa-layers svg.svg-inline--fa { |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
margin: auto; |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
top: 0; } |
||||
|
|
||||
|
.fa-layers { |
||||
|
display: inline-block; |
||||
|
height: 1em; |
||||
|
position: relative; |
||||
|
text-align: center; |
||||
|
vertical-align: -.125em; |
||||
|
width: 1em; } |
||||
|
.fa-layers svg.svg-inline--fa { |
||||
|
-webkit-transform-origin: center center; |
||||
|
transform-origin: center center; } |
||||
|
|
||||
|
.fa-layers-text, .fa-layers-counter { |
||||
|
display: inline-block; |
||||
|
position: absolute; |
||||
|
text-align: center; } |
||||
|
|
||||
|
.fa-layers-text { |
||||
|
left: 50%; |
||||
|
top: 50%; |
||||
|
-webkit-transform: translate(-50%, -50%); |
||||
|
transform: translate(-50%, -50%); |
||||
|
-webkit-transform-origin: center center; |
||||
|
transform-origin: center center; } |
||||
|
|
||||
|
.fa-layers-counter { |
||||
|
background-color: #ff253a; |
||||
|
border-radius: 1em; |
||||
|
-webkit-box-sizing: border-box; |
||||
|
box-sizing: border-box; |
||||
|
color: #fff; |
||||
|
height: 1.5em; |
||||
|
line-height: 1; |
||||
|
max-width: 5em; |
||||
|
min-width: 1.5em; |
||||
|
overflow: hidden; |
||||
|
padding: .25em; |
||||
|
right: 0; |
||||
|
text-overflow: ellipsis; |
||||
|
top: 0; |
||||
|
-webkit-transform: scale(0.25); |
||||
|
transform: scale(0.25); |
||||
|
-webkit-transform-origin: top right; |
||||
|
transform-origin: top right; } |
||||
|
|
||||
|
.fa-layers-bottom-right { |
||||
|
bottom: 0; |
||||
|
right: 0; |
||||
|
top: auto; |
||||
|
-webkit-transform: scale(0.25); |
||||
|
transform: scale(0.25); |
||||
|
-webkit-transform-origin: bottom right; |
||||
|
transform-origin: bottom right; } |
||||
|
|
||||
|
.fa-layers-bottom-left { |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: auto; |
||||
|
top: auto; |
||||
|
-webkit-transform: scale(0.25); |
||||
|
transform: scale(0.25); |
||||
|
-webkit-transform-origin: bottom left; |
||||
|
transform-origin: bottom left; } |
||||
|
|
||||
|
.fa-layers-top-right { |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
-webkit-transform: scale(0.25); |
||||
|
transform: scale(0.25); |
||||
|
-webkit-transform-origin: top right; |
||||
|
transform-origin: top right; } |
||||
|
|
||||
|
.fa-layers-top-left { |
||||
|
left: 0; |
||||
|
right: auto; |
||||
|
top: 0; |
||||
|
-webkit-transform: scale(0.25); |
||||
|
transform: scale(0.25); |
||||
|
-webkit-transform-origin: top left; |
||||
|
transform-origin: top left; } |
||||
|
|
||||
|
.fa-lg { |
||||
|
font-size: 1.33333em; |
||||
|
line-height: 0.75em; |
||||
|
vertical-align: -.0667em; } |
||||
|
|
||||
|
.fa-xs { |
||||
|
font-size: .75em; } |
||||
|
|
||||
|
.fa-sm { |
||||
|
font-size: .875em; } |
||||
|
|
||||
|
.fa-1x { |
||||
|
font-size: 1em; } |
||||
|
|
||||
|
.fa-2x { |
||||
|
font-size: 2em; } |
||||
|
|
||||
|
.fa-3x { |
||||
|
font-size: 3em; } |
||||
|
|
||||
|
.fa-4x { |
||||
|
font-size: 4em; } |
||||
|
|
||||
|
.fa-5x { |
||||
|
font-size: 5em; } |
||||
|
|
||||
|
.fa-6x { |
||||
|
font-size: 6em; } |
||||
|
|
||||
|
.fa-7x { |
||||
|
font-size: 7em; } |
||||
|
|
||||
|
.fa-8x { |
||||
|
font-size: 8em; } |
||||
|
|
||||
|
.fa-9x { |
||||
|
font-size: 9em; } |
||||
|
|
||||
|
.fa-10x { |
||||
|
font-size: 10em; } |
||||
|
|
||||
|
.fa-fw { |
||||
|
text-align: center; |
||||
|
width: 1.25em; } |
||||
|
|
||||
|
.fa-ul { |
||||
|
list-style-type: none; |
||||
|
margin-left: 2.5em; |
||||
|
padding-left: 0; } |
||||
|
.fa-ul > li { |
||||
|
position: relative; } |
||||
|
|
||||
|
.fa-li { |
||||
|
left: -2em; |
||||
|
position: absolute; |
||||
|
text-align: center; |
||||
|
width: 2em; |
||||
|
line-height: inherit; } |
||||
|
|
||||
|
.fa-border { |
||||
|
border: solid 0.08em #eee; |
||||
|
border-radius: .1em; |
||||
|
padding: .2em .25em .15em; } |
||||
|
|
||||
|
.fa-pull-left { |
||||
|
float: left; } |
||||
|
|
||||
|
.fa-pull-right { |
||||
|
float: right; } |
||||
|
|
||||
|
.fa.fa-pull-left, |
||||
|
.fas.fa-pull-left, |
||||
|
.far.fa-pull-left, |
||||
|
.fal.fa-pull-left, |
||||
|
.fab.fa-pull-left { |
||||
|
margin-right: .3em; } |
||||
|
|
||||
|
.fa.fa-pull-right, |
||||
|
.fas.fa-pull-right, |
||||
|
.far.fa-pull-right, |
||||
|
.fal.fa-pull-right, |
||||
|
.fab.fa-pull-right { |
||||
|
margin-left: .3em; } |
||||
|
|
||||
|
.fa-spin { |
||||
|
-webkit-animation: fa-spin 2s infinite linear; |
||||
|
animation: fa-spin 2s infinite linear; } |
||||
|
|
||||
|
.fa-pulse { |
||||
|
-webkit-animation: fa-spin 1s infinite steps(8); |
||||
|
animation: fa-spin 1s infinite steps(8); } |
||||
|
|
||||
|
@-webkit-keyframes fa-spin { |
||||
|
0% { |
||||
|
-webkit-transform: rotate(0deg); |
||||
|
transform: rotate(0deg); } |
||||
|
100% { |
||||
|
-webkit-transform: rotate(360deg); |
||||
|
transform: rotate(360deg); } } |
||||
|
|
||||
|
@keyframes fa-spin { |
||||
|
0% { |
||||
|
-webkit-transform: rotate(0deg); |
||||
|
transform: rotate(0deg); } |
||||
|
100% { |
||||
|
-webkit-transform: rotate(360deg); |
||||
|
transform: rotate(360deg); } } |
||||
|
|
||||
|
.fa-rotate-90 { |
||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; |
||||
|
-webkit-transform: rotate(90deg); |
||||
|
transform: rotate(90deg); } |
||||
|
|
||||
|
.fa-rotate-180 { |
||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; |
||||
|
-webkit-transform: rotate(180deg); |
||||
|
transform: rotate(180deg); } |
||||
|
|
||||
|
.fa-rotate-270 { |
||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; |
||||
|
-webkit-transform: rotate(270deg); |
||||
|
transform: rotate(270deg); } |
||||
|
|
||||
|
.fa-flip-horizontal { |
||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; |
||||
|
-webkit-transform: scale(-1, 1); |
||||
|
transform: scale(-1, 1); } |
||||
|
|
||||
|
.fa-flip-vertical { |
||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; |
||||
|
-webkit-transform: scale(1, -1); |
||||
|
transform: scale(1, -1); } |
||||
|
|
||||
|
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { |
||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; |
||||
|
-webkit-transform: scale(-1, -1); |
||||
|
transform: scale(-1, -1); } |
||||
|
|
||||
|
:root .fa-rotate-90, |
||||
|
:root .fa-rotate-180, |
||||
|
:root .fa-rotate-270, |
||||
|
:root .fa-flip-horizontal, |
||||
|
:root .fa-flip-vertical, |
||||
|
:root .fa-flip-both { |
||||
|
-webkit-filter: none; |
||||
|
filter: none; } |
||||
|
|
||||
|
.fa-stack { |
||||
|
display: inline-block; |
||||
|
height: 2em; |
||||
|
position: relative; |
||||
|
width: 2.5em; } |
||||
|
|
||||
|
.fa-stack-1x, |
||||
|
.fa-stack-2x { |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
margin: auto; |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
top: 0; } |
||||
|
|
||||
|
.svg-inline--fa.fa-stack-1x { |
||||
|
height: 1em; |
||||
|
width: 1.25em; } |
||||
|
|
||||
|
.svg-inline--fa.fa-stack-2x { |
||||
|
height: 2em; |
||||
|
width: 2.5em; } |
||||
|
|
||||
|
.fa-inverse { |
||||
|
color: #fff; } |
||||
|
|
||||
|
.sr-only { |
||||
|
border: 0; |
||||
|
clip: rect(0, 0, 0, 0); |
||||
|
height: 1px; |
||||
|
margin: -1px; |
||||
|
overflow: hidden; |
||||
|
padding: 0; |
||||
|
position: absolute; |
||||
|
width: 1px; } |
||||
|
|
||||
|
.sr-only-focusable:active, .sr-only-focusable:focus { |
||||
|
clip: auto; |
||||
|
height: auto; |
||||
|
margin: 0; |
||||
|
overflow: visible; |
||||
|
position: static; |
||||
|
width: auto; } |
||||
@ -0,0 +1,5 @@ |
|||||
|
/*! |
||||
|
* Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com |
||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) |
||||
|
*/ |
||||
|
.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} |
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 678 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 798 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,4 @@ |
|||||
|
/** |
||||
|
* @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed |
||||
|
*/ |
||||
|
!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.2",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b)}(this,document); |
||||
@ -0,0 +1,683 @@ |
|||||
|
.container { |
||||
|
width: 1170px |
||||
|
} |
||||
|
.col-sm-fr { |
||||
|
float: right !important |
||||
|
} |
||||
|
.col-sm-fl { |
||||
|
float: left !important |
||||
|
} |
||||
|
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { |
||||
|
float: left |
||||
|
} |
||||
|
.col-sm-12 { |
||||
|
width: 100% |
||||
|
} |
||||
|
.col-sm-11 { |
||||
|
width: 91.66666667% |
||||
|
} |
||||
|
.col-sm-10 { |
||||
|
width: 83.33333333% |
||||
|
} |
||||
|
.col-sm-9 { |
||||
|
width: 75% |
||||
|
} |
||||
|
.col-sm-8 { |
||||
|
width: 66.66666667% |
||||
|
} |
||||
|
.col-sm-7 { |
||||
|
width: 58.33333333% |
||||
|
} |
||||
|
.col-sm-6 { |
||||
|
width: 50% |
||||
|
} |
||||
|
.col-sm-5 { |
||||
|
width: 41.66666667% |
||||
|
} |
||||
|
.col-sm-4 { |
||||
|
width: 33.33333333% |
||||
|
} |
||||
|
.col-sm-3 { |
||||
|
width: 25% |
||||
|
} |
||||
|
.col-sm-2 { |
||||
|
width: 16.66666667% |
||||
|
} |
||||
|
.col-sm-1 { |
||||
|
width: 8.33333333% |
||||
|
} |
||||
|
.col-sm-pull-12 { |
||||
|
right: 100% |
||||
|
} |
||||
|
.col-sm-pull-11 { |
||||
|
right: 91.66666667% |
||||
|
} |
||||
|
.col-sm-pull-10 { |
||||
|
right: 83.33333333% |
||||
|
} |
||||
|
.col-sm-pull-9 { |
||||
|
right: 75% |
||||
|
} |
||||
|
.col-sm-pull-8 { |
||||
|
right: 66.66666667% |
||||
|
} |
||||
|
.col-sm-pull-7 { |
||||
|
right: 58.33333333% |
||||
|
} |
||||
|
.col-sm-pull-6 { |
||||
|
right: 50% |
||||
|
} |
||||
|
.col-sm-pull-5 { |
||||
|
right: 41.66666667% |
||||
|
} |
||||
|
.col-sm-pull-4 { |
||||
|
right: 33.33333333% |
||||
|
} |
||||
|
.col-sm-pull-3 { |
||||
|
right: 25% |
||||
|
} |
||||
|
.col-sm-pull-2 { |
||||
|
right: 16.66666667% |
||||
|
} |
||||
|
.col-sm-pull-1 { |
||||
|
right: 8.33333333% |
||||
|
} |
||||
|
.col-sm-pull-0 { |
||||
|
right: auto |
||||
|
} |
||||
|
.col-sm-push-12 { |
||||
|
left: 100% |
||||
|
} |
||||
|
.col-sm-push-11 { |
||||
|
left: 91.66666667% |
||||
|
} |
||||
|
.col-sm-push-10 { |
||||
|
left: 83.33333333% |
||||
|
} |
||||
|
.col-sm-push-9 { |
||||
|
left: 75% |
||||
|
} |
||||
|
.col-sm-push-8 { |
||||
|
left: 66.66666667% |
||||
|
} |
||||
|
.col-sm-push-7 { |
||||
|
left: 58.33333333% |
||||
|
} |
||||
|
.col-sm-push-6 { |
||||
|
left: 50% |
||||
|
} |
||||
|
.col-sm-push-5 { |
||||
|
left: 41.66666667% |
||||
|
} |
||||
|
.col-sm-push-4 { |
||||
|
left: 33.33333333% |
||||
|
} |
||||
|
.col-sm-push-3 { |
||||
|
left: 25% |
||||
|
} |
||||
|
.col-sm-push-2 { |
||||
|
left: 16.66666667% |
||||
|
} |
||||
|
.col-sm-push-1 { |
||||
|
left: 8.33333333% |
||||
|
} |
||||
|
.col-sm-push-0 { |
||||
|
left: auto |
||||
|
} |
||||
|
.col-sm-offset-12 { |
||||
|
margin-left: 100% |
||||
|
} |
||||
|
.col-sm-offset-11 { |
||||
|
margin-left: 91.66666667% |
||||
|
} |
||||
|
.col-sm-offset-10 { |
||||
|
margin-left: 83.33333333% |
||||
|
} |
||||
|
.col-sm-offset-9 { |
||||
|
margin-left: 75% |
||||
|
} |
||||
|
.col-sm-offset-8 { |
||||
|
margin-left: 66.66666667% |
||||
|
} |
||||
|
.col-sm-offset-7 { |
||||
|
margin-left: 58.33333333% |
||||
|
} |
||||
|
.col-sm-offset-6 { |
||||
|
margin-left: 50% |
||||
|
} |
||||
|
.col-sm-offset-5 { |
||||
|
margin-left: 41.66666667% |
||||
|
} |
||||
|
.col-sm-offset-4 { |
||||
|
margin-left: 33.33333333% |
||||
|
} |
||||
|
.col-sm-offset-3 { |
||||
|
margin-left: 25% |
||||
|
} |
||||
|
.col-sm-offset-2 { |
||||
|
margin-left: 16.66666667% |
||||
|
} |
||||
|
.col-sm-offset-1 { |
||||
|
margin-left: 8.33333333% |
||||
|
} |
||||
|
.col-sm-offset-0 { |
||||
|
margin-left: 0% |
||||
|
} |
||||
|
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { |
||||
|
float: left |
||||
|
} |
||||
|
.col-md-12 { |
||||
|
width: 100% |
||||
|
} |
||||
|
.col-md-11 { |
||||
|
width: 91.66666667% |
||||
|
} |
||||
|
.col-md-10 { |
||||
|
width: 83.33333333% |
||||
|
} |
||||
|
.col-md-9 { |
||||
|
width: 75% |
||||
|
} |
||||
|
.col-md-8 { |
||||
|
width: 66.66666667% |
||||
|
} |
||||
|
.col-md-7 { |
||||
|
width: 58.33333333% |
||||
|
} |
||||
|
.col-md-6 { |
||||
|
width: 50% |
||||
|
} |
||||
|
.col-md-5 { |
||||
|
width: 41.66666667% |
||||
|
} |
||||
|
.col-md-4 { |
||||
|
width: 33.33333333% |
||||
|
} |
||||
|
.col-md-3 { |
||||
|
width: 25% |
||||
|
} |
||||
|
.col-md-2 { |
||||
|
width: 16.66666667% |
||||
|
} |
||||
|
.col-md-1 { |
||||
|
width: 8.33333333% |
||||
|
} |
||||
|
.col-md-pull-12 { |
||||
|
right: 100% |
||||
|
} |
||||
|
.col-md-pull-11 { |
||||
|
right: 91.66666667% |
||||
|
} |
||||
|
.col-md-pull-10 { |
||||
|
right: 83.33333333% |
||||
|
} |
||||
|
.col-md-pull-9 { |
||||
|
right: 75% |
||||
|
} |
||||
|
.col-md-pull-8 { |
||||
|
right: 66.66666667% |
||||
|
} |
||||
|
.col-md-pull-7 { |
||||
|
right: 58.33333333% |
||||
|
} |
||||
|
.col-md-pull-6 { |
||||
|
right: 50% |
||||
|
} |
||||
|
.col-md-pull-5 { |
||||
|
right: 41.66666667% |
||||
|
} |
||||
|
.col-md-pull-4 { |
||||
|
right: 33.33333333% |
||||
|
} |
||||
|
.col-md-pull-3 { |
||||
|
right: 25% |
||||
|
} |
||||
|
.col-md-pull-2 { |
||||
|
right: 16.66666667% |
||||
|
} |
||||
|
.col-md-pull-1 { |
||||
|
right: 8.33333333% |
||||
|
} |
||||
|
.col-md-pull-0 { |
||||
|
right: auto |
||||
|
} |
||||
|
.col-md-push-12 { |
||||
|
left: 100% |
||||
|
} |
||||
|
.col-md-push-11 { |
||||
|
left: 91.66666667% |
||||
|
} |
||||
|
.col-md-push-10 { |
||||
|
left: 83.33333333% |
||||
|
} |
||||
|
.col-md-push-9 { |
||||
|
left: 75% |
||||
|
} |
||||
|
.col-md-push-8 { |
||||
|
left: 66.66666667% |
||||
|
} |
||||
|
.col-md-push-7 { |
||||
|
left: 58.33333333% |
||||
|
} |
||||
|
.col-md-push-6 { |
||||
|
left: 50% |
||||
|
} |
||||
|
.col-md-push-5 { |
||||
|
left: 41.66666667% |
||||
|
} |
||||
|
.col-md-push-4 { |
||||
|
left: 33.33333333% |
||||
|
} |
||||
|
.col-md-push-3 { |
||||
|
left: 25% |
||||
|
} |
||||
|
.col-md-push-2 { |
||||
|
left: 16.66666667% |
||||
|
} |
||||
|
.col-md-push-1 { |
||||
|
left: 8.33333333% |
||||
|
} |
||||
|
.col-md-push-0 { |
||||
|
left: auto |
||||
|
} |
||||
|
.col-md-offset-12 { |
||||
|
margin-left: 100% |
||||
|
} |
||||
|
.col-md-offset-11 { |
||||
|
margin-left: 91.66666667% |
||||
|
} |
||||
|
.col-md-offset-10 { |
||||
|
margin-left: 83.33333333% |
||||
|
} |
||||
|
.col-md-offset-9 { |
||||
|
margin-left: 75% |
||||
|
} |
||||
|
.col-md-offset-8 { |
||||
|
margin-left: 66.66666667% |
||||
|
} |
||||
|
.col-md-offset-7 { |
||||
|
margin-left: 58.33333333% |
||||
|
} |
||||
|
.col-md-offset-6 { |
||||
|
margin-left: 50% |
||||
|
} |
||||
|
.col-md-offset-5 { |
||||
|
margin-left: 41.66666667% |
||||
|
} |
||||
|
.col-md-offset-4 { |
||||
|
margin-left: 33.33333333% |
||||
|
} |
||||
|
.col-md-offset-3 { |
||||
|
margin-left: 25% |
||||
|
} |
||||
|
.col-md-offset-2 { |
||||
|
margin-left: 16.66666667% |
||||
|
} |
||||
|
.col-md-offset-1 { |
||||
|
margin-left: 8.33333333% |
||||
|
} |
||||
|
.col-md-offset-0 { |
||||
|
margin-left: 0% |
||||
|
} |
||||
|
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { |
||||
|
float: left |
||||
|
} |
||||
|
.col-lg-12 { |
||||
|
width: 100% |
||||
|
} |
||||
|
.col-lg-11 { |
||||
|
width: 91.66666667% |
||||
|
} |
||||
|
.col-lg-10 { |
||||
|
width: 83.33333333% |
||||
|
} |
||||
|
.col-lg-9 { |
||||
|
width: 75% |
||||
|
} |
||||
|
.col-lg-8 { |
||||
|
width: 66.66666667% |
||||
|
} |
||||
|
.col-lg-7 { |
||||
|
width: 58.33333333% |
||||
|
} |
||||
|
.col-lg-6 { |
||||
|
width: 50% |
||||
|
} |
||||
|
.col-lg-5 { |
||||
|
width: 41.66666667% |
||||
|
} |
||||
|
.col-lg-4 { |
||||
|
width: 33.33333333% |
||||
|
} |
||||
|
.col-lg-3 { |
||||
|
width: 25% |
||||
|
} |
||||
|
.col-lg-2 { |
||||
|
width: 16.66666667% |
||||
|
} |
||||
|
.col-lg-1 { |
||||
|
width: 8.33333333% |
||||
|
} |
||||
|
.col-lg-pull-12 { |
||||
|
right: 100% |
||||
|
} |
||||
|
.col-lg-pull-11 { |
||||
|
right: 91.66666667% |
||||
|
} |
||||
|
.col-lg-pull-10 { |
||||
|
right: 83.33333333% |
||||
|
} |
||||
|
.col-lg-pull-9 { |
||||
|
right: 75% |
||||
|
} |
||||
|
.col-lg-pull-8 { |
||||
|
right: 66.66666667% |
||||
|
} |
||||
|
.col-lg-pull-7 { |
||||
|
right: 58.33333333% |
||||
|
} |
||||
|
.col-lg-pull-6 { |
||||
|
right: 50% |
||||
|
} |
||||
|
.col-lg-pull-5 { |
||||
|
right: 41.66666667% |
||||
|
} |
||||
|
.col-lg-pull-4 { |
||||
|
right: 33.33333333% |
||||
|
} |
||||
|
.col-lg-pull-3 { |
||||
|
right: 25% |
||||
|
} |
||||
|
.col-lg-pull-2 { |
||||
|
right: 16.66666667% |
||||
|
} |
||||
|
.col-lg-pull-1 { |
||||
|
right: 8.33333333% |
||||
|
} |
||||
|
.col-lg-pull-0 { |
||||
|
right: auto |
||||
|
} |
||||
|
.col-lg-push-12 { |
||||
|
left: 100% |
||||
|
} |
||||
|
.col-lg-push-11 { |
||||
|
left: 91.66666667% |
||||
|
} |
||||
|
.col-lg-push-10 { |
||||
|
left: 83.33333333% |
||||
|
} |
||||
|
.col-lg-push-9 { |
||||
|
left: 75% |
||||
|
} |
||||
|
.col-lg-push-8 { |
||||
|
left: 66.66666667% |
||||
|
} |
||||
|
.col-lg-push-7 { |
||||
|
left: 58.33333333% |
||||
|
} |
||||
|
.col-lg-push-6 { |
||||
|
left: 50% |
||||
|
} |
||||
|
.col-lg-push-5 { |
||||
|
left: 41.66666667% |
||||
|
} |
||||
|
.col-lg-push-4 { |
||||
|
left: 33.33333333% |
||||
|
} |
||||
|
.col-lg-push-3 { |
||||
|
left: 25% |
||||
|
} |
||||
|
.col-lg-push-2 { |
||||
|
left: 16.66666667% |
||||
|
} |
||||
|
.col-lg-push-1 { |
||||
|
left: 8.33333333% |
||||
|
} |
||||
|
.col-lg-push-0 { |
||||
|
left: auto |
||||
|
} |
||||
|
.col-lg-offset-12 { |
||||
|
margin-left: 100% |
||||
|
} |
||||
|
.col-lg-offset-11 { |
||||
|
margin-left: 91.66666667% |
||||
|
} |
||||
|
.col-lg-offset-10 { |
||||
|
margin-left: 83.33333333% |
||||
|
} |
||||
|
.col-lg-offset-9 { |
||||
|
margin-left: 75% |
||||
|
} |
||||
|
.col-lg-offset-8 { |
||||
|
margin-left: 66.66666667% |
||||
|
} |
||||
|
.col-lg-offset-7 { |
||||
|
margin-left: 58.33333333% |
||||
|
} |
||||
|
.col-lg-offset-6 { |
||||
|
margin-left: 50% |
||||
|
} |
||||
|
.col-lg-offset-5 { |
||||
|
margin-left: 41.66666667% |
||||
|
} |
||||
|
.col-lg-offset-4 { |
||||
|
margin-left: 33.33333333% |
||||
|
} |
||||
|
.col-lg-offset-3 { |
||||
|
margin-left: 25% |
||||
|
} |
||||
|
.col-lg-offset-2 { |
||||
|
margin-left: 16.66666667% |
||||
|
} |
||||
|
.col-lg-offset-1 { |
||||
|
margin-left: 8.33333333% |
||||
|
} |
||||
|
.col-lg-offset-0 { |
||||
|
margin-left: 0% |
||||
|
} |
||||
|
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { |
||||
|
line-height: 34px |
||||
|
} |
||||
|
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { |
||||
|
line-height: 30px |
||||
|
} |
||||
|
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { |
||||
|
line-height: 46px |
||||
|
} |
||||
|
.form-inline .form-group { |
||||
|
display: inline-block; margin-bottom: 0; vertical-align: middle; |
||||
|
} |
||||
|
.form-inline .form-control { |
||||
|
display: inline-block; width: auto; vertical-align: middle; |
||||
|
} |
||||
|
.form-inline .form-control-static { |
||||
|
display: inline-block |
||||
|
} |
||||
|
.form-inline .input-group { |
||||
|
display: inline-table; vertical-align: middle; |
||||
|
} |
||||
|
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { |
||||
|
width: auto |
||||
|
} |
||||
|
.form-inline .input-group > .form-control { |
||||
|
width: 100% |
||||
|
} |
||||
|
.form-inline .control-label { |
||||
|
margin-bottom: 0; vertical-align: middle; |
||||
|
} |
||||
|
.form-inline .radio, .form-inline .checkbox { |
||||
|
display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; |
||||
|
} |
||||
|
.form-inline .radio label, .form-inline .checkbox label { |
||||
|
padding-left: 0 |
||||
|
} |
||||
|
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { |
||||
|
position: relative; margin-left: 0; |
||||
|
} |
||||
|
.form-inline .has-feedback .form-control-feedback { |
||||
|
top: 0 |
||||
|
} |
||||
|
.form-horizontal .control-label { |
||||
|
text-align: right; margin-bottom: 0; padding-top: 7px; |
||||
|
} |
||||
|
.form-horizontal .form-group-lg .control-label { |
||||
|
padding-top: 14.3px |
||||
|
} |
||||
|
.form-horizontal .form-group-sm .control-label { |
||||
|
padding-top: 6px |
||||
|
} |
||||
|
.navbar-right .dropdown-menu { |
||||
|
left: auto; right: 0; |
||||
|
} |
||||
|
.navbar-right .dropdown-menu-left { |
||||
|
left: 0; right: auto; |
||||
|
} |
||||
|
.nav-tabs.nav-justified > li { |
||||
|
display: table-cell; width: 1%; |
||||
|
} |
||||
|
.nav-tabs.nav-justified > li > a { |
||||
|
margin-bottom: 0 |
||||
|
} |
||||
|
.nav-tabs.nav-justified > li > a { |
||||
|
border-bottom: 1px solid #dddddd; border-radius: 0 0 0 0; |
||||
|
} |
||||
|
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { |
||||
|
border-bottom-color: #ffffff |
||||
|
} |
||||
|
.nav-justified > li { |
||||
|
display: table-cell; width: 1%; |
||||
|
} |
||||
|
.nav-justified > li > a { |
||||
|
margin-bottom: 0 |
||||
|
} |
||||
|
.nav-tabs-justified > li > a { |
||||
|
border-bottom: 1px solid #dddddd; border-radius: 0 0 0 0; |
||||
|
} |
||||
|
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { |
||||
|
border-bottom-color: #ffffff |
||||
|
} |
||||
|
.navbar { |
||||
|
border-radius: 0 |
||||
|
} |
||||
|
.navbar-header { |
||||
|
float: left |
||||
|
} |
||||
|
.navbar-collapse { |
||||
|
width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; |
||||
|
} |
||||
|
.navbar-collapse.collapse { |
||||
|
display: block !important; visibility: visible !important; height: auto !important; padding-bottom: 0; overflow: visible !important; |
||||
|
} |
||||
|
.navbar-collapse.in { |
||||
|
overflow-y: visible |
||||
|
} |
||||
|
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { |
||||
|
padding-left: 0; padding-right: 0; |
||||
|
} |
||||
|
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { |
||||
|
margin-right: 0; margin-left: 0; |
||||
|
} |
||||
|
.navbar-static-top { |
||||
|
border-radius: 0 |
||||
|
} |
||||
|
.navbar-fixed-top, .navbar-fixed-bottom { |
||||
|
border-radius: 0 |
||||
|
} |
||||
|
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { |
||||
|
margin-left: -15px |
||||
|
} |
||||
|
.navbar-toggle { |
||||
|
display: none |
||||
|
} |
||||
|
.navbar-nav .open .dropdown-menu { |
||||
|
position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; |
||||
|
} |
||||
|
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { |
||||
|
padding: 5px 15px 5px 25px |
||||
|
} |
||||
|
.navbar-nav .open .dropdown-menu > li > a { |
||||
|
line-height: 20px |
||||
|
} |
||||
|
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { |
||||
|
background-image: none |
||||
|
} |
||||
|
.navbar-nav { |
||||
|
float: left; margin: 0; |
||||
|
} |
||||
|
.navbar-nav > li { |
||||
|
float: left |
||||
|
} |
||||
|
.navbar-nav > li > a { |
||||
|
padding-top: 52.5px; padding-bottom: 52.5px; |
||||
|
} |
||||
|
.navbar-form .form-group { |
||||
|
display: inline-block; margin-bottom: 0; vertical-align: middle; |
||||
|
} |
||||
|
.navbar-form .form-control { |
||||
|
display: inline-block; width: auto; vertical-align: middle; |
||||
|
} |
||||
|
.navbar-form .form-control-static { |
||||
|
display: inline-block |
||||
|
} |
||||
|
.navbar-form .input-group { |
||||
|
display: inline-table; vertical-align: middle; |
||||
|
} |
||||
|
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { |
||||
|
width: auto |
||||
|
} |
||||
|
.navbar-form .input-group > .form-control { |
||||
|
width: 100% |
||||
|
} |
||||
|
.navbar-form .control-label { |
||||
|
margin-bottom: 0; vertical-align: middle; |
||||
|
} |
||||
|
.navbar-form .radio, .navbar-form .checkbox { |
||||
|
display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; |
||||
|
} |
||||
|
.navbar-form .radio label, .navbar-form .checkbox label { |
||||
|
padding-left: 0 |
||||
|
} |
||||
|
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { |
||||
|
position: relative; margin-left: 0; |
||||
|
} |
||||
|
.navbar-form .has-feedback .form-control-feedback { |
||||
|
top: 0 |
||||
|
} |
||||
|
.navbar-form .form-group { |
||||
|
margin-bottom: 5px |
||||
|
} |
||||
|
.navbar-form .form-group:last-child { |
||||
|
margin-bottom: 0 |
||||
|
} |
||||
|
.navbar-form { |
||||
|
width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; |
||||
|
} |
||||
|
.navbar-text { |
||||
|
float: left; margin-left: 15px; margin-right: 15px; |
||||
|
} |
||||
|
.navbar-left { |
||||
|
float: left !important |
||||
|
} |
||||
|
.navbar-right { |
||||
|
float: right !important; margin-right: -15px; |
||||
|
} |
||||
|
.navbar-right ~ .navbar-right { |
||||
|
margin-right: 0 |
||||
|
} |
||||
|
/*modal*/ |
||||
|
.modal .modal-dialog .modal-content{ |
||||
|
margin: 0 auto; |
||||
|
width: 600px; |
||||
|
} |
||||
|
.head .navbar-nav > li > a { |
||||
|
padding-top: 13px; |
||||
|
padding-bottom: 13px; |
||||
|
} |
||||
|
.head .navbar-brand { |
||||
|
display: block; |
||||
|
padding-top: 0px; |
||||
|
padding-bottom: 0px; |
||||
|
} |
||||
|
img{ |
||||
|
vertical-align: middle; |
||||
|
} |
||||
@ -0,0 +1,5 @@ |
|||||
|
/*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl |
||||
|
* Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
|
||||
|
* */ |
||||
|
|
||||
|
!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b<s.length;b++){var c=s[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!o[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(v(c.styleSheet.rawCssText,e,f),o[e]=!0):(!/^([a-zA-Z:]*\/\/)/.test(e)&&!r||e.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}w()};x(),c.update=x,c.getEmValue=t,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this); |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,59 @@ |
|||||
|
@font-face { |
||||
|
font-family: 'icomoon'; |
||||
|
src: url('fonts/icomoon.eot?ien7ly'); |
||||
|
src: url('fonts/icomoon.eot?ien7ly#iefix') format('embedded-opentype'), |
||||
|
url('fonts/icomoon.ttf?ien7ly') format('truetype'), |
||||
|
url('fonts/icomoon.woff?ien7ly') format('woff'), |
||||
|
url('fonts/icomoon.svg?ien7ly#icomoon') format('svg'); |
||||
|
font-weight: normal; |
||||
|
font-style: normal; |
||||
|
} |
||||
|
|
||||
|
[class^="icon-"], [class*=" icon-"] { |
||||
|
/* use !important to prevent issues with browser extensions that change fonts */ |
||||
|
font-family: 'icomoon' !important; |
||||
|
speak: none; |
||||
|
font-style: normal; |
||||
|
font-weight: normal; |
||||
|
font-variant: normal; |
||||
|
text-transform: none; |
||||
|
line-height: 1; |
||||
|
|
||||
|
/* Better Font Rendering =========== */ |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
} |
||||
|
|
||||
|
.icon-arrows-down:before { |
||||
|
content: "\e903"; |
||||
|
} |
||||
|
.icon-search:before { |
||||
|
content: "\e904"; |
||||
|
} |
||||
|
.icon-weixin-logo:before { |
||||
|
content: "\e900"; |
||||
|
} |
||||
|
.icon-qq-penguin-shape:before { |
||||
|
content: "\e901"; |
||||
|
} |
||||
|
.icon-weibo-social-logo:before { |
||||
|
content: "\e902"; |
||||
|
} |
||||
|
.icon-bookmark:before { |
||||
|
content: "\e9d2"; |
||||
|
} |
||||
|
.icon-star-empty:before { |
||||
|
content: "\e9d7"; |
||||
|
} |
||||
|
.icon-star-full:before { |
||||
|
content: "\e9d9"; |
||||
|
} |
||||
|
.icon-heart:before { |
||||
|
content: "\e9da"; |
||||
|
} |
||||
|
.icon-share:before { |
||||
|
content: "\ea7d"; |
||||
|
} |
||||
|
.icon-share2:before { |
||||
|
content: "\ea82"; |
||||
|
} |
||||
Loading…
Reference in new issue