From 5f168246cca42ba54b67bd84fbd69fd6a5b9f820 Mon Sep 17 00:00:00 2001 From: MetroWind Date: Thu, 25 Sep 2025 16:16:58 -0700 Subject: This repo will be used for all small web apps. The NMS Freighter Planner is moved into its own dir. --- styles.css | 332 ------------------------------------------------------------- 1 file changed, 332 deletions(-) delete mode 100644 styles.css (limited to 'styles.css') diff --git a/styles.css b/styles.css deleted file mode 100644 index 2c02554..0000000 --- a/styles.css +++ /dev/null @@ -1,332 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: unset; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* ========== Actual styles ======================================> */ - -:root -{ - --color-bg: #c0c0c0; - --color-fg: black; - --color-border-dark-1: #808080; - --color-border-dark-2: black; - --color-border-light-1: #dfdfdf; - --color-border-light-2: white; - --color-titlebar-1: navy; - --color-titlebar-2: #1084d0; -} - -* -{ - box-sizing: border-box; -} - -html -{ - background: #008080; - color: var(--color-fg); - font-family: sans-serif; - font-size: 12px; - padding: 12px; -} - -.Window -{ - box-shadow: inset -1px -1px var(--color-border-dark-2), - inset 1px 1px var(--color-border-light-1), - inset -2px -2px var(--color-border-dark-1), - inset 2px 2px var(--color-border-light-2); - background: var(--color-bg); - padding: 10px; - - .Titlebar - { - background: linear-gradient(90deg, var(--color-titlebar-1), var(--color-titlebar-2)); - margin: -6px -6px 10px -6px; - color: white; - padding: 3px; - } -} - -.Dialog -{ - max-width: 910px; - margin: 0px auto; -} - -.LabeledPanel -{ - border-top: solid var(--color-border-light-1) 1px; - border-right: solid var(--color-border-dark-1) 1px; - border-bottom: solid var(--color-border-dark-1) 1px; - border-left: solid var(--color-border-light-1) 1px; - - box-shadow: 1px 1px var(--color-border-light-1), - -1px -1px var(--color-border-dark-1); - padding: 1ex; - padding-top: 0px; - margin: 2ex 0px; -} - -.LabeledPanel > h3, .LabeledPanel > h2 -{ - font-weight: normal; - display: inline-block; - position: relative; - top: calc(-0.5em); - left: 1ex; - background-color: var(--color-bg); - padding: 0px 1ex 0px 1ex; - margin: 0px; -} - -input[type="number"] -{ - appearance: none; - border: none; - outline: none; - box-shadow: inset -1px -1px var(--color-border-light-2), - inset 1px 1px var(--color-border-dark-1), - inset -2px -2px var(--color-border-light-1), - inset 2px 2px var(--color-border-dark-2); - padding: 4px 0px 4px 6px; - font-family: monospace; - font-size: 0.9rem; -} - -input[type="text"], input[type="url"], input[type="email"], textarea -{ - appearance: none; - border: none; - outline: none; - box-shadow: inset -1px -1px var(--color-border-light-2), - inset 1px 1px var(--color-border-dark-1), - inset -2px -2px var(--color-border-light-1), - inset 2px 2px var(--color-border-dark-2); - width: 100%; - padding: 4px 6px; - font-family: monospace; - font-size: 0.9rem; -} - -a.Button, a.FloatButton -{ - color: black; - text-decoration: none; -} - -button, input[type="submit"] -{ - appearance: none; - border: none; - outline: none; - box-shadow: inset -1px -1px var(--color-border-dark-2), - inset 1px 1px var(--color-border-light-1), - inset -2px -2px var(--color-border-dark-1), - inset 2px 2px var(--color-border-light-2); - background: var(--color-bg); - min-height: 23px; - min-width: 75px; - padding: 0 12px; - text-align: center; -} - -.IconButton -{ - padding: 4px; - min-width: unset; - min-height: unset; -} - -.FloatButton -{ - padding: 4px; - min-width: unset; - min-height: unset; - box-shadow: none; -} - -.FloatButton:hover -{ - padding: 4px; - min-width: unset; - min-height: unset; - box-shadow: inset 1px 1px var(--color-border-light-1), - inset -1px -1px var(--color-border-dark-1); -} - -button:active, .FloatButton:active -{ - box-shadow: inset -1px -1px var(--color-border-light-2), - inset 1px 1px var(--color-border-dark-1), - inset -2px -2px var(--color-border-light-1), - inset 2px 2px var(--color-border-dark-2); -} - -hr -{ - border: none; - border-top: solid var(--color-border-dark-1) 1px; - border-bottom: solid var(--color-border-light-1) 1px; -} - -.ButtonRow, .ButtonRowLeft -{ - display: flex; - gap: 10px; - margin: 10px 0; - align-items: baseline; -} - -.ButtonRow -{ - justify-content: right; -} - -.Toolbar -{ - display: flex; - border-bottom: solid var(--color-border-dark-1) 1px; - box-shadow: 0px 1px var(--color-border-light-1); - position: relative; - left: -10px; - top: -10px; - width: calc(100% + 2ex); - padding: 2px 8px; -} - -table.InputFields -{ - border-collapse: collapse; - width: 100%; - table-layout: auto; - - td - { - padding: 2px 2px; - } - - td:nth-child(2) - { - width: 100%; - } - -} - -.StatusBar -{ - margin: 10px -6px -7px -6px; - display: flex; -} - -.StatusCell -{ - box-shadow: inset -2px -2px var(--color-border-light-2), - inset 2px 2px var(--color-border-dark-1); - padding: 4px; - flex-grow: 1; -} - -#Links -{ - box-shadow: inset -1px -1px var(--color-border-light-2), - inset 1px 1px var(--color-border-dark-1), - inset -2px -2px var(--color-border-light-1), - inset 2px 2px var(--color-border-dark-2); - padding: 2px; -} - -table.TableView -{ - background-color: white; - border-collapse: collapse; - width: 100%; - - thead th - { - box-shadow: inset -1px -1px var(--color-border-dark-2), - inset 1px 1px var(--color-border-light-1), - inset -2px -2px var(--color-border-dark-1), - inset 2px 2px var(--color-border-light-2); - background-color: var(--color-bg); - padding: 2px 4px 4px 4px; - text-align: left; - } - - td - { - padding: 2px; - } -} - -.MainWrapper -{ - display: flex; - gap: 10px; -} - -.Asset -{ - display: inline-block; - border: solid black 1px; - width: 34px; - height: 34px; -} - -#EntryIndicator -{ - font-size: 150%; - text-align: center; - margin-bottom: 10px; -} - -/* Prevent SVG elements from interferring with drag n drop. */ -#Grid * -{ - pointer-events: none; -} -- cgit v1.2.3-70-g09d2