Skip to content

E
ecommerce-ui
Commit f144c000 authored by Sven Franck's avatar Sven Franck
Browse files
Options

upgraded to JQM 1.4.0, updated filterable widget/searchbar gadget

parent 5dfeca3b
Hide whitespace changes
Inline Side-by-side
Showing with 2034 additions and 5939 deletions
css/jquery-mobile/jquery-mobile.latest.css
View file @ f144c000
/*! /*!
* jQuery Mobile 1.4.0pre * jQuery Mobile 1.4.0-alpha.1
* Git HEAD hash: 7acdb8e856d0fd714ae651cc5f7045d4124214fc <> Date: Wed Jul 17 2013 16:13:19 UTC * Git HEAD hash: d17d2ba7a10af43dac930d1ee65b6b46268bb08d <> Date: Thu Jul 25 2013 22:32:20 UTC
* http://jquerymobile.com * http://jquerymobile.com
* *
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
...@@ -769,6 +769,9 @@ label.ui-btn { ...@@ -769,6 +769,9 @@ label.ui-btn {
.ui-btn:link { .ui-btn:link {
text-decoration: none !important; text-decoration: none !important;
} }
.ui-btn-active {
cursor: pointer;
}
/* Corner rounding /* Corner rounding
-----------------------------------------------------------------------------------------------------------*/ -----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */ /* Class ui-btn-corner-all deprecated in 1.4 */
...@@ -780,7 +783,9 @@ label.ui-btn { ...@@ -780,7 +783,9 @@ label.ui-btn {
.ui-btn-corner-all, .ui-btn-corner-all,
.ui-btn.ui-corner-all, .ui-btn.ui-corner-all,
/* Slider track */ /* Slider track */
.ui-slider-track.ui-corner-all { .ui-slider-track.ui-corner-all,
/*flipswitch*/
.ui-flipswitch.ui-corner-all {
-webkit-border-radius: .3125em /*{global-radii-buttons}*/; -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
border-radius: .3125em /*{global-radii-buttons}*/; border-radius: .3125em /*{global-radii-buttons}*/;
} }
...@@ -801,9 +806,9 @@ label.ui-btn { ...@@ -801,9 +806,9 @@ label.ui-btn {
/* Shadow /* Shadow
-----------------------------------------------------------------------------------------------------------*/ -----------------------------------------------------------------------------------------------------------*/
.ui-shadow { .ui-shadow {
-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/; -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/; -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/ box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/
} }
.ui-shadow-inset { .ui-shadow-inset {
-webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/; -webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
...@@ -817,37 +822,48 @@ label.ui-btn { ...@@ -817,37 +822,48 @@ label.ui-btn {
} }
/* Icons /* Icons
-----------------------------------------------------------------------------------------------------------*/ -----------------------------------------------------------------------------------------------------------*/
.ui-icon-action:after, .ui-icon-arrow-d-l:after, .ui-icon-arrow-d-r:after, .ui-icon-arrow-d:after, .ui-icon-arrow-l:after, .ui-icon-arrow-r:after, .ui-icon-arrow-u-l:after, .ui-icon-arrow-u-r:after, .ui-icon-arrow-u:after, .ui-icon-audio:after, .ui-icon-calendar:after, .ui-icon-camera:after, .ui-icon-carat-d:after, .ui-icon-carat-l:after, .ui-icon-carat-r:after, .ui-icon-carat-u:after, .ui-icon-check:after, .ui-icon-checkbox-on:after, .ui-icon-checkbox-off:after, .ui-icon-radio-on:after, .ui-icon-radio-off:after, .ui-icon-clock:after, .ui-icon-cloud:after, .ui-icon-grid:after, .ui-icon-mail:after, .ui-icon-eye:after, .ui-icon-gear:after, .ui-icon-heart:after, .ui-icon-home:after, .ui-icon-info:after, .ui-icon-bullets:after, .ui-icon-bars:after, .ui-icon-navigation:after, .ui-icon-lock:after, .ui-icon-search:after, .ui-input-search:after, .ui-icon-location:after, .ui-icon-minus:after, .ui-icon-forbidden:after, .ui-icon-edit:after, .ui-icon-user:after, .ui-icon-phone:after, .ui-icon-plus:after, .ui-icon-power:after, .ui-icon-recycle:after, .ui-icon-forward:after, .ui-icon-refresh:after, .ui-icon-shop:after, .ui-icon-comment:after, .ui-icon-star:after, .ui-icon-tag:after, .ui-icon-back:after, .ui-icon-video:after, .ui-icon-alert:after, .ui-icon-delete:after { .ui-btn:after,
html .ui-btn.ui-icon-checkbox-off:after,
html .ui-btn.ui-icon-radio-off:after {
background-color: #999 /*{global-icon-color}*/; background-color: #999 /*{global-icon-color}*/;
background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/; background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
-webkit-border-radius: 1em; -webkit-border-radius: 1em;
border-radius: 1em; border-radius: 1em;
display: none;
} }
/* Alt icons */ /* Alt icons */
.ui-icon-alt.ui-btn:after, .ui-icon-alt.ui-btn:after,
.ui-icon-alt .ui-icon-action:after, .ui-icon-alt .ui-icon-arrow-d-l:after, .ui-icon-alt .ui-icon-arrow-d-r:after, .ui-icon-alt .ui-icon-arrow-d:after, .ui-icon-alt .ui-icon-arrow-l:after, .ui-icon-alt .ui-icon-arrow-r:after, .ui-icon-alt .ui-icon-arrow-u-l:after, .ui-icon-alt .ui-icon-arrow-u-r:after, .ui-icon-alt .ui-icon-arrow-u:after, .ui-icon-alt .ui-icon-audio:after, .ui-icon-alt .ui-icon-calendar:after, .ui-icon-alt .ui-icon-camera:after, .ui-icon-alt .ui-icon-carat-d:after, .ui-icon-alt .ui-icon-carat-l:after, .ui-icon-alt .ui-icon-carat-r:after, .ui-icon-alt .ui-icon-carat-u:after, .ui-icon-alt .ui-icon-check:after, .ui-icon-alt .ui-icon-checkbox-off:after, .ui-icon-alt .ui-icon-radio-off:after, .ui-icon-alt .ui-icon-clock:after, .ui-icon-alt .ui-icon-cloud:after, .ui-icon-alt .ui-icon-grid:after, .ui-icon-alt .ui-icon-mail:after, .ui-icon-alt .ui-icon-eye:after, .ui-icon-alt .ui-icon-gear:after, .ui-icon-alt .ui-icon-heart:after, .ui-icon-alt .ui-icon-home:after, .ui-icon-alt .ui-icon-info:after, .ui-icon-alt .ui-icon-bullets:after, .ui-icon-alt .ui-icon-bars:after, .ui-icon-alt .ui-icon-navigation:after, .ui-icon-alt .ui-icon-lock:after, .ui-icon-alt .ui-icon-search:after, .ui-icon-alt .ui-icon-location:after, .ui-icon-alt .ui-icon-minus:after, .ui-icon-alt .ui-icon-forbidden:after, .ui-icon-alt .ui-icon-edit:after, .ui-icon-alt .ui-icon-user:after, .ui-icon-alt .ui-icon-phone:after, .ui-icon-alt .ui-icon-plus:after, .ui-icon-alt .ui-icon-power:after, .ui-icon-alt .ui-icon-recycle:after, .ui-icon-alt .ui-icon-forward:after, .ui-icon-alt .ui-icon-refresh:after, .ui-icon-alt .ui-icon-shop:after, .ui-icon-alt .ui-icon-comment:after, .ui-icon-alt .ui-icon-star:after, .ui-icon-alt .ui-icon-tag:after, .ui-icon-alt .ui-icon-back:after, .ui-icon-alt .ui-icon-video:after, .ui-icon-alt .ui-icon-alert:after, .ui-icon-alt .ui-icon-delete:after { .ui-icon-alt .ui-btn:after,
html .ui-icon-alt.ui-icon-checkbox-off:after,
html .ui-icon-alt.ui-icon-radio-off:after,
html .ui-icon-alt .ui-icon-checkbox-off:after,
html .ui-icon-alt .ui-icon-radio-off:after {
background-color: #999 /*{global-icon-color}*/; background-color: #999 /*{global-icon-color}*/;
background-color: rgba(255,255,255,.3) /*{global-icon-disc-alt}*/; background-color: rgba(255,255,255,.3) /*{global-icon-disc-alt}*/;
} }
/* No disc */ /* No disc */
.ui-icon-nodisc.ui-btn:after, .ui-icon-nodisc.ui-btn:after,
.ui-icon-nodisc .ui-icon-action:after, .ui-icon-nodisc .ui-icon-arrow-d-l:after, .ui-icon-nodisc .ui-icon-arrow-d-r:after, .ui-icon-nodisc .ui-icon-arrow-d:after, .ui-icon-nodisc .ui-icon-arrow-l:after, .ui-icon-nodisc .ui-icon-arrow-r:after, .ui-icon-nodisc .ui-icon-arrow-u-l:after, .ui-icon-nodisc .ui-icon-arrow-u-r:after, .ui-icon-nodisc .ui-icon-arrow-u:after, .ui-icon-nodisc .ui-icon-audio:after, .ui-icon-nodisc .ui-icon-calendar:after, .ui-icon-nodisc .ui-icon-camera:after, .ui-icon-nodisc .ui-icon-carat-d:after, .ui-icon-nodisc .ui-icon-carat-l:after, .ui-icon-nodisc .ui-icon-carat-r:after, .ui-icon-nodisc .ui-icon-carat-u:after, .ui-icon-nodisc .ui-icon-check:after, .ui-icon-nodisc .ui-icon-clock:after, .ui-icon-nodisc .ui-icon-cloud:after, .ui-icon-nodisc .ui-icon-grid:after, .ui-icon-nodisc .ui-icon-mail:after, .ui-icon-nodisc .ui-icon-eye:after, .ui-icon-nodisc .ui-icon-gear:after, .ui-icon-nodisc .ui-icon-heart:after, .ui-icon-nodisc .ui-icon-home:after, .ui-icon-nodisc .ui-icon-info:after, .ui-icon-nodisc .ui-icon-bullets:after, .ui-icon-nodisc .ui-icon-bars:after, .ui-icon-nodisc .ui-icon-navigation:after, .ui-icon-nodisc .ui-icon-lock:after, .ui-icon-nodisc .ui-icon-search:after, .ui-icon-nodisc .ui-icon-location:after, .ui-icon-nodisc .ui-icon-minus:after, .ui-icon-nodisc .ui-icon-forbidden:after, .ui-icon-nodisc .ui-icon-edit:after, .ui-icon-nodisc .ui-icon-user:after, .ui-icon-nodisc .ui-icon-phone:after, .ui-icon-nodisc .ui-icon-plus:after, .ui-icon-nodisc .ui-icon-power:after, .ui-icon-nodisc .ui-icon-recycle:after, .ui-icon-nodisc .ui-icon-forward:after, .ui-icon-nodisc .ui-icon-refresh:after, .ui-icon-nodisc .ui-icon-shop:after, .ui-icon-nodisc .ui-icon-comment:after, .ui-icon-nodisc .ui-icon-star:after, .ui-icon-nodisc .ui-icon-tag:after, .ui-icon-nodisc .ui-icon-back:after, .ui-icon-nodisc .ui-icon-video:after, .ui-icon-nodisc .ui-icon-alert:after, .ui-icon-nodisc .ui-icon-delete:after { .ui-icon-nodisc .ui-btn:after {
background-color: transparent; background-color: transparent;
} }
/* Icon shadow */ /* Icon shadow */
.ui-shadow-icon.ui-btn:after, .ui-shadow-icon.ui-btn:after,
.ui-shadow-icon .ui-icon-action:after, .ui-shadow-icon .ui-icon-arrow-d-l:after, .ui-shadow-icon .ui-icon-arrow-d-r:after, .ui-shadow-icon .ui-icon-arrow-d:after, .ui-shadow-icon .ui-icon-arrow-l:after, .ui-shadow-icon .ui-icon-arrow-r:after, .ui-shadow-icon .ui-icon-arrow-u-l:after, .ui-shadow-icon .ui-icon-arrow-u-r:after, .ui-shadow-icon .ui-icon-arrow-u:after, .ui-shadow-icon .ui-icon-audio:after, .ui-shadow-icon .ui-icon-calendar:after, .ui-shadow-icon .ui-icon-camera:after, .ui-shadow-icon .ui-icon-carat-d:after, .ui-shadow-icon .ui-icon-carat-l:after, .ui-shadow-icon .ui-icon-carat-r:after, .ui-shadow-icon .ui-icon-carat-u:after, .ui-shadow-icon .ui-icon-check:after, .ui-shadow-icon .ui-icon-checkbox-off:after, .ui-shadow-icon .ui-icon-checkbox-on:after, .ui-shadow-icon .ui-icon-radio-off:after, .ui-shadow-icon .ui-icon-radio-on:after, .ui-shadow-icon .ui-icon-clock:after, .ui-shadow-icon .ui-icon-cloud:after, .ui-shadow-icon .ui-icon-grid:after, .ui-shadow-icon .ui-icon-mail:after, .ui-shadow-icon .ui-icon-eye:after, .ui-shadow-icon .ui-icon-gear:after, .ui-shadow-icon .ui-icon-heart:after, .ui-shadow-icon .ui-icon-home:after, .ui-shadow-icon .ui-icon-info:after, .ui-shadow-icon .ui-icon-bullets:after, .ui-shadow-icon .ui-icon-bars:after, .ui-shadow-icon .ui-icon-navigation:after, .ui-shadow-icon .ui-icon-lock:after, .ui-shadow-icon .ui-icon-search:after, .ui-shadow-icon .ui-icon-location:after, .ui-shadow-icon .ui-icon-minus:after, .ui-shadow-icon .ui-icon-forbidden:after, .ui-shadow-icon .ui-icon-edit:after, .ui-shadow-icon .ui-icon-user:after, .ui-shadow-icon .ui-icon-phone:after, .ui-shadow-icon .ui-icon-plus:after, .ui-shadow-icon .ui-icon-power:after, .ui-shadow-icon .ui-icon-recycle:after, .ui-shadow-icon .ui-icon-forward:after, .ui-shadow-icon .ui-icon-refresh:after, .ui-shadow-icon .ui-icon-shop:after, .ui-shadow-icon .ui-icon-comment:after, .ui-shadow-icon .ui-icon-star:after, .ui-shadow-icon .ui-icon-tag:after, .ui-shadow-icon .ui-icon-back:after, .ui-shadow-icon .ui-icon-video:after, .ui-shadow-icon .ui-icon-alert:after, .ui-shadow-icon .ui-icon-delete:after { .ui-shadow-icon .ui-btn:after {
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/; box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
} }
.ui-icon-action:after, .ui-icon-arrow-d-l:after, .ui-icon-arrow-d-r:after, .ui-icon-arrow-d:after, .ui-icon-arrow-l:after, .ui-icon-arrow-r:after, .ui-icon-arrow-u-l:after, .ui-icon-arrow-u-r:after, .ui-icon-arrow-u:after, .ui-icon-audio:after, .ui-icon-calendar:after, .ui-icon-camera:after, .ui-icon-carat-d:after, .ui-icon-carat-l:after, .ui-icon-carat-r:after, .ui-icon-carat-u:after, .ui-icon-check:after, .ui-icon-clock:after, .ui-icon-cloud:after, .ui-icon-grid:after, .ui-icon-mail:after, .ui-icon-eye:after, .ui-icon-gear:after, .ui-icon-heart:after, .ui-icon-home:after, .ui-icon-info:after, .ui-icon-bullets:after, .ui-icon-bars:after, .ui-icon-navigation:after, .ui-icon-lock:after, .ui-icon-search:after, .ui-icon-location:after, .ui-icon-minus:after, .ui-icon-forbidden:after, .ui-icon-edit:after, .ui-icon-user:after, .ui-icon-phone:after, .ui-icon-plus:after, .ui-icon-power:after, .ui-icon-recycle:after, .ui-icon-forward:after, .ui-icon-refresh:after, .ui-icon-shop:after, .ui-icon-comment:after, .ui-icon-star:after, .ui-icon-tag:after, .ui-icon-back:after, .ui-icon-video:after, .ui-icon-alert:after, .ui-icon-delete:after {
display: block;
}
/* Checkbox and radio */ /* Checkbox and radio */
html .ui-btn.ui-icon-checkbox-off:after, html .ui-btn.ui-icon-checkbox-off:after,
html .ui-btn.ui-icon-checkbox-on:after, html .ui-btn.ui-icon-checkbox-on:after,
html .ui-btn.ui-icon-radio-off:after, html .ui-btn.ui-icon-radio-off:after,
html .ui-btn.ui-icon-radio-on:after { html .ui-btn.ui-icon-radio-on:after {
display: block;
width: 18px; width: 18px;
height: 18px; height: 18px;
margin: -9px 2px 0 2px; margin: -9px 2px 0 2px;
...@@ -877,7 +893,7 @@ html .ui-btn.ui-icon-radio-on:after { ...@@ -877,7 +893,7 @@ html .ui-btn.ui-icon-radio-on:after {
} }
/* Loader */ /* Loader */
.ui-icon-loading { .ui-icon-loading {
background: url(images/ajax-loader.gif); background: url(../../img/jquery-mobile/ajax-loader.gif);
background-size: 2.875em 2.875em; background-size: 2.875em 2.875em;
} }
/* Swatches */ /* Swatches */
...@@ -901,6 +917,7 @@ html body .ui-group-theme-a .ui-bar-inherit { ...@@ -901,6 +917,7 @@ html body .ui-group-theme-a .ui-bar-inherit {
} }
/* Page background */ /* Page background */
.ui-page-theme-a, .ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper,
/* Count bubble */ /* Count bubble */
.ui-page-theme-a .ui-li-count, .ui-page-theme-a .ui-li-count,
html .ui-bar-a .ui-li-count, html .ui-bar-a .ui-li-count,
...@@ -1013,6 +1030,12 @@ html .ui-bar-a .ui-icon-checkbox-on:after, ...@@ -1013,6 +1030,12 @@ html .ui-bar-a .ui-icon-checkbox-on:after,
html .ui-body-a .ui-icon-checkbox-on:after, html .ui-body-a .ui-icon-checkbox-on:after,
html body .ui-group-theme-a .ui-icon-checkbox-on:after, html body .ui-group-theme-a .ui-icon-checkbox-on:after,
.ui-btn.ui-icon-checkbox-on.ui-btn-a:after, .ui-btn.ui-icon-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 */ /* Active slider track */
.ui-page-theme-a .ui-slider-track .ui-btn-active, .ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active,
...@@ -1022,8 +1045,7 @@ html body div.ui-slider-track.ui-body-a .ui-btn-active { ...@@ -1022,8 +1045,7 @@ html body div.ui-slider-track.ui-body-a .ui-btn-active {
background-color: #0066ff /*{a-active-background-color}*/; background-color: #0066ff /*{a-active-background-color}*/;
border-color: #0033ff /*{a-active-border}*/; border-color: #0033ff /*{a-active-border}*/;
color: #fff /*{a-active-color}*/; color: #fff /*{a-active-color}*/;
text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #0066cc /*{a-active-shadow-color}*/; text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #0033ff /*{a-active-shadow-color}*/;
cursor: pointer;
} }
/* Active radio button icon */ /* Active radio button icon */
.ui-page-theme-a .ui-icon-radio-on:after, .ui-page-theme-a .ui-icon-radio-on:after,
...@@ -1061,8 +1083,8 @@ html body .ui-group-theme-a .ui-focus, ...@@ -1061,8 +1083,8 @@ html body .ui-group-theme-a .ui-focus,
html .ui-bar-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit,
html .ui-body-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit,
html body .ui-group-theme-b .ui-bar-inherit { html body .ui-group-theme-b .ui-bar-inherit {
background: #222 /*{b-bar-background-color}*/; background: #1d1d1d /*{b-bar-background-color}*/;
border-color: #1d1d1d /*{b-bar-border}*/; border-color: #1b1b1b /*{b-bar-border}*/;
color: #fff /*{b-bar-color}*/; color: #fff /*{b-bar-color}*/;
text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #111 /*{b-bar-shadow-color}*/; text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #111 /*{b-bar-shadow-color}*/;
font-weight: bold; font-weight: bold;
...@@ -1073,6 +1095,7 @@ html body .ui-group-theme-b .ui-bar-inherit { ...@@ -1073,6 +1095,7 @@ html body .ui-group-theme-b .ui-bar-inherit {
} }
/* Page */ /* Page */
.ui-page-theme-b, .ui-page-theme-b,
.ui-page-theme-b .ui-panel-wrapper,
/* Count bubble */ /* Count bubble */
.ui-page-theme-b .ui-li-count, .ui-page-theme-b .ui-li-count,
html .ui-bar-b .ui-li-count, html .ui-bar-b .ui-li-count,
...@@ -1121,13 +1144,13 @@ html body .ui-group-theme-b a:visited { ...@@ -1121,13 +1144,13 @@ html body .ui-group-theme-b a:visited {
html .ui-bar-b a:hover, html .ui-bar-b a:hover,
html .ui-body-b a:hover, html .ui-body-b a:hover,
html body .ui-group-theme-b a:hover { html body .ui-group-theme-b a:hover {
color: #0099ff /*{b-link-hover}*/; color: #3399ff /*{b-link-hover}*/;
} }
.ui-page-theme-b a:active, .ui-page-theme-b a:active,
html .ui-bar-b a:active, html .ui-bar-b a:active,
html .ui-body-b a:active, html .ui-body-b a:active,
html body .ui-group-theme-b a:active { html body .ui-group-theme-b a:active {
color: #0099ff /*{b-link-active}*/; color: #3399ff /*{b-link-active}*/;
} }
/* Button up */ /* Button up */
.ui-page-theme-b .ui-btn, .ui-page-theme-b .ui-btn,
...@@ -1144,7 +1167,7 @@ html body .ui-btn.ui-btn-b:visited, ...@@ -1144,7 +1167,7 @@ html body .ui-btn.ui-btn-b:visited,
html body .ui-group-theme-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:visited { [class*="ui-group-theme-"] .ui-btn.ui-btn-b:visited {
background: #333 /*{b-bup-background-color}*/; background: #333 /*{b-bup-background-color}*/;
border-color: #1d1d1d /*{b-bup-border}*/; border-color: #1f1f1f /*{b-bup-border}*/;
color: #fff /*{b-bup-color}*/; color: #fff /*{b-bup-color}*/;
text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111 /*{b-bup-shadow-color}*/; text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111 /*{b-bup-shadow-color}*/;
} }
...@@ -1156,7 +1179,7 @@ html body .ui-btn.ui-btn-b:hover, ...@@ -1156,7 +1179,7 @@ html body .ui-btn.ui-btn-b:hover,
html body .ui-group-theme-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:hover { [class*="ui-group-theme-"] .ui-btn.ui-btn-b:hover {
background: #373737 /*{b-bhover-background-color}*/; background: #373737 /*{b-bhover-background-color}*/;
border-color: #1d1d1d /*{b-bhover-border}*/; border-color: #1f1f1f /*{b-bhover-border}*/;
color: #fff /*{b-bhover-color}*/; color: #fff /*{b-bhover-color}*/;
text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #111 /*{b-bhover-shadow-color}*/; text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #111 /*{b-bhover-shadow-color}*/;
} }
...@@ -1168,7 +1191,7 @@ html body .ui-btn.ui-btn-b:active, ...@@ -1168,7 +1191,7 @@ html body .ui-btn.ui-btn-b:active,
html body .ui-group-theme-b .ui-btn:active, html body .ui-group-theme-b .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:active { [class*="ui-group-theme-"] .ui-btn.ui-btn-b:active {
background: #404040 /*{b-bdown-background-color}*/; background: #404040 /*{b-bdown-background-color}*/;
border-color: #1d1d1d /*{b-bdown-border}*/; border-color: #1f1f1f /*{b-bdown-border}*/;
color: #fff /*{b-bdown-color}*/; color: #fff /*{b-bdown-color}*/;
text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #111 /*{b-bdown-shadow-color}*/; text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #111 /*{b-bdown-shadow-color}*/;
} }
...@@ -1185,6 +1208,12 @@ html .ui-bar-b .ui-icon-checkbox-on:after, ...@@ -1185,6 +1208,12 @@ html .ui-bar-b .ui-icon-checkbox-on:after,
html .ui-body-b .ui-icon-checkbox-on:after, html .ui-body-b .ui-icon-checkbox-on:after,
html body .ui-group-theme-b .ui-icon-checkbox-on:after, html body .ui-group-theme-b .ui-icon-checkbox-on:after,
.ui-btn.ui-icon-checkbox-on.ui-btn-b:after, .ui-btn.ui-icon-checkbox-on.ui-btn-b:after,
/* Active flipswitch background */
.ui-page-theme-b .ui-flipswitch-active,
html .ui-bar-b .ui-flipswitch-active,
html .ui-body-b .ui-flipswitch-active,
html body .ui-group-theme-b .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
/* Active slider track */ /* Active slider track */
.ui-page-theme-b .ui-slider-track .ui-btn-active, .ui-page-theme-b .ui-slider-track .ui-btn-active,
html .ui-bar-b .ui-slider-track .ui-btn-active, html .ui-bar-b .ui-slider-track .ui-btn-active,
...@@ -1192,10 +1221,9 @@ html .ui-body-b .ui-slider-track .ui-btn-active, ...@@ -1192,10 +1221,9 @@ html .ui-body-b .ui-slider-track .ui-btn-active,
html body .ui-group-theme-b .ui-slider-track .ui-btn-active, html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-b .ui-btn-active { html body div.ui-slider-track.ui-body-b .ui-btn-active {
background-color: #33ccff /*{b-active-background-color}*/; background-color: #33ccff /*{b-active-background-color}*/;
border-color: #003366 /*{b-active-border}*/; border-color: #3399ff /*{b-active-border}*/;
color: #fff /*{b-active-color}*/; color: #fff /*{b-active-color}*/;
text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #009966 /*{b-active-shadow-color}*/; text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #3399ff /*{b-active-shadow-color}*/;
cursor: pointer;
} }
/* Active radio button icon */ /* Active radio button icon */
.ui-page-theme-b .ui-icon-radio-on:after, .ui-page-theme-b .ui-icon-radio-on:after,
...@@ -1267,9 +1295,15 @@ html body .ui-group-theme-b .ui-focus, ...@@ -1267,9 +1295,15 @@ html body .ui-group-theme-b .ui-focus,
.ui-mobile fieldset { .ui-mobile fieldset {
border-width: 0; border-width: 0;
} }
/* Fixes for fieldset issues on IE10 and FF (see #6077) */
.ui-mobile fieldset { .ui-mobile fieldset {
min-width: 0; min-width: 0;
} }
@-moz-document url-prefix() {
.ui-mobile fieldset {
display: table-column;
}
}
/* Viewport */ /* Viewport */
.ui-mobile-viewport { .ui-mobile-viewport {
margin: 0; margin: 0;
...@@ -1321,12 +1355,9 @@ div.ui-mobile-viewport { ...@@ -1321,12 +1355,9 @@ div.ui-mobile-viewport {
/* Non-js content hiding */ /* Non-js content hiding */
.ui-nojs { .ui-nojs {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
/* Loading screen */ /* Loading screen */
...@@ -1622,14 +1653,15 @@ div.ui-mobile-viewport { ...@@ -1622,14 +1653,15 @@ div.ui-mobile-viewport {
.ui-hide-label .ui-rangeslider label, .ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible { .ui-hidden-accessible {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
.ui-screen-hidden {
display: none !important;
}
/* Transitions originally inspired by those from jQtouch, nice work, folks */ /* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page { .ui-mobile-viewport-transitioning .ui-page {
...@@ -2591,12 +2623,9 @@ li.ui-block-e { ...@@ -2591,12 +2623,9 @@ li.ui-block-e {
.ui-page-header-fullscreen .ui-fixed-hidden, .ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden { .ui-page-footer-fullscreen .ui-fixed-hidden {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
.ui-header-fixed .ui-btn, .ui-header-fixed .ui-btn,
...@@ -2741,12 +2770,9 @@ button.ui-btn-icon-notext { ...@@ -2741,12 +2770,9 @@ button.ui-btn-icon-notext {
/* Fixes IE/WP filter alpha opacity bugs */ /* Fixes IE/WP filter alpha opacity bugs */
.ui-input-btn.ui-state-disabled input { .ui-input-btn.ui-state-disabled input {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
.ui-collapsible { .ui-collapsible {
...@@ -2756,6 +2782,9 @@ button.ui-btn-icon-notext { ...@@ -2756,6 +2782,9 @@ button.ui-btn-icon-notext {
.ui-collapsible-set { .ui-collapsible-set {
margin: .5em 0; margin: .5em 0;
} }
.ui-collapsible + .ui-collapsible {
margin-top: -.5em;
}
.ui-collapsible-heading { .ui-collapsible-heading {
display: block; display: block;
margin: 0; margin: 0;
...@@ -2776,7 +2805,7 @@ button.ui-btn-icon-notext { ...@@ -2776,7 +2805,7 @@ button.ui-btn-icon-notext {
border-right-width: 1px; border-right-width: 1px;
border-left-width: 1px; border-left-width: 1px;
} }
.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) > .ui-collapsible-heading .ui-btn {
border-top-width: 0; border-top-width: 0;
} }
.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
...@@ -2784,12 +2813,9 @@ button.ui-btn-icon-notext { ...@@ -2784,12 +2813,9 @@ button.ui-btn-icon-notext {
} }
.ui-collapsible-heading-status { .ui-collapsible-heading-status {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
.ui-collapsible-content { .ui-collapsible-content {
...@@ -2962,12 +2988,9 @@ fieldset.ui-controlgroup { ...@@ -2962,12 +2988,9 @@ fieldset.ui-controlgroup {
} }
.ui-controlgroup-controls > label { .ui-controlgroup-controls > label {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
.ui-dialog { .ui-dialog {
...@@ -3038,15 +3061,17 @@ fieldset.ui-controlgroup { ...@@ -3038,15 +3061,17 @@ fieldset.ui-controlgroup {
border-style: solid; border-style: solid;
} }
.ui-popup-hidden { .ui-popup-hidden {
left: 0;
top: 0;
position: absolute !important; position: absolute !important;
top: -9999px; visibility: hidden;
left: -9999px; }
.ui-popup-truncate {
height: 1px; height: 1px;
width: 1px; width: 1px;
margin: -1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
visibility: hidden;
} }
.ui-popup.ui-content, .ui-popup.ui-content,
.ui-popup .ui-content { .ui-popup .ui-content {
...@@ -3379,12 +3404,10 @@ fieldset.ui-controlgroup { ...@@ -3379,12 +3404,10 @@ fieldset.ui-controlgroup {
} }
.ui-checkbox input:disabled, .ui-checkbox input:disabled,
.ui-radio input:disabled { .ui-radio input:disabled {
top: -9999px; position: absolute !important;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
.ui-select { .ui-select {
...@@ -3394,12 +3417,9 @@ fieldset.ui-controlgroup { ...@@ -3394,12 +3417,9 @@ fieldset.ui-controlgroup {
} }
.ui-select > select { .ui-select > select {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
.ui-select .ui-btn { .ui-select .ui-btn {
...@@ -3518,7 +3538,6 @@ fieldset.ui-controlgroup { ...@@ -3518,7 +3538,6 @@ fieldset.ui-controlgroup {
.ui-selectmenu .ui-btn.ui-li-divider { .ui-selectmenu .ui-btn.ui-li-divider {
cursor: default; cursor: default;
} }
.ui-screen-hidden,
.ui-selectmenu .ui-selectmenu-placeholder { .ui-selectmenu .ui-selectmenu-placeholder {
display: none; display: none;
} }
...@@ -3659,18 +3678,18 @@ fieldset.ui-controlgroup { ...@@ -3659,18 +3678,18 @@ fieldset.ui-controlgroup {
/* Used by both listview and custom multiple select button */ /* Used by both listview and custom multiple select button */
.ui-li-count { .ui-li-count {
position: absolute; position: absolute;
font-size: 11px; font-size: 12px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
padding: 0 .5em; padding: 0 .5em;
line-height: 1.9; line-height: 1.666em;
min-height: 1.818em; min-height: 1.666em;
min-width: .818em; min-width: .666em;
right: .909em; right: .833em;
top: 50%; top: 50%;
margin-top: -1em; margin-top: -.916em;
} }
.ui-listview .ui-btn[class*="ui-icon-"] .ui-li-count { .ui-listview .ui-btn[class*="ui-icon-"] .ui-li-count {
right: 3.636em; right: 3.636em;
...@@ -3794,31 +3813,6 @@ ol.ui-listview > li img:first-child + * ~ * { ...@@ -3794,31 +3813,6 @@ ol.ui-listview > li img:first-child + * ~ * {
margin-top: 0; margin-top: 0;
text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */ text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
} }
.ui-filter {
border-width: 0;
overflow: hidden;
margin: -1em -1em 1em -1em;
}
.ui-filter-inset {
margin: 1em -.3125em -1em;
background: transparent;
}
.ui-collapsible-content .ui-filter {
margin: -.625em -1em .625em -1em;
border-bottom: inherit;
}
.ui-collapsible-content .ui-filter-inset {
margin: -.3125em;
border-bottom-width: 0;
}
.ui-filter .ui-input-search {
margin: .3125em;
width: auto;
display: block;
}
.ui-screen-hidden {
display: none !important;
}
div.ui-slider { div.ui-slider {
height: 30px; height: 30px;
margin: .5em 0; margin: .5em 0;
...@@ -3896,12 +3890,9 @@ input.ui-slider-input { ...@@ -3896,12 +3890,9 @@ input.ui-slider-input {
} }
select.ui-slider-switch { select.ui-slider-switch {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
div.ui-slider-switch { div.ui-slider-switch {
...@@ -4052,12 +4043,9 @@ html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track: ...@@ -4052,12 +4043,9 @@ html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:
/* Hide the second label (the first is moved outside the div) */ /* Hide the second label (the first is moved outside the div) */
div.ui-rangeslider label { div.ui-rangeslider label {
position: absolute !important; position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px; height: 1px;
width: 1px; width: 1px;
overflow: hidden; overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px); clip: rect(1px,1px,1px,1px);
} }
.ui-field-contain .ui-rangeslider input.ui-slider-input, .ui-field-contain .ui-rangeslider input.ui-slider-input,
...@@ -4069,11 +4057,15 @@ div.ui-rangeslider label { ...@@ -4069,11 +4057,15 @@ div.ui-rangeslider label {
} }
.ui-input-text, .ui-input-text,
.ui-input-search { .ui-input-search {
margin: .5em 0; margin: -.5em -.5em 1.5em -.5em;
background-image: none; background-image: none;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
} }
.ui-input-inset,
textarea.ui-input-text {
margin: .5em 0;
}
.ui-input-text input, .ui-input-text input,
.ui-input-search input, .ui-input-search input,
textarea.ui-input-text { textarea.ui-input-text {
...@@ -4142,20 +4134,15 @@ textarea.ui-mini { ...@@ -4142,20 +4134,15 @@ textarea.ui-mini {
top: 50%; top: 50%;
margin-top: -7px; margin-top: -7px;
content: ""; content: "";
background-position: center center;
background-repeat: no-repeat;
width: 14px; width: 14px;
height: 14px; height: 14px;
-webkit-border-radius: 0;
border-radius: 0;
background-color: transparent;
filter: Alpha(Opacity=50); filter: Alpha(Opacity=50);
opacity: .5; opacity: .5;
} }
.ui-input-search-no-pseudo:after { .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
content: none; .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
}
.ui-input-search .ui-input-action,
.ui-input-search .ui-btn.ui-input-clear,
.ui-input-text .ui-btn.ui-input-clear {
position: absolute; position: absolute;
right: 0; right: 0;
top: 50%; top: 50%;
...@@ -4195,6 +4182,86 @@ for Android 4.1 */ ...@@ -4195,6 +4182,86 @@ for Android 4.1 */
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.ui-flipswitch {
display: inline-block;
vertical-align: middle;
width: 5.875em; /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */
height: 1.875em;
border-width: 1px;
border-style: solid;
margin: .5em 0;
overflow: hidden;
-webkit-transition-property: padding, width, background-color, color, border-color;
-moz-transition-property: padding, width, background-color, color, border-color;
-o-transition-property: padding, width, background-color, color, border-color;
transition-property: padding, width, background-color, color, border-color;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.ui-flipswitch.ui-flipswitch-active {
padding-left: 4em; /* Override this and width in previous rule if you use labels other than "on/off" and need more space */
width: 1.875em;
}
.ui-flipswitch-input {
position: absolute;
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
border: 0;
outline: 0;
filter: Alpha(Opacity=0);
opacity: 0;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on,
.ui-flipswitch .ui-flipswitch-off {
float: left;
height: 1.75em;
margin: .0625em;
line-height: 1.65em;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on {
width: 1.75em;
padding: 0;
text-indent: -2.6em; /* Override this to center text if you use a label other than "on" */
text-align: left;
border-width: 1px;
border-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: inherit;
overflow: visible;
color: inherit;
text-shadow: inherit;
}
.ui-flipswitch .ui-flipswitch-off {
padding: 1px;
text-indent: 1em; /* Override this to center text if you use a label other than "off" */
}
@media (min-width: 28em) {
.ui-field-contain > label + .ui-flipswitch {
display: inline-block;
width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.ui-field-contain .ui-flipswitch.ui-flipswitch-active {
width: 1.875em;
}
}
.ui-table { .ui-table {
border: 0; border: 0;
border-collapse: collapse; border-collapse: collapse;
...@@ -4426,30 +4493,36 @@ for Android 4.1 */ ...@@ -4426,30 +4493,36 @@ for Android 4.1 */
bottom: -1px; /* fixes gap on Chrome for Android */ bottom: -1px; /* fixes gap on Chrome for Android */
padding-bottom: 1px; padding-bottom: 1px;
} }
.ui-panel-display-overlay {
z-index: 1001; /* fixed toolbars have z-index 1000 */
}
.ui-panel-display-reveal { .ui-panel-display-reveal {
z-index: 0; z-index: 0;
} }
.ui-panel-display-push { .ui-panel-display-push {
z-index: 999; z-index: 999;
} }
.ui-panel-display-overlay {
z-index: 1001; /* fixed toolbars have z-index 1000 */
}
.ui-panel-inner { .ui-panel-inner {
padding: 1em; padding: 1em;
} }
/* content-wrap */ /* container and page */
.ui-panel-content-wrap { .ui-panel-page-container {
-webkit-transform: translate3d(0,0,0);
}
.ui-panel-page-container .ui-page-active {
background: none;
}
/* wrapper */
.ui-panel-wrapper {
position: relative; position: relative;
left: 0;
min-height: inherit; min-height: inherit;
border: 0; border: 0;
overflow-x: hidden;
z-index: 999; z-index: 999;
} }
.ui-panel-content-wrap-display-overlay, /* fiixed toolbars */
.ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */ .ui-panel-fixed-toolbar {
.ui-panel-content-wrap-closed { overflow-x: hidden;
position: static;
} }
/* dismiss */ /* dismiss */
.ui-panel-dismiss { .ui-panel-dismiss {
...@@ -4466,16 +4539,12 @@ for Android 4.1 */ ...@@ -4466,16 +4539,12 @@ for Android 4.1 */
} }
/* animate class is added to panel, wrapper and fixed toolbars */ /* animate class is added to panel, wrapper and fixed toolbars */
.ui-panel-animate { .ui-panel-animate {
-webkit-transition: -webkit-transform 350ms ease; -webkit-transition: -webkit-transform 300ms ease;
-moz-transition: -moz-transform 350ms ease; -moz-transition: -moz-transform 300ms ease;
transition: transform 350ms ease; transition: transform 300ms ease;
} }
/* hardware acceleration for smoother transitions on WebKit browsers */ /* hardware acceleration for smoother transitions on WebKit browsers */
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal), .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
.ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
.ui-panel-animate.ui-panel-content-wrap,
.ui-panel-animate.ui-panel-content-fixed-toolbar {
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);
} }
...@@ -4528,19 +4597,16 @@ for Android 4.1 */ ...@@ -4528,19 +4597,16 @@ for Android 4.1 */
transform: translate3d(0,0,0); transform: translate3d(0,0,0);
-moz-transform: none; -moz-transform: none;
} }
/* positioning: content wrap, fixed toolbars and dismiss */ /* positioning: pages, fixed toolbars and dismiss */
/* panel left open */ /* panel left open */
.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open, .ui-panel-page-content-position-left.ui-panel-page-content-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open { .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
left: 17em; left: 17em;
right: -17em; right: -17em;
} }
/* animated: panel left open (for reveal and push) */ /* animated: panel left open (for reveal and push) */
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-open.ui-panel-page-content-display-reveal,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-open.ui-panel-page-content-display-push {
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
left: 0; left: 0;
right: 0; right: 0;
-webkit-transform: translate3d(17em,0,0); -webkit-transform: translate3d(17em,0,0);
...@@ -4548,17 +4614,14 @@ for Android 4.1 */ ...@@ -4548,17 +4614,14 @@ for Android 4.1 */
transform: translate3d(17em,0,0); transform: translate3d(17em,0,0);
} }
/* panel right open */ /* panel right open */
.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open, .ui-panel-page-content-position-right.ui-panel-page-content-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open { .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
left: -17em; left: -17em;
right: 17em; right: 17em;
} }
/* animated: panel right open (for reveal and push) */ /* animated: panel right open (for reveal and push) */
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, .ui-panel-animate.ui-panel-page-content-position-right.ui-panel-page-content-open.ui-panel-page-content-display-reveal,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, .ui-panel-animate.ui-panel-page-content-position-right.ui-panel-page-content-open.ui-panel-page-content-display-push {
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
left: 0; left: 0;
right: 0; right: 0;
-webkit-transform: translate3d(-17em,0,0); -webkit-transform: translate3d(-17em,0,0);
...@@ -4566,14 +4629,9 @@ for Android 4.1 */ ...@@ -4566,14 +4629,9 @@ for Android 4.1 */
transform: translate3d(-17em,0,0); transform: translate3d(-17em,0,0);
} }
/* negate "panel left/right open" for overlay */ /* negate "panel left/right open" for overlay */
.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay, .ui-panel-page-content-open.ui-panel-page-content-display-overlay {
.ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
left: 0; left: 0;
} }
/* always disable overflow-x to prevent zoom issue on Android */
.ui-page-active.ui-page-panel {
overflow-x: hidden;
}
/* shadows and borders */ /* shadows and borders */
.ui-panel-display-reveal { .ui-panel-display-reveal {
-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15); -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
...@@ -4599,35 +4657,38 @@ for Android 4.1 */ ...@@ -4599,35 +4657,38 @@ for Android 4.1 */
border-right-width: 1px; border-right-width: 1px;
margin-right: -1px; margin-right: -1px;
} }
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push { .ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
margin-left: 1px; margin-left: 1px;
width: auto;
} }
.ui-panel-display-push.ui-panel-open.ui-panel-position-right { .ui-panel-display-push.ui-panel-open.ui-panel-position-right {
border-left-width: 1px; border-left-width: 1px;
margin-left: -1px; margin-left: -1px;
} }
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push { .ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
margin-right: 1px; margin-right: 1px;
width: auto;
} }
/* wrap on wide viewports once open */ /* wrap on wide viewports once open */
@media (min-width:55em){ @media (min-width:55em){
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left, .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left, .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left, .ui-responsive-panel.ui-panel-fixed-toolbar.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left { .ui-responsive-panel.ui-panel-fixed-toolbar.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
margin-right: 17em; margin-right: 17em;
} }
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right, .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right, .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-reveal,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right, .ui-responsive-panel.ui-panel-fixed-toolbar.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right { .ui-responsive-panel.ui-panel-fixed-toolbar.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-reveal {
margin-left: 17em; margin-left: 17em;
} }
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push, .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-display-push,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal { .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-display-reveal {
width: auto; width: auto;
} }
.ui-responsive-panel .ui-panel-dismiss-display-push { .ui-responsive-panel .ui-panel-dismiss-display-push {
display: none; display: none;
} }
} }
@import url(../../structure/jquery.mobile.filterable.css);
css/jquery-mobile/jquery-mobile.structure.css deleted 100644 → 0
View file @ 5dfeca3b
This source diff could not be displayed because it is too large. You can view the blob instead.
css/jquery-mobile/jquery-mobile.themes.css deleted 100644 → 0
View file @ 5dfeca3b
/* Swatches */
/* A
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
background: #e3e3e3 /*{a-bar-background-color}*/;
border-color: #d5d5d5 /*{a-bar-border}*/;
color: #111 /*{a-bar-color}*/;
text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #fff /*{a-bar-shadow-color}*/;
font-weight: bold;
}
.ui-bar-a {
border-width: 1px;
border-style: solid;
}
/* Page */
.ui-page-theme-a,
/* Count bubble */
.ui-page-theme-a .ui-li-count,
html .ui-bar-a .ui-li-count,
html .ui-body-a .ui-li-count,
html body .ui-group-theme-a .ui-li-count,
.ui-btn.ui-btn-a > .ui-li-count,
.ui-li-static.ui-body-a > .ui-li-count,
.ui-li-divider.ui-bar-a > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-a {
background: #f4f4f4 /*{a-page-background-color}*/;
border-color: #c0c0c0 /*{a-page-border}*/;
color: #333 /*{a-page-color}*/;
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #fff /*{a-body-shadow-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
.ui-overlay-a {
background: #fcfcfc /*{a-body-background-color}*/;
border-color: #ddd /*{a-body-border}*/;
color: #333 /*{a-body-color}*/;
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #fff /*{a-body-shadow-color}*/;
}
.ui-body-a {
border-width: 1px;
border-style: solid;
}
/* Links */
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
color: #0066ff /*{a-link-color}*/;
font-weight: bold;
}
.ui-page-theme-a a:visited,
html .ui-bar-a a:visited,
html .ui-body-a a:visited,
html body .ui-group-theme-a a:visited {
color: #0066ff /*{a-link-visited}*/;
}
.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover {
color: #0066cc /*{a-link-hover}*/;
}
.ui-page-theme-a a:active,
html .ui-bar-a a:active,
html .ui-body-a a:active,
html body .ui-group-theme-a a:active {
color: #0066cc /*{a-link-active}*/;
}
/* Button up */
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-btn.ui-btn-a,
html body .ui-group-theme-a .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a,
/* Button visited */
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-btn.ui-btn-a:visited,
html body .ui-group-theme-a .ui-btn:visited,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:visited {
background: #ededed /*{a-bup-background-color}*/;
border-color: #d5d5d5 /*{a-bup-border}*/;
color: #333 /*{a-bup-color}*/;
text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #fff /*{a-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-a .ui-btn:hover,
html .ui-bar-a .ui-btn:hover,
html .ui-body-a .ui-btn:hover,
html body .ui-btn.ui-btn-a:hover,
html body .ui-group-theme-a .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:hover {
background: #f2f2f2 /*{a-bhover-background-color}*/;
border-color: #d5d5d5 /*{a-bhover-border}*/;
color: #333 /*{a-bhover-color}*/;
text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #fff /*{a-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-a .ui-btn:active,
html .ui-bar-a .ui-btn:active,
html .ui-body-a .ui-btn:active,
html body .ui-btn.ui-btn-a:active,
html body .ui-group-theme-a .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:active {
background: #e8e8e8 /*{a-bdown-background-color}*/;
border-color: #d5d5d5 /*{a-bdown-border}*/;
color: #333 /*{a-bdown-color}*/;
text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #fff /*{a-bdown-shadow-color}*/;
}
/* 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-btn.ui-btn-a.ui-btn-active,
html body .ui-group-theme-a .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-a.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-a .ui-icon-checkbox-on:after,
html .ui-bar-a .ui-icon-checkbox-on:after,
html .ui-body-a .ui-icon-checkbox-on:after,
html body .ui-group-theme-a .ui-icon-checkbox-on:after,
.ui-btn.ui-icon-checkbox-on.ui-btn-a:after,
/* 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: #0066ff /*{a-active-background-color}*/;
border-color: #0066cc /*{a-active-border}*/;
color: #fff /*{a-active-color}*/;
text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #0066cc /*{a-active-shadow-color}*/;
cursor: pointer;
}
/* Active radio button icon */
.ui-page-theme-a .ui-icon-radio-on:after,
html .ui-bar-a .ui-icon-radio-on:after,
html .ui-body-a .ui-icon-radio-on:after,
html body .ui-group-theme-a .ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-a:after {
background-color: #fff /*{a-active-color}*/;
border-color: #0066ff /*{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-btn.ui-btn-a:focus,
html body .ui-group-theme-a .ui-btn:focus,
[class*="ui-group-theme-"] .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-btn-a.ui-focus,
html body .ui-body-a.ui-focus,
html body .ui-group-theme-a .ui-focus,
[class*="ui-group-theme-"] .ui-btn-a.ui-focus,
[class*="ui-group-theme-"] .ui-body-a.ui-focus {
-webkit-aox-shadow: 0 0 12px #0066ff /*{a-active-background-color}*/;
-moz-aox-shadow: 0 0 12px #0066ff /*{a-active-background-color}*/;
box-shadow: 0 0 12px #0066ff /*{a-active-background-color}*/;
}
/* B
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-b,
.ui-page-theme-b .ui-bar-inherit,
html .ui-bar-b .ui-bar-inherit,
html .ui-body-b .ui-bar-inherit,
html body .ui-group-theme-b .ui-bar-inherit {
background: #1c1c1c /*{b-bar-background-color}*/;
border-color: #181818 /*{b-bar-border}*/;
color: #fff /*{b-bar-color}*/;
text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #000 /*{b-bar-shadow-color}*/;
font-weight: bold;
}
.ui-bar-b {
border-width: 1px;
border-style: solid;
}
/* Page */
.ui-page-theme-b,
/* Count bubble */
.ui-page-theme-b .ui-li-count,
html .ui-bar-b .ui-li-count,
html .ui-body-b .ui-li-count,
html body .ui-group-theme-b .ui-li-count,
.ui-btn.ui-btn-b > .ui-li-count,
.ui-li-static.ui-body-b > .ui-li-count,
.ui-li-divider.ui-bar-b > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-b {
background: #222 /*{b-page-background-color}*/;
border: 1px solid #444 /*{b-page-border}*/;
color: #f5f5f5 /*{b-page-color}*/;
text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #000 /*{b-page-shadow-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
.ui-overlay-b {
background: #252525 /*{b-body-background-color}*/;
border-color: #1e1e1e /*{b-body-border}*/;
color: #f5f5f5 /*{b-body-color}*/;
text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #000 /*{b-body-shadow-color}*/;
}
.ui-body-b {
border-width: 1px;
border-style: solid;
}
/* Links */
.ui-page-theme-a a,
html .ui-bar-b a,
html .ui-body-b a,
html body .ui-group-theme-b a {
color: #34bae8 /*{b-link-color}*/;
font-weight: bold;
}
.ui-page-theme-b a:visited,
html .ui-bar-b a:visited,
html .ui-body-b a:visited,
html body .ui-group-theme-b a:visited {
color: #34bae8 /*{b-link-visited}*/;
}
.ui-page-theme-b a:hover,
html .ui-bar-b a:hover,
html .ui-body-b a:hover,
html body .ui-group-theme-b a:hover {
color: #3399cc /*{b-link-hover}*/;
}
.ui-page-theme-b a:active,
html .ui-bar-b a:active,
html .ui-body-b a:active,
html body .ui-group-theme-b a:active {
color: #3399cc /*{b-link-active}*/;
}
/* Button up */
.ui-page-theme-b .ui-btn,
html .ui-bar-b .ui-btn,
html .ui-body-b .ui-btn,
html body .ui-btn.ui-btn-b,
html body .ui-group-theme-b .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b,
/* Button visited */
.ui-page-theme-b .ui-btn:visited,
html .ui-bar-b .ui-btn:visited,
html body .ui-btn.ui-btn-b:visited,
html body .ui-group-theme-b .ui-btn:visited,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:visited {
background: #2c2c2c /*{b-bup-background-color}*/;
border-color: #212121 /*{b-bup-border}*/;
color: #fff /*{b-bup-color}*/;
text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #000 /*{b-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-b .ui-btn:hover,
html .ui-bar-b .ui-btn:hover,
html .ui-body-b .ui-btn:hover,
html body .ui-btn.ui-btn-b:hover,
html body .ui-group-theme-b .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:hover {
background: #313131 /*{b-bhover-background-color}*/;
border-color: #212121 /*{b-bhover-border}*/;
color: #fff /*{b-bhover-color}*/;
text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #000 /*{b-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-b .ui-btn:active,
html .ui-bar-b .ui-btn:active,
html .ui-body-b .ui-btn:active,
html body .ui-btn.ui-btn-b:active,
html body .ui-group-theme-b .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:active {
background: #292929 /*{b-bdown-background-color}*/;
border-color: #212121 /*{b-bdown-border}*/;
color: #fff /*{b-bdown-color}*/;
text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #000 /*{b-bdown-shadow-color}*/;
}
/* Active button */
.ui-page-theme-b .ui-btn.ui-btn-active,
html .ui-bar-b .ui-btn.ui-btn-active,
html .ui-body-b .ui-btn.ui-btn-active,
html body .ui-btn.ui-btn-b.ui-btn-active,
html body .ui-group-theme-b .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-b .ui-icon-checkbox-on:after,
html .ui-bar-b .ui-icon-checkbox-on:after,
html .ui-body-b .ui-icon-checkbox-on:after,
html body .ui-group-theme-b .ui-icon-checkbox-on:after,
.ui-btn.ui-icon-checkbox-on.ui-btn-b:after,
/* Active slider track */
.ui-page-theme-b .ui-slider-track .ui-btn-active,
html .ui-bar-b .ui-slider-track .ui-btn-active,
html .ui-body-b .ui-slider-track .ui-btn-active,
html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-b .ui-btn-active {
background-color: #34bae8 /*{b-active-background-color}*/;
border-color: #3399cc /*{b-active-border}*/;
color: #fff /*{b-active-color}*/;
text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #3399cc /*{b-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-b .ui-icon-radio-on:after,
html .ui-bar-b .ui-icon-radio-on:after,
html .ui-body-b .ui-icon-radio-on:after,
html body .ui-group-theme-b .ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-b:after {
background-color: #fff /*{b-active-color}*/;
border-color: #34bae8 /*{b-active-background-color}*/;
}
/* Focus */
.ui-page-theme-b .ui-btn:focus,
html .ui-bar-b .ui-btn:focus,
html .ui-body-b .ui-btn:focus,
html body .ui-btn.ui-btn-b:focus,
html body .ui-group-theme-b .ui-btn:focus,
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-b .ui-focus,
html .ui-bar-b .ui-focus,
html .ui-body-b .ui-focus,
html body .ui-btn-b.ui-focus,
html body .ui-body-b.ui-focus,
html body .ui-group-theme-b .ui-focus,
[class*="ui-group-theme-"] .ui-btn-b.ui-focus,
[class*="ui-group-theme-"] .ui-body-b.ui-focus {
-webkit-box-shadow: 0 0 12px #34bae8 /*{b-active-background-color}*/;
-moz-box-shadow: 0 0 12px #34bae8 /*{b-active-background-color}*/;
box-shadow: 0 0 12px #34bae8 /*{b-active-background-color}*/;
}
\ No newline at end of file
js/libs/jquery-mobile/jquery-mobile.gallery.js deleted 100644 → 0
View file @ 5dfeca3b
/* ============================ CAROUSEL WIDGET ========================== */
(function( $, undefined ) {
"use strict";
$.widget("mobile.carousel", $.mobile.widget, {
options: {
bullets: null,
bulletsPos: null,
inset: null,
captions: null,
captionpos: null,
captiontheme: null,
carouseltransition: null,
heading: "h1,h2,h3,h4,h5,h6,legend"
},
_transitionEndEvents : "webkitTransitionEnd oTransitionEnd otransitionend transitionend msTransitionEnd",
_create: function () {
var el = this.element[0],
o = this.options,
getAttrFixed = $.mobile.getAttribute;
// only time we read the DOM config
o.inset = getAttrFixed(el, "inset", true) || false;
o.carouseltransition = getAttrFixed(el, "transition", true) || "slide";
o.bullets = getAttrFixed(el, "bullets", true) || true;
o.captions = getAttrFixed(el, "captions", true) || false;
if (o.captions) {
o.captionspos = getAttrFixed(el, "captions-pos", true) || "bottom";
o.captionstheme = getAttrFixed(el, "captions-theme", true) || "a";
}
if (o.bullets) {
o.bulletsPos = getAttrFixed(el, "bulletsPos", true) || "bottom";
}
this.refresh(true);
},
refresh: function (create) {
var o = this.options,
el = this.element,
items = el.children(),
fragment = document.createDocumentFragment(),
classes = "ui-carousel",
label,
radio,
barrel,
item,
i,
transition,
containsLinks,
captionsContent,
captionsHeading;
// loop over images
for (i = 0; i < items.length; i += 1) {
var item = items[i];
// create captions
if (o.captions) {
containsLinks = item.children.length === 1 && item.children[0].tagName === "A";
captionsContent = $( item )
.find(containsLinks ? "a *" : "*")
.not("img")
.wrap( "<div class='ui-carousel-captions-content ui-bar-" + o.captionstheme + " ui-carousel-captions-" + o.captionspos + "'></div>")
.parent();
captionsHeading = captionsContent.find(o.heading).addClass("ui-carousel-captions-heading");
}
// create radios
if (o.bullets) {
// TODO: do this in jQuery...
radio = document.createElement("input");
radio.setAttribute("type", 'radio');
radio.setAttribute("name", 'radio-' + this.uuid );
radio.setAttribute("value",'radio-' + this.uuid + '-' + i);
if (i === 0) {
radio.checked = true;
$(item).addClass("ui-carousel-active");
}
// and use data()
radio.reference = $(item);
label = document.createElement("label");
label.setAttribute("data-" + $.mobile.ns + "iconpos", "notext");
label.appendChild( radio );
fragment.appendChild( label )
}
}
if (o.inset) {
classes += " ui-carousel-inset";
}
if (o.captions) {
classes += " ui-carousel-captions";
}
if (o.bullets) {
classes += " ui-carousel-bullets";
barrel = $("<div class='ui-carousel-controls ui-carousel-controls-" + o.bulletPos +"' />");
while ( fragment.firstChild ) {
// browser hangs up if calling this inside append()
$(fragment.firstChild).children().checkboxradio();
barrel.append(
fragment.firstChild
);
}
// this always needs to go before the slider
el[o.bulletPos === "top" ? "before" : "after"](barrel);
this._on(barrel.find("input"), { change: "_onChange"});
}
// all set, add classes
el.addClass(classes);
},
// _handleKeydown: function( event ) {
// var index = this._value();
// if ( this.options.disabled ) {
// return;
// }
//
// // In all cases prevent the default and mark the handle as active
// switch ( event.keyCode ) {
// case $.mobile.keyCode.RIGHT:
// case $.mobile.keyCode.LEFT:
// event.preventDefault();
//
// if ( !this._keySliding ) {
// this._keySliding = true;
// this.handle.addClass( "ui-state-active" ); /* TODO: We don't use this class for styling. Do we need to add it? */
// }
//
// break;
// }
//
// // move the slider according to the keypress
// switch ( event.keyCode ) {
// case $.mobile.keyCode.RIGHT:
// this.refresh( index + this.step );
// break;
// case $.mobile.keyCode.LEFT:
// this.refresh( index - this.step );
// break;
// }
// }, // remove active mark
//
// _handleKeyup: function(/* event */) {
// if ( this._keySliding ) {
// this._keySliding = false;
// this.handle.removeClass( "ui-state-active" ); /* See comment above. */
// }
// },
// _bindSwipeEvents: function() {
// var self = this,
// area = self.element;
//
// // on swipe, change to the next/previous image
// if( !!self.options.swipeClose ) {
// if ( self.options.position === "left" ) {
// area.on( "swipeleft.carousel", function(/* e */) {
// // self.close();
// });
// } else {
// area.on( "swiperight.carousel", function(/* e */) {
// // self.close();
// });
// }
// }
// },
_completeTransition: function (current, next, events) {
var self = this,
o = self.options;
console.log("3. NEXT: removing 'in out slide'")
next.removeClass("in out " + o.carouseltransition)
.off( events );
console.log("4. CURRENT: setting bindings");
current
.on( events, self._cleanupTransition(current, events) )
},
_cleanupTransition: function (current, events) {
var self = this,
o = self.options;
var classes = o.carouseltransition + " out in";
console.log("5. CURRENT: removing 'in out slide'");
current.removeClass(classes)
console.log("6. CURRENT: removing 'active'");
current.removeClass("ui-carousel-active").off(events);
},
_onChange: function (e) {
var self = this,
events = self._transitionEndEvents,
el = self.element,
o = self.options,
// elements
currentActive = el.children().filter(".ui-carousel-active"),
nextActive = e.target.reference,
classes = o.carouseltransition + " out in",
transition = $.mobile._maybeDegradeTransition( o.carouseltransition );
// click on active radio
if (nextActive.hasClass("ui-carousel-active")) {
return;
}
// initialize
nextActive
.on( events, self._completeTransition(currentActive, nextActive, events));
console.log("2. NEXT: adding 'slide in active'");
nextActive
.addClass(transition + " ui-carousel-active in ");
}
});
$.mobile.carousel.initSelector = ":jqmData(role='carousel')";
//auto self-init widgets
$.mobile._enhancer.add( "mobile.carousel" );
})( jQuery );
/* tranistion workflow
// first slide
if (init) {
current.removeClass("ui-carousel-active in out reverse slide")
next.css('z-index','-10')
.addClass("ui-carousel-active ui-carousel-opaque")
.css('z-index','')
if (transition !== "none") {
// > once animation is complete!
// current.removeClass("ui-carousel-active in out reverse slide")
// next.removeClass("out in reverse slide")
next.removeClass("ui-carousel-opaque")
.addClass("slide in reverse")
} else {
current.removeClass("ui-carousel-active in out reverse slide")
next.removeClass("out in reverse slide")
}
} else {
// > once animation is complete
current.removeClass("ui-carousel-active in out reverse slide")
next.css('z-index','-10')
.addClass("ui-carousel-active ui-carousel-opaque")
.css('z-index','')
if (transition !== "none") {
// > once animation is complete!
// current.removeClass("ui-carousel-active in out reverse slide")
// next.removeClass("out in reverse slide")
next.removeClass("ui-carousel-opaque")
.addClass("slide in reverse")
} else {
current.removeClass("ui-carousel-active in out reverse slide")
next.removeClass("out in reverse slide")
}
current.addClass("slide out reverse");
}
*/
\ No newline at end of file
js/libs/jquery-mobile/jquery-mobile.js
View file @ f144c000
This source diff could not be displayed because it is too large. You can view the blob instead.
js/main.js
View file @ f144c000
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
, polyfill: '../js/polyfill' , polyfill: '../js/polyfill'
, overrides: '../js/overrides' , overrides: '../js/overrides'
, utilities: '../js/utilities' , utilities: '../js/utilities'
, extensions: '../js/extensions' , extensions: '../modules/extensions/extensions'
// requireJs // requireJs
, almond: '../js/libs/require/almond' , almond: '../js/libs/require/almond'
......
modules/searchbar/searchbar.css
View file @ f144c000
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
padding-right: 4.5em; padding-right: 4.5em;
} }
.searchbar_wrap .ui-input-search .ui-input-clear { .searchbar_wrap .ui-input-search .ui-input-clear {
right: 2em; right: 2em !important;
} }
.searchbar_wrap .ui-filter { .searchbar_wrap .ui-filter {
margin: 0; margin: 0;
......
modules/searchbar/searchbar.js
View file @ f144c000
...@@ -12,6 +12,7 @@ define([ ...@@ -12,6 +12,7 @@ define([
value, runSearch; value, runSearch;
runSearch = function (value) { runSearch = function (value) {
console.log("running search with value ="+value);
$.mobile.changePage( "products.html", { $.mobile.changePage( "products.html", {
"transition": "slide", "transition": "slide",
"allowSamePageTransition": true, "allowSamePageTransition": true,
...@@ -21,7 +22,7 @@ define([ ...@@ -21,7 +22,7 @@ define([
}); });
}; };
filter.on("filterbarbeforefilter", function (e, data) { filter.on("filterablebeforefilter", function (e, data) {
value = data.input.value; value = data.input.value;
// stop JQM // stop JQM
e.preventDefault(); e.preventDefault();
...@@ -48,11 +49,10 @@ define([ ...@@ -48,11 +49,10 @@ define([
} }
}) })
.on( "filterbarcreate", function( e, ui ) { .on( "filterablecreate", function( e, ui ) {
var uuid = $(e.target).data("mobileFilterbar").uuid, var $el = $( e.target.previousSibling ),
target = $("#ui-filter-"+uuid), input = $el.find("input"),
action = target.find(".ui-input-action"), action = $el.find("a.ui-input-action");
input = target.find("input");
// TODO: search should be run here and results should be passed to // TODO: search should be run here and results should be passed to
// items or ?. Otherwise items has to listen for ... something, grab // items or ?. Otherwise items has to listen for ... something, grab
...@@ -63,6 +63,7 @@ define([ ...@@ -63,6 +63,7 @@ define([
input.on("keypress", function (e) { input.on("keypress", function (e) {
if (e.which == 13) { if (e.which == 13) {
e.preventDefault();
runSearch(input.val()); runSearch(input.val());
} }
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7