Mercurial > dottes
comparison web/css/dottes.css @ 369:e5f59f0e7dd5
Add audio player to tune web page.
Add an <audio> tag to the bottom centre of the tune web page. Give it options for MP3 and
OGG files. Most browsers will play MP3, and the ones that won't (Firefox) will play OGG.
Since we now have to generate OGGs, add a download link as well.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Wed, 28 Aug 2013 11:54:45 +0100 |
| parents | b233893b4c51 |
| children | ab1b5b833a0c |
comparison
equal
deleted
inserted
replaced
| 368:78afd8761dac | 369:e5f59f0e7dd5 |
|---|---|
| 182 } | 182 } |
| 183 | 183 |
| 184 div.dottes-tune-footer-left | 184 div.dottes-tune-footer-left |
| 185 { | 185 { |
| 186 display: table-cell; | 186 display: table-cell; |
| 187 width: 25%; | |
| 188 } | |
| 189 | |
| 190 div.dottes-tune-footer-centre | |
| 191 { | |
| 192 display: table-cell; | |
| 193 text-align: center; | |
| 187 width: 50%; | 194 width: 50%; |
| 188 } | 195 } |
| 189 | 196 |
| 190 div.dottes-tune-footer-right | 197 div.dottes-tune-footer-right |
| 191 { | 198 { |
| 192 display: table-cell; | 199 display: table-cell; |
| 193 text-align: right; | 200 text-align: right; |
| 194 width: 50%; | 201 width: 25%; |
| 195 } | 202 } |
| 196 | 203 |
| 197 a.dottes-tune-link | 204 a.dottes-tune-link |
| 198 { | 205 { |
| 199 font-size: 20px; | 206 font-size: 20px; |
| 228 | 235 |
| 229 ul.tune-data-list li | 236 ul.tune-data-list li |
| 230 { | 237 { |
| 231 display: inline; | 238 display: inline; |
| 232 margin-left: 0; | 239 margin-left: 0; |
| 233 margin-right: 20px; | 240 margin-right: 10px; |
| 234 } | 241 } |
| 235 | 242 |
| 236 div.dottes-tune-list | 243 div.dottes-tune-list |
| 237 { | 244 { |
| 238 display: table; | 245 display: table; |