Browse Source

unified stylesheets

Diffido 6 years ago
parent
commit
2d6b63a593
5 changed files with 47 additions and 42 deletions
  1. 41 0
      dist/base.html
  2. 0 12
      dist/diff.html
  3. 2 10
      dist/history.html
  4. 0 12
      dist/index.html
  5. 4 8
      dist/schedule.html

+ 41 - 0
dist/base.html

@@ -11,8 +11,49 @@
         <script src="/static/js/vue-material.min.js"></script>
         <script src="/static/js/axios.min.js"></script>
         {% block head %}{% end %}
+        <style>
+body {
+    background-color: white;
+    padding: 6px;
+}
+
+.md-table {
+    height: 80%;
+}
+
+#footer {
+    text-align: center;
+    color: white;
+    display: block;
+    vertical-align: middle;
+    min-height: 16px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    position: absolute;
+    background-color: #448aff54;
+}
+
+#footer, #footer a {
+    color: rgba(0, 0, 0, .40);
+    transition: color 0.5s ease;
+}
+
+#footer:hover, #footer:hover a {
+    color: rgba(0, 0, 0, .87);
+}
+
+#footer:hover a {
+    text-decoration: underline;
+}
+
+{% block style %}{% end %}
+        </style>
     </head>
     <body>
         {% block body %}{% end %}
+        <md-toolbar md-elevation="0" id="footer">
+            footer
+        </md-toolbar>
     </body>
 </html>

+ 0 - 12
dist/diff.html

@@ -73,16 +73,4 @@ var app = new Vue({
 });
 
 </script>
-<style>
-
-body {
-    background-color: white;
-    padding: 6px;
-}
-
-.md-table {
-    height: 80%;
-}
-
-</style>
 {% end %}

+ 2 - 10
dist/history.html

@@ -95,21 +95,13 @@ var app = new Vue({
 });
 
 </script>
-<style>
-
-body {
-    background-color: white;
-    padding: 6px;
-}
+{% end %}
 
-.md-table {
-    height: 80%;
-}
+{% block style %}
 
 .placeholder {
     width: 36px;
     display: inline-block;
 }
 
-</style>
 {% end %}

+ 0 - 12
dist/index.html

@@ -104,16 +104,4 @@ var app = new Vue({
 });
 
 </script>
-<style>
-
-body {
-    background-color: white;
-    padding: 6px;
-}
-
-.md-table {
-    height: 80%;
-}
-
-</style>
 {% end %}

+ 4 - 8
dist/schedule.html

@@ -200,15 +200,12 @@ var app = new Vue({
 });
 
 </script>
-<style>
+{% end %}
 
-body {
-    background-color: white;
-    padding: 12px 20px 12px 20px;
-}
+{% block style %}
 
-.md-table {
-    height: 80%;
+body {
+    padding: 12px 20px 12px 20px !important;
 }
 
 .home-icon {
@@ -223,5 +220,4 @@ body {
     min-height: 350px;
 }
 
-</style>
 {% end %}