Replace bitmap-font PNGs buttons with HTML/CSS anchors and buttons

bauhouse · Jun 30, 2009 · 6b5839a · 6b5839a
1 parent 55452b9
commit 6b5839a
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 16 deletions.
diff --git a/symphony/assets/admin.css b/symphony/assets/admin.css
@@ -237,21 +237,27 @@ pre code {
 
 /* Buttons */
 a.button {
-	position: absolute;
-	right: 0;
-	bottom: 3px;
-	padding-top: 15px;
-	height: 0;
-	width: 0;
-	overflow: hidden;
 	background-color: #597bc6;
 	color: #fff;
+	float:right;
+	padding: 0 1em .1em 1em;
+	margin: 0;
+	line-height:2em;
+	height:2em;
+	font-size: .8em;
+	text-decoration: none;
+	text-transform: uppercase;
+	text-shadow: none;
+	letter-spacing:.1em;
+	cursor: pointer;
+	border-radius: 1em;
+	-moz-border-radius: 1em;
+	-webkit-border-radius: 1em;
 }
 a.button:hover,
 a.button.active {
 	background-color: #222;
 }
 a.create {
-	padding-left: 66px;
-	background: #81b934 url("images/create.png");
+	background-color: #81b934;
 }
diff --git a/symphony/assets/forms.css b/symphony/assets/forms.css
@@ -191,18 +191,21 @@ div.actions button {
 	float: left;
 	margin-right: 1em;
 	border: none;
-	padding: 0;
-	overflow: hidden;
 	background-color: #887;
 	color: #fff;
-	line-height: 15px;
-	height: 15px;
 	cursor: pointer;
+
+	padding: 0 1em .2em 1em;
+	line-height:2em;
+	height:2em;
+	text-transform: uppercase;
+	letter-spacing: .1em;
+
+	border-radius: 1em;
+	-moz-border-radius: 1em;
+	-webkit-border-radius: 1em;
 }
 button.delete {
-	width: 51px;
-	background-image: url("images/delete.png");
-	text-indent: 200%;
 }
 button.delete:hover {
 	background-color: #d43;