| @@ -17,4 +17,79 @@ | ||
| 17 | 17 | #img_disp{border:1px solid #ccc;width:200px;height:200px } |
| 18 | 18 | .image_error{color:red !important;} |
| 19 | 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 | 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 | +} | |
