123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- 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;
- }
|