simple css customization

2 files changed, 67 insertions, 154 deletions

diff --git a/static/style.css b/static/style.css
index d5da5ed..17195c0 100644
--- a/static/style.css
+++ b/static/style.css
@@ -18,6 +18,30 @@ body {
   margin: 0px auto 5px auto;
 }
 
+footer {
+  clear: both;
+  margin: 0px auto;
+  width: 920px;
+  padding: 20px;
+  text-align: center;
+  color: #fff;
+}
+
+footer a, footer a:visited {
+  color: #fff;
+}
+
+
+
+#sub-header {
+  width:100%;
+  float: left;
+}
+
+#container {
+  float: left;
+}
+
 #header h1, #header p, #header form {
   padding: 20px 0px 20px 20px;
 }
@@ -28,8 +52,9 @@ body {
   margin: 0px;
 }
 #header p {
+  font-family: monospace;
   float: left;
-  width: 400px;
+  width: 550px;
   text-align: left;
   line-height: 80px;
   height: 80px;
@@ -69,140 +94,7 @@ a:hover {
   text-decoration: underline;
 }
 
-
-/*
-#header {
-  margin: 10px auto;
-  text-align: center;
-  font-weight: none;
-  font-size: 25px;
-  color: #93ABAF;
-  font-family: Georgia, serif;
-}
-
-h2 {
-  margin: 10px;
-}
-
-progress {
-  display: none;
-}
-
-a, a:visited {
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  color: #0069D6;
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
-}
-
-
-#search {
-  float: left;
-  width: 834px;
-  height: 50px;
-  font-size: 20pt;
-  margin: 2px 0px 0px 2px;
-  border: 1px solid #999;
-  padding: 0px 10px;
-  background-color: #eee;
-  border-top-left-radius: 10px;
-}
-
-#nav {
-  margin: 10px;
-}
-
-#nav li {
-  float: left;
-  list-style: none;
-  margin: 0px 5px 0px 0px;
-}
-
-#tagcloud a {
-  float: left;
-  margin: 1px;
-}
-
-p {
-  margin: 10px;
-}
-
-.cloud_1 {
-  font-size: 60%;
-}
-
-.cloud_2 {
-  font-size: 70%;
-}
-
-.cloud_3 {
-  font-size: 80%;
-}
-
-.cloud_4 {
-  font-size: 90%;
-}
-
-.cloud_5 {
-  font-size: 100%;
-}
-
-.cloud_6 {
-  font-size: 110%;
-}
-
-.cloud_7 {
-  font-size: 120%;
-}
-
-.cloud_8 {
-  font-size: 130%;
-}
-
-.cloud_9 {
-  font-size: 140%;
-}
-
-.cloud_10 {
-  font-size: 150%;
-}
-
-
-ul {
-  margin-left: 15px;
-}
-
-#messags {
-  margin: auto;
-}
-
-#messages ul {
-  margin: 10px auto 0px auto;
-  width: 300px;
-  text-align: center;
-}
-
-#messages ul li {
-  list-style: none;
-  margin: 0px;
-}
-
-#messages .error {
-  border: 2px solid red;
-  background-color: #FF8585;
-}
-
-#messages .notice {
-  border: 2px solid green;
-  background-color: #B0FFB0;
-}
-
-#button:hover {
-  text-decoration: none;
-  color: #fff;
-  background:none;
-  background-color: #333;
+#all-files {
+  float: right;
+  text-align: right;
 }
diff --git a/templates/layout.html b/templates/layout.html
index f97af39..61f56b7 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -20,28 +20,49 @@
     </div>
 
     <div id="content">
-      <ul class="flashes">
-    {% with messages = get_flashed_messages() %}
-        {% for message in messages %}
-          <li>{{ message }}</li>
-        {% endfor %}
-    {% endwith %}
-      </ul>
-
-      <div id="container">
-        <h2>Upload</h2>
-        <form id="upload-form" method="POST" enctype="multipart/form-data" action="/">
-            <input type="file" name="file" />
-            <input type="text" name="tags" />
-            <input type="submit" />
-        </form>
-
-        <ul id="filelist"><li>No runtime found.</li></ul>
+
+    <div id="sub-header">
+      {% with url = url_for('list') %}
+      <p id="all-files" >
+      {% if not request.base_url.endswith(url) %}
+          <a href="{{url_for('list')}}">view all files</a>
+      {% else %}
+          <a href="{{url_for('index')}}">view all tags</a>
+      {% endif %}
+      </p>
+      {% endwith %}
+
+        <ul class="flashes">
+      {% with messages = get_flashed_messages() %}
+          {% for message in messages %}
+            <li>{{ message }}</li>
+          {% endfor %}
+      {% endwith %}
+        </ul>
+
+        <div id="container">
+          <h2>Upload</h2>
+          <form id="upload-form" method="POST" enctype="multipart/form-data" action="/">
+              <input type="file" name="file" />
+              <input type="text" name="tags" />
+              <input type="submit" />
+          </form>
+
+          <ul id="filelist"><li>No runtime found.</li></ul>
+        </div>
       </div>
 
       {% block body %}{% endblock %}
 
     </div>
+
+    <footer>
+      <a href="https://github.com/libgit2/libgit2">libgit2</a>
+      |
+      <a href="https://spit.spline.de/home/cholin/fit">Fit</a>
+      |
+      <a href="https://github.com/libgit2/pygit2">pygit2</a>
+    </footer>
   </body>
 </html>