Add jquery UI plugin with Roundcube default styles to be used in various plugins

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

1 files changed, 53 insertions, 0 deletions

diff --git a/plugins/jqueryui/themes/default/roundcube-custom.diff b/plugins/jqueryui/themes/default/roundcube-custom.diff
new file mode 100644
index 000000000..6643d6ac1
--- /dev/null
+++ b/plugins/jqueryui/themes/default/roundcube-custom.diff
@@ -0,0 +1,53 @@
+--- 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
+@@ -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; }
+ .ui-widget-content a { color: #000000; }
+-.ui-widget-header { border: 1px solid #999999; background: #f4f4f4 url(images/ui-bg_highlight-hard_90_f4f4f4_1x100.png) 50% 50% repeat-x; color: #333333; font-weight: bold; }
++.ui-widget-header { border: 1px solid #999999; border-width: 0 0 1px 0; background: #f4f4f4 url(images/listheader.png) 50% 50% repeat-x; color: #333333; font-weight: bold; margin: -0.2em -0.2em 0 -0.2em; }
+ .ui-widget-header a { color: #333333; }
+ 
+ /* Interaction states
+@@ -82,7 +82,7 @@
+ .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cc3333; }
+ .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cc3333; }
+ .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
+-.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
++.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .6; filter:Alpha(Opacity=60); font-weight: normal; }
+ .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+ 
+ /* Icons
+@@ -359,6 +359,8 @@
+ /* workarounds */
+ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
+ 
++#ui-active-menuitem { background:#c33; border-color:#a22; color:#fff; }
++
+ /*
+  * jQuery UI Menu 1.8.12
+  *
+@@ -412,10 +414,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; } 
++button.ui-button-text-only { background-image: url(images/buttongradient.png) !important; }
+ 
+ /*button text element */
+ .ui-button .ui-button-text { display: block; line-height: 1.4;  }
+-.ui-button-text-only .ui-button-text { padding: .4em 1em; }
++.ui-button-text-only .ui-button-text { padding: .3em 1em; }
+ .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 @@
+  */
+ .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; }
+-.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+-.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
++.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
++.ui-tabs .ui-tabs-nav li a { float: left; padding: .3em 1em; text-decoration: none; }
+ .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... */