@charset "UTF-8"; #content{ width:100%; } #content .left,#content .right{ float:left; overflow: hidden; } #content .left{ width:80%; background-color:#fff; } #content .right{ width:20%; background-color:#fff; } /*表格固定头部样式*/ #tb-head{ width:100%; height:30px; position:relative; overflow:hidden; } #tb-head table{ position:absolute; width: 100%; border-collapse:collapse; } #tb-head table th{ border:1px solid #ccc; padding:6px 10px; text-align: center; white-space: nowrap; background:url(../image/table_th_bg.gif) repeat-x; } #tb-head table td{ border:1px solid #ccc; padding:6px 10px; text-align: center; white-space: nowrap; } /*表格滚动部分样式*/ #tb-body{ position:relative; width:100%; height:300px; overflow:scroll; } #tb-body table{ position:absolute; width: 100%; border-collapse:collapse; top:-28px; } #tb-body table th{ border:1px solid #ccc; padding:6px 10px; text-align: center; white-space: nowrap; background:url(../image/table_th_bg.gif) repeat-x; } #tb-body table td{ border:1px solid #ccc; padding:6px 10px; text-align: center; white-space: nowrap; } /*右侧样式*/ #content .right ul{ width:100%; } #content .right li{ width:100%; padding:6px 0; } #content .right .list-top{ text-indent: 5%; font-weight: bold; line-height: 1.4234em; background:url(../image/table_th_bg.gif) repeat-x; } #content .right select{ margin-left: 5%; width: 90%; height: 24px; border:1px solid #b8cfe5; } #content .right input[type="text"]{ margin-left: 5%; width: 40%; height:24px; border:1px solid #b8cfe5; } #content .right .btn-contain { padding: 10px 0; background-color: #E0DDDD; } #content .right input[type="button"] { /*初始化按钮*/ font-size: 12px; text-decoration: none!important; font-family: Helvetica, Arial, sans serif; padding: 6px 14px; 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: 20%; } #content .right 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; } #content .right li table{ width:100%; border:none; border-spacing: 0; } #content .right li table td{ padding:6px 0; border:0; } /*定义被鼠标点击的背景色*/ .b8cfe5{ background-color:#b8cfe5; }