Author: abelevich Date: 2008-02-20 09:15:27 -0500 (Wed, 20 Feb 2008) New Revision: 6206 Modified: trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss Log: rename css classes 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-20 13:53:36 UTC (rev 6205) +++ trunk/sandbox/ui/inplaceSelect/src/main/resources/org/richfaces/renderkit/html/css/inplaceselect.xcss 2008-02-20 14:15:27 UTC (rev 6206) @@ -11,158 +11,231 @@ fieldset{padding : 30px; border : 1px solid #c0c0c0;} legend{font-weight : bold} -.insel_default_state{white-space : nowrap; background-color : #f1f1f1/*editorBackgroundColor*/; border-bottom : 1px dashed #000000/*generalTextColor*/; padding-left : 3px; padding-right : 3px;} -.insel_changed_state{background-position : top left; background-repeat : no-repeat;} +.rich-inplace-select-default-state{ + white-space : nowrap; + background-color : #f1f1f1/*editorBackgroundColor*/; + border-bottom : 1px dashed #000000/*generalTextColor*/; + padding-left : 3px; + padding-right : 3px; +} -.insel_edit_state{position : relative; width : 100px;} -.insel_field{background : #FBFF8E/*editBackgroundColor*/; padding : 0px 0px 0px 0px; border : 0px; margin : 0px; width : 112px; position : absolute; top:0px; left : 0px; background-position : center right; background-repeat : no-repeat;} -.insel_strut{width : 100px; height : 1px} -.insel_btn{ +.rich-inplace-select-changed-state{ + background-position : top left; + background-repeat : no-repeat; +} + +.rich-inplace-select-edit-state{ + position : relative; + width : 100px; +} + +.rich-inplace-select-field { + background : #FBFF8E/*editBackgroundColor*/; + padding : 0px 0px 0px 0px; + border : 0px; + margin : 0px; + width : 112px; + position : absolute; + top:0px; + left : 0px; + background-position : center right; + background-repeat : no-repeat; +} + +.rich-inplace-select-strut{ + width : 100px; + height : 1px +} + +.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*/ padding : 0px; - margin : 0px;} -.insel_btn_press{ + margin : 0px; +} + +.rich-inplace-select-press{ background-position: top; background-repeat: repeat-x; background-color: #C7D7EC; /*gradient - from tabBackgroundColor to generalBackgroundColor, background-color - tabBackgroundColor*/ border : 1px inset #BED6F8; /*panelBorderColor*/ padding : 0px; - margin : 0px;} + margin : 0px; +} +.rich-inplace-select-set{ + position : absolute; + top:0px; + left : 112px; + white-space : nowrap +} -.insel_btn_set{ position : absolute; top:0px; left : 112px; white-space : nowrap} -.insel_shadow{ top:0; left:0; position : absolute;} -.insel_shadow_size{ width : 34px; height : 16px;} -.cb_list_cord{ position : relative; font-size : 0px;d!isplay : none}/*DDL is hidden!!!!!*/ -.cb_list_scroll{ overflow : auto; height : 100px;} -.cb_list_position{ position : absolute; top:1px; left:0px;} -.cb_list_decoration{border : 1px solid #c0c0c0 /*panelBorderColor*/; padding : 0px; background : #FFFFFF; /*tableBackgroundColor*/} -.cb_width_list{ width : 250px;} -.cb_option{ padding : 2px; white-space : nowrap;} -.cb_font{ font-size : 11px/*generalSizeFont*/; font-family : arial/*generalFamilyFont*/; color : #000000/*generalTextColor*/} -.cb_select{ padding : 1px; background-color: #4a75b5; border : 1px dotted #4a75b5; color: white;/*generalTextColor*/} +.rich-inplace-select-shadow{ + top:0; + left:0; + position : absolute; +} -.insel_shadow_tl{ +.rich-inplace-select-size{ + width : 34px; + height : 16px; +} + +.rich-inplace-select-list_cord{ + position : relative; + font-size : 0px;d!isplay : none +}/*DDL is hidden!!!!!*/ + +.rich-inplace-select-list_scroll{ + overflow : auto; + height : 100px; +} + +.rich-inplace-select-list-position{ + position : absolute; + top:1px; + left:0px; +} + +.rich-inplace-select-list-decoration{ + border : 1px solid #c0c0c0 /*panelBorderColor*/; + padding : 0px; background : #FFFFFF; /*tableBackgroundColor*/ +} + + +.rich-inplace-select-width-list{ + width : 250px; +} + +.rich-inplace-select-option{ + padding : 2px; + white-space : nowrap; +} + +.rich-inplace-select-font{ + font-size : 11px/*generalSizeFont*/; + font-family : arial/*generalFamilyFont*/; + color : #000000/*generalTextColor*/ +} +.rich-inplace-select-select-item{ + padding : 1px; + background-color: #4a75b5; + border : 1px dotted #4a75b5; + color: white;/*generalTextColor*/ +} + +.rich-inplace-select-shadow-tl{ background-repeat: repeat-x; background-position : top left; } -.insel_shadow_tr{ +.rich-inplace-select-shadow-tr{ background-repeat: repeat-x; background-position : top right; } -.insel_shadow_bl{ +.rich-inplace-select-shadow-bl{ background-repeat: repeat-x; background-position : bottom left; } -.insel_shadow_br{ +.rich-inplace-select-shadow-br{ background-repeat: repeat-x; background-position : bottom right; } -.cb_shadow_tl{ +.rich-inplace-select-shadow-tl{ background-repeat: repeat-x; background-position: top left; } -.cb_shadow_tr{ +..rich-inplace-select-shadow-tr{ background-repeat: repeat-x; background-position: top right; } -.cb_shadow_bl{ +.rich-inplace-select-shadow-bl{ background-repeat : repeat-x background-position: bottom left; } -.cb_shadow_br{ +.rich-inplace-select-shadow-br{ background-repeat : repeat-x; background-position : bottom right; } ]]> </f:verbatim> - <u:selector name=".insel_changed_state"> + <u:selector name="..rich-inplace-select-changed-state"> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.EditIcon"/> </u:style> </u:selector> - <u:selector name=".insel_field"> + <u:selector name=".rich-inplace-select-field"> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonDown"/> </u:style> </u:selector> - <u:selector name=".insel_shadow_tl"> + <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=".cb_shadow_tr"> + <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=".cb_shadow_bl"> + <u:selector name=".rich-inplace-select-shadow-bl"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> - <u:selector name=".cb_shadow_br"> + <u:selector name=".rich-inplace-select-shadow-br"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> - <u:selector name=".insel_shadow_tl"> + <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=".insel_shadow_tr"> + <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=".insel_shadow_bl"> + <u:selector name=".rich-inplace-select-shadow-bl"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> - <u:selector name=".insel_shadow_br"> + <u:selector name=".rich-inplace-select-shadow-br"> <u:style name="background-image"> <f:resource f:key="/org/richfaces/renderkit/html/images/bg_shadow.png"/> </u:style> </u:selector> - <u:selector name=".insel_btn"> + <u:selector name=".rich-inplace-select-btn"> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient"/> </u:style> </u:selector> - <u:selector name=".insel_btn_press"> + <u:selector name=".rich-inplace-select-btn-press"> <u:style name="background-image"> <f:resource f:key="org.richfaces.renderkit.html.images.ComboBoxButtonPressGradient"/> </u:style> </u:selector> - - - - - - - - </f:template> \ No newline at end of file