[richfaces-svn-commits] JBoss Rich Faces SVN: r6341 - trunk/sandbox/ui/inplaceInput/src/main/resources/org/richfaces/renderkit/html/css.

[richfaces-svn-commits at lists.jboss.org]

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>