[20295] | 1 | /* |
---|
| 2 | * jQuery Mobile Framework 1.0.1 |
---|
| 3 | * http://jquerymobile.com |
---|
| 4 | * |
---|
| 5 | * Copyright 2011-2012 (c) jQuery Project |
---|
| 6 | * Dual licensed under the MIT or GPL Version 2 licenses. |
---|
| 7 | * http://jquery.org/license |
---|
| 8 | * |
---|
| 9 | */ |
---|
| 10 | /* Swatches */ |
---|
| 11 | |
---|
| 12 | /* A |
---|
| 13 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 14 | |
---|
| 15 | .ui-bar-a { |
---|
| 16 | border: 1px solid #D5D5D5 /*{a-bar-border}*/; |
---|
| 17 | background: #EEEEEE /*{a-bar-background-color}*/; |
---|
| 18 | color: #000000 /*{a-bar-color}*/; |
---|
| 19 | font-weight: bold; |
---|
| 20 | text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #FFFFFF /*{a-bar-shadow-color}*/; |
---|
| 21 | background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/), to( #EEEEEE /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ |
---|
| 22 | background-image: -webkit-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ |
---|
| 23 | background-image: -moz-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* FF3.6 */ |
---|
| 24 | background-image: -ms-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* IE10 */ |
---|
| 25 | background-image: -o-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* Opera 11.10+ */ |
---|
| 26 | background-image: linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); |
---|
| 27 | } |
---|
| 28 | |
---|
| 29 | .ui-bar-a .ui-link-inherit { |
---|
| 30 | color: #000000 /*{a-bar-color}*/; |
---|
| 31 | } |
---|
| 32 | .ui-bar-a .ui-link { |
---|
| 33 | color: #7cc4e7 /*{a-bar-link-color}*/; |
---|
| 34 | font-weight: bold; |
---|
| 35 | } |
---|
| 36 | |
---|
| 37 | .ui-bar-a .ui-link:hover { |
---|
| 38 | color: #2489CE /*{a-bar-link-hover}*/; |
---|
| 39 | } |
---|
| 40 | |
---|
| 41 | .ui-bar-a .ui-link:active { |
---|
| 42 | color: #2489CE /*{a-bar-link-active}*/; |
---|
| 43 | } |
---|
| 44 | |
---|
| 45 | .ui-bar-a .ui-link:visited { |
---|
| 46 | color: #2489CE /*{a-bar-link-visited}*/; |
---|
| 47 | } |
---|
| 48 | |
---|
| 49 | .ui-bar-a, |
---|
| 50 | .ui-bar-a input, |
---|
| 51 | .ui-bar-a select, |
---|
| 52 | .ui-bar-a textarea, |
---|
| 53 | .ui-bar-a button { |
---|
| 54 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; |
---|
| 55 | } |
---|
| 56 | .ui-body-a, |
---|
| 57 | .ui-dialog.ui-overlay-a { |
---|
| 58 | border: 1px solid #D5D5D5 /*{a-body-border}*/; |
---|
| 59 | color: #000000 /*{a-body-color}*/; |
---|
| 60 | text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #FFFFFF /*{a-body-shadow-color}*/; |
---|
| 61 | background: #DDDDDD /*{a-body-background-color}*/; |
---|
| 62 | background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#999999) /*{a-body-background-start}*/), to( #DDDDDD /*{a-body-background-end}*/)); /* Saf4+, Chrome */ |
---|
| 63 | background-image: -webkit-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ |
---|
| 64 | background-image: -moz-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* FF3.6 */ |
---|
| 65 | background-image: -ms-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* IE10 */ |
---|
| 66 | background-image: -o-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* Opera 11.10+ */ |
---|
| 67 | background-image: linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); |
---|
| 68 | } |
---|
| 69 | .ui-body-a, |
---|
| 70 | .ui-body-a input, |
---|
| 71 | .ui-body-a select, |
---|
| 72 | .ui-body-a textarea, |
---|
| 73 | .ui-body-a button { |
---|
| 74 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; |
---|
| 75 | } |
---|
| 76 | |
---|
| 77 | .ui-body-a .ui-link-inherit { |
---|
| 78 | color: #000000 /*{a-body-color}*/; |
---|
| 79 | } |
---|
| 80 | |
---|
| 81 | .ui-body-a .ui-link { |
---|
| 82 | color: #2489CE /*{a-body-link-color}*/; |
---|
| 83 | font-weight: bold; |
---|
| 84 | } |
---|
| 85 | |
---|
| 86 | .ui-body-a .ui-link:hover { |
---|
| 87 | color: #2489CE /*{a-body-link-hover}*/; |
---|
| 88 | } |
---|
| 89 | |
---|
| 90 | .ui-body-a .ui-link:active { |
---|
| 91 | color: #2489CE /*{a-body-link-active}*/; |
---|
| 92 | } |
---|
| 93 | |
---|
| 94 | .ui-body-a .ui-link:visited { |
---|
| 95 | color: #2489CE /*{a-body-link-visited}*/; |
---|
| 96 | } |
---|
| 97 | |
---|
| 98 | .ui-btn-up-a { |
---|
| 99 | border: 1px solid #DDDDDD /*{a-bup-border}*/; |
---|
| 100 | background: #CCCCCC /*{a-bup-background-color}*/; |
---|
| 101 | font-weight: bold; |
---|
| 102 | color: #000000 /*{a-bup-color}*/; |
---|
| 103 | text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #FFFFFF /*{a-bup-shadow-color}*/; |
---|
| 104 | background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/), to( #CCCCCC /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ |
---|
| 105 | background-image: -webkit-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ |
---|
| 106 | background-image: -moz-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* FF3.6 */ |
---|
| 107 | background-image: -ms-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* IE10 */ |
---|
| 108 | background-image: -o-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* Opera 11.10+ */ |
---|
| 109 | background-image: linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); |
---|
| 110 | } |
---|
| 111 | .ui-btn-up-a a.ui-link-inherit { |
---|
| 112 | color: #000000 /*{a-bup-color}*/; |
---|
| 113 | } |
---|
| 114 | |
---|
| 115 | .ui-btn-hover-a { |
---|
| 116 | border: 1px solid #FFFFFF /*{a-bhover-border}*/; |
---|
| 117 | background: #BBBBBB /*{a-bhover-background-color}*/; |
---|
| 118 | font-weight: bold; |
---|
| 119 | color: #fff /*{a-bhover-color}*/; |
---|
| 120 | text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/; |
---|
| 121 | background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#999999) /*{a-bhover-background-start}*/), to( #BBBBBB /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ |
---|
| 122 | background-image: -webkit-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ |
---|
| 123 | background-image: -moz-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* FF3.6 */ |
---|
| 124 | background-image: -ms-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* IE10 */ |
---|
| 125 | background-image: -o-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* Opera 11.10+ */ |
---|
| 126 | background-image: linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); |
---|
| 127 | } |
---|
| 128 | .ui-btn-hover-a a.ui-link-inherit { |
---|
| 129 | color: #fff /*{a-bhover-color}*/; |
---|
| 130 | } |
---|
| 131 | .ui-btn-down-a { |
---|
| 132 | border: 1px solid #FFFFFF /*{a-bdown-border}*/; |
---|
| 133 | background: #C2C2C2 /*{a-bdown-background-color}*/; |
---|
| 134 | font-weight: bold; |
---|
| 135 | color: #000000 /*{a-bdown-color}*/; |
---|
| 136 | text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #FFFFFF /*{a-bdown-shadow-color}*/; |
---|
| 137 | background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/), to( #A5A5A5 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ |
---|
| 138 | background-image: -webkit-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ |
---|
| 139 | background-image: -moz-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* FF3.6 */ |
---|
| 140 | background-image: -ms-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* IE10 */ |
---|
| 141 | background-image: -o-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* Opera 11.10+ */ |
---|
| 142 | background-image: linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); |
---|
| 143 | } |
---|
| 144 | .ui-btn-down-a a.ui-link-inherit { |
---|
| 145 | color: #000000 /*{a-bdown-color}*/; |
---|
| 146 | } |
---|
| 147 | .ui-btn-up-a, |
---|
| 148 | .ui-btn-hover-a, |
---|
| 149 | .ui-btn-down-a { |
---|
| 150 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; |
---|
| 151 | text-decoration: none; |
---|
| 152 | } |
---|
| 153 | |
---|
| 154 | /* Structure */ |
---|
| 155 | |
---|
| 156 | /* links within "buttons" |
---|
| 157 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 158 | |
---|
| 159 | a.ui-link-inherit { |
---|
| 160 | text-decoration: none !important; |
---|
| 161 | } |
---|
| 162 | |
---|
| 163 | |
---|
| 164 | /* Active class used as the "on" state across all themes |
---|
| 165 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 166 | |
---|
| 167 | .ui-btn-active { |
---|
| 168 | border: 1px solid #155678 /*{global-active-border}*/; |
---|
| 169 | background: #387bbe /*{global-active-background-color}*/; |
---|
| 170 | font-weight: bold; |
---|
| 171 | color: #fff /*{global-active-color}*/; |
---|
| 172 | cursor: pointer; |
---|
| 173 | text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/; |
---|
| 174 | text-decoration: none; |
---|
| 175 | background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */ |
---|
| 176 | background-image: -webkit-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ |
---|
| 177 | background-image: -moz-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */ |
---|
| 178 | background-image: -ms-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */ |
---|
| 179 | background-image: -o-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */ |
---|
| 180 | background-image: linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); |
---|
| 181 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; |
---|
| 182 | } |
---|
| 183 | .ui-btn-active a.ui-link-inherit { |
---|
| 184 | color: #fff /*{global-active-color}*/; |
---|
| 185 | } |
---|
| 186 | |
---|
| 187 | |
---|
| 188 | /* button inner top highlight |
---|
| 189 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 190 | |
---|
| 191 | .ui-btn-inner { |
---|
| 192 | border-top: 1px solid #fff; |
---|
| 193 | border-color: rgba(255,255,255,.3); |
---|
| 194 | } |
---|
| 195 | |
---|
| 196 | |
---|
| 197 | /* corner rounding classes |
---|
| 198 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 199 | |
---|
| 200 | .ui-corner-tl { |
---|
| 201 | -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; |
---|
| 202 | -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 203 | border-top-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 204 | } |
---|
| 205 | .ui-corner-tr { |
---|
| 206 | -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; |
---|
| 207 | -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 208 | border-top-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 209 | } |
---|
| 210 | .ui-corner-bl { |
---|
| 211 | -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; |
---|
| 212 | -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 213 | border-bottom-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 214 | } |
---|
| 215 | .ui-corner-br { |
---|
| 216 | -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; |
---|
| 217 | -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 218 | border-bottom-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 219 | } |
---|
| 220 | .ui-corner-top { |
---|
| 221 | -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; |
---|
| 222 | -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 223 | border-top-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 224 | -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; |
---|
| 225 | -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 226 | border-top-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 227 | } |
---|
| 228 | .ui-corner-bottom { |
---|
| 229 | -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; |
---|
| 230 | -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 231 | border-bottom-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 232 | -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; |
---|
| 233 | -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 234 | border-bottom-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 235 | } |
---|
| 236 | .ui-corner-right { |
---|
| 237 | -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; |
---|
| 238 | -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 239 | border-top-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 240 | -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; |
---|
| 241 | -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 242 | border-bottom-right-radius: .6em /*{global-radii-blocks}*/; |
---|
| 243 | } |
---|
| 244 | .ui-corner-left { |
---|
| 245 | -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; |
---|
| 246 | -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 247 | border-top-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 248 | -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; |
---|
| 249 | -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 250 | border-bottom-left-radius: .6em /*{global-radii-blocks}*/; |
---|
| 251 | } |
---|
| 252 | .ui-corner-all { |
---|
| 253 | -moz-border-radius: .6em /*{global-radii-blocks}*/; |
---|
| 254 | -webkit-border-radius: .6em /*{global-radii-blocks}*/; |
---|
| 255 | border-radius: .6em /*{global-radii-blocks}*/; |
---|
| 256 | } |
---|
| 257 | .ui-corner-none { |
---|
| 258 | -moz-border-radius: 0; |
---|
| 259 | -webkit-border-radius: 0; |
---|
| 260 | border-radius: 0; |
---|
| 261 | } |
---|
| 262 | |
---|
| 263 | /* Form field separator |
---|
| 264 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 265 | .ui-br { |
---|
| 266 | border-bottom: rgb(130,130,130); |
---|
| 267 | border-bottom: rgba(130,130,130,.3); |
---|
| 268 | border-bottom-width: 1px; |
---|
| 269 | border-bottom-style: solid; |
---|
| 270 | } |
---|
| 271 | |
---|
| 272 | /* Interaction cues |
---|
| 273 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 274 | .ui-disabled { |
---|
| 275 | opacity: .3; |
---|
| 276 | } |
---|
| 277 | .ui-disabled, |
---|
| 278 | .ui-disabled a { |
---|
| 279 | pointer-events: none; |
---|
| 280 | cursor: default; |
---|
| 281 | } |
---|
| 282 | |
---|
| 283 | /* Icons |
---|
| 284 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 285 | |
---|
| 286 | .ui-icon, |
---|
| 287 | .ui-icon-searchfield:after { |
---|
| 288 | background: #666 /*{global-icon-color}*/; |
---|
| 289 | background: rgba(0,0,0,.4) /*{global-icon-disc}*/; |
---|
| 290 | background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; |
---|
| 291 | background-repeat: no-repeat; |
---|
| 292 | -moz-border-radius: 9px; |
---|
| 293 | -webkit-border-radius: 9px; |
---|
| 294 | border-radius: 9px; |
---|
| 295 | } |
---|
| 296 | |
---|
| 297 | |
---|
| 298 | /* Alt icon color |
---|
| 299 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 300 | |
---|
| 301 | .ui-icon-alt { |
---|
| 302 | background: #fff; |
---|
| 303 | background: rgba(255,255,255,.3); |
---|
| 304 | background-image: url(images/icons-18-black.png); |
---|
| 305 | background-repeat: no-repeat; |
---|
| 306 | } |
---|
| 307 | |
---|
| 308 | /* HD/"retina" sprite |
---|
| 309 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 310 | |
---|
| 311 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
---|
| 312 | only screen and (min--moz-device-pixel-ratio: 1.5), |
---|
| 313 | only screen and (min-resolution: 240dpi) { |
---|
| 314 | |
---|
| 315 | .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, |
---|
| 316 | .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, |
---|
| 317 | .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, |
---|
| 318 | .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, |
---|
| 319 | .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { |
---|
| 320 | background-image: undefined /*{global-large-icon-set}*/; |
---|
| 321 | -moz-background-size: 776px 18px; |
---|
| 322 | -o-background-size: 776px 18px; |
---|
| 323 | -webkit-background-size: 776px 18px; |
---|
| 324 | background-size: 776px 18px; |
---|
| 325 | } |
---|
| 326 | .ui-icon-alt { |
---|
| 327 | background-image: url(images/icons-36-black.png); |
---|
| 328 | } |
---|
| 329 | } |
---|
| 330 | |
---|
| 331 | /* plus minus */ |
---|
| 332 | .ui-icon-plus { |
---|
| 333 | background-position: -0 50%; |
---|
| 334 | } |
---|
| 335 | .ui-icon-minus { |
---|
| 336 | background-position: -36px 50%; |
---|
| 337 | } |
---|
| 338 | |
---|
| 339 | /* delete/close */ |
---|
| 340 | .ui-icon-delete { |
---|
| 341 | background-position: -72px 50%; |
---|
| 342 | } |
---|
| 343 | |
---|
| 344 | /* arrows */ |
---|
| 345 | .ui-icon-arrow-r { |
---|
| 346 | background-position: -108px 50%; |
---|
| 347 | } |
---|
| 348 | .ui-icon-arrow-l { |
---|
| 349 | background-position: -144px 50%; |
---|
| 350 | } |
---|
| 351 | .ui-icon-arrow-u { |
---|
| 352 | background-position: -180px 50%; |
---|
| 353 | } |
---|
| 354 | .ui-icon-arrow-d { |
---|
| 355 | background-position: -216px 50%; |
---|
| 356 | } |
---|
| 357 | |
---|
| 358 | /* misc */ |
---|
| 359 | .ui-icon-check { |
---|
| 360 | background-position: -252px 50%; |
---|
| 361 | } |
---|
| 362 | .ui-icon-gear { |
---|
| 363 | background-position: -288px 50%; |
---|
| 364 | } |
---|
| 365 | .ui-icon-refresh { |
---|
| 366 | background-position: -324px 50%; |
---|
| 367 | } |
---|
| 368 | .ui-icon-forward { |
---|
| 369 | background-position: -360px 50%; |
---|
| 370 | } |
---|
| 371 | .ui-icon-back { |
---|
| 372 | background-position: -396px 50%; |
---|
| 373 | } |
---|
| 374 | .ui-icon-grid { |
---|
| 375 | background-position: -432px 50%; |
---|
| 376 | } |
---|
| 377 | .ui-icon-star { |
---|
| 378 | background-position: -468px 50%; |
---|
| 379 | } |
---|
| 380 | .ui-icon-alert { |
---|
| 381 | background-position: -504px 50%; |
---|
| 382 | } |
---|
| 383 | .ui-icon-info { |
---|
| 384 | background-position: -540px 50%; |
---|
| 385 | } |
---|
| 386 | .ui-icon-home { |
---|
| 387 | background-position: -576px 50%; |
---|
| 388 | } |
---|
| 389 | .ui-icon-search, |
---|
| 390 | .ui-icon-searchfield:after { |
---|
| 391 | background-position: -612px 50%; |
---|
| 392 | } |
---|
| 393 | .ui-icon-checkbox-off { |
---|
| 394 | background-position: -684px 50%; |
---|
| 395 | } |
---|
| 396 | .ui-icon-checkbox-on { |
---|
| 397 | background-position: -648px 50%; |
---|
| 398 | } |
---|
| 399 | .ui-icon-radio-off { |
---|
| 400 | background-position: -756px 50%; |
---|
| 401 | } |
---|
| 402 | .ui-icon-radio-on { |
---|
| 403 | background-position: -720px 50%; |
---|
| 404 | } |
---|
| 405 | |
---|
| 406 | |
---|
| 407 | /* checks,radios */ |
---|
| 408 | .ui-checkbox .ui-icon { |
---|
| 409 | -moz-border-radius: 3px; |
---|
| 410 | -webkit-border-radius: 3px; |
---|
| 411 | border-radius: 3px; |
---|
| 412 | } |
---|
| 413 | .ui-icon-checkbox-off, |
---|
| 414 | .ui-icon-radio-off { |
---|
| 415 | background-color: transparent; |
---|
| 416 | } |
---|
| 417 | .ui-checkbox-on .ui-icon, |
---|
| 418 | .ui-radio-on .ui-icon { |
---|
| 419 | background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ |
---|
| 420 | } |
---|
| 421 | |
---|
| 422 | /* loading icon */ |
---|
| 423 | .ui-icon-loading { |
---|
| 424 | background-image: url(images/ajax-loader.png); |
---|
| 425 | width: 40px; |
---|
| 426 | height: 40px; |
---|
| 427 | -moz-border-radius: 20px; |
---|
| 428 | -webkit-border-radius: 20px; |
---|
| 429 | border-radius: 20px; |
---|
| 430 | background-size: 35px 35px; |
---|
| 431 | } |
---|
| 432 | |
---|
| 433 | |
---|
| 434 | /* Button corner classes |
---|
| 435 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 436 | |
---|
| 437 | .ui-btn-corner-tl { |
---|
| 438 | -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; |
---|
| 439 | -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 440 | border-top-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 441 | } |
---|
| 442 | .ui-btn-corner-tr { |
---|
| 443 | -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; |
---|
| 444 | -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 445 | border-top-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 446 | } |
---|
| 447 | .ui-btn-corner-bl { |
---|
| 448 | -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; |
---|
| 449 | -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 450 | border-bottom-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 451 | } |
---|
| 452 | .ui-btn-corner-br { |
---|
| 453 | -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; |
---|
| 454 | -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 455 | border-bottom-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 456 | } |
---|
| 457 | .ui-btn-corner-top { |
---|
| 458 | -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; |
---|
| 459 | -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 460 | border-top-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 461 | -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; |
---|
| 462 | -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 463 | border-top-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 464 | } |
---|
| 465 | .ui-btn-corner-bottom { |
---|
| 466 | -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; |
---|
| 467 | -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 468 | border-bottom-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 469 | -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; |
---|
| 470 | -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 471 | border-bottom-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 472 | } |
---|
| 473 | .ui-btn-corner-right { |
---|
| 474 | -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; |
---|
| 475 | -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 476 | border-top-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 477 | -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; |
---|
| 478 | -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 479 | border-bottom-right-radius: 1em /*{global-radii-buttons}*/; |
---|
| 480 | } |
---|
| 481 | .ui-btn-corner-left { |
---|
| 482 | -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; |
---|
| 483 | -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 484 | border-top-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 485 | -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; |
---|
| 486 | -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 487 | border-bottom-left-radius: 1em /*{global-radii-buttons}*/; |
---|
| 488 | } |
---|
| 489 | .ui-btn-corner-all { |
---|
| 490 | -moz-border-radius: 1em /*{global-radii-buttons}*/; |
---|
| 491 | -webkit-border-radius: 1em /*{global-radii-buttons}*/; |
---|
| 492 | border-radius: 1em /*{global-radii-buttons}*/; |
---|
| 493 | } |
---|
| 494 | |
---|
| 495 | /* radius clip workaround for cleaning up corner trapping */ |
---|
| 496 | .ui-corner-tl, |
---|
| 497 | .ui-corner-tr, |
---|
| 498 | .ui-corner-bl, |
---|
| 499 | .ui-corner-br, |
---|
| 500 | .ui-corner-top, |
---|
| 501 | .ui-corner-bottom, |
---|
| 502 | .ui-corner-right, |
---|
| 503 | .ui-corner-left, |
---|
| 504 | .ui-corner-all, |
---|
| 505 | .ui-btn-corner-tl, |
---|
| 506 | .ui-btn-corner-tr, |
---|
| 507 | .ui-btn-corner-bl, |
---|
| 508 | .ui-btn-corner-br, |
---|
| 509 | .ui-btn-corner-top, |
---|
| 510 | .ui-btn-corner-bottom, |
---|
| 511 | .ui-btn-corner-right, |
---|
| 512 | .ui-btn-corner-left, |
---|
| 513 | .ui-btn-corner-all { |
---|
| 514 | -webkit-background-clip: padding-box; |
---|
| 515 | -moz-background-clip: padding; |
---|
| 516 | background-clip: padding-box; |
---|
| 517 | } |
---|
| 518 | |
---|
| 519 | /* Overlay / modal |
---|
| 520 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 521 | |
---|
| 522 | .ui-overlay { |
---|
| 523 | background: #666; |
---|
| 524 | opacity: .5; |
---|
| 525 | filter: Alpha(Opacity=50); |
---|
| 526 | position: absolute; |
---|
| 527 | width: 100%; |
---|
| 528 | height: 100%; |
---|
| 529 | } |
---|
| 530 | .ui-overlay-shadow { |
---|
| 531 | -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); |
---|
| 532 | -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); |
---|
| 533 | box-shadow: 0px 0px 12px rgba(0,0,0,.6); |
---|
| 534 | } |
---|
| 535 | .ui-shadow { |
---|
| 536 | -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; |
---|
| 537 | -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; |
---|
| 538 | box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; |
---|
| 539 | } |
---|
| 540 | .ui-bar-a .ui-shadow, |
---|
| 541 | .ui-bar-b .ui-shadow , |
---|
| 542 | .ui-bar-c .ui-shadow { |
---|
| 543 | -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); |
---|
| 544 | -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); |
---|
| 545 | box-shadow: 0px 1px 0 rgba(255,255,255,.3); |
---|
| 546 | } |
---|
| 547 | .ui-shadow-inset { |
---|
| 548 | -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); |
---|
| 549 | -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); |
---|
| 550 | box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); |
---|
| 551 | } |
---|
| 552 | .ui-icon-shadow { |
---|
| 553 | -moz-box-shadow: 0px 1px 0 undefined /*{global-icon-shadow}*/; |
---|
| 554 | -webkit-box-shadow: 0px 1px 0 undefined /*{global-icon-shadow}*/; |
---|
| 555 | box-shadow: 0px 1px 0 undefined /*{global-icon-shadow}*/; |
---|
| 556 | } |
---|
| 557 | |
---|
| 558 | /* Focus state - set here for specificity |
---|
| 559 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 560 | |
---|
| 561 | .ui-focus { |
---|
| 562 | -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; |
---|
| 563 | -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; |
---|
| 564 | box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; |
---|
| 565 | } |
---|
| 566 | |
---|
| 567 | /* unset box shadow in browsers that don't do it right |
---|
| 568 | -----------------------------------------------------------------------------------------------------------*/ |
---|
| 569 | |
---|
| 570 | .ui-mobile-nosupport-boxshadow * { |
---|
| 571 | -moz-box-shadow: none !important; |
---|
| 572 | -webkit-box-shadow: none !important; |
---|
| 573 | box-shadow: none !important; |
---|
| 574 | } |
---|
| 575 | |
---|
| 576 | /* ...and bring back focus */ |
---|
| 577 | .ui-mobile-nosupport-boxshadow .ui-focus { |
---|
| 578 | outline-width: 2px; |
---|
| 579 | } |
---|