css: added css for collapsible in footer

css/css.css

@@ -733,9 +733,6 @@ html body .ui-controlbar .ui-carousel-controls .ui-btn[class*="ui-icon-"]:after
 }
 /* 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;
 }
@@ -993,6 +990,22 @@ ul.ui-listview.subscription_selector li:last-child {
   -webkit-bottom-left-radius: .6em;
   -webkit-bottom-right-radius: .6em;
 }
+/* footer collapsible */
+.custom_footer_collapsible .ui-collapsible-heading a {
+  display: block;
+  background: transparent;
+  text-align: center;
+}
+.custom_footer_collapsible .ui-collapsible-heading a:hover {
+  background: auto;
+}
+html body div.ui-collapsible.custom_footer_collapsible div.ui-collapsible-content {
+  background: transparent;
+}
+html body div.ui-collapsible.custom_footer_collapsible div.ui-collapsible-content .ui-listview li a {
+  padding-top: .25em;
+  padding-bottom: .25em;
+}