css: added new custom css section (white background, list item hover)

css/css.css

@@ -559,3 +559,29 @@ tbody .large {
 .dyno > div.ui-table-wrapper:first-child {
   margin: 0;
 }
+
+/* =========================== CUSTOM CSS =================================*/
+/* NOTE: not sure the original is really useful, still from JQM responsive example */
+.ui-listview.responsive .ui-li-has-thumb h1,
+.ui-listview.responsive .ui-li-has-thumb p,
+.ui-listview.responsive .ui-li-has-icon h1,
+.ui-listview.responsive .ui-li-has-icon p,
+.ui-listview.responsive li a:hover {
+  background: none;
+}
+/* white page background */
+.ui-page-theme-slapos-white, .ui-page-theme-slapos-white .ui-panel-wrapper {
+  background: none repeat scroll 0 0 #fff;
+}
+html .ui-page-theme-slapos-white .ui-input-clear:active,
+html .ui-page-theme-slapos-white .ui-input-clear.ui-btn-active,
+html .ui-page-theme-slapos-white .ui-input-action:active,
+html .ui-page-theme-slapos-white .ui-input-action.ui-btn-active {
+  background: #fff !important;
+}
+html body form label,
+html body form legend,
+html body .crumbs a,
+html body .crumbs a:after {
+  color: #235185; /* white on light background does not fly... */
+}