Author: abelevich Date: 2008-02-25 06:58:38 -0500 (Mon, 25 Feb 2008) New Revision: 6319 Modified: trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss Log: skinning Modified: trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss =================================================================== --- trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss 2008-02-25 11:44:09 UTC (rev 6318) +++ trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss 2008-02-25 11:58:38 UTC (rev 6319) @@ -16,8 +16,8 @@ .rich-inplace-select-default-state{ white-space : nowrap; - background-color : #f1f1f1/*editorBackgroundColor*/; - border-bottom : 1px dashed #000000/*generalTextColor*/; + border-bottom-width: 1px; + border-bottom-style: dashed; padding-left : 3px; padding-right : 3px; } @@ -29,15 +29,12 @@ .rich-inplace-select-edit-state{ position : relative; - width : 100px; } .rich-inplace-select-field { - background : #FEFFDA/*editBackgroundColor*/; padding : 0px 0px 0px 0px; - border : 0px; + border-width: 1px; margin : 0px; - /*width : 112px;*/ position : absolute; top:0px; left : 0px; @@ -50,15 +47,14 @@ height : 1px } .rich-inplace-select-btn-set{ - /*position : absolute; top:0px; left : 112px;*/ white-space : nowrap } .rich-inplace-select-btn { background-position : top; background-repeat: repeat-x; - background-color: #C7D7EC; /*gradient - from generalBackgroundColor to tabBackgroundColor, background-color - tabBackgroundColor*/ - border : 1px outset #BED6F8; /*panelBorderColor*/ + border-width: 1px; + border-style: outset; padding : 0px; margin : 0px; } @@ -66,8 +62,8 @@ .rich-inplace-select-btn-press{ background-position: top; background-repeat: repeat-x; - background-color: #C7D7EC; /*gradient - from tabBackgroundColor to generalBackgroundColor, background-color - tabBackgroundColor*/ - border : 1px inset #BED6F8; /*panelBorderColor*/ + border-width: 1px; + border-style: inset; padding : 0px; margin : 0px; } @@ -88,12 +84,11 @@ .rich-inplace-select-list_cord{ position : relative; - font-size : 0px;d!isplay : none -}/*DDL is hidden!!!!!*/ + font-size : 0px; +} .rich-inplace-select-list-scroll{ overflow : auto; - /*height : 100px;*/ } .rich-inplace-select-list-position{ @@ -103,14 +98,12 @@ } .rich-inplace-select-list-decoration{ - border : 1px outset #c0c0c0 /*panelBorderColor*/; + border-width: 1px; + border-style: outset; padding : 0px; - background-color : #FEFFDA; /*tableBackgroundColor*/ } - .rich-inplace-select-width-list{ - /*width : 250px;*/ } .rich-inplace-select-item{ @@ -120,15 +113,11 @@ } .rich-inplace-select-font{ - font-size : 11px/*generalSizeFont*/; - font-family : arial/*generalFamilyFont*/; - color : #000000/*generalTextColor*/ } .rich-inplace-select-selected-item{ padding : 1px; background-color: #4a75b5; border : 1px dotted #4a75b5; - color: white;/*generalTextColor*/ } .rich-inplace-select-shadow-tl{ @@ -159,46 +148,72 @@ </u:style> </u:selector> + <u:selector name=".rich-inplace-select-default-state"> + <u:style name="background-color" skin="editorBackgroundColor"/> + <u:style name="border-bottom-color" skin="generaTextColor"/> + </u:selector> + <u:selector name=".rich-inplace-select-field"> + <u:style name="background-color" skin="editorBackgroundColor"/> + <u:style name="border-color" skin="panelBorderColor"/> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonDown"/> </u:style> </u:selector> - - <u:selector name=".rich-inplace-select-shadow-tl"> + <u:selector name=".rich-inplace-select-btn"> <u:style name="background-image"> - <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> + <f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient"/> </u:style> + <u:style name="background-color" skin="tabBackgroundColor"/> + <u:style name="border-color" skin="panelBorderColor"/> </u:selector> - <u:selector name=".rich-inplace-select-shadow-tr"> + <u:selector name=".rich-inplace-select-btn-press"> <u:style name="background-image"> - <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> + <f:resource f:key="org.richfaces.renderkit.html.images.ComboBoxButtonPressGradient"/> </u:style> + <u:style name="background-color" skin="tabBackgroundColor"/> + <u:style name="border-color" skin="panelBorderColor"/> </u:selector> - <u:selector name=".rich-inplace-select-shadow-bl"> + <u:selector name=".rich-inplace-select-list-decoration"> + <u:style name="border-color" skin="panelBorderColor"/> + <u:style name="background-color" skin="tableBackgroundColor"/> + </u:selector> + + <u:selector name=".rich-inplace-select-font"> + <u:style name="font-size" skin="generalSizeFont"/> + <u:style name="font-family" skin="generalFamilyFont"/> + <u:style name="color" skin="generalTextColor"/> + </u:selector> + + <u:selector name=".rich-inplace-select-selected-item"> + <u:style name="color" skin="generalTextColor"/> + </u:selector> + + <u:selector name=".rich-inplace-select-shadow-tl"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> - <u:selector name=".rich-inplace-select-shadow-br"> + <u:selector name=".rich-inplace-select-shadow-tr"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> - <u:selector name=".rich-inplace-select-btn"> + <u:selector name=".rich-inplace-select-shadow-bl"> <u:style name="background-image"> - <f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient"/> + <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> - <u:selector name=".rich-inplace-select-btn-press"> + <u:selector name=".rich-inplace-select-shadow-br"> <u:style name="background-image"> - <f:resource f:key="org.richfaces.renderkit.html.images.ComboBoxButtonPressGradient"/> + <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> + </f:template> \ No newline at end of file