active techniques multiple

1 files changed, 27 insertions, 0 deletions

diff --git a/style.css b/style.css
index 5c4b2f6..b344c8a 100644
--- a/style.css
+++ b/style.css
@@ -37,6 +37,10 @@ img {
 .popup {
   background-color: #fff;
   padding: 0.25rem 0.5rem;
+
+  background-image: url('/modules/tuxemon/mods/tuxemon/gfx/ui/background/spyder_empty.png');
+  background-size: cover;
+  background-position: center;
 }
 
 #battle {
@@ -176,6 +180,7 @@ img {
   transition: background-color;
 }
 
+
 .moveset__item {
   font-size: 1.5rem;
   border: 1px solid #000;
@@ -183,20 +188,40 @@ img {
   margin: 0.5em 0;
   line-height: 1em;
   cursor: pointer;
+  background-color: rgba(255, 255, 255, 0.75);
 }
+
 .moveset__item:hover {
   background-color: rgba(0, 0, 0, 0.1);
 }
+
 .moveset__item[disabled] {
   filter: grayscale(100%);
   opacity: 0.5;
 }
+
+.moveset__item[selected] {
+  border-color: green;
+  color: green;
+}
+
 .moveset__item img {
   height: 1em;
   width: 1em;
 }
 
 
+
+#techniques {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: 1fr 1fr;
+}
+
+.techniques__technique {}
+
+
+
 #status {
   color: #fff;
   background-color: #000;
@@ -204,6 +229,7 @@ img {
 }
 
 
+
 #menu {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
@@ -218,6 +244,7 @@ img {
 }
 
 
+
 #party {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;