--- jquery-ui-1.10.4.custom.orig.css 2014-06-17 00:47:00.000000000 +0200 +++ jquery-ui-1.10.4.custom.css 2014-07-31 08:54:40.000000000 +0200 @@ -238,6 +238,8 @@ .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; + width: 1px; + overflow: hidden; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { @@ -463,20 +465,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 +495,84 @@ } .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; +} +.no-close .ui-dialog-titlebar-close { + display: none !important; } .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 +584,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 +605,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 +692,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 +804,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 +849,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 +900,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: #0186ba; } .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 +928,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 +945,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 +964,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 +981,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 +993,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 +1272,240 @@ /* 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 -14px; + text-indent: 0.01px; + text-overflow: ''; + padding-right: 10px; +} +.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 table:focus { + outline: 2px solid #4fadd5; + outline-offset: -2px; +} +.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 !important; + text-shadow: 0px 1px 1px #00516e !important; + background: #00acd4 !important; + 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; +} +.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default { + color: #fff; + border-color: rgba(73,180,210,0.7); + background: rgba(73,180,210,0.7); + text-shadow: 0px 1px 1px #666; +}