| 对比新文件 |
| | |
| | | body{ |
| | | overflow: hidden; |
| | | width: 540px; |
| | | } |
| | | .wrapper { |
| | | margin: 10px auto 0; |
| | | font-size: 12px; |
| | | overflow: hidden; |
| | | width: 520px; |
| | | height: 315px; |
| | | } |
| | | |
| | | .clear { |
| | | clear: both; |
| | | } |
| | | |
| | | .wrapper .left { |
| | | float: left; |
| | | margin-left: 10px;; |
| | | } |
| | | |
| | | .wrapper .right { |
| | | float: right; |
| | | border-left: 2px dotted #EDEDED; |
| | | padding-left: 15px; |
| | | } |
| | | |
| | | .section { |
| | | margin-bottom: 15px; |
| | | width: 240px; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .section h3 { |
| | | font-weight: bold; |
| | | padding: 5px 0; |
| | | margin-bottom: 10px; |
| | | border-bottom: 1px solid #EDEDED; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .section ul { |
| | | list-style: none; |
| | | overflow: hidden; |
| | | clear: both; |
| | | |
| | | } |
| | | |
| | | .section li { |
| | | float: left; |
| | | width: 120px;; |
| | | } |
| | | |
| | | .section .tone { |
| | | width: 80px;; |
| | | } |
| | | |
| | | .section .preview { |
| | | width: 220px; |
| | | } |
| | | |
| | | .section .preview table { |
| | | text-align: center; |
| | | vertical-align: middle; |
| | | color: #666; |
| | | } |
| | | |
| | | .section .preview caption { |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .section .preview td { |
| | | border-width: 1px; |
| | | border-style: solid; |
| | | height: 22px; |
| | | } |
| | | |
| | | .section .preview th { |
| | | border-style: solid; |
| | | border-color: #DDD; |
| | | border-width: 2px 1px 1px 1px; |
| | | height: 22px; |
| | | background-color: #F7F7F7; |
| | | } |