Skip to content

Instantly share code, notes, and snippets.

@mastergizmo
Forked from irohiroki/gist:909284
Created August 5, 2011 16:08
Show Gist options
  • Star 6 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save mastergizmo/1127876 to your computer and use it in GitHub Desktop.
Save mastergizmo/1127876 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
{
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-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-up-g, .ui-btn-hover-g, .ui-btn-down-g
{
color: white;
font-weight: bold;
text-decoration: none;
}
@mastergizmo
Copy link
Author

adapted "irohiroki"s CSS theme for jquery mobile.

use data-theme="g" for green buttons

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