style index

code/static/css/styles.css

@@ -1,53 +1,79 @@
-html{
+html{
-	min-height: 100%;
+	min-height: 100%;
-	position: relative;
+	position: relative;
-}
+}
-
+
-body{
+body{
-    color: slategray;
+    color: slategray;
-	background-color: ghostwhite;
+	background-color: ghostwhite;
-	min-height: 600px;
+	min-height: 600px;
-	font: 14px/1.3 'Segoe UI',Arial, sans-serif;
+	font: 14px/1.3 'Segoe UI',Arial, sans-serif;
-}
+}
-
+
-a:visited {
+a:visited {
-    color: darkslategray;
+    color: darkslategray;
-}
+}
-a:link {
+a:link {
-    color: slategray;
+    color: slategray;
-}
+}
-
+
-
+#page {
-
+   padding-bottom:60px;
-/* list view */
+}
-
+#footer {
-.clear {
+   position: absolute;
-  clear: both;
+   bottom: 0;
-}
+   width: 80vw;
-
+   height: 23px;
-#list_title {
+   background: #f3f3fb;
-  float:left;
+   text-align: center;
-  margin-left: 5em;
+   padding-top: 7px;
-}
+}
-
+td,th {
-#list_menu {
+  min-width: 10em;
-  float:right;
+  padding-right: 2em;
-  padding: 8px;
+  padding-top: 0.2em;
-  border: 4px solid lightslategray;
+  padding-bottom: 0.2em;
-  background-color: #f3f3fb;
+}
-}
+tr:nth-child(even) {
-#list_table {
+  background: #f3f3fb
-  border-collapse: collapse;
+}
-}
+
-td {
+.td_right {
-  min-width: 10em;
+  text-align: right;
-  padding: 0px;
+}
-}
+
-tr:nth-child(even) {
+/* list view */
-  background: #f3f3fb
+
-}
+.clear {
-
+  clear: both;
-
+}
-.td_right {
+
-  text-align: right;
+#list_title {
-}
+  float:left;
+  margin-left: 5em;
+}
+
+#list_menu {
+  float:right;
+  padding: 8px;
+  border: 4px solid lightslategray;
+  background-color: #f3f3fb;
+}
+#list_table {
+  border-collapse: collapse;
+  margin-left: 2em;
+}
+
+/* index */
+
+#index_title {
+  float:left;
+  margin-left: 5em;
+}
+
+#index_table {
+  border-collapse: collapse;
+  margin-left: 2em;
+  font-size: medium;
+}

code/templates/index.html

@@ -1,18 +1,20 @@
-{% extends "layout.html" %}
+{% extends "layout.html" %}
-{% block body %}
+{% block body %}
-  <table class=entriesall>
+  <div id=index_title><h1>Flees</h1></div>
-   <tr>
+  <div class=clear></div>
-    <th>name
+  <table id=index_table>
-    <th>expires
+   <tr>
-    <th>upload
+    <th>Name
-   </tr>
+    <th class=td_right>Expires
-  {% for entry in entries %}
+    <th class=td_right>Upload
-    <tr>
+   </tr>
-      <td><a href="{{ url_for('list_view',name=entry.name) }}">{{ entry.name }}</a>
+  {% for entry in entries %}
-      <td>{{ entry.expire|safe }}
+    <tr>
-      <td>{{ entry.upload|safe }}
+      <td><a href="{{ url_for('list_view',name=entry.name) }}">{{ entry.name }}</a>
-  {% else %}
+      <td class=td_right>{% if entry.expire %}{{ entry.expire|safe }}{% else %}-{% endif %}
-    <li>no shares
+      <td class=td_right>{% if entry.upload %}yes{% else %}no{% endif %}
-  {% endfor %}
+  {% else %}
-  </table>
+    <li>no shares
-{% endblock %}
+  {% endfor %}
+  </table>
+{% endblock %}

code/templates/layout.html

@@ -11,5 +11,6 @@
 {% endfor %}
 {% block body %}{% endblock %}
 </div>
+<div id=footer><a href="http://bitbucket.org/MoonQ/flees">Flees</a></div>
 </body>