diff --git a/dashboard-ui/css/remotecontrol.css b/dashboard-ui/css/remotecontrol.css
deleted file mode 100644
index 4f8a7d1122..0000000000
--- a/dashboard-ui/css/remotecontrol.css
+++ /dev/null
@@ -1,105 +0,0 @@
-.remoteControlFlyout {
- width: 300px;
- min-height: 400px;
-}
-
-.playMenuOptions {
- max-height: 200px;
- overflow-y: auto;
- border: 1px solid #aaa;
-}
-
-.tblRemoteControl {
- width: 100%;
- border-spacing: 0;
- border-collapse: collapse;
-}
-
- .tblRemoteControl tbody tr:hover {
- background: #ddd;
- }
-
- .tblRemoteControl td {
- padding: 5px;
- border-top: 1px solid #ccc;
- text-align: left;
- }
-
- .tblRemoteControl th {
- padding: 3px 5px;
- text-align: left;
- }
-
- .tblRemoteControl th:first-child, .tblRemoteControl td:first-child {
- padding-left: 0;
- padding-right: 0;
- }
-
-.tblRemoteControlNoHeader tr:first-child td {
- border-top: 0;
-}
-
-.tdSelectPlayTime, .tdSelectItem {
- vertical-align: middle!important;
- width: 30px;
-}
-
-.tdRemoteControlImage {
- width: 100px;
-}
-
-.tblRemoteControl img {
- height: 50px;
-}
-
-.nowPlaying .ui-slider-track {
- margin-left: 15px!important;
-}
-
-@media all and (max-width: 550px) {
- .nowPlayingCell + .nowPlayingCell {
- display: none;
- }
-}
-
-@media all and (max-width: 450px) {
- .nowPlayingCell {
- display: none;
- }
-}
-
-@media all and (min-height: 500px) {
- .remoteControlFlyout {
- min-height: 450px;
- }
-}
-
-@media all and (min-height: 600px) {
- .remoteControlFlyout {
- min-height: 500px;
- }
-}
-
-@media all and (min-height: 800px) {
- .playMenuOptions {
- max-height: 300px;
- }
-}
-
-@media all and (min-width: 400px) {
- .remoteControlFlyout {
- width: 360px;
- }
-}
-
-@media all and (min-width: 500px) {
- .remoteControlFlyout {
- width: 450px;
- }
-}
-
-@media all and (min-width: 600px) {
- .remoteControlFlyout {
- width: 550px;
- }
-}
\ No newline at end of file
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 26571322e3..f7b6cd84ee 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -246,9 +246,9 @@
var legacyTabs = $('.legacyTabs', ownerpage);
- $(pages).on('iron-select', function (e) {
+ pages.addEventListener('iron-select', function (e) {
- var selected = this.selected;
+ var selected = pages.selected;
$('a', legacyTabs).removeClass('ui-btn-active')[selected].classList.add('ui-btn-active');
});
@@ -2816,8 +2816,8 @@
dlg.innerHTML = html;
document.body.appendChild(dlg);
- $(dlg).on('iron-overlay-closed', function () {
- $(this).remove();
+ dlg.addEventListener('iron-overlay-closed', function () {
+ $(dlg).remove();
});
require(['components/paperdialoghelper'], function () {
diff --git a/dashboard-ui/scripts/librarylist.js b/dashboard-ui/scripts/librarylist.js
index cbca4de872..735853982e 100644
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@@ -2,14 +2,35 @@
var showOverlayTimeout;
- function onHoverOut() {
+ function getCardHoverElement(e) {
+
+ var elem = parentWithClass(e.target, 'card');
+
+ if (!elem) {
+ return null;
+ }
+
+ if (elem.classList.contains('bannerCard')) {
+ return null;
+ }
+
+ return elem;
+ }
+
+ function onHoverOut(e) {
+
+ var elem = getCardHoverElement(e);
+
+ if (!elem) {
+ return;
+ }
if (showOverlayTimeout) {
clearTimeout(showOverlayTimeout);
showOverlayTimeout = null;
}
- var elem = this.querySelector('.cardOverlayTarget');
+ elem = elem.querySelector('.cardOverlayTarget');
if ($(elem).is(':visible')) {
require(["jquery", "velocity"], function ($, Velocity) {
@@ -637,235 +658,13 @@
url += '&context=' + context;
}
Dashboard.navigate(url);
- return;
- var ids = items.map(function (i) {
- return i.Id;
- });
-
- showItemsOverlay({
- ids: ids,
- context: context
- });
});
e.preventDefault();
return false;
}
- function getItemsOverlay(ids, context) {
-
- $('.detailsMenu').remove();
-
- var html = '';
-
- $($.mobile.activePage).append(html);
-
- var elem = $('.detailsMenu').popup().trigger('create').popup("open").on("popupafterclose", function () {
-
- $(this).off("popupafterclose").remove();
- })[0];
-
- $('.detailsMenuLeftButton', elem).on('click', function () {
-
- var overlay = $(this).parents('.detailsMenu')[0];
- setItemIntoOverlay(overlay, parseInt(overlay.getAttribute('data-index') || '0') - 1, context);
- });
-
- $('.detailsMenuRightButton', elem).on('click', function () {
-
- var overlay = $(this).parents('.detailsMenu')[0];
- setItemIntoOverlay(overlay, parseInt(overlay.getAttribute('data-index') || '0') + 1, context);
- });
-
- return elem;
- }
-
- function setItemIntoOverlay(elem, index) {
-
- var ids = elem.getAttribute('data-ids').split(',');
- var itemId = ids[index];
- var userId = Dashboard.getCurrentUserId();
- var context = elem.getAttribute('data-context');
-
- elem.setAttribute('data-index', index);
-
- if (index > 0) {
- $('.detailsMenuLeftButton', elem).show();
- } else {
- $('.detailsMenuLeftButton', elem).hide();
- }
-
- if (index < ids.length - 1) {
- $('.detailsMenuRightButton', elem).show();
- } else {
- $('.detailsMenuRightButton', elem).hide();
- }
-
- var promise1 = ApiClient.getItem(userId, itemId);
- var promise2 = Dashboard.getCurrentUser();
-
- $.when(promise1, promise2).done(function (response1, response2) {
-
- var item = response1[0];
- var user = response2[0];
-
- var background = 'none';
-
- if (AppInfo.enableDetailsMenuImages) {
- var backdropUrl;
- var screenWidth = $(window).width();
- var backdropWidth = Math.min(screenWidth, 800);
-
- if (item.BackdropImageTags && item.BackdropImageTags.length) {
-
- backdropUrl = ApiClient.getScaledImageUrl(item.Id, {
- type: "Backdrop",
- index: 0,
- maxWidth: backdropWidth,
- tag: item.BackdropImageTags[0]
- });
- }
- else if (item.ParentBackdropItemId && item.ParentBackdropImageTags && item.ParentBackdropImageTags.length) {
-
- backdropUrl = ApiClient.getScaledImageUrl(item.ParentBackdropItemId, {
- type: 'Backdrop',
- index: 0,
- tag: item.ParentBackdropImageTags[0],
- maxWidth: backdropWidth
- });
- }
-
- if (backdropUrl) {
- background = 'url(' + backdropUrl + ')';
- }
- }
-
- $('.detailsMenuContent', elem).css('backgroundImage', background);
-
- var headerHtml = LibraryBrowser.getPosterViewDisplayName(item);
- $('.detailsMenuHeader', elem).removeClass('detailsMenuHeaderWithLogo');
- if (AppInfo.enableDetailsMenuImages) {
-
- var logoUrl;
-
- var logoHeight = 30;
- if (item.ImageTags && item.ImageTags.Logo) {
-
- logoUrl = ApiClient.getScaledImageUrl(item.Id, {
- type: "Logo",
- index: 0,
- maxHeight: logoHeight,
- tag: item.ImageTags.Logo
- });
- }
-
- if (logoUrl) {
- headerHtml = '
';
- $('.detailsMenuHeader', elem).addClass('detailsMenuHeaderWithLogo');
- }
- }
-
- $('h3', elem).html(headerHtml);
-
- var contentHtml = '';
-
- var miscInfo = LibraryBrowser.getMiscInfoHtml(item);
- if (miscInfo) {
-
- contentHtml += '' + miscInfo + '
';
- }
-
- var userData = LibraryBrowser.getUserDataIconsHtml(item);
- if (userData) {
-
- contentHtml += '';
- }
-
- var ratingHtml = LibraryBrowser.getRatingHtml(item);
- if (ratingHtml) {
-
- contentHtml += '' + ratingHtml + '
';
- }
-
- if (item.Overview) {
- contentHtml += '';
- }
-
- contentHtml += '';
-
- $('.detailsMenuContentInner', elem).html(contentHtml).trigger('create');
-
- $('.btnSync', elem).on('click', function () {
-
- $(elem).popup('close');
-
- SyncManager.showMenu({
- items: [item]
- });
- });
-
- $('.btnPlay', elem).on('click', function () {
-
- $(elem).popup('close');
-
- MediaController.play({
- items: [item]
- });
- });
-
- $('.btnResume', elem).on('click', function () {
-
- $(elem).popup('close');
-
- MediaController.play({
- items: [item],
- startPositionTicks: item.UserData.PlaybackPositionTicks
- });
- });
- });
- }
-
- function showItemsOverlay(options) {
-
- var context = options.context;
-
- require(['jqmpopup'], function () {
- var elem = getItemsOverlay(options.ids, context);
-
- setItemIntoOverlay(elem, 0);
- });
- }
-
function parentWithClass(elem, className) {
while (!elem.classList || !elem.classList.contains(className)) {
@@ -933,6 +732,12 @@
function onHoverIn(e) {
+ var elem = getCardHoverElement(e);
+
+ if (!elem) {
+ return;
+ }
+
if (preventHover === true) {
preventHover = false;
return;
@@ -943,14 +748,11 @@
showOverlayTimeout = null;
}
- var elem = this;
-
while (!elem.classList.contains('card')) {
elem = elem.parentNode;
}
showOverlayTimeout = setTimeout(function () {
-
onShowTimerExpired(elem);
}, 1000);
@@ -960,31 +762,33 @@
preventHover = true;
}
- this.off('click', onCardClick);
- this.on('click', onCardClick);
-
- if (AppInfo.isTouchPreferred) {
- this.off('contextmenu', disableEvent);
- this.on('contextmenu', disableEvent);
- //this.off('contextmenu', onContextMenu);
- //this.on('contextmenu', onContextMenu);
- }
- else {
- this.off('contextmenu', onContextMenu);
- this.on('contextmenu', onContextMenu);
-
- this.off('mouseenter', '.card:not(.bannerCard) .cardContent', onHoverIn);
- this.on('mouseenter', '.card:not(.bannerCard) .cardContent', onHoverIn);
-
- this.off('mouseleave', '.card:not(.bannerCard) .cardContent', onHoverOut);
- this.on('mouseleave', '.card:not(.bannerCard) .cardContent', onHoverOut);
-
- this.off("touchstart", '.card:not(.bannerCard) .cardContent', preventTouchHover);
- this.on("touchstart", '.card:not(.bannerCard) .cardContent', preventTouchHover);
- }
-
for (var i = 0, length = this.length; i < length; i++) {
- initTapHoldMenus(this[i]);
+
+ var curr = this[i];
+ curr.removeEventListener('click', onCardClick);
+ curr.addEventListener('click', onCardClick);
+
+ if (AppInfo.isTouchPreferred) {
+ curr.removeEventListener('contextmenu', disableEvent);
+ curr.addEventListener('contextmenu', disableEvent);
+ //this.off('contextmenu', onContextMenu);
+ //this.on('contextmenu', onContextMenu);
+ }
+ else {
+ curr.removeEventListener('contextmenu', onContextMenu);
+ curr.addEventListener('contextmenu', onContextMenu);
+
+ curr.removeEventListener('mouseenter', onHoverIn);
+ curr.addEventListener('mouseenter', onHoverIn, true);
+
+ curr.removeEventListener('mouseleave', onHoverOut);
+ curr.addEventListener('mouseleave', onHoverOut, true);
+
+ curr.removeEventListener("touchstart", preventTouchHover);
+ curr.addEventListener("touchstart", preventTouchHover);
+ }
+
+ initTapHoldMenus(curr);
}
return this;
@@ -1368,7 +1172,11 @@
function onItemWithActionClick(e) {
- var elem = this;
+ var elem = parentWithClass(e.target, 'itemWithAction');
+
+ if (!elem) {
+ return;
+ }
var action = elem.getAttribute('data-action');
var elemWithAttributes = elem;
@@ -1400,6 +1208,7 @@
MediaController.instantMix(itemId);
}
+ e.preventDefault();
return false;
}
@@ -1436,7 +1245,7 @@
var page = this;
- $(page).on('click', '.itemWithAction', onItemWithActionClick);
+ page.addEventListener('click', onItemWithActionClick);
var itemsContainers = page.querySelectorAll('.itemsContainer:not(.noautoinit)');
for (var i = 0, length = itemsContainers.length; i < length; i++) {
diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js
index 9060ca7dca..4c5aace8f4 100644
--- a/dashboard-ui/scripts/librarymenu.js
+++ b/dashboard-ui/scripts/librarymenu.js
@@ -135,7 +135,7 @@
if (mainDrawerButton) {
if (AppInfo.isTouchPreferred || $.browser.mobile) {
- Events.on(mainDrawerButton, 'click', openMainDrawer);
+ mainDrawerButton.addEventListener('click', openMainDrawer);
} else {
$(mainDrawerButton).createHoverTouch().on('hovertouch', openMainDrawer);
@@ -144,7 +144,7 @@
var headerBackButton = document.querySelector('.headerBackButton');
if (headerBackButton) {
- Events.on(headerBackButton, 'click', onBackClick);
+ headerBackButton.addEventListener('click', onBackClick);
}
var viewMenuBar = document.querySelector(".viewMenuBar");
@@ -226,9 +226,10 @@
document.querySelector('.mainDrawerPanel').closeDrawer();
}
- function onMainDrawerSelect() {
+ function onMainDrawerSelect(e) {
- if (this.selected == 'main') {
+ var drawer = e.target;
+ if (drawer.selected == 'main') {
document.body.classList.remove('bodyWithPopupOpen');
document.querySelector('.mainDrawerPanel #drawer').classList.remove('verticalScrollingDrawer');
@@ -385,7 +386,7 @@
drawer.querySelector('.userFooter').innerHTML = html;
- Events.on(drawer.querySelector('.lnkManageServer'), 'click', onManageServerClicked);
+ drawer.querySelector('.lnkManageServer').addEventListener('click', onManageServerClicked);
}
function onSidebarLinkClick() {
@@ -998,7 +999,7 @@
});
var mainDrawerPanel = document.querySelector('.mainDrawerPanel');
- Events.on(mainDrawerPanel, 'iron-select', onMainDrawerSelect);
+ mainDrawerPanel.addEventListener('iron-select', onMainDrawerSelect);
});
})(window, document, jQuery, window.devicePixelRatio);
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index b8ee691028..53160ee26b 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -674,9 +674,9 @@ var Dashboard = {
});
// Has to be assigned a z-index after the call to .open()
- $(dlg).on('iron-overlay-closed', function (e) {
+ dlg.addEventListener('iron-overlay-closed', function (e) {
- this.parentNode.removeChild(this);
+ dlg.parentNode.removeChild(dlg);
});
dlg.open();
@@ -729,9 +729,10 @@ var Dashboard = {
var dlg = document.getElementById(id);
// Has to be assigned a z-index after the call to .open()
- $(dlg).on('iron-overlay-closed', function (e) {
- var confirmed = this.closingReason.confirmed;
- this.parentNode.removeChild(this);
+ dlg.addEventListener('iron-overlay-closed', function (e) {
+
+ var confirmed = dlg.closingReason.confirmed;
+ dlg.parentNode.removeChild(dlg);
if (callback) {
callback(confirmed);
@@ -2009,7 +2010,7 @@ var AppInfo = {};
$(document.body).append(footerHtml);
- $(window).on("beforeunload", function () {
+ window.addEventListener("beforeunload", function () {
var apiClient = window.ApiClient;
@@ -2028,14 +2029,6 @@ var AppInfo = {};
}
});
- $(document).on('contextmenu', '.ui-popup-screen', function (e) {
-
- $('.ui-popup').popup('close');
-
- e.preventDefault();
- return false;
- });
-
if (Dashboard.isRunningInCordova()) {
require(['cordova/connectsdk', 'scripts/registrationservices', 'cordova/back']);
@@ -2468,9 +2461,9 @@ var AppInfo = {};
onWebComponentsReady();
} else {
- $(document).on('WebComponentsReady', function() {
+ document.addEventListener('WebComponentsReady', function () {
- setTimeout(onWebComponentsReady, 200);
+ setTimeout(onWebComponentsReady, 300);
});
require(['bower_components/webcomponentsjs/webcomponents-lite.js']);
}
diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.panel.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.panel.css
index a07bd533ae..9fae6dd1e8 100644
--- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.panel.css
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.panel.css
@@ -1,4 +1,16 @@
-/* Panel */
+/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
+@media (max-width: 35em) {
+ .ui-responsive > .ui-block-a,
+ .ui-responsive > .ui-block-b,
+ .ui-responsive > .ui-block-c,
+ .ui-responsive > .ui-block-d,
+ .ui-responsive > .ui-block-e {
+ width: 100%;
+ float: none;
+ }
+}
+
+/* Panel */
.ui-panel {
width: 17em;
min-height: 100%;
diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.table.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.table.css
index 948de9e3a5..86ae3c64c2 100644
--- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.table.css
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.table.css
@@ -1,4 +1,59 @@
-.ui-table {
+.ui-block-a,
+.ui-block-b,
+.ui-block-c,
+.ui-block-d,
+.ui-block-e {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ min-height: 1px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+/* force new row */
+.ui-block-a {
+ clear: left;
+}
+li.ui-block-a,
+li.ui-block-b,
+li.ui-block-c,
+li.ui-block-d,
+li.ui-block-e {
+ margin-left: 0;
+ margin-right: 0;
+ padding: 0;
+ list-style: none;
+}
+/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
+[class*="ui-block-"] > button.ui-btn {
+ margin-right: 0;
+ margin-left: 0;
+}
+[class*="ui-block-"] > .ui-btn,
+[class*="ui-block-"] > .ui-select,
+[class*="ui-block-"] > .ui-checkbox,
+[class*="ui-block-"] > .ui-radio,
+[class*="ui-block-"] > button.ui-btn-inline,
+[class*="ui-block-"] > button.ui-btn-icon-notext {
+ margin-right: .3125em;
+ margin-left: .3125em;
+}
+
+/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
+@media (max-width: 35em) {
+ .ui-responsive > .ui-block-a,
+ .ui-responsive > .ui-block-b,
+ .ui-responsive > .ui-block-c,
+ .ui-responsive > .ui-block-d,
+ .ui-responsive > .ui-block-e {
+ width: 100%;
+ float: none;
+ }
+}
+
+.ui-table {
border: 0;
border-collapse: collapse;
padding: 0;
diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css
index bac9af1659..410ebdcd80 100644
--- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css
+++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.structure.css
@@ -290,218 +290,4 @@ button.ui-btn-icon-notext,
/* 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;
-}
-
-
-/* content configurations. */
-.ui-grid-a,
-.ui-grid-b,
-.ui-grid-c,
-.ui-grid-d,
-.ui-grid-solo {
- overflow: hidden;
-}
-.ui-block-a,
-.ui-block-b,
-.ui-block-c,
-.ui-block-d,
-.ui-block-e {
- margin: 0;
- padding: 0;
- border: 0;
- float: left;
- min-height: 1px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-/* force new row */
-.ui-block-a {
- clear: left;
-}
-ul.ui-grid-a,
-ul.ui-grid-b,
-ul.ui-grid-c,
-ul.ui-grid-d,
-ul.ui-grid-solo,
-li.ui-block-a,
-li.ui-block-b,
-li.ui-block-c,
-li.ui-block-d,
-li.ui-block-e {
- margin-left: 0;
- margin-right: 0;
- padding: 0;
- list-style: none;
-}
-/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
-[class*="ui-block-"] > button.ui-btn {
- margin-right: 0;
- margin-left: 0;
-}
-[class*="ui-block-"] > .ui-btn,
-[class*="ui-block-"] > .ui-select,
-[class*="ui-block-"] > .ui-checkbox,
-[class*="ui-block-"] > .ui-radio,
-[class*="ui-block-"] > button.ui-btn-inline,
-[class*="ui-block-"] > button.ui-btn-icon-notext {
- margin-right: .3125em;
- margin-left: .3125em;
-}
-
-.ui-grid-a > .ui-block-a,
-.ui-grid-a > .ui-block-b {
- /* width: 49.95%; IE7 */
- /* margin-right: -.5px; BB5 */
- width: 50%;
-}
-.ui-grid-b > .ui-block-a,
-.ui-grid-b > .ui-block-b,
-.ui-grid-b > .ui-block-c {
- /* width: 33.25%; IE7 */
- /* margin-right: -.5px; BB5 */
- width: 33.333%;
-}
-.ui-grid-c > .ui-block-a,
-.ui-grid-c > .ui-block-b,
-.ui-grid-c > .ui-block-c,
-.ui-grid-c > .ui-block-d {
- /* width: 24.925%; IE7 */
- /* margin-right: -.5px; BB5 */
- width: 25%;
-}
-.ui-grid-d > .ui-block-a,
-.ui-grid-d > .ui-block-b,
-.ui-grid-d > .ui-block-c,
-.ui-grid-d > .ui-block-d,
-.ui-grid-d > .ui-block-e {
- /* width: 19.925%; IE7 */
- width: 20%;
-}
-.ui-grid-solo > .ui-block-a {
- width: 100%;
- float: none;
-}
-
-/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
-@media (max-width: 35em) {
- .ui-responsive > .ui-block-a,
- .ui-responsive > .ui-block-b,
- .ui-responsive > .ui-block-c,
- .ui-responsive > .ui-block-d,
- .ui-responsive > .ui-block-e {
- width: 100%;
- float: none;
- }
-}
-
-
-/* Transitions originally inspired by those from jQtouch, nice work, folks */
-.ui-mobile-viewport-transitioning,
-.ui-mobile-viewport-transitioning .ui-page {
- width: 100%;
- height: 100%;
- overflow: hidden;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.ui-page-pre-in {
- opacity: 0;
-}
-.in {
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-duration: 350ms;
- -moz-animation-timing-function: ease-out;
- -moz-animation-duration: 350ms;
- animation-timing-function: ease-out;
- animation-duration: 350ms;
-}
-.out {
- -webkit-animation-timing-function: ease-in;
- -webkit-animation-duration: 225ms;
- -moz-animation-timing-function: ease-in;
- -moz-animation-duration: 225ms;
- animation-timing-function: ease-in;
- animation-duration: 225ms;
-}
-
-
-@-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-@-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-@keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-@-webkit-keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-@-moz-keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-@keyframes fadeout {
- from { opacity: 1; }
- to { opacity: 0; }
-}
-
-.fade.out {
- opacity: 0;
- -webkit-animation-duration: 125ms;
- -webkit-animation-name: fadeout;
- -moz-animation-duration: 125ms;
- -moz-animation-name: fadeout;
- animation-duration: 125ms;
- animation-name: fadeout;
-}
-
-.fade.in {
- opacity: 1;
- -webkit-animation-duration: 225ms;
- -webkit-animation-name: fadein;
- -moz-animation-duration: 225ms;
- -moz-animation-name: fadein;
- animation-duration: 225ms;
- animation-name: fadein;
-}
-
-/* Hide the native input element */
-.ui-input-btn input {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- border: 0;
- outline: 0;
- -webkit-border-radius: inherit;
- border-radius: inherit;
- -webkit-appearance: none;
- -moz-appearance: none;
- cursor: pointer;
- background: #fff;
- background: rgba(255,255,255,0);
- filter: Alpha(Opacity=0);
- opacity: .1;
- font-size: 1px;
- text-indent: -9999px;
- z-index: 2;
-}
-/* Fixes IE/WP filter alpha opacity bugs */
-.ui-input-btn.ui-state-disabled input {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px,1px,1px,1px);
}
\ No newline at end of file