mirror of
https://github.com/DzzXH/DzzOffice.git
synced 2026-03-25 13:27:50 +08:00
1179 lines
32 KiB
CSS
1179 lines
32 KiB
CSS
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
ul,li{
|
|
list-style-type:none
|
|
}
|
|
p img{
|
|
width: 100%
|
|
}
|
|
.bs-container{
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.Topcarousel{
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 18px;
|
|
width: 35px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
color:#FFF;
|
|
}
|
|
.nav>li>a{
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
}
|
|
.navbar-inverse{
|
|
margin: 0;
|
|
border-radius: 0;
|
|
height: 64px;
|
|
position: fixed;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 999999;
|
|
top:0
|
|
}
|
|
.app_popup-parent .basil{
|
|
font-size: 24px;
|
|
vertical-align: text-top;
|
|
}
|
|
.navbar>li>a {
|
|
color: #000;
|
|
font-size: larger;
|
|
line-height: 34px;
|
|
position: relative;
|
|
display: block;
|
|
padding: 10px 15px;
|
|
}
|
|
.site-logo>img {
|
|
max-height: 30px;
|
|
vertical-align: middle;
|
|
}
|
|
.hide{
|
|
display: none!important;
|
|
}
|
|
.img-circle{
|
|
border-radius: 50%;
|
|
}
|
|
.text-center {text-align: center;}
|
|
.popbox-footer{padding:0 15px 15px 15px;margin-bottom:0;border-radius:0 0 6px 6px;text-align: center;}.popbox-footer:before,.popbox-footer:after{content:" ";display:table}
|
|
.popbox-footer a {
|
|
color: #3792ef;
|
|
text-decoration: none;
|
|
}
|
|
.text-warning{text-align: center;box-shadow: 1px 1px 10px #d8e5f9;border-radius: .5rem;}
|
|
/*start bootstrap模态框*/
|
|
.modal{
|
|
z-index:11200;position:fixed;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
|
|
.modal-open .in.modal{
|
|
display: -moz-flex!important;
|
|
display: -webkit-flex!important;
|
|
display: -ms-flexbox!important;
|
|
display:flex !important;
|
|
}
|
|
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
|
|
.modal .modal-header,.modal-open .modal .modal-body{
|
|
padding: 10px 20px 20px 20px;
|
|
clear:both;
|
|
}
|
|
.modal-header .close{margin-top:-2px}
|
|
img{vertical-align:middle;border-radius: .5rem;}
|
|
.modal-title{margin:0;line-height:1.42857143}
|
|
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.9}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0;opacity: .5;}
|
|
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
|
|
.modal-backdrop{
|
|
z-index:11199;
|
|
position:fixed;
|
|
position:absolute;top:0;right:0;left:0;bottom:0;background-color:#000}
|
|
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
|
|
.modal-dialog{position:relative;width:auto;margin:10px}
|
|
.modal .modal-dialog{
|
|
margin: auto;
|
|
padding: 30px 0;
|
|
}
|
|
.modal .modal-footer{
|
|
border: 0;
|
|
padding: 0 20px 15px 20px;
|
|
}
|
|
/*end bootstrap模态框*/
|
|
/*弹出框对应颜色结束*/
|
|
|
|
.form-group kbd{
|
|
padding:0;
|
|
}
|
|
.form-group .help-block{
|
|
margin-bottom:0;
|
|
}
|
|
/*弹出对话框样式*/
|
|
|
|
.fwinmask {
|
|
background:#FFF;
|
|
box-shadow:1px 3px 15px rgba(0,0,0,0.8),inset 0 0 10px #FFF;
|
|
padding:5px;
|
|
border:1px solid #CCC;
|
|
*border:1px solid #CCC;
|
|
border-radius:.5rem;
|
|
min-width:320px;
|
|
max-width:600px;
|
|
}
|
|
.fwinmask table{
|
|
width:100%;
|
|
}
|
|
.fwinmask p{
|
|
margin:0;
|
|
padding:0px;
|
|
}
|
|
.fwinmask button.close {
|
|
font-size: 1.5rem;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.fwinmask .c.altw p{
|
|
color: #666666;
|
|
}
|
|
.fwinmask .m_c h3{
|
|
margin: 0;
|
|
padding: 10px 20px 20px 20px;
|
|
line-height: 30px;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
}
|
|
.fwinmask .m_c h3{*zoom:1}
|
|
.fwinmask .m_c h3:before,.fwinmask .m_c h3:after{display:table;line-height:0;content:""}
|
|
.fwinmask .m_c h3:after{clear:both}
|
|
.fwinmask .m_c h3 .close{
|
|
margin-right:10px\0;
|
|
*zoom:1
|
|
}
|
|
.fwinmask .m_c h3 em{
|
|
font-style:normal;
|
|
display: inline-block;
|
|
padding: 0;
|
|
}
|
|
.fwinmask .m_c .o {
|
|
background: none;
|
|
border-top: none;
|
|
padding: 0 25px 15px 0;
|
|
text-align: right;
|
|
|
|
}
|
|
.fwinmask .m_c .o .muted{
|
|
padding-top:8px;
|
|
color:#999;
|
|
font-size:12px;
|
|
}
|
|
.fwinmask .m_c .c {
|
|
margin: 0 !important;
|
|
padding: 0 20px 20px 30px;
|
|
}
|
|
.fwinmask .m_c .last{
|
|
border-bottom: none;
|
|
border-top: 1px solid #FFFFFF;
|
|
margin:0px;
|
|
padding:10px 0;
|
|
}
|
|
|
|
.fwinmask .alert_icon .alert_icon_img{
|
|
background:#FFF;
|
|
width:48px;
|
|
height:48px;
|
|
margin-left: -58px;
|
|
padding: 1px;
|
|
position: absolute;
|
|
}
|
|
.fwinmask .alert_icon {
|
|
font-size: 14px;
|
|
height: auto !important;
|
|
line-height: 160%;
|
|
min-height: 50px;
|
|
padding: 6px 0 6px 68px;
|
|
}
|
|
/*首选样式开始*/
|
|
.btn-primary{
|
|
color:#FFFFFF;
|
|
background-color: #4c89fb;
|
|
border-color: transparent;
|
|
}
|
|
.btn-primary:hover{
|
|
color:#FFFFFF;
|
|
background-color: #689cfe;
|
|
border-color: transparent;
|
|
|
|
}
|
|
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
|
|
background-color: #165ad8;
|
|
color: #fff;
|
|
border-color: transparent;
|
|
}
|
|
.btn-primary:focus{
|
|
color:#FFFFFF;
|
|
background-color: #165ad8;
|
|
border-color:#ff9c00;
|
|
}
|
|
|
|
.btn-primary:active{
|
|
background-color: #165ad8;
|
|
color: #fff;
|
|
border-color:#165ad8 ;
|
|
text-shadow: 0rem 0.05rem 0rem rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
.btn-primary:active:focus{
|
|
background-color: #165ad8;
|
|
color: #fff;
|
|
border-color:#165ad8 ;
|
|
}
|
|
/*边框首选样式开始*/
|
|
.btn-primary-outline{
|
|
background: none;
|
|
border: 1px solid #4c89fb;
|
|
color: #4c89fb;
|
|
transition: 0.5s linear;
|
|
}
|
|
.btn-primary-outline:hover{
|
|
background:#4c89fb;
|
|
border: 1px solid #4c89fb;
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-primary-outline:focus{
|
|
background:#165ad8;
|
|
/*border: 1px solid #ff9c00;*/
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-primary-outline:active{
|
|
background-color: #165ad8;
|
|
border: 1px solid #4c89fb;
|
|
color: #fff;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
/*边框首选样式结束*/
|
|
/*边框首选3d样式开始*/
|
|
.btn-primary-3d{
|
|
box-shadow: 0 3px 0 #0361b8, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.btn-primary-3d:focus{
|
|
color:#FFFFFF;
|
|
background-color: #0674d9;
|
|
box-shadow: 0 3px 0 #0361b8, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.btn-primary-3d:active{
|
|
box-shadow: 0 1px 0 #0361b8, 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
top: 2px;
|
|
background-color: #1881e5;
|
|
color: #0361b8;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
/*边框首选3d样式结束*/
|
|
/*首选样式开始结束*/
|
|
/*不可用样式开始*/
|
|
.btn-disabled{
|
|
color: #fff;
|
|
background-color: rgba(204,204,204,0.85);
|
|
}
|
|
.btn-disabled:hover{
|
|
color: #fff;
|
|
}
|
|
.btn-disabled-outline{
|
|
background-color:transparent;
|
|
color: #DDDDDD;
|
|
border-color:rgba(204,204,204,0.85);
|
|
}
|
|
.btn-disabled-outline:hover{
|
|
color: #DDDDDD;
|
|
}
|
|
.btn-disabled-primary{
|
|
color:rgba(76,137,251,0.85);
|
|
border-color:rgba(76,137,251,0.85);
|
|
}
|
|
.btn-disabled-primary:hover{
|
|
color:rgba(76,137,251,0.85);
|
|
}
|
|
/*不可用样式结束*/
|
|
/*危险样式开始*/
|
|
.btn-danger{
|
|
color:#FFFFFF;
|
|
background-color: #e53935;
|
|
border-color: transparent;
|
|
}
|
|
.btn-danger:hover{
|
|
color:#FFFFFF;
|
|
background-color: #e57373;
|
|
border-color: transparent;
|
|
}
|
|
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover{
|
|
background-color: #c62828;
|
|
color: #fff;
|
|
border-color: transparent;
|
|
|
|
}
|
|
.btn-danger:focus{
|
|
color:#FFFFFF;
|
|
background-color: #c62828;
|
|
border-color: #ff9c00;
|
|
|
|
}
|
|
.btn-danger:active{
|
|
background-color: #c62828;
|
|
color: #c40b0d;
|
|
text-shadow: 0rem 0.05rem 0rem rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
/*危险默认样式结束*/
|
|
/*危险3d样式开始*/
|
|
.btn-danger-3d{
|
|
box-shadow: 0 3px 0 #c40b0d, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.btn-danger-3d:focus{
|
|
color:#FFFFFF;
|
|
background-color: #e60d0f;
|
|
box-shadow: 0 3px 0 #c40b0d, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.btn-danger-3d:active{
|
|
box-shadow: 0 1px 0 #c40b0d, 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
top: 2px;
|
|
background-color: #f21717;
|
|
color: #c40b0d;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
/*危险3d样式结束*/
|
|
/*边框危险样式*/
|
|
.btn-danger-outline{
|
|
background: none;
|
|
border: 1px solid #e60d0f;
|
|
color: #e60d0f;
|
|
|
|
}
|
|
.btn-danger-outline:hover{
|
|
color:#FFFFFF;
|
|
background-color: #f21717;
|
|
border: 1px solid #f21717;
|
|
}
|
|
.btn-danger-outline:focus{
|
|
color:#FFFFFF;
|
|
background-color: #f21717;
|
|
border: 1px solid #f21717;
|
|
}
|
|
.btn-danger-outline:active{
|
|
background: #f21717;
|
|
border: 1px solid #f21717;
|
|
color: #c40b0d;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
}
|
|
/*危险样式结束*/
|
|
/*样式大小开始*/
|
|
.btn-lg{
|
|
padding:1rem 2.28rem;
|
|
}
|
|
.btn-small{
|
|
padding:0.5rem 1.64rem;
|
|
}
|
|
.btn-super-small{
|
|
padding:0.35rem 0.71rem;
|
|
}
|
|
/*样式大小结束*/
|
|
|
|
|
|
/*成功样式*/
|
|
.btn-success{
|
|
color:#FFFFFF;
|
|
background-color: #00aa63;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.btn-success-3d{
|
|
box-shadow: 0 3px 0 #009253, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.btn-success:hover{
|
|
color:#FFFFFF;
|
|
background-color: #05be6d;
|
|
border-color: transparent;
|
|
}
|
|
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{
|
|
background-color: #05be6d;
|
|
color: #009253;
|
|
border-color: transparent;
|
|
}
|
|
.btn-success:focus{
|
|
color:#FFFFFF;
|
|
background-color: #00aa63;
|
|
border-color: transparent;
|
|
}
|
|
.btn-success-3d:focus{
|
|
color:#FFFFFF;
|
|
background-color: #00aa63;
|
|
box-shadow: 0 3px 0 #009253, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.btn-success:active{
|
|
background-color: #05be6d;
|
|
color: #009253;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
.btn-success-3d:active{
|
|
box-shadow: 0 1px 0 #009253, 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
top: 2px;
|
|
background-color: #05be6d;
|
|
color: #009253;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
/*边框成功样式*/
|
|
.btn-success-outline{
|
|
background: none;
|
|
border: 1px solid #00aa63;
|
|
color: #00aa63;
|
|
}
|
|
.btn-success-outline:hover{
|
|
background:#05be6d;
|
|
border: 1px solid #05be6d;
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-success-outline:focus{
|
|
background:#05be6d;
|
|
border: 1px solid #05be6d;
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-success-outline:active{
|
|
background-color: #05be6d;
|
|
color: #009253;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
|
|
/*一般信息样式*/
|
|
.btn-info{
|
|
color:#FFFFFF;
|
|
background-color: #00b6ce;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.btn-info-3d{
|
|
box-shadow: 0 3px 0 #009cb0, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.btn-info:hover{
|
|
color:#FFFFFF;
|
|
background-color: #13c6de;
|
|
border-color: transparent;
|
|
}
|
|
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{
|
|
background-color: #13c6de;
|
|
color: #009cb0;
|
|
border-color: transparent;
|
|
}
|
|
.btn-info:focus{
|
|
color:#FFFFFF;
|
|
background-color: #00b6ce;
|
|
border-color: transparent;
|
|
}
|
|
.btn-info-3d:focus{
|
|
color:#FFFFFF;
|
|
background-color: #00b6ce;
|
|
box-shadow: 0 3px 0 #009cb0, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.btn-info:active{
|
|
background-color: #13c6de;
|
|
color: #009cb0;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
.btn-info-3d:active{
|
|
box-shadow: 0 1px 0 #009cb0, 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
top: 2px;
|
|
background-color: #13c6de;
|
|
color: #009cb0;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
/*边框一般信息样式*/
|
|
.btn-info-outline{
|
|
background: none;
|
|
border: 1px solid #00b6ce;
|
|
color: #00b6ce;
|
|
}
|
|
.btn-info-outline:hover{
|
|
background: #13c6de;
|
|
border: 1px solid #13c6de;
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-info-outline:focus{
|
|
background: #13c6de;
|
|
border: 1px solid #13c6de;
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-info-outline:active{
|
|
background: #13c6de;
|
|
border: 1px solid #13c6de;
|
|
color: #009cb0;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
}
|
|
|
|
/*警告样式*/
|
|
.btn-warning{
|
|
color:#FFFFFF;
|
|
background-color: #f4820b;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.btn-warning-3d{
|
|
box-shadow: 0 3px 0 #d06d09, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.btn-warning:hover{
|
|
color:#FFFFFF;
|
|
background-color: #f68e23;
|
|
border-color: transparent;
|
|
}
|
|
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover{
|
|
background-color: #f68e23;
|
|
color: #d06d09;
|
|
border-color: transparent;
|
|
}
|
|
.btn-warning:focus{
|
|
color:#FFFFFF;
|
|
background-color: #f4820b;
|
|
border-color: transparent;
|
|
}
|
|
.btn-warning-3d:focus{
|
|
color:#FFFFFF;
|
|
background-color: #f4820b;
|
|
box-shadow: 0 3px 0 #d06d09, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.btn-warning:active{
|
|
background-color: #f68e23;
|
|
color: #d06d09;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
.btn-warning-3d:active{
|
|
box-shadow: 0 1px 0 #d06d09, 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
top: 2px;
|
|
background-color: #f68e23;
|
|
color: #d06d09;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
/*边框警告样式*/
|
|
.btn-warning-outline{
|
|
background: none;
|
|
border: 1px solid #f4820b;
|
|
color: #f4820b;
|
|
}
|
|
.btn-warning-outline:hover{
|
|
background: #f68e23;
|
|
border: 1px solid #f68e23;
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-warning-outline:focus{
|
|
background: #f68e23;
|
|
border: 1px solid #f68e23;
|
|
color: #FFFFFF;
|
|
}
|
|
.btn-warning-outline:active{
|
|
background: #f68e23;
|
|
border: 1px solid #f68e23;
|
|
color: #d06d09;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*暗色按钮*/
|
|
.btn-dark{
|
|
color:#FFFFFF;
|
|
background-color: #535353;
|
|
}
|
|
|
|
.btn-dark-3d{
|
|
box-shadow: 0 3px 0 #434343, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.btn-dark:hover{
|
|
color:#FFFFFF;
|
|
background-color: #656565;
|
|
}
|
|
.btn-dark:focus{
|
|
color:#FFFFFF;
|
|
background-color: #535353;
|
|
}
|
|
.btn-dark-3d:focus{
|
|
color:#FFFFFF;
|
|
background-color: #535353;
|
|
box-shadow: 0 3px 0 #434343, 0 4px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.btn-dark:active{
|
|
background-color: #656565;
|
|
color: #434343;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
}
|
|
.btn-dark-3d:active{
|
|
box-shadow: 0 1px 0 #434343, 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
top: 2px;
|
|
background-color: #656565;
|
|
color: #434343;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
-webkit-transition-property: all;
|
|
transition-property: all;
|
|
-webkit-transition-duration: .15s;
|
|
transition-duration: .15s;
|
|
|
|
}
|
|
/*边框暗色样式*/
|
|
.btn-dark-outline{
|
|
background: none;
|
|
border: 1px solid #535353;
|
|
color: #535353;
|
|
}
|
|
.btn-dark-outline:hover{
|
|
color:#FFFFFF;
|
|
background-color: #656565;
|
|
border: 1px solid #656565;
|
|
}
|
|
.btn-dark-outline:focus{
|
|
color:#FFFFFF;
|
|
background-color: #656565;
|
|
border: 1px solid #656565;
|
|
}
|
|
.btn-dark-outline:active{
|
|
background-color: #656565;
|
|
border: 1px solid #656565;
|
|
color: #434343;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.20);
|
|
}
|
|
/*小图标*/
|
|
.btn .icon {
|
|
width: 1em;
|
|
margin: -1px 5px 0;
|
|
line-height: inherit;
|
|
text-align: center;
|
|
}
|
|
.btn-icon,
|
|
.btn.icon {
|
|
padding: 10px;
|
|
line-height: 1em;
|
|
}
|
|
.btn-icon.btn-xs,
|
|
.btn.icon.btn-xs {
|
|
padding: 4px;
|
|
font-size: 12px;
|
|
}
|
|
.btn-icon.btn-sm,
|
|
.btn.icon.btn-sm {
|
|
padding: 8px;
|
|
font-size: 14px;
|
|
}
|
|
.btn-icon.btn-lg,
|
|
.btn.icon.btn-lg {
|
|
padding: 12px;
|
|
font-size: 20px;
|
|
}
|
|
.btn-icon.disabled,
|
|
.btn.icon.disabled {
|
|
color: #a3afb7;
|
|
}
|
|
.btn-icon .icon {
|
|
margin: -1px 0 0;
|
|
}
|
|
/*禁用状态*/
|
|
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
|
|
color: #fff;
|
|
background-color: #a2caee;
|
|
border-color: #a2caee;
|
|
}
|
|
|
|
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
|
|
color: #FFFFFF;
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c;
|
|
}
|
|
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
|
|
color: #FFFFFF;
|
|
background-color: #5bc0de;
|
|
border-color: #46b8da;
|
|
}
|
|
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
|
|
color: #FFFFFF;
|
|
background-color: #f0ad4e;
|
|
border-color: #eea236;
|
|
}
|
|
|
|
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
|
|
color: #FFFFFF;
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a;
|
|
}
|
|
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{
|
|
color: #76838f;
|
|
background-color: #f3f7f9;
|
|
border-color: #f3f7f9;
|
|
}
|
|
.btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover
|
|
{
|
|
color:#FFFFFF;
|
|
background-color: #8f8f8f;
|
|
border-color: #8f8f8f;
|
|
}
|
|
|
|
/*纯图标*/
|
|
.btn-pure,
|
|
.btn-pure:hover,
|
|
.btn-pure:focus,
|
|
.btn-pure:active,
|
|
.btn-pure.active,
|
|
.open > .dropdown-toggle.btn-pure,
|
|
.btn-pure[disabled],
|
|
fieldset[disabled] .btn-pure {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.btn-pure:hover,
|
|
.btn-pure:hover:hover,
|
|
.btn-pure:focus:hover,
|
|
.btn-pure:active:hover,
|
|
.btn-pure.active:hover,
|
|
.open > .dropdown-toggle.btn-pure:hover,
|
|
.btn-pure[disabled]:hover,
|
|
fieldset[disabled] .btn-pure:hover,
|
|
.btn-pure:focus,
|
|
.btn-pure:hover:focus,
|
|
.btn-pure:focus:focus,
|
|
.btn-pure:active:focus,
|
|
.btn-pure.active:focus,
|
|
.open > .dropdown-toggle.btn-pure:focus,
|
|
.btn-pure[disabled]:focus,
|
|
fieldset[disabled] .btn-pure:focus,
|
|
.btn-pure.focus,
|
|
.btn-pure:hover.focus,
|
|
.btn-pure:focus.focus,
|
|
.btn-pure:active.focus,
|
|
.btn-pure.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.focus,
|
|
.btn-pure[disabled].focus,
|
|
fieldset[disabled] .btn-pure.focus {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.btn-pure.btn-default {
|
|
color: #a3afb7;
|
|
}
|
|
.btn-pure.btn-default:hover,
|
|
.btn-pure.btn-default:focus,
|
|
.btn-pure.btn-default:active,
|
|
.btn-pure.btn-default.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-default {
|
|
color: #526069;
|
|
}
|
|
.btn-pure.btn-default:hover:hover,
|
|
.btn-pure.btn-default:focus:hover,
|
|
.btn-pure.btn-default:active:hover,
|
|
.btn-pure.btn-default.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-default:hover,
|
|
.btn-pure.btn-default:hover:focus,
|
|
.btn-pure.btn-default:focus:focus,
|
|
.btn-pure.btn-default:active:focus,
|
|
.btn-pure.btn-default.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-default:focus,
|
|
.btn-pure.btn-default:hover.focus,
|
|
.btn-pure.btn-default:focus.focus,
|
|
.btn-pure.btn-default:active.focus,
|
|
.btn-pure.btn-default.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-default.focus {
|
|
color: #526069;
|
|
}
|
|
.btn-pure.btn-default:hover .badge,
|
|
.btn-pure.btn-default:focus .badge,
|
|
.btn-pure.btn-default:active .badge,
|
|
.btn-pure.btn-default.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-default .badge {
|
|
color: #526069;
|
|
}
|
|
.btn-pure.btn-primary {
|
|
color: #62a8ea;
|
|
}
|
|
.btn-pure.btn-primary:hover,
|
|
.btn-pure.btn-primary:focus,
|
|
.btn-pure.btn-primary:active,
|
|
.btn-pure.btn-primary.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-primary {
|
|
color: #3583ca;
|
|
}
|
|
.btn-pure.btn-primary:hover:hover,
|
|
.btn-pure.btn-primary:focus:hover,
|
|
.btn-pure.btn-primary:active:hover,
|
|
.btn-pure.btn-primary.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-primary:hover,
|
|
.btn-pure.btn-primary:hover:focus,
|
|
.btn-pure.btn-primary:focus:focus,
|
|
.btn-pure.btn-primary:active:focus,
|
|
.btn-pure.btn-primary.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-primary:focus,
|
|
.btn-pure.btn-primary:hover.focus,
|
|
.btn-pure.btn-primary:focus.focus,
|
|
.btn-pure.btn-primary:active.focus,
|
|
.btn-pure.btn-primary.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-primary.focus {
|
|
color: #3583ca;
|
|
}
|
|
.btn-pure.btn-primary:hover .badge,
|
|
.btn-pure.btn-primary:focus .badge,
|
|
.btn-pure.btn-primary:active .badge,
|
|
.btn-pure.btn-primary.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-primary .badge {
|
|
color: #3583ca;
|
|
}
|
|
.btn-pure.btn-success {
|
|
color: #46be8a;
|
|
}
|
|
.btn-pure.btn-success:hover,
|
|
.btn-pure.btn-success:focus,
|
|
.btn-pure.btn-success:active,
|
|
.btn-pure.btn-success.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-success {
|
|
color: #279566;
|
|
}
|
|
.btn-pure.btn-success:hover:hover,
|
|
.btn-pure.btn-success:focus:hover,
|
|
.btn-pure.btn-success:active:hover,
|
|
.btn-pure.btn-success.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-success:hover,
|
|
.btn-pure.btn-success:hover:focus,
|
|
.btn-pure.btn-success:focus:focus,
|
|
.btn-pure.btn-success:active:focus,
|
|
.btn-pure.btn-success.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-success:focus,
|
|
.btn-pure.btn-success:hover.focus,
|
|
.btn-pure.btn-success:focus.focus,
|
|
.btn-pure.btn-success:active.focus,
|
|
.btn-pure.btn-success.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-success.focus {
|
|
color: #279566;
|
|
}
|
|
.btn-pure.btn-success:hover .badge,
|
|
.btn-pure.btn-success:focus .badge,
|
|
.btn-pure.btn-success:active .badge,
|
|
.btn-pure.btn-success.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-success .badge {
|
|
color: #279566;
|
|
}
|
|
.btn-pure.btn-info {
|
|
color: #57c7d4;
|
|
}
|
|
.btn-pure.btn-info:hover,
|
|
.btn-pure.btn-info:focus,
|
|
.btn-pure.btn-info:active,
|
|
.btn-pure.btn-info.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-info {
|
|
color: #37a9b7;
|
|
}
|
|
.btn-pure.btn-info:hover:hover,
|
|
.btn-pure.btn-info:focus:hover,
|
|
.btn-pure.btn-info:active:hover,
|
|
.btn-pure.btn-info.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-info:hover,
|
|
.btn-pure.btn-info:hover:focus,
|
|
.btn-pure.btn-info:focus:focus,
|
|
.btn-pure.btn-info:active:focus,
|
|
.btn-pure.btn-info.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-info:focus,
|
|
.btn-pure.btn-info:hover.focus,
|
|
.btn-pure.btn-info:focus.focus,
|
|
.btn-pure.btn-info:active.focus,
|
|
.btn-pure.btn-info.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-info.focus {
|
|
color: #37a9b7;
|
|
}
|
|
.btn-pure.btn-info:hover .badge,
|
|
.btn-pure.btn-info:focus .badge,
|
|
.btn-pure.btn-info:active .badge,
|
|
.btn-pure.btn-info.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-info .badge {
|
|
color: #37a9b7;
|
|
}
|
|
.btn-pure.btn-warning {
|
|
color: #f2a654;
|
|
}
|
|
.btn-pure.btn-warning:hover,
|
|
.btn-pure.btn-warning:focus,
|
|
.btn-pure.btn-warning:active,
|
|
.btn-pure.btn-warning.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-warning {
|
|
color: #e98f2e;
|
|
}
|
|
.btn-pure.btn-warning:hover:hover,
|
|
.btn-pure.btn-warning:focus:hover,
|
|
.btn-pure.btn-warning:active:hover,
|
|
.btn-pure.btn-warning.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-warning:hover,
|
|
.btn-pure.btn-warning:hover:focus,
|
|
.btn-pure.btn-warning:focus:focus,
|
|
.btn-pure.btn-warning:active:focus,
|
|
.btn-pure.btn-warning.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-warning:focus,
|
|
.btn-pure.btn-warning:hover.focus,
|
|
.btn-pure.btn-warning:focus.focus,
|
|
.btn-pure.btn-warning:active.focus,
|
|
.btn-pure.btn-warning.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-warning.focus {
|
|
color: #e98f2e;
|
|
}
|
|
.btn-pure.btn-warning:hover .badge,
|
|
.btn-pure.btn-warning:focus .badge,
|
|
.btn-pure.btn-warning:active .badge,
|
|
.btn-pure.btn-warning.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-warning .badge {
|
|
color: #e98f2e;
|
|
}
|
|
.btn-pure.btn-danger {
|
|
color: #f96868;
|
|
}
|
|
.btn-pure.btn-danger:hover,
|
|
.btn-pure.btn-danger:focus,
|
|
.btn-pure.btn-danger:active,
|
|
.btn-pure.btn-danger.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-danger {
|
|
color: #d6494b;
|
|
}
|
|
.btn-pure.btn-danger:hover:hover,
|
|
.btn-pure.btn-danger:focus:hover,
|
|
.btn-pure.btn-danger:active:hover,
|
|
.btn-pure.btn-danger.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-danger:hover,
|
|
.btn-pure.btn-danger:hover:focus,
|
|
.btn-pure.btn-danger:focus:focus,
|
|
.btn-pure.btn-danger:active:focus,
|
|
.btn-pure.btn-danger.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-danger:focus,
|
|
.btn-pure.btn-danger:hover.focus,
|
|
.btn-pure.btn-danger:focus.focus,
|
|
.btn-pure.btn-danger:active.focus,
|
|
.btn-pure.btn-danger.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-danger.focus {
|
|
color: #d6494b;
|
|
}
|
|
.btn-pure.btn-danger:hover .badge,
|
|
.btn-pure.btn-danger:focus .badge,
|
|
.btn-pure.btn-danger:active .badge,
|
|
.btn-pure.btn-danger.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-danger .badge {
|
|
color: #d6494b;
|
|
}
|
|
.btn-pure.btn-dark {
|
|
color: #526069;
|
|
}
|
|
.btn-pure.btn-dark:hover,
|
|
.btn-pure.btn-dark:focus,
|
|
.btn-pure.btn-dark:active,
|
|
.btn-pure.btn-dark.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-dark {
|
|
color: #37474f;
|
|
}
|
|
.btn-pure.btn-dark:hover:hover,
|
|
.btn-pure.btn-dark:focus:hover,
|
|
.btn-pure.btn-dark:active:hover,
|
|
.btn-pure.btn-dark.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-dark:hover,
|
|
.btn-pure.btn-dark:hover:focus,
|
|
.btn-pure.btn-dark:focus:focus,
|
|
.btn-pure.btn-dark:active:focus,
|
|
.btn-pure.btn-dark.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-dark:focus,
|
|
.btn-pure.btn-dark:hover.focus,
|
|
.btn-pure.btn-dark:focus.focus,
|
|
.btn-pure.btn-dark:active.focus,
|
|
.btn-pure.btn-dark.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-dark.focus {
|
|
color: #37474f;
|
|
}
|
|
.btn-pure.btn-dark:hover .badge,
|
|
.btn-pure.btn-dark:focus .badge,
|
|
.btn-pure.btn-dark:active .badge,
|
|
.btn-pure.btn-dark.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-dark .badge {
|
|
color: #37474f;
|
|
}
|
|
.btn-pure.btn-inverse {
|
|
color: #fff;
|
|
}
|
|
.btn-pure.btn-inverse:hover,
|
|
.btn-pure.btn-inverse:focus,
|
|
.btn-pure.btn-inverse:active,
|
|
.btn-pure.btn-inverse.active,
|
|
.open > .dropdown-toggle.btn-pure.btn-inverse {
|
|
color: #fff;
|
|
}
|
|
.btn-pure.btn-inverse:hover:hover,
|
|
.btn-pure.btn-inverse:focus:hover,
|
|
.btn-pure.btn-inverse:active:hover,
|
|
.btn-pure.btn-inverse.active:hover,
|
|
.open > .dropdown-toggle.btn-pure.btn-inverse:hover,
|
|
.btn-pure.btn-inverse:hover:focus,
|
|
.btn-pure.btn-inverse:focus:focus,
|
|
.btn-pure.btn-inverse:active:focus,
|
|
.btn-pure.btn-inverse.active:focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-inverse:focus,
|
|
.btn-pure.btn-inverse:hover.focus,
|
|
.btn-pure.btn-inverse:focus.focus,
|
|
.btn-pure.btn-inverse:active.focus,
|
|
.btn-pure.btn-inverse.active.focus,
|
|
.open > .dropdown-toggle.btn-pure.btn-inverse.focus {
|
|
color: #fff;
|
|
}
|
|
.btn-pure.btn-inverse:hover .badge,
|
|
.btn-pure.btn-inverse:focus .badge,
|
|
.btn-pure.btn-inverse:active .badge,
|
|
.btn-pure.btn-inverse.active .badge,
|
|
.open > .dropdown-toggle.btn-pure.btn-inverse .badge {
|
|
color: #fff;
|
|
}
|
|
/*上传成功按钮*/
|
|
.text-active, .active > .text, .active > .auto .text{
|
|
display: none!important;
|
|
}
|
|
.active .icon {
|
|
line-height: 1;
|
|
}
|
|
.active > .text-active, .active > .auto .text-active {
|
|
display: inline-block !important;
|
|
}
|
|
/*按钮样式结束*/
|
|
/*徽章颜色*/
|
|
.badge-success{
|
|
color: #fff;
|
|
background-color: #46be8a;
|
|
}
|
|
.badge-info{
|
|
color: #fff;
|
|
background-color: #57c7d4;
|
|
}
|
|
.badge-warning{
|
|
color: #fff;
|
|
background-color: #f2a654;
|
|
}
|
|
.badge-danger{
|
|
color: #fff;
|
|
background-color: #f96868;
|
|
}
|
|
/*button样式结束*/
|
|
|
|
/*表单样式 start*/
|
|
/*输入框下划线部分*/
|
|
.form-control{
|
|
background-color:transparent;
|
|
border-style:solid;
|
|
border-width:0 0 1px 0;
|
|
border-color: #e1e1e1;
|
|
box-shadow:none;
|
|
}
|
|
.form-control:focus{
|
|
box-shadow: none !important;
|
|
}
|
|
.has-error .form-control{
|
|
box-shadow:none;
|
|
}
|
|
|
|
|
|
.input-group .input-group-addon{
|
|
background-color:transparent;
|
|
border-style:solid;
|
|
border-width:0 0 1px 0;
|
|
border-radius:0.5rem;
|
|
}
|
|
|
|
.input-group .input-group-addon{
|
|
border-color: transparent;
|
|
transition:none;
|
|
}
|
|
.input-group input.form-control+.input-group-addon{
|
|
border-color: #e1e1e1;
|
|
}
|
|
|
|
|
|
|
|
/*输入框下划线部分结束*/
|
|
.form-control:focus{
|
|
border-color:#3779ff;
|
|
}
|
|
.input-group input.form-control:focus+.input-group-addon{
|
|
border-color:#3779ff;
|
|
}
|
|
.form-control:focus{
|
|
border-color:#3779ff;
|
|
}
|
|
|
|
.has-error .form-control{
|
|
border-color:#FF0000 !important;
|
|
}
|
|
.has-error .help-msg{
|
|
color:#FF0000
|
|
}
|
|
|
|
/*表单样式 end*/ |