-
-
Save irohiroki/909284 to your computer and use it in GitHub Desktop.
.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f { | |
color: white; | |
font-weight: bold; | |
text-decoration: none; } | |
.ui-btn-up-f { | |
border: 1px solid #711414; | |
background: #ab2525; | |
text-shadow: 0 -1px 1px #711414; | |
background-image: -moz-linear-gradient(top, #c44f4f, #ab2525); | |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c45e5e), color-stop(1, #9e3939)); | |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c44f4f', EndColorStr='#ab2525')"; } | |
.ui-btn-hover-f { | |
border: 1px solid #6e0000; | |
background: #b54a4a; | |
text-shadow: 0 -1px 1px #690101; | |
background-image: -moz-linear-gradient(top, #d47272, #b54a4a); | |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d47272), color-stop(1, #b54a4a)); | |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d47272', EndColorStr='#b54a4a')"; } | |
.ui-btn-down-f { | |
border: 1px solid #782323; | |
background: #c44f4f; | |
text-shadow: 0 -1px 1px #782323; | |
background-image: -moz-linear-gradient(top, #9e3939, #c44f4f); | |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9e3939), color-stop(1, #c44f4f)); | |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9e3939', EndColorStr='#c44f4f')"; } |
thanks for red button
perfect, thanks!
and this for list bar
.ui-bar-f {
border: 1px solid #711414;
background: #ab2525;
text-shadow: 0 -1px 1px #711414;
color: white;
font-weight: bold;
background-image: -moz-linear-gradient(top, #c44f4f, #ab2525);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c45e5e), color-stop(1, #9e3939));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c44f4f', EndColorStr='#ab2525')";
background-image: -webkit-linear-gradient(top, #c44f4f, #ab2525);
background-image: -ms-linear-gradient(top, #c44f4f, #ab2525);
background-image: -o-linear-gradient(top, #c44f4f, #ab2525);
background-image: linear-gradient(top, #c44f4f, #ab2525);
}
Thanks for this! Saved me an hour or so...
fa shizzle.
updated, thanks!