1150 lines
43 KiB
CSS
1150 lines
43 KiB
CSS
/*清除浮动代码*/
|
|
.clearfloat:before {
|
|
display: table;
|
|
content: "";
|
|
|
|
}
|
|
.clearfloat:after {
|
|
display: table;
|
|
clear: both;
|
|
content: "";
|
|
}
|
|
.clearfloat {
|
|
zoom: 1; /*兼容低版本的浏览器*/
|
|
}
|
|
|
|
.pull-left{float:left;}
|
|
.pull-right{float:right;}
|
|
|
|
|
|
|
|
/*表单*/
|
|
.single-line {
|
|
background-color: #FFFFFF;
|
|
background-image: none;
|
|
border: 1px solid #e5e6e7;
|
|
border-radius: 1px;
|
|
color: inherit;
|
|
display: block;
|
|
padding: 6px 12px;
|
|
-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
|
|
-webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
|
|
transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
|
|
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
|
|
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
|
|
width: 100%;
|
|
/* font-size: 14px; */
|
|
font-size: 13px;
|
|
}
|
|
.single-line:focus {
|
|
border-color: #1ab394 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*btn*/
|
|
.cc-btn {
|
|
display: inline-block;
|
|
padding: 6px 12px;
|
|
margin-bottom: 0;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
outline: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
line-height: 1.42857143;
|
|
}
|
|
|
|
.btn-sm {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.btn-primary.btn-outline {
|
|
color: #1ab394;
|
|
}
|
|
|
|
.btn-success.btn-outline {
|
|
color: #1c84c6;
|
|
}
|
|
|
|
.btn-info.btn-outline {
|
|
color: #23c6c8;
|
|
}
|
|
|
|
.btn-warning.btn-outline {
|
|
color: #f8ac59;
|
|
}
|
|
|
|
.btn-danger.btn-outline {
|
|
color: #ed5565;
|
|
}
|
|
|
|
.btn-primary.btn-outline:hover,
|
|
.btn-success.btn-outline:hover,
|
|
.btn-info.btn-outline:hover,
|
|
.btn-warning.btn-outline:hover,
|
|
.btn-danger.btn-outline:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #1ab394;
|
|
border-color: #1ab394;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-primary:hover,
|
|
.btn-primary:focus,
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.open .dropdown-toggle.btn-primary {
|
|
background-color: #18a689;
|
|
border-color: #18a689;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.open .dropdown-toggle.btn-primary {
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-primary.disabled,
|
|
.btn-primary.disabled:hover,
|
|
.btn-primary.disabled:focus,
|
|
.btn-primary.disabled:active,
|
|
.btn-primary.disabled.active,
|
|
.btn-primary[disabled],
|
|
.btn-primary[disabled]:hover,
|
|
.btn-primary[disabled]:focus,
|
|
.btn-primary[disabled]:active,
|
|
.btn-primary.active[disabled],
|
|
fieldset[disabled] .btn-primary,
|
|
fieldset[disabled] .btn-primary:hover,
|
|
fieldset[disabled] .btn-primary:focus,
|
|
fieldset[disabled] .btn-primary:active,
|
|
fieldset[disabled] .btn-primary.active {
|
|
background-color: #1dc5a3;
|
|
border-color: #1dc5a3;
|
|
}
|
|
|
|
.btn-success {
|
|
background-color: #1c84c6;
|
|
border-color: #1c84c6;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-success:hover,
|
|
.btn-success:focus,
|
|
.btn-success:active,
|
|
.btn-success.active,
|
|
.open .dropdown-toggle.btn-success {
|
|
background-color: #1a7bb9;
|
|
border-color: #1a7bb9;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-success:active,
|
|
.btn-success.active,
|
|
.open .dropdown-toggle.btn-success {
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-success.disabled,
|
|
.btn-success.disabled:hover,
|
|
.btn-success.disabled:focus,
|
|
.btn-success.disabled:active,
|
|
.btn-success.disabled.active,
|
|
.btn-success[disabled],
|
|
.btn-success[disabled]:hover,
|
|
.btn-success[disabled]:focus,
|
|
.btn-success[disabled]:active,
|
|
.btn-success.active[disabled],
|
|
fieldset[disabled] .btn-success,
|
|
fieldset[disabled] .btn-success:hover,
|
|
fieldset[disabled] .btn-success:focus,
|
|
fieldset[disabled] .btn-success:active,
|
|
fieldset[disabled] .btn-success.active {
|
|
background-color: #1f90d8;
|
|
border-color: #1f90d8;
|
|
}
|
|
|
|
.btn-info {
|
|
background-color: #23c6c8;
|
|
border-color: #23c6c8;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-info:hover,
|
|
.btn-info:focus,
|
|
.btn-info:active,
|
|
.btn-info.active,
|
|
.open .dropdown-toggle.btn-info {
|
|
background-color: #21b9bb;
|
|
border-color: #21b9bb;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-info:active,
|
|
.btn-info.active,
|
|
.open .dropdown-toggle.btn-info {
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-info.disabled,
|
|
.btn-info.disabled:hover,
|
|
.btn-info.disabled:focus,
|
|
.btn-info.disabled:active,
|
|
.btn-info.disabled.active,
|
|
.btn-info[disabled],
|
|
.btn-info[disabled]:hover,
|
|
.btn-info[disabled]:focus,
|
|
.btn-info[disabled]:active,
|
|
.btn-info.active[disabled],
|
|
fieldset[disabled] .btn-info,
|
|
fieldset[disabled] .btn-info:hover,
|
|
fieldset[disabled] .btn-info:focus,
|
|
fieldset[disabled] .btn-info:active,
|
|
fieldset[disabled] .btn-info.active {
|
|
background-color: #26d7d9;
|
|
border-color: #26d7d9;
|
|
}
|
|
|
|
.btn-default {
|
|
background-color: #c2c2c2;
|
|
border-color: #c2c2c2;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-default:hover,
|
|
.btn-default:focus,
|
|
.btn-default:active,
|
|
.btn-default.active,
|
|
.open .dropdown-toggle.btn-default {
|
|
background-color: #bababa;
|
|
border-color: #bababa;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-default:active,
|
|
.btn-default.active,
|
|
.open .dropdown-toggle.btn-default {
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-default.disabled,
|
|
.btn-default.disabled:hover,
|
|
.btn-default.disabled:focus,
|
|
.btn-default.disabled:active,
|
|
.btn-default.disabled.active,
|
|
.btn-default[disabled],
|
|
.btn-default[disabled]:hover,
|
|
.btn-default[disabled]:focus,
|
|
.btn-default[disabled]:active,
|
|
.btn-default.active[disabled],
|
|
fieldset[disabled] .btn-default,
|
|
fieldset[disabled] .btn-default:hover,
|
|
fieldset[disabled] .btn-default:focus,
|
|
fieldset[disabled] .btn-default:active,
|
|
fieldset[disabled] .btn-default.active {
|
|
background-color: #cccccc;
|
|
border-color: #cccccc;
|
|
}
|
|
|
|
.btn-warning {
|
|
background-color: #f8ac59;
|
|
border-color: #f8ac59;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-warning:hover,
|
|
.btn-warning:focus,
|
|
.btn-warning:active,
|
|
.btn-warning.active,
|
|
.open .dropdown-toggle.btn-warning {
|
|
background-color: #f7a54a;
|
|
border-color: #f7a54a;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-warning:active,
|
|
.btn-warning.active,
|
|
.open .dropdown-toggle.btn-warning {
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-warning.disabled,
|
|
.btn-warning.disabled:hover,
|
|
.btn-warning.disabled:focus,
|
|
.btn-warning.disabled:active,
|
|
.btn-warning.disabled.active,
|
|
.btn-warning[disabled],
|
|
.btn-warning[disabled]:hover,
|
|
.btn-warning[disabled]:focus,
|
|
.btn-warning[disabled]:active,
|
|
.btn-warning.active[disabled],
|
|
fieldset[disabled] .btn-warning,
|
|
fieldset[disabled] .btn-warning:hover,
|
|
fieldset[disabled] .btn-warning:focus,
|
|
fieldset[disabled] .btn-warning:active,
|
|
fieldset[disabled] .btn-warning.active {
|
|
background-color: #f9b66d;
|
|
border-color: #f9b66d;
|
|
}
|
|
|
|
.btn-danger {
|
|
background-color: #ed5565;
|
|
border-color: #ed5565;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-danger:hover,
|
|
.btn-danger:focus,
|
|
.btn-danger:active,
|
|
.btn-danger.active,
|
|
.open .dropdown-toggle.btn-danger {
|
|
background-color: #ec4758;
|
|
border-color: #ec4758;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-danger:active,
|
|
.btn-danger.active,
|
|
.open .dropdown-toggle.btn-danger {
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-danger.disabled,
|
|
.btn-danger.disabled:hover,
|
|
.btn-danger.disabled:focus,
|
|
.btn-danger.disabled:active,
|
|
.btn-danger.disabled.active,
|
|
.btn-danger[disabled],
|
|
.btn-danger[disabled]:hover,
|
|
.btn-danger[disabled]:focus,
|
|
.btn-danger[disabled]:active,
|
|
.btn-danger.active[disabled],
|
|
fieldset[disabled] .btn-danger,
|
|
fieldset[disabled] .btn-danger:hover,
|
|
fieldset[disabled] .btn-danger:focus,
|
|
fieldset[disabled] .btn-danger:active,
|
|
fieldset[disabled] .btn-danger.active {
|
|
background-color: #ef6776;
|
|
border-color: #ef6776;
|
|
}
|
|
|
|
.btn-link {
|
|
color: inherit;
|
|
}
|
|
|
|
.btn-link:hover,
|
|
.btn-link:focus,
|
|
.btn-link:active,
|
|
.btn-link.active,
|
|
.open .dropdown-toggle.btn-link {
|
|
color: #1ab394;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn-link:active,
|
|
.btn-link.active,
|
|
.open .dropdown-toggle.btn-link {
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-link.disabled,
|
|
.btn-link.disabled:hover,
|
|
.btn-link.disabled:focus,
|
|
.btn-link.disabled:active,
|
|
.btn-link.disabled.active,
|
|
.btn-link[disabled],
|
|
.btn-link[disabled]:hover,
|
|
.btn-link[disabled]:focus,
|
|
.btn-link[disabled]:active,
|
|
.btn-link.active[disabled],
|
|
fieldset[disabled] .btn-link,
|
|
fieldset[disabled] .btn-link:hover,
|
|
fieldset[disabled] .btn-link:focus,
|
|
fieldset[disabled] .btn-link:active,
|
|
fieldset[disabled] .btn-link.active {
|
|
color: #cacaca;
|
|
}
|
|
|
|
.btn-white {
|
|
color: inherit;
|
|
background: white;
|
|
border: 1px solid #e7eaec;
|
|
}
|
|
|
|
.btn-white:hover,
|
|
.btn-white:focus,
|
|
.btn-white:active,
|
|
.btn-white.active,
|
|
.open .dropdown-toggle.btn-white {
|
|
color: inherit;
|
|
border: 1px solid #d2d2d2;
|
|
}
|
|
|
|
.btn-white:active,
|
|
.btn-white.active {
|
|
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
|
}
|
|
|
|
.btn-white:active,
|
|
.btn-white.active,
|
|
.open .dropdown-toggle.btn-white {
|
|
background-image: none;
|
|
}
|
|
|
|
|
|
.btn-white.disabled,
|
|
.btn-white.disabled:hover,
|
|
.btn-white.disabled:focus,
|
|
.btn-white.disabled:active,
|
|
.btn-white.disabled.active,
|
|
.btn-white[disabled],
|
|
.btn-white[disabled]:hover,
|
|
.btn-white[disabled]:focus,
|
|
.btn-white[disabled]:active,
|
|
.btn-white.active[disabled],
|
|
fieldset[disabled] .btn-white,
|
|
fieldset[disabled] .btn-white:hover,
|
|
fieldset[disabled] .btn-white:focus,
|
|
fieldset[disabled] .btn-white:active,
|
|
fieldset[disabled] .btn-white.active {
|
|
color: #cacaca;
|
|
}
|
|
.btn-outline {
|
|
color: inherit;
|
|
background-color: transparent;
|
|
-webkit-transition: all .5s;
|
|
transition: all .5s;
|
|
}
|
|
|
|
.btn-rounded {
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.btn-large-dim {
|
|
width: 90px;
|
|
height: 90px;
|
|
font-size: 42px;
|
|
}
|
|
|
|
button.dim {
|
|
display: inline-block;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
padding-top: 6px;
|
|
margin-right: 10px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
button.dim:active {
|
|
top: 3px;
|
|
}
|
|
|
|
button.btn-primary.dim {
|
|
-webkit-box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
|
|
box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
|
|
}
|
|
|
|
button.btn-primary.dim:active {
|
|
-webkit-box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
|
|
box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
|
|
}
|
|
|
|
button.btn-default.dim {
|
|
-webkit-box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
|
|
box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
|
|
}
|
|
|
|
button.btn-default.dim:active {
|
|
-webkit-box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
|
|
box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
|
|
}
|
|
|
|
button.btn-warning.dim {
|
|
-webkit-box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
|
|
box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
|
|
}
|
|
|
|
button.btn-warning.dim:active {
|
|
-webkit-box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
|
|
box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
|
|
}
|
|
|
|
button.btn-info.dim {
|
|
-webkit-box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
|
|
box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
|
|
}
|
|
|
|
button.btn-info.dim:active {
|
|
-webkit-box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
|
|
box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
|
|
}
|
|
|
|
button.btn-success.dim {
|
|
-webkit-box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
|
|
box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
|
|
}
|
|
|
|
button.btn-success.dim:active {
|
|
-webkit-box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
|
|
box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
|
|
}
|
|
|
|
button.btn-danger.dim {
|
|
-webkit-box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
|
|
box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
|
|
}
|
|
|
|
button.btn-danger.dim:active {
|
|
-webkit-box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
|
|
box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
|
|
}
|
|
|
|
button.dim:before {
|
|
font-size: 50px;
|
|
line-height: 1em;
|
|
font-weight: normal;
|
|
color: #fff;
|
|
display: block;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
button.dim:active:before {
|
|
top: 7px;
|
|
font-size: 50px;
|
|
}
|
|
|
|
|
|
/*dropdown-menu*/
|
|
.dropdown-menu {
|
|
min-width: 130px;
|
|
border: medium none;
|
|
display: none;
|
|
font-size: 12px;
|
|
left: 0;
|
|
list-style: none outside none;
|
|
padding: 0;
|
|
position: absolute;
|
|
text-shadow: none;
|
|
top: 100%;
|
|
z-index: 1000;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
|
|
box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
|
|
background-color: #fff;
|
|
text-align: left;
|
|
}
|
|
|
|
.dropdown-menu>li {
|
|
border-radius: 3px;
|
|
color: inherit;
|
|
line-height: 25px;
|
|
margin: 4px;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
clear: both;
|
|
padding: 3px 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropdown-menu>li:hover {
|
|
background: #f5f5f5
|
|
}
|
|
|
|
.dropdown-menu > li > a {
|
|
border-radius: 3px;
|
|
color: inherit;
|
|
line-height: 25px;
|
|
margin: 4px;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.dropdown-menu > li > a.font-bold {
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
/* TABLES */
|
|
|
|
.table-bordered {
|
|
border: 1px solid #EBEBEB;
|
|
}
|
|
|
|
.table-bordered > thead > tr > th,
|
|
.table-bordered > thead > tr > td {
|
|
background-color: #F5F5F6;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.table-bordered > thead > tr > th,
|
|
.table-bordered > tbody > tr > th,
|
|
.table-bordered > tfoot > tr > th,
|
|
.table-bordered > thead > tr > td,
|
|
.table-bordered > tbody > tr > td,
|
|
.table-bordered > tfoot > tr > td {
|
|
border: 1px solid #e7e7e7;
|
|
}
|
|
|
|
.table > thead > tr > th {
|
|
border-bottom: 1px solid #DDDDDD;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.table > thead > tr > th,
|
|
.table > tbody > tr > th,
|
|
.table > tfoot > tr > th,
|
|
.table > thead > tr > td,
|
|
.table > tbody > tr > td,
|
|
.table > tfoot > tr > td {
|
|
border-top: 1px solid #e7eaec;
|
|
line-height: 1.42857;
|
|
padding: 8px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.text-center{text-align: center}
|
|
.text-center thead tr th{text-align: center}
|
|
|
|
|
|
|
|
/* COLORS */
|
|
|
|
.text-navy {
|
|
color: #1ab394;
|
|
}
|
|
|
|
.text-primary {
|
|
color: inherit;
|
|
}
|
|
|
|
.text-success {
|
|
color: #1c84c6;
|
|
}
|
|
|
|
.text-info {
|
|
color: #23c6c8;
|
|
}
|
|
|
|
.text-warning {
|
|
color: #f8ac59;
|
|
}
|
|
|
|
.text-danger {
|
|
color: #ed5565;
|
|
}
|
|
|
|
.text-muted {
|
|
color: #888888;
|
|
}
|
|
|
|
.simple_tag {
|
|
background-color: #f3f3f4;
|
|
border: 1px solid #e7eaec;
|
|
border-radius: 2px;
|
|
color: inherit;
|
|
font-size: 10px;
|
|
margin-right: 5px;
|
|
margin-top: 5px;
|
|
padding: 5px 12px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.img-shadow {
|
|
-webkit-box-shadow: 0 0 3px 0 #919191;
|
|
box-shadow: 0 0 3px 0 #919191;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 电话条 start*/
|
|
.phonebar-nav,
|
|
.phonebar-nav ul,
|
|
.phonebar-nav li,
|
|
.phonebar-nav a,
|
|
.phonebar-nav div,
|
|
.phonebar-nav span,
|
|
.phonebar-nav i{
|
|
-webkit-box-sizing:border-box;
|
|
box-sizing:border-box
|
|
}
|
|
.phonebar-nav {
|
|
width: auto;
|
|
height: auto;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.phonebar-nav ul {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.phonebar-nav>li {
|
|
position: relative;
|
|
display: block
|
|
}
|
|
.phonebar-nav li {
|
|
list-style: none;
|
|
}
|
|
.phonebar-nav a {
|
|
display: block;
|
|
text-decoration: none
|
|
}
|
|
|
|
|
|
.phonebar-nav .operation {
|
|
min-width: 35px;
|
|
cursor: pointer;
|
|
padding: 5px;
|
|
float: left;
|
|
position: relative
|
|
}
|
|
.phonebar-nav .operation:hover {
|
|
background: #fff;
|
|
-webkit-transition: all .3s ease;
|
|
transition: all .3s ease
|
|
}
|
|
.phonebar-nav .operation.open {
|
|
background: #fff;
|
|
}
|
|
|
|
|
|
/* 精灵图 */
|
|
.phonebar-nav .operation>em {
|
|
background: url(data:image/png;base64,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);
|
|
display: block;
|
|
width: 25px;
|
|
height: 25px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.phonebar-nav .operation .opendialpad {
|
|
background-position: -25px 0
|
|
}
|
|
.phonebar-nav .operation.disabled .opendialpad {
|
|
background-position: -25px -75px
|
|
}
|
|
|
|
.phonebar-nav .operation .answer {
|
|
background-position: -50px 0
|
|
}
|
|
.phonebar-nav .operation.disabled .answer {
|
|
background-position: -50px -75px
|
|
}
|
|
|
|
.phonebar-nav .operation .hangup {
|
|
background-position: -75px 0
|
|
}
|
|
.phonebar-nav .operation.disabled .hangup {
|
|
background-position: -75px -75px
|
|
}
|
|
|
|
.phonebar-nav .operation .hold {
|
|
background-position: -100px 0
|
|
}
|
|
.phonebar-nav .operation.disabled .hold {
|
|
background-position: -100px -75px
|
|
}
|
|
|
|
.phonebar-nav .operation .retrieve {
|
|
background-position: -125px 0
|
|
}
|
|
.phonebar-nav .operation.disabled .retrieve {
|
|
background-position: -125px -75px
|
|
}
|
|
|
|
.phonebar-nav .operation .rollout {
|
|
background-position: 0 -50px
|
|
}
|
|
.phonebar-nav .operation.disabled .rollout {
|
|
background-position: 0 -125px
|
|
}
|
|
|
|
.phonebar-nav .operation .transfer {
|
|
background-position: -25px -25px
|
|
}
|
|
.phonebar-nav .operation.disabled .transfer {
|
|
background-position: -25px -100px
|
|
}
|
|
|
|
.phonebar-nav .operation .conference {
|
|
background-position: -50px -25px
|
|
}
|
|
.phonebar-nav .operation.disabled .conference {
|
|
background-position: -50px -100px
|
|
}
|
|
|
|
.phonebar-nav .operation_text {
|
|
display: block;
|
|
min-width: 35px;
|
|
height: 15px;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
color: #a7b1c2;
|
|
}
|
|
|
|
|
|
/*坐席状态*/
|
|
.phonebar-nav .call {
|
|
padding: 10px 10px !important;
|
|
}
|
|
.phonebar-nav .call>span {
|
|
background: url(data:image/png;base64,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);
|
|
display: block;
|
|
background-size: cover;
|
|
width: 30px;
|
|
height: 30px;
|
|
float: left;
|
|
}
|
|
.phonebar-nav .call>span.agentstate-ready {
|
|
background-position: 0 0;
|
|
}
|
|
.phonebar-nav .call>span.agentstate-busy {
|
|
background-position: 0 -30px;
|
|
}
|
|
.phonebar-nav .call>span.agentstate-resting {
|
|
background-position: 0 -60px;
|
|
}
|
|
.phonebar-nav .call>span.agentstate-offline {
|
|
background-position: 0 -90px;
|
|
}
|
|
.phonebar-nav .call>span.agentstate-ringing {
|
|
background-position: 0 -120px;
|
|
}
|
|
.phonebar-nav .call>span.agentstate-talking {
|
|
background-position: 0 -150px;
|
|
}
|
|
.phonebar-nav .call>span.agentstate-neatening {
|
|
background-position: 0 -180px;
|
|
}
|
|
.phonebar-nav .call>.operation_text {
|
|
width: auto;
|
|
height: 30px;
|
|
margin-left: 5px;
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
color: #a7b1c2;
|
|
float: left;
|
|
}
|
|
.phonebar-nav .call>.operation_text span {
|
|
display: block
|
|
}
|
|
|
|
.phonebar-nav .dropdown-menu i {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
margin-right: 5px;
|
|
}
|
|
.phonebar-nav .dropdown-menu i.ready {
|
|
background: #1ab394;
|
|
}
|
|
.phonebar-nav .dropdown-menu i.busy {
|
|
background: #1c84c6;
|
|
}
|
|
.phonebar-nav .dropdown-menu i.rest {
|
|
background: #23c6c8;
|
|
}
|
|
.phonebar-nav .dropdown-menu i.login, i.logout {
|
|
background: #f8ac59;
|
|
}
|
|
|
|
|
|
/* 多级菜单 */
|
|
.phonebar-nav .multilevelMenu {
|
|
position: relative
|
|
}
|
|
|
|
.phonebar-nav .multilevelMenu>ul {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 100%;
|
|
}
|
|
|
|
.phonebar-nav .multilevelMenu ul {
|
|
border-bottom: 1px solid #e7eaec;
|
|
-webkit-box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
|
|
box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
|
|
display: none;
|
|
z-index: 1000
|
|
}
|
|
|
|
.phonebar-nav .multilevelMenu li {
|
|
min-width: 120px;
|
|
position: relative;
|
|
}
|
|
|
|
.phonebar-nav .multilevelMenu ul>li ul {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -120px;
|
|
}
|
|
|
|
.phonebar-nav .multilevelMenu li h3 {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: #676a6c;
|
|
margin: 0;
|
|
text-align: left;
|
|
font-size: 12px;
|
|
padding: 0 5px 0 12px;
|
|
border-left: 2px solid transparent;
|
|
border-top: 1px solid #e7eaec
|
|
}
|
|
|
|
.phonebar-nav .multilevelMenu li h3 i {
|
|
float: right;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.phonebar-nav .multilevelMenu>ul>li h3 {
|
|
background: #fff;
|
|
}
|
|
.phonebar-nav .multilevelMenu li h3:hover {
|
|
background: #f5f5f5;
|
|
border-left: 2px solid #7189e3;
|
|
color: #7189e3
|
|
}
|
|
.phonebar-nav .multilevelMenu>ul>li h3 span.list{
|
|
float: right;
|
|
margin-top:11px;
|
|
border-left: 4px solid;
|
|
border-top: 4px solid transparent;
|
|
border-bottom: 4px solid transparent;
|
|
height: 0;
|
|
width: 0;
|
|
line-height: normal;
|
|
}
|
|
|
|
|
|
/* 会议多方会话 */
|
|
.threewayCallBox {
|
|
width: 500px;
|
|
height: 208px;
|
|
padding: 10px 25px;
|
|
}
|
|
|
|
.threewayCallBox .row {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.threewayCallBox .calloption {
|
|
width: auto;
|
|
height: 100px;
|
|
padding: 5px 18px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
border: 1px solid #e5e6e7;
|
|
overflow-y: auto
|
|
}
|
|
|
|
.threewayCallBox .calloption label {
|
|
margin-right: 25px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
|
|
/* 电话拨号盘 start*/
|
|
.dialpad-container {
|
|
width: 248px;
|
|
}
|
|
|
|
.dialpad{
|
|
width: 234px;
|
|
height: auto;
|
|
background: #ececec;
|
|
padding: 10px 5px 10px 7px;
|
|
}
|
|
.dialpad .select_width {
|
|
width: 225px;
|
|
margin-left: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.dialpad .input-group{
|
|
position: relative;
|
|
display: table;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.dialpad .slidedialpad {
|
|
height:34px;
|
|
}
|
|
.icon-slidedialpad {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAACCElEQVQ4T51SO2hUURScuS/baGzjByFgxMpCsBaDgo0gJEKsElF37+59760S/MQ0MWJhVFgS9u3dLwtiuRoRFBEEGyMiWFmIi6BgRFBBUEmiSe6R5z4h2Gl1Ye7MYc6cYSYXHCd5AUDbedCNKHqTzoX7PGJGCFEOplKJ5rTO96HL1SHsA2SC2gRfSW4AAAGmajYaz5rwEYj+GAMwW7XRYe2HVwicS3jzzPrBQ4D7Y8A5GaxXSre1Ca6SPPtbJihWy9HJrJ8fBORWgj2j7/vdy45DVNKuWfs4/tBap1QqNeAcer98/jjTarV+xnja5PcoSr9yK1Umdv75Ycb3dymoUQFerywtTDebzW/pfH6rWpUxCsSju2atfTc8fGb9uu7F0wJsc3CFeMcPADcl3k21HFW0Ce+SOJjYqFdtpLMmmAB5scOTt8ya8AWInWuFWT+8DmBkrVDnAkNFm/CeM23MbgV1ikDbo0xba7+fCIJez2EM5JLzWGgUi/NxiCtQoxDsUMLC/4cTT1qFOuLgXtatfbL2HCKyuLmn597k5KT7cw4Psn35x8JNaj98QOBAUoCReqV0Q/vhZQLnOznIdK1cGs3kggGlONvBcD8WviewJanSeM1GU9qEd0gcSkitWjka+qtyn+KuHiVwScBXrovH4iAyJr+XdGUKl1ZBv1EuPu2UXOYIbBSR8BdqCPD9FHC6ugAAAABJRU5ErkJggg==) no-repeat center;
|
|
vertical-align: middle;
|
|
}
|
|
.phoneNumber{
|
|
width: 180px;
|
|
height: 32px;
|
|
border: 1px solid #e5e6e7;
|
|
-webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
|
|
transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
|
|
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
|
|
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
|
|
font-size: 14px;
|
|
background: white;
|
|
float: left;
|
|
margin-left: 5px;
|
|
margin-right: 3px;
|
|
}
|
|
.phoneNumber span{
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
text-align: center;
|
|
line-height: 33px;
|
|
}
|
|
.phoneNumber .number{
|
|
float: right;
|
|
width: 170px;
|
|
outline: none;
|
|
border: 0;
|
|
text-align: right;
|
|
margin: 6px 6px 0 5px
|
|
}
|
|
.dialpad ul{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.dialpad ul li{
|
|
list-style: none;
|
|
width: 70px;
|
|
height: 50px;
|
|
float: left;
|
|
text-align: center;
|
|
font-weight: 900;
|
|
font-size: 25px;
|
|
line-height: 50px;
|
|
background: #fbfbfb;
|
|
margin: 6px 0 0 6px;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
}
|
|
.dialpad .dialbtn {
|
|
font-weight: 900;
|
|
font-size: 15px;
|
|
line-height: 50px;
|
|
}
|
|
.dialpad ul li i{
|
|
line-height: 50px;
|
|
}
|
|
.dialpad ul li:hover,
|
|
.phoneNumber span:hover{
|
|
background: #e2e2e2
|
|
}
|
|
.dialpad ul li:active,
|
|
.phoneNumber span:active{
|
|
background: #c6c6c6
|
|
}
|
|
.hangup {
|
|
|
|
}
|
|
.icon-hangup {
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB2klEQVRYR+2VsWsTYRjGn+fLfdfFxUKltrnY0kqSTQcHJynYxQ7uThnUzX/Ewc3BSQTRrYiL4NJFXFpwURsTK9LLDQrSqlQw3909EiHq1VxIqlAKd9vxPu/7/N7n7r4jDvniIfujACgSKBIoEjhaCQgobZUxL3izMbKHGA2c/Rq/XNjB53FO19wEBLAZeMuQWQJ1HuQcpTLI0nADfYTwhsCWiBelxK2ejtDJ6xkI0Kp4yyl4E+CZcbbJ1+q50vRWrZOsEtCfugzAu5M49d36twms/B/j7BQBr43UqIZuvV/5BdCc9ZZk+JjksTxzSa8MdR8J1lMi2a8z0HEZcwng1SEzvhG4UAvdRk/zGyDwIxAzuZsLT6phd2V/hIP0zcB/BOJyPgRa9bBbzQJU7AeAJ/JfFjWq2+7eKI9mM7ANkndzAaCd+rabzABsVuwdgtdzmt5PfOmend/F7igAYRmTe7RNkFOD9JIe1kN3JQPQDrAQ039GYLpXkLQHcg2pnkLuQT3Cp1HM+5r2NKYS698Qca0/82dNSpHqYi2K1zIAvZs2MJFWvHMmYbwYuQ0C8TimA7cF2CpjRsabUwprEXcWO3j711fwr0YH7T9a/4KDbjmsr0igSKBIoEjgB+NcnyEzhUYYAAAAAElFTkSuQmCC) no-repeat center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.dialpad ul li.backspace img{
|
|
width: 20px;
|
|
}
|
|
.dialpad .remove,
|
|
.dialpad .ringing_dialpad{
|
|
font-weight: 900;
|
|
font-size: 15px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.cc-dialog {
|
|
position: fixed;
|
|
top: 20%;
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
background-color: #fff;
|
|
-webkit-background-clip: content;
|
|
-webkit-box-shadow: 1px 1px 50px rgba(0,0,0,.3);
|
|
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
|
|
border-radius: 2px;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
-webkit-animation-duration: .3s;
|
|
animation-duration: .3s;
|
|
}
|
|
.cc-dialog .title {
|
|
padding: 0 80px 0 20px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
border-bottom: 1px solid #eee;
|
|
font-size: 14px;
|
|
color: #333;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
background-color: #F8F8F8;
|
|
}
|
|
|
|
.cc-dialog .ctlwin {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 15px;
|
|
line-height: initial;
|
|
}
|
|
|
|
.cc-dialog .ctlwin .close{
|
|
position: relative;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABfklEQVQ4T4WSS2uTURCG31eLAZdZZqPL5MyAK926kIoiKba1MaAFwT8mJgtt6wWjUC+4d92ZfFnqL8g6YL6RqanE1NazmnmZZ66HANDpdK5UVfUj7f+9drt9dTKZfKeIXAfwLSJ64/H44DywlPKI5IDkDQKgqg4A9Ou67p8Fl1IekNwj+czMniaY74KqPk84Irbc/d1yZRHZIPkawAsz2wUQJ+AxLCIvSd6PiK67H6a4gF5FxFt3fwigTn0ZTP+iiGTmOwDuArhEcrSA+gDmJ52sgqmvich7ADezCwCH7r61DP2r4nFCVb0N4GPa8/l8vaqqL6vbPlVRVdcjYgTgK8mIiFsku2b2eRn+C1TVewDeAPjUaDQ2M3A2m6WfHWya2YdTM6pqBu4BGJlZD8DPRdCaqqbeBdAzs0z0e6si0ic5jIh9d3+8uojctqruA9gAsJMwSylC8gjAwN2f5HHP+HZ5qiHJnbqur7HVal1uNpvbZjY8B/ozmojsTqfTg18DNpnJm1s+HQAAAABJRU5ErkJggg==) no-repeat center;
|
|
}
|
|
.cc-dialog .ctlwin .close:hover {
|
|
opacity: .6;
|
|
}
|
|
|
|
|
|
/*# sourceMappingURL=PhoneBar.css.map*/ |