From 31be29ae4623cdd9234ee556fcd40561994c7cc5 Mon Sep 17 00:00:00 2001 From: Nathanael Sensfelder Date: Tue, 10 Apr 2018 22:33:50 +0200 Subject: Brown for the left panel as well. --- src/battlemap/www/style.css | 42 +++++++++++++++++++++++++++++------------- 1 file changed, 29 insertions(+), 13 deletions(-) diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css index 6d30f80..718ad1e 100644 --- a/src/battlemap/www/style.css +++ b/src/battlemap/www/style.css @@ -78,24 +78,39 @@ justify-content: space-between; } +.battlemap-tabmenu +{ + background-color: #6C5D53; + padding: 0.5em; + color: #FFEEAA; +} + +.battlemap-tabmenu button +{ + background-color: #917C6F; + border-radius: 5px; + border: 1px solid #502D16; + border-bottom-width: 3px; + color: #FFEEAA; + margin: 0.1em; + padding: 0.1em; +} + .battlemap-tabmenu-selector button { flex: 1; text-transform: uppercase; - border-radius: 5px; - border: 1px solid rgba(0, 0, 0, 0.3); - border-bottom-width: 3px; } .battlemap-tabmenu-selector button:hover { - border-color: rgba(0, 0, 0, 0.6); + background-color: #AC9D93; } .battlemap-tabmenu-selector button:active { - border-color: rgba(0, 0, 0, 0.9); + background-color: #C8BEB7; } .battlemap-tabmenu-content @@ -133,7 +148,8 @@ .battlemap-tabmenu-characters-tab { display: flex; - flex-direction: row; + flex-grow: 1; + flex-direction: column; flex-wrap: wrap; } @@ -151,7 +167,7 @@ .battlemap-timeline-element, .battlemap-characters-element { - border-radius: 6px; + flex: 2; padding: 1em; margin: 0.5em 0.5em 0 0.5em; text-align: center; @@ -160,13 +176,13 @@ -1px 0px 2px #888, 0px 1px 2px #888, 0px -1px 2px #888; - background-color: #EEE; -} -.battlemap-tabmenu-timeline-tab, -.battlemap-tabmenu-characters-tab -{ - background-color: #AAA; + background-color: #917C6f; + border-radius: 5px; + border: 1px solid #502D16; + border-bottom-width: 3px; + color: #FFEEAA; + padding: 0.05em; } .battlemap-tabmenu-characters-tab .battlemap-character-portrait -- cgit v1.2.3-70-g09d2