Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <head> | |
|
esprehn
2016/03/29 05:10:31
missing <!DOCTYPE html>
qinmin
2016/03/29 19:23:37
Done.
| |
| 2 <meta name="viewport" content="width=device-width"> | |
| 3 <style> | |
| 4 body { | |
| 5 background-color: black; | |
| 6 margin: 0; | |
| 7 } | |
| 8 .button1 { | |
| 9 display: inline-block; | |
| 10 margin-top: 32px; | |
| 11 padding: 0 16px 0 16px; | |
| 12 height: 36px; | |
| 13 background: #4285F4; | |
| 14 font-family: Roboto; | |
| 15 font-size: 14px; | |
| 16 border-radius: 5px; | |
| 17 color: white; | |
| 18 font-weight: bold; | |
| 19 text-decoration:none; | |
| 20 line-height: 36px; | |
| 21 } | |
| 22 | |
| 23 .div1 { | |
| 24 display: flex; | |
| 25 flex-direction: column; | |
| 26 justify-content: center; | |
| 27 align-items: center; | |
| 28 min-height: min-content; | |
| 29 height: 100%; | |
| 30 } | |
| 31 | |
| 32 .div2 { | |
| 33 text-align: center; | |
| 34 position: absolute; | |
| 35 left: 0; | |
| 36 right: 0; | |
| 37 } | |
| 38 | |
| 39 .video { | |
| 40 height: 1px; | |
| 41 width: 300px; | |
| 42 object-fit: contain; | |
| 43 } | |
| 44 </style> | |
| 45 </head> | |
| 46 <body> | |
| 47 <div class="div1"> | |
| 48 <video controls autoplay class="video"><source src="../../../../../media/content /silence.wav"></video> | |
| 49 <div class="div2"><a href="../../../../../media/content/silence.wav" download cl ass="button1">DOWNLOAD</a></div> | |
| 50 </div> | |
| 51 </body> | |
| OLD | NEW |