svn: /pear2/sandbox/pear2.php.net/trunk/www/ css/main.css img/button-bg.png

gauthierm                                Fri, 25 Jun 2010 16:00:49 +0000

Revision: http://svn.php.net/viewvc?view=revision&revision=300746

Log:
Work-around some border aliasing bugs in Webkit and Gecko. Buttons should look much better in multiple browsers now.

Changed paths:
    U   pear2/sandbox/pear2.php.net/trunk/www/css/main.css
    A   pear2/sandbox/pear2.php.net/trunk/www/img/button-bg.png

Modified: pear2/sandbox/pear2.php.net/trunk/www/css/main.css
===================================================================
--- pear2/sandbox/pear2.php.net/trunk/www/css/main.css	2010-06-25 04:59:31 UTC (rev 300745)
+++ pear2/sandbox/pear2.php.net/trunk/www/css/main.css	2010-06-25 16:00:49 UTC (rev 300746)
@@ -92,24 +92,31 @@
 /* {{{ Forms */

 .button {
-	background: #fff;
+	background: #fff url(../img/button-bg.png) repeat-x 0 50%;
 	color: #555;
 	font-weight: bold;
-	text-decoration: none;
 	padding: 3px 15px;
-	background-color: #fff;
-	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5, #fff),color-stop(0.5, #f0f0f0));
-	background-image: -moz-linear-gradient(center top , #fff 50%, #f0f0f0 0%);
+
+	border: 1px solid #999;
 	border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+
 	text-shadow: 0 1px #fff;
-	-moz-border-radius: 4px;
-	-webkit-border-radius: 4px;
-	border: 1px solid #999;
-	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset, 0 0 2px rgba(0,0,0,0.3);
-	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset, 0 0 2px rgba(0,0,0,0.3);
+	box-shadow: 0 0 0 1px rgba(255,255,255,1) inset, 0 1px 3px -1px rgba(0,0,0,0.3);
+	-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset, 0 1px 3px -1px rgba(0,0,0,0.3);
+	-moz-box-shadow: 0 0 0 1px rgba(255,255,255,1) inset, 0 1px 3px -1px rgba(0,0,0,0.3);
 }

+#mid .button {
+	border: 1px solid #fff;
+	box-shadow: 0 0 3px rgba(0,0,0,0.4);
+	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
+	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
+}
+
 a.button {
+	text-decoration: none;
 	padding-top: 3px;
 	padding-bottom: 3px;
 }

Added: pear2/sandbox/pear2.php.net/trunk/www/img/button-bg.png
===================================================================
(Binary files differ)


Property changes on: pear2/sandbox/pear2.php.net/trunk/www/img/button-bg.png
___________________________________________________________________
Added: svn:mime-type
   + image/png