compass-jquery-plugin 0.3.2.8 → 0.3.3.0

data/templates/mobile/jquery/mobile/valencia.scss

@@ -14,7 +14,7 @@
 
 .ui-bar-a {
   font-weight: bold;
-  border: 1px solid       #be7800;
+  border: 1px solid #be7800;
   background: #e99515;
   color: #fff;
   text-shadow: 0 -1px 0px #94440f;
@@ -23,7 +23,7 @@
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9a015', EndColorStr='#e98a15')"; }
 
 .ui-btn-up-a {
-  border: 1px solid       #BD610D;
+  border: 1px solid #BD610D;
   background: #e68510;
   color: #fff;
   background-image: -moz-linear-gradient(top, #ea9e0c, #e68510);
@@ -33,7 +33,7 @@
     color: #fff; } }
 
 .ui-btn-hover-a {
-  border: 1px solid       #b77504;
+  border: 1px solid #b77504;
   background: #ed9730;
   color: #fff;
   background-image: -moz-linear-gradient(top, #edab30, #ed9730);
@@ -43,7 +43,7 @@
     color: #fff; } }
 
 .ui-btn-down-a {
-  border: 1px solid       #BD610D;
+  border: 1px solid #BD610D;
   background: #BA6E11;
   color: #fff;
   background-image: -moz-linear-gradient(top, #ba8011, #ba6e11);
@@ -69,7 +69,7 @@
 
 .ui-body-a {
   font-weight: normal;
-  border: 1px solid       #222;
+  border: 1px solid #222;
   background: #444;
   color: #ddd;
   text-shadow: 0 -1px 0px black;
@@ -93,7 +93,7 @@
 
 .ui-bar-b {
   font-weight: bold;
-  border: 1px solid       #222;
+  border: 1px solid #222;
   background: #333333;
   color: #fff;
   text-shadow: 0 -1px 0px #111111;
@@ -102,7 +102,7 @@
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')"; }
 
 .ui-btn-up-b {
-  border: 1px solid       #232323;
+  border: 1px solid #232323;
   background: #393939;
   color: #eee;
   background-image: -moz-linear-gradient(top, #5e5e5e, #393939);
@@ -112,7 +112,7 @@
     color: #eee; } }
 
 .ui-btn-hover-b {
-  border: 1px solid       #232323;
+  border: 1px solid #232323;
   background: #494949;
   color: #fff;
   background-image: -moz-linear-gradient(top, #6e6e6e, #494949);
@@ -122,7 +122,7 @@
     color: #fff; } }
 
 .ui-btn-down-b {
-  border: 1px solid       #232323;
+  border: 1px solid #232323;
   background: #292929;
   color: #fff;
   background-image: -moz-linear-gradient(top, #4e4e4e, #292929);
@@ -150,10 +150,10 @@
 
 .ui-body-b {
   font-weight: normal;
-  border: 1px solid       #999;
+  border: 1px solid #999;
   background-color: #e5e5e5;
   color: #666;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background-image: image_url("jquery/mobile/valencia/texture_075.png");
   font-family: Helvetica, Arial, sans-serif;
   input, select, textarea, button {
@@ -172,10 +172,10 @@
 
 .ui-bar-c {
   font-weight: bold;
-  border: 1px solid       #ccc;
+  border: 1px solid #ccc;
   background: #e5e5e5;
   color: #111;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background-image: -moz-linear-gradient(top, #eeeeee, #e5e5e5);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #e5e5e5));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#e5e5e5')";
@@ -188,10 +188,10 @@
   cursor: pointer;
   font-weight: bold;
   text-decoration: none;
-  text-shadow: 0 1px 0px  #fff; }
+  text-shadow: 0 1px 0px #fff; }
 
 .ui-btn-up-c {
-  border: 1px solid       #ccc;
+  border: 1px solid #ccc;
   background: #e5e5e5;
   color: #444;
   background-image: -moz-linear-gradient(top, #eeeeee, #e5e5e5);
@@ -201,7 +201,7 @@
     color: #444; } }
 
 .ui-btn-hover-c {
-  border: 1px solid       #ccc;
+  border: 1px solid #ccc;
   background: #f5f5f5;
   color: #222;
   background-image: -moz-linear-gradient(top, white, #f5f5f5);
@@ -211,7 +211,7 @@
     color: #222; } }
 
 .ui-btn-down-c {
-  border: 1px solid       #ccc;
+  border: 1px solid #ccc;
   background: #d5d5d5;
   color: #111;
   background-image: -moz-linear-gradient(top, #dddddd, #d5d5d5);
@@ -221,9 +221,9 @@
     color: #111; } }
 
 .ui-body-c {
-  border: 1px solid       #ddd;
+  border: 1px solid #ddd;
   color: #333333;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background: #fff;
   background-image: image_url("jquery/mobile/valencia/texture_075.png");
   font-family: Helvetica, Arial, sans-serif;
@@ -243,10 +243,10 @@
 
 .ui-bar-d {
   font-weight: bold;
-  border: 1px solid       #ccc;
+  border: 1px solid #ccc;
   background: #cbcbcb;
   color: #666;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 5%, #bbbbbb 15%, #dddddd 95%, #cccccc 100%);
   background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dddddd), color-stop(5%, #cccccc), color-stop(15%, #bbbbbb), color-stop(95%, #dddddd), color-stop(1, #cccccc));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#e5e5e5')";
@@ -260,7 +260,7 @@
     color: #2489CE; } }
 
 .ui-btn-up-d {
-  border: 1px solid       #c5c5c5;
+  border: 1px solid #c5c5c5;
   background: #ddd;
   color: #666;
   background-image: -moz-linear-gradient(top, #d5d5d5, #dddddd);
@@ -270,7 +270,7 @@
     color: #666; } }
 
 .ui-btn-hover-d {
-  border: 1px solid       #aaa;
+  border: 1px solid #aaa;
   background: #c5c5c5;
   color: #666;
   background-image: -moz-linear-gradient(top, #c5c5c5, #cccccc);
@@ -280,7 +280,7 @@
     color: #666; } }
 
 .ui-btn-down-d {
-  border: 1px solid       #999;
+  border: 1px solid #999;
   background: #b5b5b5;
   color: #444;
   background-image: -moz-linear-gradient(top, #b5b5b5, #bbbbbb);
@@ -294,14 +294,14 @@
   cursor: pointer;
   font-weight: bold;
   text-decoration: none;
-  text-shadow: 0 1px 0px  #fff; }
+  text-shadow: 0 1px 0px #fff; }
 
 .ui-btn-hover-d, .ui-btn-down-d {
   font-family: Helvetica, Arial, sans-serif;
   cursor: pointer;
   font-weight: bold;
   text-decoration: none;
-  text-shadow: 0 1px 0px  #fff; }
+  text-shadow: 0 1px 0px #fff; }
 
 .ui-body-d {
   font-family: Helvetica, Arial, sans-serif;
@@ -309,9 +309,9 @@
     font-family: Helvetica, Arial, sans-serif; }
   .ui-link-inherit {
     color: #333333; }
-  border: 1px solid       #aaa;
+  border: 1px solid #aaa;
   color: #666;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background: #eee;
   background-image: -moz-linear-gradient(top, white 0%, #f5f5f5 15%, #eeeeee 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(15%, #f5f5f5), color-stop(1, #eeeeee));
@@ -335,10 +335,10 @@
 
 .ui-bar-e {
   font-weight: bold;
-  border: 1px solid       #999;
+  border: 1px solid #999;
   background: #dedede;
   color: #000;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background-image: -moz-linear-gradient(top, white 0%, #cccccc 50%, #b5b5b5 50%, #eeeeee 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #cccccc), color-stop(0.5, #b5b5b5), color-stop(1, #eeeeee));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#b5b5b5')";
@@ -357,10 +357,10 @@
     font-weight: bold; } }
 
 .ui-btn-up-e {
-  border: 1px solid       #999;
+  border: 1px solid #999;
   background: #dfdfdf;
   color: #333;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background-image: -moz-linear-gradient(top, #f5f5f5 0%, #cccccc 50%, #b5b5b5 50%, #f5f5f5 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(0.5, #cccccc), color-stop(0.5, #b5b5b5), color-stop(1, #f5f5f5));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#b5b5b5')";
@@ -368,10 +368,10 @@
     color: #333; } }
 
 .ui-btn-hover-e {
-  border: 1px solid       #777;
+  border: 1px solid #777;
   background: #e5e5e5;
   color: #333;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background-image: -moz-linear-gradient(top, white 0%, #dddddd 50%, #cccccc 50%, white 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #dddddd), color-stop(0.5, #cccccc), color-stop(1, white));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";
@@ -379,7 +379,7 @@
     color: #333; } }
 
 .ui-btn-down-e {
-  border: 1px solid       #888;
+  border: 1px solid #888;
   background: #ccc;
   color: #333;
   background-image: -moz-linear-gradient(top, #dddddd 0%, #cccccc 50%, #bbbbbb 50%, #dddddd 100%);
@@ -393,14 +393,14 @@
   cursor: pointer;
   font-weight: bold;
   text-decoration: none;
-  text-shadow: 0 1px 0px  #fff; }
+  text-shadow: 0 1px 0px #fff; }
 
 .ui-body-e {
   font-weight: normal;
-  border: 1px solid       #aaa;
+  border: 1px solid #aaa;
   background: #ccc;
   color: #111;
-  text-shadow: 0 1px 0px  #fff;
+  text-shadow: 0 1px 0px #fff;
   background-image: image_url("jquery/mobile/valencia/texture_075.png");
   font-family: Helvetica, Arial, sans-serif;
   input, select, textarea, button {
@@ -426,10 +426,10 @@ a.ui-link-inherit {
   font-weight: bold;
   cursor: pointer;
   text-decoration: none;
-  border: 1px solid       #FFBC19;
+  border: 1px solid #FFBC19;
   background: #4596ce;
   color: #222;
-  text-shadow: 0 1px 0px  #eee;
+  text-shadow: 0 1px 0px #eee;
   background-image: -moz-linear-gradient(top, #ffdc52, #ffbc19);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdc52), color-stop(1, #ffbc19));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFDC52', EndColorStr='#FFBC19')";
@@ -439,7 +439,7 @@ a.ui-link-inherit {
 /* button Inner Highlight */
 
 .ui-btn-inner {
-  border-top: 1px solid   #fff;
+  border-top: 1px solid #fff;
   border-color: rgba(255, 255, 255, 0.25); }
 
 /* Container Corner radius */
@@ -534,9 +534,7 @@ a.ui-link-inherit {
 /* HD/"retina" sprite
 -----------------------------------------------------------------------------------------------------------*/
 
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
-       only screen and (min--moz-device-pixel-ratio: 1.5),
-       only screen and (min-resolution: 240dpi) {
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240 dpi) {
   .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
     background-image: image_url("jquery/mobile/valencia/icons-36-white.png");
     -moz-background-size: 776px 18px;
@@ -546,6 +544,7 @@ a.ui-link-inherit {
   .ui-icon-alt {
     background-image: image_url("jquery/mobile/valencia/icons-36-black.png"); } }
 
+
 /* plus minus */
 
 .ui-icon-plus {

data/templates/mobile/manifest.rb

@@ -6,6 +6,8 @@ file 'lib/tasks/jquery.mobile.rake'
 javascript 'jquery.mobile.js'
 javascript 'jquery.mobile.min.js'
 stylesheet 'jquery/mobile/_base.scss'
+stylesheet 'jquery/mobile/960.scss'
+stylesheet 'jquery/mobile/960.fluid.scss'
 stylesheet 'jquery/mobile/default.scss'
 image 'jquery/mobile/default/ajax-loader.png'
 image 'jquery/mobile/default/icon-search-black.png'

data/templates/ribbon/jquery.ribbon.js

@@ -6,242 +6,242 @@
  */
 
 (function($) {
-    var isLoaded;
-    var isClosed;
+  var isLoaded;
+  var isClosed;
 
-    $.fn.Ribbon = function(ribbonSettings) {
-        var settings = $.extend({ theme: 'windows7', backStage: false }, ribbonSettings || {});
+  $.fn.Ribbon = function(ribbonSettings) {
+    var settings = $.extend({ theme: 'windows7', backStage: false }, ribbonSettings || {});
 
-        $('.ribbon a').each(function() {
-            if ($(this).attr('accesskey')) {
-                $(this).append('<div rel="accesskeyhelper" style="display: none; position: absolute; background-image: url(images/accessbg.png); background-repeat: none; width: 16px; padding: 0px; text-align: center; height: 17px; line-height: 17px; top: ' + $(this).offset().top + 'px; left: ' + ($(this).offset().left + $(this).width() - 15) + 'px;">' + $(this).attr('accesskey') + '</div>');
-            }
-        });
-
-        $('head').append('<link href="/stylesheets/compiled/jquery/ribbon/' + settings.theme + '.css" rel="stylesheet" type="text/css" />" />');
+    $('.ribbon a').each(function() {
+      if ($(this).attr('accesskey')) {
+        $(this).append('<div rel="accesskeyhelper" style="display: none; position: absolute; background-repeat: none; width: 16px; padding: 0px; text-align: center; height: 17px; line-height: 17px; top: ' + $(this).offset().top + 'px; left: ' + ($(this).offset().left + $(this).width() - 15) + 'px;">' + $(this).attr('accesskey') + '</div>');
+      }
+    });
 
-        if (!isLoaded) {
-            SetupMenu(settings);
-        }
+    $('head').append('<link href="/stylesheets/compiled/jquery/ribbon/' + settings.theme + '.css" rel="stylesheet" type="text/css" />" />');
 
-        $(document).keydown(function(e) {
-            ShowAccessKeys(e);
-        });
-        $(document).keyup(function(e) {
-            HideAccessKeys(e);
-        });
+    if (!isLoaded) {
+      SetupMenu(settings);
+    }
 
-        function SetupMenu(settings) {
-            $('.menu li a:first').addClass('active');
-            $('.menu li ul').hide();
-            $('.menu li a:first').parent().children('ul:first').show();
-            $('.menu li a:first').parent().children('ul:first').addClass('submenu');
-            $('.menu li > a').click(function() {
-                ShowSubMenu(this);
-            });
-            $('.orbButton').click(function() {
-                ShowMenu(settings.backStage);
-            });
-            $('.orb ul').hide();
-            $('.orb ul ul').hide();
-            $('.orb li ul li ul').show();
-            $('.orb li li ul').each(function() {
-                $(this).prepend('<div style="background-color: #EBF2F7; height: 25px; line-height: 25px; width: 292px; padding-left: 9px; border-bottom: 1px solid #CFDBEB;">' + $(this).parent().children('a:first').text() + '</div>');
-            });
-            $('.orb li li a').each(function() {
-                if ($(this).parent().children('ul').length > 0) {
-                    $(this).addClass('arrow');
-                }
-            });
-            $('.orb .ribbon-backstage a').live('click', function() {
-                $('.orb ul').fadeOut('fast');
-            });
+    $(document).keydown(function(e) {
+      ShowAccessKeys(e);
+    });
+    $(document).keyup(function(e) {
+      HideAccessKeys(e);
+    });
+
+    function SetupMenu(settings) {
+      $('.menu li a:first').addClass('active');
+      $('.menu li ul').hide();
+      $('.menu li a:first').parent().children('ul:first').show();
+      $('.menu li a:first').parent().children('ul:first').addClass('submenu');
+      $('.menu li > a').click(function() {
+        ShowSubMenu(this);
+      });
+      $('.orbButton').click(function() {
+        ShowMenu(settings.backStage);
+      });
+      $('.orb ul').hide();
+      $('.orb ul ul').hide();
+      $('.orb li ul li ul').show();
+      $('.orb li li ul').each(function() {
+        $(this).prepend('<div style="background-color: #EBF2F7; height: 25px; line-height: 25px; width: 292px; padding-left: 9px; border-bottom: 1px solid #CFDBEB;">' + $(this).parent().children('a:first').text() + '</div>');
+      });
+      $('.orb li li a').each(function() {
+        if ($(this).parent().children('ul').length > 0) {
+          $(this).addClass('arrow');
+        }
+      });
+      $('.orb .ribbon-backstage a').live('click', function() {
+        $('.orb ul').fadeOut('fast');
+      });
 
-            //$('.ribbon-list div').each(function() { $(this).parent().width($(this).parent().width()); });
+      //$('.ribbon-list div').each(function() { $(this).parent().width($(this).parent().width()); });
 
-            $('.ribbon-list div').click(function(e) {
-                var elwidth = $(this).parent().width();
-                var insideX = e.pageX > $(this).offset().left && e.pageX < $(this).offset().left + $(this).width();
-                var insideY = e.pageY > $(this).offset().top && e.pageY < $(this).offset().top + $(this).height();
+      $('.ribbon-list div').click(function(e) {
+        var elwidth = $(this).parent().width();
+        var insideX = e.pageX > $(this).offset().left && e.pageX < $(this).offset().left + $(this).width();
+        var insideY = e.pageY > $(this).offset().top && e.pageY < $(this).offset().top + $(this).height();
 
-                $('.ribbon-list div ul').fadeOut('fast');
+        $('.ribbon-list div ul').fadeOut('fast');
 
-                if (insideX && insideY) {
-                    $(this).attr('style', 'background-image: ' + $(this).css('background-image'));
+        if (insideX && insideY) {
+          $(this).attr('style', 'background-image: ' + $(this).css('background-image'));
 
-                    $(this).parent().width(elwidth);
+          $(this).parent().width(elwidth);
 
-                    $(this).children('ul').width(elwidth - 4);
-                    $(this).children('ul').fadeIn('fast');
-                }
+          $(this).children('ul').width(elwidth - 4);
+          $(this).children('ul').fadeIn('fast');
+        }
+      });
+
+      $('.ribbon-list div').parents().click(function(e) {
+        $('.ribbon-list div ul:visible').each(function() {
+          var outsideX = e.pageX < $('.ribbon-list div ul:visible').parent().offset().left || e.pageX > $('.ribbon-list div ul:visible').parent().offset().left + $('.ribbon-list div ul:visible').parent().width();
+          var outsideY = e.pageY < $('.ribbon-list div ul:visible').parent().offset().top || e.pageY > $('.ribbon-list div ul:visible').parent().offset().top + $('.ribbon-list div ul:visible').parent().height();
+          if (outsideX || outsideY) {
+            $('.ribbon-list div ul:visible').each(function() {
+              $(this).fadeOut('fast');
             });
+            $('.ribbon-list div').css('background-image', '');
+          }
+        });
+      });
 
-            $('.ribbon-list div').parents().click(function(e) {
-                $('.ribbon-list div ul:visible').each(function() {
-                    var outsideX = e.pageX < $('.ribbon-list div ul:visible').parent().offset().left || e.pageX > $('.ribbon-list div ul:visible').parent().offset().left + $('.ribbon-list div ul:visible').parent().width();
-                    var outsideY = e.pageY < $('.ribbon-list div ul:visible').parent().offset().top || e.pageY > $('.ribbon-list div ul:visible').parent().offset().top + $('.ribbon-list div ul:visible').parent().height();
-                    if (outsideX || outsideY) {
-                        $('.ribbon-list div ul:visible').each(function() {
-                            $(this).fadeOut('fast');
-                        });
-                        $('.ribbon-list div').css('background-image', '');
-                    }
-                });
-            });
+      $('.orb li li a').mouseover(function() {
+        ShowOrbChildren(this);
+      });
 
-            $('.orb li li a').mouseover(function() {
-                ShowOrbChildren(this);
-            });
+      $('.menu li > a').dblclick(function() {
+        $('ul .submenu').animate({ height: "hide" });
+        $('body').animate({ paddingTop: $(this).parent().parent().parent().parent().height() });
+        isClosed = true;
+      });
+    }
 
-            $('.menu li > a').dblclick(function() {
-                $('ul .submenu').animate({ height: "hide" });
-                $('body').animate({ paddingTop: $(this).parent().parent().parent().parent().height() });
-                isClosed = true;
-            });
-        }
+    $('.ribbon').parents().click(function(e) {
+      var outsideX = e.pageX < $('.orb ul:first').offset().left || e.pageX > $('.orb ul:first').offset().left + $('.orb ul:first').width();
+      var outsideY = e.pageY < $('.orb ul:first img:first').offset().top || e.pageY > $('.orb ul:first').offset().top + $('.orb ul:first').height();
 
-        $('.ribbon').parents().click(function(e) {
-            var outsideX = e.pageX < $('.orb ul:first').offset().left || e.pageX > $('.orb ul:first').offset().left + $('.orb ul:first').width();
-            var outsideY = e.pageY < $('.orb ul:first img:first').offset().top || e.pageY > $('.orb ul:first').offset().top + $('.orb ul:first').height();
+      if ((outsideX || outsideY) && !settings.backStage) {
+        $('.orb ul').fadeOut('fast');
+      }
+    });
 
-            if ((outsideX || outsideY) && !settings.backStage) {
-                $('.orb ul').fadeOut('fast');
-            }
-        });
+    if (isLoaded) {
+      $('.orb li:first ul:first img:first').remove();
+      $('.orb li:first ul:first img:last').remove();
+      $('.ribbon-list div img[src*="/arrow_down.png"]').remove();
+    }
 
-        if (isLoaded) {
-            $('.orb li:first ul:first img:first').remove();
-            $('.orb li:first ul:first img:last').remove();
-            $('.ribbon-list div img[src*="/arrow_down.png"]').remove();
-        }
+    if (!settings.backStage) {
+      $('.orb li:first ul:first').append('<img src="/images/jquery/ribbon/' + settings.theme + '/menu_bottom.png" style="margin-left: -10px; margin-bottom: -22px;" />');
+      $('.orb li:first ul:first').prepend('<img src="/images/jquery/ribbon/' + settings.theme + '/menu_top.png" style="margin-left: -10px; margin-top: -22px;" />');
+    }
 
-        if (!settings.backStage) {
-            $('.orb li:first ul:first').append('<img src="/images/jquery/ribbon/' + settings.theme + '/menu_bottom.png" style="margin-left: -10px; margin-bottom: -22px;" />');
-            $('.orb li:first ul:first').prepend('<img src="/images/jquery/ribbon/' + settings.theme + '/menu_top.png" style="margin-left: -10px; margin-top: -22px;" />');
-        }
+    $('.ribbon-list div').each(function() {
+      if ($(this).children('ul').length > 0) {
+        $(this).append('<img src="/images/jquery/ribbon/' + settings.theme + '/arrow_down.png" style="float: right; margin-top: 5px;" />')
+      }
+    });
+
+    //Hack for IE 7.
+    if (navigator.appVersion.indexOf('MSIE 6.0') > -1 || navigator.appVersion.indexOf('MSIE 7.0') > -1) {
+      $('ul.menu li li div').css('width', '90px');
+      $('ul.menu').css('width', '500px');
+      $('ul.menu').css('float', 'left');
+      $('ul.menu .submenu li div.ribbon-list').css('width', '100px');
+      $('ul.menu .submenu li div.ribbon-list div').css('width', '100px');
+    }
 
-        $('.ribbon-list div').each(function() {
-            if ($(this).children('ul').length > 0) {
-                $(this).append('<img src="/images/jquery/ribbon/' + settings.theme + '/arrow_down.png" style="float: right; margin-top: 5px;" />')
-            }
-        });
+    $('a[href=' + window.location.hash + ']').click();
 
-        //Hack for IE 7.
-        if (navigator.appVersion.indexOf('MSIE 6.0') > -1 || navigator.appVersion.indexOf('MSIE 7.0') > -1) {
-            $('ul.menu li li div').css('width', '90px');
-            $('ul.menu').css('width', '500px');
-            $('ul.menu').css('float', 'left');
-            $('ul.menu .submenu li div.ribbon-list').css('width', '100px');
-            $('ul.menu .submenu li div.ribbon-list div').css('width', '100px');
-        }
+    //Add backstage class
+    if (settings.backStage) {
+      $('ul.ribbon .orb > li > ul').addClass('ribbon-backstage');
+      $('ul.ribbon-backstage').width('3000px');
+      $('ul.ribbon-backstage').height($(document).height());
 
-        $('a[href=' + window.location.hash + ']').click();
+      $('ul.ribbon-backstage > li').width('130px');
+      $('ul.ribbon-backstage > li > a').width('125px');
 
-        //Add backstage class
-        if (settings.backStage) {
-            $('ul.ribbon .orb > li > ul').addClass('ribbon-backstage');
-            $('ul.ribbon-backstage').width('3000px');
-            $('ul.ribbon-backstage').height($(document).height());
+      $('ul.ribbon-backstage > li').addClass('ribbon-backstage-firstLevel');
 
-            $('ul.ribbon-backstage > li').width('130px');
-            $('ul.ribbon-backstage > li > a').width('125px');
+      $('ul.ribbon-backstage .ribbon-backstage-firstLevel > ul').addClass('ribbon-backstage-subMenu');
 
-            $('ul.ribbon-backstage > li').addClass('ribbon-backstage-firstLevel');
+      $('ul.ribbon-backstage .ribbon-backstage-firstLevel .ribbon-backstage-subMenu > div').addClass('ribbon-backstage-subMenu-header');
+    }
 
-            $('ul.ribbon-backstage .ribbon-backstage-firstLevel > ul').addClass('ribbon-backstage-subMenu');
+    $('.ribbon-backstage-rightColumnWide').hide();
+    $('.ribbon-backstage-rightColumnSmall').hide();
 
-            $('ul.ribbon-backstage .ribbon-backstage-firstLevel .ribbon-backstage-subMenu > div').addClass('ribbon-backstage-subMenu-header');
-        }
+    isLoaded = true;
 
-        $('.ribbon-backstage-rightColumnWide').hide();
-        $('.ribbon-backstage-rightColumnSmall').hide();
+    function ResetSubMenu() {
+      $('.menu li a').removeClass('active');
+      $('.menu ul').removeClass('submenu');
+      $('.menu li ul').hide();
+    }
 
-        isLoaded = true;
+    function ShowSubMenu(e) {
+      $('.orb ul').fadeOut('fast');
 
-        function ResetSubMenu() {
-            $('.menu li a').removeClass('active');
-            $('.menu ul').removeClass('submenu');
-            $('.menu li ul').hide();
-        }
+      var isActive = $(e).next().css('display') == 'block';
+      ResetSubMenu();
 
-        function ShowSubMenu(e) {
-            $('.orb ul').fadeOut('fast');
+      $(e).addClass('active');
+      $(e).parent().children('ul:first').addClass('submenu');
 
-            var isActive = $(e).next().css('display') == 'block';
-            ResetSubMenu();
+      $(e).parent().children('ul:first').show();
+      $('body').css('padding-top', '120px');
 
-            $(e).addClass('active');
-            $(e).parent().children('ul:first').addClass('submenu');
+      isClosed = false;
+    }
 
-            $(e).parent().children('ul:first').show();
-            $('body').css('padding-top', '120px');
+    function ShowOrbChildren(e, init) {
+      if (!settings.backStage) {
+        if (($(e).parent().children('ul').css('display') == 'none' || $(e).parent().children('ul').length == 0) && $(e).parent().parent().parent().parent().hasClass('orb')) {
+          $('.orb li li ul').fadeOut('fast');
 
-            isClosed = false;
+          if ($(e).parent().children('ul').length > 0)
+            $(e).parent().children('ul').fadeIn('fast');
         }
-
-        function ShowOrbChildren(e, init) {
-            if (!settings.backStage) {
-                if (($(e).parent().children('ul').css('display') == 'none' || $(e).parent().children('ul').length == 0) && $(e).parent().parent().parent().parent().hasClass('orb')) {
-                    $('.orb li li ul').fadeOut('fast');
-
-                    if ($(e).parent().children('ul').length > 0)
-                        $(e).parent().children('ul').fadeIn('fast');
-                }
-            }
-
-            if (settings.backStage) {
-                if ($(e).parent().children('ul').length == 0 && $('ul.ribbon-backstage .ribbon-backstage-firstLevel .ribbon-backstage-subMenu:first:hidden').length > 0 && $(e).parent().parent().parent().parent().hasClass('orb')) {
-                    $('.orb li li ul').fadeOut('fast');
-                    $('.orb li li > div').fadeOut('fast');
-                    $('ul.ribbon-backstage .ribbon-backstage-firstLevel:first .ribbon-backstage-subMenu:first').fadeIn('fast');
-                    $('ul.ribbon-backstage .ribbon-backstage-firstLevel:first div').fadeIn('fast');
-                }
-
-                if ($(e).parent().children('ul').css('display') == 'none' && $(e).parent().children('ul').length > 0 && $(e).parent().parent().parent().parent().hasClass('orb')) {
-                    $('.orb li li ul').fadeOut('fast');
-                    $('.orb li li > div').fadeOut('fast');
-                    $(e).parent().children('ul').fadeIn('fast');
-                    $(e).parent().children('div').fadeIn('fast');
-                }
-
-                if (init) {
-                    $('.orb li li ul').hide();
-                    $('.orb li li > div').hide();
-                    $(e).parent().children('ul').fadeIn('fast');
-                    $(e).parent().children('div').fadeIn('fast');
-                }
-            }
+      }
+
+      if (settings.backStage) {
+        if ($(e).parent().children('ul').length == 0 && $('ul.ribbon-backstage .ribbon-backstage-firstLevel .ribbon-backstage-subMenu:first:hidden').length > 0 && $(e).parent().parent().parent().parent().hasClass('orb')) {
+          $('.orb li li ul').fadeOut('fast');
+          $('.orb li li > div').fadeOut('fast');
+          $('ul.ribbon-backstage .ribbon-backstage-firstLevel:first .ribbon-backstage-subMenu:first').fadeIn('fast');
+          $('ul.ribbon-backstage .ribbon-backstage-firstLevel:first div').fadeIn('fast');
         }
 
-        function ShowMenu(backStage) {
-            //Show standard menu
-            if (!backStage) {
-                $('.orb ul').animate({ opacity: 'toggle' }, 'fast');
-                return;
-            }
-
-            //Show backstage
-            $('ul.ribbon-backstage .ribbon-backstage-firstLevel .ribbon-backstage-subMenu').height($(window).height() * 0.90);
-            $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnWide').height($(window).height() * 0.90).width($(window).width());
-            $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnSmall').parent().children('ul').width($(window).width()).addClass('ribbon-backstage-leftColumnWide');
-            $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnSmall').height($(window).height() * 0.90).width('200px');
-            $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnSmall').css('left', ($(window).width() - 200)).css('line-height', '17px');
-
-            $('.orb ul').animate({ opacity: 'toggle' }, 'fast');
-            ShowOrbChildren($('.orb li li a:first'), true);
+        if ($(e).parent().children('ul').css('display') == 'none' && $(e).parent().children('ul').length > 0 && $(e).parent().parent().parent().parent().hasClass('orb')) {
+          $('.orb li li ul').fadeOut('fast');
+          $('.orb li li > div').fadeOut('fast');
+          $(e).parent().children('ul').fadeIn('fast');
+          $(e).parent().children('div').fadeIn('fast');
         }
 
-        function ShowAccessKeys(e) {
-            if (e.altKey) {
-                $('div[rel="accesskeyhelper"]').each(function() {
-                    $(this).css('top', $(this).parent().offset().top).css('left', $(this).parent().offset().left - 20 + $(this).parent().width());
-                    $(this).show();
-                });
-            }
+        if (init) {
+          $('.orb li li ul').hide();
+          $('.orb li li > div').hide();
+          $(e).parent().children('ul').fadeIn('fast');
+          $(e).parent().children('div').fadeIn('fast');
         }
+      }
+    }
 
-        function HideAccessKeys(e) {
-            $('div[rel="accesskeyhelper"]').hide();
-        }
+    function ShowMenu(backStage) {
+      //Show standard menu
+      if (!backStage) {
+        $('.orb ul').animate({ opacity: 'toggle' }, 'fast');
+        return;
+      }
+
+      //Show backstage
+      $('ul.ribbon-backstage .ribbon-backstage-firstLevel .ribbon-backstage-subMenu').height($(window).height() * 0.90);
+      $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnWide').height($(window).height() * 0.90).width($(window).width());
+      $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnSmall').parent().children('ul').width($(window).width()).addClass('ribbon-backstage-leftColumnWide');
+      $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnSmall').height($(window).height() * 0.90).width('200px');
+      $('ul.ribbon-backstage .ribbon-backstage-firstLevel div.ribbon-backstage-rightColumnSmall').css('left', ($(window).width() - 200)).css('line-height', '17px');
+
+      $('.orb ul').animate({ opacity: 'toggle' }, 'fast');
+      ShowOrbChildren($('.orb li li a:first'), true);
+    }
+
+    function ShowAccessKeys(e) {
+      if (e.altKey) {
+        $('div[rel="accesskeyhelper"]').each(function() {
+          $(this).css('top', $(this).parent().offset().top).css('left', $(this).parent().offset().left - 20 + $(this).parent().width());
+          $(this).show();
+        });
+      }
+    }
+
+    function HideAccessKeys(e) {
+      $('div[rel="accesskeyhelper"]').hide();
     }
+  }
 })(jQuery);