From 7d946ec774e7fd832c0c691076338eae69e9b894 Mon Sep 17 00:00:00 2001 From: Richard Worth Date: Wed, 12 Nov 2008 01:22:07 +0000 Subject: [PATCH] default theme: whitespace and formatting --- themes/default/ui.all.css | 402 +++++++++++++++++++------------------- 1 file changed, 201 insertions(+), 201 deletions(-) diff --git a/themes/default/ui.all.css b/themes/default/ui.all.css index 8a5fc9591..78c263e79 100644 --- a/themes/default/ui.all.css +++ b/themes/default/ui.all.css @@ -55,43 +55,121 @@ } -/* Slider */ -.ui-slider { +/* Datepicker */ +/* Main Style Sheet for jQuery UI date picker */ +.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; - border: 1px solid #d3d3d3; - height: .8em; + font-size: 1.1em; + border: 4px solid #d3d3d3; + width: 15.5em; + padding: 2.5em .5em .5em .5em; position: relative; } -.ui-slider-handle { - /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; +#ui-datepicker-div, .ui-datepicker-div { + z-index: 9999; /*must have*/ + display: none; + background: #ffffff; +} +.ui-datepicker-inline { + float: left; + display: block; +} +.ui-datepicker-control { + display: none; +} +.ui-datepicker-current { + display: none; +} +.ui-datepicker-next, .ui-datepicker-prev { position: absolute; - z-index: 2; - top: -3px; - width: 1.2em; - height: 1.2em; - background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; - border: 1px solid #dddddd; + left: .5em; + top: .5em; + background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; } -.ui-slider-handle:hover { - background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; - border: 1px solid #999999; +.ui-datepicker-next { + left: 14.6em; } -.ui-slider-handle-active, .ui-slider-handle-active:hover { +.ui-datepicker-next:hover, .ui-datepicker-prev:hover { background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; - border: 1px solid #dddddd; } -.ui-slider-range { - /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; - height: .8em; - background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; - position: absolute; +.ui-datepicker-next a, .ui-datepicker-prev a { + text-indent: -999999px; + width: 1.3em; + height: 1.4em; + display: block; + font-size: 1em; + background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; border: 1px solid #d3d3d3; - border-left: 0; - border-right: 0; - top: -1px; - z-index: 1; + cursor: pointer; +} +.ui-datepicker-next a { + background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; +} +.ui-datepicker-prev a:hover { + background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; +} +.ui-datepicker-next a:hover { + background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; +} +.ui-datepicker-prev a:active { + background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat; +} +.ui-datepicker-next a:active { + background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat; +} +.ui-datepicker-header select { + border: 1px solid #d3d3d3; + color: #555555; + background: #e6e6e6; + font-size: 1em; + line-height: 1.4em; + position: absolute; + top: .5em; + margin: 0 !important; + +} +.ui-datepicker-header select.ui-datepicker-new-month { +width: 7em; +left: 2.2em; +} +.ui-datepicker-header select.ui-datepicker-new-year { +width: 5em; +left: 9.4em; +} +table.ui-datepicker { + width: 15.5em; + text-align: right; +} +table.ui-datepicker td a { + padding: .1em .3em .1em 0; + display: block; + color: #555555; + background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; + cursor: pointer; + border: 1px solid #ffffff; +} +table.ui-datepicker td a:hover { + border: 1px solid #999999; + color: #212121; + background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; +} +table.ui-datepicker td a:active { + border: 1px solid #dddddd; + color: #222222; + background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; +} +table.ui-datepicker .ui-datepicker-title-row td { + padding: .3em 0; + text-align: center; + font-size: .9em; + color: #222222; + text-transform: uppercase; + /*border-bottom: 1px solid #d3d3d3;*/ +} +table.ui-datepicker .ui-datepicker-title-row td a { + color: #222222; } @@ -248,124 +326,6 @@ 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-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; - font-size: 1.1em; - border: 4px solid #d3d3d3; - width: 15.5em; - padding: 2.5em .5em .5em .5em; - position: relative; -} -#ui-datepicker-div, .ui-datepicker-div { - z-index: 9999; /*must have*/ - display: none; - background: #ffffff; -} -.ui-datepicker-inline { - float: left; - display: block; -} -.ui-datepicker-control { - display: none; -} -.ui-datepicker-current { - display: none; -} -.ui-datepicker-next, .ui-datepicker-prev { - position: absolute; - left: .5em; - top: .5em; - background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; -} -.ui-datepicker-next { - left: 14.6em; -} -.ui-datepicker-next:hover, .ui-datepicker-prev:hover { - background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; -} -.ui-datepicker-next a, .ui-datepicker-prev a { - text-indent: -999999px; - width: 1.3em; - height: 1.4em; - display: block; - font-size: 1em; - background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; - border: 1px solid #d3d3d3; - cursor: pointer; -} -.ui-datepicker-next a { - background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; -} -.ui-datepicker-prev a:hover { - background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; -} -.ui-datepicker-next a:hover { - background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; -} -.ui-datepicker-prev a:active { - background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat; -} -.ui-datepicker-next a:active { - background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat; -} -.ui-datepicker-header select { - border: 1px solid #d3d3d3; - color: #555555; - background: #e6e6e6; - font-size: 1em; - line-height: 1.4em; - position: absolute; - top: .5em; - margin: 0 !important; - -} -.ui-datepicker-header select.ui-datepicker-new-month { -width: 7em; -left: 2.2em; -} -.ui-datepicker-header select.ui-datepicker-new-year { -width: 5em; -left: 9.4em; -} -table.ui-datepicker { - width: 15.5em; - text-align: right; -} -table.ui-datepicker td a { - padding: .1em .3em .1em 0; - display: block; - color: #555555; - background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; - cursor: pointer; - border: 1px solid #ffffff; -} -table.ui-datepicker td a:hover { - border: 1px solid #999999; - color: #212121; - background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; -} -table.ui-datepicker td a:active { - border: 1px solid #dddddd; - color: #222222; - background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; -} -table.ui-datepicker .ui-datepicker-title-row td { - padding: .3em 0; - text-align: center; - font-size: .9em; - color: #222222; - text-transform: uppercase; - /*border-bottom: 1px solid #d3d3d3;*/ -} -table.ui-datepicker .ui-datepicker-title-row td a { - color: #222222; -} - - /* Progressbar */ .ui-progressbar { width: 400px; height: 20px; @@ -427,12 +387,108 @@ table.ui-datepicker .ui-datepicker-title-row td a { } +/* Resizable */ +/* Note: for resizable styles, use the styles listed above in the dialog section */ + + +/* 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; + font-family: Verdana, Arial, sans-serif; + background: #ffffff; + border: 1px solid #d3d3d3; + height: .8em; + position: relative; +} +.ui-slider-handle { + /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; + position: absolute; + z-index: 2; + top: -3px; + width: 1.2em; + height: 1.2em; + background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; + border: 1px solid #dddddd; +} +.ui-slider-handle:hover { + background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; + border: 1px solid #999999; +} +.ui-slider-handle-active, .ui-slider-handle-active:hover { + background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; + border: 1px solid #dddddd; +} +.ui-slider-range { + /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; + height: .8em; + background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; + position: absolute; + border: 1px solid #d3d3d3; + border-left: 0; + border-right: 0; + top: -1px; + z-index: 1; +} + + +/* Spinner */ +.ui-spinner { + width: 15em; + display: block; + position: relative; + overflow: hidden; + border: 1px solid #999; + background: #FEFEFE url(./images/spinner-bg.gif) repeat-x left bottom; + padding: 0 5px; +} +.ui-spinner-disabled { + background: #F4F4F4; + color: #CCC; +} +.ui-spinner-box { + width: 90%; + height: 100%; + float: left; + font-size: 125%; + border: none; + background: none; + padding: 0; +} +.ui-spinner-up, +.ui-spinner-down { + width: 10%; + height: 50%; + font-size: 0.5em; + padding: 0; + margin: 0; + z-index: 100; + text-align: center; + vertical-align: middle; + position: absolute; + right: 0; + cursor: default; + border: 1px solid #999; + border-right: none; + border-top: none; +} +.ui-spinner-down { + bottom: 0; + border-bottom: 0; +} +.ui-spinner-pressed { + background: #FEFEFE; +} +.ui-spinner-list, +.ui-spinner-listitem { + margin: 0; + padding: 0; +} + /* Generic ThemeRoller Classes >> Make your jQuery Components ThemeRoller-Compatible! */ - /*component global class*/ .ui-component { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; @@ -540,59 +596,3 @@ Generic ThemeRoller Classes * html .ui-clearfix {height: 1%;} .ui-clearfix {display: block;} /* End hide from IE-mac */ - -/* Note: for resizable styles, use the styles listed above in the dialog section */ - - -/* Spinner */ -.ui-spinner { - width: 15em; - display: block; - position: relative; - overflow: hidden; - border: 1px solid #999; - background: #FEFEFE url(./images/spinner-bg.gif) repeat-x left bottom; - padding: 0 5px; -} -.ui-spinner-disabled { - background: #F4F4F4; - color: #CCC; -} -.ui-spinner-box { - width: 90%; - height: 100%; - float: left; - font-size: 125%; - border: none; - background: none; - padding: 0; -} -.ui-spinner-up, -.ui-spinner-down { - width: 10%; - height: 50%; - font-size: 0.5em; - padding: 0; - margin: 0; - z-index: 100; - text-align: center; - vertical-align: middle; - position: absolute; - right: 0; - cursor: default; - border: 1px solid #999; - border-right: none; - border-top: none; -} -.ui-spinner-down { - bottom: 0; - border-bottom: 0; -} -.ui-spinner-pressed { - background: #FEFEFE; -} -.ui-spinner-list, -.ui-spinner-listitem { - margin: 0; - padding: 0; -}