/iOS-7-CSS

Basic iOS 7 CSS

Primary LanguageCSS

Basic iOS 7 CSS

Basic, simple, semantic, and less than 1kb. minified and gzipped Mostly intended for use by Cydia repositories’ depiction pages.

Live example: cydia.hbang.ws depictions

Licensed under Apache License 2.0. UI design is copyright of Apple Inc.

Screenshots

Screenshot 1   Screenshot 2

Usage

<header>
	<h1>Page header.</h1>
</header>

<h2>Section header.</h2>
<ul>
	<li>
		<p>Text element.</p>
	</li>

	<li>
		<a href="http://hbang.ws" target="_blank">Link.</a>
	</li>

	<li>
		<button type="submit">Button.</button>
	</li>

	<li>
		<p>It’s ok to have more than one element at a time.</p>
		<p>Like so…</p>
		<a href="https://www.google.com" target="_blank">But you should probably only use that with multiple paragraphs.</a>
	</li>
</ul>
<p>Section footer.</p>

Note: <p>, <a> or <button> must be a direct child of <li>. Therefore, using a <button> assumes it has a click event handler set with JavaScript, or that the <ul> is wrapped in a <form>.