| summaryrefslogtreecommitdiff | 
diff options
| author | Nathanael Sensfelder <SpamShield0@MultiAgentSystems.org> | 2018-08-07 21:50:25 +0200 | 
|---|---|---|
| committer | Nathanael Sensfelder <SpamShield0@MultiAgentSystems.org> | 2018-08-07 21:50:25 +0200 | 
| commit | 9d0475892354be33fa250b33ff0fc858aedb957a (patch) | |
| tree | b9ff7a4a6ea229c7301d17b2672e0311963a267f /src/map-editor | |
| parent | 4bd5a25fd5a503874320d0e78538ed78ce56640b (diff) | |
Removes obsolete style files.
Diffstat (limited to 'src/map-editor')
| -rw-r--r-- | src/map-editor/www/style.css | 421 | 
1 files changed, 0 insertions, 421 deletions
| 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;} -} | 


