| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <link href="resources/flexbox.css" rel="stylesheet"> | 4 <link href="resources/flexbox.css" rel="stylesheet"> |
| 5 <style> | 5 <style> |
| 6 | 6 |
| 7 #circles, #circles div { | 7 #circles, #circles div { |
| 8 display: -webkit-flex; | 8 display: flex; |
| 9 display: -moz-flex; | 9 display: -moz-flex; |
| 10 width: -webkit-calc(100% - 4em); | 10 width: -webkit-calc(100% - 4em); |
| 11 width: calc(100% - 4em); | 11 width: calc(100% - 4em); |
| 12 height: -webkit-calc(100% - 4em); | 12 height: -webkit-calc(100% - 4em); |
| 13 height: calc(100% - 4em); | 13 height: calc(100% - 4em); |
| 14 border: 1em solid blue; | 14 border: 1em solid blue; |
| 15 border-radius:50%; | 15 border-radius:50%; |
| 16 margin: auto; | 16 margin: auto; |
| 17 } | 17 } |
| 18 | 18 |
| (...skipping 21 matching lines...) Expand all Loading... |
| 40 var okStyle = getComputedStyle(document.getElementById('ok')); | 40 var okStyle = getComputedStyle(document.getElementById('ok')); |
| 41 document.getElementById("log").innerHTML += "<br>OK: " + | 41 document.getElementById("log").innerHTML += "<br>OK: " + |
| 42 ((parseInt(okStyle.marginTop) && parseInt(okStyle.marginRight) && parseInt(o
kStyle.marginBottom) && parseInt(okStyle.marginLeft)) ? "PASS" : "FAIL"); | 42 ((parseInt(okStyle.marginTop) && parseInt(okStyle.marginRight) && parseInt(o
kStyle.marginBottom) && parseInt(okStyle.marginLeft)) ? "PASS" : "FAIL"); |
| 43 | 43 |
| 44 var okVerticalStyle = getComputedStyle(document.getElementById('okVertical')); | 44 var okVerticalStyle = getComputedStyle(document.getElementById('okVertical')); |
| 45 document.getElementById("log").innerHTML += "<br>Vertical OK: " + | 45 document.getElementById("log").innerHTML += "<br>Vertical OK: " + |
| 46 ((parseInt(okVerticalStyle.marginTop) && parseInt(okVerticalStyle.marginRigh
t) && parseInt(okVerticalStyle.marginBottom) && parseInt(okVerticalStyle.marginL
eft)) ? "PASS" : "FAIL"); | 46 ((parseInt(okVerticalStyle.marginTop) && parseInt(okVerticalStyle.marginRigh
t) && parseInt(okVerticalStyle.marginBottom) && parseInt(okVerticalStyle.marginL
eft)) ? "PASS" : "FAIL"); |
| 47 </script> | 47 </script> |
| 48 </body> | 48 </body> |
| 49 </html> | 49 </html> |
| OLD | NEW |