h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body { font-family: "微软雅黑" 'Adobe Heiti Std'; } /* /////////////////////////// login //////////////////////////////////////*/ .login_page { /*background: url("bg.jpg") no-repeat center center;*/ background: #ECECEC; } #divMain { margin-top: 50px; margin-left: 175px; } span.required { color: #FF0000; } .form-signin-heading span { color: #fff; } .form-signin-heading img { display: inline-block; *display: inline; } .form-signin { max-width: 330px; padding: 15px; margin: 15% auto; position: relative; background: rgba(255, 255, 255, 0.5); border-radius: 5px; padding: 20px; border: 1px solid #DDDCDC; } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } .form-signin .checkbox { font-weight: normal; } .form-signin label { display: inline; } .form-signin label.onValid, .form-signin label.onShow, .form-signin label.onError { position: absolute; right: 40px; margin-top:15px; /*display: inline-block; zoom: 1; *display: inline; z-index: 100; ;*/ } .form-signin label.onFocus { display: none; } .form-signin .form-control { display: block; font-size: 16px; width: 98%; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 20px; } .form-signin .form-control:focus { z-index: 2; } .form-signin input[type="text"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .form-signin input[type="text"].form-checkcode { margin-bottom: 15px; display: inline; width: 55%; border-radius: 0; } .form-signin #checkCodeIMG { height: 40px; margin-bottom: 15px; } #footer .nav { text-align: center; } #footer .nav li { display: inline-block; *display: inline; } /* label.onValid { float: right; top: -25px; right: 10px; } */ /* /////////////////////////// index //////////////////////////////////////*/ body { background: #ECECEC; } .wrap { overflow: hidden; } #sidebar { position: absolute; width: 189px; margin-left: 0; margin-top: 50px; /*border-right: 1px solid #ccc;*/ background-color: #FFF; z-index: 999; } #sidebar.affix-top { position: absolute; } #sidebar.affix { position: fixed; } #sidebar:before { content: ""; display: block; width: 189px; position: fixed; bottom: 0; top: 0; z-index: -1; background-color: #f2f2f2; /*border-right: 1px solid #ccc;*/ } #sidebar.fixed { position: fixed; z-index: 14; } li [class^="icon-"], li [class*=" icon-"], .nav-list li [class^="icon-"], .nav-list li [class*=" icon-"] { width: auto; } .icon-double-angle-right { } .nav-list { margin: 0; padding: 0; list-style: none; } .nav-list > li > a, .nav-list .nav-header { margin: 0; } .nav-list > li { display: block; padding: 0; margin: 0; border: 0; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #e5e5e5; position: relative; } .nav-list > li:first-child { /* border-top: 0; */ } .nav-list > li > a { display: block; height: 38px; line-height: 36px; padding: 0 16px 0 7px; background-color: #f9f9f9; color: #585858; text-shadow: none!important; font-size: 13px; text-decoration: none; } .nav-list > li > a > [class*="icon-"]:first-child { display: inline-block; vertical-align: middle; min-width: 30px; text-align: center; font-size: 18px; font-weight: normal; } .nav-list > li > a:focus { background-color: #f9f9f9; color: #1963aa; } .nav-list > li > a:hover { background-color: #FFF; color: #1963aa; } .nav-list > li > a:hover:before { display: block; content: ""; position: absolute; top: -1px; bottom: 0; left: 0; width: 3px; max-width: 3px; overflow: hidden; } .nav-list > li > a .arrow { display: inline-block; width: 14px!important; height: 14px; line-height: 14px; text-shadow: none; font-size: 18px; position: absolute; right: 1px; top: 11px; padding: 0; color: #666; } .nav-list > li a:hover > .arrow, .nav-list > li.active > a > .arrow, .nav-list > li.open > a > .arrow { color: #1963aa; } .nav-list > li.separator { height: 3px; background-color: transparent; position: static; margin: 1px 0; box-shadow: none; } .nav-list > li.open > a { background-color: #fafafa; color: #1963aa; } .nav-list > li.active { background-color: #fff; } .nav-list > li.active > a, .nav-list > li.active > a:hover, .nav-list > li.active > a:focus, .nav-list > li.active > a:active { /* background-color: #fff; */ /* color: #0b6cbc; */ font-weight: bold; font-size: 13px; } .nav-list > li.active > a > [class*="icon-"] { font-weight: normal; } .nav-list > li.active > a:hover:before { display: inline-block; content: ""; position: absolute!important; left: 15px; top: 2px; border: 8px solid transparent; border-width: 18px 0 18px 10px; border-left-color: #0b6cbc; } .nav-list > li.active > a:before { display: inline-block; content: ""; position: absolute!important; left: 15px; top: 2px; border: 8px solid transparent; border-width: 18px 0 18px 10px; border-left-color: #0b6cbc; } .nav-list > li.active > a:after { /*display: inline-block; content: ""; position: absolute!important; right: -1px; top: 2px; border: 8px solid transparent; border-width: 18px 10px; border-right-color: #0b6cbc;*/ } .nav-list > li.active > a.dropdown-toggle:after { border-width: 12px 7px; top: 6px; } .nav-list > li.active.no-active-child > a:after { display: inline-block!important; } .nav-list > li.active.open > a:after { display: none; } .nav-list > li.active:after { display: inline-block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; border-right: 2px solid #0b6cbc; } .nav-list > li.open { border-bottom-color: #e5e5e5; } .nav-list > li.active.open > .submenu > li.active > a:after { display: inline-block; content: ""; position: absolute!important; right: 0; top: 4px; border: 8px solid transparent; border-width: 14px 10px; border-right-color: #0b6cbc; top: 2px; } .nav-list > li.active .submenu { /*display: block;*/ } .nav-list > li .submenu { /*display: none;*/ list-style: none; margin: 0; padding: 0; position: relative; background-color: #fff; border-top: 1px solid #e5e5e5; } .nav-list > li .submenu > li { margin-left: 0; position: relative; } .nav-list > li .submenu > li > a { display: block; position: relative; color: #616161; padding: 7px 0 8px 47px; margin: 0; border-bottom: 1px dotted #e4e4e4; } .nav-list > li .submenu > li > a:focus { text-decoration: none; } .nav-list > li .submenu > li > a:hover { text-decoration: none; color: #4b88b7; background: #e5e5e5; } .nav-list > li .submenu > li:last-child > a { border-bottom: 0; } .nav-list > li .submenu > li:first-child > a { border-top: 1px solid #fafafa; } .nav-list > li .submenu > li.active > a { color: #0b6cbc; } .nav-list > li .submenu > li:before { content: ""; display: inline-block; position: absolute; width: 9px; left: 31px; top: 17px; border-top: 1px dashed #b1c9e0; } .nav-list > li .submenu > li:after { content: ""; display: inline-block; position: absolute; top: 0; bottom: 0; left: 28px; width: 0; border-left: 1px dashed #b1c9e0; } .nav-list > li .submenu > li a > [class*="icon-"]:first-child { display: none; font-size: 12px; font-weight: normal; width: 20px; height: 16px; line-height: 16px; text-align: center; position: absolute; left: 18px; top: 10px; z-index: 1; /* background-color: #FFF; */ } .nav-list > li .submenu > li.active > a > [class*="icon-"]:first-child, .nav-list > li .submenu > li:hover > a > [class*="icon-"]:first-child { display: inline-block; } .nav-list > li .submenu > li.active > a > [class*="icon-"]:first-child { color: #0B6CBC; } .icon-double-angle-right:before { content: ""; } .g-table-cntacomm .btn, .gSys-msg-win .btn, .btngrp .btn { padding: 0px; border: none; border-radius: 0px; } .btn.btn-dft-gr { border-left: 1px solid #969696; ; } .btn.btn-dft-gl { border-right: 1px solid #969696; ; } .tip-popup-dialog, .gRead-dialog .gRead-reply .ipt-t-dialog, .gRead-dialog .dialog, .gRead-dialog .gRead-reply .input, .g-probar span, .gRead-gg, .gWel-tab .tabs, .gCmp-side .tabs li, .g-toolbar, .gFToptd .bd-bottom, .g-table-comm thead tr, .gTop .tab-ctrl .ct, .gTop .tab-ctrl .tdo, .g-tabnav { background-image: none; background: #CCDEFF; } .g-table-cntacomm TD SELECT { font-size:12px; line-height:14px; } .fn-bgx, .bg-main-2 { background-image: none; background: #0B6CBC; } .gSys-msg-win .hd { height: 37px; } .gSys-msg-win .ft { border: none; } .gIbx-tablayout { min-height: 300px; height: auto; } .listContainer { overflow: hidden; } .navbar .navbar-nav > .active > a { background-color: #0B6CBC; color: #fff; } .flash_messages { position: absolute; top: 80px; right: 10px; z-index: 1000; } .flash_messages p { margin-right: 50px; } button.close { float: right; } .btn-dft { width: auto; display: inline-block; *display: inline; } .nav-small li a { margin: 0px; padding: 4px 10px; } .equipmentinfo .container { margin-top: 5%; padding: 20px; width: 100%; min-width: 305px; } .stslight { border-radius: 500px; margin-top: 13px; margin-right: 5px; height: 14px; width: 14px; float: left; display: block; } .stsok { background: #00cc00; box-shadow: 0px 0px 10px #00ee00; } .stsfail { background: #cc0000; box-shadow: 0px 0px 10px #ee0000; } .equipmentinfo .container ul li { line-height: 40px; font-size: 16px; display: block; } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }