Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save meigwilym/1953911 to your computer and use it in GitHub Desktop.
Save meigwilym/1953911 to your computer and use it in GitHub Desktop.
jQuery Mobile Green Theme for Buttons
.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
color: white;
font-weight: bold;
text-decoration: none;
}
.ui-btn-up-g a.ui-link-inherit {
color: #fff;
}
.ui-btn-up-g
{
border: 1px solid #397114;
background: #5aab25;
text-shadow: 0 -1px 1px #397114;
background-image: -moz-linear-gradient(top, #7ec44f, #5aab25);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87c45e), color-stop(1, #619e39));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7ec44f', EndColorStr='#5aab25')";
}
.ui-btn-hover-g
{
border: 1px solid #2c6e00;
background: #75b54a;
text-shadow: 0 -1px 1px #2a6901;
background-image: -moz-linear-gradient(top, #99d472, #75b54a);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #99d472), color-stop(1, #75b54a));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99d472', EndColorStr='#75b54a')";
}
.ui-btn-hover-g a.ui-link-inherit {
color: #fff;
}
.ui-btn-down-g
{
border: 1px solid #457823;
background: #7ec44f;
text-shadow: 0 -1px 1px #457823;
background-image: -moz-linear-gradient(top, #619e39, #7ec44f);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619e39), color-stop(1, #7ec44f));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#619e39', EndColorStr='#7ec44f')";
}
.ui-btn-down-g a.ui-link-inherit {
color: #fff;
}
.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
color: white;
font-weight: bold;
text-decoration: none;
}
@meigwilym
Copy link
Author

Added font color for hover etc.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment