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>