Notes (Delete when publishing)

-------------------------------------------------------------------------------------------------

- Update location name

- Update the location in map pop-up

- Update the navi points (adjust text in 'Normal' and 'Pressed')

- We're using text highlighting on these tours: https://trello.com/c/3EQKTfSz

There is one sub navi element in this skin. The arrows used need to be pointing left(▸) when the sub is closed and pointing down (▾) when the sub is open.

Remove the arrows if there are no subs (check the pressed state of the button)

The navi buttons are set to 'toggle', the main buttons are in a group called 'main'. If the tour requires a sub navi, give the sub a group. If you don't understand, ask Aidan.

-----STATS---------------

The stats are the information VB has for each area.

In this skin they are made up of icons and text. To add stats for an area copy the existing example and edit the info. Name the container well as you will need to hide/show with JavaScript

------MOBILE--------

The mobile skin needs to be created from the desktop skin. Set the orientation to portrait.

In the mobile skin open bottom-bar-con and then bar-con. Hide mid-con and right-con and set logo-con to 100% width.

- Check that the share button notification is aligned correctly (one way to do this is by creating an additional container set at 100% width, 0% opacity and setting the share-btn-notification-con to be centered inside it)

- Hide copyright-con

- Resize the map-con to fit better (90% of screen) - adjust left and right position to be each at 5%

- Hide button-fullscreen and resize remaining buttons to be 10x larger (23x25)

Due to conflicts in the JS: any element that is controlled by JS needs to have a unique name eg:

Desktop skin: 'navi-con'

Mobile Skin: 'navi-con-m'

As there are no stats on the mobile skin this should only be a issue with text highlighting