www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/046/css/form.css

    @charset "utf-8";

/* ---------- Button ---------- */

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font:14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding: 10px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	height:42px;
}

.button:hover {	text-decoration: none; }
.button:active { position: relative; top: 1px; }
.button.bigrounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* ---------- Button Color ---------- */

/* Red */

.b_red {
	color: #d9eef7;
	border: solid 1px #d84646;
	background: #dd5858;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd5858), to(#ca2424));
	background: -moz-linear-gradient(top,  #dd5858,  #ca2424);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd5858', endColorstr='#ca2424');
}
.b_red:hover {
	background: #e11a1a;
	background: -webkit-gradient(linear, left top, left bottom, from(#e11a1a), to(#db4949));
	background: -moz-linear-gradient(top,  #e11a1a,  #db4949);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e11a1a', endColorstr='#db4949');
}
.b_red:active {
	color: #d9eef7;
	background: -webkit-gradient(linear, left top, left bottom, from(#f04242), to(#e85f5f));
	background: -moz-linear-gradient(top,  #f04242,  #e85f5f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04242', endColorstr='#e85f5f');
}