742 lines
31 KiB
CSS
742 lines
31 KiB
CSS
:root {
|
||
--primarycolor:#D9D9D9;
|
||
}
|
||
/**
|
||
*============================
|
||
*楠ㄦ灦
|
||
*============================
|
||
*/
|
||
/*body, button, input, select, textarea, table{font-family:"Helvetica Neue", Helvetica, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif !important;}*/
|
||
html{position:relative;min-height:100%;background:#ffffff;color:#000;}
|
||
body{width:100%;min-height:100%;font-size: 12px}
|
||
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
|
||
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
|
||
ul,dl,ol{list-style:none;cursor: pointer;}
|
||
img,fieldset,input[type="submit"]{border:0 none;}
|
||
img{display:inline-block;overflow:hidden;vertical-align:top;max-width:100%;}
|
||
em{font-style:normal;}
|
||
strong{font-weight:normal;}
|
||
table{border-collapse:collapse;border-spacing:0;text-align:center}
|
||
textarea{word-wrap:break-word;resize:none;}
|
||
a{text-decoration:none;color:#333;}
|
||
a:link,a:visited,a:hover,a:active{text-decoration:none;}
|
||
.fl{float:left;}
|
||
.fr{float:right;}
|
||
.tc{text-align:center;}
|
||
.pr{position:relative;}
|
||
.pa{position:absolute;}
|
||
.pf{position:fixed;}
|
||
.block{display:block;}
|
||
.none{display: none;}
|
||
.clearBoth{clear:both}
|
||
.clearfix{*zoom:1;}
|
||
.clearfix:after{clear:both;content:"";display:table;}
|
||
/*padding*/
|
||
.pd10{padding:10px;}
|
||
.pdt10{padding-top:10px;}
|
||
.pdr10{padding-right:10px;}
|
||
.pdb10{padding-bottom:10px;}
|
||
.pdl10{padding-left: 10px;}
|
||
.pd15{padding:15px;}
|
||
.pdt15{padding-top:15px;}
|
||
.pdr15{padding-right:15px;}
|
||
.pdr30{padding-right:30px;}
|
||
.pdb15{padding-bottom:15px;}
|
||
.pdl15{padding-left: 15px;}
|
||
.pdl30{padding-left: 30px;}
|
||
.pd5{padding:5px;}
|
||
.pdt5{padding-top:5px;}
|
||
.pdr5{padding-right:5px;}
|
||
.pdb5{padding-bottom:5px;}
|
||
.pdl5{padding-left: 5px;}
|
||
/*margin*/
|
||
.mt-3{margin-top: -3px}
|
||
.mt-6{margin-top: -6px}
|
||
.mt5{margin-top:5px;}
|
||
.mt10{margin-top:10px;}
|
||
.mr10{margin-right:10px;}
|
||
.mb10{margin-bottom:10px;}
|
||
.ml10{margin-left:10px !important;}
|
||
.m10{margin:10px;}
|
||
.mt15{margin-top:15px;}
|
||
.mr15{margin-right:15px;}
|
||
.mb15{margin-bottom:15px;}
|
||
.ml15{margin-left:15px;}
|
||
.ml20{margin-left:19px !important;}
|
||
.ml30{margin-left: 37% !important;}
|
||
.ml5{margin-left:5px;}
|
||
.m15{margin:15px;}
|
||
.f10{font-size:10px;}
|
||
.f12{font-size:12px;}
|
||
.f14{font-size:14px;}
|
||
.f16{font-size:16px;}
|
||
.f18{font-size:18px;}
|
||
.f20{font-size:20px;}
|
||
.f25{font-size:25px;}
|
||
.fb{font-weight:bold;}
|
||
.height100{height: 100%}
|
||
.height50{height: 50%}
|
||
.width100{width: 100%}
|
||
.width50{width: 50%}
|
||
.disnone{display: none}
|
||
.disinlineb{display: inline-block}
|
||
.localInput{
|
||
display: inline-block;
|
||
height: 25px;
|
||
border: 1px solid #ccc;
|
||
background-color: #ffffff;
|
||
cursor: pointer;
|
||
border-radius: 5px;
|
||
line-height: 30px;
|
||
padding-left: 10px;
|
||
}
|
||
.vermiddle{vertical-align:middle}
|
||
html,body{height:100%;}
|
||
thead tr th{text-align: center;}
|
||
.font12{
|
||
font-size: 12px;
|
||
}
|
||
.bg-error{
|
||
background-color: #A52a2a;
|
||
}
|
||
.error{
|
||
color:#A52a2a;
|
||
}
|
||
.bg-warn{
|
||
background-color: #DAA520;
|
||
}
|
||
.warn{
|
||
color:#DAA520;
|
||
}
|
||
.bg-info{
|
||
background-color: #2E8B57;
|
||
}
|
||
.info{
|
||
color:#2E8B57;
|
||
}
|
||
.inB{
|
||
display: inline-block;
|
||
}
|
||
.smallBlock{
|
||
height: 10px;
|
||
width: 15px;
|
||
border-radius: 3px;
|
||
}
|
||
#page_header{position:relative;z-index:905;height:70px;padding:10px 13px 0 20px;}
|
||
#left_panel{position:absolute;z-index:904;top:0;left:0;width:220px;min-height:100%;padding-top:70px;
|
||
background-color: #003679;
|
||
-webkit-transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||
transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||
}
|
||
#main{background-color:#ffffff;}
|
||
#main #ribbon{min-height:40px;background:#002049;}
|
||
#main #content{padding:5px 0;}
|
||
#page_footer{position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:49px;background: #322f2c;color:#fff;border-top:1px solid #CECECE;}
|
||
#page_footer .inside{padding-left:220px;text-align:center;}
|
||
#page_footer .inside i{margin-right:4px;}
|
||
#page_footer .inside a{color:#fff;}
|
||
.ajax-loading-animation{font-size:20px;padding:0 15px;}
|
||
.ajax-loading-error{font-size:20px;padding:0 15px;}
|
||
#page_header .right_side{float:right;}
|
||
#page_header .right_side span{display:block;float:left;width:30px;height:30px;line-height:30px;text-align:center;font-size:14px;border-radius:2px;border:1px solid #bfbfbf;color:#6D6A69;margin-left:6px;margin-top:10px;box-shadow:inset 0 0 4px 1px rgba(0,0,0,.08);cursor:pointer;
|
||
background: #f8f8f8;
|
||
background: -moz-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||
background: -webkit-gradient(linear,left top,right top,color-stop(93%,#f8f8f8),color-stop(100%,#f1f1f1));
|
||
background: -webkit-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||
background: -o-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||
background: -ms-linear-gradient(left,#f8f8f8 93%,#f1f1f1 100%);
|
||
background: linear-gradient(to right,#f8f8f8 93%,#f1f1f1 100%);
|
||
}
|
||
#page_header .right_side span:hover{color:#222;}
|
||
#page_header .right_side span.active{background:#5a5a5a;color:#fff;border:1px solid #5a5a5a;}
|
||
#page_header .right_side .toggleMenu_btn{display:none;}
|
||
#page_header .logow{display:inline-block;}
|
||
#page_header .logow a{}
|
||
#page_header .logow a:hover{text-decoration:none;}
|
||
#page_header .logow a:active{text-decoration:none;}
|
||
#page_header .logow a:focus{text-decoration:none;}
|
||
|
||
#left_panel nav ul{list-style:none;padding:0;}
|
||
#left_panel nav ul li{position:relative;}
|
||
#left_panel nav ul ul{display:none;}
|
||
#left_panel nav ul a{position:relative;display:block;padding:10px;font-size:14px;color:#6699cc;text-decoration:none;}
|
||
#left_panel nav ul a:hover{color:#fff;background:#004394;}
|
||
#left_panel nav ul a:active,#left_panel nav ul a.active{background:#002b61;color:#fff;}
|
||
#left_panel nav ul a i{margin-right:5px;}
|
||
#left_panel nav ul a b{float:right;font-weight:normal;}
|
||
#left_panel nav ul a b i{margin:0;}
|
||
#left_panel nav > ul > li > a:hover{background:none;}
|
||
#left_panel nav > ul > li > a:active{background:rgba(0,43,97,0.6);}
|
||
#left_panel nav > ul > li > ul{position:relative;background:#002b61;overflow:hidden;margin:0;display:none;}
|
||
#left_panel nav > ul > li > ul::before{content:"";display:block;position:absolute;z-index:1;left:23px;top:0;bottom:0;border-left:1px solid #7A7A7A;}
|
||
#left_panel nav > ul > li > ul > li::before{content:"";display:block;position:absolute;width:8px;left:23px;top:16px;border-top:1px solid #7A7A7A;z-index:1;}
|
||
#left_panel nav > ul > li > ul > li > a{padding:7px 10px 7px 42px;}
|
||
#left_panel nav > ul > li > ul > li > ul > li > a{padding:8px 0 8px 60px;}
|
||
#left_panel nav .open ul{display:block;}
|
||
#left_panel .minifyBtn{
|
||
display:block;
|
||
position:absolute;
|
||
right:0;
|
||
bottom:0;
|
||
width:36px;
|
||
height:28px;
|
||
margin-top:7px;
|
||
border-bottom:1px solid #302F2F;
|
||
background:#002049;
|
||
border-radius:5px 0 0 5px;
|
||
color:#A8A8A8;
|
||
font-size:19px;
|
||
text-align:center;
|
||
cursor:pointer;
|
||
-webkit-transition:all .1s linear;
|
||
transition:all .1s linear;
|
||
}
|
||
#left_panel .minifyBtn:hover{width:40px;padding-right:5px;background:#646464;color:#E4E4E4;}
|
||
|
||
.login_info{width:100%;height:40px;}
|
||
.login_info a:hover,.login_info a:active{text-decoration:none;}
|
||
.login_info > span{display:block;height:39px;padding:0 10px;border-bottom:1px solid #1A1817;}
|
||
.login_info > span > div{position:relative;display:block;height:39px;color:#fff;}
|
||
.login_info > span > div > a{display:inline-block;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:39px;line-height:39px;color:#c0bbb7;font-size:14px;}
|
||
.login_info > span > div > .dropdown-menu{margin-top:0;}
|
||
.login_info .name{margin-right:2px;}
|
||
|
||
.minified #main{margin-left:45px;}
|
||
.minified #page_footer .inside{padding-left:45px;}
|
||
.minified #left_panel{width:45px !important;}
|
||
.minified #left_panel, .minified nav > ul > li {overflow:visible;}
|
||
.minified #left_panel nav > ul > li{border-bottom:1px solid #1A1817;border-top:1px solid #525151;}
|
||
.minified #left_panel nav > ul > li:first-child{border-top:0;}
|
||
.minified #left_panel nav > ul > li > a > span{display:none;}
|
||
.minified #left_panel nav > ul > li > a > i{margin:0 auto;}
|
||
.minified #left_panel nav > ul > li > a > b{display:none;}
|
||
.minified #left_panel nav > ul > li > a > span{z-index:2;position:absolute;top:0;left:40px;width:186px;height:38px;padding-left:10px;line-height:38px;background:#f5f5f5;color:#333;border:1px solid #bfbfbf;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
|
||
.minified #left_panel nav > ul > li > ul{display:none !important;z-index:1;position:absolute;top:36px;left:40px;width:186px;border:1px solid #bfbfbf;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
|
||
.minified #left_panel nav > ul > li > ul::before{border-left:none;}
|
||
.minified #left_panel nav > ul > li > ul > li::before{border-top:none;}
|
||
.minified #left_panel nav > ul > li:hover > a > span{display:block !important;}
|
||
.minified #left_panel nav > ul > li:hover > ul{display:block !important;}
|
||
.minified #left_panel nav > ul > li > ul > li > a{padding:7px 10px 7px 10px;}
|
||
.minified #left_panel nav > ul > li > ul > li > ul > li > a{padding:7px 10px 7px 30px;}
|
||
.minified .login_info{margin-bottom:0;}
|
||
.minified .login_info > span{padding:0;}
|
||
.minified .login_info > span > div > a{text-align:center;}
|
||
.minified .login_info > span > div > a > span{display:none;}
|
||
.minified .login_info > span > div > a > i{margin:0;color:#c0bbb7;}
|
||
|
||
#main #ribbon .breadcrumb{padding:0 0 0 14px;color:#BBB;line-height:40px;margin-bottom:0;list-style:none;background:none;border-radius:0; }
|
||
#main #ribbon .breadcrumb li i{margin-right:3px;}
|
||
#main #ribbon .breadcrumb li:last-child{color:#E4E4E4;}
|
||
|
||
@media only screen and (min-width:0px) and (max-width:768px) {
|
||
#page_header .right_side .toggleMenu_btn{display:block;}
|
||
#page_header .right_side .fullScreen_btn{display:none;}
|
||
#main{margin-left:0;}
|
||
#left_panel{margin-left:-220px;background:#3a3633;}
|
||
#left_panel .minifyBtn{display:none;}
|
||
#page_footer .inside{padding-left:0;text-align:center;}
|
||
}
|
||
|
||
.content_wrapper aside{margin-bottom:15px;}
|
||
.content_wrapper aside header{line-height:34px;border-bottom :1px solid #ddd;padding-left:30px;}
|
||
.content_wrapper aside header i{margin-right:6px;}
|
||
.content_wrapper aside section{padding:15px 0;}
|
||
|
||
/**
|
||
*============================
|
||
*鐧诲綍椤<E7B68D>
|
||
*============================
|
||
*/
|
||
|
||
.bg-login .icon-ren:before,.bg-login .icon-mima:before,.bg-login .icon-yanzhengma:before{font-size:20px;}
|
||
.form-signin {width:510px;padding:20px 0 58px 0;background:rgba(255,255,255,0.2);top:50%;left:50%;position:absolute;margin-left:-255px;margin-top:-180px; border-radius:15px;}
|
||
.form-signin .logo{font-size:78px;text-align:center;font-weight:bold;color: #444444;font-family:Consolas,"Courier New",monospace;}
|
||
.form-signin h3{color:#676a6c;font-size:14px;text-align:center;}
|
||
.form-signin .form-control{padding:0 12px;height:46px;line-height:46px;}
|
||
.form-signin .form-control:focus {border:2px solid #afacab;outline:0;-webkit-box-shadow:none;box-shadow: none;}
|
||
.form-signin .subBtn{padding:9px 35px 13px;border:0;color:#fff;font-size:20px;
|
||
-webkit-transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||
transition: all 250ms cubic-bezier(0.1,.57,.1,1);
|
||
}
|
||
.form-signin .subBtn:focus{background:#2e6da4;outline:none;}
|
||
.form-signin .help{color:#999;margin:14px 0;text-align:center;}
|
||
.form-signin .copyright{text-align:center;margin:14px 0;}
|
||
.form-signin .copyright i{margin-right:4px;}
|
||
.form-signin .copyright a{color:#3a3633;}
|
||
.form-signin .icon-wode:before,.form-signin .icon-mima1:before,.form-signin .icon-mima:before{font-size:22px;}
|
||
|
||
/**
|
||
*============================
|
||
*瀵筨ootstrap鐨勮ˉ鍏ㄦ垨瑕嗙洊
|
||
*============================
|
||
*/
|
||
.table thead,.table tfoot{background:#ebebeb;}
|
||
.form-inline .gap{display:inline-block;width:10px;}
|
||
@media only screen and (min-width:0px) and (max-width:767px) {
|
||
.form-inline .gap{display:none;width:0;height:0;}
|
||
}
|
||
hr{margin:15px 0;border-top:1px solid #f0f0f0;}
|
||
.help-block{margin-bottom:0;}
|
||
button i,a i{margin-right:6px;}
|
||
.pagination button i,.pagination a i{margin:0;}
|
||
.my_panel .heading{padding:8px 10px;font-weight:bold;background:#ebebeb;border-bottom:2px solid #ddd;}
|
||
.my_panel .body{padding:10px 10px 20px;}
|
||
.my_panel .body .table{margin-bottom:0;}
|
||
.my_panel .body .table tr:first-child td{border-top:0;}
|
||
.my_panel .body .table thead,.my_panel .body .table tfoot{background:none !important;}
|
||
form .title_bar{padding:8px 10px;font-weight:bold;background:#ebebeb;border-bottom:2px solid #ddd;margin-bottom:14px;}
|
||
.form-horizontal .modal-content .form-group {margin-left:0 !important;margin-right:0 !important;}
|
||
.modal-header .modal-title{font-size:16px;}
|
||
div.dataTables_wrapper div.dataTables_paginate{margin:10px 0 0 0 !important;}
|
||
.ajaxForm_tip_success{color:#4cae4c;font-size:14px;}
|
||
.ajaxForm_tip_warning{color:#f0ad4e;font-size:14px;}
|
||
.J_confirm_btn i{display:none;}
|
||
.J_confirm_btn.subBtn_sending i{display:inline-block;}
|
||
.J_tree_table th,
|
||
.J_tree_table td {
|
||
vertical-align:middle !important;
|
||
border-top:1px solid #f0f0f0 !important;
|
||
}
|
||
.table-responsive > .J_tree_table > thead > tr > th,
|
||
.table-responsive > .J_tree_table > tbody > tr > th,
|
||
.table-responsive > .J_tree_table > tfoot > tr > th,
|
||
.table-responsive > .J_tree_table > thead > tr > td,
|
||
.table-responsive > .J_tree_table > tbody > tr > td,
|
||
.table-responsive > .J_tree_table > tfoot > tr > td {
|
||
white-space: nowrap;
|
||
}
|
||
.J_tree_table > tbody + tbody {border-top:0 !important;}
|
||
.J_tree_table .J_pull_btn{display:inline-block;width:20px;height:20px;}
|
||
.J_tree_table .pull_down{background:url(../images/icon_list.png) 0 -20px no-repeat !important;cursor:pointer;}
|
||
.J_tree_table .pull_up{background:url(../images/icon_list.png) 0 0 no-repeat !important;cursor:pointer;}
|
||
.J_tree_table .blank_btn{display:inline-block;width:20px;height:20px;background:url(../images/icon_list.png) -20px 0 no-repeat;}
|
||
.J_tree_table .end{display:inline-block;width:46px;height:20px;vertical-align:middle;cursor:pointer;background:url(../images/icon_list.png) 0 -72px no-repeat;}
|
||
.J_tree_table .space{display:inline-block;width:46px;height:20px;vertical-align:middle;cursor:pointer;}
|
||
.J_tree_table input[type=text]{
|
||
display: inline-block;
|
||
margin-right:6px;
|
||
width: 35px;
|
||
height: 28px;
|
||
font-size: 14px;
|
||
padding:0 4px;
|
||
line-height: 1.42857143;
|
||
color: #555;
|
||
background-color: #fff;
|
||
background-image: none;
|
||
border: 1px solid #ccc;
|
||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
}
|
||
#example_filter{display:none;}
|
||
.div-inline{ display:inline}
|
||
div.dataTables_wrapper div.dataTables_info{margin-top:10px;margin-left:10px;}
|
||
.pg-canvas{position:absolute;}
|
||
|
||
.left-menu{;position:absolute;z-index:904;top:80px;bottom:35px;left:20px;width:240px;padding-top:0;background:rgba(255,255,255,0.3);}
|
||
.footer-copy{color:#fff;position:absolute;left:20px;bottom:5px;right:20px;}
|
||
.left-menu .menu-hd{background:rgba(255,255,255,0.13);padding-left:10px;height:38px;line-height:38px;color:#fff;}
|
||
.left-menu .menu-hd h2{height:38px;line-height:38px;}
|
||
.left-menu .menu-hd .menu-arr{position:absolute;right:10px;top:0;}
|
||
.left-menu .menu-slidedown li a{display:block;padding-left:40px;height:34px;line-height:34px;color:#fff;}
|
||
|
||
|
||
#bigTitle{
|
||
font-size: 35px;letter-spacing:3px;color: #FFFFFF;font-family: '华文楷体', serif;
|
||
}
|
||
#smallTitle{
|
||
color: #FFF;font-family: '华文楷体', serif
|
||
}
|
||
#_help{
|
||
color: #FFF;
|
||
}
|
||
.left-menu .menu-slidedown{display:none;}
|
||
.left-menu .menu-con{margin-bottom:8px;}
|
||
/*.top-menu{padding:35px 15px 15px 15px;}*/
|
||
.top-menu li{float:left;margin-right:20px;position:relative;}
|
||
.top-menu li .menuone{color:#fff;}
|
||
|
||
.top-menu li:hover .menutwo{display:block;}
|
||
.scroll-item{width:500px;overflow:hidden;}
|
||
.scroll-item a{margin-right:10px;color:#fff;}
|
||
.menu-con.hover .menu-slidedown{display:block;}
|
||
.user-checkout li{display:inline-block;margin-left:10px;color:#fff;}
|
||
.user-checkout li .iconfont{margin-right:5px;}
|
||
.ui-tabs .ui-tabs-panel{padding:0;}
|
||
.ui-widget-header{background:#ccc;}
|
||
|
||
|
||
.right-arr{top:50%;right:0;}
|
||
.left-arr{top:50%;left:0;}
|
||
|
||
.right-arr:hover,.left-arr:hover{color:#333;}
|
||
.dg-container{
|
||
width: 100%;
|
||
height: 450px;
|
||
position: relative;
|
||
}
|
||
.dg-wrapper{
|
||
width: 576px;
|
||
height: 400px;
|
||
margin: 0 auto;
|
||
position: relative;
|
||
-webkit-transform-style: preserve-3d;
|
||
-moz-transform-style: preserve-3d;
|
||
-o-transform-style: preserve-3d;
|
||
-ms-transform-style: preserve-3d;
|
||
transform-style: preserve-3d;
|
||
-webkit-perspective: 1000px;
|
||
-moz-perspective: 1000px;
|
||
-o-perspective: 1000px;
|
||
-ms-perspective: 1000px;
|
||
perspective: 1000px;
|
||
}
|
||
.dg-wrapper a{
|
||
width: 576px;
|
||
height: 400px;
|
||
display: block;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
|
||
background:url(../images/bg.jpg)
|
||
}
|
||
.dg-wrapper a.dg-transition{
|
||
-webkit-transition: all 0.5s ease-in-out;
|
||
-moz-transition: all 0.5s ease-in-out;
|
||
-o-transition: all 0.5s ease-in-out;
|
||
-ms-transition: all 0.5s ease-in-out;
|
||
transition: all 0.5s ease-in-out;
|
||
}
|
||
.dg-wrapper a img{
|
||
display: block;
|
||
/*padding: 41px 0px 0px 1px;*/
|
||
}
|
||
.dg-wrapper a div{
|
||
font-style: italic;
|
||
text-align: center;
|
||
line-height: 50px;
|
||
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
|
||
color: #333;
|
||
font-size: 16px;
|
||
width: 100%;
|
||
/*bottom: -55px;*/
|
||
display: none;
|
||
position: absolute;
|
||
}
|
||
.dg-wrapper a.dg-center div{
|
||
display: block;
|
||
}
|
||
.dg-container nav{
|
||
width: auto;
|
||
position: absolute;
|
||
z-index: 1000;
|
||
top:425px;
|
||
left: 45%;
|
||
margin-left: -29px;
|
||
}
|
||
.dg-container nav span{
|
||
text-indent: -9000px;
|
||
float: left;
|
||
cursor:pointer;
|
||
width: 24px;
|
||
height: 25px;
|
||
opacity: 0.8;
|
||
background: transparent url(../images/arrows.png) no-repeat top left;
|
||
}
|
||
.dg-container nav span:hover{
|
||
opacity: 1;
|
||
}
|
||
|
||
.dg-container nav span.dg-prev{
|
||
margin-right: 10px;
|
||
width: 33px;
|
||
height: 33px;
|
||
background: transparent url(../images/dg-prev.png) no-repeat top left;
|
||
}
|
||
|
||
.dg-container nav span.dg-next{
|
||
margin-left: 10px;
|
||
width: 33px;
|
||
height: 33px;
|
||
background: transparent url(../images/dg-next.png) no-repeat top left;
|
||
}
|
||
.tab-content > .tab-pane,
|
||
.pill-content > .pill-pane {
|
||
display: block;
|
||
height: 0;
|
||
overflow-y: hidden;
|
||
}
|
||
.tab-content > .active,
|
||
.pill-content > .active {
|
||
height: auto;
|
||
}
|
||
table.dataTable tbody tr.selected{background-color:#eee;}
|
||
|
||
@media screen and (min-width: 1200px) and (max-width:1400px) {
|
||
.form-control{
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* ruler */
|
||
div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
|
||
div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}
|
||
.float-news,.float-open{background:#fbfbfb;border:2px solid #e1e1e1;border-right:0 none;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);display:inline-block;font-size:16px; float:right;!important}
|
||
.float-news{height:300px;right:0px;padding:10px 15px;width:210px;z-index:100;top:117px;_margin-top:117px;}
|
||
.float-open{height:42px;right:-70px;padding:4px 4px 4px 6px;z-index:99;top:206px;_margin-top:206px;}
|
||
.float-news,.float-open{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
|
||
.float-close{background:url(../images/nav-close.png) no-repeat left top;overflow:hidden;height:32px;opacity:.6;filter:alpha(opacity=60);position:absolute;right:9px;text-indent:100%;top:10px;white-space:nowrap;width:32px;}
|
||
.open-btn{background:url(../images/ml-open-demo.png) no-repeat left top;display:block;overflow:hidden;height:32px;opacity:.6;filter:alpha(opacity=60);text-indent:100%;white-space:nowrap;width:32px;}
|
||
.float-close:hover,.open-btn:hover{opacity:1;filter:alpha(opacity=100);}
|
||
.newslist h3{color:#333;border-bottom:4px solid #F2F2F2;font-size:26px;height:54px;line-height:54px;font-family:Microsoft Yahei,simsun,arial,sans-serif;}
|
||
.newslist div{margin-top:10px; position:relative;height:30px;line-height:30px;font-size:14px;}
|
||
|
||
/*主题背景色*/
|
||
.themeBGColor{background-color: var(--primarycolor);color:#fff;}
|
||
.themeBGColor:hover{background-color: var(--primarycolor);color:#fff;}
|
||
.themeColor{color: var(--primarycolor);}
|
||
/*按钮主题色*/
|
||
.btn-primary{color: #fff;background-color: var(--primarycolor);border-color: var(--primarycolor);}
|
||
.btn-primary:hover{background-color: var(--primarycolor);}
|
||
.btn-primary:focus, .btn-primary.focus {
|
||
color: #fff;
|
||
background-color: var(--primarycolor);
|
||
border-color: var(--primarycolor);
|
||
}
|
||
.btn.focus, .btn:focus, .btn:hover{
|
||
color:#fff;
|
||
}
|
||
/*分页主题色*/
|
||
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: var(--primarycolor);}
|
||
/*main页面的主题色*/
|
||
.bg-main{width:100%;height:100%;background: var(--primarycolor);}
|
||
/*瀵艰埅鏍忕殑棰滆壊閰嶇疆*/
|
||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #ffffff 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; }
|
||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: var(--primarycolor) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
|
||
ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: var(--primarycolor)}
|
||
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {color:#ffffff}
|
||
/*瀵艰埅鏍忕殑涓嬭竟妗嗕富棰橀鑹<EE9681>*/
|
||
.ui-widget-header {border-bottom: 1px solid var(--primarycolor);color: #ffffff;font-weight: bold;}
|
||
.nav-tabs > li.active > a,
|
||
.nav-tabs > li.active > a:hover,
|
||
.nav-tabs > li.active > a:focus {
|
||
color: #555;
|
||
cursor: default;
|
||
background-color: #fff;
|
||
border: 1px solid var(--primarycolor);
|
||
border-bottom-color: transparent;
|
||
}
|
||
.nav-tabs > li > a {
|
||
margin-right: 2px;
|
||
line-height: 1.42857143;
|
||
border: 1px solid transparent;
|
||
border-radius: 4px 4px 0 0;
|
||
}
|
||
/*菜单下按钮主题色*/
|
||
.nav-tabs {border-bottom: 1px solid var(--primarycolor);}
|
||
/*按钮主题色*/
|
||
button.dt-button,
|
||
div.dt-button,
|
||
a.dt-button {
|
||
color: white;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
background-color: var(--primarycolor);
|
||
/* Fallback */
|
||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* FF3.6 */
|
||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* IE10 */
|
||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Opera 11.10+ */
|
||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||
}
|
||
|
||
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
|
||
color: #fff;
|
||
background-color: var(--primarycolor);
|
||
}
|
||
|
||
/*甯姪涓績鐨勬枃瀛楅<E7809B>変腑鐨勪富棰橀鑹<EE9681>*/
|
||
.bs-docs-sidebar .nav > .active > a,
|
||
.bs-docs-sidebar .nav > .active:hover > a,
|
||
.bs-docs-sidebar .nav > .active:focus > a {
|
||
color: var(--primarycolor);
|
||
border-left: 2px solid var(--primarycolor);
|
||
}
|
||
/*鐩戞祴鐐归椤祎ip鎻愮ず鐨勬爣绛句富棰橀鑹<EE9681>*/
|
||
.mystyle > label{background: var(--primarycolor);color:#FFFFFF;}
|
||
|
||
|
||
.cancleBGColor{background-color: #ff5722;color:#fff;}
|
||
|
||
.cancleColor{color:#ff5722;}
|
||
|
||
.table-middle{text-align:center;vertical-align:middle !important;}
|
||
|
||
.mainright{float:left;margin-left:1px; height:2000px;width:300px;}
|
||
|
||
.imgarrow{float:left; margin-top:1px; margin-left:20px; margin-top:14px;}
|
||
|
||
.middlediv{float:left;height: 100%}
|
||
|
||
.middleleft{border:1px solid rgb(0,106,106); margin-bottom:1px;margin-top:1px;float:left;width:260px;height: 99%}
|
||
|
||
.lefttophandle{float:left; width:75px;text-align:center;}
|
||
.lefttophandle p{ float:left;}
|
||
.lefttophandle p a{font-size:11px;}
|
||
.rightinfo{padding:8px;}
|
||
.lefttoptitle{float:left; width:230px;text-align:center;}
|
||
.lefttoptitle img{float:left; margin-top:2px;margin-left:5px;}
|
||
.lefttoptitle lable{float:left; margin-left:5px;}
|
||
.form-control{font-size:12px}
|
||
.toolbar1{float:right;}
|
||
.toolbar1 li{background:url(../images/toolbg.gif) repeat-x; line-height:33px; height:33px; border:solid 1px #d3dbde; float:left; padding-right:10px; margin-left:5px;border-radius: 3px;}
|
||
.toolbar1 li span{float:left; margin-left:10px; margin-right:5px; margin-top:5px;cursor:pointer;}
|
||
|
||
.layui-layer-btn .layui-layer-btn0 {
|
||
border-color: var(--primarycolor) !important;
|
||
background-color: var(--primarycolor) !important;
|
||
color: #fff;
|
||
}
|
||
|
||
/*登录按钮获取焦点颜色*/
|
||
#login:focus{
|
||
background: var(--primarycolor);
|
||
}
|
||
|
||
/*登陆页面输入框小图标的颜色*/
|
||
.loginicon{
|
||
left:5px;
|
||
top:5px;
|
||
color: var(--primarycolor);
|
||
}
|
||
|
||
/*登录页面的背景色*/
|
||
.bg-login{width:100%;height:100%;overflow:hidden;background: var(--primarycolor);}
|
||
|
||
/*左侧菜单颜色控制*/
|
||
.left-menu .menu-slidedown li a:hover{background: var(--primarycolor);opacity:0.2;}
|
||
.left-menu .menu-slidedown li.hover{background: var(--primarycolor);opacity:0.7;}
|
||
|
||
/*导航菜单的颜色，包括二级菜单*/
|
||
.top-menu .menutwo{display:none;position: absolute;left:-10px;top:28px;z-index:99;background: var(--primarycolor);opacity:0.9;font-size:14px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
|
||
.top-menu .menutwo a{color:#fff;display:block;height:40px;line-height:40px;width:120px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);}
|
||
.top-menu .menutwo a:hover{background: var(--primarycolor);opacity:0.8;}
|
||
|
||
/**未知**/
|
||
.slide-carousel .indicator-list a.selected {
|
||
border-color: #fff;
|
||
background-color: var(--primarycolor);
|
||
}
|
||
.ui-widget-header { border-bottom: 1px solid var(--primarycolor); color: #ffffff; font-weight: bold; }
|
||
|
||
/*监测点*/
|
||
.right-arr,.left-arr{position: absolute;font-size:30px;color: var(--primarycolor);cursor: pointer;background:rgba(0,0,0,0.2);}
|
||
|
||
/*datatables导出按钮*/
|
||
button.dt-button:focus:not(.disabled),
|
||
div.dt-button:focus:not(.disabled),
|
||
a.dt-button:focus:not(.disabled) {
|
||
border: 1px solid #426c9e;
|
||
text-shadow: 0 1px 0 #c4def1;
|
||
outline: none;
|
||
background-color: var(--primarycolor);
|
||
/* Fallback */
|
||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* FF3.6 */
|
||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* IE10 */
|
||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Opera 11.10+ */
|
||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||
}
|
||
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled),
|
||
div.dt-button-collection div.dt-button:active:not(.disabled),
|
||
div.dt-button-collection div.dt-button.active:not(.disabled),
|
||
div.dt-button-collection a.dt-button:active:not(.disabled),
|
||
div.dt-button-collection a.dt-button.active:not(.disabled) {
|
||
background-color: var(--primarycolor);
|
||
/* Fallback */
|
||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* FF3.6 */
|
||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* IE10 */
|
||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Opera 11.10+ */
|
||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||
box-shadow: inset 1px 1px 3px #666;
|
||
}
|
||
button.dt-button:hover:not(.disabled),
|
||
div.dt-button:hover:not(.disabled),
|
||
a.dt-button:hover:not(.disabled) {
|
||
border: 1px solid #666;
|
||
background-color: var(--primarycolor);
|
||
/* Fallback */
|
||
background-image: -webkit-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
||
background-image: -moz-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* FF3.6 */
|
||
background-image: -ms-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* IE10 */
|
||
background-image: -o-linear-gradient(top, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
/* Opera 11.10+ */
|
||
|
||
background-image: linear-gradient(to bottom, var(--primarycolor) 0%, var(--primarycolor) 100%);
|
||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=' var(--primarycolor)', EndColorStr=' var(--primarycolor)');
|
||
}
|
||
|
||
/*稳态趋势对比图表颜色*/
|
||
.historyA{
|
||
color: var(--primarycolor);
|
||
}
|
||
|
||
/*开关的背景色*/
|
||
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
|
||
color: #fff;
|
||
background: var(--primarycolor);
|
||
}
|
||
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary[disabled], .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.disabled, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:focus, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary[disabled] {
|
||
color: #fff;
|
||
background-color: var(--primarycolor);
|
||
}
|
||
/*多选框鼠标浮动的背景颜色*/
|
||
[name='datali'] > div:hover,
|
||
.ec > div:hover {
|
||
background-color: var(--primarycolor);
|
||
color: #ffffff;
|
||
}
|
||
|
||
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
||
color: #FFF;
|
||
background-color: var(--primarycolor);
|
||
border-color: var(--primarycolor);
|
||
-webkit-box-shadow: -1px 0 0 0 var(--primarycolor);
|
||
box-shadow: -1px 0 0 0 var(--primarycolor);
|
||
}
|
||
|
||
|
||
.menu{
|
||
margin-top: -3px;
|
||
}
|
||
|
||
.areaicon{position: relative;right: 15px;}
|
||
|
||
.ztree ul{
|
||
border:0 !important;
|
||
}
|
||
|
||
.dt-buttons .dt-button{
|
||
border-radius: 4px;
|
||
} |