Add shadow to jquery ui elements as popup menus in default skins have

git-svn-id: https://svn.roundcube.net/trunk@4719 208e9e7b-5314-0410-a742-e7e81cd9613c

1 files changed, 39 insertions, 4 deletions

diff --git a/plugins/jqueryui/themes/default/roundcube-custom.diff b/plugins/jqueryui/themes/default/roundcube-custom.diff
index 6643d6ac1..9f018fbd3 100644
--- a/plugins/jqueryui/themes/default/roundcube-custom.diff
+++ b/plugins/jqueryui/themes/default/roundcube-custom.diff
@@ -1,5 +1,5 @@
---- jquery-ui-1.8.12.custom.css.orig	2011-05-01 13:03:32.000000000 +0200
-+++ jquery-ui-1.8.12.custom.css	2011-05-01 22:01:14.000000000 +0200
+--- jquery-ui-1.8.12.custom.css.orig	2011-05-02 14:50:40.000000000 +0200
++++ jquery-ui-1.8.12.custom.css	2011-05-02 14:53:35.000000000 +0200
 @@ -61,7 +61,7 @@
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
  .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; }
@@ -27,7 +27,16 @@
  /*
   * jQuery UI Menu 1.8.12
   *
-@@ -412,10 +414,11 @@
+@@ -374,6 +376,8 @@
+ 	margin: 0;
+ 	display:block;
+ 	float: left;
++	-moz-box-shadow: 1px 1px 12px #999;
++	-webkit-box-shadow: #999 1px 1px 12px;
+ }
+ .ui-menu .ui-menu {
+ 	margin-top: -3px;
+@@ -412,10 +416,11 @@
  button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
  .ui-button-icons-only { width: 3.4em; } 
  button.ui-button-icons-only { width: 3.7em; } 
@@ -40,7 +49,16 @@
  .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
  .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
  .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
-@@ -491,8 +494,8 @@
+@@ -445,7 +450,7 @@
+  *
+  * http://docs.jquery.com/UI/Dialog#theming
+  */
+-.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
++.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; -moz-box-shadow: 1px 1px 12px #999; -webkit-box-shadow: #999 1px 1px 12px; }
+ .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
+ .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
+ .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+@@ -491,13 +496,16 @@
   */
  .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
@@ -51,3 +69,20 @@
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
  .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
+ .ui-tabs .ui-tabs-hide { display: none !important; }
++
++.ui-dialog .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:#fff; }
++
+ /*
+  * jQuery UI Datepicker 1.8.12
+  *
+@@ -507,7 +515,7 @@
+  *
+  * http://docs.jquery.com/UI/Datepicker#theming
+  */
+-.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
++.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; -moz-box-shadow: 1px 1px 12px #999; -webkit-box-shadow: #999 1px 1px 12px; }
+ .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+ .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+ .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }