diff options
| author |  RaNaN <Mast3rRaNaN@hotmail.de>
| 2012-08-27 22:53:40 +0200 |
|---|---|---|
| committer | RaNaN <Mast3rRaNaN@hotmail.de>
| 2012-08-27 22:53:40 +0200 |
| commit | 19d7330d35ce8cb234d47c22b4454482ef3f1d8a (patch) | |
| tree | 8a50206783b9a92cfc3ebddc1596d6c826615790 /module/web/templates/mobile | |
| parent | layout adjustments (diff) | |
| download | pyload-19d7330d35ce8cb234d47c22b4454482ef3f1d8a.tar.xz | |
derived mobile template from default
Diffstat (limited to 'module/web/templates/mobile')
| -rw-r--r-- | module/web/templates/mobile/base.html | 98 |
1 files changed, 12 insertions, 86 deletions
diff --git a/module/web/templates/mobile/base.html b/module/web/templates/mobile/base.html index 8145ced26..95d824730 100644 --- a/module/web/templates/mobile/base.html +++ b/module/web/templates/mobile/base.html @@ -10,102 +10,28 @@ <meta http-equiv="cleartype" content="on"> <link rel="shortcut icon" href="img/touch/apple-touch-icon.png"> - <link rel="stylesheet" href="/static/css/mobile/main.css"> + <link href="static/css/font.css" rel="stylesheet" type="text/css"/> + {# TODO: Needs cleanup #} + <link rel="stylesheet" href="/static/css/mobile/style.css"> <script type="text/javascript" data-main="static/js/mobile" src="static/js/libs/require-2.0.6.js"></script> {% block head %} {% endblock %} - <style> - * { - margin: 0; - } - - html, body { - height: 99.9%; - } - - #wrap { - height: 100%; - position: relative; - } - - header { - height: 25px; - } - - .viewport { - overflow-x: hidden; - } - - #content { - position: relative; - width: 99.9%; - height: 100%; - } - - ul li { - display: inline; - padding-right: 10px; - } - - .page { - position: absolute; - height: 99.9%; - width: 99.9%; - border: 1px solid red; - } - - .page:before { - content: ' '; - display: block; - height: 25px; - } - - footer, header { - position: fixed; - height: 25px; - width: 100%; - z-index: 1000; - left: 0; - right: 0; - background-color: #ffd700; - } - - header { - top: 0; - } - - footer { - bottom: 0; - } - - </style> </head> <body class="viewport"> +<div id="wrap"> <header> - <ul> - <li><a id="p1" href="#">Page 1</a></li> - <li><a id="p2" href="#">Page 2</a></li> - </ul> + <div class="logo"></div> + <span class="title">pyLoad</span> </header> <div id="content"> - <div class="page" style="background-color: yellow;"> - <h1>dfgfdg</h1> - dfgfhdfgh<br> - fhsfdfgdfg<br> - cgfghfgh<br> - - <h2>much content</h2> - dfgfghdfgh<br> - dfghfgh<br> - dfg fghgfh<br> - - <h3>Even more</h3> - ertert - {% block content %} - {% endblock content %} - </div> + <h2>Tech Demo</h2> + <h3>In Development</h3> +</div> </div> +<footer> + Tab Bar +</footer> <script> require(['mobile'], function (App) { App.init(); |