|
/* Red button theme for JQuery Mobile |
|
* - Use data-theme="r" for red versions of the default JQuery Mobile Buttons. |
|
******************************************************************************************/ |
|
|
|
.ui-btn-up-r { |
|
border: 1px solid #721414; |
|
background: #AB2525; |
|
font-weight: bold; |
|
color: #fff; |
|
text-shadow: 0 -1px 1px #000; |
|
background-image: -moz-linear-gradient(top, #C54E4E, #AB2525); |
|
background-image: -webkit-gradient(linear,left top,left bottom, |
|
color-stop(0, #C54E4E), |
|
color-stop(1, #AB2525)); |
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C54E4E', EndColorStr='#AB2525')"; |
|
} |
|
.ui-btn-up-r a.ui-link-inherit { |
|
color: #fff; |
|
} |
|
.ui-btn-hover-r { |
|
border: 1px solid #6E0000; |
|
background: #B64B4B; |
|
font-weight: bold; |
|
color: #fff; |
|
text-shadow: 0 -1px 1px #000; |
|
background-image: -moz-linear-gradient(top, |
|
#D47272, |
|
#B64B4B); |
|
background-image: -webkit-gradient(linear,left top,left bottom, |
|
color-stop(0, #D47272), |
|
color-stop(1, #B64B4B)); |
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D47272', EndColorStr='#B64B4B')"; |
|
} |
|
.ui-btn-hover-r a.ui-link-inherit { |
|
color: #fff; |
|
} |
|
.ui-btn-down-r { |
|
border: 1px solid #772222; |
|
background: #C54E4E; |
|
font-weight: bold; |
|
color: #fff; |
|
text-shadow: 0 -1px 1px #000; |
|
background-image: -moz-linear-gradient(top, #9E3939, #C54E4E); |
|
background-image: -webkit-gradient(linear,left top,left bottom, |
|
color-stop(0, #9E3939), |
|
color-stop(1, #C54E4E)); |
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9E3939', EndColorStr='#C54E4E')"; |
|
} |
|
.ui-btn-down-r a.ui-link-inherit { |
|
color: #fff; |
|
} |
|
.ui-btn-up-r, |
|
.ui-btn-hover-r, |
|
.ui-btn-down-r { |
|
font-family: Helvetica, Arial, sans-serif; |
|
text-decoration: none; |
|
} |
This came in handy right now, mate. Thanks!