summaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css303
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;
- }
-}