incubator-xap-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From jmarga...@apache.org
Subject svn commit: r485520 - /incubator/xap/trunk/css/xapDefault.css
Date Mon, 11 Dec 2006 06:01:52 GMT
Author: jmargaris
Date: Sun Dec 10 22:01:51 2006
New Revision: 485520

URL: http://svn.apache.org/viewvc?view=rev&rev=485520
Log:
padding and mousedown effect for buttons, fixed checkbox/radio
in IE

Modified:
    incubator/xap/trunk/css/xapDefault.css

Modified: incubator/xap/trunk/css/xapDefault.css
URL: http://svn.apache.org/viewvc/incubator/xap/trunk/css/xapDefault.css?view=diff&rev=485520&r1=485519&r2=485520
==============================================================================
--- incubator/xap/trunk/css/xapDefault.css (original)
+++ incubator/xap/trunk/css/xapDefault.css Sun Dec 10 22:01:51 2006
@@ -57,10 +57,16 @@
 	cursor: default;
 }
 
+
+/* Need an initial padding for mousedown effect, but this has the effect
+of making buttons slightly different sizes in IE and Mozilla, would be better
+to adjust .xapButtonContents instead but that doesn't work for whatever reason
+*/
+
 /* BUTTON */
 .xapButton{
+	padding : 0px;
 	border: 1px solid #999;
-	padding: 0px;
 	margin: 0px;	
 	cursor: default;
 	background-image: url(./xap_button.gif);
@@ -70,12 +76,21 @@
 	font-size: 8pt;
 }
 
+.xapButtonContents{
+	padding: 2px;
+}
+
+.xapButtonContentsMouseDown{
+	padding: 3px 1px 1px 3px;
+}
+
 .xapButtonMouseOver{
 	border: 1px solid #99d;
 	background-image: url(./xap_button_hover.gif);
 	background-color: #a5c5d0;
 }
 
+/* On mouse down adjust padding so content moves down/left */
 .xapButtonMouseDown{
 	background-image: url(./xap_button_pressed.gif);
 	background-color: #ffffff;
@@ -105,12 +120,14 @@
 .xapCheckBox{
 	padding: 4px;
 	cursor: default;
-	border: 1px transparent solid;
+	border: 0px;
 	font-size: 8pt;
 }
 
+/* Reduce padding + increase border because IE does not support transparent */
 .xapCheckBoxMouseOver{
 	border: 1px #99d solid;
+	padding: 3px;
 }
 
 .xapCheckBoxMouseDown{
@@ -125,12 +142,13 @@
 .xapRadioButton{
 	padding: 4px;
 	cursor: default;
-	border: 1px transparent solid;
+	border: 0px;
 	font-size: 8pt;
 }
 
 .xapRadioButtonMouseOver{
 	border: 1px #99d solid;
+	padding: 3px;
 }
 
 .xapRadioButtonMouseDown{



Mime
View raw message