Styled thumb menu, still needs script to set up interraction.

2 files changed, 24 insertions, 10 deletions

diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index d08ada17..66989ea4 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -584,17 +584,21 @@ form .gError,
 
 /* Thumb Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
-.gItem .gMenu {
+#gContent .gThumbMenu {
   bottom: 0;
-  margin-bottom: -2px;
+  left: 0;
   position: absolute;
-  right: 0;
+  width: 100%;
 }
 
-.gItem .gMenu li {
-  font-weight: normal !important;
+#gContent .gThumbMenu li {
+  border-left: none;
+  border-right: none;
 }
 
+#gContent .gThumbMenu a:hover {
+  text-decoration: none;
+}
 /* View Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 #gViewMenu {
diff --git a/themes/default/js/ui.init.js b/themes/default/js/ui.init.js
index 29e04d5e..b14127f6 100644
--- a/themes/default/js/ui.init.js
+++ b/themes/default/js/ui.init.js
@@ -13,6 +13,10 @@ var shortForms = new Array(
 
 $(document).ready(function() {
 
+  // Remove .gMenu from thumb menu's before initializing Superfish
+  $("#gContent .gItem .gMenu").removeClass("gMenu");
+  $("#gContent .gQuick + ul").addClass("gThumbMenu")
+
   // Initialize Superfish menus
   $("ul.gMenu").addClass("sf-menu");
   $('ul.sf-menu').superfish({
@@ -37,11 +41,17 @@ $(document).ready(function() {
   }
 
   // gThumbMenu
-  if ($(".gItem .gMenu").length) {
-    $(".gItem .gMenu").removeClass("sf-menu");
-    $(".gItem .gMenu span").removeClass("sf-sub-indicator");
-    $(".gItem .gMenu span").addClass("ui-icon ui-icon-triangle-1-n");
-    $(".gItem .gMenu li:first-child").addClass("ui-icon-right ui-corner-top ui-state-default");
+  if ($("#gContent .gThumbMenu").length) {    
+    $("#gContent .gThumbMenu li").addClass("ui-state-default");
+    // ui-icon-triangle-1-n
+    $("#gContent .gThumbMenu li a")
+        .not('[class]')
+        .addClass("gButtonLink ui-icon")
+        .css({
+          "height":"10px",
+          "margin":"0",
+          "padding":"0"
+        });
   }
 
   // Initialize view menu