Changeset 2555
- Timestamp:
- 07/19/10 20:47:14 (7 weeks ago)
- Location:
- branches/5.2/www/admin
- Files:
-
- 4 added
- 1 modified
-
css/jquery/default/jquery.ui.mura-theme.css (modified) (8 diffs)
-
images/icons/remov_16.png (added)
-
images/icons/stop_16.png (added)
-
images/icons/stop_24.png (added)
-
images/icons/stop_32.png (added)
Legend:
- Unmodified
- Added
- Removed
-
branches/5.2/www/admin/css/jquery/default/jquery.ui.mura-theme.css
r2528 r2555 9 9 /* Layout helpers 10 10 ----------------------------------*/ 11 .ui-helper-hidden { display: none; } 12 .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } 13 .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } 14 .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 15 .ui-helper-clearfix { display: inline-block; } 11 12 .ui-helper-hidden { 13 display: none; 14 } 15 16 .ui-helper-hidden-accessible { 17 position: absolute; 18 left: -99999999px; 19 } 20 21 .ui-helper-reset { 22 margin: 0; 23 padding: 0; 24 border: 0; 25 outline: 0; 26 line-height: 1.3; 27 text-decoration: none; 28 font-size: 100%; 29 list-style: none; 30 } 31 32 .ui-helper-clearfix:after { 33 content: "."; 34 display: block; 35 height: 0; 36 clear: both; 37 visibility: hidden; 38 } 39 40 .ui-helper-clearfix { 41 display: inline-block; 42 } 43 16 44 /* required comment for clearfix to work in Opera \*/ 17 * html .ui-helper-clearfix { height:1%; } 18 .ui-helper-clearfix { display:block; } 45 46 * html .ui-helper-clearfix { 47 height: 1%; 48 } 49 50 .ui-helper-clearfix { 51 display: block; 52 } 53 19 54 /* end clearfix */ 20 .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } 21 55 56 .ui-helper-zfix { 57 width: 100%; 58 height: 100%; 59 top: 0; 60 left: 0; 61 position: absolute; 62 opacity: 0; 63 filter: Alpha(Opacity=0); 64 } 22 65 23 66 /* Interaction Cues 24 67 ----------------------------------*/ 25 .ui-state-disabled { cursor: default !important; } 26 68 69 .ui-state-disabled { 70 cursor: default !important; 71 } 27 72 28 73 /* Icons … … 30 75 31 76 /* states and images */ 32 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } 33 77 78 .ui-icon { 79 display: block; 80 text-indent: -99999px; 81 overflow: hidden; 82 background-repeat: no-repeat; 83 } 34 84 35 85 /* Misc visuals … … 37 87 38 88 /* Overlays */ 39 .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 40 89 90 .ui-widget-overlay { 91 position: absolute; 92 top: 0; 93 left: 0; 94 width: 100%; 95 height: 100%; 96 } 41 97 42 98 /* … … 47 103 */ 48 104 49 50 105 /* Component containers 51 106 ----------------------------------*/ 52 .ui-widget .ui-widget { font-size: 1em; } 53 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: ; font-size: 1em; } 54 .ui-widget-content { border: 0px solid #dbdbdb; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; } 55 .ui-widget-content a { color: #000000; } 56 .ui-widget-header { background: #fff; color: #000000; font-weight: bold; } 57 .ui-widget-header a { color: #000000; } 107 108 .ui-widget .ui-widget { 109 font-size: 1em; 110 } 111 112 .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 113 font-family: ; 114 font-size: 1em; 115 } 116 117 .ui-widget-content { 118 border: 0px solid #dbdbdb; 119 background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; 120 color: #000000; 121 } 122 123 .ui-widget-content a { 124 color: #000000; 125 } 126 127 .ui-widget-header { 128 background: #fff; 129 color: #000000; 130 font-weight: bold; 131 } 132 133 .ui-widget-header a { 134 color: #000000; 135 } 58 136 59 137 /* Interaction states 60 138 ----------------------------------*/ 61 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dbdbdb; background: #f5f5f5 url(images/ui-bg_highlight-hard_90_f5f5f5_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #636261; } 62 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #636261; text-decoration: none; } 63 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dbdbdb; background: #dadada url(images/ui-bg_highlight-hard_90_dadada_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } 64 .ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; } 65 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dbdbdb; background: #ffffff url(images/ui-bg_highlight-hard_90_ffffff_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; } 66 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; } 67 .ui-widget :active { outline: none; } 139 140 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 141 border: 1px solid #dbdbdb; 142 background: #f5f5f5 url(images/ui-bg_highlight-hard_90_f5f5f5_1x100.png) 50% 50% repeat-x; 143 font-weight: normal; 144 color: #636261; 145 } 146 147 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 148 color: #636261; 149 text-decoration: none; 150 } 151 152 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 153 border: 1px solid #dbdbdb; 154 background: #dadada url(images/ui-bg_highlight-hard_90_dadada_1x100.png) 50% 50% repeat-x; 155 font-weight: normal; 156 color: #000000; 157 } 158 159 .ui-state-hover a, .ui-state-hover a:hover { 160 color: #000000; 161 text-decoration: none; 162 } 163 164 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 165 border: 1px solid #dbdbdb; 166 background: #ffffff url(images/ui-bg_highlight-hard_90_ffffff_1x100.png) 50% 50% repeat-x; 167 font-weight: normal; 168 color: #000000; 169 } 170 171 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 172 color: #000000; 173 text-decoration: none; 174 } 175 176 .ui-widget :active { 177 outline: none; 178 } 68 179 69 180 /* Interaction Cues 70 181 ----------------------------------*/ 71 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #ffd324; background: #fff6bf url(images/ui-bg_glass_0_fff6bf_1x400.png) 50% 50% repeat-x; color: #000000; } 72 .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #000000; } 73 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #fbc2c4; background: #fbe3e4 url(images/ui-bg_inset-soft_0_fbe3e4_1x100.png) 50% bottom repeat-x; color: #8a1f11; } 74 .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #8a1f11; } 75 .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #8a1f11; } 76 .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } 77 .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } 78 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } 182 183 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { 184 border: 1px solid #ffd324; 185 background: #fff6bf url(images/ui-bg_glass_0_fff6bf_1x400.png) 50% 50% repeat-x; 186 color: #000000; 187 } 188 189 .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { 190 color: #000000; 191 } 192 193 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { 194 border: 1px solid #fbc2c4; 195 background: #fbe3e4 url(images/ui-bg_inset-soft_0_fbe3e4_1x100.png) 50% bottom repeat-x; 196 color: #8a1f11; 197 } 198 199 .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { 200 color: #8a1f11; 201 } 202 203 .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { 204 color: #8a1f11; 205 } 206 207 .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { 208 font-weight: bold; 209 } 210 211 .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { 212 opacity: .7; 213 filter: Alpha(Opacity=70); 214 font-weight: normal; 215 } 216 217 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { 218 opacity: .35; 219 filter: Alpha(Opacity=35); 220 background-image: none; 221 } 79 222 80 223 /* Icons … … 82 225 83 226 /* states and images */ 84 .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } 85 .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } 86 .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } 87 .ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); } 88 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_6699cc_256x240.png); } 89 .ui-state-active .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); } 90 .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_ffd324_256x240.png); } 91 .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_8a1f11_256x240.png); } 227 228 .ui-icon { 229 width: 16px; 230 height: 16px; 231 background-image: url(images/ui-icons_222222_256x240.png); 232 } 233 234 .ui-widget-content .ui-icon { 235 background-image: url(images/ui-icons_222222_256x240.png); 236 } 237 238 .ui-widget-header .ui-icon { 239 background-image: url(images/ui-icons_222222_256x240.png); 240 } 241 242 .ui-state-default .ui-icon { 243 background-image: url(images/ui-icons_666666_256x240.png); 244 } 245 246 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { 247 background-image: url(images/ui-icons_6699cc_256x240.png); 248 } 249 250 .ui-state-active .ui-icon { 251 background-image: url(images/ui-icons_000000_256x240.png); 252 } 253 254 .ui-state-highlight .ui-icon { 255 background-image: url(images/ui-icons_ffd324_256x240.png); 256 } 257 258 .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { 259 background-image: url(images/ui-icons_8a1f11_256x240.png); 260 } 92 261 93 262 /* positioning */ 94 .ui-icon-carat-1-n { background-position: 0 0; } 95 .ui-icon-carat-1-ne { background-position: -16px 0; } 96 .ui-icon-carat-1-e { background-position: -32px 0; } 97 .ui-icon-carat-1-se { background-position: -48px 0; } 98 .ui-icon-carat-1-s { background-position: -64px 0; } 99 .ui-icon-carat-1-sw { background-position: -80px 0; } 100 .ui-icon-carat-1-w { background-position: -96px 0; } 101 .ui-icon-carat-1-nw { background-position: -112px 0; } 102 .ui-icon-carat-2-n-s { background-position: -128px 0; } 103 .ui-icon-carat-2-e-w { background-position: -144px 0; } 104 .ui-icon-triangle-1-n { background-position: 0 -16px; } 105 .ui-icon-triangle-1-ne { background-position: -16px -16px; } 106 .ui-icon-triangle-1-e { background-position: -32px -16px; } 107 .ui-icon-triangle-1-se { background-position: -48px -16px; } 108 .ui-icon-triangle-1-s { background-position: -64px -16px; } 109 .ui-icon-triangle-1-sw { background-position: -80px -16px; } 110 .ui-icon-triangle-1-w { background-position: -96px -16px; } 111 .ui-icon-triangle-1-nw { background-position: -112px -16px; } 112 .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 113 .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 114 .ui-icon-arrow-1-n { background-position: 0 -32px; } 115 .ui-icon-arrow-1-ne { background-position: -16px -32px; } 116 .ui-icon-arrow-1-e { background-position: -32px -32px; } 117 .ui-icon-arrow-1-se { background-position: -48px -32px; } 118 .ui-icon-arrow-1-s { background-position: -64px -32px; } 119 .ui-icon-arrow-1-sw { background-position: -80px -32px; } 120 .ui-icon-arrow-1-w { background-position: -96px -32px; } 121 .ui-icon-arrow-1-nw { background-position: -112px -32px; } 122 .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 123 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 124 .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 125 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 126 .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 127 .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 128 .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 129 .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 130 .ui-icon-arrowthick-1-n { background-position: 0 -48px; } 131 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 132 .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 133 .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 134 .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 135 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 136 .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 137 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 138 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 139 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 140 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 141 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 142 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 143 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 144 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 145 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 146 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 147 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 148 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 149 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 150 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 151 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 152 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 153 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 154 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 155 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 156 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 157 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 158 .ui-icon-arrow-4 { background-position: 0 -80px; } 159 .ui-icon-arrow-4-diag { background-position: -16px -80px; } 160 .ui-icon-extlink { background-position: -32px -80px; } 161 .ui-icon-newwin { background-position: -48px -80px; } 162 .ui-icon-refresh { background-position: -64px -80px; } 163 .ui-icon-shuffle { background-position: -80px -80px; } 164 .ui-icon-transfer-e-w { background-position: -96px -80px; } 165 .ui-icon-transferthick-e-w { background-position: -112px -80px; } 166 .ui-icon-folder-collapsed { background-position: 0 -96px; } 167 .ui-icon-folder-open { background-position: -16px -96px; } 168 .ui-icon-document { background-position: -32px -96px; } 169 .ui-icon-document-b { background-position: -48px -96px; } 170 .ui-icon-note { background-position: -64px -96px; } 171 .ui-icon-mail-closed { background-position: -80px -96px; } 172 .ui-icon-mail-open { background-position: -96px -96px; } 173 .ui-icon-suitcase { background-position: -112px -96px; } 174 .ui-icon-comment { background-position: -128px -96px; } 175 .ui-icon-person { background-position: -144px -96px; } 176 .ui-icon-print { background-position: -160px -96px; } 177 .ui-icon-trash { background-position: -176px -96px; } 178 .ui-icon-locked { background-position: -192px -96px; } 179 .ui-icon-unlocked { background-position: -208px -96px; } 180 .ui-icon-bookmark { background-position: -224px -96px; } 181 .ui-icon-tag { background-position: -240px -96px; } 182 .ui-icon-home { background-position: 0 -112px; } 183 .ui-icon-flag { background-position: -16px -112px; } 184 .ui-icon-calendar { background-position: -32px -112px; } 185 .ui-icon-cart { background-position: -48px -112px; } 186 .ui-icon-pencil { background-position: -64px -112px; } 187 .ui-icon-clock { background-position: -80px -112px; } 188 .ui-icon-disk { background-position: -96px -112px; } 189 .ui-icon-calculator { background-position: -112px -112px; } 190 .ui-icon-zoomin { background-position: -128px -112px; } 191 .ui-icon-zoomout { background-position: -144px -112px; } 192 .ui-icon-search { background-position: -160px -112px; } 193 .ui-icon-wrench { background-position: -176px -112px; } 194 .ui-icon-gear { background-position: -192px -112px; } 195 .ui-icon-heart { background-position: -208px -112px; } 196 .ui-icon-star { background-position: -224px -112px; } 197 .ui-icon-link { background-position: -240px -112px; } 198 .ui-icon-cancel { background-position: 0 -128px; } 199 .ui-icon-plus { background-position: -16px -128px; } 200 .ui-icon-plusthick { background-position: -32px -128px; } 201 .ui-icon-minus { background-position: -48px -128px; } 202 .ui-icon-minusthick { background-position: -64px -128px; } 203 .ui-icon-close { background-position: -80px -128px; } 204 .ui-icon-closethick { background-position: -96px -128px; } 205 .ui-icon-key { background-position: -112px -128px; } 206 .ui-icon-lightbulb { background-position: -128px -128px; } 207 .ui-icon-scissors { background-position: -144px -128px; } 208 .ui-icon-clipboard { background-position: -160px -128px; } 209 .ui-icon-copy { background-position: -176px -128px; } 210 .ui-icon-contact { background-position: -192px -128px; } 211 .ui-icon-image { background-position: -208px -128px; } 212 .ui-icon-video { background-position: -224px -128px; } 213 .ui-icon-script { background-position: -240px -128px; } 214 .ui-icon-alert { background-position: 0 -144px; } 215 .ui-icon-info { background-position: -16px -144px; } 216 .ui-icon-notice { background-position: -32px -144px; } 217 .ui-icon-help { background-position: -48px -144px; } 218 .ui-icon-check { background-position: -64px -144px; } 219 .ui-icon-bullet { background-position: -80px -144px; } 220 .ui-icon-radio-off { background-position: -96px -144px; } 221 .ui-icon-radio-on { background-position: -112px -144px; } 222 .ui-icon-pin-w { background-position: -128px -144px; } 223 .ui-icon-pin-s { background-position: -144px -144px; } 224 .ui-icon-play { background-position: 0 -160px; } 225 .ui-icon-pause { background-position: -16px -160px; } 226 .ui-icon-seek-next { background-position: -32px -160px; } 227 .ui-icon-seek-prev { background-position: -48px -160px; } 228 .ui-icon-seek-end { background-position: -64px -160px; } 229 .ui-icon-seek-start { background-position: -80px -160px; } 263 264 .ui-icon-carat-1-n { 265 background-position: 0 0; 266 } 267 268 .ui-icon-carat-1-ne { 269 background-position: -16px 0; 270 } 271 272 .ui-icon-carat-1-e { 273 background-position: -32px 0; 274 } 275 276 .ui-icon-carat-1-se { 277 background-position: -48px 0; 278 } 279 280 .ui-icon-carat-1-s { 281 background-position: -64px 0; 282 } 283 284 .ui-icon-carat-1-sw { 285 background-position: -80px 0; 286 } 287 288 .ui-icon-carat-1-w { 289 background-position: -96px 0; 290 } 291 292 .ui-icon-carat-1-nw { 293 background-position: -112px 0; 294 } 295 296 .ui-icon-carat-2-n-s { 297 background-position: -128px 0; 298 } 299 300 .ui-icon-carat-2-e-w { 301 background-position: -144px 0; 302 } 303 304 .ui-icon-triangle-1-n { 305 background-position: 0 -16px; 306 } 307 308 .ui-icon-triangle-1-ne { 309 background-position: -16px -16px; 310 } 311 312 .ui-icon-triangle-1-e { 313 background-position: -32px -16px; 314 } 315 316 .ui-icon-triangle-1-se { 317 background-position: -48px -16px; 318 } 319 320 .ui-icon-triangle-1-s { 321 background-position: -64px -16px; 322 } 323 324 .ui-icon-triangle-1-sw { 325 background-position: -80px -16px; 326 } 327 328 .ui-icon-triangle-1-w { 329 background-position: -96px -16px; 330 } 331 332 .ui-icon-triangle-1-nw { 333 background-position: -112px -16px; 334 } 335 336 .ui-icon-triangle-2-n-s { 337 background-position: -128px -16px; 338 } 339 340 .ui-icon-triangle-2-e-w { 341 background-position: -144px -16px; 342 } 343 344 .ui-icon-arrow-1-n { 345 background-position: 0 -32px; 346 } 347 348 .ui-icon-arrow-1-ne { 349 background-position: -16px -32px; 350 } 351 352 .ui-icon-arrow-1-e { 353 background-position: -32px -32px; 354 } 355 356 .ui-icon-arrow-1-se { 357 background-position: -48px -32px; 358 } 359 360 .ui-icon-arrow-1-s { 361 background-position: -64px -32px; 362 } 363 364 .ui-icon-arrow-1-sw { 365 background-position: -80px -32px; 366 } 367 368 .ui-icon-arrow-1-w { 369 background-position: -96px -32px; 370 } 371 372 .ui-icon-arrow-1-nw { 373 background-position: -112px -32px; 374 } 375 376 .ui-icon-arrow-2-n-s { 377 background-position: -128px -32px; 378 } 379 380 .ui-icon-arrow-2-ne-sw { 381 background-position: -144px -32px; 382 } 383 384 .ui-icon-arrow-2-e-w { 385 background-position: -160px -32px; 386 } 387 388 .ui-icon-arrow-2-se-nw { 389 background-position: -176px -32px; 390 } 391 392 .ui-icon-arrowstop-1-n { 393 background-position: -192px -32px; 394 } 395 396 .ui-icon-arrowstop-1-e { 397 background-position: -208px -32px; 398 } 399 400 .ui-icon-arrowstop-1-s { 401 background-position: -224px -32px; 402 } 403 404 .ui-icon-arrowstop-1-w { 405 background-position: -240px -32px; 406 } 407 408 .ui-icon-arrowthick-1-n { 409 background-position: 0 -48px; 410 } 411 412 .ui-icon-arrowthick-1-ne { 413 background-position: -16px -48px; 414 } 415 416 .ui-icon-arrowthick-1-e { 417 background-position: -32px -48px; 418 } 419 420 .ui-icon-arrowthick-1-se { 421 background-position: -48px -48px; 422 } 423 424 .ui-icon-arrowthick-1-s { 425 background-position: -64px -48px; 426 } 427 428 .ui-icon-arrowthick-1-sw { 429 background-position: -80px -48px; 430 } 431 432 .ui-icon-arrowthick-1-w { 433 background-position: -96px -48px; 434 } 435 436 .ui-icon-arrowthick-1-nw { 437 background-position: -112px -48px; 438 } 439 440 .ui-icon-arrowthick-2-n-s { 441 background-position: -128px -48px; 442 } 443 444 .ui-icon-arrowthick-2-ne-sw { 445 background-position: -144px -48px; 446 } 447 448 .ui-icon-arrowthick-2-e-w { 449 background-position: -160px -48px; 450 } 451 452 .ui-icon-arrowthick-2-se-nw { 453 background-position: -176px -48px; 454 } 455 456 .ui-icon-arrowthickstop-1-n { 457 background-position: -192px -48px; 458 } 459 460 .ui-icon-arrowthickstop-1-e { 461 background-position: -208px -48px; 462 } 463 464 .ui-icon-arrowthickstop-1-s { 465 background-position: -224px -48px; 466 } 467 468 .ui-icon-arrowthickstop-1-w { 469 background-position: -240px -48px; 470 } 471 472 .ui-icon-arrowreturnthick-1-w { 473 background-position: 0 -64px; 474 } 475 476 .ui-icon-arrowreturnthick-1-n { 477 background-position: -16px -64px; 478 } 479 480 .ui-icon-arrowreturnthick-1-e { 481 background-position: -32px -64px; 482 } 483 484 .ui-icon-arrowreturnthick-1-s { 485 background-position: -48px -64px; 486 } 487 488 .ui-icon-arrowreturn-1-w { 489 background-position: -64px -64px; 490 } 491 492 .ui-icon-arrowreturn-1-n { 493 background-position: -80px -64px; 494 } 495 496 .ui-icon-arrowreturn-1-e { 497 background-position: -96px -64px; 498 } 499 500 .ui-icon-arrowreturn-1-s { 501 background-position: -112px -64px; 502 } 503 504 .ui-icon-arrowrefresh-1-w { 505 background-position: -128px -64px; 506 } 507 508 .ui-icon-arrowrefresh-1-n { 509 background-position: -144px -64px; 510 } 511 512 .ui-icon-arrowrefresh-1-e { 513 background-position: -160px -64px; 514 } 515 516 .ui-icon-arrowrefresh-1-s { 517 background-position: -176px -64px; 518 } 519 520 .ui-icon-arrow-4 { 521 background-position: 0 -80px; 522 } 523 524 .ui-icon-arrow-4-diag { 525 background-position: -16px -80px; 526 } 527 528 .ui-icon-extlink { 529 background-position: -32px -80px; 530 } 531 532 .ui-icon-newwin { 533 background-position: -48px -80px; 534 } 535 536 .ui-icon-refresh { 537 background-position: -64px -80px; 538 } 539 540 .ui-icon-shuffle { 541 background-position: -80px -80px; 542 } 543 544 .ui-icon-transfer-e-w { 545 background-position: -96px -80px; 546 } 547 548 .ui-icon-transferthick-e-w { 549 background-position: -112px -80px; 550 } 551 552 .ui-icon-folder-collapsed { 553 background-position: 0 -96px; 554 } 555 556 .ui-icon-folder-open { 557 background-position: -16px -96px; 558 } 559 560 .ui-icon-document { 561 background-position: -32px -96px; 562 } 563 564 .ui-icon-document-b { 565 background-position: -48px -96px; 566 } 567 568 .ui-icon-note { 569 background-position: -64px -96px; 570 } 571 572 .ui-icon-mail-closed { 573 background-position: -80px -96px; 574 } 575 576 .ui-icon-mail-open { 577 background-position: -96px -96px; 578 } 579 580 .ui-icon-suitcase { 581 background-position: -112px -96px; 582 } 583 584 .ui-icon-comment { 585 background-position: -128px -96px; 586 } 587 588 .ui-icon-person { 589 background-position: -144px -96px; 590 } 591 592 .ui-icon-print { 593 background-position: -160px -96px; 594 } 595 596 .ui-icon-trash { 597 background-position: -176px -96px; 598 } 599 600 .ui-icon-locked { 601 background-position: -192px -96px; 602 } 603 604 .ui-icon-unlocked { 605 background-position: -208px -96px; 606 } 607 608 .ui-icon-bookmark { 609 background-position: -224px -96px; 610 } 611 612 .ui-icon-tag { 613 background-position: -240px -96px; 614 } 615 616 .ui-icon-home { 617 background-position: 0 -112px; 618 } 619 620 .ui-icon-flag { 621 background-position: -16px -112px; 622 } 623 624 .ui-icon-calendar { 625 background-position: -32px -112px; 626 } 627 628 .ui-icon-cart { 629 background-position: -48px -112px; 630 } 631 632 .ui-icon-pencil { 633 background-position: -64px -112px; 634 } 635 636 .ui-icon-clock { 637 background-position: -80px -112px; 638 } 639 640 .ui-icon-disk { 641 background-position: -96px -112px; 642 } 643 644 .ui-icon-calculator { 645 background-position: -112px -112px; 646 } 647 648 .ui-icon-zoomin { 649 background-position: -128px -112px; 650 } 651 652 .ui-icon-zoomout { 653 background-position: -144px -112px; 654 } 655 656 .ui-icon-search { 657 background-position: -160px -112px; 658 } 659 660 .ui-icon-wrench { 661 background-position: -176px -112px; 662 } 663 664 .ui-icon-gear { 665 background-position: -192px -112px; 666 } 667 668 .ui-icon-heart { 669 background-position: -208px -112px; 670 } 671 672 .ui-icon-star { 673 background-position: -224px -112px; 674 } 675 676 .ui-icon-link { 677 background-position: -240px -112px; 678 } 679 680 .ui-icon-cancel { 681 background-position: 0 -128px; 682 } 683 684 .ui-icon-plus { 685 background-position: -16px -128px; 686 } 687 688 .ui-icon-plusthick { 689 background-position: -32px -128px; 690 } 691 692 .ui-icon-minus { 693 background-position: -48px -128px; 694 } 695 696 .ui-icon-minusthick { 697 background-position: -64px -128px; 698 } 699 700 .ui-icon-close { 701 background-position: -80px -128px; 702 } 703 704 .ui-icon-closethick { 705 background-position: -96px -128px; 706 } 707 708 .ui-icon-key { 709 background-position: -112px -128px; 710 } 711 712 .ui-icon-lightbulb { 713 background-position: -128px -128px; 714 } 715 716 .ui-icon-scissors { 717 background-position: -144px -128px; 718 } 719 720 .ui-icon-clipboard { 721 background-position: -160px -128px; 722 } 723 724 .ui-icon-copy { 725 background-position: -176px -128px; 726 } 727 728 .ui-icon-contact { 729 background-position: -192px -128px; 730 } 731 732 .ui-icon-image { 733 background-position: -208px -128px; 734 } 735 736 .ui-icon-video { 737 background-position: -224px -128px; 738 } 739 740 .ui-icon-script { 741 background-position: -240px -128px; 742 } 743 744 .ui-icon-alert { /* Overridden above */ 745 background-position: 0 -144px; 746 } 747 748 .ui-icon-info { 749 background-position: -16px -144px; 750 } 751 752 .ui-icon-notice { 753 background-position: -32px -144px; 754 } 755 756 .ui-icon-help { 757 background-position: -48px -144px; 758 } 759 760 .ui-icon-check { 761 background-position: -64px -144px; 762 } 763 764 .ui-icon-bullet { 765 background-position: -80px -144px; 766 } 767 768 .ui-icon-radio-off { 769 background-position: -96px -144px; 770 } 771 772 .ui-icon-radio-on { 773 background-position: -112px -144px; 774 } 775 776 .ui-icon-pin-w { 777 background-position: -128px -144px; 778 } 779 780 .ui-icon-pin-s { 781 background-position: -144px -144px; 782 } 783 784 .ui-icon-play { 785 background-position: 0 -160px; 786 } 787 788 .ui-icon-pause { 789 background-position: -16px -160px; 790 } 791 792 .ui-icon-seek-next { 793 background-position: -32px -160px; 794 } 795 796 .ui-icon-seek-prev { 797 background-position: -48px -160px; 798 } 799 800 .ui-icon-seek-end { 801 background-position: -64px -160px; 802 } 803 804 .ui-icon-seek-start { 805 background-position: -80px -160px; 806 } 807 230 808 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 231 .ui-icon-seek-first { background-position: -80px -160px; } 232 .ui-icon-stop { background-position: -96px -160px; } 233 .ui-icon-eject { background-position: -112px -160px; } 234 .ui-icon-volume-off { background-position: -128px -160px; } 235 .ui-icon-volume-on { background-position: -144px -160px; } 236 .ui-icon-power { background-position: 0 -176px; } 237 .ui-icon-signal-diag { background-position: -16px -176px; } 238 .ui-icon-signal { background-position: -32px -176px; } 239 .ui-icon-battery-0 { background-position: -48px -176px; } 240 .ui-icon-battery-1 { background-position: -64px -176px; } 241 .ui-icon-battery-2 { background-position: -80px -176px; } 242 .ui-icon-battery-3 { background-position: -96px -176px; } 243 .ui-icon-circle-plus { background-position: 0 -192px; } 244 .ui-icon-circle-minus { background-position: -16px -192px; } 245 .ui-icon-circle-close { background-position: -32px -192px; } 246 .ui-icon-circle-triangle-e { background-position: -48px -192px; } 247 .ui-icon-circle-triangle-s { background-position: -64px -192px; } 248 .ui-icon-circle-triangle-w { background-position: -80px -192px; } 249 .ui-icon-circle-triangle-n { background-position: -96px -192px; } 250 .ui-icon-circle-arrow-e { background-position: -112px -192px; } 251 .ui-icon-circle-arrow-s { background-position: -128px -192px; } 252 .ui-icon-circle-arrow-w { background-position: -144px -192px; } 253 .ui-icon-circle-arrow-n { background-position: -160px -192px; } 254 .ui-icon-circle-zoomin { background-position: -176px -192px; } 255 .ui-icon-circle-zoomout { background-position: -192px -192px; } 256 .ui-icon-circle-check { background-position: -208px -192px; } 257 .ui-icon-circlesmall-plus { background-position: 0 -208px; } 258 .ui-icon-circlesmall-minus { background-position: -16px -208px; } 259 .ui-icon-circlesmall-close { background-position: -32px -208px; } 260 .ui-icon-squaresmall-plus { background-position: -48px -208px; } 261 .ui-icon-squaresmall-minus { background-position: -64px -208px; } 262 .ui-icon-squaresmall-close { background-position: -80px -208px; } 263 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 264 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 265 .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 266 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 267 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 268 .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 269 809 810 .ui-icon-seek-first { 811 background-position: -80px -160px; 812 } 813 814 .ui-icon-stop { 815 background-position: -96px -160px; 816 } 817 818 .ui-icon-eject { 819 background-position: -112px -160px; 820 } 821 822 .ui-icon-volume-off { 823 background-position: -128px -160px; 824 } 825 826 .ui-icon-volume-on { 827 background-position: -144px -160px; 828 } 829 830 .ui-icon-power { 831 background-position: 0 -176px; 832 } 833 834 .ui-icon-signal-diag { 835 background-position: -16px -176px; 836 } 837 838 .ui-icon-signal { 839 background-position: -32px -176px; 840 } 841 842 .ui-icon-battery-0 { 843 background-position: -48px -176px; 844 } 845 846 .ui-icon-battery-1 { 847 background-position: -64px -176px; 848 } 849 850 .ui-icon-battery-2 { 851 background-position: -80px -176px; 852 } 853 854 .ui-icon-battery-3 { 855 background-position: -96px -176px; 856 } 857 858 .ui-icon-circle-plus { 859 background-position: 0 -192px; 860 } 861 862 .ui-icon-circle-minus { 863 background-position: -16px -192px; 864 } 865 866 .ui-icon-circle-close { 867 background-position: -32px -192px; 868 } 869 870 .ui-icon-circle-triangle-e { 871 background-position: -48px -192px; 872 } 873 874 .ui-icon-circle-triangle-s { 875 background-position: -64px -192px; 876 } 877 878 .ui-icon-circle-triangle-w { 879 background-position: -80px -192px; 880 } 881 882 .ui-icon-circle-triangle-n { 883 background-position: -96px -192px; 884 } 885 886 .ui-icon-circle-arrow-e { 887 background-position: -112px -192px; 888 } 889 890 .ui-icon-circle-arrow-s { 891 background-position: -128px -192px; 892 } 893 894 .ui-icon-circle-arrow-w { 895 background-position: -144px -192px; 896 } 897 898 .ui-icon-circle-arrow-n { 899 background-position: -160px -192px; 900 } 901 902 .ui-icon-circle-zoomin { 903 background-position: -176px -192px; 904 } 905 906 .ui-icon-circle-zoomout { 907 background-position: -192px -192px; 908 } 909 910 .ui-icon-circle-check { 911 background-position: -208px -192px; 912 } 913 914 .ui-icon-circlesmall-plus { 915 background-position: 0 -208px; 916 } 917 918 .ui-icon-circlesmall-minus { 919 background-position: -16px -208px; 920 } 921 922 .ui-icon-circlesmall-close { 923 background-position: -32px -208px; 924 } 925 926 .ui-icon-squaresmall-plus { 927 background-position: -48px -208px; 928 } 929 930 .ui-icon-squaresmall-minus { 931 background-position: -64px -208px; 932 } 933 934 .ui-icon-squaresmall-close { 935 background-position: -80px -208px; 936 } 937 938 .ui-icon-grip-dotted-vertical { 939 background-position: 0 -224px; 940 } 941 942 .ui-icon-grip-dotted-horizontal { 943 background-position: -16px -224px; 944 } 945 946 .ui-icon-grip-solid-vertical { 947 background-position: -32px -224px; 948 } 949 950 .ui-icon-grip-solid-horizontal { 951 background-position: -48px -224px; 952 } 953 954 .ui-icon-gripsmall-diagonal-se { 955 background-position: -64px -224px; 956 } 957 958 .ui-icon-grip-diagonal-se { 959 background-position: -80px -224px; 960 } 270 961 271 962 /* Misc visuals … … 273 964 274 965 /* Corner radius */ 275 .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } 276 .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } 277 .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } 278 .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } 279 .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } 280 .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } 281 .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } 282 .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } 283 .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } 966 967 .ui-corner-tl { 968 -moz-border-radius-topleft: 4px; 969 -webkit-border-top-left-radius: 4px; 970 border-top-left-radius: 4px; 971 } 972 973 .ui-corner-tr { 974 -moz-border-radius-topright: 4px; 975 -webkit-border-top-right-radius: 4px; 976 border-top-right-radius: 4px; 977 } 978 979 .ui-corner-bl { 980 -moz-border-radius-bottomleft: 4px; 981 -webkit-border-bottom-left-radius: 4px; 982 border-bottom-left-radius: 4px; 983 } 984 985 .ui-corner-br { 986 -moz-border-radius-bottomright: 4px; 987 -webkit-border-bottom-right-radius: 4px; 988 border-bottom-right-radius: 4px; 989 } 990 991 .ui-corner-top { 992 -moz-border-radius-topleft: 4px; 993 -webkit-border-top-left-radius: 4px; 994 border-top-left-radius: 4px; 995 -moz-border-radius-topright: 4px; 996 -webkit-border-top-right-radius: 4px; 997 border-top-right-radius: 4px; 998 } 999 1000 .ui-corner-bottom { 1001 -moz-border-radius-bottomleft: 4px; 1002 -webkit-border-bottom-left-radius: 4px; 1003 border-bottom-left-radius: 4px; 1004 -moz-border-radius-bottomright: 4px; 1005 -webkit-border-bottom-right-radius: 4px; 1006 border-bottom-right-radius: 4px; 1007 } 1008 1009 .ui-corner-right { 1010 -moz-border-radius-topright: 4px; 1011 -webkit-border-top-right-radius: 4px; 1012 border-top-right-radius: 4px; 1013 -moz-border-radius-bottomright: 4px; 1014 -webkit-border-bottom-right-radius: 4px; 1015 border-bottom-right-radius: 4px; 1016 } 1017 1018 .ui-corner-left { 1019 -moz-border-radius-topleft: 4px; 1020 -webkit-border-top-left-radius: 4px; 1021 border-top-left-radius: 4px; 1022 -moz-border-radius-bottomleft: 4px; 1023 -webkit-border-bottom-left-radius: 4px; 1024 border-bottom-left-radius: 4px; 1025 } 1026 1027 .ui-corner-all { 1028 -moz-border-radius: 4px; 1029 -webkit-border-radius: 4px; 1030 border-radius: 4px; 1031 } 284 1032 285 1033 /* Overlays */ 286 .ui-widget-overlay { background: #000000 url(images/ui-bg_diagonals-thick_12_000000_40x40.png) 50% 50% repeat; opacity: .35;filter:Alpha(Opacity=35); } 287 .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable 288 ----------------------------------*/ 289 .ui-resizable { position: relative;} 290 .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} 291 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } 292 .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } 293 .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } 294 .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } 295 .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } 296 .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } 297 .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } 298 .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } 299 .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Selectable 300 ----------------------------------*/ 301 .ui-selectable-helper { border:1px dotted black } 1034 1035 .ui-widget-overlay { 1036 background: #000000; 1037 opacity: .50; 1038 filter: Alpha(Opacity=50); 1039 } 1040 1041 .ui-widget-shadow { 1042 margin: -8px 0 0 -8px; 1043 padding: 8px; 1044 background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 1045 opacity: .30; 1046 filter: Alpha(Opacity=30); 1047 -moz-border-radius: 8px; 1048 -webkit-border-radius: 8px; 1049 border-radius: 8px; 1050 } 1051 1052 /* Resizable 1053 ----------------------------------*/ 1054 1055 .ui-resizable { 1056 position: relative; 1057 } 1058 1059 .ui-resizable-handle { 1060 position: absolute; 1061 font-size: 0.1px; 1062 z-index: 99999; 1063 display: block; 1064 } 1065 1066 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { 1067 display: none; 1068 } 1069 1070 .ui-resizable-n { 1071 cursor: n-resize; 1072 height: 7px; 1073 width: 100%; 1074 top: -5px; 1075 left: 0; 1076 } 1077 1078 .ui-resizable-s { 1079 cursor: s-resize; 1080 height: 7px; 1081 width: 100%; 1082 bottom: -5px; 1083 left: 0; 1084 } 1085 1086 .ui-resizable-e { 1087 cursor: e-resize; 1088 width: 7px; 1089 right: -5px; 1090 top: 0; 1091 height: 100%; 1092 } 1093 1094 .ui-resizable-w { 1095 cursor: w-resize; 1096 width: 7px; 1097 left: -5px; 1098 top: 0; 1099 height: 100%; 1100 } 1101 1102 .ui-resizable-se { 1103 cursor: se-resize; 1104 width: 12px; 1105 height: 12px; 1106 right: 1px; 1107 bottom: 1px; 1108 } 1109 1110 .ui-resizable-sw { 1111 cursor: sw-resize; 1112 width: 9px; 1113 height: 9px; 1114 left: -5px; 1115 bottom: -5px; 1116 } 1117 1118 .ui-resizable-nw { 1119 cursor: nw-resize; 1120 width: 9px; 1121 height: 9px; 1122 left: -5px; 1123 top: -5px; 1124 } 1125 1126 .ui-resizable-ne { 1127 cursor: ne-resize; 1128 width: 9px; 1129 height: 9px; 1130 right: -5px; 1131 top: -5px; 1132 } 1133 1134 /* Selectable 1135 ----------------------------------*/ 1136 1137 .ui-selectable-helper { 1138 border: 1px dotted black 1139 } 1140 302 1141 /* Accordion 303 1142 ----------------------------------*/ 304 .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } 305 .ui-accordion .ui-accordion-li-fix { display: inline; } 306 .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } 307 .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } 1143 1144 .ui-accordion .ui-accordion-header { 1145 cursor: pointer; 1146 position: relative; 1147 margin-top: 1px; 1148 zoom: 1; 1149 } 1150 1151 .ui-accordion .ui-accordion-li-fix { 1152 display: inline; 1153 } 1154 1155 .ui-accordion .ui-accordion-header-active { 1156 border-bottom: 0 !important; 1157 } 1158 1159 .ui-accordion .ui-accordion-header a { 1160 display: block; 1161 font-size: 1em; 1162 padding: .5em .5em .5em .7em; 1163 } 1164 308 1165 /* IE7-/Win - Fix extra vertical space in lists */ 309 .ui-accordion a { zoom: 1; } 310 .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } 311 .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } 312 .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } 313 .ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete 314 ----------------------------------*/ 315 .ui-autocomplete { position: absolute; cursor: default; } 316 .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } 1166 1167 .ui-accordion a { 1168 zoom: 1; 1169 } 1170 1171 .ui-accordion-icons .ui-accordion-header a { 1172 padding-left: 2.2em; 1173 } 1174 1175 .ui-accordion .ui-accordion-header .ui-icon { 1176 position: absolute; 1177 left: .5em; 1178 top: 50%; 1179 margin-top: -8px; 1180 } 1181 1182 .ui-accordion .ui-accordion-content { 1183 padding: 1em 2.2em; 1184 border-top: 0; 1185 margin-top: -2px; 1186 position: relative; 1187 top: 1px; 1188 margin-bottom: 2px; 1189 overflow: auto; 1190 display: none; 1191 zoom: 1; 1192 } 1193 1194 .ui-accordion .ui-accordion-content-active { 1195 display: block; 1196 } 1197 1198 /* Autocomplete 1199 ----------------------------------*/ 1200 1201 .ui-autocomplete { 1202 position: absolute; 1203 cursor: default; 1204 } 1205 1206 .ui-autocomplete-loading { 1207 background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; 1208 } 317 1209 318 1210 /* workarounds */ 319 * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ 1211 1212 * html .ui-autocomplete { 1213 width: 1px; 1214 } 1215 1216 /* without this, the menu expands to 100% in IE6 */ 320 1217 321 1218 /* Menu 322 1219 ----------------------------------*/ 1220 323 1221 .ui-menu { 324 list-style: none;1222 list-style: none; 325 1223 padding: 2px; 326 1224 margin: 0; 327 display:block; 328 } 1225 display: block; 1226 } 1227 329 1228 .ui-menu .ui-menu { 330 1229 margin-top: -3px; 331 1230 } 1231 332 1232 .ui-menu .ui-menu-item { 333 margin: 0;1233 margin: 0; 334 1234 padding: 0; 335 1235 zoom: 1; … … 338 1238 width: 100%; 339 1239 } 1240 340 1241 .ui-menu .ui-menu-item a { 341 text-decoration:none; 342 display:block; 343 padding:.2em .4em; 344 line-height:1.5; 345 zoom:1; 346 } 1242 text-decoration: none; 1243 display: block; 1244 padding: .2em .4em; 1245 line-height: 1.5; 1246 zoom: 1; 1247 } 1248 347 1249 .ui-menu .ui-menu-item a.ui-state-hover, 348 1250 .ui-menu .ui-menu-item a.ui-state-active { … … 350 1252 margin: -1px; 351 1253 } 1254 352 1255 /* Button 353 1256 ----------------------------------*/ 354 1257 355 .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ 356 .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ 357 button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ 358 .ui-button-icons-only { width: 3.4em; } 359 button.ui-button-icons-only { width: 3.7em; } 1258 .ui-button { 1259 display: inline-block; 1260 position: relative; 1261 padding: 0; 1262 margin-right: .1em; 1263 text-decoration: none !important; 1264 cursor: pointer; 1265 text-align: center; 1266 zoom: 1; 1267 overflow: visible; 1268 } 1269 1270 /* the overflow property removes extra width in IE */ 1271 1272 .ui-button-icon-only { 1273 width: 2.2em; 1274 } 1275 1276 /* to make room for the icon, a width needs to be set here */ 1277 1278 button.ui-button-icon-only { 1279 width: 2.4em; 1280 } 1281 1282 /* button elements seem to need a little more width */ 1283 1284 .ui-button-icons-only { 1285 width: 3.4em; 1286 } 1287 1288 button.ui-button-icons-only { 1289 width: 3.7em; 1290 } 360 1291 361 1292 /*button text element */ 362 .ui-button .ui-button-text { display: block; line-height: 1.4; } 363 .ui-button-text-only .ui-button-text { padding: .4em 1em; } 364 .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } 365 .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } 366 .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } 1293 1294 .ui-button .ui-button-text { 1295 display: block; 1296 line-height: 1.4; 1297 } 1298 1299 .ui-button-text-only .ui-button-text { 1300 padding: .4em 1em; 1301 } 1302 1303 .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { 1304 padding: .4em; 1305 text-indent: -9999999px; 1306 } 1307 1308 .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { 1309 padding: .4em 1em .4em 2.1em; 1310 } 1311 1312 .ui-button-text-icons .ui-button-text { 1313 padding-left: 2.1em; 1314 padding-right: 2.1em; 1315 } 1316 367 1317 /* no icon support for input elements, provide padding by default */ 368 input.ui-button { padding: .4em 1em; } 1318 1319 input.ui-button { 1320 padding: .4em 1em; 1321 } 369 1322 370 1323 /*button icon element(s) */ 371 .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } 372 .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } 373 .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } 374 .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } 1324 1325 .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { 1326 position: absolute; 1327 top: 50%; 1328 margin-top: -8px; 1329 } 1330 1331 .ui-button-icon-only .ui-icon { 1332 left: 50%; 1333 margin-left: -8px; 1334 } 1335 1336 .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { 1337 left: .5em; 1338 } 1339 1340 .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { 1341 right: .5em; 1342 } 375 1343 376 1344 /*button sets*/ 377 .ui-buttonset { margin-right: 7px; } 378 .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } 1345 1346 .ui-buttonset { 1347 margin-right: 7px; 1348 } 1349 1350 .ui-buttonset .ui-button { 1351 margin-left: 0; 1352 margin-right: -.3em; 1353 } 379 1354 380 1355 /* workarounds */ 381 button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ 382 383 384 385 1356 1357 button.ui-button::-moz-focus-inner { 1358 border: 0; 1359 padding: 0; 1360 } 1361 1362 /* reset extra padding in Firefox */ 386 1363 387 1364 /* Dialog 388 1365 ----------------------------------*/ 389 .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } 390 .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } 391 .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 392 .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } 393 .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } 394 .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } 395 .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } 396 .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } 397 .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } 398 .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } 399 .ui-draggable .ui-dialog-titlebar { cursor: move; } 1366 1367 .ui-dialog { 1368 position: absolute; 1369 padding: .2em; 1370 width: 300px; 1371 overflow: hidden; 1372 } 1373 1374 .ui-dialog .ui-dialog-titlebar { 1375 padding: .5em 1em .3em; 1376 position: relative; 1377 } 1378 1379 .ui-dialog .ui-dialog-title { 1380 float: left; 1381 margin: .1em 16px .2em 0; 1382 font-size: 20px; 1383 } 1384 1385 .ui-dialog .ui-dialog-titlebar-close { 1386 position: absolute; 1387 right: .3em; 1388 top: 50%; 1389 width: 19px; 1390 margin: -10px 0 0 0; 1391 padding: 1px; 1392 height: 18px; 1393 } 1394 1395 .ui-dialog .ui-dialog-titlebar-close span { 1396 display: block; 1397 margin: 1px; 1398 } 1399 1400 .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { 1401 padding: 0; 1402 } 1403 1404 .ui-dialog .ui-dialog-content { 1405 border: 0; 1406 padding: .5em 1em; 1407 background: none; 1408 overflow: auto; 1409 zoom: 1; 1410 } 1411 1412 .ui-dialog .ui-dialog-buttonpane { 1413 text-align: left; 1414 border-width: 1px 0 0 0; 1415 background-image: none; 1416 margin: .5em 0 0 0; 1417 padding: .3em 1em .5em .4em; 1418 } 1419 1420 .ui-dialog .ui-dialog-buttonpane button { 1421 float: right; 1422 margin: .5em .4em .5em 0; 1423 cursor: pointer; 1424 padding: .2em .6em .3em .6em; 1425 line-height: 1.4em; 1426 width: auto; 1427 overflow: visible; 1428 } 1429 1430 .ui-dialog .ui-resizable-se { 1431 width: 14px; 1432 height: 14px; 1433 right: 3px; 1434 bottom: 3px; 1435 } 1436 1437 .ui-draggable .ui-dialog-titlebar { 1438 cursor: move; 1439 } 1440 400 1441 /* Slider 401 1442 ----------------------------------*/ 402 .ui-slider { position: relative; text-align: left; } 403 .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } 404 .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } 405 406 .ui-slider-horizontal { height: .8em; } 407 .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } 408 .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } 409 .ui-slider-horizontal .ui-slider-range-min { left: 0; } 410 .ui-slider-horizontal .ui-slider-range-max { right: 0; } 411 412 .ui-slider-vertical { width: .8em; height: 100px; } 413 .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } 414 .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } 415 .ui-slider-vertical .ui-slider-range-min { bottom: 0; } 416 .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs 417 ----------------------------------*/ 418 .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 419 .ui-tabs .ui-tabs-nav { margin: 0 0 0; padding: 0; background: #fff; border-bottom: 1px solid #dbdbdb; } 420 .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } 421 .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } 422 .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; font-weight: bold; } 1443 1444 .ui-slider { 1445 position: relative; 1446 text-align: left; 1447 } 1448 1449 .ui-slider .ui-slider-handle { 1450 position: absolute; 1451 z-index: 2; 1452 width: 1.2em; 1453 height: 1.2em; 1454 cursor: default; 1455 } 1456 1457 .ui-slider .ui-slider-range { 1458 position: absolute; 1459 z-index: 1; 1460 font-size: .7em; 1461 display: block; 1462 border: 0; 1463 background-position: 0 0; 1464 } 1465 1466 .ui-slider-horizontal { 1467 height: .8em; 1468 } 1469 1470 .ui-slider-horizontal .ui-slider-handle { 1471 top: -.3em; 1472 margin-left: -.6em; 1473 } 1474 1475 .ui-slider-horizontal .ui-slider-range { 1476 top: 0; 1477 height: 100%; 1478 } 1479 1480 .ui-slider-horizontal .ui-slider-range-min { 1481 left: 0; 1482 } 1483 1484 .ui-slider-horizontal .ui-slider-range-max { 1485 right: 0; 1486 } 1487 1488 .ui-slider-vertical { 1489 width: .8em; 1490 height: 100px; 1491 } 1492 1493 .ui-slider-vertical .ui-slider-handle { 1494 left: -.3em; 1495 margin-left: 0; 1496 margin-bottom: -.6em; 1497 } 1498 1499 .ui-slider-vertical .ui-slider-range { 1500 left: 0; 1501 width: 100%; 1502 } 1503 1504 .ui-slider-vertical .ui-slider-range-min { 1505 bottom: 0; 1506 } 1507 1508 .ui-slider-vertical .ui-slider-range-max { 1509 top: 0; 1510 } 1511 1512 /* Tabs 1513 ----------------------------------*/ 1514 1515 .ui-tabs { 1516 position: relative; 1517 padding: 0; 1518 zoom: 1; 1519 } 1520 1521 /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 1522 1523 .ui-tabs .ui-tabs-nav { 1524 margin: 0 0 0; 1525 padding: 0; 1526 background: #fff; 1527 border-bottom: 1px solid #dbdbdb; 1528 } 1529 1530 .ui-tabs .ui-tabs-nav li { 1531 list-style: none; 1532 float: left; 1533 position: relative; 1534 top: 1px; 1535 margin: 0 .2em 1px 0; 1536 border-bottom: 0 !important; 1537 padding: 0; 1538 white-space: nowrap; 1539 } 1540 1541 .ui-tabs .ui-tabs-nav li a { 1542 float: left; 1543 padding: .5em 1em; 1544 text-decoration: none; 1545 } 1546 1547 .ui-tabs .ui-tabs-nav li.ui-tabs-selected { 1548 margin-bottom: 0; 1549 padding-bottom: 1px; 1550 font-weight: bold; 1551 } 1552 423 1553 /*.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { 424 1554 color: #ff3300; 425 1555 }*/ 426 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } 427 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ 428 .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0 0; background: none; } 429 .ui-tabs .ui-tabs-hide { display: none !important; } 1556 1557 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 1558 cursor: text; 1559 } 1560 1561 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 1562 cursor: pointer; 1563 } 1564 1565 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ 1566 1567 .ui-tabs .ui-tabs-panel { 1568 display: block; 1569 border-width: 0; 1570 padding: 1em 0 0; 1571 background: none; 1572 } 1573 1574 .ui-tabs .ui-tabs-hide { 1575 display: none !important; 1576 } 1577 430 1578 /* Datepicker 431 1579 ----------------------------------*/ 432 .ui-datepicker { width: 17em; padding: .2em .2em 0; } 433 .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } 434 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } 435 .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } 436 .ui-datepicker .ui-datepicker-prev { left:2px; } 437 .ui-datepicker .ui-datepicker-next { right:2px; } 438 .ui-datepicker .ui-datepicker-prev-hover { left:1px; } 439 .ui-datepicker .ui-datepicker-next-hover { right:1px; } 440 .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } 441 .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } 442 .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } 443 .ui-datepicker select.ui-datepicker-month-year {width: 100%;} 1580 1581 .ui-datepicker { 1582 width: 17em; 1583 padding: .2em .2em 0; 1584 } 1585 1586 .ui-datepicker .ui-datepicker-header { 1587 position: relative; 1588 padding: .2em 0; 1589 } 1590 1591 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 1592 position: absolute; 1593 top: 2px; 1594 width: 1.8em; 1595 height: 1.8em; 1596 } 1597 1598 .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { 1599 top: 1px; 1600 } 1601 1602 .ui-datepicker .ui-datepicker-prev { 1603 left: 2px; 1604 } 1605 1606 .ui-datepicker .ui-datepicker-next { 1607 right: 2px; 1608 } 1609 1610 .ui-datepicker .ui-datepicker-prev-hover { 1611 left: 1px; 1612 } 1613 1614 .ui-datepicker .ui-datepicker-next-hover { 1615 right: 1px; 1616 } 1617 1618 .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { 1619 display: block; 1620 position: absolute; 1621 left: 50%; 1622 margin-left: -8px; 1623 top: 50%; 1624 margin-top: -8px; 1625 } 1626 1627 .ui-datepicker .ui-datepicker-title { 1628 margin: 0 2.3em; 1629 line-height: 1.8em; 1630 text-align: center; 1631 } 1632 1633 .ui-datepicker .ui-datepicker-title select { 1634 font-size: 1em; 1635 margin: 1px 0; 1636 } 1637 1638 .ui-datepicker select.ui-datepicker-month-year { 1639 width: 100%; 1640 } 1641 444 1642 .ui-datepicker select.ui-datepicker-month, 445 .ui-datepicker select.ui-datepicker-year { width: 49%;} 446 .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } 447 .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } 448 .ui-datepicker td { border: 0; padding: 1px; } 449 .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } 450 .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } 451 .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } 452 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } 1643 .ui-datepicker select.ui-datepicker-year { 1644 width: 49%; 1645 } 1646 1647 .ui-datepicker table { 1648 width: 100%; 1649 font-size: .9em; 1650 border-collapse: collapse; 1651 margin: 0 0 .4em; 1652 } 1653 1654 .ui-datepicker th { 1655 padding: .7em .3em; 1656 text-align: center; 1657 font-weight: bold; 1658 border: 0; 1659 } 1660 1661 .ui-datepicker td { 1662 border: 0; 1663 padding: 1px; 1664 } 1665 1666 .ui-datepicker td span, .ui-datepicker td a { 1667 display: block; 1668 padding: .2em; 1669 text-align: right; 1670 text-decoration: none; 1671 } 1672 1673 .ui-datepicker .ui-datepicker-buttonpane { 1674 background-image: none; 1675 margin: .7em 0 0 0; 1676 padding: 0 .2em; 1677 border-left: 0; 1678 border-right: 0; 1679 border-bottom: 0; 1680 } 1681 1682 .ui-datepicker .ui-datepicker-buttonpane button { 1683 float: right; 1684 margin: .5em .2em .4em; 1685 cursor: pointer; 1686 padding: .2em .6em .3em .6em; 1687 width: auto; 1688 overflow: visible; 1689 } 1690 1691 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 1692 float: left; 1693 } 453 1694 454 1695 /* with multiple calendars */ 455 .ui-datepicker.ui-datepicker-multi { width:auto; } 456 .ui-datepicker-multi .ui-datepicker-group { float:left; } 457 .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } 458 .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } 459 .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } 460 .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } 461 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } 462 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } 463 .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } 464 .ui-datepicker-row-break { clear:both; width:100%; } 1696 1697 .ui-datepicker.ui-datepicker-multi { 1698 width: auto; 1699 } 1700 1701 .ui-datepicker-multi .ui-datepicker-group { 1702 float: left; 1703 } 1704 1705 .ui-datepicker-multi .ui-datepicker-group table { 1706 width: 95%; 1707 margin: 0 auto .4em; 1708 } 1709 1710 .ui-datepicker-multi-2 .ui-datepicker-group { 1711 width: 50%; 1712 } 1713 1714 .ui-datepicker-multi-3 .ui-datepicker-group { 1715 width: 33.3%; 1716 } 1717 1718 .ui-datepicker-multi-4 .ui-datepicker-group { 1719 width: 25%; 1720 } 1721 1722 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { 1723 border-left-width: 0; 1724 } 1725 1726 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 1727 border-left-width: 0; 1728 } 1729 1730 .ui-datepicker-multi .ui-datepicker-buttonpane { 1731 clear: left; 1732 } 1733 1734 .ui-datepicker-row-break { 1735 clear: both; 1736 width: 100%; 1737 } 465 1738 466 1739 /* RTL support */ 467 .ui-datepicker-rtl { direction: rtl; } 468 .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } 469 .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } 470 .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } 471 .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } 472 .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } 473 .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } 474 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } 475 .ui-datepicker-rtl .ui-datepicker-group { float:right; } 476 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 477 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 1740 1741 .ui-datepicker-rtl { 1742 direction: rtl; 1743 } 1744 1745 .ui-datepicker-rtl .ui-datepicker-prev { 1746 right: 2px; 1747 left: auto; 1748 } 1749 1750 .ui-datepicker-rtl .ui-datepicker-next { 1751 left: 2px; 1752 right: auto; 1753 } 1754 1755 .ui-datepicker-rtl .ui-datepicker-prev:hover { 1756 right: 1px; 1757 left: auto; 1758 } 1759 1760 .ui-datepicker-rtl .ui-datepicker-next:hover { 1761 left: 1px; 1762 right: auto; 1763 } 1764 1765 .ui-datepicker-rtl .ui-datepicker-buttonpane { 1766 clear: right; 1767 } 1768 1769 .ui-datepicker-rtl .ui-datepicker-buttonpane button { 1770 float: left; 1771 } 1772 1773 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { 1774 float: right; 1775 } 1776 1777 .ui-datepicker-rtl .ui-datepicker-group { 1778 float: right; 1779 } 1780 1781 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { 1782 border-right-width: 0; 1783 border-left-width: 1px; 1784 } 1785 1786 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 1787 border-right-width: 0; 1788 border-left-width: 1px; 1789 } 478 1790 479 1791 /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ 1792 480 1793 .ui-datepicker-cover { 481 display: none; /*sorry for IE5*/ 482 display/**/: block; /*sorry for IE5*/ 483 position: absolute; /*must have*/ 484 z-index: -1; /*must have*/ 485 filter: mask(); /*must have*/ 486 top: -4px; /*must have*/ 487 left: -4px; /*must have*/ 488 width: 200px; /*must have*/ 489 height: 200px; /*must have*/ 490 }/* Progressbar 491 ----------------------------------*/ 492 .ui-progressbar { height:2em; text-align: left; } 493 .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } 1794 display: none; 1795 /* 1796 1797 sorry for IE5*/ 1798 display/* 1799 1800 */: block; 1801 / 1802 1803 *sorry for IE5*/ 1804 position: absolute; 1805 1806 1807 /*must have*/ 1808 z-index: -1; 1809 1810 1811 /*must have*/ 1812 filter: mask(); 1813 1814 /*must have*/ 1815 top: -4px 1816 1817 ; 1818 /*must have*/ 1819 left: -4p 1820 1821 x; 1822 /*must have*/ 1823 width: 200 1824 1825 px; 1826 /*must have*/ 1827 height: 20 1828 1829 0px; 1830 /*must have*/ 1831 } 1832 1833 /* Progressbar 1834 ----------------------------------*/ 1835 1836 .ui-progressbar { 1837 height: 2em; 1838 text-align: left; 1839 } 1840 1841 .ui-progressbar .ui-progressbar-value { 1842 margin: -1px; 1843 height: 100%; 1844 } 1845 1846 /* Overrides 1847 ----------------------------------*/ 1848 .ui-dialog { 1849 border: 6px solid #666; 1850 border-radius: 4px; 1851 -webkit-border-radius: 4px; 1852 -moz-border-radius: 4px; 1853 } 1854 1855 1856 .ui-dialog .ui-icon-alert { 1857 background: url(../../../images/icons/stop_24.png) no-repeat left 50%; 1858 height: 32px; 1859 width: 24px; 1860 line-height: 1; 1861 } 1862 1863 .ui-dialog .ui-dialog-titlebar-close span { 1864 background: url(../../../images/icons/remov_16.png) no-repeat 50% 50%; 1865 height: 16px; 1866 width: 16px; 1867 } 1868 1869 .ui-dialog-content { 1870 height: auto !important; 1871 } 1872 1873 .ui-dialog-content p { 1874 font-size: 13px; 1875 margin-bottom: 0; 1876 color: #666; 1877 }
