mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
fix now playing background
This commit is contained in:
Luke Pulverenti
parent
c7fa2299da
commit
def595ff8a
26 changed files with 603 additions and 695 deletions
|
|
@ -25,14 +25,14 @@
|
||||||
"web-component-tester": "*",
|
"web-component-tester": "*",
|
||||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||||
},
|
},
|
||||||
"homepage": "https://github.com/polymerelements/iron-meta",
|
"homepage": "https://github.com/PolymerElements/iron-meta",
|
||||||
"_release": "1.0.3",
|
"_release": "1.0.3",
|
||||||
"_resolution": {
|
"_resolution": {
|
||||||
"type": "version",
|
"type": "version",
|
||||||
"tag": "v1.0.3",
|
"tag": "v1.0.3",
|
||||||
"commit": "91529259262b0d8f33fed44bc3fd47aedf35cb04"
|
"commit": "91529259262b0d8f33fed44bc3fd47aedf35cb04"
|
||||||
},
|
},
|
||||||
"_source": "git://github.com/polymerelements/iron-meta.git",
|
"_source": "git://github.com/PolymerElements/iron-meta.git",
|
||||||
"_target": "^1.0.0",
|
"_target": "^1.0.0",
|
||||||
"_originalSource": "polymerelements/iron-meta"
|
"_originalSource": "PolymerElements/iron-meta"
|
||||||
}
|
}
|
||||||
|
|
@ -12,39 +12,31 @@
|
||||||
margin-left: .5em;
|
margin-left: .5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.background-theme-b {
|
||||||
|
background-color: #242424;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-page-theme-b {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.pageWithAbsoluteTabs {
|
.pageWithAbsoluteTabs {
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropPage.ui-page-theme-a:not(.pageWithAbsoluteTabs) {
|
.backdropContainer .pageBackground {
|
||||||
background-color: rgba(240, 240,240, .94) !important;
|
background-color: rgba(20, 20,20, .92);
|
||||||
}
|
|
||||||
|
|
||||||
.backdropPage.ui-page-theme-b:not(.pageWithAbsoluteTabs), .backdropPage.pageWithAbsoluteTabs .pageBackground {
|
|
||||||
background-color: rgba(20, 20,20, .92) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.backdropPage.lightBackdropPage.ui-page-theme-b:not(.pageWithAbsoluteTabs), .backdropPage.lightBackdropPage.pageWithAbsoluteTabs .pageBackground {
|
|
||||||
background-color: rgba(20, 20,20, .90) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pageWithAbsoluteTabs .pageBackground {
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageWithAbsoluteTabs neon-animatable {
|
.pageWithAbsoluteTabs neon-animatable {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, .ui-page-theme-b:not(.pageWithAbsoluteTabs), .pageWithAbsoluteTabs .pageBackground {
|
|
||||||
background-color: #242424;
|
|
||||||
}
|
|
||||||
|
|
||||||
.backdropContainer {
|
.backdropContainer {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
|
|
|
||||||
|
|
@ -72,7 +72,8 @@
|
||||||
|
|
||||||
.mainDrawerPanel #main {
|
.mainDrawerPanel #main {
|
||||||
left: 0 !important;
|
left: 0 !important;
|
||||||
position: static !important;
|
position: relative !important;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainDrawerPanel #scrim {
|
.mainDrawerPanel #scrim {
|
||||||
|
|
|
||||||
|
|
@ -295,7 +295,6 @@
|
||||||
|
|
||||||
/* jQuery mobile adds a text shadow that seems unnecessary. */
|
/* jQuery mobile adds a text shadow that seems unnecessary. */
|
||||||
* {
|
* {
|
||||||
text-shadow: none !important;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -304,10 +303,11 @@ html {
|
||||||
-ms-touch-action: manipulation;
|
-ms-touch-action: manipulation;
|
||||||
touch-action: manipulation;
|
touch-action: manipulation;
|
||||||
/* Prevent white flickering */
|
/* Prevent white flickering */
|
||||||
background-color: #262626;
|
background-color: #242424;
|
||||||
/* Normalize for different browsers */
|
/* Normalize for different browsers */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
@ -323,6 +323,7 @@ body {
|
||||||
/* Normalize for different browsers */
|
/* Normalize for different browsers */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Without this, no content will be displayed in mobile safari */
|
/* Without this, no content will be displayed in mobile safari */
|
||||||
|
|
@ -781,8 +782,8 @@ paper-input + .fieldDescription {
|
||||||
box-shadow: -3px 0 10px 0 #555;*/
|
box-shadow: -3px 0 10px 0 #555;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-page-theme-a {
|
.background-theme-a {
|
||||||
background: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-page-theme-a .content-secondary {
|
.ui-page-theme-a .content-secondary {
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<title>Emby</title>
|
<title>Emby</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage noSecondaryNavPage" data-contextname="${HeaderMetadataManager}" data-require="jqmpopup,scripts/editorsidebar,scripts/edititemmetadata,scripts/edititemsubtitles,scripts/editcollectionitems,scripts/edititemimages">
|
<div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage noSecondaryNavPage" data-contextname="${HeaderMetadataManager}" data-require="jqmlistview,jqmpopup,scripts/editorsidebar,scripts/edititemmetadata,scripts/edititemsubtitles,scripts/editcollectionitems,scripts/edititemimages">
|
||||||
<div>
|
<div>
|
||||||
<div class="editPageSidebar" style="overflow:auto;">
|
<div class="editPageSidebar" style="overflow:auto;">
|
||||||
<div class="libraryTree">
|
<div class="libraryTree">
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,6 @@
|
||||||
<title>Emby</title>
|
<title>Emby</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="indexPage" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/indexpage">
|
<div id="indexPage" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/indexpage">
|
||||||
|
|
||||||
<div class="libraryViewNav libraryViewNavWithMinHeight">
|
<div class="libraryViewNav libraryViewNavWithMinHeight">
|
||||||
|
|
@ -22,7 +21,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pageBackground"></div>
|
|
||||||
<div class="ehsContent fullWidth">
|
<div class="ehsContent fullWidth">
|
||||||
<neon-animated-pages>
|
<neon-animated-pages>
|
||||||
<neon-animatable>
|
<neon-animatable>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<title></title>
|
<title></title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage lightBackdropPage noSecondaryNavPage" data-theme="b" data-require="scripts/itemdetailpage,paperbuttonstyle,tileitemcss,scripts/livetvcomponents">
|
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage" data-theme="b" data-require="scripts/itemdetailpage,paperbuttonstyle,tileitemcss,scripts/livetvcomponents">
|
||||||
|
|
||||||
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
|
<div id="tvShowsTabs" class="itemTabs" style="display: none;">
|
||||||
<div class="libraryViewNav scopedLibraryViewNav">
|
<div class="libraryViewNav scopedLibraryViewNav">
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pageBackground"></div>
|
|
||||||
<div class="ehsContent fullWidth">
|
<div class="ehsContent fullWidth">
|
||||||
<neon-animated-pages>
|
<neon-animated-pages>
|
||||||
<neon-animatable>
|
<neon-animatable>
|
||||||
|
|
|
||||||
|
|
@ -54,14 +54,14 @@
|
||||||
<h3>${HeaderAdvanced}</h3>
|
<h3>${HeaderAdvanced}</h3>
|
||||||
<div>
|
<div>
|
||||||
<br />
|
<br />
|
||||||
<ul data-role="listview" class="ulForm">
|
<div>
|
||||||
<li>
|
|
||||||
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
|
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<br />
|
||||||
|
<div>
|
||||||
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
|
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|
@ -71,7 +71,7 @@
|
||||||
<p>${MessageActiveSupporterMembershipRequiredSeriesRecordings}</p>
|
<p>${MessageActiveSupporterMembershipRequiredSeriesRecordings}</p>
|
||||||
<p class="supporterTrial hide">${HeaderEnjoyDayTrial}</p>
|
<p class="supporterTrial hide">${HeaderEnjoyDayTrial}</p>
|
||||||
<a class="clearLink btnSupporter hide" href="http://emby.media/donate" target="_blank"><paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${HeaderBecomeProjectSupporter}</span></paper-button></a>
|
<a class="clearLink btnSupporter hide" href="http://emby.media/donate" target="_blank"><paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${HeaderBecomeProjectSupporter}</span></paper-button></a>
|
||||||
<br/>
|
<br />
|
||||||
</div>
|
</div>
|
||||||
<button type="submit" data-role="none" class="clearButton btnSubmitContainer">
|
<button type="submit" data-role="none" class="clearButton btnSubmitContainer">
|
||||||
<paper-button raised class="submit block" style="background:#cc3333;"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button>
|
<paper-button raised class="submit block" style="background:#cc3333;"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<title>Emby</title>
|
<title>Emby</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss" data-backbutton="true" data-menubutton="false">
|
<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,jqmlistview" data-backbutton="true" data-menubutton="false">
|
||||||
|
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<form class="liveTvSeriesTimerForm" style="margin: 0 auto; max-width: 720px;">
|
<form class="liveTvSeriesTimerForm" style="margin: 0 auto; max-width: 720px;">
|
||||||
|
|
@ -49,14 +49,14 @@
|
||||||
<h3>${HeaderAdvanced}</h3>
|
<h3>${HeaderAdvanced}</h3>
|
||||||
<div>
|
<div>
|
||||||
<br />
|
<br />
|
||||||
<ul data-role="listview" class="ulForm">
|
<div>
|
||||||
<li>
|
|
||||||
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
|
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<br />
|
||||||
|
<div>
|
||||||
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
|
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|
|
||||||
|
|
@ -37,14 +37,14 @@
|
||||||
<h3>${HeaderAdvanced}</h3>
|
<h3>${HeaderAdvanced}</h3>
|
||||||
<div>
|
<div>
|
||||||
<br />
|
<br />
|
||||||
<ul data-role="listview" class="ulForm">
|
<div>
|
||||||
<li>
|
|
||||||
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
|
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<br />
|
||||||
|
<div>
|
||||||
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
|
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|
|
||||||
|
|
@ -27,8 +27,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pageBackground"></div>
|
|
||||||
|
|
||||||
<div class="ehsContent fullWidth">
|
<div class="ehsContent fullWidth">
|
||||||
<neon-animated-pages>
|
<neon-animated-pages>
|
||||||
<neon-animatable>
|
<neon-animatable>
|
||||||
|
|
|
||||||
|
|
@ -24,8 +24,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pageBackground"></div>
|
|
||||||
|
|
||||||
<div class="ehsContent fullWidth">
|
<div class="ehsContent fullWidth">
|
||||||
|
|
||||||
<neon-animated-pages>
|
<neon-animated-pages>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
(function ($, document) {
|
(function ($, document) {
|
||||||
|
|
||||||
|
var pageBackgroundCreated;
|
||||||
|
|
||||||
function getElement() {
|
function getElement() {
|
||||||
|
|
||||||
//var elem = $('.backdropContainer');
|
//var elem = $('.backdropContainer');
|
||||||
|
|
@ -12,6 +14,14 @@
|
||||||
var elem = document.documentElement;
|
var elem = document.documentElement;
|
||||||
|
|
||||||
elem.classList.add('backdropContainer');
|
elem.classList.add('backdropContainer');
|
||||||
|
|
||||||
|
if (!pageBackgroundCreated) {
|
||||||
|
pageBackgroundCreated = true;
|
||||||
|
var div = document.createElement('div');
|
||||||
|
div.classList.add('pageBackground');
|
||||||
|
document.body.insertBefore(div, document.body.firstChild);
|
||||||
|
}
|
||||||
|
|
||||||
return elem;
|
return elem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -299,7 +299,7 @@
|
||||||
|
|
||||||
function showPostPlayMenu(item) {
|
function showPostPlayMenu(item) {
|
||||||
|
|
||||||
require(['jqmpopup'], function() {
|
require(['jqmpopup', 'jqmlistview'], function () {
|
||||||
$('.externalPlayerPostPlayFlyout').popup("close").remove();
|
$('.externalPlayerPostPlayFlyout').popup("close").remove();
|
||||||
|
|
||||||
var html = '<div data-role="popup" class="externalPlayerPostPlayFlyout" data-history="false" data-theme="a" data-dismissible="false">';
|
var html = '<div data-role="popup" class="externalPlayerPostPlayFlyout" data-history="false" data-theme="a" data-dismissible="false">';
|
||||||
|
|
@ -410,7 +410,7 @@
|
||||||
|
|
||||||
function showMenuForItem(item, players) {
|
function showMenuForItem(item, players) {
|
||||||
|
|
||||||
require(['jqmpopup'], function () {
|
require(['jqmpopup', 'jqmlistview'], function () {
|
||||||
closePlayMenu();
|
closePlayMenu();
|
||||||
|
|
||||||
var html = '<div data-role="popup" class="externalPlayerFlyout" data-theme="a" data-dismissible="false">';
|
var html = '<div data-role="popup" class="externalPlayerFlyout" data-theme="a" data-dismissible="false">';
|
||||||
|
|
|
||||||
|
|
@ -1043,6 +1043,8 @@
|
||||||
|
|
||||||
getListViewHtml: function (options) {
|
getListViewHtml: function (options) {
|
||||||
|
|
||||||
|
require(['jqmlistview']);
|
||||||
|
|
||||||
var outerHtml = "";
|
var outerHtml = "";
|
||||||
|
|
||||||
outerHtml += '<ul data-role="listview" class="itemsListview">';
|
outerHtml += '<ul data-role="listview" class="itemsListview">';
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,6 @@
|
||||||
|
|
||||||
html += '<div class="homePageSection">';
|
html += '<div class="homePageSection">';
|
||||||
html += '<h1>' + startDateText + '</h1>';
|
html += '<h1>' + startDateText + '</h1>';
|
||||||
//html += '<ul data-role="listview" data-split-icon="delete">';
|
|
||||||
html += '<div class="paperList">';
|
html += '<div class="paperList">';
|
||||||
index = startDateText;
|
index = startDateText;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2108,6 +2108,11 @@ var AppInfo = {};
|
||||||
return {};
|
return {};
|
||||||
});
|
});
|
||||||
|
|
||||||
|
define("jqmlistview", ["thirdparty/jquerymobile-1.4.5/jqm.listview"], function () {
|
||||||
|
Dashboard.importCss('thirdparty/jquerymobile-1.4.5/jqm.listview.css');
|
||||||
|
return {};
|
||||||
|
});
|
||||||
|
|
||||||
define("hammer", ["bower_components/hammerjs/hammer.min"], function (Hammer) {
|
define("hammer", ["bower_components/hammerjs/hammer.min"], function (Hammer) {
|
||||||
return Hammer;
|
return Hammer;
|
||||||
});
|
});
|
||||||
|
|
@ -2188,6 +2193,7 @@ var AppInfo = {};
|
||||||
if (newHtml.indexOf('type-interior') != -1) {
|
if (newHtml.indexOf('type-interior') != -1) {
|
||||||
depends.push('jqmicons');
|
depends.push('jqmicons');
|
||||||
depends.push('jqmpopup');
|
depends.push('jqmpopup');
|
||||||
|
depends.push('jqmlistview');
|
||||||
}
|
}
|
||||||
|
|
||||||
require(depends, function () {
|
require(depends, function () {
|
||||||
|
|
@ -2280,6 +2286,16 @@ $(document).on('pagecreate', ".page", function () {
|
||||||
current = newTheme;
|
current = newTheme;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var docElem = document.documentElement;
|
||||||
|
|
||||||
|
if (current == 'a') {
|
||||||
|
docElem.classList.add('background-theme-a');
|
||||||
|
docElem.classList.remove('background-theme-b');
|
||||||
|
} else {
|
||||||
|
docElem.classList.add('background-theme-b');
|
||||||
|
docElem.classList.remove('background-theme-a');
|
||||||
|
}
|
||||||
|
|
||||||
if (current != 'a' && !$.browser.mobile) {
|
if (current != 'a' && !$.browser.mobile) {
|
||||||
document.body.classList.add('darkScrollbars');
|
document.body.classList.add('darkScrollbars');
|
||||||
} else {
|
} else {
|
||||||
|
|
|
||||||
|
|
@ -6,11 +6,11 @@
|
||||||
background-color: rgba(27, 27, 27, .75);
|
background-color: rgba(27, 27, 27, .75);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-page-theme-b:not(.pageWithAbsoluteTabs), .pageWithAbsoluteTabs .pageBackground {
|
.background-theme-b {
|
||||||
background-color: #2b2b2b;
|
background-color: #242424;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropPage.ui-page-theme-b {
|
.backdropContainer .pageBackground {
|
||||||
background-color: rgba(20, 20,20, .94) !important;
|
background-color: rgba(20, 20,20, .94) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,13 @@
|
||||||
html {
|
html, body, .ui-btn, .pageTitle {
|
||||||
/* Setting it here will help prevent white flashes */
|
font-family: San Francisco, Helvetica Neue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.background-theme-b {
|
||||||
background-color: #1c1c1c;
|
background-color: #1c1c1c;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body, .ui-btn, .pageTitle {
|
.backdropContainer .pageBackground {
|
||||||
font-family: San Francisco, Helvetica Neue;
|
background-color: rgba(28,28,28,.92) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -16,47 +19,39 @@ html, body, .ui-btn, .pageTitle {
|
||||||
background-color: rgba(28, 28, 28, .8);
|
background-color: rgba(28, 28, 28, .8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropPage.ui-page-theme-b {
|
.libraryViewNav a {
|
||||||
background-color: rgba(28,28,28,.92) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-page-theme-b {
|
|
||||||
background-color: #1c1c1c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraryViewNav a {
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
color: #ccc !important;
|
color: #ccc !important;
|
||||||
padding: 12px 13px 8px;
|
padding: 12px 13px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav .tab-content {
|
.libraryViewNav .tab-content {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav paper-tabs {
|
.libraryViewNav paper-tabs {
|
||||||
height: 58px !important;
|
height: 58px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav paper-tab {
|
.libraryViewNav paper-tab {
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav iron-icon {
|
.libraryViewNav iron-icon {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto 6px;
|
margin: 0 auto 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav paper-tabs iron-icon {
|
.libraryViewNav paper-tabs iron-icon {
|
||||||
margin: 6px auto 6px;
|
margin: 6px auto 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav #selectionBar {
|
.libraryViewNav #selectionBar {
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 600px) {
|
@media all and (max-width: 600px) {
|
||||||
|
|
||||||
|
|
|
||||||
279
dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.css
vendored
Normal file
279
dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.css
vendored
Normal file
|
|
@ -0,0 +1,279 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.ui-listview,
|
||||||
|
.ui-listview > li {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.ui-content .ui-listview,
|
||||||
|
.ui-panel-inner > .ui-listview {
|
||||||
|
margin: -1em;
|
||||||
|
}
|
||||||
|
.ui-content .ui-listview-inset,
|
||||||
|
.ui-panel-inner > .ui-listview-inset {
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
.ui-collapsible-content > .ui-listview {
|
||||||
|
margin: -.5em -1em;
|
||||||
|
}
|
||||||
|
.ui-collapsible-content > .ui-listview-inset {
|
||||||
|
margin: .5em 0;
|
||||||
|
}
|
||||||
|
.ui-listview > li {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-static,
|
||||||
|
.ui-listview > .ui-li-divider,
|
||||||
|
.ui-listview > li > a.ui-btn {
|
||||||
|
margin: 0;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui-listview > li > .ui-btn:focus {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-static,
|
||||||
|
.ui-listview > .ui-li-divider,
|
||||||
|
.ui-listview > li > a.ui-btn {
|
||||||
|
border-width: 1px 0 0 0;
|
||||||
|
border-style: solid;
|
||||||
|
}
|
||||||
|
.ui-listview-inset > .ui-li-static,
|
||||||
|
.ui-listview-inset > .ui-li-divider,
|
||||||
|
.ui-listview-inset > li > a.ui-btn {
|
||||||
|
border-right-width: 1px;
|
||||||
|
border-left-width: 1px;
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-static.ui-last-child,
|
||||||
|
.ui-listview > .ui-li-divider.ui-last-child,
|
||||||
|
.ui-listview > li.ui-last-child > a.ui-btn {
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
}
|
||||||
|
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
|
||||||
|
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
|
||||||
|
border-top-width: 0;
|
||||||
|
}
|
||||||
|
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child,
|
||||||
|
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn {
|
||||||
|
border-bottom-width: 0;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-first-child,
|
||||||
|
.ui-listview > li.ui-first-child > a.ui-btn {
|
||||||
|
-webkit-border-top-right-radius: inherit;
|
||||||
|
border-top-right-radius: inherit;
|
||||||
|
-webkit-border-top-left-radius: inherit;
|
||||||
|
border-top-left-radius: inherit;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-last-child,
|
||||||
|
.ui-listview > li.ui-last-child > a.ui-btn {
|
||||||
|
-webkit-border-bottom-right-radius: inherit;
|
||||||
|
border-bottom-right-radius: inherit;
|
||||||
|
-webkit-border-bottom-left-radius: inherit;
|
||||||
|
border-bottom-left-radius: inherit;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-li-has-alt > a.ui-btn {
|
||||||
|
-webkit-border-top-right-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
-webkit-border-bottom-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn {
|
||||||
|
-webkit-border-top-left-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
-webkit-border-top-right-radius: inherit;
|
||||||
|
border-top-right-radius: inherit;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn {
|
||||||
|
-webkit-border-bottom-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
-webkit-border-bottom-right-radius: inherit;
|
||||||
|
border-bottom-right-radius: inherit;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) {
|
||||||
|
-webkit-border-top-left-radius: inherit;
|
||||||
|
border-top-left-radius: inherit;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) {
|
||||||
|
-webkit-border-bottom-left-radius: inherit;
|
||||||
|
border-bottom-left-radius: inherit;
|
||||||
|
}
|
||||||
|
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
|
||||||
|
-webkit-border-radius: inherit;
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-static {
|
||||||
|
padding: .7em 1em;
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-divider {
|
||||||
|
padding: .5em 1.143em;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
cursor: default;
|
||||||
|
outline: 0; /* Dividers in custom selectmenus have tabindex */
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-has-count > .ui-btn,
|
||||||
|
.ui-listview > .ui-li-static.ui-li-has-count,
|
||||||
|
.ui-listview > .ui-li-divider.ui-li-has-count {
|
||||||
|
padding-right: 2.8125em;
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-has-count > .ui-btn-icon-right {
|
||||||
|
padding-right: 4.6875em;
|
||||||
|
}
|
||||||
|
.ui-listview > .ui-li-has-thumb > .ui-btn,
|
||||||
|
.ui-listview > .ui-li-static.ui-li-has-thumb {
|
||||||
|
min-height: 3.625em;
|
||||||
|
padding-left: 6.25em;
|
||||||
|
}
|
||||||
|
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
|
||||||
|
.ui-listview > .ui-li-has-icon > .ui-btn,
|
||||||
|
.ui-listview > .ui-li-static.ui-li-has-icon {
|
||||||
|
min-height: 1.25em;
|
||||||
|
padding-left: 2.5em;
|
||||||
|
}
|
||||||
|
/* Used by both listview and custom multiple select button */
|
||||||
|
.ui-li-count {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 12.5px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
padding: 0 .48em;
|
||||||
|
line-height: 1.6em;
|
||||||
|
min-height: 1.6em;
|
||||||
|
min-width: .64em;
|
||||||
|
right: .8em;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -.88em;
|
||||||
|
}
|
||||||
|
.ui-listview .ui-btn-icon-right .ui-li-count {
|
||||||
|
right: 3.2em;
|
||||||
|
}
|
||||||
|
.ui-listview .ui-li-has-thumb > img:first-child,
|
||||||
|
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
|
||||||
|
.ui-listview .ui-li-has-thumb .ui-li-thumb {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
max-height: 5em;
|
||||||
|
max-width: 5em;
|
||||||
|
}
|
||||||
|
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
|
||||||
|
.ui-listview > .ui-li-has-icon > img:first-child,
|
||||||
|
.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
|
||||||
|
position: absolute;
|
||||||
|
left: .625em;
|
||||||
|
top: .9em;
|
||||||
|
max-height: 1em;
|
||||||
|
max-width: 1em;
|
||||||
|
}
|
||||||
|
.ui-listview > li h1,
|
||||||
|
.ui-listview > li h2,
|
||||||
|
.ui-listview > li h3,
|
||||||
|
.ui-listview > li h4,
|
||||||
|
.ui-listview > li h5,
|
||||||
|
.ui-listview > li h6 {
|
||||||
|
font-size: 1em;
|
||||||
|
display: block;
|
||||||
|
margin: .45em 0;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui-listview > li p {
|
||||||
|
font-size: .75em;
|
||||||
|
font-weight: normal;
|
||||||
|
display: block;
|
||||||
|
margin: .6em 0;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.ui-listview .ui-li-aside {
|
||||||
|
position: absolute;
|
||||||
|
top: 1em;
|
||||||
|
right: 3.333em;
|
||||||
|
margin: 0;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-li-has-alt > .ui-btn {
|
||||||
|
margin-right: 2.5em;
|
||||||
|
border-right-width: 0;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn {
|
||||||
|
position: absolute;
|
||||||
|
width: 2.5em;
|
||||||
|
height: 100%;
|
||||||
|
min-height: auto;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-left-width: 1px;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn {
|
||||||
|
border-right-width: 1px;
|
||||||
|
}
|
||||||
|
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus {
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
ol.ui-listview,
|
||||||
|
ol.ui-listview > .ui-li-divider {
|
||||||
|
counter-reset: listnumbering;
|
||||||
|
}
|
||||||
|
ol.ui-listview > li > .ui-btn,
|
||||||
|
ol.ui-listview > li.ui-li-static {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
ol.ui-listview > li > .ui-btn:first-child:before,
|
||||||
|
ol.ui-listview > li.ui-li-static:before,
|
||||||
|
ol.ui-listview > li.ui-field-contain > label:before,
|
||||||
|
ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: .9em;
|
||||||
|
font-weight: normal;
|
||||||
|
padding-right: .3em;
|
||||||
|
min-width: 1.4em;
|
||||||
|
line-height: 1.5;
|
||||||
|
vertical-align: middle;
|
||||||
|
counter-increment: listnumbering;
|
||||||
|
content: counter(listnumbering) ".";
|
||||||
|
}
|
||||||
|
ol.ui-listview > li.ui-field-contain:before {
|
||||||
|
content: none;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
ol.ui-listview > li h1:first-child,
|
||||||
|
ol.ui-listview > li h2:first-child,
|
||||||
|
ol.ui-listview > li h3:first-child,
|
||||||
|
ol.ui-listview > li h4:first-child,
|
||||||
|
ol.ui-listview > li h5:first-child,
|
||||||
|
ol.ui-listview > li h6:first-child,
|
||||||
|
ol.ui-listview > li p:first-child,
|
||||||
|
ol.ui-listview > li img:first-child + * {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
ol.ui-listview > li h1:first-child ~ *,
|
||||||
|
ol.ui-listview > li h2:first-child ~ *,
|
||||||
|
ol.ui-listview > li h3:first-child ~ *,
|
||||||
|
ol.ui-listview > li h4:first-child ~ *,
|
||||||
|
ol.ui-listview > li h5:first-child ~ *,
|
||||||
|
ol.ui-listview > li h6:first-child ~ *,
|
||||||
|
ol.ui-listview > li p:first-child ~ *,
|
||||||
|
ol.ui-listview > li img:first-child + * ~ * {
|
||||||
|
margin-top: 0;
|
||||||
|
text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
|
||||||
|
}
|
||||||
203
dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.js
vendored
Normal file
203
dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.js
vendored
Normal file
|
|
@ -0,0 +1,203 @@
|
||||||
|
(function ($, undefined) {
|
||||||
|
|
||||||
|
var getAttr = $.mobile.getAttribute;
|
||||||
|
|
||||||
|
$.widget("mobile.listview", $.extend({
|
||||||
|
|
||||||
|
options: {
|
||||||
|
theme: null,
|
||||||
|
countTheme: null, /* Deprecated in 1.4 */
|
||||||
|
dividerTheme: null,
|
||||||
|
icon: "carat-r",
|
||||||
|
splitIcon: "carat-r",
|
||||||
|
splitTheme: null,
|
||||||
|
corners: true,
|
||||||
|
shadow: true,
|
||||||
|
inset: false
|
||||||
|
},
|
||||||
|
|
||||||
|
_create: function () {
|
||||||
|
var t = this,
|
||||||
|
listviewClasses = "";
|
||||||
|
|
||||||
|
listviewClasses += t.options.inset ? " ui-listview-inset" : "";
|
||||||
|
|
||||||
|
if (!!t.options.inset) {
|
||||||
|
listviewClasses += t.options.corners ? " ui-corner-all" : "";
|
||||||
|
listviewClasses += t.options.shadow ? " ui-shadow" : "";
|
||||||
|
}
|
||||||
|
|
||||||
|
// create listview markup
|
||||||
|
t.element.addClass(" ui-listview" + listviewClasses);
|
||||||
|
|
||||||
|
t.refresh(true);
|
||||||
|
},
|
||||||
|
|
||||||
|
// TODO: Remove in 1.5
|
||||||
|
_findFirstElementByTagName: function (ele, nextProp, lcName, ucName) {
|
||||||
|
var dict = {};
|
||||||
|
dict[lcName] = dict[ucName] = true;
|
||||||
|
while (ele) {
|
||||||
|
if (dict[ele.nodeName]) {
|
||||||
|
return ele;
|
||||||
|
}
|
||||||
|
ele = ele[nextProp];
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
// TODO: Remove in 1.5
|
||||||
|
_addThumbClasses: function (containers) {
|
||||||
|
var i, img, len = containers.length;
|
||||||
|
for (i = 0; i < len; i++) {
|
||||||
|
img = $(this._findFirstElementByTagName(containers[i].firstChild, "nextSibling", "img", "IMG"));
|
||||||
|
if (img.length) {
|
||||||
|
$(this._findFirstElementByTagName(img[0].parentNode, "parentNode", "li", "LI")).addClass(img.hasClass("ui-li-icon") ? "ui-li-has-icon" : "ui-li-has-thumb");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
_getChildrenByTagName: function (ele, lcName, ucName) {
|
||||||
|
var results = [],
|
||||||
|
dict = {};
|
||||||
|
dict[lcName] = dict[ucName] = true;
|
||||||
|
ele = ele.firstChild;
|
||||||
|
while (ele) {
|
||||||
|
if (dict[ele.nodeName]) {
|
||||||
|
results.push(ele);
|
||||||
|
}
|
||||||
|
ele = ele.nextSibling;
|
||||||
|
}
|
||||||
|
return $(results);
|
||||||
|
},
|
||||||
|
|
||||||
|
_beforeListviewRefresh: $.noop,
|
||||||
|
_afterListviewRefresh: $.noop,
|
||||||
|
|
||||||
|
refresh: function (create) {
|
||||||
|
var buttonClass, pos, numli, item, itemClass, itemTheme, itemIcon, icon, a,
|
||||||
|
isDivider, startCount, newStartCount, value, last, splittheme, splitThemeClass, spliticon,
|
||||||
|
altButtonClass, dividerTheme, li,
|
||||||
|
o = this.options,
|
||||||
|
$list = this.element,
|
||||||
|
ol = !!$.nodeName($list[0], "ol"),
|
||||||
|
start = $list.attr("start"),
|
||||||
|
itemClassDict = {},
|
||||||
|
countBubbles = $list.find(".ui-li-count"),
|
||||||
|
countTheme = getAttr($list[0], "counttheme") || this.options.countTheme,
|
||||||
|
countThemeClass = countTheme ? "ui-body-" + countTheme : "ui-body-inherit";
|
||||||
|
|
||||||
|
if (o.theme) {
|
||||||
|
$list.addClass("ui-group-theme-" + o.theme);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if a start attribute has been set while taking a value of 0 into account
|
||||||
|
if (ol && (start || start === 0)) {
|
||||||
|
startCount = parseInt(start, 10) - 1;
|
||||||
|
$list.css("counter-reset", "listnumbering " + startCount);
|
||||||
|
}
|
||||||
|
|
||||||
|
this._beforeListviewRefresh();
|
||||||
|
|
||||||
|
li = this._getChildrenByTagName($list[0], "li", "LI");
|
||||||
|
|
||||||
|
for (pos = 0, numli = li.length; pos < numli; pos++) {
|
||||||
|
item = li.eq(pos);
|
||||||
|
itemClass = "";
|
||||||
|
|
||||||
|
if (create || item[0].className.search(/\bui-li-static\b|\bui-li-divider\b/) < 0) {
|
||||||
|
a = this._getChildrenByTagName(item[0], "a", "A");
|
||||||
|
isDivider = (getAttr(item[0], "role") === "list-divider");
|
||||||
|
value = item.attr("value");
|
||||||
|
itemTheme = getAttr(item[0], "theme");
|
||||||
|
|
||||||
|
if (a.length && a[0].className.search(/\bui-btn\b/) < 0 && !isDivider) {
|
||||||
|
itemIcon = getAttr(item[0], "icon");
|
||||||
|
icon = (itemIcon === false) ? false : (itemIcon || o.icon);
|
||||||
|
|
||||||
|
// TODO: Remove in 1.5 together with links.js (links.js / .ui-link deprecated in 1.4)
|
||||||
|
a.removeClass("ui-link");
|
||||||
|
|
||||||
|
buttonClass = "ui-btn";
|
||||||
|
|
||||||
|
if (itemTheme) {
|
||||||
|
buttonClass += " ui-btn-" + itemTheme;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (a.length > 1) {
|
||||||
|
itemClass = "ui-li-has-alt";
|
||||||
|
|
||||||
|
last = a.last();
|
||||||
|
splittheme = getAttr(last[0], "theme") || o.splitTheme || getAttr(item[0], "theme", true);
|
||||||
|
splitThemeClass = splittheme ? " ui-btn-" + splittheme : "";
|
||||||
|
spliticon = getAttr(last[0], "icon") || getAttr(item[0], "icon") || o.splitIcon;
|
||||||
|
altButtonClass = "ui-btn ui-btn-icon-notext ui-icon-" + spliticon + splitThemeClass;
|
||||||
|
|
||||||
|
last
|
||||||
|
.attr("title", $.trim(last.getEncodedText()))
|
||||||
|
.addClass(altButtonClass)
|
||||||
|
.empty();
|
||||||
|
|
||||||
|
// Reduce to the first anchor, because only the first gets the buttonClass
|
||||||
|
a = a.first();
|
||||||
|
} else if (icon) {
|
||||||
|
buttonClass += " ui-btn-icon-right ui-icon-" + icon;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Apply buttonClass to the (first) anchor
|
||||||
|
a.addClass(buttonClass);
|
||||||
|
} else if (isDivider) {
|
||||||
|
dividerTheme = (getAttr(item[0], "theme") || o.dividerTheme || o.theme);
|
||||||
|
|
||||||
|
itemClass = "ui-li-divider ui-bar-" + (dividerTheme ? dividerTheme : "inherit");
|
||||||
|
|
||||||
|
item.attr("role", "heading");
|
||||||
|
} else if (a.length <= 0) {
|
||||||
|
itemClass = "ui-li-static ui-body-" + (itemTheme ? itemTheme : "inherit");
|
||||||
|
}
|
||||||
|
if (ol && value) {
|
||||||
|
newStartCount = parseInt(value, 10) - 1;
|
||||||
|
|
||||||
|
item.css("counter-reset", "listnumbering " + newStartCount);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Instead of setting item class directly on the list item
|
||||||
|
// at this point in time, push the item into a dictionary
|
||||||
|
// that tells us what class to set on it so we can do this after this
|
||||||
|
// processing loop is finished.
|
||||||
|
|
||||||
|
if (!itemClassDict[itemClass]) {
|
||||||
|
itemClassDict[itemClass] = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
itemClassDict[itemClass].push(item[0]);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set the appropriate listview item classes on each list item.
|
||||||
|
// The main reason we didn't do this
|
||||||
|
// in the for-loop above is because we can eliminate per-item function overhead
|
||||||
|
// by calling addClass() and children() once or twice afterwards. This
|
||||||
|
// can give us a significant boost on platforms like WP7.5.
|
||||||
|
|
||||||
|
for (itemClass in itemClassDict) {
|
||||||
|
$(itemClassDict[itemClass]).addClass(itemClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
countBubbles.each(function () {
|
||||||
|
$(this).closest("li").addClass("ui-li-has-count");
|
||||||
|
});
|
||||||
|
if (countThemeClass) {
|
||||||
|
countBubbles.not("[class*='ui-body-']").addClass(countThemeClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Deprecated in 1.4. From 1.5 you have to add class ui-li-has-thumb or ui-li-has-icon to the LI.
|
||||||
|
this._addThumbClasses(li);
|
||||||
|
this._addThumbClasses(li.find(".ui-btn"));
|
||||||
|
|
||||||
|
this._afterListviewRefresh();
|
||||||
|
|
||||||
|
this._addFirstLastClasses(li, this._getVisibles(li, create), create);
|
||||||
|
}
|
||||||
|
}, $.mobile.behaviors.addFirstLastClasses));
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
|
|
@ -6167,210 +6167,6 @@ $.widget( "mobile.checkboxradio", $.extend( {
|
||||||
|
|
||||||
(function( $, undefined ) {
|
(function( $, undefined ) {
|
||||||
|
|
||||||
var getAttr = $.mobile.getAttribute;
|
|
||||||
|
|
||||||
$.widget( "mobile.listview", $.extend( {
|
|
||||||
|
|
||||||
options: {
|
|
||||||
theme: null,
|
|
||||||
countTheme: null, /* Deprecated in 1.4 */
|
|
||||||
dividerTheme: null,
|
|
||||||
icon: "carat-r",
|
|
||||||
splitIcon: "carat-r",
|
|
||||||
splitTheme: null,
|
|
||||||
corners: true,
|
|
||||||
shadow: true,
|
|
||||||
inset: false
|
|
||||||
},
|
|
||||||
|
|
||||||
_create: function() {
|
|
||||||
var t = this,
|
|
||||||
listviewClasses = "";
|
|
||||||
|
|
||||||
listviewClasses += t.options.inset ? " ui-listview-inset" : "";
|
|
||||||
|
|
||||||
if ( !!t.options.inset ) {
|
|
||||||
listviewClasses += t.options.corners ? " ui-corner-all" : "";
|
|
||||||
listviewClasses += t.options.shadow ? " ui-shadow" : "";
|
|
||||||
}
|
|
||||||
|
|
||||||
// create listview markup
|
|
||||||
t.element.addClass( " ui-listview" + listviewClasses );
|
|
||||||
|
|
||||||
t.refresh( true );
|
|
||||||
},
|
|
||||||
|
|
||||||
// TODO: Remove in 1.5
|
|
||||||
_findFirstElementByTagName: function( ele, nextProp, lcName, ucName ) {
|
|
||||||
var dict = {};
|
|
||||||
dict[ lcName ] = dict[ ucName ] = true;
|
|
||||||
while ( ele ) {
|
|
||||||
if ( dict[ ele.nodeName ] ) {
|
|
||||||
return ele;
|
|
||||||
}
|
|
||||||
ele = ele[ nextProp ];
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
// TODO: Remove in 1.5
|
|
||||||
_addThumbClasses: function( containers ) {
|
|
||||||
var i, img, len = containers.length;
|
|
||||||
for ( i = 0; i < len; i++ ) {
|
|
||||||
img = $( this._findFirstElementByTagName( containers[ i ].firstChild, "nextSibling", "img", "IMG" ) );
|
|
||||||
if ( img.length ) {
|
|
||||||
$( this._findFirstElementByTagName( img[ 0 ].parentNode, "parentNode", "li", "LI" ) ).addClass( img.hasClass( "ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_getChildrenByTagName: function( ele, lcName, ucName ) {
|
|
||||||
var results = [],
|
|
||||||
dict = {};
|
|
||||||
dict[ lcName ] = dict[ ucName ] = true;
|
|
||||||
ele = ele.firstChild;
|
|
||||||
while ( ele ) {
|
|
||||||
if ( dict[ ele.nodeName ] ) {
|
|
||||||
results.push( ele );
|
|
||||||
}
|
|
||||||
ele = ele.nextSibling;
|
|
||||||
}
|
|
||||||
return $( results );
|
|
||||||
},
|
|
||||||
|
|
||||||
_beforeListviewRefresh: $.noop,
|
|
||||||
_afterListviewRefresh: $.noop,
|
|
||||||
|
|
||||||
refresh: function( create ) {
|
|
||||||
var buttonClass, pos, numli, item, itemClass, itemTheme, itemIcon, icon, a,
|
|
||||||
isDivider, startCount, newStartCount, value, last, splittheme, splitThemeClass, spliticon,
|
|
||||||
altButtonClass, dividerTheme, li,
|
|
||||||
o = this.options,
|
|
||||||
$list = this.element,
|
|
||||||
ol = !!$.nodeName( $list[ 0 ], "ol" ),
|
|
||||||
start = $list.attr( "start" ),
|
|
||||||
itemClassDict = {},
|
|
||||||
countBubbles = $list.find( ".ui-li-count" ),
|
|
||||||
countTheme = getAttr( $list[ 0 ], "counttheme" ) || this.options.countTheme,
|
|
||||||
countThemeClass = countTheme ? "ui-body-" + countTheme : "ui-body-inherit";
|
|
||||||
|
|
||||||
if ( o.theme ) {
|
|
||||||
$list.addClass( "ui-group-theme-" + o.theme );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check if a start attribute has been set while taking a value of 0 into account
|
|
||||||
if ( ol && ( start || start === 0 ) ) {
|
|
||||||
startCount = parseInt( start, 10 ) - 1;
|
|
||||||
$list.css( "counter-reset", "listnumbering " + startCount );
|
|
||||||
}
|
|
||||||
|
|
||||||
this._beforeListviewRefresh();
|
|
||||||
|
|
||||||
li = this._getChildrenByTagName( $list[ 0 ], "li", "LI" );
|
|
||||||
|
|
||||||
for ( pos = 0, numli = li.length; pos < numli; pos++ ) {
|
|
||||||
item = li.eq( pos );
|
|
||||||
itemClass = "";
|
|
||||||
|
|
||||||
if ( create || item[ 0 ].className.search( /\bui-li-static\b|\bui-li-divider\b/ ) < 0 ) {
|
|
||||||
a = this._getChildrenByTagName( item[ 0 ], "a", "A" );
|
|
||||||
isDivider = ( getAttr( item[ 0 ], "role" ) === "list-divider" );
|
|
||||||
value = item.attr( "value" );
|
|
||||||
itemTheme = getAttr( item[ 0 ], "theme" );
|
|
||||||
|
|
||||||
if ( a.length && a[ 0 ].className.search( /\bui-btn\b/ ) < 0 && !isDivider ) {
|
|
||||||
itemIcon = getAttr( item[ 0 ], "icon" );
|
|
||||||
icon = ( itemIcon === false ) ? false : ( itemIcon || o.icon );
|
|
||||||
|
|
||||||
// TODO: Remove in 1.5 together with links.js (links.js / .ui-link deprecated in 1.4)
|
|
||||||
a.removeClass( "ui-link" );
|
|
||||||
|
|
||||||
buttonClass = "ui-btn";
|
|
||||||
|
|
||||||
if ( itemTheme ) {
|
|
||||||
buttonClass += " ui-btn-" + itemTheme;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( a.length > 1 ) {
|
|
||||||
itemClass = "ui-li-has-alt";
|
|
||||||
|
|
||||||
last = a.last();
|
|
||||||
splittheme = getAttr( last[ 0 ], "theme" ) || o.splitTheme || getAttr( item[ 0 ], "theme", true );
|
|
||||||
splitThemeClass = splittheme ? " ui-btn-" + splittheme : "";
|
|
||||||
spliticon = getAttr( last[ 0 ], "icon" ) || getAttr( item[ 0 ], "icon" ) || o.splitIcon;
|
|
||||||
altButtonClass = "ui-btn ui-btn-icon-notext ui-icon-" + spliticon + splitThemeClass;
|
|
||||||
|
|
||||||
last
|
|
||||||
.attr( "title", $.trim( last.getEncodedText() ) )
|
|
||||||
.addClass( altButtonClass )
|
|
||||||
.empty();
|
|
||||||
|
|
||||||
// Reduce to the first anchor, because only the first gets the buttonClass
|
|
||||||
a = a.first();
|
|
||||||
} else if ( icon ) {
|
|
||||||
buttonClass += " ui-btn-icon-right ui-icon-" + icon;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply buttonClass to the (first) anchor
|
|
||||||
a.addClass( buttonClass );
|
|
||||||
} else if ( isDivider ) {
|
|
||||||
dividerTheme = ( getAttr( item[ 0 ], "theme" ) || o.dividerTheme || o.theme );
|
|
||||||
|
|
||||||
itemClass = "ui-li-divider ui-bar-" + ( dividerTheme ? dividerTheme : "inherit" );
|
|
||||||
|
|
||||||
item.attr( "role", "heading" );
|
|
||||||
} else if ( a.length <= 0 ) {
|
|
||||||
itemClass = "ui-li-static ui-body-" + ( itemTheme ? itemTheme : "inherit" );
|
|
||||||
}
|
|
||||||
if ( ol && value ) {
|
|
||||||
newStartCount = parseInt( value , 10 ) - 1;
|
|
||||||
|
|
||||||
item.css( "counter-reset", "listnumbering " + newStartCount );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Instead of setting item class directly on the list item
|
|
||||||
// at this point in time, push the item into a dictionary
|
|
||||||
// that tells us what class to set on it so we can do this after this
|
|
||||||
// processing loop is finished.
|
|
||||||
|
|
||||||
if ( !itemClassDict[ itemClass ] ) {
|
|
||||||
itemClassDict[ itemClass ] = [];
|
|
||||||
}
|
|
||||||
|
|
||||||
itemClassDict[ itemClass ].push( item[ 0 ] );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set the appropriate listview item classes on each list item.
|
|
||||||
// The main reason we didn't do this
|
|
||||||
// in the for-loop above is because we can eliminate per-item function overhead
|
|
||||||
// by calling addClass() and children() once or twice afterwards. This
|
|
||||||
// can give us a significant boost on platforms like WP7.5.
|
|
||||||
|
|
||||||
for ( itemClass in itemClassDict ) {
|
|
||||||
$( itemClassDict[ itemClass ] ).addClass( itemClass );
|
|
||||||
}
|
|
||||||
|
|
||||||
countBubbles.each( function() {
|
|
||||||
$( this ).closest( "li" ).addClass( "ui-li-has-count" );
|
|
||||||
});
|
|
||||||
if ( countThemeClass ) {
|
|
||||||
countBubbles.not( "[class*='ui-body-']" ).addClass( countThemeClass );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Deprecated in 1.4. From 1.5 you have to add class ui-li-has-thumb or ui-li-has-icon to the LI.
|
|
||||||
this._addThumbClasses( li );
|
|
||||||
this._addThumbClasses( li.find( ".ui-btn" ) );
|
|
||||||
|
|
||||||
this._afterListviewRefresh();
|
|
||||||
|
|
||||||
this._addFirstLastClasses( li, this._getVisibles( li, create ), create );
|
|
||||||
}
|
|
||||||
}, $.mobile.behaviors.addFirstLastClasses ) );
|
|
||||||
|
|
||||||
})( jQuery );
|
|
||||||
|
|
||||||
(function( $, undefined ) {
|
|
||||||
|
|
||||||
$.widget( "mobile.panel", {
|
$.widget( "mobile.panel", {
|
||||||
options: {
|
options: {
|
||||||
classes: {
|
classes: {
|
||||||
|
|
|
||||||
|
|
@ -8,11 +8,6 @@
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* Some unsets */
|
|
||||||
.ui-mobile,
|
|
||||||
.ui-mobile body {
|
|
||||||
height: 99.9%;
|
|
||||||
}
|
|
||||||
.ui-mobile fieldset,
|
.ui-mobile fieldset,
|
||||||
.ui-page {
|
.ui-page {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -86,83 +81,6 @@ div.ui-mobile-viewport {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Non-js content hiding */
|
|
||||||
.ui-nojs {
|
|
||||||
position: absolute !important;
|
|
||||||
height: 1px;
|
|
||||||
width: 1px;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(1px,1px,1px,1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Loading screen */
|
|
||||||
.ui-loading .ui-loader {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.ui-loader {
|
|
||||||
display: none;
|
|
||||||
z-index: 9999999;
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
border:0;
|
|
||||||
}
|
|
||||||
.ui-loader-default {
|
|
||||||
background: none;
|
|
||||||
filter: Alpha(Opacity=18);
|
|
||||||
opacity: .18;
|
|
||||||
width: 2.875em;
|
|
||||||
height: 2.875em;
|
|
||||||
margin-left: -1.4375em;
|
|
||||||
margin-top: -1.4375em;
|
|
||||||
}
|
|
||||||
.ui-loader-verbose {
|
|
||||||
width: 12.5em;
|
|
||||||
filter: Alpha(Opacity=88);
|
|
||||||
opacity: .88;
|
|
||||||
box-shadow: 0 1px 1px -1px #fff;
|
|
||||||
height: auto;
|
|
||||||
margin-left: -6.875em;
|
|
||||||
margin-top: -2.6875em;
|
|
||||||
padding: .625em;
|
|
||||||
}
|
|
||||||
.ui-loader-default h1 {
|
|
||||||
font-size: 0;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.ui-loader-verbose h1 {
|
|
||||||
font-size: 1em;
|
|
||||||
margin: 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.ui-loader .ui-icon-loading {
|
|
||||||
background-color: #000;
|
|
||||||
display: block;
|
|
||||||
margin: 0;
|
|
||||||
width: 2.75em;
|
|
||||||
height: 2.75em;
|
|
||||||
padding: .0625em;
|
|
||||||
-webkit-border-radius: 2.25em;
|
|
||||||
border-radius: 2.25em;
|
|
||||||
}
|
|
||||||
.ui-loader-verbose .ui-icon-loading {
|
|
||||||
margin: 0 auto .625em;
|
|
||||||
filter: Alpha(Opacity=75);
|
|
||||||
opacity: .75;
|
|
||||||
}
|
|
||||||
.ui-loader-textonly {
|
|
||||||
padding: .9375em;
|
|
||||||
margin-left: -7.1875em;
|
|
||||||
}
|
|
||||||
.ui-loader-textonly .ui-icon-loading {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.ui-loader-fakefix {
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Headers, content panels */
|
/* Headers, content panels */
|
||||||
.ui-bar,
|
.ui-bar,
|
||||||
.ui-body {
|
.ui-body {
|
||||||
|
|
@ -1019,285 +937,6 @@ fieldset.ui-controlgroup {
|
||||||
clip: rect(1px,1px,1px,1px);
|
clip: rect(1px,1px,1px,1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.ui-listview,
|
|
||||||
.ui-listview > li {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
.ui-content .ui-listview,
|
|
||||||
.ui-panel-inner > .ui-listview {
|
|
||||||
margin: -1em;
|
|
||||||
}
|
|
||||||
.ui-content .ui-listview-inset,
|
|
||||||
.ui-panel-inner > .ui-listview-inset {
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
.ui-collapsible-content > .ui-listview {
|
|
||||||
margin: -.5em -1em;
|
|
||||||
}
|
|
||||||
.ui-collapsible-content > .ui-listview-inset {
|
|
||||||
margin: .5em 0;
|
|
||||||
}
|
|
||||||
.ui-listview > li {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-static,
|
|
||||||
.ui-listview > .ui-li-divider,
|
|
||||||
.ui-listview > li > a.ui-btn {
|
|
||||||
margin: 0;
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
text-align: left;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.ui-listview > li > .ui-btn:focus {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-static,
|
|
||||||
.ui-listview > .ui-li-divider,
|
|
||||||
.ui-listview > li > a.ui-btn {
|
|
||||||
border-width: 1px 0 0 0;
|
|
||||||
border-style: solid;
|
|
||||||
}
|
|
||||||
.ui-listview-inset > .ui-li-static,
|
|
||||||
.ui-listview-inset > .ui-li-divider,
|
|
||||||
.ui-listview-inset > li > a.ui-btn {
|
|
||||||
border-right-width: 1px;
|
|
||||||
border-left-width: 1px;
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-static.ui-last-child,
|
|
||||||
.ui-listview > .ui-li-divider.ui-last-child,
|
|
||||||
.ui-listview > li.ui-last-child > a.ui-btn {
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
}
|
|
||||||
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
|
|
||||||
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
|
|
||||||
border-top-width: 0;
|
|
||||||
}
|
|
||||||
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child,
|
|
||||||
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn {
|
|
||||||
border-bottom-width: 0;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-first-child,
|
|
||||||
.ui-listview > li.ui-first-child > a.ui-btn {
|
|
||||||
-webkit-border-top-right-radius: inherit;
|
|
||||||
border-top-right-radius: inherit;
|
|
||||||
-webkit-border-top-left-radius: inherit;
|
|
||||||
border-top-left-radius: inherit;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-last-child,
|
|
||||||
.ui-listview > li.ui-last-child > a.ui-btn {
|
|
||||||
-webkit-border-bottom-right-radius: inherit;
|
|
||||||
border-bottom-right-radius: inherit;
|
|
||||||
-webkit-border-bottom-left-radius: inherit;
|
|
||||||
border-bottom-left-radius: inherit;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-li-has-alt > a.ui-btn {
|
|
||||||
-webkit-border-top-right-radius: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
-webkit-border-bottom-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn {
|
|
||||||
-webkit-border-top-left-radius: 0;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
-webkit-border-top-right-radius: inherit;
|
|
||||||
border-top-right-radius: inherit;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn {
|
|
||||||
-webkit-border-bottom-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
-webkit-border-bottom-right-radius: inherit;
|
|
||||||
border-bottom-right-radius: inherit;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) {
|
|
||||||
-webkit-border-top-left-radius: inherit;
|
|
||||||
border-top-left-radius: inherit;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) {
|
|
||||||
-webkit-border-bottom-left-radius: inherit;
|
|
||||||
border-bottom-left-radius: inherit;
|
|
||||||
}
|
|
||||||
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
|
|
||||||
-webkit-border-radius: inherit;
|
|
||||||
border-radius: inherit;
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-static {
|
|
||||||
padding: .7em 1em;
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-divider {
|
|
||||||
padding: .5em 1.143em;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: default;
|
|
||||||
outline: 0; /* Dividers in custom selectmenus have tabindex */
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-has-count > .ui-btn,
|
|
||||||
.ui-listview > .ui-li-static.ui-li-has-count,
|
|
||||||
.ui-listview > .ui-li-divider.ui-li-has-count {
|
|
||||||
padding-right: 2.8125em;
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-has-count > .ui-btn-icon-right {
|
|
||||||
padding-right: 4.6875em;
|
|
||||||
}
|
|
||||||
.ui-listview > .ui-li-has-thumb > .ui-btn,
|
|
||||||
.ui-listview > .ui-li-static.ui-li-has-thumb {
|
|
||||||
min-height: 3.625em;
|
|
||||||
padding-left: 6.25em;
|
|
||||||
}
|
|
||||||
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
|
|
||||||
.ui-listview > .ui-li-has-icon > .ui-btn,
|
|
||||||
.ui-listview > .ui-li-static.ui-li-has-icon {
|
|
||||||
min-height: 1.25em;
|
|
||||||
padding-left: 2.5em;
|
|
||||||
}
|
|
||||||
/* Used by both listview and custom multiple select button */
|
|
||||||
.ui-li-count {
|
|
||||||
position: absolute;
|
|
||||||
font-size: 12.5px;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: solid;
|
|
||||||
padding: 0 .48em;
|
|
||||||
line-height: 1.6em;
|
|
||||||
min-height: 1.6em;
|
|
||||||
min-width: .64em;
|
|
||||||
right: .8em;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -.88em;
|
|
||||||
}
|
|
||||||
.ui-listview .ui-btn-icon-right .ui-li-count {
|
|
||||||
right: 3.2em;
|
|
||||||
}
|
|
||||||
.ui-listview .ui-li-has-thumb > img:first-child,
|
|
||||||
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
|
|
||||||
.ui-listview .ui-li-has-thumb .ui-li-thumb {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
max-height: 5em;
|
|
||||||
max-width: 5em;
|
|
||||||
}
|
|
||||||
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
|
|
||||||
.ui-listview > .ui-li-has-icon > img:first-child,
|
|
||||||
.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
|
|
||||||
position: absolute;
|
|
||||||
left: .625em;
|
|
||||||
top: .9em;
|
|
||||||
max-height: 1em;
|
|
||||||
max-width: 1em;
|
|
||||||
}
|
|
||||||
.ui-listview > li h1,
|
|
||||||
.ui-listview > li h2,
|
|
||||||
.ui-listview > li h3,
|
|
||||||
.ui-listview > li h4,
|
|
||||||
.ui-listview > li h5,
|
|
||||||
.ui-listview > li h6 {
|
|
||||||
font-size: 1em;
|
|
||||||
font-weight: bold;
|
|
||||||
display: block;
|
|
||||||
margin: .45em 0;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.ui-listview > li p {
|
|
||||||
font-size: .75em;
|
|
||||||
font-weight: normal;
|
|
||||||
display: block;
|
|
||||||
margin: .6em 0;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.ui-listview .ui-li-aside {
|
|
||||||
position: absolute;
|
|
||||||
top: 1em;
|
|
||||||
right: 3.333em;
|
|
||||||
margin: 0;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-li-has-alt > .ui-btn {
|
|
||||||
margin-right: 2.5em;
|
|
||||||
border-right-width: 0;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn {
|
|
||||||
position: absolute;
|
|
||||||
width: 2.5em;
|
|
||||||
height: 100%;
|
|
||||||
min-height: auto;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border-left-width: 1px;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
.ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn {
|
|
||||||
border-right-width: 1px;
|
|
||||||
}
|
|
||||||
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus {
|
|
||||||
z-index: 3;
|
|
||||||
}
|
|
||||||
ol.ui-listview,
|
|
||||||
ol.ui-listview > .ui-li-divider {
|
|
||||||
counter-reset: listnumbering;
|
|
||||||
}
|
|
||||||
ol.ui-listview > li > .ui-btn,
|
|
||||||
ol.ui-listview > li.ui-li-static {
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
ol.ui-listview > li > .ui-btn:first-child:before,
|
|
||||||
ol.ui-listview > li.ui-li-static:before,
|
|
||||||
ol.ui-listview > li.ui-field-contain > label:before,
|
|
||||||
ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: .9em;
|
|
||||||
font-weight: normal;
|
|
||||||
padding-right: .3em;
|
|
||||||
min-width: 1.4em;
|
|
||||||
line-height: 1.5;
|
|
||||||
vertical-align: middle;
|
|
||||||
counter-increment: listnumbering;
|
|
||||||
content: counter(listnumbering) ".";
|
|
||||||
}
|
|
||||||
ol.ui-listview > li.ui-field-contain:before {
|
|
||||||
content: none;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
ol.ui-listview > li h1:first-child,
|
|
||||||
ol.ui-listview > li h2:first-child,
|
|
||||||
ol.ui-listview > li h3:first-child,
|
|
||||||
ol.ui-listview > li h4:first-child,
|
|
||||||
ol.ui-listview > li h5:first-child,
|
|
||||||
ol.ui-listview > li h6:first-child,
|
|
||||||
ol.ui-listview > li p:first-child,
|
|
||||||
ol.ui-listview > li img:first-child + * {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
ol.ui-listview > li h1:first-child ~ *,
|
|
||||||
ol.ui-listview > li h2:first-child ~ *,
|
|
||||||
ol.ui-listview > li h3:first-child ~ *,
|
|
||||||
ol.ui-listview > li h4:first-child ~ *,
|
|
||||||
ol.ui-listview > li h5:first-child ~ *,
|
|
||||||
ol.ui-listview > li h6:first-child ~ *,
|
|
||||||
ol.ui-listview > li p:first-child ~ *,
|
|
||||||
ol.ui-listview > li img:first-child + * ~ * {
|
|
||||||
margin-top: 0;
|
|
||||||
text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Panel */
|
/* Panel */
|
||||||
.ui-panel {
|
.ui-panel {
|
||||||
width: 17em;
|
width: 17em;
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,6 @@ button,
|
||||||
}
|
}
|
||||||
legend {
|
legend {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-shadow: inherit;
|
|
||||||
}
|
}
|
||||||
/* Form labels (overrides font-weight bold in bars, and mini font-size) */
|
/* Form labels (overrides font-weight bold in bars, and mini font-size) */
|
||||||
.ui-mobile label,
|
.ui-mobile label,
|
||||||
|
|
@ -39,7 +38,7 @@ div.ui-controlgroup-label {
|
||||||
/* Field contain separator (< 28em) */
|
/* Field contain separator (< 28em) */
|
||||||
.ui-field-contain {
|
.ui-field-contain {
|
||||||
border-bottom-color: #828282;
|
border-bottom-color: #828282;
|
||||||
border-bottom-color: rgba(0,0,0,.15);te
|
border-bottom-color: rgba(0,0,0,.15);
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
border-bottom-style: solid;
|
border-bottom-style: solid;
|
||||||
}
|
}
|
||||||
|
|
@ -225,7 +224,6 @@ html body .ui-group-theme-a .ui-bar-inherit {
|
||||||
background-color: #e9e9e9 /*{a-bar-background-color}*/;
|
background-color: #e9e9e9 /*{a-bar-background-color}*/;
|
||||||
border-color: #ddd /*{a-bar-border}*/;
|
border-color: #ddd /*{a-bar-border}*/;
|
||||||
color: #333 /*{a-bar-color}*/;
|
color: #333 /*{a-bar-color}*/;
|
||||||
text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eee /*{a-bar-shadow-color}*/;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.ui-bar-a {
|
.ui-bar-a {
|
||||||
|
|
@ -235,12 +233,10 @@ html body .ui-group-theme-a .ui-bar-inherit {
|
||||||
|
|
||||||
/* Page and overlay */
|
/* Page and overlay */
|
||||||
.ui-overlay-a,
|
.ui-overlay-a,
|
||||||
.ui-page-theme-a,
|
|
||||||
.ui-page-theme-a .ui-panel-wrapper {
|
.ui-page-theme-a .ui-panel-wrapper {
|
||||||
background-color: #f9f9f9 /*{a-page-background-color}*/;
|
background-color: #f9f9f9 /*{a-page-background-color}*/;
|
||||||
border-color: #bbb /*{a-page-border}*/;
|
border-color: #bbb /*{a-page-border}*/;
|
||||||
color: #333 /*{a-page-color}*/;
|
color: #333 /*{a-page-color}*/;
|
||||||
text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Body: Read-only lists, text inputs, collapsible content */
|
/* Body: Read-only lists, text inputs, collapsible content */
|
||||||
|
|
@ -253,7 +249,6 @@ html .ui-panel-page-container-a {
|
||||||
background-color: #fff /*{a-body-background-color}*/;
|
background-color: #fff /*{a-body-background-color}*/;
|
||||||
border-color: #ddd /*{a-body-border}*/;
|
border-color: #ddd /*{a-body-border}*/;
|
||||||
color: #333 /*{a-body-color}*/;
|
color: #333 /*{a-body-color}*/;
|
||||||
text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #f3f3f3 /*{a-body-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
.ui-body-a {
|
.ui-body-a {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
|
|
@ -302,7 +297,6 @@ html head + body .ui-btn.ui-btn-a:visited {
|
||||||
background-color: #f6f6f6 /*{a-bup-background-color}*/;
|
background-color: #f6f6f6 /*{a-bup-background-color}*/;
|
||||||
border-color: #ddd /*{a-bup-border}*/;
|
border-color: #ddd /*{a-bup-border}*/;
|
||||||
color: #333 /*{a-bup-color}*/;
|
color: #333 /*{a-bup-color}*/;
|
||||||
text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
/* Button hover */
|
/* Button hover */
|
||||||
.ui-page-theme-a .ui-btn:hover,
|
.ui-page-theme-a .ui-btn:hover,
|
||||||
|
|
@ -313,7 +307,6 @@ html head + body .ui-btn.ui-btn-a:hover {
|
||||||
background-color: #ededed /*{a-bhover-background-color}*/;
|
background-color: #ededed /*{a-bhover-background-color}*/;
|
||||||
border-color: #ddd /*{a-bhover-border}*/;
|
border-color: #ddd /*{a-bhover-border}*/;
|
||||||
color: #333 /*{a-bhover-color}*/;
|
color: #333 /*{a-bhover-color}*/;
|
||||||
text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
/* Button down */
|
/* Button down */
|
||||||
.ui-page-theme-a .ui-btn:active,
|
.ui-page-theme-a .ui-btn:active,
|
||||||
|
|
@ -324,7 +317,6 @@ html head + body .ui-btn.ui-btn-a:active {
|
||||||
background-color: #e8e8e8 /*{a-bdown-background-color}*/;
|
background-color: #e8e8e8 /*{a-bdown-background-color}*/;
|
||||||
border-color: #ddd /*{a-bdown-border}*/;
|
border-color: #ddd /*{a-bdown-border}*/;
|
||||||
color: #333 /*{a-bdown-color}*/;
|
color: #333 /*{a-bdown-color}*/;
|
||||||
text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #f3f3f3 /*{a-bdown-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Active button */
|
/* Active button */
|
||||||
|
|
@ -342,7 +334,6 @@ html body .ui-group-theme-a .ui-checkbox-on:after,
|
||||||
background-color: #3388cc /*{a-active-background-color}*/;
|
background-color: #3388cc /*{a-active-background-color}*/;
|
||||||
border-color: #3388cc /*{a-active-border}*/;
|
border-color: #3388cc /*{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}*/ #005599 /*{a-active-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
/* Active radio button icon */
|
/* Active radio button icon */
|
||||||
.ui-page-theme-a .ui-radio-on:after,
|
.ui-page-theme-a .ui-radio-on:after,
|
||||||
|
|
@ -383,7 +374,6 @@ html body .ui-group-theme-b .ui-bar-inherit {
|
||||||
background-color: #1d1d1d /*{b-bar-background-color}*/;
|
background-color: #1d1d1d /*{b-bar-background-color}*/;
|
||||||
border-color: #1b1b1b /*{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}*/;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.ui-bar-b {
|
.ui-bar-b {
|
||||||
|
|
@ -393,12 +383,10 @@ html body .ui-group-theme-b .ui-bar-inherit {
|
||||||
|
|
||||||
/* Page and overlay */
|
/* Page and overlay */
|
||||||
.ui-overlay-b,
|
.ui-overlay-b,
|
||||||
.ui-page-theme-b,
|
|
||||||
.ui-page-theme-b .ui-panel-wrapper {
|
.ui-page-theme-b .ui-panel-wrapper {
|
||||||
background-color: #252525 /*{b-page-background-color}*/;
|
background-color: #252525 /*{b-page-background-color}*/;
|
||||||
border-color: #454545 /*{b-page-border}*/;
|
border-color: #454545 /*{b-page-border}*/;
|
||||||
color: #fff /*{b-page-color}*/;
|
color: #fff /*{b-page-color}*/;
|
||||||
text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #111 /*{b-page-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Body: Read-only lists, text inputs, collapsible content */
|
/* Body: Read-only lists, text inputs, collapsible content */
|
||||||
|
|
@ -411,7 +399,6 @@ html .ui-panel-page-container-b {
|
||||||
background-color: #2a2a2a /*{b-body-background-color}*/;
|
background-color: #2a2a2a /*{b-body-background-color}*/;
|
||||||
border-color: #1d1d1d /*{b-body-border}*/;
|
border-color: #1d1d1d /*{b-body-border}*/;
|
||||||
color: #fff /*{b-body-color}*/;
|
color: #fff /*{b-body-color}*/;
|
||||||
text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #111 /*{b-body-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
.ui-body-b {
|
.ui-body-b {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
|
|
@ -460,7 +447,6 @@ html head + body .ui-btn.ui-btn-b:visited {
|
||||||
background-color: #333 /*{b-bup-background-color}*/;
|
background-color: #333 /*{b-bup-background-color}*/;
|
||||||
border-color: #1f1f1f /*{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}*/;
|
|
||||||
}
|
}
|
||||||
/* Button hover */
|
/* Button hover */
|
||||||
.ui-page-theme-b .ui-btn:hover,
|
.ui-page-theme-b .ui-btn:hover,
|
||||||
|
|
@ -471,7 +457,6 @@ html head + body .ui-btn.ui-btn-b:hover {
|
||||||
background-color: #373737 /*{b-bhover-background-color}*/;
|
background-color: #373737 /*{b-bhover-background-color}*/;
|
||||||
border-color: #1f1f1f /*{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}*/;
|
|
||||||
}
|
}
|
||||||
/* Button down */
|
/* Button down */
|
||||||
.ui-page-theme-b .ui-btn:active,
|
.ui-page-theme-b .ui-btn:active,
|
||||||
|
|
@ -482,7 +467,6 @@ html head + body .ui-btn.ui-btn-b:active {
|
||||||
background-color: #404040 /*{b-bdown-background-color}*/;
|
background-color: #404040 /*{b-bdown-background-color}*/;
|
||||||
border-color: #1f1f1f /*{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}*/;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Active button */
|
/* Active button */
|
||||||
|
|
@ -500,7 +484,6 @@ html body .ui-group-theme-b .ui-checkbox-on:after,
|
||||||
background-color: #22aadd /*{b-active-background-color}*/;
|
background-color: #22aadd /*{b-active-background-color}*/;
|
||||||
border-color: #22aadd /*{b-active-border}*/;
|
border-color: #22aadd /*{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}*/ #0088bb /*{b-active-shadow-color}*/;
|
|
||||||
}
|
}
|
||||||
/* Active radio button icon */
|
/* Active radio button icon */
|
||||||
.ui-page-theme-b .ui-radio-on:after,
|
.ui-page-theme-b .ui-radio-on:after,
|
||||||
|
|
|
||||||
|
|
@ -21,12 +21,11 @@
|
||||||
<br style="clear:both;" />
|
<br style="clear:both;" />
|
||||||
<p>${ThisWizardWillGuideYou}</p>
|
<p>${ThisWizardWillGuideYou}</p>
|
||||||
<br />
|
<br />
|
||||||
<ul data-role="listview" class="ulForm">
|
<div>
|
||||||
<li>
|
|
||||||
<label for="selectLocalizationLanguage">${LabelPreferredDisplayLanguage}</label>
|
<label for="selectLocalizationLanguage">${LabelPreferredDisplayLanguage}</label>
|
||||||
<select id="selectLocalizationLanguage" data-mini="true"></select>
|
<select id="selectLocalizationLanguage" data-mini="true"></select>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
<br />
|
||||||
|
|
||||||
<div class="wizardNavigation" style="text-align:right;">
|
<div class="wizardNavigation" style="text-align:right;">
|
||||||
<button type="submit" data-role="none" class="clearButton" style="width:auto;"><paper-button raised class="accent"><iron-icon icon="arrow-forward"></iron-icon><span>${LabelNext}</span></paper-button></button>
|
<button type="submit" data-role="none" class="clearButton" style="width:auto;"><paper-button raised class="accent"><iron-icon icon="arrow-forward"></iron-icon><span>${LabelNext}</span></paper-button></button>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue