Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/css/redmond/jquery-ui-1.10.3.custom.css
www-thermferm/css/redmond/jquery-ui-1.10.3.custom.css
- changeset 98
- 6e7e69f3493a
- parent 97
- 4a9dbee41a6c
- child 99
- 5dccd1d8d817
equal
deleted
inserted
replaced
| 97:4a9dbee41a6c | 98:6e7e69f3493a |
|---|---|
| 1 /*! jQuery UI - v1.10.3 - 2013-06-15 | |
| 2 * http://jqueryui.com | |
| 3 * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css | |
| 4 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px | |
| 5 * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ | |
| 6 | |
| 7 /* Layout helpers | |
| 8 ----------------------------------*/ | |
| 9 .ui-helper-hidden { | |
| 10 display: none; | |
| 11 } | |
| 12 .ui-helper-hidden-accessible { | |
| 13 border: 0; | |
| 14 clip: rect(0 0 0 0); | |
| 15 height: 1px; | |
| 16 margin: -1px; | |
| 17 overflow: hidden; | |
| 18 padding: 0; | |
| 19 position: absolute; | |
| 20 width: 1px; | |
| 21 } | |
| 22 .ui-helper-reset { | |
| 23 margin: 0; | |
| 24 padding: 0; | |
| 25 border: 0; | |
| 26 outline: 0; | |
| 27 line-height: 1.3; | |
| 28 text-decoration: none; | |
| 29 font-size: 100%; | |
| 30 list-style: none; | |
| 31 } | |
| 32 .ui-helper-clearfix:before, | |
| 33 .ui-helper-clearfix:after { | |
| 34 content: ""; | |
| 35 display: table; | |
| 36 border-collapse: collapse; | |
| 37 } | |
| 38 .ui-helper-clearfix:after { | |
| 39 clear: both; | |
| 40 } | |
| 41 .ui-helper-clearfix { | |
| 42 min-height: 0; /* support: IE7 */ | |
| 43 } | |
| 44 .ui-helper-zfix { | |
| 45 width: 100%; | |
| 46 height: 100%; | |
| 47 top: 0; | |
| 48 left: 0; | |
| 49 position: absolute; | |
| 50 opacity: 0; | |
| 51 filter:Alpha(Opacity=0); | |
| 52 } | |
| 53 | |
| 54 .ui-front { | |
| 55 z-index: 100; | |
| 56 } | |
| 57 | |
| 58 | |
| 59 /* Interaction Cues | |
| 60 ----------------------------------*/ | |
| 61 .ui-state-disabled { | |
| 62 cursor: default !important; | |
| 63 } | |
| 64 | |
| 65 | |
| 66 /* Icons | |
| 67 ----------------------------------*/ | |
| 68 | |
| 69 /* states and images */ | |
| 70 .ui-icon { | |
| 71 display: block; | |
| 72 text-indent: -99999px; | |
| 73 overflow: hidden; | |
| 74 background-repeat: no-repeat; | |
| 75 } | |
| 76 | |
| 77 | |
| 78 /* Misc visuals | |
| 79 ----------------------------------*/ | |
| 80 | |
| 81 /* Overlays */ | |
| 82 .ui-widget-overlay { | |
| 83 position: fixed; | |
| 84 top: 0; | |
| 85 left: 0; | |
| 86 width: 100%; | |
| 87 height: 100%; | |
| 88 } | |
| 89 .ui-resizable { | |
| 90 position: relative; | |
| 91 } | |
| 92 .ui-resizable-handle { | |
| 93 position: absolute; | |
| 94 font-size: 0.1px; | |
| 95 display: block; | |
| 96 } | |
| 97 .ui-resizable-disabled .ui-resizable-handle, | |
| 98 .ui-resizable-autohide .ui-resizable-handle { | |
| 99 display: none; | |
| 100 } | |
| 101 .ui-resizable-n { | |
| 102 cursor: n-resize; | |
| 103 height: 7px; | |
| 104 width: 100%; | |
| 105 top: -5px; | |
| 106 left: 0; | |
| 107 } | |
| 108 .ui-resizable-s { | |
| 109 cursor: s-resize; | |
| 110 height: 7px; | |
| 111 width: 100%; | |
| 112 bottom: -5px; | |
| 113 left: 0; | |
| 114 } | |
| 115 .ui-resizable-e { | |
| 116 cursor: e-resize; | |
| 117 width: 7px; | |
| 118 right: -5px; | |
| 119 top: 0; | |
| 120 height: 100%; | |
| 121 } | |
| 122 .ui-resizable-w { | |
| 123 cursor: w-resize; | |
| 124 width: 7px; | |
| 125 left: -5px; | |
| 126 top: 0; | |
| 127 height: 100%; | |
| 128 } | |
| 129 .ui-resizable-se { | |
| 130 cursor: se-resize; | |
| 131 width: 12px; | |
| 132 height: 12px; | |
| 133 right: 1px; | |
| 134 bottom: 1px; | |
| 135 } | |
| 136 .ui-resizable-sw { | |
| 137 cursor: sw-resize; | |
| 138 width: 9px; | |
| 139 height: 9px; | |
| 140 left: -5px; | |
| 141 bottom: -5px; | |
| 142 } | |
| 143 .ui-resizable-nw { | |
| 144 cursor: nw-resize; | |
| 145 width: 9px; | |
| 146 height: 9px; | |
| 147 left: -5px; | |
| 148 top: -5px; | |
| 149 } | |
| 150 .ui-resizable-ne { | |
| 151 cursor: ne-resize; | |
| 152 width: 9px; | |
| 153 height: 9px; | |
| 154 right: -5px; | |
| 155 top: -5px; | |
| 156 } | |
| 157 .ui-selectable-helper { | |
| 158 position: absolute; | |
| 159 z-index: 100; | |
| 160 border: 1px dotted black; | |
| 161 } | |
| 162 .ui-accordion .ui-accordion-header { | |
| 163 display: block; | |
| 164 cursor: pointer; | |
| 165 position: relative; | |
| 166 margin-top: 2px; | |
| 167 padding: .5em .5em .5em .7em; | |
| 168 min-height: 0; /* support: IE7 */ | |
| 169 } | |
| 170 .ui-accordion .ui-accordion-icons { | |
| 171 padding-left: 2.2em; | |
| 172 } | |
| 173 .ui-accordion .ui-accordion-noicons { | |
| 174 padding-left: .7em; | |
| 175 } | |
| 176 .ui-accordion .ui-accordion-icons .ui-accordion-icons { | |
| 177 padding-left: 2.2em; | |
| 178 } | |
| 179 .ui-accordion .ui-accordion-header .ui-accordion-header-icon { | |
| 180 position: absolute; | |
| 181 left: .5em; | |
| 182 top: 50%; | |
| 183 margin-top: -8px; | |
| 184 } | |
| 185 .ui-accordion .ui-accordion-content { | |
| 186 padding: 1em 2.2em; | |
| 187 border-top: 0; | |
| 188 overflow: auto; | |
| 189 } | |
| 190 .ui-autocomplete { | |
| 191 position: absolute; | |
| 192 top: 0; | |
| 193 left: 0; | |
| 194 cursor: default; | |
| 195 } | |
| 196 .ui-button { | |
| 197 display: inline-block; | |
| 198 position: relative; | |
| 199 padding: 0; | |
| 200 line-height: normal; | |
| 201 margin-right: .1em; | |
| 202 cursor: pointer; | |
| 203 vertical-align: middle; | |
| 204 text-align: center; | |
| 205 overflow: visible; /* removes extra width in IE */ | |
| 206 } | |
| 207 .ui-button, | |
| 208 .ui-button:link, | |
| 209 .ui-button:visited, | |
| 210 .ui-button:hover, | |
| 211 .ui-button:active { | |
| 212 text-decoration: none; | |
| 213 } | |
| 214 /* to make room for the icon, a width needs to be set here */ | |
| 215 .ui-button-icon-only { | |
| 216 width: 2.2em; | |
| 217 } | |
| 218 /* button elements seem to need a little more width */ | |
| 219 button.ui-button-icon-only { | |
| 220 width: 2.4em; | |
| 221 } | |
| 222 .ui-button-icons-only { | |
| 223 width: 3.4em; | |
| 224 } | |
| 225 button.ui-button-icons-only { | |
| 226 width: 3.7em; | |
| 227 } | |
| 228 | |
| 229 /* button text element */ | |
| 230 .ui-button .ui-button-text { | |
| 231 display: block; | |
| 232 line-height: normal; | |
| 233 } | |
| 234 .ui-button-text-only .ui-button-text { | |
| 235 padding: .4em 1em; | |
| 236 } | |
| 237 .ui-button-icon-only .ui-button-text, | |
| 238 .ui-button-icons-only .ui-button-text { | |
| 239 padding: .4em; | |
| 240 text-indent: -9999999px; | |
| 241 } | |
| 242 .ui-button-text-icon-primary .ui-button-text, | |
| 243 .ui-button-text-icons .ui-button-text { | |
| 244 padding: .4em 1em .4em 2.1em; | |
| 245 } | |
| 246 .ui-button-text-icon-secondary .ui-button-text, | |
| 247 .ui-button-text-icons .ui-button-text { | |
| 248 padding: .4em 2.1em .4em 1em; | |
| 249 } | |
| 250 .ui-button-text-icons .ui-button-text { | |
| 251 padding-left: 2.1em; | |
| 252 padding-right: 2.1em; | |
| 253 } | |
| 254 /* no icon support for input elements, provide padding by default */ | |
| 255 input.ui-button { | |
| 256 padding: .4em 1em; | |
| 257 } | |
| 258 | |
| 259 /* button icon element(s) */ | |
| 260 .ui-button-icon-only .ui-icon, | |
| 261 .ui-button-text-icon-primary .ui-icon, | |
| 262 .ui-button-text-icon-secondary .ui-icon, | |
| 263 .ui-button-text-icons .ui-icon, | |
| 264 .ui-button-icons-only .ui-icon { | |
| 265 position: absolute; | |
| 266 top: 50%; | |
| 267 margin-top: -8px; | |
| 268 } | |
| 269 .ui-button-icon-only .ui-icon { | |
| 270 left: 50%; | |
| 271 margin-left: -8px; | |
| 272 } | |
| 273 .ui-button-text-icon-primary .ui-button-icon-primary, | |
| 274 .ui-button-text-icons .ui-button-icon-primary, | |
| 275 .ui-button-icons-only .ui-button-icon-primary { | |
| 276 left: .5em; | |
| 277 } | |
| 278 .ui-button-text-icon-secondary .ui-button-icon-secondary, | |
| 279 .ui-button-text-icons .ui-button-icon-secondary, | |
| 280 .ui-button-icons-only .ui-button-icon-secondary { | |
| 281 right: .5em; | |
| 282 } | |
| 283 | |
| 284 /* button sets */ | |
| 285 .ui-buttonset { | |
| 286 margin-right: 7px; | |
| 287 } | |
| 288 .ui-buttonset .ui-button { | |
| 289 margin-left: 0; | |
| 290 margin-right: -.3em; | |
| 291 } | |
| 292 | |
| 293 /* workarounds */ | |
| 294 /* reset extra padding in Firefox, see h5bp.com/l */ | |
| 295 input.ui-button::-moz-focus-inner, | |
| 296 button.ui-button::-moz-focus-inner { | |
| 297 border: 0; | |
| 298 padding: 0; | |
| 299 } | |
| 300 .ui-datepicker { | |
| 301 width: 17em; | |
| 302 padding: .2em .2em 0; | |
| 303 display: none; | |
| 304 } | |
| 305 .ui-datepicker .ui-datepicker-header { | |
| 306 position: relative; | |
| 307 padding: .2em 0; | |
| 308 } | |
| 309 .ui-datepicker .ui-datepicker-prev, | |
| 310 .ui-datepicker .ui-datepicker-next { | |
| 311 position: absolute; | |
| 312 top: 2px; | |
| 313 width: 1.8em; | |
| 314 height: 1.8em; | |
| 315 } | |
| 316 .ui-datepicker .ui-datepicker-prev-hover, | |
| 317 .ui-datepicker .ui-datepicker-next-hover { | |
| 318 top: 1px; | |
| 319 } | |
| 320 .ui-datepicker .ui-datepicker-prev { | |
| 321 left: 2px; | |
| 322 } | |
| 323 .ui-datepicker .ui-datepicker-next { | |
| 324 right: 2px; | |
| 325 } | |
| 326 .ui-datepicker .ui-datepicker-prev-hover { | |
| 327 left: 1px; | |
| 328 } | |
| 329 .ui-datepicker .ui-datepicker-next-hover { | |
| 330 right: 1px; | |
| 331 } | |
| 332 .ui-datepicker .ui-datepicker-prev span, | |
| 333 .ui-datepicker .ui-datepicker-next span { | |
| 334 display: block; | |
| 335 position: absolute; | |
| 336 left: 50%; | |
| 337 margin-left: -8px; | |
| 338 top: 50%; | |
| 339 margin-top: -8px; | |
| 340 } | |
| 341 .ui-datepicker .ui-datepicker-title { | |
| 342 margin: 0 2.3em; | |
| 343 line-height: 1.8em; | |
| 344 text-align: center; | |
| 345 } | |
| 346 .ui-datepicker .ui-datepicker-title select { | |
| 347 font-size: 1em; | |
| 348 margin: 1px 0; | |
| 349 } | |
| 350 .ui-datepicker select.ui-datepicker-month-year { | |
| 351 width: 100%; | |
| 352 } | |
| 353 .ui-datepicker select.ui-datepicker-month, | |
| 354 .ui-datepicker select.ui-datepicker-year { | |
| 355 width: 49%; | |
| 356 } | |
| 357 .ui-datepicker table { | |
| 358 width: 100%; | |
| 359 font-size: .9em; | |
| 360 border-collapse: collapse; | |
| 361 margin: 0 0 .4em; | |
| 362 } | |
| 363 .ui-datepicker th { | |
| 364 padding: .7em .3em; | |
| 365 text-align: center; | |
| 366 font-weight: bold; | |
| 367 border: 0; | |
| 368 } | |
| 369 .ui-datepicker td { | |
| 370 border: 0; | |
| 371 padding: 1px; | |
| 372 } | |
| 373 .ui-datepicker td span, | |
| 374 .ui-datepicker td a { | |
| 375 display: block; | |
| 376 padding: .2em; | |
| 377 text-align: right; | |
| 378 text-decoration: none; | |
| 379 } | |
| 380 .ui-datepicker .ui-datepicker-buttonpane { | |
| 381 background-image: none; | |
| 382 margin: .7em 0 0 0; | |
| 383 padding: 0 .2em; | |
| 384 border-left: 0; | |
| 385 border-right: 0; | |
| 386 border-bottom: 0; | |
| 387 } | |
| 388 .ui-datepicker .ui-datepicker-buttonpane button { | |
| 389 float: right; | |
| 390 margin: .5em .2em .4em; | |
| 391 cursor: pointer; | |
| 392 padding: .2em .6em .3em .6em; | |
| 393 width: auto; | |
| 394 overflow: visible; | |
| 395 } | |
| 396 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { | |
| 397 float: left; | |
| 398 } | |
| 399 | |
| 400 /* with multiple calendars */ | |
| 401 .ui-datepicker.ui-datepicker-multi { | |
| 402 width: auto; | |
| 403 } | |
| 404 .ui-datepicker-multi .ui-datepicker-group { | |
| 405 float: left; | |
| 406 } | |
| 407 .ui-datepicker-multi .ui-datepicker-group table { | |
| 408 width: 95%; | |
| 409 margin: 0 auto .4em; | |
| 410 } | |
| 411 .ui-datepicker-multi-2 .ui-datepicker-group { | |
| 412 width: 50%; | |
| 413 } | |
| 414 .ui-datepicker-multi-3 .ui-datepicker-group { | |
| 415 width: 33.3%; | |
| 416 } | |
| 417 .ui-datepicker-multi-4 .ui-datepicker-group { | |
| 418 width: 25%; | |
| 419 } | |
| 420 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, | |
| 421 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { | |
| 422 border-left-width: 0; | |
| 423 } | |
| 424 .ui-datepicker-multi .ui-datepicker-buttonpane { | |
| 425 clear: left; | |
| 426 } | |
| 427 .ui-datepicker-row-break { | |
| 428 clear: both; | |
| 429 width: 100%; | |
| 430 font-size: 0; | |
| 431 } | |
| 432 | |
| 433 /* RTL support */ | |
| 434 .ui-datepicker-rtl { | |
| 435 direction: rtl; | |
| 436 } | |
| 437 .ui-datepicker-rtl .ui-datepicker-prev { | |
| 438 right: 2px; | |
| 439 left: auto; | |
| 440 } | |
| 441 .ui-datepicker-rtl .ui-datepicker-next { | |
| 442 left: 2px; | |
| 443 right: auto; | |
| 444 } | |
| 445 .ui-datepicker-rtl .ui-datepicker-prev:hover { | |
| 446 right: 1px; | |
| 447 left: auto; | |
| 448 } | |
| 449 .ui-datepicker-rtl .ui-datepicker-next:hover { | |
| 450 left: 1px; | |
| 451 right: auto; | |
| 452 } | |
| 453 .ui-datepicker-rtl .ui-datepicker-buttonpane { | |
| 454 clear: right; | |
| 455 } | |
| 456 .ui-datepicker-rtl .ui-datepicker-buttonpane button { | |
| 457 float: left; | |
| 458 } | |
| 459 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, | |
| 460 .ui-datepicker-rtl .ui-datepicker-group { | |
| 461 float: right; | |
| 462 } | |
| 463 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, | |
| 464 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { | |
| 465 border-right-width: 0; | |
| 466 border-left-width: 1px; | |
| 467 } | |
| 468 .ui-dialog { | |
| 469 position: absolute; | |
| 470 top: 0; | |
| 471 left: 0; | |
| 472 padding: .2em; | |
| 473 outline: 0; | |
| 474 } | |
| 475 .ui-dialog .ui-dialog-titlebar { | |
| 476 padding: .4em 1em; | |
| 477 position: relative; | |
| 478 } | |
| 479 .ui-dialog .ui-dialog-title { | |
| 480 float: left; | |
| 481 margin: .1em 0; | |
| 482 white-space: nowrap; | |
| 483 width: 90%; | |
| 484 overflow: hidden; | |
| 485 text-overflow: ellipsis; | |
| 486 } | |
| 487 .ui-dialog .ui-dialog-titlebar-close { | |
| 488 position: absolute; | |
| 489 right: .3em; | |
| 490 top: 50%; | |
| 491 width: 21px; | |
| 492 margin: -10px 0 0 0; | |
| 493 padding: 1px; | |
| 494 height: 20px; | |
| 495 } | |
| 496 .ui-dialog .ui-dialog-content { | |
| 497 position: relative; | |
| 498 border: 0; | |
| 499 padding: .5em 1em; | |
| 500 background: none; | |
| 501 overflow: auto; | |
| 502 } | |
| 503 .ui-dialog .ui-dialog-buttonpane { | |
| 504 text-align: left; | |
| 505 border-width: 1px 0 0 0; | |
| 506 background-image: none; | |
| 507 margin-top: .5em; | |
| 508 padding: .3em 1em .5em .4em; | |
| 509 } | |
| 510 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { | |
| 511 float: right; | |
| 512 } | |
| 513 .ui-dialog .ui-dialog-buttonpane button { | |
| 514 margin: .5em .4em .5em 0; | |
| 515 cursor: pointer; | |
| 516 } | |
| 517 .ui-dialog .ui-resizable-se { | |
| 518 width: 12px; | |
| 519 height: 12px; | |
| 520 right: -5px; | |
| 521 bottom: -5px; | |
| 522 background-position: 16px 16px; | |
| 523 } | |
| 524 .ui-draggable .ui-dialog-titlebar { | |
| 525 cursor: move; | |
| 526 } | |
| 527 .ui-menu { | |
| 528 list-style: none; | |
| 529 padding: 2px; | |
| 530 margin: 0; | |
| 531 display: block; | |
| 532 outline: none; | |
| 533 } | |
| 534 .ui-menu .ui-menu { | |
| 535 margin-top: -3px; | |
| 536 position: absolute; | |
| 537 } | |
| 538 .ui-menu .ui-menu-item { | |
| 539 margin: 0; | |
| 540 padding: 0; | |
| 541 width: 100%; | |
| 542 /* support: IE10, see #8844 */ | |
| 543 list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); | |
| 544 } | |
| 545 .ui-menu .ui-menu-divider { | |
| 546 margin: 5px -2px 5px -2px; | |
| 547 height: 0; | |
| 548 font-size: 0; | |
| 549 line-height: 0; | |
| 550 border-width: 1px 0 0 0; | |
| 551 } | |
| 552 .ui-menu .ui-menu-item a { | |
| 553 text-decoration: none; | |
| 554 display: block; | |
| 555 padding: 2px .4em; | |
| 556 line-height: 1.5; | |
| 557 min-height: 0; /* support: IE7 */ | |
| 558 font-weight: normal; | |
| 559 } | |
| 560 .ui-menu .ui-menu-item a.ui-state-focus, | |
| 561 .ui-menu .ui-menu-item a.ui-state-active { | |
| 562 font-weight: normal; | |
| 563 margin: -1px; | |
| 564 } | |
| 565 | |
| 566 .ui-menu .ui-state-disabled { | |
| 567 font-weight: normal; | |
| 568 margin: .4em 0 .2em; | |
| 569 line-height: 1.5; | |
| 570 } | |
| 571 .ui-menu .ui-state-disabled a { | |
| 572 cursor: default; | |
| 573 } | |
| 574 | |
| 575 /* icon support */ | |
| 576 .ui-menu-icons { | |
| 577 position: relative; | |
| 578 } | |
| 579 .ui-menu-icons .ui-menu-item a { | |
| 580 position: relative; | |
| 581 padding-left: 2em; | |
| 582 } | |
| 583 | |
| 584 /* left-aligned */ | |
| 585 .ui-menu .ui-icon { | |
| 586 position: absolute; | |
| 587 top: .2em; | |
| 588 left: .2em; | |
| 589 } | |
| 590 | |
| 591 /* right-aligned */ | |
| 592 .ui-menu .ui-menu-icon { | |
| 593 position: static; | |
| 594 float: right; | |
| 595 } | |
| 596 .ui-progressbar { | |
| 597 height: 2em; | |
| 598 text-align: left; | |
| 599 overflow: hidden; | |
| 600 } | |
| 601 .ui-progressbar .ui-progressbar-value { | |
| 602 margin: -1px; | |
| 603 height: 100%; | |
| 604 } | |
| 605 .ui-progressbar .ui-progressbar-overlay { | |
| 606 background: url("images/animated-overlay.gif"); | |
| 607 height: 100%; | |
| 608 filter: alpha(opacity=25); | |
| 609 opacity: 0.25; | |
| 610 } | |
| 611 .ui-progressbar-indeterminate .ui-progressbar-value { | |
| 612 background-image: none; | |
| 613 } | |
| 614 .ui-slider { | |
| 615 position: relative; | |
| 616 text-align: left; | |
| 617 } | |
| 618 .ui-slider .ui-slider-handle { | |
| 619 position: absolute; | |
| 620 z-index: 2; | |
| 621 width: 1.2em; | |
| 622 height: 1.2em; | |
| 623 cursor: default; | |
| 624 } | |
| 625 .ui-slider .ui-slider-range { | |
| 626 position: absolute; | |
| 627 z-index: 1; | |
| 628 font-size: .7em; | |
| 629 display: block; | |
| 630 border: 0; | |
| 631 background-position: 0 0; | |
| 632 } | |
| 633 | |
| 634 /* For IE8 - See #6727 */ | |
| 635 .ui-slider.ui-state-disabled .ui-slider-handle, | |
| 636 .ui-slider.ui-state-disabled .ui-slider-range { | |
| 637 filter: inherit; | |
| 638 } | |
| 639 | |
| 640 .ui-slider-horizontal { | |
| 641 height: .8em; | |
| 642 } | |
| 643 .ui-slider-horizontal .ui-slider-handle { | |
| 644 top: -.3em; | |
| 645 margin-left: -.6em; | |
| 646 } | |
| 647 .ui-slider-horizontal .ui-slider-range { | |
| 648 top: 0; | |
| 649 height: 100%; | |
| 650 } | |
| 651 .ui-slider-horizontal .ui-slider-range-min { | |
| 652 left: 0; | |
| 653 } | |
| 654 .ui-slider-horizontal .ui-slider-range-max { | |
| 655 right: 0; | |
| 656 } | |
| 657 | |
| 658 .ui-slider-vertical { | |
| 659 width: .8em; | |
| 660 height: 100px; | |
| 661 } | |
| 662 .ui-slider-vertical .ui-slider-handle { | |
| 663 left: -.3em; | |
| 664 margin-left: 0; | |
| 665 margin-bottom: -.6em; | |
| 666 } | |
| 667 .ui-slider-vertical .ui-slider-range { | |
| 668 left: 0; | |
| 669 width: 100%; | |
| 670 } | |
| 671 .ui-slider-vertical .ui-slider-range-min { | |
| 672 bottom: 0; | |
| 673 } | |
| 674 .ui-slider-vertical .ui-slider-range-max { | |
| 675 top: 0; | |
| 676 } | |
| 677 .ui-spinner { | |
| 678 position: relative; | |
| 679 display: inline-block; | |
| 680 overflow: hidden; | |
| 681 padding: 0; | |
| 682 vertical-align: middle; | |
| 683 } | |
| 684 .ui-spinner-input { | |
| 685 border: none; | |
| 686 background: none; | |
| 687 color: inherit; | |
| 688 padding: 0; | |
| 689 margin: .2em 0; | |
| 690 vertical-align: middle; | |
| 691 margin-left: .4em; | |
| 692 margin-right: 22px; | |
| 693 } | |
| 694 .ui-spinner-button { | |
| 695 width: 16px; | |
| 696 height: 50%; | |
| 697 font-size: .5em; | |
| 698 padding: 0; | |
| 699 margin: 0; | |
| 700 text-align: center; | |
| 701 position: absolute; | |
| 702 cursor: default; | |
| 703 display: block; | |
| 704 overflow: hidden; | |
| 705 right: 0; | |
| 706 } | |
| 707 /* more specificity required here to overide default borders */ | |
| 708 .ui-spinner a.ui-spinner-button { | |
| 709 border-top: none; | |
| 710 border-bottom: none; | |
| 711 border-right: none; | |
| 712 } | |
| 713 /* vertical centre icon */ | |
| 714 .ui-spinner .ui-icon { | |
| 715 position: absolute; | |
| 716 margin-top: -8px; | |
| 717 top: 50%; | |
| 718 left: 0; | |
| 719 } | |
| 720 .ui-spinner-up { | |
| 721 top: 0; | |
| 722 } | |
| 723 .ui-spinner-down { | |
| 724 bottom: 0; | |
| 725 } | |
| 726 | |
| 727 /* TR overrides */ | |
| 728 .ui-spinner .ui-icon-triangle-1-s { | |
| 729 /* need to fix icons sprite */ | |
| 730 background-position: -65px -16px; | |
| 731 } | |
| 732 .ui-tabs { | |
| 733 position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ | |
| 734 padding: .2em; | |
| 735 } | |
| 736 .ui-tabs .ui-tabs-nav { | |
| 737 margin: 0; | |
| 738 padding: .2em .2em 0; | |
| 739 } | |
| 740 .ui-tabs .ui-tabs-nav li { | |
| 741 list-style: none; | |
| 742 float: left; | |
| 743 position: relative; | |
| 744 top: 0; | |
| 745 margin: 1px .2em 0 0; | |
| 746 border-bottom-width: 0; | |
| 747 padding: 0; | |
| 748 white-space: nowrap; | |
| 749 } | |
| 750 .ui-tabs .ui-tabs-nav li a { | |
| 751 float: left; | |
| 752 padding: .5em 1em; | |
| 753 text-decoration: none; | |
| 754 } | |
| 755 .ui-tabs .ui-tabs-nav li.ui-tabs-active { | |
| 756 margin-bottom: -1px; | |
| 757 padding-bottom: 1px; | |
| 758 } | |
| 759 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, | |
| 760 .ui-tabs .ui-tabs-nav li.ui-state-disabled a, | |
| 761 .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { | |
| 762 cursor: text; | |
| 763 } | |
| 764 .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ | |
| 765 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { | |
| 766 cursor: pointer; | |
| 767 } | |
| 768 .ui-tabs .ui-tabs-panel { | |
| 769 display: block; | |
| 770 border-width: 0; | |
| 771 padding: 1em 1.4em; | |
| 772 background: none; | |
| 773 } | |
| 774 .ui-tooltip { | |
| 775 padding: 8px; | |
| 776 position: absolute; | |
| 777 z-index: 9999; | |
| 778 max-width: 300px; | |
| 779 -webkit-box-shadow: 0 0 5px #aaa; | |
| 780 box-shadow: 0 0 5px #aaa; | |
| 781 } | |
| 782 body .ui-tooltip { | |
| 783 border-width: 2px; | |
| 784 } | |
| 785 | |
| 786 /* Component containers | |
| 787 ----------------------------------*/ | |
| 788 .ui-widget { | |
| 789 font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; | |
| 790 font-size: 1.1em; | |
| 791 } | |
| 792 .ui-widget .ui-widget { | |
| 793 font-size: 1em; | |
| 794 } | |
| 795 .ui-widget input, | |
| 796 .ui-widget select, | |
| 797 .ui-widget textarea, | |
| 798 .ui-widget button { | |
| 799 font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; | |
| 800 font-size: 1em; | |
| 801 } | |
| 802 .ui-widget-content { | |
| 803 border: 1px solid #a6c9e2; | |
| 804 background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; | |
| 805 color: #222222; | |
| 806 } | |
| 807 .ui-widget-content a { | |
| 808 color: #222222; | |
| 809 } | |
| 810 .ui-widget-header { | |
| 811 border: 1px solid #4297d7; | |
| 812 background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; | |
| 813 color: #ffffff; | |
| 814 font-weight: bold; | |
| 815 } | |
| 816 .ui-widget-header a { | |
| 817 color: #ffffff; | |
| 818 } | |
| 819 | |
| 820 /* Interaction states | |
| 821 ----------------------------------*/ | |
| 822 .ui-state-default, | |
| 823 .ui-widget-content .ui-state-default, | |
| 824 .ui-widget-header .ui-state-default { | |
| 825 border: 1px solid #c5dbec; | |
| 826 background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; | |
| 827 font-weight: bold; | |
| 828 color: #2e6e9e; | |
| 829 } | |
| 830 .ui-state-default a, | |
| 831 .ui-state-default a:link, | |
| 832 .ui-state-default a:visited { | |
| 833 color: #2e6e9e; | |
| 834 text-decoration: none; | |
| 835 } | |
| 836 .ui-state-hover, | |
| 837 .ui-widget-content .ui-state-hover, | |
| 838 .ui-widget-header .ui-state-hover, | |
| 839 .ui-state-focus, | |
| 840 .ui-widget-content .ui-state-focus, | |
| 841 .ui-widget-header .ui-state-focus { | |
| 842 border: 1px solid #79b7e7; | |
| 843 background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; | |
| 844 font-weight: bold; | |
| 845 color: #1d5987; | |
| 846 } | |
| 847 .ui-state-hover a, | |
| 848 .ui-state-hover a:hover, | |
| 849 .ui-state-hover a:link, | |
| 850 .ui-state-hover a:visited { | |
| 851 color: #1d5987; | |
| 852 text-decoration: none; | |
| 853 } | |
| 854 .ui-state-active, | |
| 855 .ui-widget-content .ui-state-active, | |
| 856 .ui-widget-header .ui-state-active { | |
| 857 border: 1px solid #79b7e7; | |
| 858 background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; | |
| 859 font-weight: bold; | |
| 860 color: #e17009; | |
| 861 } | |
| 862 .ui-state-active a, | |
| 863 .ui-state-active a:link, | |
| 864 .ui-state-active a:visited { | |
| 865 color: #e17009; | |
| 866 text-decoration: none; | |
| 867 } | |
| 868 | |
| 869 /* Interaction Cues | |
| 870 ----------------------------------*/ | |
| 871 .ui-state-highlight, | |
| 872 .ui-widget-content .ui-state-highlight, | |
| 873 .ui-widget-header .ui-state-highlight { | |
| 874 border: 1px solid #fad42e; | |
| 875 background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; | |
| 876 color: #363636; | |
| 877 } | |
| 878 .ui-state-highlight a, | |
| 879 .ui-widget-content .ui-state-highlight a, | |
| 880 .ui-widget-header .ui-state-highlight a { | |
| 881 color: #363636; | |
| 882 } | |
| 883 .ui-state-error, | |
| 884 .ui-widget-content .ui-state-error, | |
| 885 .ui-widget-header .ui-state-error { | |
| 886 border: 1px solid #cd0a0a; | |
| 887 background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; | |
| 888 color: #cd0a0a; | |
| 889 } | |
| 890 .ui-state-error a, | |
| 891 .ui-widget-content .ui-state-error a, | |
| 892 .ui-widget-header .ui-state-error a { | |
| 893 color: #cd0a0a; | |
| 894 } | |
| 895 .ui-state-error-text, | |
| 896 .ui-widget-content .ui-state-error-text, | |
| 897 .ui-widget-header .ui-state-error-text { | |
| 898 color: #cd0a0a; | |
| 899 } | |
| 900 .ui-priority-primary, | |
| 901 .ui-widget-content .ui-priority-primary, | |
| 902 .ui-widget-header .ui-priority-primary { | |
| 903 font-weight: bold; | |
| 904 } | |
| 905 .ui-priority-secondary, | |
| 906 .ui-widget-content .ui-priority-secondary, | |
| 907 .ui-widget-header .ui-priority-secondary { | |
| 908 opacity: .7; | |
| 909 filter:Alpha(Opacity=70); | |
| 910 font-weight: normal; | |
| 911 } | |
| 912 .ui-state-disabled, | |
| 913 .ui-widget-content .ui-state-disabled, | |
| 914 .ui-widget-header .ui-state-disabled { | |
| 915 opacity: .35; | |
| 916 filter:Alpha(Opacity=35); | |
| 917 background-image: none; | |
| 918 } | |
| 919 .ui-state-disabled .ui-icon { | |
| 920 filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ | |
| 921 } | |
| 922 | |
| 923 /* Icons | |
| 924 ----------------------------------*/ | |
| 925 | |
| 926 /* states and images */ | |
| 927 .ui-icon { | |
| 928 width: 16px; | |
| 929 height: 16px; | |
| 930 } | |
| 931 .ui-icon, | |
| 932 .ui-widget-content .ui-icon { | |
| 933 background-image: url(images/ui-icons_469bdd_256x240.png); | |
| 934 } | |
| 935 .ui-widget-header .ui-icon { | |
| 936 background-image: url(images/ui-icons_d8e7f3_256x240.png); | |
| 937 } | |
| 938 .ui-state-default .ui-icon { | |
| 939 background-image: url(images/ui-icons_6da8d5_256x240.png); | |
| 940 } | |
| 941 .ui-state-hover .ui-icon, | |
| 942 .ui-state-focus .ui-icon { | |
| 943 background-image: url(images/ui-icons_217bc0_256x240.png); | |
| 944 } | |
| 945 .ui-state-active .ui-icon { | |
| 946 background-image: url(images/ui-icons_f9bd01_256x240.png); | |
| 947 } | |
| 948 .ui-state-highlight .ui-icon { | |
| 949 background-image: url(images/ui-icons_2e83ff_256x240.png); | |
| 950 } | |
| 951 .ui-state-error .ui-icon, | |
| 952 .ui-state-error-text .ui-icon { | |
| 953 background-image: url(images/ui-icons_cd0a0a_256x240.png); | |
| 954 } | |
| 955 | |
| 956 /* positioning */ | |
| 957 .ui-icon-blank { background-position: 16px 16px; } | |
| 958 .ui-icon-carat-1-n { background-position: 0 0; } | |
| 959 .ui-icon-carat-1-ne { background-position: -16px 0; } | |
| 960 .ui-icon-carat-1-e { background-position: -32px 0; } | |
| 961 .ui-icon-carat-1-se { background-position: -48px 0; } | |
| 962 .ui-icon-carat-1-s { background-position: -64px 0; } | |
| 963 .ui-icon-carat-1-sw { background-position: -80px 0; } | |
| 964 .ui-icon-carat-1-w { background-position: -96px 0; } | |
| 965 .ui-icon-carat-1-nw { background-position: -112px 0; } | |
| 966 .ui-icon-carat-2-n-s { background-position: -128px 0; } | |
| 967 .ui-icon-carat-2-e-w { background-position: -144px 0; } | |
| 968 .ui-icon-triangle-1-n { background-position: 0 -16px; } | |
| 969 .ui-icon-triangle-1-ne { background-position: -16px -16px; } | |
| 970 .ui-icon-triangle-1-e { background-position: -32px -16px; } | |
| 971 .ui-icon-triangle-1-se { background-position: -48px -16px; } | |
| 972 .ui-icon-triangle-1-s { background-position: -64px -16px; } | |
| 973 .ui-icon-triangle-1-sw { background-position: -80px -16px; } | |
| 974 .ui-icon-triangle-1-w { background-position: -96px -16px; } | |
| 975 .ui-icon-triangle-1-nw { background-position: -112px -16px; } | |
| 976 .ui-icon-triangle-2-n-s { background-position: -128px -16px; } | |
| 977 .ui-icon-triangle-2-e-w { background-position: -144px -16px; } | |
| 978 .ui-icon-arrow-1-n { background-position: 0 -32px; } | |
| 979 .ui-icon-arrow-1-ne { background-position: -16px -32px; } | |
| 980 .ui-icon-arrow-1-e { background-position: -32px -32px; } | |
| 981 .ui-icon-arrow-1-se { background-position: -48px -32px; } | |
| 982 .ui-icon-arrow-1-s { background-position: -64px -32px; } | |
| 983 .ui-icon-arrow-1-sw { background-position: -80px -32px; } | |
| 984 .ui-icon-arrow-1-w { background-position: -96px -32px; } | |
| 985 .ui-icon-arrow-1-nw { background-position: -112px -32px; } | |
| 986 .ui-icon-arrow-2-n-s { background-position: -128px -32px; } | |
| 987 .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } | |
| 988 .ui-icon-arrow-2-e-w { background-position: -160px -32px; } | |
| 989 .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } | |
| 990 .ui-icon-arrowstop-1-n { background-position: -192px -32px; } | |
| 991 .ui-icon-arrowstop-1-e { background-position: -208px -32px; } | |
| 992 .ui-icon-arrowstop-1-s { background-position: -224px -32px; } | |
| 993 .ui-icon-arrowstop-1-w { background-position: -240px -32px; } | |
| 994 .ui-icon-arrowthick-1-n { background-position: 0 -48px; } | |
| 995 .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } | |
| 996 .ui-icon-arrowthick-1-e { background-position: -32px -48px; } | |
| 997 .ui-icon-arrowthick-1-se { background-position: -48px -48px; } | |
| 998 .ui-icon-arrowthick-1-s { background-position: -64px -48px; } | |
| 999 .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } | |
| 1000 .ui-icon-arrowthick-1-w { background-position: -96px -48px; } | |
| 1001 .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } | |
| 1002 .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } | |
| 1003 .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } | |
| 1004 .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } | |
| 1005 .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } | |
| 1006 .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } | |
| 1007 .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } | |
| 1008 .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } | |
| 1009 .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } | |
| 1010 .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } | |
| 1011 .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } | |
| 1012 .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } | |
| 1013 .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } | |
| 1014 .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } | |
| 1015 .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } | |
| 1016 .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } | |
| 1017 .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } | |
| 1018 .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } | |
| 1019 .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } | |
| 1020 .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } | |
| 1021 .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } | |
| 1022 .ui-icon-arrow-4 { background-position: 0 -80px; } | |
| 1023 .ui-icon-arrow-4-diag { background-position: -16px -80px; } | |
| 1024 .ui-icon-extlink { background-position: -32px -80px; } | |
| 1025 .ui-icon-newwin { background-position: -48px -80px; } | |
| 1026 .ui-icon-refresh { background-position: -64px -80px; } | |
| 1027 .ui-icon-shuffle { background-position: -80px -80px; } | |
| 1028 .ui-icon-transfer-e-w { background-position: -96px -80px; } | |
| 1029 .ui-icon-transferthick-e-w { background-position: -112px -80px; } | |
| 1030 .ui-icon-folder-collapsed { background-position: 0 -96px; } | |
| 1031 .ui-icon-folder-open { background-position: -16px -96px; } | |
| 1032 .ui-icon-document { background-position: -32px -96px; } | |
| 1033 .ui-icon-document-b { background-position: -48px -96px; } | |
| 1034 .ui-icon-note { background-position: -64px -96px; } | |
| 1035 .ui-icon-mail-closed { background-position: -80px -96px; } | |
| 1036 .ui-icon-mail-open { background-position: -96px -96px; } | |
| 1037 .ui-icon-suitcase { background-position: -112px -96px; } | |
| 1038 .ui-icon-comment { background-position: -128px -96px; } | |
| 1039 .ui-icon-person { background-position: -144px -96px; } | |
| 1040 .ui-icon-print { background-position: -160px -96px; } | |
| 1041 .ui-icon-trash { background-position: -176px -96px; } | |
| 1042 .ui-icon-locked { background-position: -192px -96px; } | |
| 1043 .ui-icon-unlocked { background-position: -208px -96px; } | |
| 1044 .ui-icon-bookmark { background-position: -224px -96px; } | |
| 1045 .ui-icon-tag { background-position: -240px -96px; } | |
| 1046 .ui-icon-home { background-position: 0 -112px; } | |
| 1047 .ui-icon-flag { background-position: -16px -112px; } | |
| 1048 .ui-icon-calendar { background-position: -32px -112px; } | |
| 1049 .ui-icon-cart { background-position: -48px -112px; } | |
| 1050 .ui-icon-pencil { background-position: -64px -112px; } | |
| 1051 .ui-icon-clock { background-position: -80px -112px; } | |
| 1052 .ui-icon-disk { background-position: -96px -112px; } | |
| 1053 .ui-icon-calculator { background-position: -112px -112px; } | |
| 1054 .ui-icon-zoomin { background-position: -128px -112px; } | |
| 1055 .ui-icon-zoomout { background-position: -144px -112px; } | |
| 1056 .ui-icon-search { background-position: -160px -112px; } | |
| 1057 .ui-icon-wrench { background-position: -176px -112px; } | |
| 1058 .ui-icon-gear { background-position: -192px -112px; } | |
| 1059 .ui-icon-heart { background-position: -208px -112px; } | |
| 1060 .ui-icon-star { background-position: -224px -112px; } | |
| 1061 .ui-icon-link { background-position: -240px -112px; } | |
| 1062 .ui-icon-cancel { background-position: 0 -128px; } | |
| 1063 .ui-icon-plus { background-position: -16px -128px; } | |
| 1064 .ui-icon-plusthick { background-position: -32px -128px; } | |
| 1065 .ui-icon-minus { background-position: -48px -128px; } | |
| 1066 .ui-icon-minusthick { background-position: -64px -128px; } | |
| 1067 .ui-icon-close { background-position: -80px -128px; } | |
| 1068 .ui-icon-closethick { background-position: -96px -128px; } | |
| 1069 .ui-icon-key { background-position: -112px -128px; } | |
| 1070 .ui-icon-lightbulb { background-position: -128px -128px; } | |
| 1071 .ui-icon-scissors { background-position: -144px -128px; } | |
| 1072 .ui-icon-clipboard { background-position: -160px -128px; } | |
| 1073 .ui-icon-copy { background-position: -176px -128px; } | |
| 1074 .ui-icon-contact { background-position: -192px -128px; } | |
| 1075 .ui-icon-image { background-position: -208px -128px; } | |
| 1076 .ui-icon-video { background-position: -224px -128px; } | |
| 1077 .ui-icon-script { background-position: -240px -128px; } | |
| 1078 .ui-icon-alert { background-position: 0 -144px; } | |
| 1079 .ui-icon-info { background-position: -16px -144px; } | |
| 1080 .ui-icon-notice { background-position: -32px -144px; } | |
| 1081 .ui-icon-help { background-position: -48px -144px; } | |
| 1082 .ui-icon-check { background-position: -64px -144px; } | |
| 1083 .ui-icon-bullet { background-position: -80px -144px; } | |
| 1084 .ui-icon-radio-on { background-position: -96px -144px; } | |
| 1085 .ui-icon-radio-off { background-position: -112px -144px; } | |
| 1086 .ui-icon-pin-w { background-position: -128px -144px; } | |
| 1087 .ui-icon-pin-s { background-position: -144px -144px; } | |
| 1088 .ui-icon-play { background-position: 0 -160px; } | |
| 1089 .ui-icon-pause { background-position: -16px -160px; } | |
| 1090 .ui-icon-seek-next { background-position: -32px -160px; } | |
| 1091 .ui-icon-seek-prev { background-position: -48px -160px; } | |
| 1092 .ui-icon-seek-end { background-position: -64px -160px; } | |
| 1093 .ui-icon-seek-start { background-position: -80px -160px; } | |
| 1094 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ | |
| 1095 .ui-icon-seek-first { background-position: -80px -160px; } | |
| 1096 .ui-icon-stop { background-position: -96px -160px; } | |
| 1097 .ui-icon-eject { background-position: -112px -160px; } | |
| 1098 .ui-icon-volume-off { background-position: -128px -160px; } | |
| 1099 .ui-icon-volume-on { background-position: -144px -160px; } | |
| 1100 .ui-icon-power { background-position: 0 -176px; } | |
| 1101 .ui-icon-signal-diag { background-position: -16px -176px; } | |
| 1102 .ui-icon-signal { background-position: -32px -176px; } | |
| 1103 .ui-icon-battery-0 { background-position: -48px -176px; } | |
| 1104 .ui-icon-battery-1 { background-position: -64px -176px; } | |
| 1105 .ui-icon-battery-2 { background-position: -80px -176px; } | |
| 1106 .ui-icon-battery-3 { background-position: -96px -176px; } | |
| 1107 .ui-icon-circle-plus { background-position: 0 -192px; } | |
| 1108 .ui-icon-circle-minus { background-position: -16px -192px; } | |
| 1109 .ui-icon-circle-close { background-position: -32px -192px; } | |
| 1110 .ui-icon-circle-triangle-e { background-position: -48px -192px; } | |
| 1111 .ui-icon-circle-triangle-s { background-position: -64px -192px; } | |
| 1112 .ui-icon-circle-triangle-w { background-position: -80px -192px; } | |
| 1113 .ui-icon-circle-triangle-n { background-position: -96px -192px; } | |
| 1114 .ui-icon-circle-arrow-e { background-position: -112px -192px; } | |
| 1115 .ui-icon-circle-arrow-s { background-position: -128px -192px; } | |
| 1116 .ui-icon-circle-arrow-w { background-position: -144px -192px; } | |
| 1117 .ui-icon-circle-arrow-n { background-position: -160px -192px; } | |
| 1118 .ui-icon-circle-zoomin { background-position: -176px -192px; } | |
| 1119 .ui-icon-circle-zoomout { background-position: -192px -192px; } | |
| 1120 .ui-icon-circle-check { background-position: -208px -192px; } | |
| 1121 .ui-icon-circlesmall-plus { background-position: 0 -208px; } | |
| 1122 .ui-icon-circlesmall-minus { background-position: -16px -208px; } | |
| 1123 .ui-icon-circlesmall-close { background-position: -32px -208px; } | |
| 1124 .ui-icon-squaresmall-plus { background-position: -48px -208px; } | |
| 1125 .ui-icon-squaresmall-minus { background-position: -64px -208px; } | |
| 1126 .ui-icon-squaresmall-close { background-position: -80px -208px; } | |
| 1127 .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } | |
| 1128 .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } | |
| 1129 .ui-icon-grip-solid-vertical { background-position: -32px -224px; } | |
| 1130 .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } | |
| 1131 .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } | |
| 1132 .ui-icon-grip-diagonal-se { background-position: -80px -224px; } | |
| 1133 | |
| 1134 | |
| 1135 /* Misc visuals | |
| 1136 ----------------------------------*/ | |
| 1137 | |
| 1138 /* Corner radius */ | |
| 1139 .ui-corner-all, | |
| 1140 .ui-corner-top, | |
| 1141 .ui-corner-left, | |
| 1142 .ui-corner-tl { | |
| 1143 border-top-left-radius: 5px; | |
| 1144 } | |
| 1145 .ui-corner-all, | |
| 1146 .ui-corner-top, | |
| 1147 .ui-corner-right, | |
| 1148 .ui-corner-tr { | |
| 1149 border-top-right-radius: 5px; | |
| 1150 } | |
| 1151 .ui-corner-all, | |
| 1152 .ui-corner-bottom, | |
| 1153 .ui-corner-left, | |
| 1154 .ui-corner-bl { | |
| 1155 border-bottom-left-radius: 5px; | |
| 1156 } | |
| 1157 .ui-corner-all, | |
| 1158 .ui-corner-bottom, | |
| 1159 .ui-corner-right, | |
| 1160 .ui-corner-br { | |
| 1161 border-bottom-right-radius: 5px; | |
| 1162 } | |
| 1163 | |
| 1164 /* Overlays */ | |
| 1165 .ui-widget-overlay { | |
| 1166 background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | |
| 1167 opacity: .3; | |
| 1168 filter: Alpha(Opacity=30); | |
| 1169 } | |
| 1170 .ui-widget-shadow { | |
| 1171 margin: -8px 0 0 -8px; | |
| 1172 padding: 8px; | |
| 1173 background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | |
| 1174 opacity: .3; | |
| 1175 filter: Alpha(Opacity=30); | |
| 1176 border-radius: 8px; | |
| 1177 } |
