css: added custom footer css

css/css.css

@@ -690,7 +690,58 @@ html body .ui-controlbar .ui-carousel-controls .ui-btn[class*="ui-icon-"]:after
 /* reverse list item */
 .ui-listview.reverse {
   margin: 0;
-  
+}
+/* intro text in header */
+.beeper_text {
+    display: inline-block;
+}
+/* custom footer > override everything here, but many things are like in
+   the panel and some class assignment (first/last) is not working properly*/
+html body .custom_footer {
+  padding: .5em 0 1em;
+}
+html body .custom_footer .ui-listview .ui-li-divider {
+  border-color: transparent;
+}
+html body .custom_footer .ui-listview .ui-li-divider h3 {
+  font-weight: normal;
+  font-size: 95%;
+}
+html body .custom_footer .ui-listview li a h3 {
+  font-weight: normal;
+}
+html body .custom_footer .ui-listview li a {
+  background-image: none;
+  background-color: none;
+}
+html body .custom_footer .ui-listview li:nth-child(2) a {
+  border-top-left-radius: .6em;
+  border-top-right-radius: .6em;
+  -webkit-top-left-radius: .6em;
+  -webkit-top-right-radius: .6em;
+}
+html body .custom_footer .ui-listview li:last-child a {
+  border-bottom-width: 1px;
+  border-bottom-left-radius: .6em;
+  border-bottom-right-radius: .6em;
+  -webkit-bottom-left-radius: .6em;
+  -webkit-bottom-right-radius: .6em;
+}
+html body .custom_footer .ui-listview {
+  display: inline-block;
+  vertical-align: top;
+  width: 25%;
+  padding-left: 4%;
+  padding-right: 4%;
+  box-shadow: none;
+  -webkit-box-shadow: none;
+}
+@media (max-width: 60em) {
+  html body .custom_footer .ui-listview {
+    display: block;
+    width: auto;
+    padding: auto;
+  }
 }