diff options
Diffstat (limited to 'plugins/jqueryui/themes/larry/jquery-ui-css.diff')
| -rw-r--r-- | plugins/jqueryui/themes/larry/jquery-ui-css.diff | 579 |
1 files changed, 579 insertions, 0 deletions
diff --git a/plugins/jqueryui/themes/larry/jquery-ui-css.diff b/plugins/jqueryui/themes/larry/jquery-ui-css.diff new file mode 100644 index 000000000..967903e79 --- /dev/null +++ b/plugins/jqueryui/themes/larry/jquery-ui-css.diff @@ -0,0 +1,579 @@ +--- jquery-ui-1.10.4.custom.orig.css 2014-06-17 00:47:00.000000000 +0200 ++++ jquery-ui-1.10.4.custom.css 2014-06-17 15:31:02.000000000 +0200 +@@ -463,20 +463,29 @@ + border-left-width: 1px; + } + .ui-dialog { +- overflow: hidden; + position: absolute; + top: 0; + left: 0; +- padding: .2em; ++ padding: 3px; ++ background: #fff; ++ border-radius: 6px !important; ++ border: 0 !important; + outline: 0; ++ -webkit-box-shadow: #666 1px 1px 12px; ++ -moz-box-shadow: 1px 1px 12px #666; ++ box-shadow: 1px 1px 18px #666; + } + .ui-dialog .ui-dialog-titlebar { +- padding: .4em 1em; ++ padding: 15px 1em 8px 1em; + position: relative; ++ border: 0; ++ border-radius: 5px 5px 0 0; + } + .ui-dialog .ui-dialog-title { + float: left; +- margin: .1em 0; ++ margin: .1em 16px .1em 0; ++ font-size: 1.3em; ++ text-shadow: 1px 1px 1px #fff; + white-space: nowrap; + width: 90%; + overflow: hidden; +@@ -484,50 +493,81 @@ + } + .ui-dialog .ui-dialog-titlebar-close { + position: absolute; +- right: .3em; +- top: 50%; +- width: 20px; +- margin: -10px 0 0 0; +- padding: 1px; +- height: 20px; ++ right: -15px; ++ top: -15px; ++ width: 30px; ++ margin: 0; ++ padding: 0; ++ height: 30px; ++ z-index: 99999; ++ border-width: 0 !important; ++ background: none !important; ++ filter: none !important; ++ -webkit-box-shadow: none !important; ++ -moz-box-shadow: none !important; ++ -o-box-shadow: none !important; ++ box-shadow: none !important; ++} ++.ui-dialog .ui-dialog-titlebar-close.ui-state-focus { ++ outline: 2px solid #4fadd5; ++} ++.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { ++ top: 0; ++ left: 0; ++ margin: 0; ++ width: 30px; ++ height: 30px; ++ background: url("images/ui-dialog-close.png") 0 0 no-repeat; + } + .ui-dialog .ui-dialog-content { + position: relative; + border: 0; +- padding: .5em 1em; ++ padding: 1.5em 1em 0.5em 1em; + background: none; + overflow: auto; + } ++.ui-dialog .ui-widget-content { ++ border: 0; ++} + .ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; +- margin-top: .5em; +- padding: .3em 1em .5em .4em; ++ border-color: #ddd; ++ border-style: solid; ++ margin: 0; ++ padding: .3em 1em .5em .8em; + } + .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { +- float: right; ++ float: left; + } + .ui-dialog .ui-dialog-buttonpane button { + margin: .5em .4em .5em 0; + cursor: pointer; + } + .ui-dialog .ui-resizable-se { +- width: 12px; +- height: 12px; +- right: -5px; +- bottom: -5px; +- background-position: 16px 16px; ++ width: 14px; ++ height: 14px; ++ right: 3px; ++ bottom: 3px; ++ background-position: -80px -224px; + } + .ui-draggable .ui-dialog-titlebar { + cursor: move; + } + .ui-menu { + list-style: none; +- padding: 2px; ++ padding: 0; + margin: 0; + display: block; + outline: none; ++ background: #444; ++ border: 1px solid #999; ++ border-radius: 4px !important; ++ -webkit-box-shadow: 0 2px 6px 0 #333; ++ -moz-box-shadow: 0 2px 6px 0 #333; ++ -o-box-shadow: 0 2px 6px 0 #333; ++ box-shadow: 0 2px 6px 0 #333; + } + .ui-menu .ui-menu { + margin-top: -3px; +@@ -539,6 +579,16 @@ + width: 100%; + /* support: IE10, see #8844 */ + list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); ++ color: #fff; ++ white-space: nowrap; ++ border-top: 1px solid #5a5a5a; ++ border-bottom: 1px solid #333; ++} ++.ui-menu .ui-menu-item:first-child { ++ border-top: 0; ++} ++.ui-menu .ui-menu-item:last-child { ++ border-bottom: 0; + } + .ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; +@@ -550,15 +600,26 @@ + .ui-menu .ui-menu-item a { + text-decoration: none; + display: block; +- padding: 2px .4em; ++ padding: 6px 10px 4px 10px; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; ++ border: 0; ++ margin: 0; ++ border-radius: 0; ++ color: #fff; ++ background: #444; ++ text-shadow: 0px 1px 1px #333; + } + .ui-menu .ui-menu-item a.ui-state-focus, + .ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; +- margin: -1px; ++ background: #00aad6; ++ background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9)); ++ background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%); ++ background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%); ++ background: linear-gradient(top, #00aad6 0%, #008fc9 100%); + } + + .ui-menu .ui-state-disabled { +@@ -626,7 +687,13 @@ + font-size: .7em; + display: block; + border: 0; +- background-position: 0 0; ++ background: #019bc6; ++ background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4)); ++ background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%); ++ background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%); ++ background: linear-gradient(top, #019bc6 0%, #017cb4 100%); ++ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019bc6', endColorstr='#017cb4', GradientType=0); + } + + /* For IE8 - See #6727 */ +@@ -732,23 +799,41 @@ + padding: .2em; + } + .ui-tabs .ui-tabs-nav { +- margin: 0; +- padding: .2em .2em 0; ++ margin: 0; padding: 0; ++ border: 0; ++ background: transparent; ++ filter: none; ++ height: 44px; + } + .ui-tabs .ui-tabs-nav li { + list-style: none; +- float: left; + position: relative; ++ display: inline-block; + top: 0; +- margin: 1px .2em 0 0; +- border-bottom-width: 0; +- padding: 0; ++ margin: 0; ++ border: 0 !important; ++ padding: 0 1px 0 0; + white-space: nowrap; ++ background: #f8f8f8; ++ background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8)); ++ background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); ++ background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); ++ background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); ++ background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%); ++ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d3d3d3', GradientType=0); ++} ++.ui-tabs .ui-tabs-nav li:last-child { ++ background: none; + } + .ui-tabs .ui-tabs-nav .ui-tabs-anchor { +- float: left; +- padding: .5em 1em; ++ display: inline-block; ++ padding: 15px; + text-decoration: none; ++ font-size: 12px; ++ color: #999; ++ background: #fafafa; ++ border-right: 1px solid #fafafa; + } + .ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; +@@ -759,14 +844,26 @@ + .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { + cursor: text; + } ++.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { ++ outline: none; ++ color: #004458; ++ background: #efefef; ++ background: -moz-linear-gradient(top, #fafafa 40%, #e4e4e4 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#e4e4e4)); ++ background: -o-linear-gradient(top, #fafafa 40%, #e4e4e4 100%); ++ background: -ms-linear-gradient(top, #fafafa 40%, #e4e4e4 100%); ++ background: linear-gradient(top, #fafafa 40%, #e4e4e4 100%); ++ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e4e4e4', GradientType=0); ++} + .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { + cursor: pointer; + } + .ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; +- padding: 1em 1.4em; +- background: none; ++ padding: 0.5em 1em; ++ margin-top: 0.2em; ++ background: #efefef; + } + .ui-tooltip { + padding: 8px; +@@ -798,15 +895,21 @@ + } + .ui-widget-content { + border: 1px solid #aaaaaa; +- background: #fafafa url("images/ui-bg_highlight-soft_75_fafafa_1x100.png") 50% top repeat-x; +- color: 33333; ++ background: #fafafa; ++ color: #333333; + } + .ui-widget-content a { +- color: 33333; ++ color: #333333; + } + .ui-widget-header { + border: 1px solid #fafafa; +- background: #e4e4e4 url("images/ui-bg_highlight-soft_90_e4e4e4_1x100.png") 50% 50% repeat-x; ++ background: #e4e4e4; ++ background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4)); ++ background: -o-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%); ++ background: -ms-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%); ++ background: linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%); ++ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e4e4e4', GradientType=0); + color: #666666; + font-weight: bold; + } +@@ -820,7 +923,7 @@ + .ui-widget-content .ui-state-default, + .ui-widget-header .ui-state-default { + border: 1px solid #cccccc; +- background: #f8f8f8 url("images/ui-bg_highlight-hard_75_f8f8f8_1x100.png") 50% 50% repeat-x; ++ background: #f8f8f8; + font-weight: bold; + color: #666666; + } +@@ -837,7 +940,7 @@ + .ui-widget-content .ui-state-focus, + .ui-widget-header .ui-state-focus { + border: 1px solid #aaaaaa; +- background: #eaeaea url("images/ui-bg_highlight-hard_75_eaeaea_1x100.png") 50% 50% repeat-x; ++ background: #eaeaea; + font-weight: bold; + color: #333333; + } +@@ -856,7 +959,7 @@ + .ui-widget-content .ui-state-active, + .ui-widget-header .ui-state-active { + border: 1px solid #aaaaaa; +- background: #ffffff url("images/ui-bg_highlight-hard_65_ffffff_1x100.png") 50% 50% repeat-x; ++ background: #ffffff; + font-weight: bold; + color: #333333; + } +@@ -873,7 +976,7 @@ + .ui-widget-content .ui-state-highlight, + .ui-widget-header .ui-state-highlight { + border: 1px solid #a3a3a3; +- background: #b0ccd7 url("images/ui-bg_highlight-hard_55_b0ccd7_1x100.png") 50% top repeat-x; ++ background: #b0ccd7; + color: #004458; + } + .ui-state-highlight a, +@@ -885,7 +988,7 @@ + .ui-widget-content .ui-state-error, + .ui-widget-header .ui-state-error { + border: 1px solid #d7211e; +- background: #fef1ec url("images/ui-bg_flat_95_fef1ec_40x100.png") 50% 50% repeat-x; ++ background: #fef1ec; + color: #d64040; + } + .ui-state-error a, +@@ -1164,15 +1267,231 @@ + + /* Overlays */ + .ui-widget-overlay { +- background: #333333 url("images/ui-bg_flat_0_333333_40x100.png") 50% 50% repeat-x; ++ background: #333333; + opacity: .5; + filter: Alpha(Opacity=50); + } + .ui-widget-shadow { + margin: -6px 0 0 -6px; + padding: 6px; +- background: #666666 url("images/ui-bg_flat_0_666666_40x100.png") 50% 50% repeat-x; ++ background: #666666; + opacity: .2; + filter: Alpha(Opacity=20); + border-radius: 8px; + } ++ ++/* Roundcube button styling */ ++.ui-button.ui-state-default { ++ display: inline-block; ++ margin: 0 2px; ++ padding: 1px 2px; ++ text-shadow: 0px 1px 1px #fff; ++ border: 1px solid #c6c6c6; ++ border-radius: 4px; ++ background: #f7f7f7; ++ background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); ++ background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); ++ background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); ++ background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); ++ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0); ++ -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); ++ -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); ++ -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); ++ box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3); ++ text-decoration: none; ++ outline: none; ++} ++ ++.ui-button.mainaction { ++ color: #ededed; ++ text-shadow: 0px 1px 1px #333; ++ border-color: #1f262c; ++ background: #505050; ++ background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31)); ++ background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%); ++ background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%); ++ background: linear-gradient(top, #505050 0%, #2a2e31 100%); ++ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#2a2e31', GradientType=0); ++ -moz-box-shadow: inset 0 1px 0 0 #777; ++ -webkit-box-shadow: inset 0 1px 0 0 #777; ++ -o-box-shadow: inset 0 1px 0 0 #777; ++ box-shadow: inset 0 1px 0 0 #777; ++} ++ ++.ui-button.ui-state-focus { ++ color: #525252; ++ border-color: #4fadd5; ++ -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); ++ -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); ++ -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); ++ box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6); ++} ++ ++.ui-button.ui-state-active { ++ color: #525252; ++ border-color: #aaa; ++ background: #e6e6e6; ++ background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9)); ++ background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); ++ background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); ++ background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); ++ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f9f9f9', GradientType=0); ++} ++ ++.ui-button.ui-state-focus.mainaction, ++.ui-button.ui-state-hover.mainaction { ++ color: #fff; ++} ++ ++.ui-button.ui-state-focus.mainaction { ++ border-color: #1f262c; ++ -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777; ++ -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777; ++ -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777; ++ box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777; ++} ++ ++.ui-button.ui-state-active.mainaction { ++ color: #fff; ++ background: #515151; ++ background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050)); ++ background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%); ++ background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%); ++ background: linear-gradient(top, #2a2e31 0%, #505050 100%); ++} ++ ++.ui-button[disabled], ++.ui-button[disabled]:hover, ++.ui-button.mainaction[disabled] { ++ color: #aaa !important; ++} ++ ++/* Roundcube's specific Datepicker style override */ ++.ui-datepicker { ++ min-width: 20em; ++ padding: 0; ++ display: none; ++ border: 0; ++ border-radius: 3px; ++ -webkit-box-shadow: #666 1px 1px 10px; ++ -moz-box-shadow: 1px 1px 10px #666; ++ box-shadow: 1px 1px 16px #666; ++} ++.ui-datepicker .ui-datepicker-header { ++ padding: .3em 0; ++ border-radius: 3px 3px 0 0; ++ border: 0; ++ background: #3a3a3a; ++ filter: none; ++ color: #fff; ++ text-shadow: 0px 1px 1px #000; ++} ++.ui-datepicker .ui-datepicker-prev, ++.ui-datepicker .ui-datepicker-next { ++ border: 0; ++ background: none; ++} ++.ui-datepicker .ui-datepicker-header .ui-icon { ++ background: url("images/ui-icons-datepicker.png") 0 0 no-repeat; ++} ++.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w { ++ background-position: 0 2px; ++} ++.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e { ++ background-position: -14px 2px; ++} ++.ui-datepicker .ui-datepicker-prev-hover, ++.ui-datepicker .ui-datepicker-next-hover { ++ top: 2px; ++ border: 0; ++ background: none; ++} ++.ui-datepicker .ui-datepicker-prev, ++.ui-datepicker .ui-datepicker-prev-hover { ++ left: 2px; ++} ++.ui-datepicker .ui-datepicker-next, ++.ui-datepicker .ui-datepicker-next-hover { ++ right: 2px; ++} ++.ui-datepicker select.ui-datepicker-month, ++.ui-datepicker select.ui-datepicker-year { ++ border: 0; ++ background: #3a3a3a; ++ outline: none; ++ color: #fff; ++ font-weight: bold; ++ width: auto; ++ margin-right: 4px; ++ padding-right: 4px; ++} ++.ui-datepicker .ui-datepicker-title select::-ms-expand { ++ display: none; ++} ++.ie10 .ui-datepicker .ui-datepicker-title select, ++.webkit .ui-datepicker .ui-datepicker-title select, ++.mozilla .ui-datepicker .ui-datepicker-title select { ++ background-image: url("images/ui-icons-datepicker.png"); ++ background-position: right -18px; ++ background-repeat: no-repeat; ++ padding-right: 14px; ++ -webkit-appearance: none; ++ -moz-appearance: none; ++ appearance: none; ++} ++.mozilla .ui-datepicker .ui-datepicker-title select { ++ background-position: right -17px; ++ text-indent: 0.01px; ++ text-overflow: ''; ++ padding-right: 0; ++} ++.ui-datepicker .ui-datepicker-month:focus, ++.ui-datepicker .ui-datepicker-year:focus { ++ outline: 1px solid #4fadd5; ++} ++.ui-datepicker table { ++ margin: 0; ++ border-spacing: 0; ++} ++.ui-datepicker td { ++ border: 1px solid #bbb; ++ padding: 0; ++} ++.ui-datepicker td span, .ui-datepicker td a { ++ border: 0; ++ padding: .3em; ++ text-shadow: 0px 1px 1px #fff; ++} ++.ui-datepicker td a.ui-state-default { ++ border: 0px solid #fff; ++ border-top-width: 1px; ++ border-left-width: 1px; ++ background: #e6e6e6; ++ background: -moz-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6)); ++ background: -o-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%); ++ background: -ms-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%); ++ background: linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%); ++} ++.ui-datepicker td a.ui-priority-secondary { ++ background: #eee; ++} ++.ui-datepicker td a.ui-state-active { ++ color: #fff; ++ border-color: #0286ac; ++ text-shadow: 0px 1px 1px #00516e; ++ background: #00acd4; ++ background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%); ++ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7)); ++ background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%); ++ background: -ms-linear-gradient(top, #00acd4 0%, #008fc7 100%); ++ background: linear-gradient(top, #00acd4 0%, #008fc7 100%); ++} ++.ui-datepicker .ui-state-highlight { ++ color: #0081c2; ++} ++ |