From e02a6d61f15ae14e89ddde03f4af5a6d9c8b51c0 Mon Sep 17 00:00:00 2001 From: Nathanael Sensfelder Date: Tue, 7 Aug 2018 20:12:45 +0200 Subject: Moving to SCSS, theme improvements, index p. txt --- src/global/www/style.css | 132 +++++++++++++---------------------------------- 1 file changed, 35 insertions(+), 97 deletions(-) (limited to 'src/global/www/style.css') diff --git a/src/global/www/style.css b/src/global/www/style.css index 76f1ed9..b826d1f 100644 --- a/src/global/www/style.css +++ b/src/global/www/style.css @@ -1,99 +1,37 @@ -html -{ - min-width: 800px; - min-height: 600px; - height: 100%; - background-color: #6C5D53; - color: #FFEEAA; -} - -html, body, .fullscreen-module -{ - min-width: 800px; - min-height: 600px; -} - * { - box-sizing: border-box; - color: #FFEEAA; - text-shadow: - 1px 0px 1px rgba(80, 45, 22, 0.5), - -1px 0px 1px rgba(80, 45, 22, 0.5), - 0px 1px 1px rgba(80, 45, 22, 0.5), - 0px -1px 1px rgba(80, 45, 22, 0.5); -} - -* button -{ - background-color: #917C6F; - border-radius: 5px; - border: 1px solid #502D16; - border-bottom-width: 3px; - color: #FFEEAA; - margin: 0.1em; - padding: 0.2em; - transition: background-color 0.3s ease-out; -} - -* button:hover -{ - cursor: pointer; - background-color: #AC9D93; -} - -* button:active -{ - background-color: #C8BEB7; -} - -* button:disabled -{ - background-color: #502D16; -} - -* button:disabled:hover -{ - cursor: default; - background-color: #502D16; -} + margin: 0; + padding: 0; } + +html, body, .fullscreen-module { + min-width: 800px; + min-height: 600px; + background-color: #6C5D53; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; } -* button:disabled:active -{ - background-color: #502D16; -} - -html, body, .fullscreen-module -{ - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - margin: 0; - padding: 0; -} - -.fullscreen-module -{ - display:flex; -} - -.clickable -{ - cursor: pointer; - touch-action: manipulation; -} - -.popup-message -{ - display: inline-block; - text-align: justify; - padding: 2em 2em 1em 2em; - margin: 1em; - - border: 1px solid #502D16; - border-left-width: 4px; - - max-width: 80em; - min-width: 40em; -} +* { + color: #FFEEAA; + text-shadow: 1px 0 1px rgba(36, 31, 28, 0.5), -1px 0 1px rgba(36, 31, 28, 0.5), 0 1px 1px rgba(36, 31, 28, 0.5), 0 -1px 1px rgba(36, 31, 28, 0.5); } + +button { + background-color: #917C6F; + border-radius: 5px; + border: 1px solid #483E37; + border-bottom-width: 3px; + margin: 0.1em; + padding: 0.2em; + transition: background-color 0.3s ease-out; } + +button:hover { + cursor: pointer; + background-color: #AC9D93; } + +button:active { + background-color: #C8BEB7; } + +.clickable { + cursor: pointer; + touch-action: manipulation; } -- cgit v1.2.3-70-g09d2