@charset "utf-8"; /* CSS Document */ body{ overflow-x:hidden; } #content{ width:100%; } #content .left{ float:left; width:40%; overflow: hidden; } /*服务器连接参数设置头部样式*/ #content .left .server-param{ display: block; width:100%; height:40px; font-weight: bold; background:url(../image/table_th_bg.gif) repeat-x; } #content .left .server-param strong{ display: block; height:40px; line-height: 40px; padding-left:48px; background:url(../image/serverbg.png) no-repeat 5px 4px; } /*连接参数设置*/ #content .left .connect-param{ display: block; width:100%; height:40px; font-weight: bold; background:url(../image/table_th_bg.gif) repeat-x; } #content .left .connect-param strong{ display: block; height:40px; line-height: 40px; padding-left:48px; background:url(../image/connectbg.png) no-repeat 5px 4px; } #content .left table{ width:100%; font-size:14px; border-collapse:collapse; } #content .left table td{ padding:0; border:1px solid #ccc; white-space: nowrap; } #content .left select{ width:90%; height:26px; margin-left:5%; border:1px solid #ccc; } #content .left input[type="text"]{ width:90%; height:26px; margin-left:5%; } #content .left .fweight{ height:38px; font-weight:bold; text-indent:0.5em; } #content .right{ float:right; width:60%; } /*图表分析显示参数*/ #content .right .img-param{ display: block; width:100%; height:40px; font-weight: bold; background:url(../image/table_th_bg.gif) repeat-x; } #content .right .img-param strong{ display: block; height:40px; line-height: 40px; padding-left:48px; background:url(../image/imgparambg.png) no-repeat 5px 4px; } #content .left input[type="button"]{ padding:8px 24px; color: #5a742d; border: 1px solid #95b959; background-image: -moz-linear-gradient(#cae387, #a5cb5e); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387)); background-image: -webkit-linear-gradient(#cae387, #a5cb5e); background-image: -o-linear-gradient(#cae387, #a5cb5e); text-shadow: 1px 1px 1px #dff4bc; background-color: #a5cb5e; /*位置确定*/ margin-top:10px; margin-bottom:10px; margin-left:80%; } #content .left input[type="button"]:hover{ border: 1px solid #687e30; background-image: -moz-linear-gradient(#a5cb5e, #cae387); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e)); background-image: -webkit-linear-gradient(#a5cb5e, #cae387); background-image: -o-linear-gradient(#a5cb5e, #cae387); background-color: #cae387; } #content .left input[type="button"]:active{ border: 1px solid #506320; } /*选项卡样式*/ #content .right .tab-container{ width:100%; } #content .right .tab-container .tab{ width:100%; height:40px; background-color:#fff; } #content .right .tab-container .tab a{ display: block; float: left; width:33%; height:38px; line-height: 40px; text-align: center; color:#000; text-decoration: none; cursor:pointer; border-top:1px solid #000; border-bottom:1px solid #000; } #content .right .tab-container .tab a:hover{ color:#1c4ce7; } #content .right .tab-container .tab .head-end{ border-right:1px solid #000; border-left:1px solid #000; } #content .right .tab-container .tab .action{ border-bottom:none; } #content .right .tab-container .tab-content{ width:100%; } #content .right .tab-container .tab-content .tab-list{ width:100%; } #content .right .tab-container .tab-content .show{ display: block; _display:block; } #content .right .tab-container .tab-content .hide{ display: none; _display:none; } #content .right .tab-container .tab-content .tab-list table{ width:99.5%; border-collapse:collapse; } #content .right .tab-container .tab-content .tab-list table td{ height:34px; text-indent:0.5em; border:1px solid #ccc; } #content .right .tab-container .tab-content .tab-list table td input[type="checkbox"]{ margin-right:6px; } #content .right .tab-container .tab-content .tab-list table td input[type="text"]{ width:90%; height:30px; } #content .right .tab-container .tab-content .tab-list table td input[type="text"][readonly]{ background-color:#ccc; } #content .right .tab-container .tab-content .tab-list table td select{ width:90%; height:30px; } #content .right .tab-container .tab-content .tab-list .fweight{ height:40px; border:none; background:url(../image/table_th_bg.gif) repeat-x; } /*页面按钮样式*/ #content .button-container{ width:100%; border:1px solid #ccc; } #content .button-container input[type="button"]{ padding:8px 24px; color: #5a742d; border: 1px solid #95b959; background-image: -moz-linear-gradient(#cae387, #a5cb5e); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387)); background-image: -webkit-linear-gradient(#cae387, #a5cb5e); background-image: -o-linear-gradient(#cae387, #a5cb5e); text-shadow: 1px 1px 1px #dff4bc; background-color: #a5cb5e; /*位置确定*/ margin-top:10px; margin-bottom:10px; margin-left:90%; } #content .button-container input[type="button"]:hover{ border: 1px solid #687e30; background-image: -moz-linear-gradient(#a5cb5e, #cae387); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e)); background-image: -webkit-linear-gradient(#a5cb5e, #cae387); background-image: -o-linear-gradient(#a5cb5e, #cae387); background-color: #cae387; } #content .button-container input[type="button"]:active{ border: 1px solid #506320; }