| 提交 | 用户 | 时间 | ||
| 1ac2bc | 1 | body{ |
| 懒 | 2 | overflow: hidden; |
| 3 | width: 540px; | |
| 4 | } | |
| 5 | .wrapper { | |
| 6 | margin: 10px auto 0; | |
| 7 | font-size: 12px; | |
| 8 | overflow: hidden; | |
| 9 | width: 520px; | |
| 10 | height: 315px; | |
| 11 | } | |
| 12 | ||
| 13 | .clear { | |
| 14 | clear: both; | |
| 15 | } | |
| 16 | ||
| 17 | .wrapper .left { | |
| 18 | float: left; | |
| 19 | margin-left: 10px;; | |
| 20 | } | |
| 21 | ||
| 22 | .wrapper .right { | |
| 23 | float: right; | |
| 24 | border-left: 2px dotted #EDEDED; | |
| 25 | padding-left: 15px; | |
| 26 | } | |
| 27 | ||
| 28 | .section { | |
| 29 | margin-bottom: 15px; | |
| 30 | width: 240px; | |
| 31 | overflow: hidden; | |
| 32 | } | |
| 33 | ||
| 34 | .section h3 { | |
| 35 | font-weight: bold; | |
| 36 | padding: 5px 0; | |
| 37 | margin-bottom: 10px; | |
| 38 | border-bottom: 1px solid #EDEDED; | |
| 39 | font-size: 12px; | |
| 40 | } | |
| 41 | ||
| 42 | .section ul { | |
| 43 | list-style: none; | |
| 44 | overflow: hidden; | |
| 45 | clear: both; | |
| 46 | ||
| 47 | } | |
| 48 | ||
| 49 | .section li { | |
| 50 | float: left; | |
| 51 | width: 120px;; | |
| 52 | } | |
| 53 | ||
| 54 | .section .tone { | |
| 55 | width: 80px;; | |
| 56 | } | |
| 57 | ||
| 58 | .section .preview { | |
| 59 | width: 220px; | |
| 60 | } | |
| 61 | ||
| 62 | .section .preview table { | |
| 63 | text-align: center; | |
| 64 | vertical-align: middle; | |
| 65 | color: #666; | |
| 66 | } | |
| 67 | ||
| 68 | .section .preview caption { | |
| 69 | font-weight: bold; | |
| 70 | } | |
| 71 | ||
| 72 | .section .preview td { | |
| 73 | border-width: 1px; | |
| 74 | border-style: solid; | |
| 75 | height: 22px; | |
| 76 | } | |
| 77 | ||
| 78 | .section .preview th { | |
| 79 | border-style: solid; | |
| 80 | border-color: #DDD; | |
| 81 | border-width: 2px 1px 1px 1px; | |
| 82 | height: 22px; | |
| 83 | background-color: #F7F7F7; | |
| 84 | } | |
