From a3644638aaf0418598196a870204e0b632a4c8ad Mon Sep 17 00:00:00 2001 From: Thomas Bruederli <thomas@roundcube.net> Date: Fri, 17 Apr 2015 06:28:40 -0400 Subject: [PATCH] Allow preference sections to define CSS class names --- plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css | 64 +++++++++++++++++++++----------- 1 files changed, 42 insertions(+), 22 deletions(-) diff --git a/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css b/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css index d526051..106e243 100755 --- a/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css +++ b/plugins/jqueryui/themes/larry/jquery-ui-1.10.4.custom.css @@ -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 { @@ -491,15 +493,16 @@ overflow: hidden; text-overflow: ellipsis; } -.ui-dialog .ui-dialog-titlebar-close { +.ui-dialog .ui-button.ui-dialog-titlebar-close { position: absolute; right: -15px; top: -15px; - width: 30px; + width: 29px; + height: 29px; margin: 0; padding: 0; - height: 30px; z-index: 99999; + border-radius: 50%; border-width: 0 !important; background: none !important; filter: none !important; @@ -508,16 +511,22 @@ -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-button:focus, +.ui-dialog .ui-dialog-titlebar-close.ui-button.ui-state-focus { + box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important; + -webkit-box-shadow: 0 0 2px 2px rgba(71,135,177, 0.9) !important; } .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { top: 0; - left: 0; + left: -1px; margin: 0; - width: 30px; - height: 30px; + width: 29px; + height: 29px; + border-radius: 50%; 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; @@ -899,7 +908,7 @@ color: #333333; } .ui-widget-content a { - color: #333333; + color: #0186ba; } .ui-widget-header { border: 1px solid #fafafa; @@ -1433,21 +1442,23 @@ display: none; } .ie10 .ui-datepicker .ui-datepicker-title select, -.webkit .ui-datepicker .ui-datepicker-title select, -.mozilla .ui-datepicker .ui-datepicker-title select { +.webkit .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; + padding-right: 16px; -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; + +@supports (-moz-appearance:none) and (mask-type:alpha) { + .mozilla .ui-datepicker .ui-datepicker-title select { + background-image: url("images/ui-icons-datepicker.png"); + background-position: right -14px; + background-repeat: no-repeat; + padding-right: 16px; + -moz-appearance: none; + } } .ui-datepicker .ui-datepicker-month:focus, .ui-datepicker .ui-datepicker-year:focus { @@ -1456,6 +1467,10 @@ .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; @@ -1482,9 +1497,9 @@ } .ui-datepicker td a.ui-state-active { color: #fff; - border-color: #0286ac; - text-shadow: 0px 1px 1px #00516e; - background: #00acd4; + 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%); @@ -1494,4 +1509,9 @@ .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; +} -- Gitblit v1.9.1