Organize style

gfolego · Oct 14, 2017 · 4d6f264 · 4d6f264
1 parent fd05a91
commit 4d6f264
Show file tree

Hide file tree

Showing 2 changed files with 120 additions and 121 deletions.
diff --git a/faas/faas/static/style.css b/faas/faas/static/style.css
@@ -0,0 +1,120 @@
+
+html * {
+    font-family: "Lato", sans-serif;
+    font-size: 20px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+}
+
+body {
+    margin: 0;
+    padding: 4em 0 0 0;
+    text-align: center;
+    /*background-color: #91877b;*/
+    background-color: #222;
+    color: #fff;
+}
+
+h1.classic {
+    font-size: 4em;
+    background: #91877b;
+    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4), 0px 1px 0 rgba(255, 255, 255, 0.2);
+    color: #47433d;
+}
+
+h1.modern {
+    font-size: 4em;
+    margin: .2em 0 .5em 0;
+    color: white;
+    text-shadow: 0 1px 0 #ccc,
+    0 2px 0 #c9c9c9,
+    0 3px 0 #bbb,
+    0 4px 0 #b9b9b9,
+    0 5px 0 #aaa,
+    0 6px 1px rgba(0,0,0,.1),
+    0 0 5px rgba(0,0,0,.1),
+    0 1px 3px rgba(0,0,0,.3),
+    0 3px 5px rgba(0,0,0,.2),
+    0 5px 10px rgba(0,0,0,.25),
+    0 10px 10px rgba(0,0,0,.2),
+    0 20px 20px rgba(0,0,0,.15);
+}
+
+h2 {
+    padding: .2em .5em;
+}
+
+div.container {
+    margin: 0 auto;
+    text-align: center;
+    width: 800px;
+    max-width: 800px;
+    padding: 1.2em 1em 2em 1em;
+    background-color: #3e3e3e;
+    border-radius: 0.3em;
+    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.9);
+}
+
+#fileName {
+    font-weight: bold;
+}
+
+form button {
+    padding: .4em 1em;
+    display: inline-block;
+    position: relative;
+    line-height: normal;
+    margin: 1em;
+    vertical-align: middle;
+    text-align: center;
+    overflow: visible;
+    font-weight: normal;
+    color: #fff;
+    cursor: pointer;
+    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
+    -webkit-transition: all .1s;
+    -moz-transition: all .1s;
+    transition: all .1s;
+    border-radius: 4px;
+    outline: none;
+}
+
+form button {
+    border: 1px solid #003eff;
+    background: #007fff;
+}
+
+form button:hover {
+    border: 1px solid #668cff;
+    background: #66b3ff;
+    -webkit-transition: all .1s;
+    -moz-transition: all .1s;
+    transition: all .1s;
+}
+
+form button:disabled {
+    border: 1px solid #888;
+    background: #d7d7d7;
+    color: #444;
+    cursor: default;
+    -webkit-transition: all .1s;
+    -moz-transition: all .1s;
+    transition: all .1s;
+}
+
+div.container a{
+    color: #825582;
+    text-decoration: none;
+}
+
+div.github {
+    margin-top: 2em;
+}
+
+div.github svg {
+    width: 60px;
+}
+
diff --git a/faas/faas/templates/index.html b/faas/faas/templates/index.html
@@ -34,127 +34,6 @@
     $('#process').show();
 }
 </script>
-<style>
-html * {
-    font-family: "Lato", sans-serif;
-    font-size: 20px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-
-}
-
-        body {
-            margin: 0;
-            padding: 4em 0 0 0;
-            text-align: center;
-            /*background-color: #91877b;*/
-            background-color: #222;
-            color: #fff;
-        }
-
-        h1.classic {
-            font-size: 4em;
-            background: #91877b;
-            text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4), 0px 1px 0 rgba(255, 255, 255, 0.2);
-            color: #47433d;
-        }
-
-        h1.modern {
-            font-size: 4em;
-            margin: .2em 0 .5em 0;
-            color: white;
-            text-shadow: 0 1px 0 #ccc,
-                0 2px 0 #c9c9c9,
-                0 3px 0 #bbb,
-                0 4px 0 #b9b9b9,
-                0 5px 0 #aaa,
-                0 6px 1px rgba(0,0,0,.1),
-                0 0 5px rgba(0,0,0,.1),
-                0 1px 3px rgba(0,0,0,.3),
-                0 3px 5px rgba(0,0,0,.2),
-                0 5px 10px rgba(0,0,0,.25),
-                0 10px 10px rgba(0,0,0,.2),
-                0 20px 20px rgba(0,0,0,.15);
-        }
-
-        h2 {
-            padding: .2em .5em;
-        }
-
-        div.container {
-            margin: 0 auto;
-            text-align: center;
-            width: 800px;
-            max-width: 800px;
-            padding: 1.2em 1em 2em 1em;
-            background-color: #3e3e3e;
-            border-radius: 0.3em;
-            box-shadow: 0 2px 6px 0 rgba(0,0,0,0.9);
-        }
-
-        #fileName {
-            font-weight: bold;
-        }
-
-        form button {
-            padding: .4em 1em;
-            display: inline-block;
-            position: relative;
-            line-height: normal;
-            margin: 1em;
-            vertical-align: middle;
-            text-align: center;
-            overflow: visible;
-            font-weight: normal;
-            color: #fff;
-            cursor: pointer;
-            box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
-            -webkit-transition: all .1s;
-            -moz-transition: all .1s;
-            transition: all .1s;
-            border-radius: 4px;
-            outline: none;
-        }
-
-        form button {
-            border: 1px solid #003eff;
-            background: #007fff;
-        }
-
-        form button:hover {
-            border: 1px solid #668cff;
-            background: #66b3ff;
-            -webkit-transition: all .1s;
-            -moz-transition: all .1s;
-            transition: all .1s;
-        }
-
-        form button:disabled {
-            border: 1px solid #888;
-            background: #d7d7d7;
-            color: #444;
-            cursor: default;
-            -webkit-transition: all .1s;
-            -moz-transition: all .1s;
-            transition: all .1s;
-        }
-
-        div.container a{
-            color: #825582;
-            text-decoration: none;
-        }
-
-        div.github {
-            margin-top: 2em;
-        }
-
-        div.github svg {
-            width: 60px;
-        }
-
-</style>
 {% endblock %}
 
 {% block body %}