Author: abelevich
Date: 2008-01-08 13:42:07 -0500 (Tue, 08 Jan 2008)
New Revision: 5195
Modified:
trunk/sandbox/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss
Log:
rename classes, add gradients background
Modified:
trunk/sandbox/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss
===================================================================
---
trunk/sandbox/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss 2008-01-08
18:41:13 UTC (rev 5194)
+++
trunk/sandbox/ui/combobox/src/main/resources/org/richfaces/renderkit/html/css/combobox.xcss 2008-01-08
18:42:07 UTC (rev 5195)
@@ -6,11 +6,15 @@
<f:verbatim>
<![CDATA[
-.rich-combobox-button-disabled {
+
+.rich-cb-item-normal {
}
-.rich-combobox-field-disabled {
+.rich-cb-font {
+}
+
+.rich-cb-field-disabled {
position : absolute;
top : 0px; left : 0;
padding-right :20px;
@@ -21,107 +25,158 @@
background-repeat:repeat-x;
}
-.rich-combobox-list {
+.rich-cb-list {
z-index: 1000;
overflow: auto;
white-space:nowrap;
}
-.cb_list_position{ position : absolute;}
-.cb_list_decoration{ border : 1px solid #c0c0c0 /*panelBorderColor*/; padding : 0px;
background : #FFFFFF; /*tableBackgroundColor*/}
-.cb_list_scroll{ overflow : auto;}
-.cb_list_cord{ position : relative; font-size : 0px; /*display:none;*/ top: 2px;}/*DDL is
hidden!!!!!*/
+.rich-cb-list-position {
+ position : absolute;
+}
-.rich-combobox-item {
- padding : 2px; white-space : nowrap;
- font-size : 11px/*generalSizeFont*/; font-family : arial/*generalFamilyFont*/; color :
#000000/*generalTextColor*/
+.rich-cb-list-decoration {
+ border : 1px solid; padding : 0px;
}
-.rich-combobox-item-normal {
+.rich-cb-list-scroll {
+ overflow : auto;
}
-.rich-combobox-item-selected {
+.rich-cb-list-cord {
+ position : relative; font-size : 0px;
+}
+
+.rich-cb-item {
+ padding : 2px; white-space : nowrap;
+}
+
+
+.rich-cb-item-selected {
padding : 1px;
- background : #C7D7EC;
- border : 1px dotted #000000;/*generalTextColor*/
+ background-color : #DFE8F6;
+ border : 1px dotted;
cursor:pointer;
+
}
-
-.rich_cb_width {
+.rich-cb-width {
width : 150px;
}
-.rich_cb_font {
- font-size : 11px/*generalSizeFont*/; font-family : arial/*generalFamilyFont*/; color :
#000000/*generalTextColor*/
-}
-
-.rich_cb_strut {
+.rich-cb-strut {
position : relative;
visibility : hidden;
margin : 0px; padding : 2px;
}
-.rich_cb_shell {
+.rich-cb-shell {
position : relative;
}
-.rich_cb_field {
+.rich-cb-field {
position : absolute;
- top : 0px; left : 0;
+ top : 0px; left : 0px;
padding-right :20px;
padding-left :3px;
margin : 0px;
border : 1px solid #c0c0c0;
background-position:left top;
background-repeat:repeat-x;
- border-color: #BED6F8 rgb(255, 255, 255) #BED6F8 rgb(190, 214, 248);
-} /*panelBorderColor*/
+}
-.rich_cb_button {
+.rich-cb-button {
position : absolute;
top : 0px;
- right : 0;
+ right : 0px;
width : 17px;
margin : 0px;
- border : 1px solid #c0c0c0;
- border-color: #BED6F8 rgb(190, 214, 248) #BED6F8 rgb(190, 214, 248);
-} /*panelBorderColor*/
+ border : 1px solid #C0C0C0;
+}
-.rich_cb_button_bg {
- background : top repeat-x #C7D7EC;
+.rich-cb-button-bg-disabled {
+ background : top repeat-x;
}
-.rich_cb_button_bg_press {
- background : url(images/bg_press.png) repeat-x bottom #C7D7EC
-} /*gradient - from tabBackgroundColor to generalBackgroundColor, background-color -
tabBackgroundColor*/
+.rich-cb-button-bg {
+ background : top repeat-x;
+}
-.rich_cb_button_arrow {
+.rich-cb-button-bg-press {
+ background : top repeat-x;
+}
+
+.rich-cb-button-arrow {
background : center no-repeat; cursor : pointer;
}
-
]]>
</f:verbatim>
- /*gradient - from generalBackgroundColor to tabBackgroundColor, background-color -
tabBackgroundColor*/
- <u:selector name=".rich_cb_button_bg">
+
+ <u:selector name=".rich-cb-button-bg">
<u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.images.ComboBoxButtonGradient"
/>
</u:style>
+ <u:style name="background-color" skin="tabBackgroundColor"/>
</u:selector>
- <u:selector name=".rich_cb_field">
+ <u:selector name=".rich-cb-button-bg-disabled">
<u:style name="background-image">
- <f:resource f:key="org.richfaces.renderkit.images.ComboBoxInputGradient"
/>
+ <f:resource
f:key="org.richfaces.renderkit.images.ComboBoxDisableButtonGradient" />
</u:style>
+ <u:style name="background-color" skin="tabBackgroundColor"/>
</u:selector>
- <u:selector name=".rich_cb_button_arrow">
+ <u:selector name=".rich-cb-button-bg-press">
<u:style name="background-image">
+ <f:resource
f:key="org.richfaces.renderkit.images.ComboBoxButtonPressGradient" />
+ </u:style>
+ <u:style name="background-color" skin="tabBackgroundColor"/>
+ </u:selector>
+
+ <u:selector name=".rich-cb-button-arrow">
+ <u:style name="background-image">
<f:resource f:key="org.richfaces.renderkit.images.ComboBoxArrowImage"
/>
</u:style>
</u:selector>
-
-</f:template>
\ No newline at end of file
+ <u:selector name=".rich-cb-button">
+ <u:style name="border-color" skin="panelBorderColor"/>
+ </u:selector>
+
+ <u:selector name=".rich-cb-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-cb-field">
+ <u:style name="background-image">
+ <f:resource f:key="org.richfaces.renderkit.images.ComboBoxInputGradient"
/>
+ </u:style>
+ <u:style name="border-color" skin="panelBorderColor"/>
+ </u:selector>
+
+ <u:selector name=".rich-cb-item">
+ <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-cb-item-selected">
+ <u:style name="border-color" skin="generalTextColor"/>
+ </u:selector>
+
+ <u:selector name=".rich-cb-list-decoration">
+ <u:style name="border-color" skin="panelBorderColor"/>
+ <u:style name="background" skin="tableBackgroundColor"/>
+ </u:selector>
+
+ <u:selector name=".rich-cb-item-selected">
+ <u:style name="border-color" skin="generalTextColor"/>
+ </u:selector>
+
+
+
+</f:template>