refactorrefactor

1 files changed, 0 insertions, 303 deletions

diff --git a/style.css b/style.css
deleted file mode 100644
index b344c8a..0000000
--- a/style.css
+++ /dev/null
@@ -1,303 +0,0 @@
-* {
-  box-sizing: border-box;
-}
-
-html {
-  font-size: 14px;
-}
-
-body {
-  margin: 0;
-}
-
-img {
-  display: inline-block;
-  max-width: 100%;
-}
-
-.wrap {
-  margin: 0 auto;
-  min-width: 360px;
-  max-width: 750px;
-  width: 100vw;
-  height: 100vh;
-}
-
-.popup__overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.8);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.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 {
-  user-select: none;
-  min-height: 300px;
-  padding: 0.5rem;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  background-image: url('/modules/tuxemon/mods/tuxemon/gfx/ui/combat/sea_background.png');
-  background-size: cover;
-}
-
-#battle__enemy {
-  position: relative;
-  cursor: pointer;
-  flex-grow: 1;
-}
-
-.battle__monster {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.battle__monster-info {
-  border: 2px solid #000;
-  background-color: beige;
-
-  flex-grow: 1;
-  flex-basis: 50%;
-}
-.battle__monster-info-box {
-  display: flex;
-  flex-direction: column;
-
-  padding: 0.25rem;
-}
-.battle__monster-info__gender {
-  line-height: 1em;
-}
-
-.battle__monster-info-box__status {
-  display: flex;
-  justify-content: space-between;
-  /* align-items: center; */
-}
-.battle__monster-info__status {
-  /* flex-basis: 5%; */
-  flex-basis: calc(1rem + 0.25rem);
-  /* text-align: center; */
-}
-.battle__monster-info__status img {
-  width: 1rem;
-  height: 1rem;
-}
-
-.battle__monster-info-exp {
-  display: flex;
-  align-items: center;
-
-  padding: 0.25rem;
-
-  background-color: #000;
-  color: yellow;
-}
-.exp-label {
-  margin-right: 0.5rem;
-}
-.battle__monster-visual {
-  flex-grow: 1;
-  flex-basis: 50%;
-  text-align: center;
-}
-
-.battle__monster-sprite {
-  margin-bottom: 0.25rem;
-}
-.battle__monster-img {
-  transition-property: filter;
-}
-.battle__monster-img.damaged {
-  filter: brightness(2);
-}
-.battle__monster-sprite__animation {
-  position: fixed;
-  z-index: 10;
-}
-
-.battle__monster-technique {
-  background-color: beige;
-  border: 2px solid #000;
-  padding: 0.25rem;
-
-  display: inline-flex;
-  align-items: center;
-
-  cursor: pointer;
-}
-.battle__monster-technique__name {}
-.battle__monster-technique__types {}
-.battle__monster-technique__power {}
-
-.battle__monster--player {
-  flex-direction: row-reverse;
-}
-.battle__monster--enemy .battle__monster-info-exp,
-.battle__monster--enemy .battle__monster-technique {
-  display: none;
-}
-
-.exp {
-  width: 100%;
-}
-.exp-bar-wrap {
-  width: 100%;
-  border: 1px solid rgba(0, 0, 0, 0.5);
-  background-color: lightgray;
-}
-.exp-bar {
-  background-color: blue;
-  height: 7px;
-  transition: background-color;
-  width: 0%;
-}
-.hp {
-  flex-grow: 1;
-}
-.hp-bar-wrap {
-  width: 100%;
-  border: 1px solid rgba(0, 0, 0, 0.5);
-}
-.hp-bar {
-  background-color: green;
-  height: 10px;
-  transition: background-color;
-}
-
-
-.moveset__item {
-  font-size: 1.5rem;
-  border: 1px solid #000;
-  padding: 0.5em 0.75em;
-  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;
-  padding: 0.25rem;
-}
-
-
-
-#menu {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  text-align: center;
-  background-color: beige;
-}
-#menu > div {
-  cursor: pointer;
-}
-#menu > div:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-
-
-
-#party {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-}
-
-.party__monster {
-  cursor: pointer;
-}
-.party__monster:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-
-#enemy {
-  position: relative;
-  user-select: none;
-  cursor: pointer;
-  min-width: 750px;
-  min-height: 300px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid #000;
-  flex-direction: column;
-
-  background-image: url('/modules/tuxemon/mods/tuxemon/gfx/backgrounds/test/back02.png');
-  background-image: url('https://wiki.tuxemon.org/images/9/9f/Sea_background.png');
-  background-size: cover;
-}
-
-#enemy img {
-  transition-property: filter;
-}
-#enemy img.clicked {
-  filter: brightness(2);
-}
-
-
-.damage {
-  position: absolute;
-  z-index: 11;
-
-  animation: float-up-and-disappear;
-}
-
-@keyframes float-up-and-disappear {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    top: 0;
-    opacity: 0;
-    font-size: 0;
-  }
-}