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
* Git HEAD hash: 7acdb8e856d0fd714ae651cc5f7045d4124214fc <> Date: Wed Jul 17 2013 16:13:19 UTC
* jQuery Mobile 1.4.0-alpha.1
* Git HEAD hash: d17d2ba7a10af43dac930d1ee65b6b46268bb08d <> Date: Thu Jul 25 2013 22:32:20 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
......@@ -769,6 +769,9 @@ label.ui-btn {
.ui-btn:link {
text-decoration: none !important;
}
.ui-btn-active {
cursor: pointer;
}
/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
......@@ -780,7 +783,9 @@ label.ui-btn {
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
/* 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}*/;
border-radius: .3125em /*{global-radii-buttons}*/;
}
......@@ -801,9 +806,9 @@ label.ui-btn {
/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
-webkit-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,.2) /*{global-box-shadow-color}*/;
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,.15) /*{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 {
-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 {
}
/* 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: rgba(0,0,0,.3) /*{global-icon-disc}*/;
background-position: center center;
background-repeat: no-repeat;
-webkit-border-radius: 1em;
border-radius: 1em;
display: none;
}
/* Alt icons */
.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: rgba(255,255,255,.3) /*{global-icon-disc-alt}*/;
}
/* No disc */
.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;
}
/* Icon shadow */
.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}*/;
-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}*/;
}
.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 */
html .ui-btn.ui-icon-checkbox-off:after,
html .ui-btn.ui-icon-checkbox-on:after,
html .ui-btn.ui-icon-radio-off:after,
html .ui-btn.ui-icon-radio-on:after {
display: block;
width: 18px;
height: 18px;
margin: -9px 2px 0 2px;
......@@ -877,7 +893,7 @@ html .ui-btn.ui-icon-radio-on:after {
}
/* Loader */
.ui-icon-loading {
background: url(images/ajax-loader.gif);
background: url(../../img/jquery-mobile/ajax-loader.gif);
background-size: 2.875em 2.875em;
}
/* Swatches */
......@@ -901,6 +917,7 @@ html body .ui-group-theme-a .ui-bar-inherit {
}
/* Page background */
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper,
/* Count bubble */
.ui-page-theme-a .ui-li-count,
html .ui-bar-a .ui-li-count,
......@@ -1013,6 +1030,12 @@ 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 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,
......@@ -1022,8 +1045,7 @@ html body div.ui-slider-track.ui-body-a .ui-btn-active {
background-color: #0066ff /*{a-active-background-color}*/;
border-color: #0033ff /*{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;
text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #0033ff /*{a-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-a .ui-icon-radio-on:after,
......@@ -1061,8 +1083,8 @@ html body .ui-group-theme-a .ui-focus,
html .ui-bar-b .ui-bar-inherit,
html .ui-body-b .ui-bar-inherit,
html body .ui-group-theme-b .ui-bar-inherit {
background: #222 /*{b-bar-background-color}*/;
border-color: #1d1d1d /*{b-bar-border}*/;
background: #1d1d1d /*{b-bar-background-color}*/;
border-color: #1b1b1b /*{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}*/ #111 /*{b-bar-shadow-color}*/;
font-weight: bold;
......@@ -1073,6 +1095,7 @@ html body .ui-group-theme-b .ui-bar-inherit {
}
/* Page */
.ui-page-theme-b,
.ui-page-theme-b .ui-panel-wrapper,
/* Count bubble */
.ui-page-theme-b .ui-li-count,
html .ui-bar-b .ui-li-count,
......@@ -1121,13 +1144,13 @@ html body .ui-group-theme-b a:visited {
html .ui-bar-b a:hover,
html .ui-body-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,
html .ui-bar-b a:active,
html .ui-body-b a:active,
html body .ui-group-theme-b a:active {
color: #0099ff /*{b-link-active}*/;
color: #3399ff /*{b-link-active}*/;
}
/* Button up */
.ui-page-theme-b .ui-btn,
......@@ -1144,7 +1167,7 @@ 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: #333 /*{b-bup-background-color}*/;
border-color: #1d1d1d /*{b-bup-border}*/;
border-color: #1f1f1f /*{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}*/ #111 /*{b-bup-shadow-color}*/;
}
......@@ -1156,7 +1179,7 @@ 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: #373737 /*{b-bhover-background-color}*/;
border-color: #1d1d1d /*{b-bhover-border}*/;
border-color: #1f1f1f /*{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}*/ #111 /*{b-bhover-shadow-color}*/;
}
......@@ -1168,7 +1191,7 @@ 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: #404040 /*{b-bdown-background-color}*/;
border-color: #1d1d1d /*{b-bdown-border}*/;
border-color: #1f1f1f /*{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}*/ #111 /*{b-bdown-shadow-color}*/;
}
......@@ -1185,6 +1208,12 @@ 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 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 */
.ui-page-theme-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,
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: #33ccff /*{b-active-background-color}*/;
border-color: #003366 /*{b-active-border}*/;
border-color: #3399ff /*{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}*/ #009966 /*{b-active-shadow-color}*/;
cursor: pointer;
text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #3399ff /*{b-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-b .ui-icon-radio-on:after,
......@@ -1267,9 +1295,15 @@ html body .ui-group-theme-b .ui-focus,
.ui-mobile fieldset {
border-width: 0;
}
/* Fixes for fieldset issues on IE10 and FF (see #6077) */
.ui-mobile fieldset {
min-width: 0;
}
@-moz-document url-prefix() {
.ui-mobile fieldset {
display: table-column;
}
}
/* Viewport */
.ui-mobile-viewport {
margin: 0;
......@@ -1321,12 +1355,9 @@ div.ui-mobile-viewport {
/* Non-js content hiding */
.ui-nojs {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
/* Loading screen */
......@@ -1622,14 +1653,15 @@ div.ui-mobile-viewport {
.ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
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 */
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
......@@ -2591,12 +2623,9 @@ li.ui-block-e {
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-header-fixed .ui-btn,
......@@ -2741,12 +2770,9 @@ button.ui-btn-icon-notext {
/* Fixes IE/WP filter alpha opacity bugs */
.ui-input-btn.ui-state-disabled input {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-collapsible {
......@@ -2756,6 +2782,9 @@ button.ui-btn-icon-notext {
.ui-collapsible-set {
margin: .5em 0;
}
.ui-collapsible + .ui-collapsible {
margin-top: -.5em;
}
.ui-collapsible-heading {
display: block;
margin: 0;
......@@ -2776,7 +2805,7 @@ button.ui-btn-icon-notext {
border-right-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;
}
.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
......@@ -2784,12 +2813,9 @@ button.ui-btn-icon-notext {
}
.ui-collapsible-heading-status {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-collapsible-content {
......@@ -2962,12 +2988,9 @@ fieldset.ui-controlgroup {
}
.ui-controlgroup-controls > label {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-dialog {
......@@ -3038,15 +3061,17 @@ fieldset.ui-controlgroup {
border-style: solid;
}
.ui-popup-hidden {
left: 0;
top: 0;
position: absolute !important;
top: -9999px;
left: -9999px;
visibility: hidden;
}
.ui-popup-truncate {
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
visibility: hidden;
}
.ui-popup.ui-content,
.ui-popup .ui-content {
......@@ -3379,12 +3404,10 @@ fieldset.ui-controlgroup {
}
.ui-checkbox input:disabled,
.ui-radio input:disabled {
top: -9999px;
left: -9999px;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-select {
......@@ -3394,12 +3417,9 @@ fieldset.ui-controlgroup {
}
.ui-select > select {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-select .ui-btn {
......@@ -3518,7 +3538,6 @@ fieldset.ui-controlgroup {
.ui-selectmenu .ui-btn.ui-li-divider {
cursor: default;
}
.ui-screen-hidden,
.ui-selectmenu .ui-selectmenu-placeholder {
display: none;
}
......@@ -3659,18 +3678,18 @@ fieldset.ui-controlgroup {
/* Used by both listview and custom multiple select button */
.ui-li-count {
position: absolute;
font-size: 11px;
font-size: 12px;
font-weight: bold;
text-align: center;
border-width: 1px;
border-style: solid;
padding: 0 .5em;
line-height: 1.9;
min-height: 1.818em;
min-width: .818em;
right: .909em;
line-height: 1.666em;
min-height: 1.666em;
min-width: .666em;
right: .833em;
top: 50%;
margin-top: -1em;
margin-top: -.916em;
}
.ui-listview .ui-btn[class*="ui-icon-"] .ui-li-count {
right: 3.636em;
......@@ -3794,31 +3813,6 @@ ol.ui-listview > li img:first-child + * ~ * {
margin-top: 0;
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 {
height: 30px;
margin: .5em 0;
......@@ -3896,12 +3890,9 @@ input.ui-slider-input {
}
select.ui-slider-switch {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
div.ui-slider-switch {
......@@ -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) */
div.ui-rangeslider label {
position: absolute !important;
top: -9999px;
left: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.ui-field-contain .ui-rangeslider input.ui-slider-input,
......@@ -4069,11 +4057,15 @@ div.ui-rangeslider label {
}
.ui-input-text,
.ui-input-search {
margin: .5em 0;
margin: -.5em -.5em 1.5em -.5em;
background-image: none;
border-width: 1px;
border-style: solid;
}
.ui-input-inset,
textarea.ui-input-text {
margin: .5em 0;
}
.ui-input-text input,
.ui-input-search input,
textarea.ui-input-text {
......@@ -4142,20 +4134,15 @@ textarea.ui-mini {
top: 50%;
margin-top: -7px;
content: "";
background-position: center center;
background-repeat: no-repeat;
width: 14px;
height: 14px;
-webkit-border-radius: 0;
border-radius: 0;
background-color: transparent;
filter: Alpha(Opacity=50);
opacity: .5;
}
.ui-input-search-no-pseudo:after {
content: none;
}
.ui-input-search .ui-input-action,
.ui-input-search .ui-btn.ui-input-clear,
.ui-input-text .ui-btn.ui-input-clear {
.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
.ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
position: absolute;
right: 0;
top: 50%;
......@@ -4195,6 +4182,86 @@ for Android 4.1 */
-moz-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 {
border: 0;
border-collapse: collapse;
......@@ -4426,30 +4493,36 @@ for Android 4.1 */
bottom: -1px; /* fixes gap on Chrome for Android */
padding-bottom: 1px;
}
.ui-panel-display-overlay {
z-index: 1001; /* fixed toolbars have z-index 1000 */
}
.ui-panel-display-reveal {
z-index: 0;
}
.ui-panel-display-push {
z-index: 999;
}
.ui-panel-display-overlay {
z-index: 1001; /* fixed toolbars have z-index 1000 */
}
.ui-panel-inner {
padding: 1em;
}
/* content-wrap */
.ui-panel-content-wrap {
/* container and page */
.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;
left: 0;
min-height: inherit;
border: 0;
overflow-x: hidden;
z-index: 999;
}
.ui-panel-content-wrap-display-overlay,
.ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */
.ui-panel-content-wrap-closed {
position: static;
/* fiixed toolbars */
.ui-panel-fixed-toolbar {
overflow-x: hidden;
}
/* dismiss */
.ui-panel-dismiss {
......@@ -4466,16 +4539,12 @@ for Android 4.1 */
}
/* animate class is added to panel, wrapper and fixed toolbars */
.ui-panel-animate {
-webkit-transition: -webkit-transform 350ms ease;
-moz-transition: -moz-transform 350ms ease;
transition: transform 350ms ease;
-webkit-transition: -webkit-transform 300ms ease;
-moz-transition: -moz-transform 300ms ease;
transition: transform 300ms ease;
}
/* 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) > 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 {
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
}
......@@ -4528,19 +4597,16 @@ for Android 4.1 */
transform: translate3d(0,0,0);
-moz-transform: none;
}
/* positioning: content wrap, fixed toolbars and dismiss */
/* positioning: pages, fixed toolbars and dismiss */
/* panel left open */
.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-page-content-position-left.ui-panel-page-content-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
left: 17em;
right: -17em;
}
/* 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-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-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 {
.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-page-content-position-left.ui-panel-page-content-open.ui-panel-page-content-display-push {
left: 0;
right: 0;
-webkit-transform: translate3d(17em,0,0);
......@@ -4548,17 +4614,14 @@ for Android 4.1 */
transform: translate3d(17em,0,0);
}
/* panel right open */
.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-page-content-position-right.ui-panel-page-content-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
left: -17em;
right: 17em;
}
/* 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-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-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 {
.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-page-content-position-right.ui-panel-page-content-open.ui-panel-page-content-display-push {
left: 0;
right: 0;
-webkit-transform: translate3d(-17em,0,0);
......@@ -4566,14 +4629,9 @@ for Android 4.1 */
transform: translate3d(-17em,0,0);
}
/* negate "panel left/right open" for overlay */
.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
.ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
.ui-panel-page-content-open.ui-panel-page-content-display-overlay {
left: 0;
}
/* always disable overflow-x to prevent zoom issue on Android */
.ui-page-active.ui-page-panel {
overflow-x: hidden;
}
/* shadows and borders */
.ui-panel-display-reveal {
-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
......@@ -4599,35 +4657,38 @@ for Android 4.1 */
border-right-width: 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;
width: auto;
}
.ui-panel-display-push.ui-panel-open.ui-panel-position-right {
border-left-width: 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;
width: auto;
}
/* wrap on wide viewports once open */
@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-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-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-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal,
.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-panel-fixed-toolbar.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
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-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-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-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-reveal,
.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-panel-fixed-toolbar.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-reveal {
margin-left: 17em;
}
.ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-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-push,
.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-display-reveal {
width: auto;
}
.ui-responsive-panel .ui-panel-dismiss-display-push {
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 @@
, polyfill: '../js/polyfill'
, overrides: '../js/overrides'
, utilities: '../js/utilities'
, extensions: '../js/extensions'
, extensions: '../modules/extensions/extensions'
// requireJs
, almond: '../js/libs/require/almond'
......
modules/searchbar/searchbar.css
View file @ f144c000
......@@ -15,7 +15,7 @@
padding-right: 4.5em;
}
.searchbar_wrap .ui-input-search .ui-input-clear {
right: 2em;
right: 2em !important;
}
.searchbar_wrap .ui-filter {
margin: 0;
......
modules/searchbar/searchbar.js
View file @ f144c000
......@@ -12,6 +12,7 @@ define([
value, runSearch;
runSearch = function (value) {
console.log("running search with value ="+value);
$.mobile.changePage( "products.html", {
"transition": "slide",
"allowSamePageTransition": true,
......@@ -21,7 +22,7 @@ define([
});
};
filter.on("filterbarbeforefilter", function (e, data) {
filter.on("filterablebeforefilter", function (e, data) {
value = data.input.value;
// stop JQM
e.preventDefault();
......@@ -48,11 +49,10 @@ define([
}
})
.on( "filterbarcreate", function( e, ui ) {
var uuid = $(e.target).data("mobileFilterbar").uuid,
target = $("#ui-filter-"+uuid),
action = target.find(".ui-input-action"),
input = target.find("input");
.on( "filterablecreate", function( e, ui ) {
var $el = $( e.target.previousSibling ),
input = $el.find("input"),
action = $el.find("a.ui-input-action");
// TODO: search should be run here and results should be passed to
// items or ?. Otherwise items has to listen for ... something, grab
......@@ -63,6 +63,7 @@ define([
input.on("keypress", function (e) {
if (e.which == 13) {
e.preventDefault();
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