bottom: 0;
left: 0;
overflow: auto;
- background: #fff;
+ background-color: #fff;
-webkit-transition-property: top, bottom;
transition-property: top, bottom;
- -webkit-transition-duration: .2s, .2s;
- transition-duration: .2s, .2s;
+ -webkit-transition-duration: .2s, .2s;
+ transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, linear;
transition-timing-function: linear, linear;
-webkit-overflow-scrolling: touch;
height: 40px;
padding: 10px;
margin-bottom: 10px;
- background: #fff;
+ background-color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 3px;
box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+ <!-- Set a shorter title for iOS6 devices when saved to home screen -->
+ <meta name="apple-mobile-web-app-title" content="Ratchet">
<!-- Set Apple icons for when prototype is saved to home screen -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="touch-icons/apple-touch-icon-114x114.png">
font-size: 14px;
line-height: 1.6;
color: #333;
- background: #fff;
+ background-color: #fff;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
/* Typography
-------------------------------------------------- */
-em {
- font-style: italic;
-}
-
-strong {
- font-weight: bold;
-}
-
hr {
height: 0;
margin: 10px 0 30px;
/* Docs structural styles
-------------------------------------------------- */
+
.docs-outer-wrapper {
position: relative;
}
.social ul {
height: 20px;
- padding-left: 50px;
+ padding-left: 20px;
list-style: none;
text-align: center;
}
.iphone .list a[data-transition="slide-out"] {
padding: 0;
display: inline;
- margin: 0;
+ margin: 0;
color: #0882f0;
}
[class*="bar-"] {
-moz-box-sizing: border-box;
}
-.bar-title,
+.bar-title,
.tab-inner {
display: -moz-box;
-moz-box-orient: horizontal;
<header class="docs-outer-wrapper docs-header">
<div class="docs-inner-wrapper">
<hgroup class="docs-header-text">
- <h2 class="docs-header-subtitle">Prototype iPhone apps with simple HTML, CSS and JS components.</h2>
+ <h2 class="docs-header-subtitle">Prototype iPhone apps with simple HTML, CSS, and JS components.</h2>
<a data-ignore="push" href="http://maker.github.com/ratchet/ratchet.zip" class="docs-btn" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V1.0']);">Download Ratchet</a>
</hgroup>
</div>
bottom: 0;
left: 0;
overflow: auto;
- background: #fff;
+ background-color: #fff;
-webkit-transition-property: top, bottom;
transition-property: top, bottom;
- -webkit-transition-duration: .2s, .2s;
- transition-duration: .2s, .2s;
+ -webkit-transition-duration: .2s, .2s;
+ transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, linear;
transition-timing-function: linear, linear;
-webkit-overflow-scrolling: touch;
height: 40px;
padding: 10px;
margin-bottom: 10px;
- background: #fff;
+ background-color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 3px;
box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
<link rel="stylesheet" href="../../dist/ratchet.css">
<link rel="stylesheet" href="css/app.css">
<script src="../../dist/ratchet.js"></script>
- <script src="../../dos/js/fingerblast.js"></script>
+ <script src="../../docs/js/fingerblast.js"></script>
</head>
<body>
<link rel="stylesheet" href="../../dist/ratchet.css">
<link rel="stylesheet" href="css/app.css">
<script src="../../dist/ratchet.js"></script>
- <script src="../../dos/js/fingerblast.js"></script>
+ <script src="../../docs/js/fingerblast.js"></script>
</head>
<body>