summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'src/battlemap/www/index.html')
-rw-r--r--src/battlemap/www/index.html201
1 files changed, 4 insertions, 197 deletions
diff --git a/src/battlemap/www/index.html b/src/battlemap/www/index.html
index cad620b..d019783 100644
--- a/src/battlemap/www/index.html
+++ b/src/battlemap/www/index.html
@@ -1,203 +1,10 @@
<!DOCTYPE html>
<html>
<head>
- <style>
- html
- {
- height: 100%;
- }
-
- html, body, .battlemap
- {
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0;
- left: 0;
- }
-
- .battlemap
- {
- display: flex;
- flex-flow: column;
- align-content: stretch;
- justify-content: stretch;
- }
-
- .battlemap-header
- {
- text-align: center;
- flex: 0;
- }
-
- .battlemap-container
- {
- overflow: auto;
- width: inherit;
- flex: 1;
- }
-
- .battlemap-footer
- {
- display: flex;
- flex: 0;
- max-height: 30%;
- }
-
- .battlemap-actual
- {
- display: inline-block;
- }
-
- .battlemap-tiled
- {
- position: absolute;
- height: 32px;
- width: 32px;
- }
-
- .battlemap-tile-icon
- {
- z-index: 0;
- }
-
- .asset-tile-\"0\"
- {
- background-color: green;
- }
-
- .asset-tile-\"1\"
- {
- background-color: yellow;
- }
-
- .asset-tile-\"2\"
- {
- background-color: red;
- }
-
- .battlemap-character-icon
- {
- z-index: 2;
- }
-
- .asset-character-icon-Icon0
- {
- background-color: Aqua;
- }
-
- .asset-character-icon-Icon1
- {
- background-color: Aquamarine;
- }
-
- .asset-character-icon-Icon2
- {
- background-color: Purple;
- }
-
- .asset-character-icon-Icon3
- {
- background-color: RebeccaPurple;
- }
-
- .battlemap-marker-icon
- {
- z-index: 1;
- }
-
- .asset-marker-icon-can-go-to
- {
- background-color:rgba(0,0,0,0.5);
- }
-
- .asset-marker-icon-can-attack
- {
- background-color:rgba(0,0,0,0.7);
- }
-
- .battlemap-path-icon
- {
- z-index: 3;
- color: white;
- }
-
- .asset-path-icon-NR:before,
- .asset-path-icon-LR:before,
- .asset-path-icon-RR:before,
- .asset-path-icon-UR:before,
- .asset-path-icon-DR:before
- {
- content: "}";
- }
-
- .asset-path-icon-NL:before,
- .asset-path-icon-LL:before,
- .asset-path-icon-RL:before,
- .asset-path-icon-UL:before,
- .asset-path-icon-DL:before
- {
- content: "{";
- }
-
- .asset-path-icon-NU:before,
- .asset-path-icon-LU:before,
- .asset-path-icon-RU:before,
- .asset-path-icon-UU:before,
- .asset-path-icon-DU:before
- {
- content: "^";
- }
-
- .asset-path-icon-ND:before,
- .asset-path-icon-LD:before,
- .asset-path-icon-RD:before,
- .asset-path-icon-UD:before,
- .asset-path-icon-DD:before
- {
- content: "v";
- }
-
- .asset-path-icon-markN:before,
- .asset-path-icon-markL:before,
- .asset-path-icon-markU:before,
- .asset-path-icon-markD:before,
- .asset-path-icon-markR:before
- {
- content: "x";
- }
-
-
- .battlemap-footer-tabmenu
- {
- flex: 1;
- }
-
- .battlemap-footer-tabmenu-selector
- {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
-
- .battlemap-footer-tabmenu-selector button
- {
- flex: 1;
- }
-
- .battlemap-footer-tabmenu-content
- {
- flex: initial;
- }
-
- .battlemap-footer-manualcontrols
- {
- flex: initial;
-
- display: flex;
- flex-direction: column;
- }
- </style>
+ <link rel="stylesheet" type="text/css" href="../global/style.css">
+ <link rel="stylesheet" type="text/css" href="../battlemap/style.css">
+ <link rel="stylesheet" type="text/css" href="../asset/tiles.css">
+ <link rel="stylesheet" type="text/css" href="../asset/characters.css">
</head>
<body>
<script src="script/main.js"></script>