This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
### Points and display type | |
PPI is points per inch below, not pixels per inch. Not all models are listed, just the first model with a new display size. Diamond, RGB Stripe and Pentile RGB refer to the subpixel patterns. | |
iPhone 1 = 320×480 at 163PPI sRGB IPS LCD RGB Stripe | |
iPhone 4 = 320×480 at 163PPI sRGB IPS LCD RGB Stripe | |
iPhone 5 = 320×568 at 163PPI sRGB IPS LCD RGB Stripe | |
iPhone 6 = 375×667 at 163PPI sRGB IPS LCD RGB Stripe | |
iPhone 6 Plus = 414×736 at 153.5PPI sRGB IPS LCD RGB Stripe | |
iPhone 7 = 375×667 at 163PPI P3 IPS LCD RGB Stripe |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* { outline: 2px dotted red } | |
* * { outline: 2px dotted green } | |
* * * { outline: 2px dotted orange } | |
* * * * { outline: 2px dotted blue } | |
* * * * * { outline: 1px solid red } | |
* * * * * * { outline: 1px solid green } | |
* * * * * * * { outline: 1px solid orange } | |
* * * * * * * * { outline: 1px solid blue } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
a{white-space:nowrap;} /* no break anchors */ | |
a:active, a:focus{outline:none;} /* remove active link borders */ | |
html{overflow:-moz-scrollbars-vertical;} /* Firefox scrollbar fix */ | |
textarea{overflow:auto;} /* IE scrollbar fix */ | |
input[type="button"] { cursor: pointer; } /* cursor display fix */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
font-weight: 300; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Fancy Ampersand */ | |
.amp { | |
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; | |
font-style: italic; | |
font-weight: normal; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Vertically Centered Content */ | |
.container { | |
min-height: 6.5em; | |
display: table-cell; | |
vertical-align: middle; | |
} |