From ee0a6e1b815f80fe4554d8d3962eae639dcaa65d Mon Sep 17 00:00:00 2001 From: Eduardo Lundgren Date: Sun, 24 Aug 2008 23:30:23 +0000 Subject: [PATCH] Theme default minor updates --- themes/default/images/bg.gif | Bin 0 -> 1091 bytes themes/default/images/progress-bg.gif | Bin 0 -> 834 bytes themes/default/ui.all.css | 302 +++++++++++++++++++++----- 3 files changed, 243 insertions(+), 59 deletions(-) create mode 100644 themes/default/images/bg.gif create mode 100644 themes/default/images/progress-bg.gif diff --git a/themes/default/images/bg.gif b/themes/default/images/bg.gif new file mode 100644 index 0000000000000000000000000000000000000000..43488afdbd4924057e45df94ed68690068fbabac GIT binary patch literal 1091 zcmZ?wbhEHbvJG_ z_wB{IZ!h0}dj&)vzP|>dkKf;X{QmaSk9R=y`N#XuKRjL%gg;OJ?2_%ZN9oX+&1IxF3}_H>l603F*t71i4@GZyiE4sw%lkTl{?!^ z6Bo7I-L2~P;_hzq*8BVGLsu~TDQ|svxII!MZqJR@$6^zdt>?XQDtdZif@HSanM&4& z=Nke$o_R~@-`i0Xygcmmtu?PVY}k3~nAhx8xhrADi9QnH9n_(1;hQKfi0UeNEKzV_IL!CjML&jsnf`iQ*+*TO}5*nMB cm>F0E91a{{WZ^W*x^rUV;^X}?%uEc{048uWPyhe` literal 0 HcmV?d00001 diff --git a/themes/default/ui.all.css b/themes/default/ui.all.css index 38abc9f23..82229e1fb 100644 --- a/themes/default/ui.all.css +++ b/themes/default/ui.all.css @@ -57,63 +57,6 @@ } - - - -/*UI tabs*/ -.ui-tabs-nav { - /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; - font-family: Verdana, Arial, sans-serif; - float: left; - position: relative; - z-index: 1; - border-right: 1px solid #d3d3d3; - bottom: -1px; -} -.ui-tabs-nav-item { - /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; - float: left; - border: 1px solid #d3d3d3; - border-right: none; -} -.ui-tabs-nav-item a { - /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; - float: left; - font-size: 1.1em; - font-weight: normal; - text-decoration: none; - padding: .5em 1.7em; - color: #555555; - background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; -} -.ui-tabs-nav-item a:hover { - background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; - color: #212121; -} -.ui-tabs-selected { - border-bottom-color: #ffffff; -} -.ui-tabs-selected a, .ui-tabs-selected a:hover { - background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; - color: #222222; -} -.ui-tabs-panel { - /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; - font-family: Verdana, Arial, sans-serif; - clear:left; - border: 1px solid #d3d3d3; - background: #ffffff; - color: #222222; - padding: 1.5em 1.7em; -} -.ui-tabs-hide { - display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; -} - - - - - /*slider*/ .ui-slider { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; @@ -319,7 +262,7 @@ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body /*datepicker*/ /* Main Style Sheet for jQuery UI date picker */ -.ui-datepicker-div, .ui-datepicker-inline { +.ui-datepicker-div, #ui-datepicker-div, .ui-datepicker-inline { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; background: #ffffff; @@ -329,7 +272,7 @@ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body padding: 2.5em .5em .5em .5em; position: relative; } -.ui-datepicker-div { +#ui-datepicker-div, .ui-datepicker-div { z-index: 9999; /*must have*/ display: none; background: #ffffff; @@ -440,6 +383,179 @@ table.ui-datepicker .ui-datepicker-title-row td a { +/*colorpicker*/ +.ui-colorpicker { + width: 356px; + height: 176px; + overflow: hidden; + position: absolute; + background: url(images/colorpicker_background.png); + font-family: Arial, Helvetica, sans-serif; + display: none; +} +.ui-colorpicker-color { + width: 150px; + height: 150px; + left: 14px; + top: 13px; + position: absolute; + background: #f00; + overflow: hidden; + cursor: crosshair; +} +.ui-colorpicker-color div { + position: absolute; + top: 0; + left: 0; + width: 150px; + height: 150px; + background: url(images/colorpicker_overlay.png); +} +.ui-colorpicker-color div div { + position: absolute; + top: 0; + left: 0; + width: 11px; + height: 11px; + overflow: hidden; + background: url(images/colorpicker_select.gif); + margin: -5px 0 0 -5px; +} +.ui-colorpicker-hue { + position: absolute; + top: 13px; + left: 171px; + width: 35px; + height: 150px; + cursor: n-resize; +} +.ui-colorpicker-hue div { + position: absolute; + width: 35px; + height: 9px; + overflow: hidden; + background: url(images/colorpicker_indic.gif) left top; + margin: -4px 0 0 0; + left: 0px; +} +.ui-colorpicker-new-color { + position: absolute; + width: 60px; + height: 30px; + left: 213px; + top: 13px; + background: #f00; +} +.ui-colorpicker-current-color { + position: absolute; + width: 60px; + height: 30px; + left: 283px; + top: 13px; + background: #f00; +} +.colorpicker input { + background-color: transparent; + border: 1px solid transparent; + position: absolute; + font-size: 10px; + font-family: Arial, Helvetica, sans-serif; + color: #898989; + top: 4px; + right: 11px; + text-align: right; + margin: 0; + padding: 0; + height: 11px; +} +.ui-colorpicker-hex { + position: absolute; + width: 72px; + height: 22px; + background: url(images/colorpicker_hex.png) top; + left: 212px; + top: 142px; +} +.ui-colorpicker input { + height: 15px; +} +.ui-colorpicker-hex input { + margin-left: 18px; + right: 6px; + width: 47px; +} +.ui-colorpicker-field { + height: 22px; + width: 62px; + background-position: top; + position: absolute; +} +.ui-colorpicker-field label { + padding-left: 17px; + font-size: 10px; +} +.ui-colorpicker-field input { + width: 25px; +} +.ui-colorpicker-field span { + position: absolute; + width: 12px; + height: 22px; + overflow: hidden; + top: 0; + right: 0; + cursor: n-resize; +} +.ui-colorpicker-rgb-r { + background-image: url(images/colorpicker_rgb_r.png); + top: 52px; + left: 212px; +} +.ui-colorpicker-rgb-g { + background-image: url(images/colorpicker_rgb_g.png); + top: 82px; + left: 212px; +} +.ui-colorpicker-rgb-b { + background-image: url(images/colorpicker_rgb_b.png); + top: 112px; + left: 212px; +} +.ui-colorpicker-hsb-h { + background-image: url(images/colorpicker_hsb_h.png); + top: 52px; + left: 282px; +} +.ui-colorpicker-hsb-s { + background-image: url(images/colorpicker_hsb_s.png); + top: 82px; + left: 282px; +} +.ui-colorpicker-hsb-b { + background-image: url(images/colorpicker_hsb_b.png); + top: 112px; + left: 282px; +} +.ui-colorpicker-submit { + position: absolute; + left: 296px; + top: 144px; + overflow: hidden; +} +.ui-colorpicker-focus { + background-position: center; +} +.ui-colorpicker-hex.ui-colorpicker-focus { + background-position: bottom; +} +.ui-colorpicker-submit.ui-colorpicker-focus { + background-position: bottom; +} +.ui-colorpicker-slider { + background-position: bottom; +} + + /*autocomplete*/ .ui-autocomplete-results { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; @@ -504,6 +620,74 @@ table.ui-datepicker .ui-datepicker-title-row td a { +/* ProgressBar */ + +.ui-progressbar { + width: 400px; height: 20px; + border: 1px #ccc solid; + background:#E0E8F3 url(images/bg.gif) repeat-x scroll 0%; + position:relative; +} + +.ui-progressbar-wrap { + position: relative; + height: auto; + width: auto; + line-height: 18px; + _line-height: 16px; +} + +.ui-progressbar-bar { + background:#9CBFEE url(images/progress-bg.gif) repeat-x scroll left center; + border-bottom:1px solid #7FA9E4; + border-right:1px solid #7FA9E4; + border-top:1px solid #D1E4FD; + position: absolute; +} + +.ui-progressbar-text { + color:#fff; + overflow: hidden; + white-space: nowrap; + font-size: 11px; + font-weight: bold; + padding-left: 5px; +} + +.ui-progressbar-text-back { + color:#000; + padding-top: 1px; + padding-bottom: 1px; + padding-right: 1px; +} + +.ui-progressbar-disabled { + opacity:.5; + filter:Alpha(Opacity=50); +} + + +/* custom */ +.ui-progressbar-text.right-align { + text-align: right; + padding: 0 5px 0 0; +} +.ui-progressbar-inner-custom { + background: url(images/custom-bar.gif) repeat-x scroll left center; + border-bottom:1px solid #EFEFEF; + border-right:0pt none; + border-top:1px solid #BEBEBE; + height:15px; +} +.bold { + color: red !important; +} +.ui-hidden { + left:-10000px; + position:absolute; + top:-10000px; + visibility:hidden; +} -- 2.39.5