aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authornsensfel <SpamShield0@noot-noot.org>2018-04-18 13:14:25 +0200
committernsensfel <SpamShield0@noot-noot.org>2018-04-18 13:14:25 +0200
commit1116d62c66a8afc199cc50456a875a96edbcd821 (patch)
tree62ab981fee77fa75dcc905b3ed4e8cf5cca43a58
parent4f19cf2a586c28256ff3dbdd203e974c6046dd02 (diff)
downloadtacticians-client-1116d62c66a8afc199cc50456a875a96edbcd821.zip
tacticians-client-1116d62c66a8afc199cc50456a875a96edbcd821.tar.bz2
Lookin' better.
-rw-r--r--src/battlemap/www/style.css76
1 files changed, 72 insertions, 4 deletions
diff --git a/src/battlemap/www/style.css b/src/battlemap/www/style.css
index cd1271b..dc75da4 100644
--- a/src/battlemap/www/style.css
+++ b/src/battlemap/www/style.css
@@ -7,7 +7,8 @@
display: grid;
grid-template-columns: 100%;
- grid-template-rows: 2em calc(100% - 4em) 2em;
+ grid-template-rows: 3em calc(100% - 15em) 10em;
+ grid-gap: 1em;
}
.battlemap-main-menu
@@ -18,6 +19,20 @@
flex-direction: row;
flex-wrap: wrap;
+
+ border: 1px solid #502D16;
+ border-top: none;
+ border-radius: 0 0 15px 15px;
+ box-shadow:
+ -1px 0px 2px #502D16,
+ 1px 0px 2px #502D16,
+ 0px 1px 2px #502D16;
+
+ padding: 0.5em;
+
+ background-color: rgba(145,124,111,1);
+
+ margin: 0 1em 0 1em;
}
.battlemap-main-content
@@ -31,16 +46,46 @@
.battlemap-help
{
grid-row: 3;
+
+ border: 1px solid #502D16;
+ border-radius: 15px 15px 0 0;
+ border-bottom: none;
+ box-shadow:
+ -1px 0px 2px #502D16,
+ 1px 0px 2px #502D16,
+ 0px -1px 2px #502D16;
+
+ padding: 0.5em;
+ margin: 0 1em 0 1em;
+
+ background-color: rgba(145,124,111,1);
+}
+
+.battlemap-error
+{
+ background-color: rgba(85,0,0,1);
}
/** Main Content **************************************************************/
.battlemap-container
{
+
flex-grow: 1;
overflow: auto;
+
+ border: 1px solid #502D16;
+ border-radius: 15px;
+ box-shadow:
+ -1px 0px 2px #502D16,
+ 1px 0px 2px #502D16,
+ 0px -1px 2px #502D16,
+ 0px 1px 2px #502D16;
+
/*** Otherwise, it won't display correctly without 'transform: scale' ***/
position: relative;
+ margin: 0 1em 0 1em;
+ background-color: rgba(145,124,111,1);
}
.battlemap-controlled
@@ -52,11 +97,36 @@
justify-content: center;
width: 15em;
+
+ padding: 0.5em;
+
+ border: 1px solid #502D16;
+ border-radius: 0 15px 15px 0;
+ border-left: none;
+ box-shadow:
+ 1px 0px 2px #502D16,
+ 0px -1px 2px #502D16,
+ 0px 1px 2px #502D16;
+
+ background-color: rgba(145,124,111,1);
}
.battlemap-sub-menu
{
width: 20em;
+
+ padding: 0.5em;
+ overflow: auto;
+
+ border: 1px solid #502D16;
+ border-radius: 15px 0 0 15px;
+ border-right: none;
+ box-shadow:
+ -1px 0px 2px #502D16,
+ 0px -1px 2px #502D16,
+ 0px 1px 2px #502D16;
+
+ background-color: rgba(145,124,111,1);
}
/*** Main View ****************************************************************/
@@ -78,7 +148,6 @@
word-wrap: break-word;
display: flex;
flex-direction: column;
- background-color: #6C5D53;
padding: 0.5em;
color: #FFEEAA;
border-left: 1px solid #502D16;
@@ -166,10 +235,9 @@
flex: 2;
margin: 0.5em 0.5em 0 0.5em;
text-align: center;
- background-color: #917C6f;
border-radius: 5px;
border: 1px solid #502D16;
- border-bottom-width: 3px;
+ border-bottom-width: 2px;
padding: 0.05em;
}