2010-02-02 02:36:02 +01:00
/ *
* jQuery UI CSS Framework
2010-04-18 08:47:27 +02:00
* Copyright ( c ) 2010 AUTHORS . txt ( http : / / jqueryui . com / about )
2010-02-02 02:36:02 +01:00
* Dual licensed under the MIT ( MIT-LICENSE . txt ) and GPL ( GPL-LICENSE . txt ) licenses .
* /
/ * Layout helpers
---------------------------------- * /
. ui-helper-hidden { display : none ; }
. ui-helper-hidden-accessible { position : absolute ; left : -99999999 px ; }
. ui-helper-reset { margin : 0 ; padding : 0 ; border : 0 ; outline : 0 ; line-height : 1.3 ; text-decoration : none ; font-size : 100 % ; list-style : none ; }
. ui-helper-clearfix : after { content : "." ; display : block ; height : 0 ; clear : both ; visibility : hidden ; }
. ui-helper-clearfix { display : inline-block ; }
/* required comment for clearfix to work in Opera \*/
* html . ui-helper-clearfix { height : 1 % ; }
. ui-helper-clearfix { display : block ; }
/* end clearfix */
. ui-helper-zfix { width : 100 % ; height : 100 % ; top : 0 ; left : 0 ; position : absolute ; opacity : 0 ; filter : Alpha ( Opacity = 0 ) ; }
/ * Interaction Cues
---------------------------------- * /
. ui-state-disabled { cursor : default !important ; }
/ * Icons
---------------------------------- * /
/* states and images */
. ui-icon { display : block ; text-indent : -99999 px ; overflow : hidden ; background-repeat : no-repeat ; }
/ * Misc visuals
---------------------------------- * /
/* Overlays */
. ui-widget-overlay { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; }
/ *
* jQuery UI CSS Framework
2010-04-18 08:47:27 +02:00
* Copyright ( c ) 2010 AUTHORS . txt ( http : / / jqueryui . com / about )
2010-02-02 02:36:02 +01:00
* Dual licensed under the MIT ( MIT-LICENSE . txt ) and GPL ( GPL-LICENSE . txt ) licenses .
* To view and modify this theme , visit http : / / jqueryui . com / themeroller / ? ffDefault = Trebuchet % 20MS , % 20Tahoma , % 20Verdana , % 20Arial , % 20sans-serif & fwDefault = bold & fsDefault = 1 . 1em & cornerRadius = 4px & bgColorHeader = f6a828 & bgTextureHeader = 12_gloss_wave . png & bgImgOpacityHeader = 35 & borderColorHeader = e78f08 & fcHeader = ffffff & iconColorHeader = ffffff & bgColorContent = eeeeee & bgTextureContent = 03_highlight_soft . png & bgImgOpacityContent = 100 & borderColorContent = dddddd & fcContent = 333333 & iconColorContent = 222222 & bgColorDefault = f6f6f6 & bgTextureDefault = 02_glass . png & bgImgOpacityDefault = 100 & borderColorDefault = cccccc & fcDefault = 1c94c4 & iconColorDefault = ef8c08 & bgColorHover = fdf5ce & bgTextureHover = 02_glass . png & bgImgOpacityHover = 100 & borderColorHover = fbcb09 & fcHover = c77405 & iconColorHover = ef8c08 & bgColorActive = ffffff & bgTextureActive = 02_glass . png & bgImgOpacityActive = 65 & borderColorActive = fbd850 & fcActive = eb8f00 & iconColorActive = ef8c08 & bgColorHighlight = ffe45c & bgTextureHighlight = 03_highlight_soft . png & bgImgOpacityHighlight = 75 & borderColorHighlight = fed22f & fcHighlight = 363636 & iconColorHighlight = 228ef1 & bgColorError = b81900 & bgTextureError = 08_diagonals_thick . png & bgImgOpacityError = 18 & borderColorError = cd0a0a & fcError = ffffff & iconColorError = ffd27a & bgColorOverlay = 666666 & bgTextureOverlay = 08_diagonals_thick . png & bgImgOpacityOverlay = 20 & opacityOverlay = 50 & bgColorShadow = 000000 & bgTextureShadow = 01_flat . png & bgImgOpacityShadow = 10 & opacityShadow = 20 & thicknessShadow = 5px & offsetTopShadow = -5px & offsetLeftShadow = -5px & cornerRadiusShadow = 5px
* /
/ * Component containers
---------------------------------- * /
. ui-widget { font-family : Trebuchet MS , Tahoma , Verdana , Arial , sans-serif ; font-size : 1.1 em ; }
2010-04-18 08:47:27 +02:00
. ui-widget . ui-widget { font-size : 1 em ; }
2010-02-02 02:36:02 +01:00
. ui-widget input , . ui-widget select , . ui-widget textarea , . ui-widget button { font-family : Trebuchet MS , Tahoma , Verdana , Arial , sans-serif ; font-size : 1 em ; }
. ui-widget-content { border : 1 px solid #dddddd ; background : #eeeeee url ( images/ui-bg_highlight-soft_100_eeeeee_1x100.png ) 50 % top repeat-x ; color : #333333 ; }
. ui-widget-content a { color : #333333 ; }
. ui-widget-header { border : 1 px solid #e78f08 ; background : #f6a828 url ( images/ui-bg_gloss-wave_35_f6a828_500x100.png ) 50 % 50 % repeat-x ; color : #ffffff ; font-weight : bold ; }
. ui-widget-header a { color : #ffffff ; }
/ * Interaction states
---------------------------------- * /
2010-04-18 08:47:27 +02:00
. ui-state-default , . ui-widget-content . ui-state-default { border : 1 px solid #cccccc ; background : #f6f6f6 url ( images/ui-bg_glass_100_f6f6f6_1x400.png ) 50 % 50 % repeat-x ; font-weight : bold ; color : #1c94c4 ; }
. ui-state-default a , . ui-state-default a : link , . ui-state-default a : visited { color : #1c94c4 ; text-decoration : none ; }
. ui-state-hover , . ui-widget-content . ui-state-hover , . ui-state-focus , . ui-widget-content . ui-state-focus { border : 1 px solid #fbcb09 ; background : #fdf5ce url ( images/ui-bg_glass_100_fdf5ce_1x400.png ) 50 % 50 % repeat-x ; font-weight : bold ; color : #c77405 ; }
. ui-state-hover a , . ui-state-hover a : hover { color : #c77405 ; text-decoration : none ; }
. ui-state-active , . ui-widget-content . ui-state-active { border : 1 px solid #fbd850 ; background : #ffffff url ( images/ui-bg_glass_65_ffffff_1x400.png ) 50 % 50 % repeat-x ; font-weight : bold ; color : #eb8f00 ; }
. ui-state-active a , . ui-state-active a : link , . ui-state-active a : visited { color : #eb8f00 ; text-decoration : none ; }
. ui-widget : active { outline : none ; }
2010-02-02 02:36:02 +01:00
/ * Interaction Cues
---------------------------------- * /
. ui-state-highlight , . ui-widget-content . ui-state-highlight { border : 1 px solid #fed22f ; background : #ffe45c url ( images/ui-bg_highlight-soft_75_ffe45c_1x100.png ) 50 % top repeat-x ; color : #363636 ; }
. ui-state-highlight a , . ui-widget-content . ui-state-highlight a { color : #363636 ; }
. ui-state-error , . ui-widget-content . ui-state-error { border : 1 px solid #cd0a0a ; background : #b81900 url ( images/ui-bg_diagonals-thick_18_b81900_40x40.png ) 50 % 50 % repeat ; color : #ffffff ; }
. ui-state-error a , . ui-widget-content . ui-state-error a { color : #ffffff ; }
. ui-state-error-text , . ui-widget-content . ui-state-error-text { color : #ffffff ; }
. ui-priority-primary , . ui-widget-content . ui-priority-primary { font-weight : bold ; }
. ui-priority-secondary , . ui-widget-content . ui-priority-secondary { opacity : .7 ; filter : Alpha ( Opacity = 70 ) ; font-weight : normal ; }
2010-04-18 08:47:27 +02:00
. ui-state-disabled , . ui-widget-content . ui-state-disabled { opacity : .35 ; filter : Alpha ( Opacity = 35 ) ; background-image : none ; }
2010-02-02 02:36:02 +01:00
/ * Icons
---------------------------------- * /
/* states and images */
. ui-icon { width : 16 px ; height : 16 px ; background-image : url ( images/ui-icons_222222_256x240.png ) ; }
. ui-widget-content . ui-icon { background-image : url ( images/ui-icons_222222_256x240.png ) ; }
. ui-widget-header . ui-icon { background-image : url ( images/ui-icons_ffffff_256x240.png ) ; }
. ui-state-default . ui-icon { background-image : url ( images/ui-icons_ef8c08_256x240.png ) ; }
. ui-state-hover . ui-icon , . ui-state-focus . ui-icon { background-image : url ( images/ui-icons_ef8c08_256x240.png ) ; }
. ui-state-active . ui-icon { background-image : url ( images/ui-icons_ef8c08_256x240.png ) ; }
. ui-state-highlight . ui-icon { background-image : url ( images/ui-icons_228ef1_256x240.png ) ; }
. ui-state-error . ui-icon , . ui-state-error-text . ui-icon { background-image : url ( images/ui-icons_ffd27a_256x240.png ) ; }
/* positioning */
. ui-icon-carat-1-n { background-position : 0 0 ; }
. ui-icon-carat-1-ne { background-position : -16 px 0 ; }
. ui-icon-carat-1-e { background-position : -32 px 0 ; }
. ui-icon-carat-1-se { background-position : -48 px 0 ; }
. ui-icon-carat-1-s { background-position : -64 px 0 ; }
. ui-icon-carat-1-sw { background-position : -80 px 0 ; }
. ui-icon-carat-1-w { background-position : -96 px 0 ; }
. ui-icon-carat-1-nw { background-position : -112 px 0 ; }
. ui-icon-carat-2-n-s { background-position : -128 px 0 ; }
. ui-icon-carat-2-e-w { background-position : -144 px 0 ; }
. ui-icon-triangle-1-n { background-position : 0 -16 px ; }
. ui-icon-triangle-1-ne { background-position : -16 px -16 px ; }
. ui-icon-triangle-1-e { background-position : -32 px -16 px ; }
. ui-icon-triangle-1-se { background-position : -48 px -16 px ; }
. ui-icon-triangle-1-s { background-position : -64 px -16 px ; }
. ui-icon-triangle-1-sw { background-position : -80 px -16 px ; }
. ui-icon-triangle-1-w { background-position : -96 px -16 px ; }
. ui-icon-triangle-1-nw { background-position : -112 px -16 px ; }
. ui-icon-triangle-2-n-s { background-position : -128 px -16 px ; }
. ui-icon-triangle-2-e-w { background-position : -144 px -16 px ; }
. ui-icon-arrow-1-n { background-position : 0 -32 px ; }
. ui-icon-arrow-1-ne { background-position : -16 px -32 px ; }
. ui-icon-arrow-1-e { background-position : -32 px -32 px ; }
. ui-icon-arrow-1-se { background-position : -48 px -32 px ; }
. ui-icon-arrow-1-s { background-position : -64 px -32 px ; }
. ui-icon-arrow-1-sw { background-position : -80 px -32 px ; }
. ui-icon-arrow-1-w { background-position : -96 px -32 px ; }
. ui-icon-arrow-1-nw { background-position : -112 px -32 px ; }
. ui-icon-arrow-2-n-s { background-position : -128 px -32 px ; }
. ui-icon-arrow-2-ne-sw { background-position : -144 px -32 px ; }
. ui-icon-arrow-2-e-w { background-position : -160 px -32 px ; }
. ui-icon-arrow-2-se-nw { background-position : -176 px -32 px ; }
. ui-icon-arrowstop-1-n { background-position : -192 px -32 px ; }
. ui-icon-arrowstop-1-e { background-position : -208 px -32 px ; }
. ui-icon-arrowstop-1-s { background-position : -224 px -32 px ; }
. ui-icon-arrowstop-1-w { background-position : -240 px -32 px ; }
. ui-icon-arrowthick-1-n { background-position : 0 -48 px ; }
. ui-icon-arrowthick-1-ne { background-position : -16 px -48 px ; }
. ui-icon-arrowthick-1-e { background-position : -32 px -48 px ; }
. ui-icon-arrowthick-1-se { background-position : -48 px -48 px ; }
. ui-icon-arrowthick-1-s { background-position : -64 px -48 px ; }
. ui-icon-arrowthick-1-sw { background-position : -80 px -48 px ; }
. ui-icon-arrowthick-1-w { background-position : -96 px -48 px ; }
. ui-icon-arrowthick-1-nw { background-position : -112 px -48 px ; }
. ui-icon-arrowthick-2-n-s { background-position : -128 px -48 px ; }
. ui-icon-arrowthick-2-ne-sw { background-position : -144 px -48 px ; }
. ui-icon-arrowthick-2-e-w { background-position : -160 px -48 px ; }
. ui-icon-arrowthick-2-se-nw { background-position : -176 px -48 px ; }
. ui-icon-arrowthickstop-1-n { background-position : -192 px -48 px ; }
. ui-icon-arrowthickstop-1-e { background-position : -208 px -48 px ; }
. ui-icon-arrowthickstop-1-s { background-position : -224 px -48 px ; }
. ui-icon-arrowthickstop-1-w { background-position : -240 px -48 px ; }
. ui-icon-arrowreturnthick-1-w { background-position : 0 -64 px ; }
. ui-icon-arrowreturnthick-1-n { background-position : -16 px -64 px ; }
. ui-icon-arrowreturnthick-1-e { background-position : -32 px -64 px ; }
. ui-icon-arrowreturnthick-1-s { background-position : -48 px -64 px ; }
. ui-icon-arrowreturn-1-w { background-position : -64 px -64 px ; }
. ui-icon-arrowreturn-1-n { background-position : -80 px -64 px ; }
. ui-icon-arrowreturn-1-e { background-position : -96 px -64 px ; }
. ui-icon-arrowreturn-1-s { background-position : -112 px -64 px ; }
. ui-icon-arrowrefresh-1-w { background-position : -128 px -64 px ; }
. ui-icon-arrowrefresh-1-n { background-position : -144 px -64 px ; }
. ui-icon-arrowrefresh-1-e { background-position : -160 px -64 px ; }
. ui-icon-arrowrefresh-1-s { background-position : -176 px -64 px ; }
. ui-icon-arrow-4 { background-position : 0 -80 px ; }
. ui-icon-arrow-4-diag { background-position : -16 px -80 px ; }
. ui-icon-extlink { background-position : -32 px -80 px ; }
. ui-icon-newwin { background-position : -48 px -80 px ; }
. ui-icon-refresh { background-position : -64 px -80 px ; }
. ui-icon-shuffle { background-position : -80 px -80 px ; }
. ui-icon-transfer-e-w { background-position : -96 px -80 px ; }
. ui-icon-transferthick-e-w { background-position : -112 px -80 px ; }
. ui-icon-folder-collapsed { background-position : 0 -96 px ; }
. ui-icon-folder-open { background-position : -16 px -96 px ; }
. ui-icon-document { background-position : -32 px -96 px ; }
. ui-icon-document-b { background-position : -48 px -96 px ; }
. ui-icon-note { background-position : -64 px -96 px ; }
. ui-icon-mail-closed { background-position : -80 px -96 px ; }
. ui-icon-mail-open { background-position : -96 px -96 px ; }
. ui-icon-suitcase { background-position : -112 px -96 px ; }
. ui-icon-comment { background-position : -128 px -96 px ; }
. ui-icon-person { background-position : -144 px -96 px ; }
. ui-icon-print { background-position : -160 px -96 px ; }
. ui-icon-trash { background-position : -176 px -96 px ; }
. ui-icon-locked { background-position : -192 px -96 px ; }
. ui-icon-unlocked { background-position : -208 px -96 px ; }
. ui-icon-bookmark { background-position : -224 px -96 px ; }
. ui-icon-tag { background-position : -240 px -96 px ; }
. ui-icon-home { background-position : 0 -112 px ; }
. ui-icon-flag { background-position : -16 px -112 px ; }
. ui-icon-calendar { background-position : -32 px -112 px ; }
. ui-icon-cart { background-position : -48 px -112 px ; }
. ui-icon-pencil { background-position : -64 px -112 px ; }
. ui-icon-clock { background-position : -80 px -112 px ; }
. ui-icon-disk { background-position : -96 px -112 px ; }
. ui-icon-calculator { background-position : -112 px -112 px ; }
. ui-icon-zoomin { background-position : -128 px -112 px ; }
. ui-icon-zoomout { background-position : -144 px -112 px ; }
. ui-icon-search { background-position : -160 px -112 px ; }
. ui-icon-wrench { background-position : -176 px -112 px ; }
. ui-icon-gear { background-position : -192 px -112 px ; }
. ui-icon-heart { background-position : -208 px -112 px ; }
. ui-icon-star { background-position : -224 px -112 px ; }
. ui-icon-link { background-position : -240 px -112 px ; }
. ui-icon-cancel { background-position : 0 -128 px ; }
. ui-icon-plus { background-position : -16 px -128 px ; }
. ui-icon-plusthick { background-position : -32 px -128 px ; }
. ui-icon-minus { background-position : -48 px -128 px ; }
. ui-icon-minusthick { background-position : -64 px -128 px ; }
. ui-icon-close { background-position : -80 px -128 px ; }
. ui-icon-closethick { background-position : -96 px -128 px ; }
. ui-icon-key { background-position : -112 px -128 px ; }
. ui-icon-lightbulb { background-position : -128 px -128 px ; }
. ui-icon-scissors { background-position : -144 px -128 px ; }
. ui-icon-clipboard { background-position : -160 px -128 px ; }
. ui-icon-copy { background-position : -176 px -128 px ; }
. ui-icon-contact { background-position : -192 px -128 px ; }
. ui-icon-image { background-position : -208 px -128 px ; }
. ui-icon-video { background-position : -224 px -128 px ; }
. ui-icon-script { background-position : -240 px -128 px ; }
. ui-icon-alert { background-position : 0 -144 px ; }
. ui-icon-info { background-position : -16 px -144 px ; }
. ui-icon-notice { background-position : -32 px -144 px ; }
. ui-icon-help { background-position : -48 px -144 px ; }
. ui-icon-check { background-position : -64 px -144 px ; }
. ui-icon-bullet { background-position : -80 px -144 px ; }
. ui-icon-radio-off { background-position : -96 px -144 px ; }
. ui-icon-radio-on { background-position : -112 px -144 px ; }
. ui-icon-pin-w { background-position : -128 px -144 px ; }
. ui-icon-pin-s { background-position : -144 px -144 px ; }
. ui-icon-play { background-position : 0 -160 px ; }
. ui-icon-pause { background-position : -16 px -160 px ; }
. ui-icon-seek-next { background-position : -32 px -160 px ; }
. ui-icon-seek-prev { background-position : -48 px -160 px ; }
. ui-icon-seek-end { background-position : -64 px -160 px ; }
2010-04-18 08:47:27 +02:00
. ui-icon-seek-start { background-position : -80 px -160 px ; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
2010-02-02 02:36:02 +01:00
. ui-icon-seek-first { background-position : -80 px -160 px ; }
. ui-icon-stop { background-position : -96 px -160 px ; }
. ui-icon-eject { background-position : -112 px -160 px ; }
. ui-icon-volume-off { background-position : -128 px -160 px ; }
. ui-icon-volume-on { background-position : -144 px -160 px ; }
. ui-icon-power { background-position : 0 -176 px ; }
. ui-icon-signal-diag { background-position : -16 px -176 px ; }
. ui-icon-signal { background-position : -32 px -176 px ; }
. ui-icon-battery-0 { background-position : -48 px -176 px ; }
. ui-icon-battery-1 { background-position : -64 px -176 px ; }
. ui-icon-battery-2 { background-position : -80 px -176 px ; }
. ui-icon-battery-3 { background-position : -96 px -176 px ; }
. ui-icon-circle-plus { background-position : 0 -192 px ; }
. ui-icon-circle-minus { background-position : -16 px -192 px ; }
. ui-icon-circle-close { background-position : -32 px -192 px ; }
. ui-icon-circle-triangle-e { background-position : -48 px -192 px ; }
. ui-icon-circle-triangle-s { background-position : -64 px -192 px ; }
. ui-icon-circle-triangle-w { background-position : -80 px -192 px ; }
. ui-icon-circle-triangle-n { background-position : -96 px -192 px ; }
. ui-icon-circle-arrow-e { background-position : -112 px -192 px ; }
. ui-icon-circle-arrow-s { background-position : -128 px -192 px ; }
. ui-icon-circle-arrow-w { background-position : -144 px -192 px ; }
. ui-icon-circle-arrow-n { background-position : -160 px -192 px ; }
. ui-icon-circle-zoomin { background-position : -176 px -192 px ; }
. ui-icon-circle-zoomout { background-position : -192 px -192 px ; }
. ui-icon-circle-check { background-position : -208 px -192 px ; }
. ui-icon-circlesmall-plus { background-position : 0 -208 px ; }
. ui-icon-circlesmall-minus { background-position : -16 px -208 px ; }
. ui-icon-circlesmall-close { background-position : -32 px -208 px ; }
. ui-icon-squaresmall-plus { background-position : -48 px -208 px ; }
. ui-icon-squaresmall-minus { background-position : -64 px -208 px ; }
. ui-icon-squaresmall-close { background-position : -80 px -208 px ; }
. ui-icon-grip-dotted-vertical { background-position : 0 -224 px ; }
. ui-icon-grip-dotted-horizontal { background-position : -16 px -224 px ; }
. ui-icon-grip-solid-vertical { background-position : -32 px -224 px ; }
. ui-icon-grip-solid-horizontal { background-position : -48 px -224 px ; }
. ui-icon-gripsmall-diagonal-se { background-position : -64 px -224 px ; }
. ui-icon-grip-diagonal-se { background-position : -80 px -224 px ; }
/ * Misc visuals
---------------------------------- * /
/* Corner radius */
2010-04-18 08:47:27 +02:00
. ui-corner-tl { -moz- border-radius-topleft : 4 px ; -webkit- border-top-left-radius : 4 px ; border-top-left-radius : 4 px ; }
. ui-corner-tr { -moz- border-radius-topright : 4 px ; -webkit- border-top-right-radius : 4 px ; border-top-right-radius : 4 px ; }
. ui-corner-bl { -moz- border-radius-bottomleft : 4 px ; -webkit- border-bottom-left-radius : 4 px ; border-bottom-left-radius : 4 px ; }
. ui-corner-br { -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; border-bottom-right-radius : 4 px ; }
. ui-corner-top { -moz- border-radius-topleft : 4 px ; -webkit- border-top-left-radius : 4 px ; border-top-left-radius : 4 px ; -moz- border-radius-topright : 4 px ; -webkit- border-top-right-radius : 4 px ; border-top-right-radius : 4 px ; }
. ui-corner-bottom { -moz- border-radius-bottomleft : 4 px ; -webkit- border-bottom-left-radius : 4 px ; border-bottom-left-radius : 4 px ; -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; border-bottom-right-radius : 4 px ; }
. ui-corner-right { -moz- border-radius-topright : 4 px ; -webkit- border-top-right-radius : 4 px ; border-top-right-radius : 4 px ; -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; border-bottom-right-radius : 4 px ; }
. ui-corner-left { -moz- border-radius-topleft : 4 px ; -webkit- border-top-left-radius : 4 px ; border-top-left-radius : 4 px ; -moz- border-radius-bottomleft : 4 px ; -webkit- border-bottom-left-radius : 4 px ; border-bottom-left-radius : 4 px ; }
. ui-corner-all { -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; border-radius : 4 px ; }
2010-02-02 02:36:02 +01:00
/* Overlays */
. ui-widget-overlay { background : #666666 url ( images/ui-bg_diagonals-thick_20_666666_40x40.png ) 50 % 50 % repeat ; opacity : .50 ; filter : Alpha ( Opacity = 50 ) ; }
2010-04-18 08:47:27 +02:00
. ui-widget-shadow { margin : -5 px 0 0 -5 px ; padding : 5 px ; background : #000000 url ( images/ui-bg_flat_10_000000_40x100.png ) 50 % 50 % repeat-x ; opacity : .20 ; filter : Alpha ( Opacity = 20 ) ; -moz- border-radius : 5 px ; -webkit- border-radius : 5 px ; border-radius : 5 px ; } / * Resizable
2010-02-02 02:36:02 +01:00
---------------------------------- * /
. ui-resizable { position : relative ; }
. ui-resizable-handle { position : absolute ; font-size : 0.1 px ; z-index : 99999 ; display : block ; }
. ui-resizable-disabled . ui-resizable-handle , . ui-resizable-autohide . ui-resizable-handle { display : none ; }
2010-04-18 08:47:27 +02:00
. ui-resizable-n { cursor : n-resize ; height : 7 px ; width : 100 % ; top : -5 px ; left : 0 ; }
. ui-resizable-s { cursor : s-resize ; height : 7 px ; width : 100 % ; bottom : -5 px ; left : 0 ; }
. ui-resizable-e { cursor : e-resize ; width : 7 px ; right : -5 px ; top : 0 ; height : 100 % ; }
. ui-resizable-w { cursor : w-resize ; width : 7 px ; left : -5 px ; top : 0 ; height : 100 % ; }
2010-02-02 02:36:02 +01:00
. ui-resizable-se { cursor : se-resize ; width : 12 px ; height : 12 px ; right : 1 px ; bottom : 1 px ; }
. ui-resizable-sw { cursor : sw-resize ; width : 9 px ; height : 9 px ; left : -5 px ; bottom : -5 px ; }
. ui-resizable-nw { cursor : nw-resize ; width : 9 px ; height : 9 px ; left : -5 px ; top : -5 px ; }
2010-04-18 08:47:27 +02:00
. ui-resizable-ne { cursor : ne-resize ; width : 9 px ; height : 9 px ; right : -5 px ; top : -5 px ; } / * Button
---------------------------------- * /
. ui-button { display : inline-block ; position : relative ; padding : 0 ; margin-right : .1 em ; text-decoration : none !important ; cursor : pointer ; text-align : center ; zoom : 1 ; overflow : visible ; } /* the overflow property removes extra width in IE */
. ui-button-icon-only { width : 2.2 em ; } /* to make room for the icon, a width needs to be set here */
button . ui-button-icon-only { width : 2.4 em ; } /* button elements seem to need a little more width */
. ui-button-icons-only { width : 3.4 em ; }
button . ui-button-icons-only { width : 3.7 em ; }
/*button text element */
. ui-button . ui-button-text { display : block ; line-height : 1.4 ; }
. ui-button-text-only . ui-button-text { padding : .4 em 1 em ; }
. ui-button-icon-only . ui-button-text , . ui-button-icons-only . ui-button-text { padding : .4 em ; text-indent : -9999999 px ; }
. ui-button-text-icon . ui-button-text , . ui-button-text-icons . ui-button-text { padding : .4 em 1 em .4 em 2.1 em ; }
. ui-button-text-icons . ui-button-text { padding-left : 2.1 em ; padding-right : 2.1 em ; }
/* no icon support for input elements, provide padding by default */
input . ui-button { padding : .4 em 1 em ; }
/*button icon element(s) */
. 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 : -8 px ; }
. ui-button-icon-only . ui-icon { left : 50 % ; margin-left : -8 px ; }
. 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 : .5 em ; }
. ui-button-text-icons . ui-button-icon-secondary , . ui-button-icons-only . ui-button-icon-secondary { right : .5 em ; }
/*button sets*/
. ui-buttonset { margin-right : 7 px ; }
. ui-buttonset . ui-button { margin-left : 0 ; margin-right : -.3 em ; }
/* workarounds */
button . ui-button :: -moz-focus-inner { border : 0 ; padding : 0 ; } /* reset extra padding in Firefox */
2010-04-24 10:40:29 +02:00
/ * Dialog
---------------------------------- * /
. ui-dialog { position : absolute ; padding : .2 em ; width : 300 px ; overflow : hidden ; }
. ui-dialog . ui-dialog-titlebar { padding : .5 em 1 em .3 em ; position : relative ; }
. ui-dialog . ui-dialog-title { float : left ; margin : .1 em 16 px .2 em 0 ; }
. ui-dialog . ui-dialog-titlebar-close { position : absolute ; right : .3 em ; top : 50 % ; width : 19 px ; margin : -10 px 0 0 0 ; padding : 1 px ; height : 18 px ; }
. ui-dialog . ui-dialog-titlebar-close span { display : block ; margin : 1 px ; }
. ui-dialog . ui-dialog-titlebar-close : hover , . ui-dialog . ui-dialog-titlebar-close : focus { padding : 0 ; }
. ui-dialog . ui-dialog-content { border : 0 ; padding : .5 em 1 em ; background : none ; overflow : auto ; zoom : 1 ; }
. ui-dialog . ui-dialog-buttonpane { text-align : left ; border-width : 1 px 0 0 0 ; background-image : none ; margin : .5 em 0 0 0 ; padding : .3 em 1 em .5 em .4 em ; }
. ui-dialog . ui-dialog-buttonpane button { float : right ; margin : .5 em .4 em .5 em 0 ; cursor : pointer ; padding : .2 em .6 em .3 em .6 em ; line-height : 1.4 em ; width : auto ; overflow : visible ; }
. ui-dialog . ui-resizable-se { width : 14 px ; height : 14 px ; right : 3 px ; bottom : 3 px ; }
. ui-draggable . ui-dialog-titlebar { cursor : move ; }
2010-04-18 08:47:27 +02:00
/ * Slider
2010-02-02 02:36:02 +01:00
---------------------------------- * /
. ui-slider { position : relative ; text-align : left ; }
. ui-slider . ui-slider-handle { position : absolute ; z-index : 2 ; width : 1.2 em ; height : 1.2 em ; cursor : default ; }
2010-04-18 08:47:27 +02:00
. ui-slider . ui-slider-range { position : absolute ; z-index : 1 ; font-size : .7 em ; display : block ; border : 0 ; background-position : 0 0 ; }
2010-02-02 02:36:02 +01:00
. ui-slider-horizontal { height : .8 em ; }
. ui-slider-horizontal . ui-slider-handle { top : -.3 em ; margin-left : -.6 em ; }
. ui-slider-horizontal . ui-slider-range { top : 0 ; height : 100 % ; }
. ui-slider-horizontal . ui-slider-range-min { left : 0 ; }
. ui-slider-horizontal . ui-slider-range-max { right : 0 ; }
. ui-slider-vertical { width : .8 em ; height : 100 px ; }
. ui-slider-vertical . ui-slider-handle { left : -.3 em ; margin-left : 0 ; margin-bottom : -.6 em ; }
. ui-slider-vertical . ui-slider-range { left : 0 ; width : 100 % ; }
. ui-slider-vertical . ui-slider-range-min { bottom : 0 ; }
. ui-slider-vertical . ui-slider-range-max { top : 0 ; } / * Tabs
---------------------------------- * /
2010-04-18 08:47:27 +02:00
. ui-tabs { position : relative ; padding : .2 em ; zoom : 1 ; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
. ui-tabs . ui-tabs-nav { margin : 0 ; padding : .2 em .2 em 0 ; }
. ui-tabs . ui-tabs-nav li { list-style : none ; float : left ; position : relative ; top : 1 px ; margin : 0 .2 em 1 px 0 ; border-bottom : 0 !important ; padding : 0 ; white-space : nowrap ; }
. ui-tabs . ui-tabs-nav li a { float : left ; padding : .5 em 1 em ; text-decoration : none ; }
. ui-tabs . ui-tabs-nav li . ui-tabs-selected { margin-bottom : 0 ; padding-bottom : 1 px ; }
2010-02-02 02:36:02 +01:00
. 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 ; }
. 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... */
2010-04-18 08:47:27 +02:00
. ui-tabs . ui-tabs-panel { display : block ; border : 0 ; padding : 1 em 1.4 em ; background : none ; }
2010-02-02 02:36:02 +01:00
. ui-tabs . ui-tabs-hide { display : none !important ; }
2010-04-18 08:47:27 +02:00
/ * Progressbar
---------------------------------- * /
. ui-progressbar { height : 2 em ; text-align : left ; }
. ui-progressbar . ui-progressbar-value { margin : -1 px ; height : 100 % ; }