|
/* Red striped button theme for JQuery Mobile |
|
* - Use data-theme="r" for red striped 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; |
|
} |
|
.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; |
|
} |
|
.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; |
|
} |
|
.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; |
|
-webkit-background-size: 40px 40px; |
|
-moz-background-size: 40px 40px; |
|
background-size: 40px 40px; |
|
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); |
|
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); |
|
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); |
|
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); |
|
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); |
|
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); |
|
} |
