|
|
|
@ -43,35 +43,35 @@ |
|
|
|
|
/* Component containers |
|
|
|
|
----------------------------------*/ |
|
|
|
|
.ui-widget { |
|
|
|
|
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; |
|
|
|
|
font-size: 1.1em/*{fsDefault}*/; |
|
|
|
|
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; |
|
|
|
|
font-size: 1.1em/*{fsDefault}*/; |
|
|
|
|
} |
|
|
|
|
.ui-widget .ui-widget { |
|
|
|
|
font-size: 1em; |
|
|
|
|
font-size: 1em; |
|
|
|
|
} |
|
|
|
|
.ui-widget input, |
|
|
|
|
.ui-widget select, |
|
|
|
|
.ui-widget textarea, |
|
|
|
|
.ui-widget button { |
|
|
|
|
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; |
|
|
|
|
font-size: 1em; |
|
|
|
|
font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; |
|
|
|
|
font-size: 1em; |
|
|
|
|
} |
|
|
|
|
.ui-widget-content { |
|
|
|
|
border: 1px solid #aaaaaa/*{borderColorContent}*/; |
|
|
|
|
background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; |
|
|
|
|
color: #222222/*{fcContent}*/; |
|
|
|
|
border: 1px solid #aaaaaa/*{borderColorContent}*/; |
|
|
|
|
background: #ffffff/*{bgColorContent}*/; |
|
|
|
|
color: #222222/*{fcContent}*/; |
|
|
|
|
} |
|
|
|
|
.ui-widget-content a { |
|
|
|
|
color: #222222/*{fcContent}*/; |
|
|
|
|
color: #222222/*{fcContent}*/; |
|
|
|
|
} |
|
|
|
|
.ui-widget-header { |
|
|
|
|
border: 1px solid #aaaaaa/*{borderColorHeader}*/; |
|
|
|
|
background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; |
|
|
|
|
color: #222222/*{fcHeader}*/; |
|
|
|
|
font-weight: bold; |
|
|
|
|
border: 1px solid #aaaaaa/*{borderColorHeader}*/; |
|
|
|
|
background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; |
|
|
|
|
color: #222222/*{fcHeader}*/; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.ui-widget-header a { |
|
|
|
|
color: #222222/*{fcHeader}*/; |
|
|
|
|
color: #222222/*{fcHeader}*/; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Interaction states |
|
|
|
@ -79,16 +79,16 @@ |
|
|
|
|
.ui-state-default, |
|
|
|
|
.ui-widget-content .ui-state-default, |
|
|
|
|
.ui-widget-header .ui-state-default { |
|
|
|
|
border: 1px solid #d3d3d3/*{borderColorDefault}*/; |
|
|
|
|
background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; |
|
|
|
|
font-weight: normal/*{fwDefault}*/; |
|
|
|
|
color: #555555/*{fcDefault}*/; |
|
|
|
|
border: 1px solid #d3d3d3/*{borderColorDefault}*/; |
|
|
|
|
background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; |
|
|
|
|
font-weight: normal/*{fwDefault}*/; |
|
|
|
|
color: #555555/*{fcDefault}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-default a, |
|
|
|
|
.ui-state-default a:link, |
|
|
|
|
.ui-state-default a:visited { |
|
|
|
|
color: #555555/*{fcDefault}*/; |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: #555555/*{fcDefault}*/; |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
.ui-state-hover, |
|
|
|
|
.ui-widget-content .ui-state-hover, |
|
|
|
@ -96,10 +96,10 @@ |
|
|
|
|
.ui-state-focus, |
|
|
|
|
.ui-widget-content .ui-state-focus, |
|
|
|
|
.ui-widget-header .ui-state-focus { |
|
|
|
|
border: 1px solid #999999/*{borderColorHover}*/; |
|
|
|
|
background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; |
|
|
|
|
font-weight: normal/*{fwDefault}*/; |
|
|
|
|
color: #212121/*{fcHover}*/; |
|
|
|
|
border: 1px solid #999999/*{borderColorHover}*/; |
|
|
|
|
background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; |
|
|
|
|
font-weight: normal/*{fwDefault}*/; |
|
|
|
|
color: #212121/*{fcHover}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-hover a, |
|
|
|
|
.ui-state-hover a:hover, |
|
|
|
@ -109,22 +109,22 @@ |
|
|
|
|
.ui-state-focus a:hover, |
|
|
|
|
.ui-state-focus a:link, |
|
|
|
|
.ui-state-focus a:visited { |
|
|
|
|
color: #212121/*{fcHover}*/; |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: #212121/*{fcHover}*/; |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
.ui-state-active, |
|
|
|
|
.ui-widget-content .ui-state-active, |
|
|
|
|
.ui-widget-header .ui-state-active { |
|
|
|
|
border: 1px solid #aaaaaa/*{borderColorActive}*/; |
|
|
|
|
background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; |
|
|
|
|
font-weight: normal/*{fwDefault}*/; |
|
|
|
|
color: #212121/*{fcActive}*/; |
|
|
|
|
border: 1px solid #aaaaaa/*{borderColorActive}*/; |
|
|
|
|
background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; |
|
|
|
|
font-weight: normal/*{fwDefault}*/; |
|
|
|
|
color: #212121/*{fcActive}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-active a, |
|
|
|
|
.ui-state-active a:link, |
|
|
|
|
.ui-state-active a:visited { |
|
|
|
|
color: #212121/*{fcActive}*/; |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: #212121/*{fcActive}*/; |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Interaction Cues |
|
|
|
@ -132,53 +132,53 @@ |
|
|
|
|
.ui-state-highlight, |
|
|
|
|
.ui-widget-content .ui-state-highlight, |
|
|
|
|
.ui-widget-header .ui-state-highlight { |
|
|
|
|
border: 1px solid #fcefa1/*{borderColorHighlight}*/; |
|
|
|
|
background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; |
|
|
|
|
color: #363636/*{fcHighlight}*/; |
|
|
|
|
border: 1px solid #fcefa1/*{borderColorHighlight}*/; |
|
|
|
|
background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; |
|
|
|
|
color: #363636/*{fcHighlight}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-highlight a, |
|
|
|
|
.ui-widget-content .ui-state-highlight a, |
|
|
|
|
.ui-widget-header .ui-state-highlight a { |
|
|
|
|
color: #363636/*{fcHighlight}*/; |
|
|
|
|
color: #363636/*{fcHighlight}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-error, |
|
|
|
|
.ui-widget-content .ui-state-error, |
|
|
|
|
.ui-widget-header .ui-state-error { |
|
|
|
|
border: 1px solid #cd0a0a/*{borderColorError}*/; |
|
|
|
|
background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; |
|
|
|
|
color: #cd0a0a/*{fcError}*/; |
|
|
|
|
border: 1px solid #cd0a0a/*{borderColorError}*/; |
|
|
|
|
background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; |
|
|
|
|
color: #cd0a0a/*{fcError}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-error a, |
|
|
|
|
.ui-widget-content .ui-state-error a, |
|
|
|
|
.ui-widget-header .ui-state-error a { |
|
|
|
|
color: #cd0a0a/*{fcError}*/; |
|
|
|
|
color: #cd0a0a/*{fcError}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-error-text, |
|
|
|
|
.ui-widget-content .ui-state-error-text, |
|
|
|
|
.ui-widget-header .ui-state-error-text { |
|
|
|
|
color: #cd0a0a/*{fcError}*/; |
|
|
|
|
color: #cd0a0a/*{fcError}*/; |
|
|
|
|
} |
|
|
|
|
.ui-priority-primary, |
|
|
|
|
.ui-widget-content .ui-priority-primary, |
|
|
|
|
.ui-widget-header .ui-priority-primary { |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.ui-priority-secondary, |
|
|
|
|
.ui-widget-content .ui-priority-secondary, |
|
|
|
|
.ui-widget-header .ui-priority-secondary { |
|
|
|
|
opacity: .7; |
|
|
|
|
filter:Alpha(Opacity=70); |
|
|
|
|
font-weight: normal; |
|
|
|
|
opacity: .7; |
|
|
|
|
filter:Alpha(Opacity=70); |
|
|
|
|
font-weight: normal; |
|
|
|
|
} |
|
|
|
|
.ui-state-disabled, |
|
|
|
|
.ui-widget-content .ui-state-disabled, |
|
|
|
|
.ui-widget-header .ui-state-disabled { |
|
|
|
|
opacity: .35; |
|
|
|
|
filter:Alpha(Opacity=35); |
|
|
|
|
background-image: none; |
|
|
|
|
opacity: .35; |
|
|
|
|
filter:Alpha(Opacity=35); |
|
|
|
|
background-image: none; |
|
|
|
|
} |
|
|
|
|
.ui-state-disabled .ui-icon { |
|
|
|
|
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ |
|
|
|
|
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Icons |
|
|
|
@ -186,32 +186,32 @@ |
|
|
|
|
|
|
|
|
|
/* states and images */ |
|
|
|
|
.ui-icon { |
|
|
|
|
width: 16px; |
|
|
|
|
height: 16px; |
|
|
|
|
width: 16px; |
|
|
|
|
height: 16px; |
|
|
|
|
} |
|
|
|
|
.ui-icon, |
|
|
|
|
.ui-widget-content .ui-icon { |
|
|
|
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; |
|
|
|
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; |
|
|
|
|
} |
|
|
|
|
.ui-widget-header .ui-icon { |
|
|
|
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; |
|
|
|
|
background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-default .ui-icon { |
|
|
|
|
background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; |
|
|
|
|
background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-hover .ui-icon, |
|
|
|
|
.ui-state-focus .ui-icon { |
|
|
|
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; |
|
|
|
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-active .ui-icon { |
|
|
|
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; |
|
|
|
|
background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-highlight .ui-icon { |
|
|
|
|
background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; |
|
|
|
|
background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; |
|
|
|
|
} |
|
|
|
|
.ui-state-error .ui-icon, |
|
|
|
|
.ui-state-error-text .ui-icon { |
|
|
|
|
background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; |
|
|
|
|
background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* positioning */ |
|
|
|
@ -401,38 +401,38 @@ |
|
|
|
|
.ui-corner-top, |
|
|
|
|
.ui-corner-left, |
|
|
|
|
.ui-corner-tl { |
|
|
|
|
border-top-left-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
border-top-left-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
} |
|
|
|
|
.ui-corner-all, |
|
|
|
|
.ui-corner-top, |
|
|
|
|
.ui-corner-right, |
|
|
|
|
.ui-corner-tr { |
|
|
|
|
border-top-right-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
border-top-right-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
} |
|
|
|
|
.ui-corner-all, |
|
|
|
|
.ui-corner-bottom, |
|
|
|
|
.ui-corner-left, |
|
|
|
|
.ui-corner-bl { |
|
|
|
|
border-bottom-left-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
border-bottom-left-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
} |
|
|
|
|
.ui-corner-all, |
|
|
|
|
.ui-corner-bottom, |
|
|
|
|
.ui-corner-right, |
|
|
|
|
.ui-corner-br { |
|
|
|
|
border-bottom-right-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
border-bottom-right-radius: 4px/*{cornerRadius}*/; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Overlays */ |
|
|
|
|
.ui-widget-overlay { |
|
|
|
|
background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; |
|
|
|
|
opacity: .3/*{opacityOverlay}*/; |
|
|
|
|
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; |
|
|
|
|
background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; |
|
|
|
|
opacity: .3/*{opacityOverlay}*/; |
|
|
|
|
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; |
|
|
|
|
} |
|
|
|
|
.ui-widget-shadow { |
|
|
|
|
margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; |
|
|
|
|
padding: 8px/*{thicknessShadow}*/; |
|
|
|
|
background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; |
|
|
|
|
opacity: .3/*{opacityShadow}*/; |
|
|
|
|
filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; |
|
|
|
|
border-radius: 8px/*{cornerRadiusShadow}*/; |
|
|
|
|
margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; |
|
|
|
|
padding: 8px/*{thicknessShadow}*/; |
|
|
|
|
background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; |
|
|
|
|
opacity: .3/*{opacityShadow}*/; |
|
|
|
|
filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; |
|
|
|
|
border-radius: 8px/*{cornerRadiusShadow}*/; |
|
|
|
|
} |
|
|
|
|