In 10 steps:
| <script>var b = document.documentElement;b.setAttribute('data-useragent', navigator.userAgent);b.setAttribute('data-platform', navigator.platform );</script> |
| // Heavy-handed way to force IE7 & IE8 to respect :last-child. | |
| // Note: Using jQuery. Adjust to suit your library, etc. | |
| // | |
| // Style via... | |
| // | |
| // element:last-child, | |
| // element.last-child { | |
| // /* Style here */ | |
| // } | |
| // |
| ::-webkit-scrollbar { | |
| margin-right: 5px; | |
| background-color: #eee; | |
| width: 12px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| -webit-box-shadow: 0 0 2px #ccc; | |
| box-shadow: 0 0 2px #ccc; | |
| } | |
| ::-webkit-scrollbar-thumb { |
| # Font Squirrel Font-face Generator Configuration File | |
| # Upload this file to the generator to recreate the settings | |
| # you used to create these fonts. | |
| {"mode":"expert","formats":["ttf","woff","eot","svg"],"tt_instructor":"default","options_subset":"advanced","subset_custom":"","subset_custom_range":"f000-f073,f200-f273","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0","rememberme":"Y"} |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>CSS3 iPhone v0.1 · CodePen</title> | |
| <style> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>CSS3 iPhone v0.1 · CodePen</title> | |
| <style> |
| /** | |
| * Polyfill for the vw, vh, vm units | |
| * Requires StyleFix from -prefix-free http://leaverou.github.com/prefixfree/ | |
| * @author Lea Verou | |
| */ | |
| (function() { | |
| if(!window.StyleFix) { | |
| return; |
| /* Android stock browser won't let you set font-size smaller than 8px unless you apply this. */ | |
| :root { | |
| -webkit-text-size-adjust: none; | |
| -moz-text-size-adjust: none; | |
| -ms-text-size-adjust: none; | |
| -o-text-size-adjust: none; | |
| text-size-adjust: none; | |
| } |