|
|
| Line 3: |
Line 3: |
| <div class="mw-ui-button mw-ui-progressive" style="display:inline-block; width:50%; max-width:50%; padding:0; height:100%; float:left; border-color:#3c78f0;"><span style="line-height:30px;">Floor 1</span></div> | | <div class="mw-ui-button mw-ui-progressive" style="display:inline-block; width:50%; max-width:50%; padding:0; height:100%; float:left; border-color:#3c78f0;"><span style="line-height:30px;">Floor 1</span></div> |
| <div class="mw-ui-button" style="display:inline-block; width:50%; max-width:50%; padding:0; height:100%; float:right; border-color:darkgray; background:lightgray; pointer-events:none;"><span style="line-height:30px;">Floor 2</span></div></div> | | <div class="mw-ui-button" style="display:inline-block; width:50%; max-width:50%; padding:0; height:100%; float:right; border-color:darkgray; background:lightgray; pointer-events:none;"><span style="line-height:30px;">Floor 2</span></div></div> |
| <div id="mall-map-container" style="display:grid; grid-template-columns:repeat(8, 1fr) 1% repeat(8, 1fr); grid-template-rows:repeat(8, 1fr) 1% repeat(8, 1fr); gap:5px; grid-template-areas:'Dog_13 . Dog_12 Dog_11 Dog_10 Dog_9 Blank_1 Dog_6 . Fish_6 Blank_2 Fish_9 Fish_10 Fish_11 Fish_12 . Fish_13' '. . . . . . Dog_8 Dog_5 . Fish_5 Fish_8 . . . . . .' 'Dog_14 . Dog_25 . Dog_26 . Dog_7 Dog_4 . Fish_4 Fish_7 . Fish_24 . Fish_25 . Fish_14' 'Dog_15 . . . . . . . . . . . . . . . Fish_15' 'Dog_16 . Dog_24 . Dog_27 . Dog_23 Dog_3 . Fish_3 Fish_23 . Fish_27 . Fish_26 . Fish_16' 'Dog_17 . . . . . Dog_22 Dog_2 . Fish_2 Fish_22 . . . . . Fish_17' 'Blank_9 Dog_18 Dog_19 . Dog_20 Dog_21 Blank_3 Dog_1 . Fish_1 Blank_4 Fish_21 Fish_20 . Fish_19 Fish_18 Blank_10' 'Dog_33 Dog_32 Dog_31 . Dog_30 Dog_29 Dog_28 . . . Fish_28 Fish_29 Fish_30 . Fish_31 Fish_32 Fish_33' '. . . . . . . . . . . . . . . . .' 'Fountain_33 Fountain_32 Fountain_31 . Fountain_30 Fountain_29 Fountain_28 . . . Tree_28 Tree_29 Tree_30 . Tree_31 Tree_32 Tree_33' 'Blank_11 Fountain_18 Fountain_19 . Fountain_20 Fountain_21 Blank_5 Fountain_1 . Tree_1 Blank_6 Tree_21 Tree_20 . Tree_19 Tree_18 Blank_12' 'Fountain_17 . . . . . Fountain_22 Fountain_2 . Tree_2 Tree_22 . . . . . Tree_17' 'Fountain_16 . Fountain_26 . Fountain_27 . Fountain_23 Fountain_3 . Tree_3 Tree_23 . Tree_24 . Tree_25 . Tree_16' 'Fountain_15 . . . . . . . . . . . . . . . Tree_15' 'Fountain_14 . Fountain_25 . Fountain_24 . Fountain_7 Fountain_4 . Tree_4 Tree_7 . Tree_27 . Tree_26 . Tree_14' '. . . . . . Fountain_8 Fountain_5 . Tree_5 Tree_8 . . . . . .' 'Fountain_13 . Fountain_12 Fountain_11 Fountain_10 Fountain_9 Blank_7 Fountain_6 . Tree_6 Blank_8 Tree_9 Tree_10 Tree_11 Tree_12 . Tree_13'; | | <div {{Mall container}}> |
| background:#f7f7f7; border:1px solid {{main-color}}; color:#f7f7f7; width:100%;">
| |
