3:50 a.m.
Author: andrei_exadel
Date: 2008-02-25 04:50:46 -0500 (Mon, 25 Feb 2008)
New Revision: 6316
Modified:
trunk/sandbox/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss
Log:
skinning
Modified:
trunk/sandbox/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss
===================================================================
---
trunk/sandbox/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss 2008-02-23
01:07:17 UTC (rev 6315)
+++
trunk/sandbox/ui/fileUpload/src/main/resources/org/richfaces/renderkit/html/css/fileUpload.xcss 2008-02-25
09:50:46 UTC (rev 6316)
@@ -8,19 +8,16 @@
body{margin : 20px}
-.upload_font{font-family : verdana /*generalFamilyFont*/ ; font-size :
11px/*generalSizeFont*/;}
-
table{width : 100%}
-.upload_table_td{border-bottom:1px solid #c0c0c0 /*tableBorderColor*/;white-space :
nowrap;}
+.upload_table_td{border-bottom:1px solid; white-space : nowrap;}
-.upload_list_decor{ border:1px solid #c0c0c0 /*tableBorderColor*/; background : #FFFFFF
/*tableBackgroundColor*/;}
+.upload_list_decor{ border:1px solid;}
.upload_list_overflow{overflow : auto; overflow-x : hidden;}
.upload_name{ width : 100%; height : 50px; padding : 2px 10px 2px 10px;}
.upload_del{ width : 90px; text-align : center; padding-top : 3; padding-bottom : 3;}
.upload_scroll{ width : 10px; text-align : center;}
-.upload_anc{ color : ##0078D0/*generalLinkColor*/;}
-.upload_toolbar_decor{ background : #EAF0F8
/*additionalBackgroundColor*/;border-bottom:1px solid #c0c0c0
/*tableBorderColor*/;border-top:1px solid #FFFFFF /*tableBackgroundColor*/;border-left:1px
solid #FFFFFF /*tableBackgroundColor*/;padding : 2px}
+.upload_toolbar_decor{border-bottom:1px solid;border-top:1px solid;border-left:1px
solid;padding : 2px}
input[type="file"][class~="hidden"]::-webkit-file-upload-button {
font-size: 10em;
@@ -28,7 +25,7 @@
}
.upload_button_border{
- border : 1px solid #C0C0C0; /*tableBorderColor*/
+ border : 1px solid;
margin : 2px;
}
.upload_button{
@@ -38,25 +35,24 @@
}
.upload_button_light{
background-repeat: repeat x top left #C6D6EA;
- border : 1px solid #E79A00; /*selectControlColor*/
+ border : 1px solid;
cursor : pointer;
padding : 1px;
}
.upload_button_dis{
- background :#f1f1f1 /*trimColor*/ repeat-x;
+ background-repeat: repeat-x;
cursor : pointer;
padding : 2px;
}
.upload_button_press{
background-repeat: repeat x top left #EAF0F8;
- border : 1px solid #E79A00; /*selectControlColor*/
+ border : 1px solid;
padding : 2px 0px 0px 2px;
}
a.upload_button_selection{
text-decoration : none;
- color : #000000; /*generalTextColor*/
display : block;
}
.upload_button_content{
@@ -72,13 +68,6 @@
.upload_name_padding{padding : 2px 0px 2px 0px;}
.upload_ico{background-position : 0px 50%; background-repeat : no-repeat; padding-left :
19px}
-.upload_ico_add{}
-.upload_ico_add_dis{color:#C0C0C0; /*tableBorderColor*/}
-.upload_ico_start{}
-.upload_ico_start_dis{color:#C0C0C0; /*tableBorderColor*/}
-.upload_ico_stop{}
-.upload_ico_clear{}
-.upload_ico_clear_dis{color:#C0C0C0; /*tableBorderColor*/}
input.hidden {
Z-INDEX: 2;
@@ -91,6 +80,43 @@
]]>
</f:verbatim>
+<u:selector name=".upload_font">
+ <u:style name="font-family" skin="generalFamilyFont" />
+ <u:style name="font-size" skin="generalSizeFont" />
+</u:selector>
+
+<u:selector name=".upload_table_td">
+ <u:style name="border-color" skin="tableBorderColor" />
+</u:selector>
+
+<u:selector name=".upload_list_decor">
+ <u:style name="border-color" skin="tableBorderColor" />
+ <u:style name="background-color" skin="tableBackgroundColor"
/>
+</u:selector>
+
+<u:selector name=".upload_anc">
+ <u:style name="color" skin="generalLinkColor" />
+</u:selector>
+
+<u:selector name=".upload_toolbar_decor">
+ <u:style name="background-color" skin="additionalBackgroundColor"
/>
+ <u:style name="border-bottom-color" skin="tableBorderColor"
/>
+ <u:style name="border-top-color" skin="tableBackgroundColor"
/>
+ <u:style name="border-left-color" skin="tableBackgroundColor"
/>
+</u:selector>
+
+<u:selector name=".upload_button_border">
+ <u:style name="border-color" skin="tableBorderColor" />
+</u:selector>
+
+<u:selector name=".upload_button_dis">
+ <u:style name="background-color" skin="trimColor" />
+</u:selector>
+
+<u:selector name="a.upload_button_selection">
+ <u:style name="color" skin="generalTextColor" />
+</u:selector>
+
<u:selector name=".upload_button">
<u:style name="background-image">
<f:resource f:key="/org/richfaces/renderkit/html/images/bg_header.png"
/>
@@ -101,12 +127,14 @@
<u:style name="background-image">
<f:resource f:key="/org/richfaces/renderkit/html/images/bg_header.png"
/>
</u:style>
+ <u:style name="border-color" skin="selectControlColor" />
</u:selector>
<u:selector name=".upload_button_press">
<u:style name="background-image">
<f:resource f:key="/org/richfaces/renderkit/html/images/bg_press.png"
/>
</u:style>
+ <u:style name="border-color" skin="selectControlColor" />
</u:selector>
<u:selector name=".upload_ico_add">
@@ -119,6 +147,7 @@
<u:style name="background-image">
<f:resource f:key="/org/richfaces/renderkit/html/images/ico_add_dis.gif"
/>
</u:style>
+ <u:style name="color" skin="tableBorderColor" />
</u:selector>
<u:selector name=".upload_ico_start">
@@ -131,6 +160,7 @@
<u:style name="background-image">
<f:resource f:key="/org/richfaces/renderkit/html/images/ico_start_dis.gif"
/>
</u:style>
+ <u:style name="color" skin="tableBorderColor" />
</u:selector>
<u:selector name=".upload_ico_stop">
@@ -149,6 +179,7 @@
<u:style name="background-image">
<f:resource f:key="/org/richfaces/renderkit/html/images/ico_clear_dis.gif"
/>
</u:style>
+ <u:style name="color" skin="tableBorderColor" />
</u:selector>
</f:template>