FAICS/src/main/webapp/css/style.css

817 lines
12 KiB
CSS

/* Styles for main
-----------------------------------------------------------*/
#board_wrap {
position: relative;
margin-top: 40px;
}
.board {
position: relative;
float: left;
width: 493px;
height: 277px;
border: 1px solid #ddd;
}
#board_wrap .m-right {
margin-right: 10px;
}
#board_wrap .m-top {
margin-top: 10px;
}
#board_wrap:after {
display: block;
overflow: hidden;
clear: both;
content: '';
}
.board .inner {
padding: 20px;
}
.board .inner .h1 {
height: 22px;
margin: 0;
color: #333;
font-size: 16px;
}
.board .inner .h1 {
position: absolute;
padding-bottom: 6px;
border-bottom: 2px solid #044796;
}
.board .btn_more {
position: absolute;
top: 0px;
right: 0px;
width: 51px;
height: 51px;
display: inline-block;
border: 1px solid #ddd;
border-top: none;
border-right: none;
text-align: center;
}
.board .btn_more a {
display: block;
padding: 26px;
background: url("../../images/cmmn/more_btn.png") no-repeat center;
}
.board .btn_more :hover {
display: block;
padding: 26px;
background: url("../../images/cmmn/more_btn_on.png") no-repeat center;
}
.board_content {
padding-top: 50px;
}
.board_content ul li {
position: relative;
display: block;
padding: 12px 0 8px;
border-bottom: 1px dotted #ddd;
}
.board_content ul li:last-child {
border-bottom: none;
}
.board_content ul li a {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 68%;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.board_content ul li a:hover {
color: #333;
font-weight: bold;
text-decoration: underline;
}
.board_content ul li span.date {
float: right;
}
/* Styles for faMember
-----------------------------------------------------------*/
.placeList {
}
.placeList ul {
margin: 0 0 40px;
padding: 3% 2%;
background-color: #f5f5f5;
border: 1px solid #cbcbcb;
}
.placeList ul li {
display: inline-block;
margin: 2px 0px;
min-width: 12%;
}
.placeList ul li:frist-child {
color: #fff;
font-weight: bold;
background: #478edc;
border: 1px solid #478edc;
}
.placeList ul li a {
display: block;
padding: 8px 5px;
background: #fff;
border: 1px solid #dddddd;
border-radius: 3px;
font-size: 14px;
white-space: nowrap;
text-align: center;
}
.placeList ul li.select a, .placeList ul li:hover a {
color: #fff;
font-weight: bold;
background: #478edc;
border: 1px solid #478edc;
}
.tbl_memberList {
border-bottom: 1px solid #8e8e8e;
border-top: 2px solid #2d2d2d;
}
.tbl_memberList thead tr th {
background-color: #f8f8f8;
padding: 13px 10px;
border-left: 1px solid #dcdcdc;
text-align: center;
}
.tbl_memberList thead tr th:first-child {
border-left: 0;
}
.tbl_memberList tbody tr td:first-child {
border-left: 0;
}
.tbl_memberList tbody tr td {
font-weight: 500;
padding: 13px 8px;
border-top: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
}
.tbl_listinfo {
margin-bottom: 20px;
}
.tbl_add .notice {
color: #1f8ae2;
font-weight: 400;
}
.tbl_add .form_radio input:first-child {
margin: 0 8px 0 0;
}
.pwd_desc {
color: #e64545 !important;
}
.tbl_add .form_radio input {
margin: 0 8px 0 16px;
}
.tbl_list_input td {
padding: 13px 4px !important;
}
.tbl_list_input td>* {
vertical-align: middle;
}
.tbl_list_input td input {
text-align: center;
height: 24px;
border: 1px solid #ccc;
}
.tbl_list_input input[type="button"] {
padding: 0 3px;
height: 26px;
line-height: 26px;
border: 1px solid #d7d7d7;
border-radius: 3px;
background: #fff;
font-size: 13px;
font-weight: 700;
text-align: center;
color: #333;
cursor: pointer;
}
.tbl_list_input input[type="radio"] {
margin: 0 6px;
}
.tbl_list_input2 input[type="radio"] {
margin: 0 10px;
}
.tbl_list_input2 input:first-child {
margin-left: 0px;
}
.tbl_list_input input[type="text"] {
margin: 0 6px;
}
#auth_control_pannel {
display: none;
border: 1px solid #d8d8d8;
background: #fff;
position: absolute;
left: 1178px;
top: 673px;
width: 160px;
}
#auth_control_pannel_rpt {
border: 1px solid #c8c8c8;
background: #fff;
position: absolute;
left: 0;
top: 0;
display: none;
width: 160px;
}
#auth_control_pannel ul li, #auth_control_pannel_rpt ul li {
border-top: 1px dotted #d8d8d8;
padding: 6px 6px;
}
#auth_control_pannel ul li:first-child, #auth_control_pannel_rpt ul li:first-child
{
border-top: 0px;
}
#auth_control_pannel ul li input[type="button"],
#auth_control_pannel_rpt ul li input[type="button"] {
padding: 0 3px;
height: 26px;
line-height: 26px;
border: 1px solid #d7d7d7;
border-radius: 3px;
background: #fff;
font-size: 13px;
font-weight: 700;
text-align: center;
color: #333;
cursor: pointer;
}
/* Styles for weakplace
-----------------------------------------------------------*/
#divPrintArea .tbl_listview {
margin-bottom: 20px;
}
/* Styles for codeManage
-----------------------------------------------------------*/
#code_tab ul {
overflow: hidden;
margin-top: 15px;
}
#table div.inlinetable:first-child {
width: 480px;
float: left;
margin-top: 30px;
}
#table div.inlinetable:last-child {
width: 500px;
float: left;
margin-top: 30px;
}
#table div.inlinetable:last-child {
margin-left: 20px;
}
.clear:after {content:""; display:block; clear:both;}
.code {
cursor: pointer;
}
.addLine, .edit {
display:none;
}
.addLine {
background-color: #f7f7f7;
}
.code_list {
border-bottom: 1px solid #8e8e8e;
border-top: 2px solid #2d2d2d;
}
.code_list thead th {
height: 43px;
background-color: #f8f8f8;
border-bottom: 1px solid #8e8e8e;
text-align: center;
color: #333;
}
.code_list thead tr:nth-child(2) th{
padding: 8px 4px;
}
.code_list tbody td {
word-break: break-all;
}
.code_list tbody td {
padding: 13px 4px;
border-bottom: 1px dotted #dcdcdc;
}
.addLine .input_text input {
width: 84px;
}
.addLine td input[type="text"] {
width: 60px;
}
.addLine .listtd input {
width: 50px;
}
.addLine td.w-100 input {
width: 100px;
}
.code_list tbody td a {
color: #333;
}
.code_list tbody .code:hover {
text-decoration: underline;
}
.codeInfo {
padding-bottom: 14px;
}
.codeInfo > * {
vertical-align: middle;
}
.codeInfo span {
margin-left: 6px;
font-weight: bold;
font-size: 14px;
}
.codeInfo .code_btn {
float: right;
display: block;
padding: 0 10px;
line-height: 27px;
border: 1px solid #9b9b9b;
background: #fff;
font-size: 13px;
font-weight: 700;
text-align: center;
color: #333;
cursor: pointer;
}
.code_list tbody input[type="button"] {
padding: 0 2px;
height: 26px;
line-height: 26px;
border: 1px solid #d7d7d7;
border-radius: 3px;
background: #fff;
font-size: 13px;
font-weight: 700;
text-align: center;
color: #333;
cursor: pointer;
}
.code_list tbody input[type="button"]:last-child {
margin-top: 2px;
}
.code_list tbody td input[type="text"] {
width: 78px;
}
/* Styles for eduadd-popup
-----------------------------------------------------------*/
#divMemberSelectPopup > table {
width: 100%;
}
.user_name {
position: relative;
text-align: left;
margin: 10px 5px 15px 5px;
}
.user_name ul li {
display: inline-block;
vertical-align: middle;
}
.user_name ul li label {
padding: 0 6px;
}
.user_name input[type="text"] {
width: 200px;
height: 30px;
border: 1px solid #d7d7d7;
line-height: 30px;
text-indent: 10px;
box-sizing: border-box;
}
.search_btn button {
display: inline-block;
height: 30px;
padding: 0 30px;
line-height: 30px;
border-radius: 3px;
background: #393d49;
color: #fff;
font-weight: 700;
vertical-align: middle;
cursor: pointer;
}
.divMemberSelectPopup .tbl_list tbody td:nth-child(2) {
text-align: left !important;
}
.divMemberSelectPopup .tbl_list tbody td:nth-child(3) {
text-align: left !important;
}
.user_img img {
max-width: 100px;
}
/* Styles for statslist
-----------------------------------------------------------*/
/*.tabs {
display: inline-block;
width:100%;
margin-bottom: 10px;
}
.tabs ul {
width: 100%;
height: 37px;
border-bottom: 1px solid #d7d7d7;
}
.tabs ul li {
float: left;
display: inline-block;
padding: 10px 15px;
font-size: 16px;
line-height: 16px;
border: 1px solid #d7d7d7;
border-left: 0;
background-color: #f5f5f5;
}
.tabs ul li:FIRST-CHILD {
border-left: 1px solid #d7d7d7;
}
.tabs ul li.selected {
background-color: #fff;
border-bottom: 1px solid #fff;;
}
.tabs ul li:first-child {
margin-left: 0 !important;
}
.tabs ul li:last-child {
margin-right: 0 !important;
}
.tabs ul li:hover p, .tabs ul li.selected p {
background: #fff;
border-top: 4px solid #5e7188;
margin-top: 0px;
padding: 1px 0px 0px;
font-weight: bold;
color: #404040;
text-decoration: none;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.tabs ul li p {
display: table;
margin-top: 4px;
width: 100%;
text-align: center;
background: #fbf9f9;
border: 1px solid #dcdcdc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabs ul li p a {
display: table-cell;
height: 48px;
text-align: center;
vertical-align: middle;
}*/
.tabs {
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.tabs ul li {
width: 20%;
float: left;
}
.tabs ul li a {
display: block;
height: 43px;
border: 1px solid #d7d7d7;
border-left: 0 none;
border-bottom-color: #333;
background: #f8f8f8;
line-height: 43px;
text-align: center;
color: #666;
font-weight: bold;
}
.tabs ul li:first-child a {
border-left: 1px solid #d7d7d7;
}
.tabs ul li.selected a {
height: 42px;
margin-left: -1px;
border: 1px solid #333;
border-top-width: 3px;
border-bottom: 0;
background: #fff;
color: #333;
}
span.save {
color:#1665bc;
font-weight: 600;
}
.th-bg {
background: #f8f8f8;
}
.th-bg td {
background: #f8f8f8;
}
.mb-checkbox label {
font-weight: bold;
margin: 0 5px;
}
.bold {
font-weight: bold;
}
.text_blue {
color: #478edc;
}
.text_red {
color: #ed1c24;
}
#divCmmnMemberEditPopup > table {
width: 100%;
}
.w-240 select {
width: 240px !important;
}
.iconImportant {
width: 9px;
height: 10px;
background: url("../../images/cmmn/icon_important.gif") no-repeat center;
margin-right: 3px;
}
/* Styles for chinaadd
-----------------------------------------------------------*/
.chinaAddTable .tbl_add tr td input[type="text"]{
padding:0 4px;
}
.tbl_add tr td input[type="text"].w-50{
width:50px;
}
.tbl_add tr td input[type="text"].w-66{
width:66px;
}
.tbl_add tr td input[type="text"].w-74{
width:74px;
}
.tbl_add tr td input[type="text"].w-100{
width:100px;
}
.tbl_add tr td input[type="text"].w-112{
width:112px;
}
.tbl_add tr td input[type="text"].w-320{
width:320px;
}
.tbl_add .form_search select.sw-102 {
width: 102px;
}
.tbl_add .form_search select.sw-210 {
width: 210px;
}
.tbl_add .form_search select.w-76{
width:76px;
}
.search2 li.w-210 select{
width:210px;
}
.ml-10{
margin-left:10px;
}
.ml-16{
margin-left:16px;
}
.ml-24{
margin-left:24px;
}
.ml-38{
margin-left:38px;
}
.ml-48{
margin-left:48px;
}
.ml-72{
margin-left:72px;
}
/* Styles for chinaList
-----------------------------------------------------------*/
.tbl_scroll_wrap{
width:100%;
overflow-x:scroll;
}
.tbl_scroll_b{
max-height:660px;
overflow-y:scroll;
width: 3250px;
}
.tbl_scroll_h table{
width:3250px;
font-size:11px;
}
.tbl_scroll_b table{
width:3230px;
font-size:11px;
border-top:0;
}
.tbl_scroll_h thead tr:last-child th{
border-top:1px solid #dcdcdc;
}
.tbl_scroll_h thead tr:last-child th:first-child{
border-left:1px solid #dcdcdc;
}
.tbl_scroll_h tbody th{
border-top:1px solid #dcdcdc;
text-align:center;
}
.tbl_scroll_b td{
text-align:center;
}
.chn_table{
position:absolute;
top:1038px;
left:0;
}
.chn_table .pageinfo{
padding-top:30px;
}
.fl {
float : left;
}
.text_num {
text-align : right !important;
}
.text_str {
text-align : left !important;
}
.text_ct {
text-align : center !important;
}
.chn_hr{
margin:3px 0;
border:0;
border-bottom:1px solid #898989;
}
.search_list .list-box .select_list .chn_label{
width:40px;
padding-left:10px;
margin-left:15px;
}
.chn_radio input[type=radio]{
vertical-align:middle;
}
.ml-8{
margin-left:8px;
}
.chn_loading_wrap{
display:table;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:.65;
z-index:999;
}
.chn_loading{
display:table-cell;
vertical-align:middle;
text-align:center;
}