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 }