@charset "utf-8"; /* CSS Document */ *{ /*将内容变得不可选*/ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } #content .left,#content .right{ float: left; } /*左侧作业参数列表*/ #content .left{ width:24%; height:300px; overflow-y:scroll; overflow-x:hidden; background-color:#pink; } #content .left ul{ width:100%; background-color:#fff; border-top:1px solid #ccc; } #content .left li{ width:100%; padding:8px 0; border-bottom:1px solid #ccc; text-indent:1.5em; } /*右侧选择内容*/ #content .right{ position: relative; width:76%; overflow:hidden; background-color:#fff; } #content .right .tab{ width:100%; background-color:#fff; } #content .right .tab{ position:relative; width:100%; z-index:100; } #content .right .tab .tab-btn1,#content .right .tab .tab-btn2{ float:left; padding:8px 30px; border-left:1px solid #ccc; border-top:1px solid #ccc; } #content .right .tab .tab-btn1{ margin-left:2%; } #content .right .tab .tab-btn2{ border-right:1px solid #ccc; } #tab-con{ position:relative; width:100%; height:400px; overflow-y:scroll; overflow-x:hidden; } #tab-con .tab-list{ position:relative; } #tab-con .list{ float:left; overflow:hidden; width:30%; margin-left:2%; margin-bottom:20px; border:1px solid #ccc; } #tab-con .list span{ display: block; width:100%; height:30px; line-height:30px; text-indent: 1.5em; background:url(../image/table_th_bg.gif) repeat-x; } #tab-con .list div{ width:100%; height:100px; line-height:100px; text-align: center; } #tab-con .list input[type="text"]{ width:80%; height:30px; border:1px solid #b8cfe5; } #tab-con .list select{ width:80%; height:28px; border:1px solid #b8cfe5; } #tab-con .list table{ width:80%; height:100px; margin-left:10%; text-align: center; } #tab-con .list table input[type="checkbox"]{ margin-right:6px; } #tab-con .list table select{ width:100%; } /*右键菜单内容*/ #right-menu{ display:none; _display:none; position:absolute; border:1px solid #b6c1fa; background-color:#fff; font-size: 12px; top:0; left:0; z-index:9999999; } #right-menu a{ display:block; _display:block; padding:8px 16px; color:#000; text-decoration:none; } #right-menu a:hover{ background-color:#aae5f7; } #right-menu a:visited{ color:#000; } /*新建作业参数和重命名作业参数*/ #nbuilt,#rename{ display:none; position:absolute; width:300px; background-color:#fff; top:200px; left:50%; margin-left:-150px; z-index:9999990; } #nbuilt span,#rename span{ display: block; text-indent: 1.5em; width:100%; height:30px; line-height: 30px; background:url(../image/table_th_bg.gif) repeat-x; } #nbuilt .txt-con,#rename .txt-con{ width:100%; height:100px; line-height: 100px; text-align: center; } #nbuilt .txt-con input[type="text"],#rename .txt-con input[type="text"]{ width:80%; height:30px; border:1px solid #b8cfe5; } #nbuilt .btn-con,#rename .btn-con{ margin-bottom:10px; } #nbuilt .btn-con input[type="button"],#rename .btn-con input[type="button"]{ /*初始化按钮*/ font-size: 12px; text-decoration: none!important; font-family: Helvetica, Arial, sans serif; padding: 6px 12px; border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0px 0px 2px #fff; -o-box-shadow: inset 0px 0px 2px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; /*定义颜色和样式*/ color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; /*确定位置*/ margin-left:60px; } #nbuilt .btn-con input[type="button"]:hover,#rename .btn-con input[type="button"]:hover{ border: 1px solid #4690ad; background-image: -moz-linear-gradient(#73d0f1, #aae5f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-image: -o-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } /*定义被鼠标点击的背景色*/ .b8cfe5{ background-color:#b8cfe5; } /*字体颜色*/ .blue{ color:blue; } /*隐藏内容*/ .hide{ display: none; }