From 9d0475892354be33fa250b33ff0fc858aedb957a Mon Sep 17 00:00:00 2001 From: Nathanael Sensfelder Date: Tue, 7 Aug 2018 21:50:25 +0200 Subject: Removes obsolete style files. --- src/map-editor/www/style.css | 421 ------------------------------------------- 1 file changed, 421 deletions(-) delete mode 100644 src/map-editor/www/style.css (limited to 'src/map-editor/www') diff --git a/src/map-editor/www/style.css b/src/map-editor/www/style.css deleted file mode 100644 index 8e758fe..0000000 --- a/src/map-editor/www/style.css +++ /dev/null @@ -1,421 +0,0 @@ -/******************************************************************************/ -/** LAYOUT ********************************************************************/ -/******************************************************************************/ -.fullscreen-module {} - -.map-main-menu -{ - position: absolute; - top: 0; - left: 0; - right: 0; - height: 3em; - - display: flex; - - flex-direction: row; - flex-wrap: wrap; - - border: 3px solid #502D16; - border-top: none; - border-radius: 0 0 15px 15px; - - padding: 0.5em; - - background-color: #917C6F; - - margin: 0 1em 0 1em; -} - -.map-message-board -{ - position: absolute; - bottom: 0; - left: 0; - right: 0; - - height: 10em; - - border: 3px solid #502D16; - border-radius: 15px 15px 0 0; - border-bottom: none; - - padding: 0.5em; - margin: 0 1em 0 1em; - - background-color: #917C6F; - - display: flex; - flex-flow: row; - justify-content: space-between; -} - -.map-container-centerer -{ - position: absolute; - top: 4em; - left: 16em; - right: 21em; - bottom: 11em; - - display: flex; -} - -.map-container -{ - display: inline-block; - max-height: 100%; - max-width: 100%; - /* - * 4em: main-menu + margin. - * 11em: message-board + margin. - */ - /*margin: 0 1em 0 1em; */ - overflow: scroll; - - margin: auto; - resize: both; - - border: 3px solid #502D16; - border-radius: 15px; -} - -.map-toolbox -{ - position: absolute; - left: 0; - top: 4em; - width: 15em; - /* - * 4em: main-menu + margin. - * 11em: message-board + margin. - */ - height: calc(100% - 11em - 4em); - - display: flex; - flex-flow: column; - - justify-content: space-between; - - padding: 0.5em; - - border: 3px solid #502D16; - border-radius: 0 15px 15px 0; - border-left: none; - - background-color: #917C6F; -} - -.map-sub-menu -{ - position: absolute; - right: 0; - top: 4em; - width: 20em; - /* - * 4em: main-menu + margin. - * 11em: message-board + margin. - */ - height: calc(100% - 11em - 4em); - padding: 0.5em; - overflow: auto; - - border: 3px solid #502D16; - border-radius: 15px 0 0 15px; - border-right: none; - - background-color: #917C6F; -} - -/******************************************************************************/ -/** MESSAGE BOARD *************************************************************/ -/******************************************************************************/ -.map-error -{ - background-color: #550000; -} - -.map-message-board-help -{ - display: block; -} - -.map-message-board-help h1 -{ - margin: 0; - margin-bottom: 0.3em; - font-size: 1.5em; - text-align: center; -} - -.map-message-board-help-figure -{ - width: 1.5em; - height: 1.5em; - background-size: 100%; - display: inline-block; - vertical-align: middle; -} - -.map-help-guide-icon -{ - margin-right: 0.5em; - width: 1.5em; - height: 1.5em; - background-image: url("/asset/svg/help-icon.svg"); - background-size: 100%; - display: inline-block; - vertical-align: middle; -} - -/******************************************************************************/ -/** ??? ***********************************************************************/ -/******************************************************************************/ - -/** Tile Card *****************************************************************/ -.map-tile-card -{ - display: flex; - flex-flow: column; -} - -.map-tile-card-top -{ - margin-top: 0.5em; - position: relative; -} - -.map-character-portrait -{ - box-sizing: border-box; - border-radius: 5px; - background-size: 100% 100%; - width: 100px; - height: 100px; - overflow: hidden; -} - -.map-tile-card-icon -{ - box-sizing: border-box; - border-radius: 5px; - background-size: 300% 300%; - width: 80px; - height: 80px; -} - -.map-tile-card-icon -{ - top: 0; - left: 0; - margin: 0; - box-sizing: border-box; - box-shadow: - 1px 0px 2px #333, - -1px 0px 2px #333, - 0px 1px 2px #333, - 0px -1px 2px #333; -} - -.map-character-portrait-team-0 { background-color: rgba(57, 106, 177, 0.3); } -.map-character-portrait-team-1 { background-color: rgba(204, 37, 41, 0.3); } -.map-character-portrait-team-2 { background-color: rgba(62, 150, 81, 0.3); } -.map-character-portrait-team-3 { background-color: rgba(218, 124, 48, 0.3); } -.map-character-portrait-team-4 { background-color: rgba(83, 81, 84, 0.3); } -.map-character-portrait-team-5 { background-color: rgba(107, 76, 154, 0.3); } -.map-character-portrait-team-6 { background-color: rgba(127, 167, 169, 0.3); } -.map-character-portrait-team-7 { background-color: rgba(231, 167, 169, 0.3); } - -.map-tile-card-top -{ - margin:0.3em; -} - -.map-tile-card-name, -.map-tile-card-cost, -.map-tile-card-location -{ - display:flex; - justify-content:center; - align-items:center; - border-radius: 5px; - background-color: #6C5D53; - width: 100%; -} - -.map-gauge -{ - position: relative; - border-radius: 5px; - border: 2px solid #6C5D53; - text-align: center; - height: 2em; -} - -.map-gauge-text -{ - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 1; - - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} - -.map-gauge-bar -{ - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 0; - - border-radius: 5px; - z-index: 0; - transition: width 3s ease-in-out; -} - -.map-tile-card-cost -{ - position: absolute; - left: 100px; - top: 0; - margin-left: 0.5em; - width: calc(100% - 100px - 0.5em); -} - -.map-tile-card-location -{ - position: absolute; - left: 100px; - top: calc(1.5em + 1em); - margin-left: 0.5em; - width: calc(100% - 100px - 0.5em); -} - -/******************************************************************************/ -/** MAIN MENU *****************************************************************/ -/******************************************************************************/ -.map-main-menu -{ - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-between; -} - -.map-main-menu button -{ - flex: 1; - - text-transform: uppercase; -} - -/******************************************************************************/ -/** SUB-MENU ******************************************************************/ -/******************************************************************************/ - -/******************************************************************************/ -/** Main View Elements ********************************************************/ -/******************************************************************************/ -.map-actual -{ - display: inline-block; - transform-origin: top left; - - /*** Otherwise, it won't display correctly without 'transform: scale' ***/ - position: relative; - background-color: #917C6F; -} - -.map-tiled, -.map-tiled * -{ - height: 32px; - width: 32px; - /** Fixes odd behavior of table cell being resized. **/ - /* min-width: 32px; */ - /* max-width: 32px; */ -} - -.map-tile-variant-0, .map-tile-variant-0 * {background-position: 0 0;} -.map-tile-variant-1, .map-tile-variant-1 * {background-position: 100% 0;} -.map-tile-variant-2, .map-tile-variant-2 * {background-position: 200% 0;} -.map-tile-variant-3, .map-tile-variant-3 * {background-position: 300% 0;} - -.map-tile-variant-4, .map-tile-variant-4 * {background-position: 0 100%;} -.map-tile-variant-5, .map-tile-variant-5 * {background-position: 100% 100%;} -.map-tile-variant-6, .map-tile-variant-6 * {background-position: 200% 100%;} -.map-tile-variant-7, .map-tile-variant-7 * {background-position: 300% 100%;} - -.map-tile-variant-8, .map-tile-variant-8 * {background-position: 0 200%;} -.map-tile-variant-9, .map-tile-variant-9 * {background-position: 100% 200%;} -.map-tile-variant-10, .map-tile-variant-10 * {background-position: 200% 200%;} -.map-tile-variant-11, .map-tile-variant-11 * {background-position: 300% 200%;} - -.map-tile-variant-12, .map-tile-variant-12 * {background-position: 0 300%;} -.map-tile-variant-13, .map-tile-variant-13 * {background-position: 100% 300%;} -.map-tile-variant-14, .map-tile-variant-14 * {background-position: 200% 300%;} -.map-tile-variant-15, .map-tile-variant-15 * {background-position: 300% 300%;} - -.map-tile-icon, .map-tile-icon * { - z-index: 0; - position: absolute; - background-size: 400%; -} - -.map-tile-icon-bg { - z-index: 0; -} - -.map-tile-icon-f-0 { z-index: 1; } -.map-tile-icon-f-1 { z-index: 2; } -.map-tile-icon-f-2 { z-index: 3; } -.map-tile-icon-f-3 { z-index: 4; } -.map-tile-icon-f-4 { z-index: 5; } -.map-tile-icon-f-5 { z-index: 6; } -.map-tile-icon-f-6 { z-index: 7; } -.map-tile-icon-f-7 { z-index: 8; } - -.map-tile-icon-dt { - z-index: 9; -} - -.map-tile, .map-tile * {background-size: 400%;} -.map-tile * {position: absolute;} - -.map-tabmenu-tiles-tab -{ - display: flex; - flex-direction: row; - flex-wrap: wrap; -} - -.map-tabmenu-tiles-tab .map-tile -{ - margin: 0.1em; -} - -.map-tile-selected -{ - border: 1px dashed white; -} - -.map-tile-square-corner -{ - animation-name: blinking; - animation-duration: 1s; - animation-iteration-count: infinite; -} - -@keyframes blinking { - 0% {opacity: 1;} - 50% {opacity: 0;} - 100% {opacity: 1;} -} -- cgit v1.2.3-70-g09d2