From a7217345e1cf9fa878e271fcc199f9a18eb9637f Mon Sep 17 00:00:00 2001 From: Loic Guegan Date: Wed, 22 Apr 2020 07:39:07 +0200 Subject: Debug package --- bcst/themes/default/assets/style.css | 110 +++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 bcst/themes/default/assets/style.css (limited to 'bcst/themes/default/assets/style.css') diff --git a/bcst/themes/default/assets/style.css b/bcst/themes/default/assets/style.css new file mode 100644 index 0000000..b2676b4 --- /dev/null +++ b/bcst/themes/default/assets/style.css @@ -0,0 +1,110 @@ + +:root { +--bgdark: #232836; +--bglight: #282e3f; +--bglighter: #2f364a; + +--fgdark: #8686a4; +--fglight: #ccccfa; + +--accent: #d39ceb; +--border: #2f364a; +--disabled: #696969; +--hover: #ffffff; +} + +* { + font-family: "t kiwi Wide"; + font-size: 20px; +} + +html { + background: var(--bgdark); + background-position: top -24px left 0; + margin-top: -26px; +} + +html, body { + width: 100vw; + height: 100vh; + padding: 0; + margin: 0; +} + +main { + display: flex; + justify-content: center;; + overflow-y: auto; + flex-flow: row wrap; + position: relative; + top: 50%; + transform: translateY(-50%); +} + +#clock { + position: relative; + top: -30px; + display: flex; + text-align: center; +} + +#time, #date { + color: var(--fglight); + display: inline-block; + margin: 0 5px; + flex-grow: 1; + width: 0; +} + +#time { + text-align: left; +} + +#date { + text-align: right; +} + +.links { + padding: 5px 15px; + width: auto; + display: block; + text-align: center; +} + +a:visited, a { + color: var(--fgdark); + text-decoration: none; + outline: none; +} + +a:not(.tablinks):visited, a:not(.tablinks) { transition: all 00ms ease 0s; } +a:hover { color: var(--fglight); } + +.slash { + color: var(--fgdark); +} + +main section { + box-sizing: border-box; + min-width: 300px; +} + +.title { + display: none; +} + +section { + margin: 12px; + padding: 12px; + /*border: 8px solid var(--fgdark);*/ + box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.13); +} + +section { + background-color: var(--bglight); + border-radius: 4px; +} + +section:hover { + background-color: var(--bglighter); +} -- cgit v1.2.3