diff --git a/dashboard-ui/bower_components/iron-meta/.bower.json b/dashboard-ui/bower_components/iron-meta/.bower.json index 8119ebcf41..9e650790be 100644 --- a/dashboard-ui/bower_components/iron-meta/.bower.json +++ b/dashboard-ui/bower_components/iron-meta/.bower.json @@ -25,14 +25,14 @@ "web-component-tester": "*", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "homepage": "https://github.com/polymerelements/iron-meta", + "homepage": "https://github.com/PolymerElements/iron-meta", "_release": "1.0.3", "_resolution": { "type": "version", "tag": "v1.0.3", "commit": "91529259262b0d8f33fed44bc3fd47aedf35cb04" }, - "_source": "git://github.com/polymerelements/iron-meta.git", + "_source": "git://github.com/PolymerElements/iron-meta.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-meta" + "_originalSource": "PolymerElements/iron-meta" } \ No newline at end of file diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 03445e86c5..66bcb2d1fd 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -12,39 +12,31 @@ margin-left: .5em; } +.background-theme-b { + background-color: #242424; +} + +.ui-page-theme-b { + color: #fff; +} + .pageWithAbsoluteTabs { background-color: transparent !important; } -.backdropPage.ui-page-theme-a:not(.pageWithAbsoluteTabs) { - background-color: rgba(240, 240,240, .94) !important; -} - -.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 { +.backdropContainer .pageBackground { + background-color: rgba(20, 20,20, .92); position: fixed; top: 0; left: 0; right: 0; bottom: 0; - z-index: 1; } .pageWithAbsoluteTabs neon-animatable { z-index: 2; } -html, .ui-page-theme-b:not(.pageWithAbsoluteTabs), .pageWithAbsoluteTabs .pageBackground { - background-color: #242424; -} - .backdropContainer { background-repeat: no-repeat; background-position: center center; diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index 5df3ccb596..bdf99e31d2 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -72,7 +72,8 @@ .mainDrawerPanel #main { left: 0 !important; - position: static !important; + position: relative !important; + z-index: 1; } .mainDrawerPanel #scrim { diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 0c2ea85b2e..1a48cbe6d2 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -295,7 +295,6 @@ /* jQuery mobile adds a text shadow that seems unnecessary. */ * { - text-shadow: none !important; -webkit-font-smoothing: antialiased; } @@ -304,10 +303,11 @@ html { -ms-touch-action: manipulation; touch-action: manipulation; /* Prevent white flickering */ - background-color: #262626; + background-color: #242424; /* Normalize for different browsers */ margin: 0; padding: 0; + height: 100%; } body { @@ -323,6 +323,7 @@ body { /* Normalize for different browsers */ margin: 0; padding: 0; + height: 100%; } /* Without this, no content will be displayed in mobile safari */ @@ -781,8 +782,8 @@ paper-input + .fieldDescription { box-shadow: -3px 0 10px 0 #555;*/ } -.ui-page-theme-a { - background: #f5f5f5; +.background-theme-a { + background-color: #f5f5f5; } .ui-page-theme-a .content-secondary { diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html index 4eaaee7e82..7095a93bc9 100644 --- a/dashboard-ui/edititemmetadata.html +++ b/dashboard-ui/edititemmetadata.html @@ -4,7 +4,7 @@ Emby -
+
diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html index af9f0d49ba..2098366362 100644 --- a/dashboard-ui/index.html +++ b/dashboard-ui/index.html @@ -4,7 +4,6 @@ Emby -
@@ -22,7 +21,6 @@
-
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html index 37cf8ec3ea..e745296e88 100644 --- a/dashboard-ui/itemdetails.html +++ b/dashboard-ui/itemdetails.html @@ -4,7 +4,7 @@ -
+
-
diff --git a/dashboard-ui/livetvnewrecording.html b/dashboard-ui/livetvnewrecording.html index 308fe7c118..1c2cbabfcb 100644 --- a/dashboard-ui/livetvnewrecording.html +++ b/dashboard-ui/livetvnewrecording.html @@ -54,14 +54,14 @@

${HeaderAdvanced}


-
    -
  • - -
    • -
  • - -
    • -
+
+ +
+
+
+ +
+

@@ -71,7 +71,7 @@

${MessageActiveSupporterMembershipRequiredSeriesRecordings}

${HeaderEnjoyDayTrial}

${HeaderBecomeProjectSupporter} -
+
-
-
diff --git a/dashboard-ui/music.html b/dashboard-ui/music.html index 3396023ecb..b1459c4c67 100644 --- a/dashboard-ui/music.html +++ b/dashboard-ui/music.html @@ -24,8 +24,6 @@
-
-
diff --git a/dashboard-ui/scripts/backdrops.js b/dashboard-ui/scripts/backdrops.js index 5b551b0250..8d8fbb0ec4 100644 --- a/dashboard-ui/scripts/backdrops.js +++ b/dashboard-ui/scripts/backdrops.js @@ -1,5 +1,7 @@ (function ($, document) { + var pageBackgroundCreated; + function getElement() { //var elem = $('.backdropContainer'); @@ -12,6 +14,14 @@ var elem = document.documentElement; 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; } diff --git a/dashboard-ui/scripts/externalplayer.js b/dashboard-ui/scripts/externalplayer.js index cf84a253a9..98e6ade85e 100644 --- a/dashboard-ui/scripts/externalplayer.js +++ b/dashboard-ui/scripts/externalplayer.js @@ -299,7 +299,7 @@ function showPostPlayMenu(item) { - require(['jqmpopup'], function() { + require(['jqmpopup', 'jqmlistview'], function () { $('.externalPlayerPostPlayFlyout').popup("close").remove(); var html = '
'; @@ -410,7 +410,7 @@ function showMenuForItem(item, players) { - require(['jqmpopup'], function () { + require(['jqmpopup', 'jqmlistview'], function () { closePlayMenu(); var html = '
'; diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index f6ef19a326..b331f9a23f 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -1043,6 +1043,8 @@ getListViewHtml: function (options) { + require(['jqmlistview']); + var outerHtml = ""; outerHtml += '
    '; diff --git a/dashboard-ui/scripts/livetvtimers.js b/dashboard-ui/scripts/livetvtimers.js index f7835dfab0..4c0da54911 100644 --- a/dashboard-ui/scripts/livetvtimers.js +++ b/dashboard-ui/scripts/livetvtimers.js @@ -40,7 +40,6 @@ html += '
    '; html += '

    ' + startDateText + '

    '; - //html += '
      '; html += '
      '; index = startDateText; } diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js index 8a9b772a73..0a8bb3526b 100644 --- a/dashboard-ui/scripts/site.js +++ b/dashboard-ui/scripts/site.js @@ -2108,6 +2108,11 @@ var AppInfo = {}; 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) { return Hammer; }); @@ -2188,6 +2193,7 @@ var AppInfo = {}; if (newHtml.indexOf('type-interior') != -1) { depends.push('jqmicons'); depends.push('jqmpopup'); + depends.push('jqmlistview'); } require(depends, function () { @@ -2280,6 +2286,16 @@ $(document).on('pagecreate', ".page", function () { 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) { document.body.classList.add('darkScrollbars'); } else { diff --git a/dashboard-ui/themes/android.css b/dashboard-ui/themes/android.css index d9f6c01106..748a389f6f 100644 --- a/dashboard-ui/themes/android.css +++ b/dashboard-ui/themes/android.css @@ -6,11 +6,11 @@ background-color: rgba(27, 27, 27, .75); } -.ui-page-theme-b:not(.pageWithAbsoluteTabs), .pageWithAbsoluteTabs .pageBackground { - background-color: #2b2b2b; +.background-theme-b { + background-color: #242424; } -.backdropPage.ui-page-theme-b { +.backdropContainer .pageBackground { background-color: rgba(20, 20,20, .94) !important; } diff --git a/dashboard-ui/themes/ios.css b/dashboard-ui/themes/ios.css index 12b3490324..b8fff7197f 100644 --- a/dashboard-ui/themes/ios.css +++ b/dashboard-ui/themes/ios.css @@ -1,10 +1,13 @@ -html { - /* Setting it here will help prevent white flashes */ +html, body, .ui-btn, .pageTitle { + font-family: San Francisco, Helvetica Neue; +} + +.background-theme-b { background-color: #1c1c1c; } -html, body, .ui-btn, .pageTitle { - font-family: San Francisco, Helvetica Neue; +.backdropContainer .pageBackground { + background-color: rgba(28,28,28,.92) !important; } @@ -16,47 +19,39 @@ html, body, .ui-btn, .pageTitle { background-color: rgba(28, 28, 28, .8); } -.backdropPage.ui-page-theme-b { - background-color: rgba(28,28,28,.92) !important; -} + .libraryViewNav a { + font-weight: 400; + text-transform: none; + color: #ccc !important; + padding: 12px 13px 8px; + } -.ui-page-theme-b { - background-color: #1c1c1c; -} + .libraryViewNav .tab-content { + display: block !important; + } -.libraryViewNav a { - font-weight: 400; - text-transform: none; - color: #ccc !important; - padding: 12px 13px 8px; -} + .libraryViewNav paper-tabs { + height: 58px !important; + } -.libraryViewNav .tab-content { - display: block !important; -} + .libraryViewNav paper-tab { + height: auto !important; + } -.libraryViewNav paper-tabs { - height: 58px !important; -} + .libraryViewNav iron-icon { + width: 22px; + height: 22px; + display: block; + margin: 0 auto 6px; + } -.libraryViewNav paper-tab { - height: auto !important; -} + .libraryViewNav paper-tabs iron-icon { + margin: 6px auto 6px; + } -.libraryViewNav iron-icon { - width: 22px; - height: 22px; - display: block; - margin: 0 auto 6px; -} - -.libraryViewNav paper-tabs iron-icon { - margin: 6px auto 6px; -} - -.libraryViewNav #selectionBar { - background-color: transparent !important; -} + .libraryViewNav #selectionBar { + background-color: transparent !important; + } @media all and (max-width: 600px) { diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.css new file mode 100644 index 0000000000..41cd9195e2 --- /dev/null +++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.css @@ -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 */ +} \ No newline at end of file diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.js b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.js new file mode 100644 index 0000000000..130cf29e05 --- /dev/null +++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jqm.listview.js @@ -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); \ No newline at end of file diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js index f635cd54da..02a54f6d17 100644 --- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js +++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.js @@ -6167,210 +6167,6 @@ $.widget( "mobile.checkboxradio", $.extend( { (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", { options: { classes: { 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 664696f201..1211b35e35 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 @@ -8,11 +8,6 @@ * */ -/* Some unsets */ -.ui-mobile, -.ui-mobile body { - height: 99.9%; -} .ui-mobile fieldset, .ui-page { padding: 0; @@ -86,83 +81,6 @@ div.ui-mobile-viewport { 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 */ .ui-bar, .ui-body { @@ -1019,285 +937,6 @@ fieldset.ui-controlgroup { 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 */ .ui-panel { width: 17em; diff --git a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css index a7b0b5a2a5..512784a1df 100644 --- a/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css +++ b/dashboard-ui/thirdparty/jquerymobile-1.4.5/jquery.mobile.custom.theme.css @@ -25,7 +25,6 @@ button, } legend { color: inherit; - text-shadow: inherit; } /* Form labels (overrides font-weight bold in bars, and mini font-size) */ .ui-mobile label, @@ -39,7 +38,7 @@ div.ui-controlgroup-label { /* Field contain separator (< 28em) */ .ui-field-contain { 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-style: solid; } @@ -225,7 +224,6 @@ html body .ui-group-theme-a .ui-bar-inherit { background-color: #e9e9e9 /*{a-bar-background-color}*/; border-color: #ddd /*{a-bar-border}*/; 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; } .ui-bar-a { @@ -235,12 +233,10 @@ html body .ui-group-theme-a .ui-bar-inherit { /* Page and overlay */ .ui-overlay-a, -.ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { background-color: #f9f9f9 /*{a-page-background-color}*/; border-color: #bbb /*{a-page-border}*/; 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 */ @@ -253,7 +249,6 @@ html .ui-panel-page-container-a { background-color: #fff /*{a-body-background-color}*/; border-color: #ddd /*{a-body-border}*/; color: #333 /*{a-body-color}*/; - text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #f3f3f3 /*{a-body-shadow-color}*/; } .ui-body-a { border-width: 1px; @@ -302,7 +297,6 @@ html head + body .ui-btn.ui-btn-a:visited { background-color: #f6f6f6 /*{a-bup-background-color}*/; border-color: #ddd /*{a-bup-border}*/; color: #333 /*{a-bup-color}*/; - text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/; } /* Button 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}*/; border-color: #ddd /*{a-bhover-border}*/; color: #333 /*{a-bhover-color}*/; - text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/; } /* Button down */ .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}*/; border-color: #ddd /*{a-bdown-border}*/; color: #333 /*{a-bdown-color}*/; - text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #f3f3f3 /*{a-bdown-shadow-color}*/; } /* Active button */ @@ -342,7 +334,6 @@ html body .ui-group-theme-a .ui-checkbox-on:after, background-color: #3388cc /*{a-active-background-color}*/; border-color: #3388cc /*{a-active-border}*/; color: #fff /*{a-active-color}*/; - text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/; } /* Active radio button icon */ .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}*/; border-color: #1b1b1b /*{b-bar-border}*/; color: #fff /*{b-bar-color}*/; - text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #111 /*{b-bar-shadow-color}*/; font-weight: bold; } .ui-bar-b { @@ -393,12 +383,10 @@ html body .ui-group-theme-b .ui-bar-inherit { /* Page and overlay */ .ui-overlay-b, -.ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper { background-color: #252525 /*{b-page-background-color}*/; border-color: #454545 /*{b-page-border}*/; 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 */ @@ -411,7 +399,6 @@ html .ui-panel-page-container-b { background-color: #2a2a2a /*{b-body-background-color}*/; border-color: #1d1d1d /*{b-body-border}*/; 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 { border-width: 1px; @@ -460,7 +447,6 @@ html head + body .ui-btn.ui-btn-b:visited { background-color: #333 /*{b-bup-background-color}*/; border-color: #1f1f1f /*{b-bup-border}*/; color: #fff /*{b-bup-color}*/; - text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111 /*{b-bup-shadow-color}*/; } /* Button 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}*/; border-color: #1f1f1f /*{b-bhover-border}*/; color: #fff /*{b-bhover-color}*/; - text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #111 /*{b-bhover-shadow-color}*/; } /* Button down */ .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}*/; border-color: #1f1f1f /*{b-bdown-border}*/; color: #fff /*{b-bdown-color}*/; - text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #111 /*{b-bdown-shadow-color}*/; } /* Active button */ @@ -500,7 +484,6 @@ html body .ui-group-theme-b .ui-checkbox-on:after, background-color: #22aadd /*{b-active-background-color}*/; border-color: #22aadd /*{b-active-border}*/; color: #fff /*{b-active-color}*/; - text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #0088bb /*{b-active-shadow-color}*/; } /* Active radio button icon */ .ui-page-theme-b .ui-radio-on:after, diff --git a/dashboard-ui/wizardstart.html b/dashboard-ui/wizardstart.html index 6a38afaa5e..658658b62d 100644 --- a/dashboard-ui/wizardstart.html +++ b/dashboard-ui/wizardstart.html @@ -21,12 +21,11 @@

      ${ThisWizardWillGuideYou}


      -
        -
      • - - -
        • -
      +
      + + +
      +