Started turning into flask app

1 files changed, 102 insertions, 0 deletions

diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..693eee9
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,102 @@
+@charset "UTF-8";
+
+:root {
+        /* Set sans-serif & mono fonts */
+        --sans-font: Inter, Lato,Helvetica,"IBM Plex Sans","Roboto","Nimbus Sans L","Noto Sans", "Segoe UI",Arial,Helvetica,"Helvetica Neue",sans-serif;
+        --mono-font: "mononoki Nerd Font","IBM Plex Mono","Roboto Mono","Ubuntu Mono","Fira Code","Overpass Mono", Monaco,"Droid Sans Mono",monospace;
+        --bg: #242933;
+        --accent-bg: rgb(46, 52, 64);
+        --text: #eceff4;
+        --text-light: #d8dee9;
+        --border: #88c0d0;
+        --accent: #81a1c1;
+        --accent-light: #bf616a;
+        --code: #ebcb8b;
+        --alert: #a3be8c;
+        --alert-bg: #8fbcbb;
+        --code-bg: #2e3440;
+}
+
+
+html, body, footer {
+        background: var(--bg);
+        color: var(--text);
+        font-family: var(--sans-font);
+        justify-content: center;
+        align-items: center;
+        display: flex;
+}
+
+div.weather-box {
+        height: 100%;
+        align-items: center;
+        display: inline-flex;
+}
+
+div.daily-box {
+        text-align: center;
+        padding: 1em;
+        border: 0.5em solid var(--acent-bg);
+        border-radius: 5%;
+        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
+        box-sizing: border-box;
+        width: 20em;
+        height: 10em;
+        overflow-wrap: normal;
+        float: left;
+}
+
+div.hourly-box {
+        text-align: center;
+        padding: 1em;
+        border: 0.5em solid var(--acent-bg);
+        border-radius: 5%;
+        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
+        box-sizing: border-box;
+        width: 20em;
+        height: 10em;
+        overflow-wrap: normal;
+}
+
+
+/*=== Links */
+a {
+        color: var(--accent);
+}
+
+a:hover {
+        color: var(--accent);
+}
+
+input, select, textarea {
+        margin: 5px;
+        padding: 5px;
+        color: var(--text);
+        border: 1px solid var(--border);
+        border-radius: 6px;
+        border-color: var(--border);
+        background-color: var(--bg);
+        min-height: 25px;
+        line-height: 25px;
+        vertical-align: middle;
+}
+
+input:disabled, select:disabled {
+        color: #aaa;
+        border-color: var(--border);
+}
+
+button {
+        font-family: var(--sans-font);
+}
+
+button.as-link,
+button.as-link:hover,
+button.as-link:active {
+        background: transparent;
+        /*      background-color: var(--bg);A*/
+}
+
+button.as-link[disabled] {
+        color: #ddd !important;
+}