Mobile and autocomplete don't properly support theming. #102

Author: rythos42

css/autocomplete.css

@@ -251,4 +251,13 @@ div.red                 {clear:both;background-color:#F20000;border:1px solid #c
 .match_icon	{background:transparent url(../images/result_icon.gif) no-repeat 0 0;width:12px;height:12px}
 .won		{background-position:-14px 0}
 .draw		{background-position:-28px 0}
-.lost		{background-position:-42px 0}
+.lost		{background-position:-42px 0}
+
+/*********************
+ Mobile
+ *********************/
+@media only screen and (max-device-width: 600px){
+    .ui-widget-header {
+        background: #A37B45;
+    }
+}

css/mobile.css

@@ -181,25 +181,8 @@ table.common  {background-color: transparent;}
 
 
 /*********************
- Mobile
+ CSS Menu
  *********************/
-@media only screen and (max-device-width: 600px){
-    div.everything {
-        width: 100%;
-    }
-        
-    div.section {
-        margin: 5px;
-    }
-
-    .ui-widget-header {
-        background: inherit;
-    }
-}
- 
- 
- /*
- */
  ul#css3menu1 a{
     background: rgb(253,246,205); /* Old browsers */
     background: -moz-linear-gradient(top, rgba(253,246,205,1) 0%, rgba(240,209,36,1) 100%); /* FF3.6-15 */
@@ -220,4 +203,18 @@ ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed{
 
 ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed{
     color:#bb0000;
+}
+
+/*********************
+ Mobile
+ *********************/
+@media only screen and (max-device-width: 600px){
+    div.everything {
+        width: 100%;
+        padding-top: 5px;
+    }
+        
+    div.section {
+        margin: 5px;
+    }
 }