Permalink
Browse files

Adding headers and lists BB

  • Loading branch information...
1 parent 8160352 commit 11985d768c80d3833cd4ec39662e930340af00d3 arnau committed Feb 11, 2013
Showing with 949 additions and 4 deletions.
  1. +2 −0 .gitignore
  2. +8 −4 index.html
  3. +25 −0 style/app.css
  4. +381 −0 style/headers.css
  5. BIN style/headers/images/icons/add.png
  6. BIN style/headers/images/icons/back-rtl.png
  7. BIN style/headers/images/icons/back.png
  8. BIN style/headers/images/icons/clear.png
  9. BIN style/headers/images/icons/close.png
  10. BIN style/headers/images/icons/compose.png
  11. BIN style/headers/images/icons/edit.png
  12. BIN style/headers/images/icons/menu.png
  13. BIN style/headers/images/icons/reply-all.png
  14. BIN style/headers/images/icons/reply.png
  15. BIN style/headers/images/icons/send.png
  16. BIN style/headers/images/icons/user.png
  17. BIN style/headers/images/ui/dark/header.png
  18. BIN style/headers/images/ui/dark/negative.png
  19. BIN style/headers/images/ui/dark/separator.png
  20. BIN style/headers/images/ui/dark/subheader.png
  21. BIN style/headers/images/ui/header.png
  22. BIN style/headers/images/ui/negative.png
  23. BIN style/headers/images/ui/organic/header.png
  24. BIN style/headers/images/ui/organic/negative.png
  25. BIN style/headers/images/ui/organic/pattern.png
  26. BIN style/headers/images/ui/organic/separator.png
  27. BIN style/headers/images/ui/organic/subheader.png
  28. BIN style/headers/images/ui/overlay/header.png
  29. BIN style/headers/images/ui/overlay/separator.png
  30. BIN style/headers/images/ui/search.png
  31. BIN style/headers/images/ui/separator-large.png
  32. BIN style/headers/images/ui/separator.png
  33. BIN style/headers/images/ui/shadow.png
  34. BIN style/headers/images/ui/subheader.png
  35. +134 −0 style/headers/index.html
  36. +204 −0 style/lists.css
  37. +195 −0 style/lists/index.html
View
@@ -0,0 +1,2 @@
+
+.DS_Store
View
@@ -3,24 +3,28 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>demo Store</title>
+
+<link rel="stylesheet" type="text/css" href="style/headers.css"/>
+<link rel="stylesheet" type="text/css" href="style/lists.css" />
+<link rel="stylesheet" type="text/css" href="style/app.css"/>
</head>
<body role="application">
- <section id="list-view">
+ <section role="region" id="list-view">
<header>
<h1>demo Store</h1>
</header>
<article id="appList">
<ul>
<li>
- <a href="installApp('importer.webapp')">
+ <a href="#">
<p>App 1</p>
<p>App developer</p>
</a>
</li>
<li>
- <a href="installApp('importer.webapp')">
+ <a href="#">
<p>App 1</p>
<p>App developer</p>
</a>
@@ -29,7 +33,7 @@
</article>
</section>
- <section id="settings-view">
+ <section role="region" id="settings-view">
<header>
<h1>Settings</h1>
</header>
View
@@ -0,0 +1,25 @@
+html, body {
+ margin: 0;
+ padding: 0;
+ font-size: 10px;
+ background-color: #fff;
+}
+
+body {
+ height: 100%;
+ display: block;
+ overflow: hidden;
+}
+
+section[role="region"] {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #fff;
+}
+
+#settings-view{
+ transform: translateY(100%);
+}
Oops, something went wrong.

0 comments on commit 11985d7

Please sign in to comment.