Mercurial > dottes
comparison web/css/dottes.css @ 224:db569ede2165
Give in to my inner OCD and make the tune list a DIV with CSS, not a table.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Fri, 22 Feb 2013 23:20:06 +0000 |
| parents | 8e6105d2bf59 |
| children | 129f92df03b5 |
comparison
equal
deleted
inserted
replaced
| 223:0ef955669a9a | 224:db569ede2165 |
|---|---|
| 124 | 124 |
| 125 a.dottes-tune-link | 125 a.dottes-tune-link |
| 126 { | 126 { |
| 127 font-size: 20px; | 127 font-size: 20px; |
| 128 position: relative; | 128 position: relative; |
| 129 top: 10px; | 129 top: 12px; |
| 130 } | |
| 131 | |
| 132 table.dottes-tune-table | |
| 133 { | |
| 134 margin: 10px; | |
| 135 } | |
| 136 | |
| 137 table.dottes-tune-table td | |
| 138 { | |
| 139 vertical-align: middle; | |
| 140 } | 130 } |
| 141 | 131 |
| 142 ul.tune-type-list | 132 ul.tune-type-list |
| 143 { | 133 { |
| 144 list-style-type: none; | 134 list-style-type: none; |
| 166 ul.tune-data-list li | 156 ul.tune-data-list li |
| 167 { | 157 { |
| 168 display: inline; | 158 display: inline; |
| 169 margin: 10px; | 159 margin: 10px; |
| 170 } | 160 } |
| 161 | |
| 162 div.dottes-tune-list | |
| 163 { | |
| 164 display: table; | |
| 165 margin: 10px; | |
| 166 } | |
| 167 | |
| 168 div.dottes-tune-list-item | |
| 169 { | |
| 170 display: table-row; | |
| 171 } | |
| 172 | |
| 173 div.dottes-tune-list-item-link | |
| 174 { | |
| 175 display: table-cell; | |
| 176 vertical-align: middle; | |
| 177 } | |
| 178 | |
| 179 div.dottes-tune-list-item-image | |
| 180 { | |
| 181 display: table-cell; | |
| 182 vertical-align: middle; | |
| 183 } |
