mirror of
https://github.com/DzzXH/DzzOffice.git
synced 2026-01-22 11:06:48 +08:00
2933 lines
77 KiB
CSS
2933 lines
77 KiB
CSS
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
html,body{
|
|
--radius: .5rem;
|
|
}
|
|
ul,li{
|
|
list-style-type:none
|
|
}
|
|
p img{
|
|
width: 100%
|
|
}
|
|
.bs-container{
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.bs-main-container{
|
|
transition: margin linear 0.1s;
|
|
margin: 5px;
|
|
overflow-y: auto;
|
|
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
|
|
border-radius: var(--radius);
|
|
border: 1px solid #ebeef5;
|
|
background: #fff;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 69px;
|
|
bottom: .5px;
|
|
}
|
|
.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: 13px 10px;
|
|
}
|
|
.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: var(--radius);}
|
|
/*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: var(--radius);}
|
|
.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: var(--radius);
|
|
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:var(--radius);
|
|
}
|
|
|
|
.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*/
|
|
/*button样式开始*/
|
|
.btn{
|
|
transition-property: all;
|
|
transition-duration: .3s;
|
|
padding: 0.45rem 2.152rem;
|
|
font-size: 0.92rem;
|
|
font-weight: bold;
|
|
border-radius: var(--radius);
|
|
}
|
|
.btn.focus, .btn:focus, .btn:hover{
|
|
box-shadow: 0px 1px 5px 0px rgba(28, 28, 28, 0.28);
|
|
}
|
|
.btn-link:focus, .btn-link:hover{
|
|
box-shadow:none;
|
|
}
|
|
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
|
|
outline: none;
|
|
}
|
|
.btn.active, .btn:active{
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.btn-circle{
|
|
border-radius: var(--radius);
|
|
padding: 10px 22px;
|
|
}
|
|
.btn-pill-left {
|
|
border-radius: var(--radius);
|
|
}
|
|
.btn-pill-right {
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
html{
|
|
font-size:14px;
|
|
}
|
|
/*下来菜单支持二级*/
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-submenu > .dropdown-menu {
|
|
top: 0;
|
|
left: 100%;
|
|
margin-top: -6px;
|
|
margin-left: -1px;
|
|
-webkit-border-radius: var(--radius);
|
|
-moz-border-radius: var(--radius);
|
|
border-radius: var(--radius);
|
|
}
|
|
.dropdown-submenu:hover > .dropdown-menu {
|
|
display: block;
|
|
}
|
|
.dropdown-submenu > a:after {
|
|
display: block;
|
|
content: " ";
|
|
float: right;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: #ccc;
|
|
margin-top: 5px;
|
|
margin-right: -10px;
|
|
}
|
|
.dropdown-submenu:hover > a:after {
|
|
border-left-color: #fff;
|
|
}
|
|
.dropdown-submenu.pull-left {
|
|
float: none;
|
|
}
|
|
.dropdown-submenu.pull-left > .dropdown-menu {
|
|
left: -100%;
|
|
margin-left: 10px;
|
|
-webkit-border-radius: var(--radius);
|
|
-moz-border-radius: var(--radius);
|
|
border-radius: var(--radius);
|
|
}
|
|
|
|
/*修复bootcss中与桌面不兼容的部分*/
|
|
.form-control{
|
|
box-shadow:none;
|
|
border-color:#e1e1e1;
|
|
border-radius: var(--radius);
|
|
}
|
|
.form-horizontal .form-control:focus,.form-control:focus{
|
|
box-shadow:none;
|
|
}
|
|
|
|
.input-group-addon{
|
|
box-shadow:none;
|
|
border-color:#e1e1e1;
|
|
}
|
|
|
|
.input-group-addon{
|
|
background:#F9F9F9
|
|
}
|
|
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{
|
|
padding-left:20px;
|
|
}
|
|
.modal{
|
|
z-index:11200;
|
|
}
|
|
.modal-backdrop{
|
|
z-index:11199;
|
|
position:fixed;
|
|
}
|
|
.popover{
|
|
z-index:11300;
|
|
}
|
|
|
|
.radio-inline, .checkbox-inline{
|
|
position:relative;
|
|
}
|
|
|
|
/*添加css nav nav-pills-bottomguide */
|
|
|
|
.nav-pills-bottomguide>li{
|
|
margin-bottom:-2px;
|
|
}
|
|
.nav-pills-bottomguide>li>a{
|
|
border-bottom:3px solid transparent;
|
|
border-radius: var(--radius);
|
|
font-size:14px;
|
|
}
|
|
.nav-pills-bottomguide>li button{
|
|
margin-top: 7px;
|
|
}
|
|
.nav-pills-bottomguide>li>form{
|
|
padding:7px;
|
|
}
|
|
.nav-pills-bottomguide>li>a:hover{
|
|
background:none;
|
|
color:#428bca;
|
|
border-bottom:3px solid #428bca;
|
|
transition: all 0.2s ease-in 0s;
|
|
}
|
|
.nav-pills-bottomguide>li>a:focus{
|
|
background:none;
|
|
}
|
|
.nav-pills-bottomguide>li.active>a, .nav-pills-bottomguide>li.active>a:hover, .nav-pills-bottomguide>li.active>a:focus{
|
|
background:none;
|
|
color:#DD4B39;
|
|
|
|
border-bottom:3px solid #DD4B39;
|
|
transition: all 0.5s ease-in 0s;
|
|
}
|
|
.nav-pills-leftguide>li>a{
|
|
border-left:3px solid transparent;
|
|
border-radius: var(--radius);
|
|
}
|
|
.nav-pills-leftguide>li>a:focus{
|
|
background:none;
|
|
}
|
|
.nav-pills-leftguide>li>a:hover{
|
|
background:none;
|
|
color:#428bca;
|
|
border-left:3px solid #428bca;
|
|
transition: all 0.2s ease-in 0s;
|
|
}
|
|
|
|
.nav-pills-leftguide>li.active>a, .nav-pills-leftguide>li.active>a:hover, .nav-pills-leftguide>li.active>a:focus{
|
|
border-left:3px solid #DD4B39;
|
|
background:none;
|
|
color:#DD4B39;
|
|
|
|
}
|
|
.nav-pills-leftguide .open>a, .nav-pills-leftguide .open>a:hover,.nav-pills-bottomguide .open>a, .nav-pills-bottomguide .open>a:hover{
|
|
background-color: none;
|
|
border-color: #428bca;
|
|
}
|
|
/*弹出消息相关css*/
|
|
.altw .fltc { margin-bottom: 0; padding: 8px; }
|
|
.alert_right, .alert_error, .alert_info { padding: 6px 0; min-height: 40px; height: auto !important; height: 40px; line-height: 160%; background-repeat:no-repeat;background-position:8px 5px; font-size: 14px; }
|
|
.alert_error a { font-weight: 700; }
|
|
.alert_btnleft { margin-top: 8px; }
|
|
.alert_btn { margin-top: 20px; text-align: center; }
|
|
.alert_act { margin-top: 20px; padding-left: 58px; }
|
|
.passlevel { padding-left: 70px; background: url(../../image/common/passlevel.png) no-repeat 0 5px; }
|
|
.passlevel1 { background-position: 0 -35px; }
|
|
.passlevel2 { background-position: 0 -75px; }
|
|
.passlevel3 { background-position: 0 -115px; }
|
|
.well h3 em{font-style:normal;font-size:18px;}
|
|
|
|
/*弹出框对应颜色开始*/
|
|
#message_tip_box.message_tip_box{
|
|
box-shadow: 0 3px 5px RGBA(0,0,0,0.5);
|
|
z-index:99999999;
|
|
position:fixed;
|
|
background-color:#fff;
|
|
margin:10px;
|
|
box-shadow:0 2px 8px rgba(0,0,0,.2)
|
|
}
|
|
|
|
#message_tip_box{
|
|
border-radius: var(--radius);
|
|
}
|
|
#message_tip_box .alert{
|
|
padding:15px;
|
|
margin:0;
|
|
color: #666;
|
|
}
|
|
#message_tip_box .spantype{
|
|
font-size: 24px;
|
|
position: absolute;
|
|
top: 16px;
|
|
}
|
|
#message_tip_box div.title-con{
|
|
padding-left: 35px;
|
|
margin-right: 10px;
|
|
}
|
|
#message_tip_box div.title-con p{
|
|
margin: 0px;
|
|
}
|
|
#message_tip_box .alert>.close{
|
|
position:absolute;right:8px;top:5px;
|
|
color: #666;
|
|
}
|
|
#message_tip_box .alert-success{
|
|
color: #666;
|
|
background-color: #fff;
|
|
border-color:transparent;
|
|
}
|
|
#message_tip_box .alert-warning{
|
|
color:#666;
|
|
background-color: #fff;
|
|
border-color:transparent;
|
|
}
|
|
#message_tip_box .alert-danger{
|
|
color:#666;
|
|
background-color: #fff;
|
|
border-color:transparent;
|
|
}
|
|
#message_tip_box .alert-danger button.close{
|
|
color: #666;
|
|
}
|
|
#message_tip_box .alert-info{
|
|
color:#666;
|
|
background-color: #fff;
|
|
border-color:transparent;
|
|
}
|
|
#message_tip_box .alert-info button.close{
|
|
color:#666;
|
|
}
|
|
#message_tip_box .text-success{
|
|
color: #666;
|
|
}
|
|
#message_tip_box .text-danger{
|
|
color:#666;
|
|
}
|
|
/*弹出框对应颜色结束*/
|
|
|
|
.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: var(--radius);
|
|
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;
|
|
}
|
|
|
|
/*end 弹出对话框样*/
|
|
/*start bootstrap模态框*/
|
|
.modal-open .in.modal{
|
|
display: -moz-flex!important;
|
|
display: -webkit-flex!important;
|
|
display: -ms-flexbox!important;
|
|
display:flex !important;
|
|
}
|
|
.modal .modal-header,.modal-open .modal .modal-body{
|
|
padding: 10px 20px 20px 20px;
|
|
clear:both;
|
|
}
|
|
.modal .modal-dialog{
|
|
margin: auto;
|
|
padding: 30px 0;
|
|
}
|
|
.modal .modal-footer{
|
|
border: 0;
|
|
padding: 0 20px 15px 20px;
|
|
}
|
|
/*end bootstrap模态框*/
|
|
|
|
/*下拉框样式开始*/
|
|
.dropdown-menu{
|
|
margin-top: 5px;
|
|
-webkit-box-shadow: 0px 4px 13px 0px rgba(62, 62, 62, 0.28);
|
|
box-shadow: 0px 4px 13px 0px rgba(62, 62, 62, 0.28);
|
|
-webkit-transition: .25s;
|
|
-o-transition: .25s;
|
|
transition: .25s;
|
|
border: 1px solid rgba(0,0,0,0.05);
|
|
}
|
|
|
|
.dropdown-menu>li{
|
|
padding:0rem;
|
|
margin: 0rem;
|
|
position: relative;
|
|
}
|
|
.dropdown-menu>li>a{
|
|
font-weight: 100;
|
|
}
|
|
.dropdown-menu>li>a{
|
|
padding: 0.57rem 0rem 0.57rem 1.78rem;
|
|
border-radius: var(--radius);
|
|
-webkit-transition: background-color .25s;
|
|
-o-transition: background-color .25s;
|
|
transition: background-color .25s;
|
|
}
|
|
.dropdown-menu li:hover, .dropdown-menu > li > a:focus{
|
|
background-color: #f3f3f3;
|
|
}
|
|
.dropdown-menu .dropdown-dropright{
|
|
position: absolute;
|
|
right: 0px;
|
|
font-size: 20px;
|
|
color: #333333;
|
|
}
|
|
.dropdown-twomenu{
|
|
position: absolute;
|
|
top: -10px;
|
|
left: calc(100%);
|
|
left: -moz-calc(100%);
|
|
left: -webkit-calc(100%);
|
|
}
|
|
.dropdown-menu > li:hover>.dropdown-menu{
|
|
display: block;
|
|
}
|
|
.dropdown-menu .filee-icon {
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 8px;
|
|
font-size: 20px;
|
|
color:#8b8f92 ;
|
|
}
|
|
.dropdown-menu .menu-text{
|
|
padding-left: 1.3rem;
|
|
}
|
|
|
|
/*下拉菜单开始*/
|
|
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
|
|
color: #76838f;
|
|
text-decoration: none;
|
|
background-color: #f3f7f9;
|
|
outline: 0;
|
|
}
|
|
.dropdown-menu-primary>.active>a, .dropdown-menu-primary>.active>a:focus, .dropdown-menu-primary>.active>a:hover{
|
|
color: #fff;
|
|
background-color: #0674d9;
|
|
}
|
|
.dropdown-menu-success>.active>a, .dropdown-menu-success>.active>a:focus, .dropdown-menu-success>.active>a:hover{
|
|
color: #fff;
|
|
background-color: #00aa63;
|
|
}
|
|
.dropdown-menu-info>.active>a, .dropdown-menu-info>.active>a:focus, .dropdown-menu-info>.active>a:hover{
|
|
color: #fff;
|
|
background-color: #00b6ce;
|
|
}
|
|
.dropdown-menu-warning>.active>a, .dropdown-menu-warning>.active>a:focus, .dropdown-menu-warning>.active>a:hover{
|
|
color: #fff;
|
|
background-color: #f4820b;
|
|
}
|
|
.dropdown-menu-danger>.active>a, .dropdown-menu-danger>.active>a:focus, .dropdown-menu-danger>.active>a:hover{
|
|
color: #fff;
|
|
background-color: #e60d0f;
|
|
}
|
|
.dropdown-menu-dark>.active>a, .dropdown-menu-dark>.active>a:focus, .dropdown-menu-dark>.active>a:hover{
|
|
color: #fff;
|
|
background-color: #535353;
|
|
}
|
|
.blocks-dropdowns > li {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.blocks-dropdowns > li {
|
|
max-width: 300px;
|
|
}
|
|
}
|
|
.dropdown-menu>.dropdown-header{
|
|
padding: 8px 20px 6px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
cursor: default;
|
|
color: #37474f;
|
|
}
|
|
.dropdown-menu>.dropdown-submenu{
|
|
position: relative;
|
|
}
|
|
.dropdown-menu>.dropdown-submenu>a{
|
|
position: relative;
|
|
}
|
|
.dropdown-menu>.dropdown-submenu>a:after{
|
|
position: absolute;
|
|
right: 10px;
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-top: 6px;
|
|
vertical-align: middle;
|
|
content: '';
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
border-left: 4px dashed;
|
|
}
|
|
.dropdown .dropdown-submenu .dropdown-menu{
|
|
top:0;
|
|
}
|
|
.dropdown-menu>.dropdown-submenu .dropdown-menu{
|
|
left: 100%;
|
|
margin: 0;
|
|
}
|
|
.dropdown-menu>.dropdown-submenu:hover .dropdown-menu{
|
|
display: block;
|
|
}
|
|
.dropdown-menu>.dropdown-submenu.dropdown-menu-left .dropdown-menu{
|
|
left: -100%;
|
|
}
|
|
|
|
|
|
/*下拉位置不同*/
|
|
|
|
.dropdown-menu.bullet {
|
|
margin-top: 12px;
|
|
}
|
|
.dropdown-menu.bullet:before,
|
|
.dropdown-menu.bullet:after {
|
|
position: absolute;
|
|
left: 10px;
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
content: '';
|
|
border: 7px solid transparent;
|
|
border-top-width: 0;
|
|
}
|
|
.dropdown-menu.bullet:before {
|
|
top: -7px;
|
|
border-bottom-color: #e4eaec;
|
|
}
|
|
.dropdown-menu.bullet:after {
|
|
top: -6px;
|
|
border-bottom-color: #fff;
|
|
}
|
|
.dropdown-menu-right.bullet:before,
|
|
.dropdown-menu-right.bullet:after {
|
|
right: 10px;
|
|
left: auto;
|
|
}
|
|
|
|
|
|
.dropup .dropdown-menu.bullet,
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu.bullet {
|
|
margin-bottom: 12px;
|
|
}
|
|
.dropup .dropdown-menu.bullet:before,
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu.bullet:before,
|
|
.dropup .dropdown-menu.bullet:after,
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu.bullet:after {
|
|
top: auto;
|
|
border-top-width: 7px;
|
|
border-bottom-width: 0;
|
|
}
|
|
.dropup .dropdown-menu.bullet:before,
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu.bullet:before {
|
|
bottom: -7px;
|
|
border-top-color: #e4eaec;
|
|
}
|
|
.dropup .dropdown-menu.bullet:after,
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu.bullet:after {
|
|
bottom: -6px;
|
|
border-top-color: #fff;
|
|
}
|
|
|
|
/*下拉菜单结束*/
|
|
|
|
/*面包屑导航开始*/
|
|
.breadcrumb{
|
|
padding: 25px 22px;
|
|
margin: 0;
|
|
border-bottom: 1px solid #DCDCDC;
|
|
border-radius: var(--radius);
|
|
background: #FFFFFF;
|
|
display: flex;
|
|
}
|
|
.breadcrumb > li + li:before{
|
|
padding: 0;
|
|
vertical-align: top;
|
|
margin-right: -5px;
|
|
}
|
|
.breadcrumb > li {
|
|
display: inline-block;
|
|
height: 20px;
|
|
}
|
|
.breadcrumb>li>a{
|
|
color: #71717A;
|
|
}
|
|
.breadcrumb>li.active>a{
|
|
color: #4C89FB;
|
|
}
|
|
.breadcrumb > li:before{
|
|
font-family: 'dzz' !important;
|
|
}
|
|
.arrows > li + li:before{
|
|
content: "\e925";
|
|
}
|
|
.arrows.return > li:first-of-type:before{
|
|
color: #ccc;
|
|
content: "\e962";
|
|
vertical-align: top;
|
|
}
|
|
.arrows.return > li:first-child + li:before{
|
|
content: "\e98e";
|
|
}
|
|
.slash > li + li:before{
|
|
content: "\e975";
|
|
}
|
|
.slash.return > li:first-of-type:before{
|
|
color: #ccc;
|
|
content: "\e962";
|
|
vertical-align: top;
|
|
}
|
|
.slash.return > li:first-child + li:before{
|
|
content: "\e98e";
|
|
}
|
|
/*面包屑导航结束*/
|
|
|
|
/*分页开始*/
|
|
.pagination {
|
|
margin: 0;
|
|
border-radius: var(--radius);
|
|
}
|
|
.pagination>li:last-child>a, .pagination>li:last-child>span {
|
|
border-radius: var(--radius);
|
|
}
|
|
.pagination li>a{
|
|
padding: 8px 15px;
|
|
}
|
|
.pagination li>span{
|
|
padding: 6px 15px;
|
|
}
|
|
.pagination li>a, .pagination li>span {
|
|
font-size: 14px;
|
|
color: #76838f;
|
|
|
|
background-color: transparent;
|
|
border: 1px solid #e4eaec;
|
|
-webkit-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
|
|
-o-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
|
|
transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
|
|
}
|
|
.pagination li input{
|
|
width: 45px;
|
|
}
|
|
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
|
|
z-index: 3;
|
|
color: #fff;
|
|
cursor: default;
|
|
background-color: #4C89FB;
|
|
border-color: #4C89FB;
|
|
}
|
|
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
|
|
z-index: 2;
|
|
color: #89bceb;
|
|
background-color: #f3f7f9;
|
|
border-color: #e4eaec;
|
|
}
|
|
/*分页结束*/
|
|
|
|
|
|
/*button样式开始*/
|
|
.btn{
|
|
transition-property: all;
|
|
transition-duration: .3s;
|
|
padding: 0.45rem 2.152rem;
|
|
font-size: 0.92rem;
|
|
font-weight: bold;
|
|
border-radius: var(--radius);
|
|
}
|
|
.btn.focus, .btn:focus, .btn:hover{
|
|
box-shadow: 0px 1px 5px 0px rgba(28, 28, 28, 0.28);
|
|
}
|
|
.btn-link:focus, .btn-link:hover{
|
|
box-shadow:none;
|
|
}
|
|
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
|
|
outline: none;
|
|
}
|
|
.btn.active, .btn:active{
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.btn-circle{
|
|
border-radius: var(--radius);
|
|
padding: 10px 22px;
|
|
}
|
|
.btn-pill-left {
|
|
border-radius: var(--radius);
|
|
}
|
|
.btn-pill-right {
|
|
border-radius: var(--radius);
|
|
}
|
|
/*默认样式开始*/
|
|
.btn-default{
|
|
border-color: #bbbbbb;
|
|
color:#666;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.btn-default:hover{
|
|
|
|
color:#666666;
|
|
background-color: #e8fff5;
|
|
}
|
|
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
|
|
color: #bbbbbb;
|
|
border-color: #bbbbbb;
|
|
background-color: #f2f2f2;
|
|
|
|
}
|
|
.btn-default:focus{
|
|
background-color: #FFFFFF;
|
|
border-color: #bbbbbb;
|
|
color:#666666;
|
|
border: 1px solid #bbb;
|
|
}
|
|
.btn-default:active{
|
|
background-color: #f2f2f2;
|
|
border-color: #bbbbbb;
|
|
color: #bbbbbb;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
|
|
|
|
}
|
|
.btn-default-3d{
|
|
box-shadow: 0px 2px 0px 0px rgba(187, 187, 187, 1);
|
|
position:relative
|
|
}
|
|
.btn-default-3d:active{
|
|
box-shadow: 0px 0px 0px 0px rgba(187, 187, 187, 1);
|
|
top: 1px;
|
|
background-color: #f2f2f2;
|
|
border-color: #bbbbbb;
|
|
color: #bbbbbb;
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
|
|
|
|
}
|
|
/*边框默认样式*/
|
|
.btn-default-outline{
|
|
background: none;
|
|
border: 1px solid #cccccc;
|
|
color: #666;
|
|
transition:0.5s linear;
|
|
}
|
|
.btn-default-outline:hover{
|
|
background: #F2F2F2;
|
|
border: 1px solid #CCCCCC;
|
|
color: #666;
|
|
}
|
|
.btn-default-outline:focus{
|
|
background:#DDDDDD;
|
|
border: 1px solid #CCCCCC;
|
|
color: #666;
|
|
}
|
|
.btn-default-outline:active{
|
|
background-color: #DDDDDD;
|
|
border: 1px solid #CCCCCC;
|
|
color: #666;
|
|
text-shadow: 0rem 1rem 0rem rgba(255, 255, 255, 0.20);
|
|
}
|
|
/*默认样式结束*/
|
|
/*首选样式开始*/
|
|
.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:.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*/ |