Changeset 4719 in subversion

Timestamp:

May 2, 2011 8:58:07 AM (2 years ago)

Author:

thomasb

Message:

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

Location:

trunk/plugins/jqueryui/themes/default

Files:

• jquery-ui-1.8.12.custom.css (modified) (4 diffs)
• roundcube-custom.diff (modified) (4 diffs)

trunk/plugins/jqueryui/themes/default/jquery-ui-1.8.12.custom.css

@@ -377 +377 @@
         display:block;
         float: left;
+        -moz-box-shadow: 1px 1px 12px #999;
+        -webkit-box-shadow: #999 1px 1px 12px;
 }
 .ui-menu .ui-menu {
@@ -449 +451 @@
  * 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; } 
@@ -502 +504 @@
 .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
@@ -511 +516 @@
  * 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; }

trunk/plugins/jqueryui/themes/default/roundcube-custom.diff

@@ -1 @@
---- 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; }
@@ -28 +28 @@
   * 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; } 
@@ -41 +50 @@
  .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") */
@@ -52 +70 @@
  .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; }