switched from custom panel-css to JQM-css

css/themes.css

@@ -2,7 +2,7 @@
 /* Font: */
 /* colors: consider #353535 */
   /* BASE */
-body, input, select, textarea, button, p, legend, html.ui-mobile label, .ui-btn {
+body, input, select, textarea, button, p, legend, html.ui-mobile label, .ui-btn, .ui-li-static {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 95%;
 }
@@ -266,6 +266,7 @@ html body .ui-header .ui-group-theme-slapos-white a:visited,
 .ui-page-theme-slapos-white .ui-panel-inner li .ui-btn,
 html .ui-bar-slapos-white .ui-panel-inner li .ui-btn,
 html .ui-body-slapos-white .ui-panel-inner li .ui-btn,
+html .ui-body-slapos-white .ui-panel-inner li.ui-li-static,
 html body .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
 html body .ui-panel-inner li .ui-group-theme-slapos-white .ui-btn,
 [class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
@@ -535,6 +536,7 @@ html body .ui-header  .ui-group-theme-slapos-black .ui-btn:hover,
 .ui-page-theme-slapos-black .ui-panel-inner li .ui-btn,
 html .ui-bar-slapos-black .ui-panel-inner li .ui-btn,
 html .ui-body-slapos-black .ui-panel-inner li .ui-btn,
+html .ui-body-slapos-black .ui-panel-inner li.ui-li-static,
 html body .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
 html body .ui-panel-inner li .ui-group-theme-slapos-black .ui-btn,
 [class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
@@ -806,27 +808,28 @@ html head + body .ui-body-slapos-black.ui-focus{
 .ui-header, .ui-footer {
   border-width: 1px 0;
 }
-.ui-header .wrap {
+.ui-header .ui-first-wrap,
+.ui-header .ui-last-wrap {
   position: absolute;
-  /* top: 0; JQM: setting this will throw off header by 1px when ui-header-fixed is removed */
   bottom: 0;
 }
-.ui-header .wrap.left {
+.ui-header .ui-first-wrap {
   left: 0;
 }
-.ui-header .wrap.right {
+.ui-header .ui-last-wrap {
   right: 0;
 }
 /* double borders */
-.ui-header .wrap.left .ui-btn {
+html .ui-header .ui-first-wrap .ui-controlgroup-controls .ui-btn {
   border-right: 1px solid rgb(232, 232, 232);
-  border-right: 1px solid rgba(232, 232, 232, 0.1);
+  border-right: 1px solid rgba(232, 232, 232, 0.5);
 }
-.ui-header .wrap.right .ui-btn {
+html .ui-header .ui-last-wrap .ui-controlgroup-controls .ui-btn {
   border-left: 1px solid rgb(47, 79, 79);
   border-left: 1px solid rgba(0, 0, 0, 0.25);
 }
-.ui-header .wrap .ui-btn:before {
+.ui-header .ui-first-wrap .ui-btn:before,
+.ui-header .ui-last-wrap .ui-btn:before {
   content: "";
   height: 100%;
   position: absolute;
@@ -834,15 +837,15 @@ html head + body .ui-body-slapos-black.ui-focus{
   bottom: 0;
   top: 0;
 }
-.ui-header .wrap.left .ui-btn:before {
-  right: /*-1px; */ 0px;
+.ui-header .ui-first-wrap .ui-btn:before {
+  right: 0px;
   border-right: 1px solid rgb(47, 79, 79);
   border-right: 1px solid rgba(0, 0, 0, 0.25);
 }
-.ui-header .wrap.right .ui-btn:before {
-  left: -1px;
+.ui-header .ui-last-wrap .ui-btn:before {
+  left: 0px;
   border-left: 1px solid rgb(232, 232, 232);
-  border-left: 1px solid rgba(232, 232, 232, 0.1);
+  border-left: 1px solid rgba(232, 232, 232, 0.5);
 }
 /* form & fieldcontain */
 /* set label/input width on large screens */
@@ -1387,24 +1390,12 @@ html .ui-filterable {
   text-decoration: none;
 }
 /* listview */
-/* should support!
-  <li>
-    <a> || no link
-      <span.icon> || <span.iconstack><i><i><i> || no icon
-      <img> || no image
-      <h3> required
-      <p> || no subtext
-      <span.bubble> || no bubble
-    </a>
-    <a> || no side link
-  </li>
-*/
-html .ui-panel-inner .listview .ui-li-divider {
+html .ui-panel-inner .ui-listview .ui-li-divider {
   font-weight: bold;
   padding: 0.5em 1em;
   border: 0 none;
 }
-html .ui-panel-inner .listview .listview_item a {
+html .ui-panel-inner .ui-listview li a {
   padding: 0.4em 2.75em !important;
 }
 .ui-panel-inner .ui-listview > li h1,