Skip to content

Instantly share code, notes, and snippets.

@krutz27
Created October 23, 2013 05:52
Show Gist options
  • Save krutz27/7113199 to your computer and use it in GitHub Desktop.
Save krutz27/7113199 to your computer and use it in GitHub Desktop.
ios 7 elements
/* 1px hairline, using a GIF */
background: repeat-x bottom left
url(data:image/gif;base64,R0lGODlhAQACAPABAMjHzP///yH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAAAQACAAACAgwKADs=);
background-size: 100% 1px;
background: -webkit-linear-gradient(0deg, #be0344, #be0344 0.88%,
rgba(229, 70, 127, 0.91) 0.881%, #e5467f);
font-weight:300 or 500;
blue buttons : rgb(21, 125, 251)
black text : rgb(0, 0, 0)
gray borders: rgb(200, 199, 204)
grey text: rgb(111, 111, 116)
navigation bar - 44px high
http://mir.aculo.us/2013/09/16/how-to-create-a-web-app-that-looks-like-a-ios7-native-app-part-1/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment