Author: abelevich Date: 2008-02-26 07:20:24 -0500 (Tue, 26 Feb 2008) New Revision: 6341 Modified: trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss Log: skinning Modified: trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss =================================================================== --- trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss 2008-02-26 12:18:28 UTC (rev 6340) +++ trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css/inplaceinput.xcss 2008-02-26 12:20:24 UTC (rev 6341) @@ -9,26 +9,13 @@ } .rich-inplace-changed { - background-color:#F1F1F1; - border-bottom:1px dashed #000000; - padding-left:3px; - padding-right:3px; - white-space:nowrap; background-position:left top; background-repeat:no-repeat; } - .rich-inplace-input-view-hover { - border: thin solid red; - } - - .rich-inplace-input-change-hover { - border: thin solid blue; - } - .rich-inplace-view { - background-color:#F1F1F1; - border-bottom:1px dashed #000000; + border-width: 1px; + border-style: dashed; padding-left:3px; padding-right:3px; white-space:nowrap; @@ -39,29 +26,46 @@ } .rich-inplace-field { - background:#FFF281 none repeat scroll 0%; border:0px none; - /*left:0px; - top:0px; - position:absolute;*/ margin:0px; - padding:0px 0px 0px 3px; + padding:0px 0px 0px 0px; } + + .rich-inplace-input-view-hover { + border: thin solid red; + } + .rich-inplace-input-change-hover { + border: thin solid blue; + } + + .rich-inplace-input-strut { + height : 1px; + } + .rich-inplace-button { - background-color : #FFFFFF; - border : 1px outset #BED6F8; + background-position: top; + background-repeat: repeat-x; + border-width : 1px; + border-style: outset; padding : 0px; margin : 0px; } .rich-inplace-button-press { - background-color: #FFFFFF; - border : 1px inset #BED6F8; + background-position: top; + background-repeat: repeat-x; + border-width: 1px; + border-style: inset; padding : 0px; margin : 0px; } + .rich-inplace-input-button-set { + white-space : nowrap; + } + + .rich-inplace-shadow { top:-6px; left:-4px; @@ -69,7 +73,7 @@ } .rich-inplace-shadow-size { - width : 34px; height : 25px; + width : 34px; height : 16px; } .rich-inplace-shadow-tl { @@ -91,14 +95,6 @@ background-repeat: repeat-x; background-position: bottom right; } - - .rich-inplace-input-button-set { - white-space : nowrap; - } - - .rich-inplace-input-strut { - height : 1px; - } ]]> </f:verbatim> @@ -113,13 +109,16 @@ <u:style name="background-image"> <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-button-press"> <u:style name="background-image"> <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-shadow-tl"> @@ -146,4 +145,14 @@ </u:style> </u:selector> + <u:selector name=".rich-inplace-view"> + <u:style name="background-color" skin="editorBackgroundColor"/> + <u:style name="border-color" skin="generalTextColor"/> + </u:selector> + + <u:selector name=".rich-inplace-field"> + <u:style name="background-color" skin="editBackgroundColor"/> + </u:selector> + + </f:template>