diff --git a/less/styles.less b/less/styles.less index 5bb2a69..125cddf 100644 --- a/less/styles.less +++ b/less/styles.less @@ -30,6 +30,81 @@ body.ui-mobile-viewport { } } +.ui-page .ui-header { + background-color: #93CAF4; + border-color: #fff; + border-width: 2px 0px 2px 0; + + .ui-title { + color: #fff; + text-shadow: 0px 1px 0px #999; + } + .ui-btn-left.ui-btn-icon-notext { + background-color: rgba(0, 0, 0, 0.3); + border-width: 0; + top: 0.45em; + left: 0.45em; + } +} +.ui-content .ui-listview { + > li.ui-first-child .ui-btn { + border-top-width: 0; + } +} + +/* Active button */ +.ui-page-theme-a .ui-btn.ui-btn-active, +html .ui-bar-a .ui-btn.ui-btn-active, +html .ui-body-a .ui-btn.ui-btn-active, +html body .ui-group-theme-a .ui-btn.ui-btn-active, +html head + body .ui-btn.ui-btn-a.ui-btn-active, +/* Active checkbox icon */ +.ui-page-theme-a .ui-checkbox-on:after, +html .ui-bar-a .ui-checkbox-on:after, +html .ui-body-a .ui-checkbox-on:after, +html body .ui-group-theme-a .ui-checkbox-on:after, +.ui-btn.ui-checkbox-on.ui-btn-a:after, +/* Active flipswitch background */ +.ui-page-theme-a .ui-flipswitch-active, +html .ui-bar-a .ui-flipswitch-active, +html .ui-body-a .ui-flipswitch-active, +html body .ui-group-theme-a .ui-flipswitch-active, +html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, +/* Active slider track */ +.ui-page-theme-a .ui-slider-track .ui-btn-active, +html .ui-bar-a .ui-slider-track .ui-btn-active, +html .ui-body-a .ui-slider-track .ui-btn-active, +html body .ui-group-theme-a .ui-slider-track .ui-btn-active, +html body div.ui-slider-track.ui-body-a .ui-btn-active { + background-color: #93CAF4 /*{a-active-background-color}*/; + border-color: #93CAF4 /*{a-active-border}*/; + color: #ffffff /*{a-active-color}*/; + text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/; +} +/* Active radio button icon */ +.ui-page-theme-a .ui-radio-on:after, +html .ui-bar-a .ui-radio-on:after, +html .ui-body-a .ui-radio-on:after, +html body .ui-group-theme-a .ui-radio-on:after, +.ui-btn.ui-radio-on.ui-btn-a:after { + border-color: #93CAF4 /*{a-active-background-color}*/; +} +/* Focus */ +.ui-page-theme-a .ui-btn:focus, +html .ui-bar-a .ui-btn:focus, +html .ui-body-a .ui-btn:focus, +html body .ui-group-theme-a .ui-btn:focus, +html head + body .ui-btn.ui-btn-a:focus, +/* Focus buttons and text inputs with div wrap */ +.ui-page-theme-a .ui-focus, +html .ui-bar-a .ui-focus, +html .ui-body-a .ui-focus, +html body .ui-group-theme-a .ui-focus, +html head + body .ui-btn-a.ui-focus, +html head + body .ui-body-a.ui-focus { + box-shadow: 0 0 12px #93CAF4 /*{a-active-background-color}*/; +} + #action { margin: 0 -1em; padding: 1em; diff --git a/www/index.html b/www/index.html index 025ccc0..8bb19e5 100644 --- a/www/index.html +++ b/www/index.html @@ -46,7 +46,7 @@
- Back + Back

@@ -64,7 +64,7 @@
- Back + Back

Find WiFi-Box

@@ -87,7 +87,7 @@
- Back + Back

Connecting

@@ -106,7 +106,7 @@
- Back + Back

Cable connect

@@ -118,7 +118,7 @@
- Back + Back

Join network

@@ -136,7 +136,7 @@
- Back + Back

Connect

@@ -154,7 +154,7 @@
- Back + Back

Connect

@@ -169,7 +169,7 @@
- Back + Back

Connecting...

@@ -183,7 +183,7 @@
- Back + Back

Update

@@ -194,7 +194,7 @@
- Back + Back

Your app here?