From 80e5ebc04346b1aba37158dedbdd4045c0a7c042 Mon Sep 17 00:00:00 2001 From: Sam Chudnick Date: Sat, 10 Jun 2023 06:31:09 -0400 Subject: Moved files to src directory. Continued work on frontend. --- static/style.css | 155 ------------------------------------------------------- 1 file changed, 155 deletions(-) delete mode 100644 static/style.css (limited to 'static/style.css') diff --git a/static/style.css b/static/style.css deleted file mode 100644 index d6983a6..0000000 --- a/static/style.css +++ /dev/null @@ -1,155 +0,0 @@ -@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, .container { - background: var(--bg); - color: var(--text); - font-family: var(--sans-font); - box-sizing: border-box; - height: 100%; - width: 100%; - font-size: 12pt; -} - -.content { - display: flex; - align-items: center; - align-content: flex-start; - flex-flow: row wrap; - margin: 2%; - border-radius: 15px; - height: 100%; - justify-content: center; - border: 3px solid var(--accent); -} - -div.searchbar { - display: flex; - align-items: left; - justify-content: left; - margin-left: 5px; - width: 100%; - margin-top: 1%; -} - -div.current { - display: flex; - flex-flow: column wrap; - height: 15%; - flex-shrink: 1; -} - -div.current-icon { - width: 100%; - height: 100%; -} - -img.weather-icon { - display: inline-block; -} - -div.current-temp { - display: inline-block; - font-size: 18pt; - text-align: left; - width: 100% -} - -div.current-weather { - display: inline-block; - width: 100%; - font-size: 16pt; - margin-bottom: 5px; - text-align: left; -} - -div.current-wind { - display: inline-block; - width: 100%; - font-size: 14pt; - text-align: left; -} - -div.current-sunrise, div.current-sunset { - display: inline-block; - width: 100%; - font-size: 14pt; -} - -div.forecast-header { - width: 100%; - display: flex; - flex-grow: 0; - flex-shrink: 1; - max-height: 10%; -} -h2.forecast-header { - margin-left: 5px; - margin-right: 5px; - border-bottom: 1px solid; - width: 100% -} - -.daily, .hourly { - display: flex; - flex-flow: row nowrap; - align-items: center; - overflow-x: scroll; - overflow-y: hidden; - white-space: nowrap; - width: 100%; - -} - -.hourly-box, .daily-box { - display: flex; - flex-flow: column wrap; - flex-grow: 1; - justify-content: center; - align-items: flex-start; - - padding: 1em; - overflow-wrap: normal; - min-width: 15%; - white-space: normal; - margin: 5px; -} - -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); -} -- cgit v1.2.3