| 1 |
#gridTbl{width: 100%;} |
| 2 |
.table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #E1E1E1} |
| 3 |
.table th{font-weight:bold;} |
| 4 |
.table thead th{vertical-align:bottom;} |
| 5 |
.table thead:first-child tr th,.table thead:first-child tr td{border-top:0;} |
| 6 |
.table tbody+tbody{border-top:2px solid #ddd;} |
| 7 |
.table-condensed th,.table-condensed td{padding:4px 5px;background-color: #ffffff;} |
| 8 |
.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #E1E1E1;background-color: #ffffff;} |
| 9 |
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;} |
| 10 |
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;} |
| 11 |
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;} |
| 12 |
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;} |
| 13 |
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;} |
| 14 |
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;} |
| 15 |
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;} |
| 16 |
.alignCenter{text-align: center;} |
| 17 |
#img_disp{border:1px solid #ccc;width:200px;height:200px } |
| 18 |
.image_error{color:red !important;} |
| 19 |
.succMsg{background:#E2F3DA !important;border: 1px solid #9ADF8F !important;color:#556652 !important ;padding:8px 8px 8px 36px !important;text-align:left !important;margin:5px !important;margin-left: 0px !important;margin-top: 30px !important;width:505px !important;} |
| 20 |
.errMsg{background:#FFCECE !important;border: 1px solid #DF8F8F !important;color:#665252 !important ;padding:8px 8px 8px 36px !important; text-align:left !important;margin:5px !important;margin-left: 0px !important;margin-top: 30px !important;width:505px !important ;} |
| 21 |
.postbox .inside, .stuffbox .inside {padding: 0 12px 12px !important;line-height: 1.4em !important;font-size: 13px !important;} |
| 22 |
.pagination { |
| 23 |
clear: both; |
| 24 |
padding: 20px 0; |
| 25 |
position: relative; |
| 26 |
font-size: 11px; |
| 27 |
line-height: 13px; |
| 28 |
} |
| 29 |
|
| 30 |
.pagination span, .pagination a { |
| 31 |
display: block; |
| 32 |
float: left; |
| 33 |
margin: 2px 2px 2px 0; |
| 34 |
padding: 6px 9px 5px 9px; |
| 35 |
text-decoration: none; |
| 36 |
width: auto; |
| 37 |
color: #fff; |
| 38 |
background: #555; |
| 39 |
} |
| 40 |
|
| 41 |
.pagination a:hover { |
| 42 |
color: #fff; |
| 43 |
background: #3279BB; |
| 44 |
} |
| 45 |
|
| 46 |
.pagination .current { |
| 47 |
padding: 6px 9px 5px 9px; |
| 48 |
background: #3279BB; |
| 49 |
color: #fff; |
| 50 |
} |
| 51 |
|
| 52 |
@media only screen and (max-width: 800px) { |
| 53 |
/* Force table to not be like tables anymore */ |
| 54 |
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, |
| 55 |
#no-more-tables th, #no-more-tables td, #no-more-tables tr { |
| 56 |
display: block; |
| 57 |
} |
| 58 |
|
| 59 |
/* Hide table headers (but not display: none;, for accessibility) */ |
| 60 |
#no-more-tables thead tr { |
| 61 |
position: absolute; |
| 62 |
top: -9999px; |
| 63 |
left: -9999px; |
| 64 |
} |
| 65 |
#no-more-tables tr { |
| 66 |
border: 1px solid #ccc; |
| 67 |
} |
| 68 |
#no-more-tables td { |
| 69 |
/* Behave like a "row" */ |
| 70 |
border: none; |
| 71 |
border-bottom: 1px solid #eee; |
| 72 |
position: relative; |
| 73 |
padding-left: 50%; |
| 74 |
white-space: normal; |
| 75 |
text-align: left; |
| 76 |
} |
| 77 |
#no-more-tables td:before { |
| 78 |
/* Now like a table header */ |
| 79 |
position: absolute; |
| 80 |
/* Top/left values mimic padding */ |
| 81 |
top: 6px; |
| 82 |
left: 6px; |
| 83 |
width: 45%; |
| 84 |
padding-right: 10px; |
| 85 |
white-space: nowrap; |
| 86 |
text-align: left; |
| 87 |
font-weight: bold; |
| 88 |
} |
| 89 |
|
| 90 |
/* |
| 91 |
Label the data |
| 92 |
*/ |
| 93 |
#no-more-tables td:before { |
| 94 |
content: attr(data-title); |
| 95 |
} |
| 96 |
|
