Details | Last modification | View Log | SVN | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1872 | runge | 1 | /*! |
| 2 | * jQuery Mobile v1.0b1 |
||
| 3 | * http://jquerymobile.com/ |
||
| 4 | * |
||
| 5 | * Copyright 2010, jQuery Project |
||
| 6 | * Dual licensed under the MIT or GPL Version 2 licenses. |
||
| 7 | * http://jquery.org/license |
||
| 8 | */ |
||
| 9 | /* |
||
| 10 | * jQuery Mobile Framework |
||
| 11 | * Copyright (c) jQuery Project |
||
| 12 | * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. |
||
| 13 | * Note: Code is in draft form and is subject to change |
||
| 14 | */ |
||
| 15 | |||
| 16 | |||
| 17 | /* A |
||
| 18 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 19 | |||
| 20 | .ui-bar-a { |
||
| 21 | border: 1px solid #2A2A2A; |
||
| 22 | background: #111111; |
||
| 23 | color: #ffffff; |
||
| 24 | font-weight: bold; |
||
| 25 | text-shadow: 0 -1px 1px #000000; |
||
| 26 | background-image: -moz-linear-gradient(top, |
||
| 27 | #3c3c3c, |
||
| 28 | #111111); |
||
| 29 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 30 | color-stop(0, #3c3c3c), |
||
| 31 | color-stop(1, #111111)); |
||
| 32 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')"; |
||
| 33 | } |
||
| 34 | .ui-bar-a, |
||
| 35 | .ui-bar-a input, |
||
| 36 | .ui-bar-a select, |
||
| 37 | .ui-bar-a textarea, |
||
| 38 | .ui-bar-a button { |
||
| 39 | font-family: Helvetica, Arial, sans-serif; |
||
| 40 | } |
||
| 41 | .ui-bar-a .ui-link-inherit { |
||
| 42 | color: #fff; |
||
| 43 | } |
||
| 44 | .ui-bar-a .ui-link { |
||
| 45 | color: #7cc4e7; |
||
| 46 | font-weight: bold; |
||
| 47 | } |
||
| 48 | .ui-body-a { |
||
| 49 | border: 1px solid #2A2A2A; |
||
| 50 | background: #222222; |
||
| 51 | color: #fff; |
||
| 52 | text-shadow: 0 1px 0 #000; |
||
| 53 | font-weight: normal; |
||
| 54 | background-image: -moz-linear-gradient(top, |
||
| 55 | #666666, |
||
| 56 | #222222); |
||
| 57 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 58 | color-stop(0, #666666), |
||
| 59 | color-stop(1, #222222)); |
||
| 60 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222)')"; |
||
| 61 | } |
||
| 62 | .ui-body-a, |
||
| 63 | .ui-body-a input, |
||
| 64 | .ui-body-a select, |
||
| 65 | .ui-body-a textarea, |
||
| 66 | .ui-body-a button { |
||
| 67 | font-family: Helvetica, Arial, sans-serif; |
||
| 68 | } |
||
| 69 | .ui-body-a .ui-link-inherit { |
||
| 70 | color: #fff; |
||
| 71 | } |
||
| 72 | .ui-body-a .ui-link { |
||
| 73 | color: #2489CE; |
||
| 74 | font-weight: bold; |
||
| 75 | } |
||
| 76 | .ui-br { |
||
| 77 | border-bottom: rgb(130,130,130); |
||
| 78 | border-bottom: rgba(130,130,130,.3); |
||
| 79 | border-bottom-width: 1px; |
||
| 80 | border-bottom-style: solid; |
||
| 81 | } |
||
| 82 | .ui-btn-up-a { |
||
| 83 | border: 1px solid #222; |
||
| 84 | background: #333333; |
||
| 85 | font-weight: bold; |
||
| 86 | color: #fff; |
||
| 87 | text-shadow: 0 -1px 1px #000; |
||
| 88 | background-image: -moz-linear-gradient(top, |
||
| 89 | #555555, |
||
| 90 | #333333); |
||
| 91 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 92 | color-stop(0, #555555), |
||
| 93 | color-stop(1, #333333)); |
||
| 94 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')"; |
||
| 95 | } |
||
| 96 | .ui-btn-up-a a.ui-link-inherit { |
||
| 97 | color: #fff; |
||
| 98 | } |
||
| 99 | .ui-btn-hover-a { |
||
| 100 | border: 1px solid #000; |
||
| 101 | background: #444444; |
||
| 102 | font-weight: bold; |
||
| 103 | color: #fff; |
||
| 104 | text-shadow: 0 -1px 1px #000; |
||
| 105 | background-image: -moz-linear-gradient(top, |
||
| 106 | #666666, |
||
| 107 | #444444); |
||
| 108 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 109 | color-stop(0, #666666), |
||
| 110 | color-stop(1, #444444)); |
||
| 111 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#444444')"; |
||
| 112 | } |
||
| 113 | .ui-btn-hover-a a.ui-link-inherit { |
||
| 114 | color: #fff; |
||
| 115 | } |
||
| 116 | .ui-btn-down-a { |
||
| 117 | border: 1px solid #000; |
||
| 118 | background: #3d3d3d; |
||
| 119 | font-weight: bold; |
||
| 120 | color: #fff; |
||
| 121 | text-shadow: 0 -1px 1px #000; |
||
| 122 | background-image: -moz-linear-gradient(top, |
||
| 123 | #333333, |
||
| 124 | #5a5a5a); |
||
| 125 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 126 | color-stop(0, #333333), |
||
| 127 | color-stop(1, #5a5a5a)); |
||
| 128 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')"; |
||
| 129 | } |
||
| 130 | .ui-btn-down-a a.ui-link-inherit { |
||
| 131 | color: #fff; |
||
| 132 | } |
||
| 133 | .ui-btn-up-a, |
||
| 134 | .ui-btn-hover-a, |
||
| 135 | .ui-btn-down-a { |
||
| 136 | font-family: Helvetica, Arial, sans-serif; |
||
| 137 | text-decoration: none; |
||
| 138 | } |
||
| 139 | |||
| 140 | |||
| 141 | /* B |
||
| 142 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 143 | |||
| 144 | .ui-bar-b { |
||
| 145 | border: 1px solid #456f9a; |
||
| 146 | background: #5e87b0; |
||
| 147 | color: #fff; |
||
| 148 | font-weight: bold; |
||
| 149 | text-shadow: 0 -1px 1px #254f7a; |
||
| 150 | background-image: -moz-linear-gradient(top, |
||
| 151 | #81a8ce, |
||
| 152 | #5e87b0); |
||
| 153 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 154 | color-stop(0, #81a8ce), |
||
| 155 | color-stop(1, #5e87b0)); |
||
| 156 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')"; |
||
| 157 | } |
||
| 158 | .ui-bar-b, |
||
| 159 | .ui-bar-b input, |
||
| 160 | .ui-bar-b select, |
||
| 161 | .ui-bar-b textarea, |
||
| 162 | .ui-bar-b button { |
||
| 163 | font-family: Helvetica, Arial, sans-serif; |
||
| 164 | } |
||
| 165 | .ui-bar-b .ui-link-inherit { |
||
| 166 | color: #fff; |
||
| 167 | } |
||
| 168 | .ui-bar-b .ui-link { |
||
| 169 | color: #7cc4e7; |
||
| 170 | font-weight: bold; |
||
| 171 | } |
||
| 172 | |||
| 173 | .ui-body-b { |
||
| 174 | border: 1px solid #C6C6C6; |
||
| 175 | background: #cccccc; |
||
| 176 | color: #333333; |
||
| 177 | text-shadow: 0 1px 0 #fff; |
||
| 178 | font-weight: normal; |
||
| 179 | background-image: -moz-linear-gradient(top, |
||
| 180 | #e6e6e6, |
||
| 181 | #cccccc); |
||
| 182 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 183 | color-stop(0, #e6e6e6), |
||
| 184 | color-stop(1, #cccccc)); |
||
| 185 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#cccccc')"; |
||
| 186 | } |
||
| 187 | .ui-body-b, |
||
| 188 | .ui-body-b input, |
||
| 189 | .ui-body-b select, |
||
| 190 | .ui-body-b textarea, |
||
| 191 | .ui-body-b button { |
||
| 192 | font-family: Helvetica, Arial, sans-serif; |
||
| 193 | } |
||
| 194 | .ui-body-b .ui-link-inherit { |
||
| 195 | color: #333333; |
||
| 196 | } |
||
| 197 | .ui-body-b .ui-link { |
||
| 198 | color: #2489CE; |
||
| 199 | font-weight: bold; |
||
| 200 | } |
||
| 201 | .ui-btn-up-b { |
||
| 202 | border: 1px solid #145072; |
||
| 203 | background: #2567ab; |
||
| 204 | font-weight: bold; |
||
| 205 | color: #fff; |
||
| 206 | text-shadow: 0 -1px 1px #145072; |
||
| 207 | background-image: -moz-linear-gradient(top, |
||
| 208 | #4e89c5, |
||
| 209 | #2567ab); |
||
| 210 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 211 | color-stop(0, #5f9cc5), |
||
| 212 | color-stop(1, #396b9e)); |
||
| 213 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')"; |
||
| 214 | } |
||
| 215 | .ui-btn-up-b a.ui-link-inherit { |
||
| 216 | color: #fff; |
||
| 217 | } |
||
| 218 | .ui-btn-hover-b { |
||
| 219 | border: 1px solid #00516e; |
||
| 220 | background: #4b88b6; |
||
| 221 | font-weight: bold; |
||
| 222 | color: #fff; |
||
| 223 | text-shadow: 0 -1px 1px #014D68; |
||
| 224 | background-image: -moz-linear-gradient(top, |
||
| 225 | #72b0d4, |
||
| 226 | #4b88b6); |
||
| 227 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 228 | color-stop(0, #72b0d4), |
||
| 229 | color-stop(1, #4b88b6)); |
||
| 230 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')"; |
||
| 231 | } |
||
| 232 | .ui-btn-hover-b a.ui-link-inherit { |
||
| 233 | color: #fff; |
||
| 234 | } |
||
| 235 | .ui-btn-down-b { |
||
| 236 | border: 1px solid #225377; |
||
| 237 | background: #4e89c5; |
||
| 238 | font-weight: bold; |
||
| 239 | color: #fff; |
||
| 240 | text-shadow: 0 -1px 1px #225377; |
||
| 241 | background-image: -moz-linear-gradient(top, |
||
| 242 | #396b9e, |
||
| 243 | #4e89c5); |
||
| 244 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 245 | color-stop(0, #396b9e), |
||
| 246 | color-stop(1, #4e89c5)); |
||
| 247 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#396b9e', EndColorStr='#4e89c5')"; |
||
| 248 | } |
||
| 249 | .ui-btn-down-b a.ui-link-inherit { |
||
| 250 | color: #fff; |
||
| 251 | } |
||
| 252 | .ui-btn-up-b, |
||
| 253 | .ui-btn-hover-b, |
||
| 254 | .ui-btn-down-b { |
||
| 255 | font-family: Helvetica, Arial, sans-serif; |
||
| 256 | text-decoration: none; |
||
| 257 | } |
||
| 258 | |||
| 259 | |||
| 260 | /* C |
||
| 261 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 262 | |||
| 263 | .ui-bar-c { |
||
| 264 | border: 1px solid #B3B3B3; |
||
| 265 | background: #e9eaeb; |
||
| 266 | color: #3E3E3E; |
||
| 267 | font-weight: bold; |
||
| 268 | text-shadow: 0 1px 1px #fff; |
||
| 269 | background-image: -moz-linear-gradient(top, |
||
| 270 | #f0f0f0, |
||
| 271 | #e9eaeb); |
||
| 272 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 273 | color-stop(0, #f0f0f0), |
||
| 274 | color-stop(1, #e9eaeb)); |
||
| 275 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')"; |
||
| 276 | } |
||
| 277 | .ui-bar-c, |
||
| 278 | .ui-bar-c input, |
||
| 279 | .ui-bar-c select, |
||
| 280 | .ui-bar-c textarea, |
||
| 281 | .ui-bar-c button { |
||
| 282 | font-family: Helvetica, Arial, sans-serif; |
||
| 283 | } |
||
| 284 | .ui-body-c { |
||
| 285 | border: 1px solid #B3B3B3; |
||
| 286 | color: #333333; |
||
| 287 | text-shadow: 0 1px 0 #fff; |
||
| 288 | background: #f0f0f0; |
||
| 289 | background-image: -moz-linear-gradient(top, |
||
| 290 | #eeeeee, |
||
| 291 | #dddddd); |
||
| 292 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 293 | color-stop(0, #eeeeee), |
||
| 294 | color-stop(1, #dddddd)); |
||
| 295 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')"; |
||
| 296 | } |
||
| 297 | .ui-body-c, |
||
| 298 | .ui-body-c input, |
||
| 299 | .ui-body-c select, |
||
| 300 | .ui-body-c textarea, |
||
| 301 | .ui-body-c button { |
||
| 302 | font-family: Helvetica, Arial, sans-serif; |
||
| 303 | } |
||
| 304 | .ui-body-c .ui-link-inherit { |
||
| 305 | color: #333333; |
||
| 306 | } |
||
| 307 | .ui-body-c .ui-link { |
||
| 308 | color: #2489CE; |
||
| 309 | font-weight: bold; |
||
| 310 | } |
||
| 311 | |||
| 312 | .ui-btn-up-c { |
||
| 313 | border: 1px solid #ccc; |
||
| 314 | background: #eee; |
||
| 315 | font-weight: bold; |
||
| 316 | color: #444; |
||
| 317 | text-shadow: 0 1px 1px #f6f6f6; |
||
| 318 | background-image: -moz-linear-gradient(top, |
||
| 319 | #fefefe, |
||
| 320 | #eeeeee); |
||
| 321 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 322 | color-stop(0, #fdfdfd), |
||
| 323 | color-stop(1, #eeeeee)); |
||
| 324 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; |
||
| 325 | } |
||
| 326 | .ui-btn-up-c a.ui-link-inherit { |
||
| 327 | color: #2F3E46; |
||
| 328 | } |
||
| 329 | |||
| 330 | .ui-btn-hover-c { |
||
| 331 | border: 1px solid #bbb; |
||
| 332 | background: #dadada; |
||
| 333 | font-weight: bold; |
||
| 334 | color: #101010; |
||
| 335 | text-shadow: 0 1px 1px #fff; |
||
| 336 | background-image: -moz-linear-gradient(top, |
||
| 337 | #ededed, |
||
| 338 | #dadada); |
||
| 339 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 340 | color-stop(0, #ededed), |
||
| 341 | color-stop(1, #dadada)); |
||
| 342 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')"; |
||
| 343 | } |
||
| 344 | .ui-btn-hover-c a.ui-link-inherit { |
||
| 345 | color: #2F3E46; |
||
| 346 | } |
||
| 347 | .ui-btn-down-c { |
||
| 348 | border: 1px solid #808080; |
||
| 349 | background: #fdfdfd; |
||
| 350 | font-weight: bold; |
||
| 351 | color: #111111; |
||
| 352 | text-shadow: 0 1px 1px #ffffff; |
||
| 353 | background-image: -moz-linear-gradient(top, |
||
| 354 | #eeeeee, |
||
| 355 | #fdfdfd); |
||
| 356 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 357 | color-stop(0, #eeeeee), |
||
| 358 | color-stop(1, #fdfdfd)); |
||
| 359 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')"; |
||
| 360 | } |
||
| 361 | .ui-btn-down-c a.ui-link-inherit { |
||
| 362 | color: #2F3E46; |
||
| 363 | } |
||
| 364 | .ui-btn-up-c, |
||
| 365 | .ui-btn-hover-c, |
||
| 366 | .ui-btn-down-c { |
||
| 367 | font-family: Helvetica, Arial, sans-serif; |
||
| 368 | text-decoration: none; |
||
| 369 | } |
||
| 370 | |||
| 371 | |||
| 372 | /* D |
||
| 373 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 374 | |||
| 375 | .ui-bar-d { |
||
| 376 | border: 1px solid #ccc; |
||
| 377 | background: #bbb; |
||
| 378 | color: #333; |
||
| 379 | text-shadow: 0 1px 0 #eee; |
||
| 380 | background-image: -moz-linear-gradient(top, |
||
| 381 | #ddd, |
||
| 382 | #bbb); |
||
| 383 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 384 | color-stop(0, #ddd), |
||
| 385 | color-stop(1, #bbb)); |
||
| 386 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')"; |
||
| 387 | } |
||
| 388 | .ui-bar-d, |
||
| 389 | .ui-bar-d input, |
||
| 390 | .ui-bar-d select, |
||
| 391 | .ui-bar-d textarea, |
||
| 392 | .ui-bar-d button { |
||
| 393 | font-family: Helvetica, Arial, sans-serif; |
||
| 394 | } |
||
| 395 | .ui-bar-d .ui-link-inherit { |
||
| 396 | color: #333; |
||
| 397 | } |
||
| 398 | .ui-bar-d .ui-link { |
||
| 399 | color: #2489CE; |
||
| 400 | font-weight: bold; |
||
| 401 | } |
||
| 402 | .ui-body-d { |
||
| 403 | border: 1px solid #ccc; |
||
| 404 | color: #333333; |
||
| 405 | text-shadow: 0 1px 0 #fff; |
||
| 406 | background: #ffffff; |
||
| 407 | } |
||
| 408 | .ui-body-d, |
||
| 409 | .ui-body-d input, |
||
| 410 | .ui-body-d select, |
||
| 411 | .ui-body-d textarea, |
||
| 412 | .ui-body-d button { |
||
| 413 | font-family: Helvetica, Arial, sans-serif; |
||
| 414 | } |
||
| 415 | .ui-body-d .ui-link-inherit { |
||
| 416 | color: #333333; |
||
| 417 | } |
||
| 418 | .ui-body-d .ui-link { |
||
| 419 | color: #2489CE; |
||
| 420 | font-weight: bold; |
||
| 421 | } |
||
| 422 | .ui-btn-up-d { |
||
| 423 | border: 1px solid #ccc; |
||
| 424 | background: #fff; |
||
| 425 | font-weight: bold; |
||
| 426 | color: #444; |
||
| 427 | text-shadow: 0 1px 1px #fff; |
||
| 428 | } |
||
| 429 | .ui-btn-up-d a.ui-link-inherit { |
||
| 430 | color: #333; |
||
| 431 | } |
||
| 432 | .ui-btn-hover-d { |
||
| 433 | border: 1px solid #aaa; |
||
| 434 | background: #eeeeee; |
||
| 435 | font-weight: bold; |
||
| 436 | color: #222; |
||
| 437 | cursor: pointer; |
||
| 438 | text-shadow: 0 1px 1px #fff; |
||
| 439 | background-image: -moz-linear-gradient(top, |
||
| 440 | #fdfdfd, |
||
| 441 | #eeeeee); |
||
| 442 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 443 | color-stop(0, #fdfdfd), |
||
| 444 | color-stop(1, #eeeeee)); |
||
| 445 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; |
||
| 446 | } |
||
| 447 | .ui-btn-hover-d a.ui-link-inherit { |
||
| 448 | color: #222; |
||
| 449 | } |
||
| 450 | .ui-btn-down-d { |
||
| 451 | border: 1px solid #aaaaaa; |
||
| 452 | background: #ffffff; |
||
| 453 | font-weight: bold; |
||
| 454 | color: #111; |
||
| 455 | text-shadow: 0 1px 1px #ffffff; |
||
| 456 | background-image: -moz-linear-gradient(top, |
||
| 457 | #eeeeee, |
||
| 458 | #ffffff); |
||
| 459 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 460 | color-stop(0, #eeeeee), |
||
| 461 | color-stop(1, #ffffff)); |
||
| 462 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"; |
||
| 463 | } |
||
| 464 | .ui-btn-down-d a.ui-link-inherit { |
||
| 465 | color: #111; |
||
| 466 | } |
||
| 467 | .ui-btn-up-d, |
||
| 468 | .ui-btn-hover-d, |
||
| 469 | .ui-btn-down-d { |
||
| 470 | font-family: Helvetica, Arial, sans-serif; |
||
| 471 | text-decoration: none; |
||
| 472 | } |
||
| 473 | |||
| 474 | |||
| 475 | /* E |
||
| 476 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 477 | |||
| 478 | .ui-bar-e { |
||
| 479 | border: 1px solid #F7C942; |
||
| 480 | background: #fadb4e; |
||
| 481 | color: #333; |
||
| 482 | text-shadow: 0 1px 0 #fff; |
||
| 483 | background-image: -moz-linear-gradient(top, |
||
| 484 | #fceda7, |
||
| 485 | #fadb4e); |
||
| 486 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 487 | color-stop(0, #fceda7), |
||
| 488 | color-stop(1, #fadb4e)); |
||
| 489 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"; |
||
| 490 | } |
||
| 491 | .ui-bar-e, |
||
| 492 | .ui-bar-e input, |
||
| 493 | .ui-bar-e select, |
||
| 494 | .ui-bar-e textarea, |
||
| 495 | .ui-bar-d button { |
||
| 496 | font-family: Helvetica, Arial, sans-serif; |
||
| 497 | } |
||
| 498 | .ui-bar-e .ui-link-inherit { |
||
| 499 | color: #333; |
||
| 500 | } |
||
| 501 | .ui-bar-e .ui-link { |
||
| 502 | color: #2489CE; |
||
| 503 | font-weight: bold; |
||
| 504 | } |
||
| 505 | .ui-body-e { |
||
| 506 | border: 1px solid #F7C942; |
||
| 507 | color: #333333; |
||
| 508 | text-shadow: 0 1px 0 #fff; |
||
| 509 | background: #faeb9e; |
||
| 510 | background-image: -moz-linear-gradient(top, |
||
| 511 | #fff, |
||
| 512 | #faeb9e); |
||
| 513 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 514 | color-stop(0, #fff), |
||
| 515 | color-stop(1, #faeb9e)); |
||
| 516 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#faeb9e')"; |
||
| 517 | } |
||
| 518 | .ui-body-e, |
||
| 519 | .ui-body-e input, |
||
| 520 | .ui-body-e select, |
||
| 521 | .ui-body-e textarea, |
||
| 522 | .ui-body-e button { |
||
| 523 | font-family: Helvetica, Arial, sans-serif; |
||
| 524 | } |
||
| 525 | .ui-body-e .ui-link-inherit { |
||
| 526 | color: #333333; |
||
| 527 | } |
||
| 528 | .ui-body-e .ui-link { |
||
| 529 | color: #2489CE; |
||
| 530 | font-weight: bold; |
||
| 531 | } |
||
| 532 | .ui-btn-up-e { |
||
| 533 | border: 1px solid #F7C942; |
||
| 534 | background: #fadb4e; |
||
| 535 | font-weight: bold; |
||
| 536 | color: #333; |
||
| 537 | text-shadow: 0 1px 0 #fff; |
||
| 538 | background-image: -moz-linear-gradient(top, |
||
| 539 | #fceda7, |
||
| 540 | #fadb4e); |
||
| 541 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 542 | color-stop(0, #fceda7), |
||
| 543 | color-stop(1, #fadb4e)); |
||
| 544 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"; |
||
| 545 | } |
||
| 546 | .ui-btn-up-e a.ui-link-inherit { |
||
| 547 | color: #333; |
||
| 548 | } |
||
| 549 | .ui-btn-hover-e { |
||
| 550 | border: 1px solid #e79952; |
||
| 551 | background: #fbe26f; |
||
| 552 | font-weight: bold; |
||
| 553 | color: #111; |
||
| 554 | text-shadow: 0 1px 1px #fff; |
||
| 555 | background-image: -moz-linear-gradient(top, |
||
| 556 | #fcf0b5, |
||
| 557 | #fbe26f); |
||
| 558 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 559 | color-stop(0, #fcf0b5), |
||
| 560 | color-stop(1, #fbe26f)); |
||
| 561 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')"; |
||
| 562 | } |
||
| 563 | |||
| 564 | .ui-btn-hover-e a.ui-link-inherit { |
||
| 565 | color: #333; |
||
| 566 | } |
||
| 567 | .ui-btn-down-e { |
||
| 568 | border: 1px solid #F7C942; |
||
| 569 | background: #fceda7; |
||
| 570 | font-weight: bold; |
||
| 571 | color: #111; |
||
| 572 | text-shadow: 0 1px 1px #ffffff; |
||
| 573 | background-image: -moz-linear-gradient(top, |
||
| 574 | #fadb4e, |
||
| 575 | #fceda7); |
||
| 576 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 577 | color-stop(0, #fadb4e), |
||
| 578 | color-stop(1, #fceda7)); |
||
| 579 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')"; |
||
| 580 | } |
||
| 581 | .ui-btn-down-e a.ui-link-inherit { |
||
| 582 | color: #333; |
||
| 583 | } |
||
| 584 | .ui-btn-up-e, |
||
| 585 | .ui-btn-hover-e, |
||
| 586 | .ui-btn-down-e { |
||
| 587 | font-family: Helvetica, Arial, sans-serif; |
||
| 588 | text-decoration: none; |
||
| 589 | } |
||
| 590 | |||
| 591 | |||
| 592 | /* links within "buttons" |
||
| 593 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 594 | |||
| 595 | a.ui-link-inherit { |
||
| 596 | text-decoration: none !important; |
||
| 597 | } |
||
| 598 | |||
| 599 | |||
| 600 | /* Active class used as the "on" state across all themes |
||
| 601 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 602 | |||
| 603 | .ui-btn-active { |
||
| 604 | border: 1px solid #155678; |
||
| 605 | background: #4596ce; |
||
| 606 | font-weight: bold; |
||
| 607 | color: #fff; |
||
| 608 | cursor: pointer; |
||
| 609 | text-shadow: 0 -1px 1px #145072; |
||
| 610 | text-decoration: none; |
||
| 611 | background-image: -moz-linear-gradient(top, |
||
| 612 | #85bae4, |
||
| 613 | #5393c5); |
||
| 614 | background-image: -webkit-gradient(linear,left top,left bottom, |
||
| 615 | color-stop(0, #85bae4), |
||
| 616 | color-stop(1, #5393c5)); |
||
| 617 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')"; |
||
| 618 | outline: none; |
||
| 619 | } |
||
| 620 | .ui-btn-active a.ui-link-inherit { |
||
| 621 | color: #fff; |
||
| 622 | } |
||
| 623 | |||
| 624 | |||
| 625 | /* button inner top highlight |
||
| 626 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 627 | |||
| 628 | .ui-btn-inner { |
||
| 629 | border-top: 1px solid #fff; |
||
| 630 | border-color: rgba(255,255,255,.3); |
||
| 631 | } |
||
| 632 | |||
| 633 | |||
| 634 | /* corner rounding classes |
||
| 635 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 636 | |||
| 637 | .ui-corner-tl { |
||
| 638 | -moz-border-radius-topleft: .6em; |
||
| 639 | -webkit-border-top-left-radius: .6em; |
||
| 640 | border-top-left-radius: .6em; |
||
| 641 | } |
||
| 642 | .ui-corner-tr { |
||
| 643 | -moz-border-radius-topright: .6em; |
||
| 644 | -webkit-border-top-right-radius: .6em; |
||
| 645 | border-top-right-radius: .6em; |
||
| 646 | } |
||
| 647 | .ui-corner-bl { |
||
| 648 | -moz-border-radius-bottomleft: .6em; |
||
| 649 | -webkit-border-bottom-left-radius: .6em; |
||
| 650 | border-bottom-left-radius: .6em; |
||
| 651 | } |
||
| 652 | .ui-corner-br { |
||
| 653 | -moz-border-radius-bottomright: .6em; |
||
| 654 | -webkit-border-bottom-right-radius: .6em; |
||
| 655 | border-bottom-right-radius: .6em; |
||
| 656 | } |
||
| 657 | .ui-corner-top { |
||
| 658 | -moz-border-radius-topleft: .6em; |
||
| 659 | -webkit-border-top-left-radius: .6em; |
||
| 660 | border-top-left-radius: .6em; |
||
| 661 | -moz-border-radius-topright: .6em; |
||
| 662 | -webkit-border-top-right-radius: .6em; |
||
| 663 | border-top-right-radius: .6em; |
||
| 664 | } |
||
| 665 | .ui-corner-bottom { |
||
| 666 | -moz-border-radius-bottomleft: .6em; |
||
| 667 | -webkit-border-bottom-left-radius: .6em; |
||
| 668 | border-bottom-left-radius: .6em; |
||
| 669 | -moz-border-radius-bottomright: .6em; |
||
| 670 | -webkit-border-bottom-right-radius: .6em; |
||
| 671 | border-bottom-right-radius: .6em; |
||
| 672 | } |
||
| 673 | .ui-corner-right { |
||
| 674 | -moz-border-radius-topright: .6em; |
||
| 675 | -webkit-border-top-right-radius: .6em; |
||
| 676 | border-top-right-radius: .6em; |
||
| 677 | -moz-border-radius-bottomright: .6em; |
||
| 678 | -webkit-border-bottom-right-radius: .6em; |
||
| 679 | border-bottom-right-radius: .6em; |
||
| 680 | } |
||
| 681 | .ui-corner-left { |
||
| 682 | -moz-border-radius-topleft: .6em; |
||
| 683 | -webkit-border-top-left-radius: .6em; |
||
| 684 | border-top-left-radius: .6em; |
||
| 685 | -moz-border-radius-bottomleft: .6em; |
||
| 686 | -webkit-border-bottom-left-radius: .6em; |
||
| 687 | border-bottom-left-radius: .6em; |
||
| 688 | } |
||
| 689 | .ui-corner-all { |
||
| 690 | -moz-border-radius: .6em; |
||
| 691 | -webkit-border-radius: .6em; |
||
| 692 | border-radius: .6em; |
||
| 693 | } |
||
| 694 | |||
| 695 | |||
| 696 | |||
| 697 | /* Interaction cues |
||
| 698 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 699 | .ui-disabled { |
||
| 700 | opacity: .3; |
||
| 701 | } |
||
| 702 | .ui-disabled, |
||
| 703 | .ui-disabled a { |
||
| 704 | cursor: default; |
||
| 705 | } |
||
| 706 | |||
| 707 | /* Icons |
||
| 708 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 709 | |||
| 710 | .ui-icon { |
||
| 711 | background: #666; |
||
| 712 | background: rgba(0,0,0,.4); |
||
| 713 | background-image: url(images/icons-18-white.png); |
||
| 714 | background-repeat: no-repeat; |
||
| 715 | -moz-border-radius: 9px; |
||
| 716 | -webkit-border-radius: 9px; |
||
| 717 | border-radius: 9px; |
||
| 718 | } |
||
| 719 | |||
| 720 | |||
| 721 | /* Alt icon color |
||
| 722 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 723 | |||
| 724 | .ui-icon-alt { |
||
| 725 | background: #fff; |
||
| 726 | background: rgba(255,255,255,.3); |
||
| 727 | background-image: url(images/icons-18-black.png); |
||
| 728 | background-repeat: no-repeat; |
||
| 729 | } |
||
| 730 | |||
| 731 | /* HD/"retina" sprite |
||
| 732 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 733 | |||
| 734 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), |
||
| 735 | only screen and (min--moz-device-pixel-ratio: 1.5), |
||
| 736 | only screen and (min-resolution: 240dpi) { |
||
| 737 | |||
| 738 | .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, |
||
| 739 | .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, |
||
| 740 | .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, |
||
| 741 | .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, |
||
| 742 | .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { |
||
| 743 | background-image: url(images/icons-36-white.png); |
||
| 744 | -moz-background-size: 776px 18px; |
||
| 745 | -o-background-size: 776px 18px; |
||
| 746 | -webkit-background-size: 776px 18px; |
||
| 747 | background-size: 776px 18px; |
||
| 748 | } |
||
| 749 | .ui-icon-alt { |
||
| 750 | background-image: url(images/icons-36-black.png); |
||
| 751 | } |
||
| 752 | } |
||
| 753 | |||
| 754 | /* plus minus */ |
||
| 755 | .ui-icon-plus { |
||
| 756 | background-position: -0 50%; |
||
| 757 | } |
||
| 758 | .ui-icon-minus { |
||
| 759 | background-position: -36px 50%; |
||
| 760 | } |
||
| 761 | |||
| 762 | /* delete/close */ |
||
| 763 | .ui-icon-delete { |
||
| 764 | background-position: -72px 50%; |
||
| 765 | } |
||
| 766 | |||
| 767 | /* arrows */ |
||
| 768 | .ui-icon-arrow-r { |
||
| 769 | background-position: -108px 50%; |
||
| 770 | } |
||
| 771 | .ui-icon-arrow-l { |
||
| 772 | background-position: -144px 50%; |
||
| 773 | } |
||
| 774 | .ui-icon-arrow-u { |
||
| 775 | background-position: -180px 50%; |
||
| 776 | } |
||
| 777 | .ui-icon-arrow-d { |
||
| 778 | background-position: -216px 50%; |
||
| 779 | } |
||
| 780 | |||
| 781 | /* misc */ |
||
| 782 | .ui-icon-check { |
||
| 783 | background-position: -252px 50%; |
||
| 784 | } |
||
| 785 | .ui-icon-gear { |
||
| 786 | background-position: -288px 50%; |
||
| 787 | } |
||
| 788 | .ui-icon-refresh { |
||
| 789 | background-position: -324px 50%; |
||
| 790 | } |
||
| 791 | .ui-icon-forward { |
||
| 792 | background-position: -360px 50%; |
||
| 793 | } |
||
| 794 | .ui-icon-back { |
||
| 795 | background-position: -396px 50%; |
||
| 796 | } |
||
| 797 | .ui-icon-grid { |
||
| 798 | background-position: -432px 50%; |
||
| 799 | } |
||
| 800 | .ui-icon-star { |
||
| 801 | background-position: -468px 50%; |
||
| 802 | } |
||
| 803 | .ui-icon-alert { |
||
| 804 | background-position: -504px 50%; |
||
| 805 | } |
||
| 806 | .ui-icon-info { |
||
| 807 | background-position: -540px 50%; |
||
| 808 | } |
||
| 809 | .ui-icon-home { |
||
| 810 | background-position: -576px 50%; |
||
| 811 | } |
||
| 812 | .ui-icon-search { |
||
| 813 | background-position: -612px 50%; |
||
| 814 | } |
||
| 815 | .ui-icon-checkbox-off { |
||
| 816 | background-position: -684px 50%; |
||
| 817 | } |
||
| 818 | .ui-icon-checkbox-on { |
||
| 819 | background-position: -648px 50%; |
||
| 820 | } |
||
| 821 | .ui-icon-radio-off { |
||
| 822 | background-position: -756px 50%; |
||
| 823 | } |
||
| 824 | .ui-icon-radio-on { |
||
| 825 | background-position: -720px 50%; |
||
| 826 | } |
||
| 827 | |||
| 828 | |||
| 829 | /* checks,radios */ |
||
| 830 | .ui-icon-checkbox-off, |
||
| 831 | .ui-icon-checkbox-on, |
||
| 832 | .ui-icon-radio-off, |
||
| 833 | .ui-icon-radio-on { |
||
| 834 | background-color: transparent; |
||
| 835 | -moz-border-radius: 0; |
||
| 836 | -webkit-border-radius: 0; |
||
| 837 | border-radius: 0; |
||
| 838 | } |
||
| 839 | .ui-icon-searchfield { |
||
| 840 | background-image: url(images/icon-search-black.png); |
||
| 841 | background-size: 16px 16px; |
||
| 842 | } |
||
| 843 | |||
| 844 | /* loading icon */ |
||
| 845 | .ui-icon-loading { |
||
| 846 | background-image: url(images/ajax-loader.png); |
||
| 847 | width: 40px; |
||
| 848 | height: 40px; |
||
| 849 | -moz-border-radius: 20px; |
||
| 850 | -webkit-border-radius: 20px; |
||
| 851 | border-radius: 20px; |
||
| 852 | background-size: 35px 35px; |
||
| 853 | } |
||
| 854 | |||
| 855 | |||
| 856 | /* Button corner classes |
||
| 857 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 858 | |||
| 859 | .ui-btn-corner-tl { |
||
| 860 | -moz-border-radius-topleft: 1em; |
||
| 861 | -webkit-border-top-left-radius: 1em; |
||
| 862 | border-top-left-radius: 1em; |
||
| 863 | } |
||
| 864 | .ui-btn-corner-tr { |
||
| 865 | -moz-border-radius-topright: 1em; |
||
| 866 | -webkit-border-top-right-radius: 1em; |
||
| 867 | border-top-right-radius: 1em; |
||
| 868 | } |
||
| 869 | .ui-btn-corner-bl { |
||
| 870 | -moz-border-radius-bottomleft: 1em; |
||
| 871 | -webkit-border-bottom-left-radius: 1em; |
||
| 872 | border-bottom-left-radius: 1em; |
||
| 873 | } |
||
| 874 | .ui-btn-corner-br { |
||
| 875 | -moz-border-radius-bottomright: 1em; |
||
| 876 | -webkit-border-bottom-right-radius: 1em; |
||
| 877 | border-bottom-right-radius: 1em; |
||
| 878 | } |
||
| 879 | .ui-btn-corner-top { |
||
| 880 | -moz-border-radius-topleft: 1em; |
||
| 881 | -webkit-border-top-left-radius: 1em; |
||
| 882 | border-top-left-radius: 1em; |
||
| 883 | -moz-border-radius-topright: 1em; |
||
| 884 | -webkit-border-top-right-radius: 1em; |
||
| 885 | border-top-right-radius: 1em; |
||
| 886 | } |
||
| 887 | .ui-btn-corner-bottom { |
||
| 888 | -moz-border-radius-bottomleft: 1em; |
||
| 889 | -webkit-border-bottom-left-radius: 1em; |
||
| 890 | border-bottom-left-radius: 1em; |
||
| 891 | -moz-border-radius-bottomright: 1em; |
||
| 892 | -webkit-border-bottom-right-radius: 1em; |
||
| 893 | border-bottom-right-radius: 1em; |
||
| 894 | } |
||
| 895 | .ui-btn-corner-right { |
||
| 896 | -moz-border-radius-topright: 1em; |
||
| 897 | -webkit-border-top-right-radius: 1em; |
||
| 898 | border-top-right-radius: 1em; |
||
| 899 | -moz-border-radius-bottomright: 1em; |
||
| 900 | -webkit-border-bottom-right-radius: 1em; |
||
| 901 | border-bottom-right-radius: 1em; |
||
| 902 | } |
||
| 903 | .ui-btn-corner-left { |
||
| 904 | -moz-border-radius-topleft: 1em; |
||
| 905 | -webkit-border-top-left-radius: 1em; |
||
| 906 | border-top-left-radius: 1em; |
||
| 907 | -moz-border-radius-bottomleft: 1em; |
||
| 908 | -webkit-border-bottom-left-radius: 1em; |
||
| 909 | border-bottom-left-radius: 1em; |
||
| 910 | } |
||
| 911 | .ui-btn-corner-all { |
||
| 912 | -moz-border-radius: 1em; |
||
| 913 | -webkit-border-radius: 1em; |
||
| 914 | border-radius: 1em; |
||
| 915 | } |
||
| 916 | |||
| 917 | /* radius clip workaround for cleaning up corner trapping */ |
||
| 918 | .ui-corner-tl, |
||
| 919 | .ui-corner-tr, |
||
| 920 | .ui-corner-bl, |
||
| 921 | .ui-corner-br, |
||
| 922 | .ui-corner-top, |
||
| 923 | .ui-corner-bottom, |
||
| 924 | .ui-corner-right, |
||
| 925 | .ui-corner-left, |
||
| 926 | .ui-corner-all, |
||
| 927 | .ui-btn-corner-tl, |
||
| 928 | .ui-btn-corner-tr, |
||
| 929 | .ui-btn-corner-bl, |
||
| 930 | .ui-btn-corner-br, |
||
| 931 | .ui-btn-corner-top, |
||
| 932 | .ui-btn-corner-bottom, |
||
| 933 | .ui-btn-corner-right, |
||
| 934 | .ui-btn-corner-left, |
||
| 935 | .ui-btn-corner-all { |
||
| 936 | -webkit-background-clip: padding-box; |
||
| 937 | -moz-background-clip: padding-box; |
||
| 938 | background-clip: padding-box; |
||
| 939 | } |
||
| 940 | |||
| 941 | /* Overlay / modal |
||
| 942 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 943 | |||
| 944 | .ui-overlay { |
||
| 945 | background: #666; |
||
| 946 | opacity: .5; |
||
| 947 | filter: Alpha(Opacity=50); |
||
| 948 | position: absolute; |
||
| 949 | width: 100%; |
||
| 950 | height: 100%; |
||
| 951 | } |
||
| 952 | .ui-overlay-shadow { |
||
| 953 | -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); |
||
| 954 | -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); |
||
| 955 | box-shadow: 0px 0px 12px rgba(0,0,0,.6); |
||
| 956 | } |
||
| 957 | .ui-shadow { |
||
| 958 | -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); |
||
| 959 | -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3); |
||
| 960 | box-shadow: 0px 1px 4px rgba(0,0,0,.3); |
||
| 961 | } |
||
| 962 | .ui-bar-a .ui-shadow, |
||
| 963 | .ui-bar-b .ui-shadow , |
||
| 964 | .ui-bar-c .ui-shadow { |
||
| 965 | -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); |
||
| 966 | -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); |
||
| 967 | box-shadow: 0px 1px 0 rgba(255,255,255,.3); |
||
| 968 | } |
||
| 969 | .ui-shadow-inset { |
||
| 970 | -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); |
||
| 971 | -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); |
||
| 972 | box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); |
||
| 973 | } |
||
| 974 | .ui-icon-shadow { |
||
| 975 | -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4); |
||
| 976 | -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4); |
||
| 977 | box-shadow: 0px 1px 0 rgba(255,255,255,.4); |
||
| 978 | } |
||
| 979 | |||
| 980 | |||
| 981 | /* Focus state - set here for specificity |
||
| 982 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 983 | |||
| 984 | .ui-focus { |
||
| 985 | -moz-box-shadow: 0px 0px 12px #387bbe; |
||
| 986 | -webkit-box-shadow: 0px 0px 12px #387bbe; |
||
| 987 | box-shadow: 0px 0px 12px #387bbe; |
||
| 988 | } |
||
| 989 | |||
| 990 | /* unset box shadow in browsers that don't do it right |
||
| 991 | -----------------------------------------------------------------------------------------------------------*/ |
||
| 992 | |||
| 993 | .ui-mobile-nosupport-boxshadow * { |
||
| 994 | -moz-box-shadow: none !important; |
||
| 995 | -webkit-box-shadow: none !important; |
||
| 996 | box-shadow: none !important; |
||
| 997 | } |
||
| 998 | |||
| 999 | /* ...and bring back focus */ |
||
| 1000 | .ui-mobile-nosupport-boxshadow .ui-focus { |
||
| 1001 | outline-width: 2px; |
||
| 1002 | }/* |
||
| 1003 | * jQuery Mobile Framework |
||
| 1004 | * Copyright (c) jQuery Project |
||
| 1005 | * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. |
||
| 1006 | * Note: Code is in draft form and is subject to change |
||
| 1007 | */ |
||
| 1008 | |||
| 1009 | /* some unsets - more probably needed */ |
||
| 1010 | .ui-mobile, .ui-mobile body { height: 100%; } |
||
| 1011 | .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; } |
||
| 1012 | .ui-mobile a img, .ui-mobile fieldset { border: 0; } |
||
| 1013 | |||
| 1014 | /* responsive page widths */ |
||
| 1015 | .ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } |
||
| 1016 | |||
| 1017 | /* "page" containers - full-screen views, one should always be in view post-pageload */ |
||
| 1018 | .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } |
||
| 1019 | .ui-mobile .ui-page-active { display: block; overflow: visible; } |
||
| 1020 | |||
| 1021 | /*orientations from js are available */ |
||
| 1022 | .portrait, |
||
| 1023 | .portrait .ui-page { min-height: 420px; } |
||
| 1024 | .landscape, |
||
| 1025 | .landscape .ui-page { min-height: 300px; } |
||
| 1026 | |||
| 1027 | /* loading screen */ |
||
| 1028 | .ui-loading .ui-mobile-viewport { overflow: hidden !important; } |
||
| 1029 | .ui-loading .ui-loader { display: block; } |
||
| 1030 | .ui-loading .ui-page { overflow: hidden; } |
||
| 1031 | .ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; } |
||
| 1032 | .ui-loader h1 { font-size: 15px; text-align: center; } |
||
| 1033 | .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; } |
||
| 1034 | |||
| 1035 | /*fouc*/ |
||
| 1036 | .ui-mobile-rendering > * { visibility: hidden; } |
||
| 1037 | |||
| 1038 | /*headers, content panels*/ |
||
| 1039 | .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; } |
||
| 1040 | .ui-bar { font-size: 16px; margin: 0; } |
||
| 1041 | .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; } |
||
| 1042 | |||
| 1043 | .ui-header, .ui-footer { display: block; } |
||
| 1044 | .ui-page .ui-header, .ui-page .ui-footer { position: relative; } |
||
| 1045 | .ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; } |
||
| 1046 | .ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; } |
||
| 1047 | .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } |
||
| 1048 | |||
| 1049 | /*content area*/ |
||
| 1050 | .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } |
||
| 1051 | .ui-page-fullscreen .ui-content { padding:0; } |
||
| 1052 | |||
| 1053 | /* icons sizing */ |
||
| 1054 | .ui-icon { width: 18px; height: 18px; } |
||
| 1055 | |||
| 1056 | /* fullscreen class on ui-content div */ |
||
| 1057 | .ui-fullscreen { } |
||
| 1058 | .ui-fullscreen img { max-width: 100%; } |
||
| 1059 | |||
| 1060 | /* non-js content hiding */ |
||
| 1061 | .ui-nojs { position: absolute; left: -9999px; } |
||
| 1062 | /* |
||
| 1063 | * jQuery Mobile Framework |
||
| 1064 | * Copyright (c) jQuery Project |
||
| 1065 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1066 | */ |
||
| 1067 | .spin { |
||
| 1068 | -webkit-transform: rotate(360deg); |
||
| 1069 | -webkit-animation-name: spin; |
||
| 1070 | -webkit-animation-duration: 1s; |
||
| 1071 | -webkit-animation-iteration-count: infinite; |
||
| 1072 | } |
||
| 1073 | @-webkit-keyframes spin { |
||
| 1074 | from {-webkit-transform: rotate(0deg);} |
||
| 1075 | to {-webkit-transform: rotate(360deg);} |
||
| 1076 | } |
||
| 1077 | |||
| 1078 | /* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/ |
||
| 1079 | Built by David Kaneda and maintained by Jonathan Stark. |
||
| 1080 | */ |
||
| 1081 | .in, .out { |
||
| 1082 | -webkit-animation-timing-function: ease-in-out; |
||
| 1083 | -webkit-animation-duration: 350ms; |
||
| 1084 | } |
||
| 1085 | |||
| 1086 | .slide.in { |
||
| 1087 | -webkit-transform: translateX(0); |
||
| 1088 | -webkit-animation-name: slideinfromright; |
||
| 1089 | } |
||
| 1090 | |||
| 1091 | .slide.out { |
||
| 1092 | -webkit-transform: translateX(-100%); |
||
| 1093 | -webkit-animation-name: slideouttoleft; |
||
| 1094 | } |
||
| 1095 | |||
| 1096 | .slide.in.reverse { |
||
| 1097 | -webkit-transform: translateX(0); |
||
| 1098 | -webkit-animation-name: slideinfromleft; |
||
| 1099 | } |
||
| 1100 | |||
| 1101 | .slide.out.reverse { |
||
| 1102 | -webkit-transform: translateX(100%); |
||
| 1103 | -webkit-animation-name: slideouttoright; |
||
| 1104 | } |
||
| 1105 | |||
| 1106 | .slideup.in { |
||
| 1107 | -webkit-transform: translateY(0); |
||
| 1108 | -webkit-animation-name: slideinfrombottom; |
||
| 1109 | z-index: 10; |
||
| 1110 | } |
||
| 1111 | |||
| 1112 | .slideup.out { |
||
| 1113 | -webkit-animation-name: dontmove; |
||
| 1114 | z-index: 0; |
||
| 1115 | } |
||
| 1116 | |||
| 1117 | .slideup.out.reverse { |
||
| 1118 | -webkit-transform: translateY(100%); |
||
| 1119 | z-index: 10; |
||
| 1120 | -webkit-animation-name: slideouttobottom; |
||
| 1121 | } |
||
| 1122 | |||
| 1123 | .slideup.in.reverse { |
||
| 1124 | z-index: 0; |
||
| 1125 | -webkit-animation-name: dontmove; |
||
| 1126 | } |
||
| 1127 | .slidedown.in { |
||
| 1128 | -webkit-transform: translateY(0); |
||
| 1129 | -webkit-animation-name: slideinfromtop; |
||
| 1130 | z-index: 10; |
||
| 1131 | } |
||
| 1132 | |||
| 1133 | .slidedown.out { |
||
| 1134 | -webkit-animation-name: dontmove; |
||
| 1135 | z-index: 0; |
||
| 1136 | } |
||
| 1137 | |||
| 1138 | .slidedown.out.reverse { |
||
| 1139 | -webkit-transform: translateY(-100%); |
||
| 1140 | z-index: 10; |
||
| 1141 | -webkit-animation-name: slideouttotop; |
||
| 1142 | } |
||
| 1143 | |||
| 1144 | .slidedown.in.reverse { |
||
| 1145 | z-index: 0; |
||
| 1146 | -webkit-animation-name: dontmove; |
||
| 1147 | } |
||
| 1148 | |||
| 1149 | @-webkit-keyframes slideinfromright { |
||
| 1150 | from { -webkit-transform: translateX(100%); } |
||
| 1151 | to { -webkit-transform: translateX(0); } |
||
| 1152 | } |
||
| 1153 | |||
| 1154 | @-webkit-keyframes slideinfromleft { |
||
| 1155 | from { -webkit-transform: translateX(-100%); } |
||
| 1156 | to { -webkit-transform: translateX(0); } |
||
| 1157 | } |
||
| 1158 | |||
| 1159 | @-webkit-keyframes slideouttoleft { |
||
| 1160 | from { -webkit-transform: translateX(0); } |
||
| 1161 | to { -webkit-transform: translateX(-100%); } |
||
| 1162 | } |
||
| 1163 | |||
| 1164 | @-webkit-keyframes slideouttoright { |
||
| 1165 | from { -webkit-transform: translateX(0); } |
||
| 1166 | to { -webkit-transform: translateX(100%); } |
||
| 1167 | } |
||
| 1168 | |||
| 1169 | |||
| 1170 | @-webkit-keyframes slideinfromtop { |
||
| 1171 | from { -webkit-transform: translateY(-100%); } |
||
| 1172 | to { -webkit-transform: translateY(0); } |
||
| 1173 | } |
||
| 1174 | |||
| 1175 | @-webkit-keyframes slideinfrombottom { |
||
| 1176 | from { -webkit-transform: translateY(100%); } |
||
| 1177 | to { -webkit-transform: translateY(0); } |
||
| 1178 | } |
||
| 1179 | |||
| 1180 | @-webkit-keyframes slideouttobottom { |
||
| 1181 | from { -webkit-transform: translateY(0); } |
||
| 1182 | to { -webkit-transform: translateY(100%); } |
||
| 1183 | } |
||
| 1184 | |||
| 1185 | @-webkit-keyframes slideouttotop { |
||
| 1186 | from { -webkit-transform: translateY(0); } |
||
| 1187 | to { -webkit-transform: translateY(-100%); } |
||
| 1188 | } |
||
| 1189 | @-webkit-keyframes fadein { |
||
| 1190 | from { opacity: 0; } |
||
| 1191 | to { opacity: 1; } |
||
| 1192 | } |
||
| 1193 | |||
| 1194 | @-webkit-keyframes fadeout { |
||
| 1195 | from { opacity: 1; } |
||
| 1196 | to { opacity: 0; } |
||
| 1197 | } |
||
| 1198 | |||
| 1199 | .fade.in { |
||
| 1200 | opacity: 1; |
||
| 1201 | z-index: 10; |
||
| 1202 | -webkit-animation-name: fadein; |
||
| 1203 | } |
||
| 1204 | .fade.out { |
||
| 1205 | z-index: 0; |
||
| 1206 | -webkit-animation-name: fadeout; |
||
| 1207 | } |
||
| 1208 | |||
| 1209 | /* The properties in this rule are only necessary for the 'flip' transition. |
||
| 1210 | * We need specify the perspective to create a projection matrix. This will add |
||
| 1211 | * some depth as the element flips. The depth number represents the distance of |
||
| 1212 | * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate |
||
| 1213 | * value. |
||
| 1214 | */ |
||
| 1215 | .viewport-flip { |
||
| 1216 | -webkit-perspective: 1000; |
||
| 1217 | position: absolute; |
||
| 1218 | } |
||
| 1219 | |||
| 1220 | .ui-mobile-viewport-transitioning, |
||
| 1221 | .ui-mobile-viewport-transitioning .ui-page { |
||
| 1222 | width: 100%; |
||
| 1223 | height: 100%; |
||
| 1224 | overflow: hidden; |
||
| 1225 | } |
||
| 1226 | |||
| 1227 | .flip { |
||
| 1228 | -webkit-animation-duration: .65s; |
||
| 1229 | -webkit-backface-visibility:hidden; |
||
| 1230 | -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */ |
||
| 1231 | } |
||
| 1232 | |||
| 1233 | .flip.in { |
||
| 1234 | -webkit-transform: rotateY(0) scale(1); |
||
| 1235 | -webkit-animation-name: flipinfromleft; |
||
| 1236 | } |
||
| 1237 | |||
| 1238 | .flip.out { |
||
| 1239 | -webkit-transform: rotateY(-180deg) scale(.8); |
||
| 1240 | -webkit-animation-name: flipouttoleft; |
||
| 1241 | } |
||
| 1242 | |||
| 1243 | /* Shake it all about */ |
||
| 1244 | |||
| 1245 | .flip.in.reverse { |
||
| 1246 | -webkit-transform: rotateY(0) scale(1); |
||
| 1247 | -webkit-animation-name: flipinfromright; |
||
| 1248 | } |
||
| 1249 | |||
| 1250 | .flip.out.reverse { |
||
| 1251 | -webkit-transform: rotateY(180deg) scale(.8); |
||
| 1252 | -webkit-animation-name: flipouttoright; |
||
| 1253 | } |
||
| 1254 | |||
| 1255 | @-webkit-keyframes flipinfromright { |
||
| 1256 | from { -webkit-transform: rotateY(-180deg) scale(.8); } |
||
| 1257 | to { -webkit-transform: rotateY(0) scale(1); } |
||
| 1258 | } |
||
| 1259 | |||
| 1260 | @-webkit-keyframes flipinfromleft { |
||
| 1261 | from { -webkit-transform: rotateY(180deg) scale(.8); } |
||
| 1262 | to { -webkit-transform: rotateY(0) scale(1); } |
||
| 1263 | } |
||
| 1264 | |||
| 1265 | @-webkit-keyframes flipouttoleft { |
||
| 1266 | from { -webkit-transform: rotateY(0) scale(1); } |
||
| 1267 | to { -webkit-transform: rotateY(-180deg) scale(.8); } |
||
| 1268 | } |
||
| 1269 | |||
| 1270 | @-webkit-keyframes flipouttoright { |
||
| 1271 | from { -webkit-transform: rotateY(0) scale(1); } |
||
| 1272 | to { -webkit-transform: rotateY(180deg) scale(.8); } |
||
| 1273 | } |
||
| 1274 | |||
| 1275 | |||
| 1276 | /* Hackish, but reliable. */ |
||
| 1277 | |||
| 1278 | @-webkit-keyframes dontmove { |
||
| 1279 | from { opacity: 1; } |
||
| 1280 | to { opacity: 1; } |
||
| 1281 | } |
||
| 1282 | |||
| 1283 | .pop { |
||
| 1284 | -webkit-transform-origin: 50% 50%; |
||
| 1285 | } |
||
| 1286 | |||
| 1287 | .pop.in { |
||
| 1288 | -webkit-transform: scale(1); |
||
| 1289 | opacity: 1; |
||
| 1290 | -webkit-animation-name: popin; |
||
| 1291 | z-index: 10; |
||
| 1292 | } |
||
| 1293 | |||
| 1294 | .pop.out.reverse { |
||
| 1295 | -webkit-transform: scale(.2); |
||
| 1296 | opacity: 0; |
||
| 1297 | -webkit-animation-name: popout; |
||
| 1298 | z-index: 10; |
||
| 1299 | } |
||
| 1300 | |||
| 1301 | .pop.in.reverse { |
||
| 1302 | z-index: 0; |
||
| 1303 | -webkit-animation-name: dontmove; |
||
| 1304 | } |
||
| 1305 | |||
| 1306 | @-webkit-keyframes popin { |
||
| 1307 | from { |
||
| 1308 | -webkit-transform: scale(.2); |
||
| 1309 | opacity: 0; |
||
| 1310 | } |
||
| 1311 | to { |
||
| 1312 | -webkit-transform: scale(1); |
||
| 1313 | opacity: 1; |
||
| 1314 | } |
||
| 1315 | } |
||
| 1316 | |||
| 1317 | @-webkit-keyframes popout { |
||
| 1318 | from { |
||
| 1319 | -webkit-transform: scale(1); |
||
| 1320 | opacity: 1; |
||
| 1321 | } |
||
| 1322 | to { |
||
| 1323 | -webkit-transform: scale(.2); |
||
| 1324 | opacity: 0; |
||
| 1325 | } |
||
| 1326 | }/* |
||
| 1327 | * jQuery Mobile Framework |
||
| 1328 | * Copyright (c) jQuery Project |
||
| 1329 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1330 | */ |
||
| 1331 | |||
| 1332 | /* content configurations. */ |
||
| 1333 | .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; } |
||
| 1334 | .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;} |
||
| 1335 | |||
| 1336 | /* grid solo: 100 - single item fallback */ |
||
| 1337 | .ui-grid-solo .ui-block-a { width: 100%; float: none; } |
||
| 1338 | |||
| 1339 | /* grid a: 50/50 */ |
||
| 1340 | .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; } |
||
| 1341 | .ui-grid-a .ui-block-a { clear: left; } |
||
| 1342 | |||
| 1343 | /* grid b: 33/33/33 */ |
||
| 1344 | .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; } |
||
| 1345 | .ui-grid-b .ui-block-a { clear: left; } |
||
| 1346 | |||
| 1347 | /* grid c: 25/25/25/25 */ |
||
| 1348 | .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; } |
||
| 1349 | .ui-grid-c .ui-block-a { clear: left; } |
||
| 1350 | |||
| 1351 | /* grid d: 20/20/20/20/20 */ |
||
| 1352 | .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; } |
||
| 1353 | .ui-grid-d .ui-block-a { clear: left; } |
||
| 1354 | /* |
||
| 1355 | * jQuery Mobile Framework |
||
| 1356 | * Copyright (c) jQuery Project |
||
| 1357 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1358 | */ |
||
| 1359 | /* fixed page header & footer configuration */ |
||
| 1360 | .ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; } |
||
| 1361 | .ui-header-fixed, .ui-footer-fixed { |
||
| 1362 | z-index: 1000; |
||
| 1363 | -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */ |
||
| 1364 | } |
||
| 1365 | .ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; } |
||
| 1366 | .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; } |
||
| 1367 | /* |
||
| 1368 | * jQuery Mobile Framework |
||
| 1369 | * Copyright (c) jQuery Project |
||
| 1370 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1371 | */ |
||
| 1372 | .ui-navbar { overflow: hidden; } |
||
| 1373 | .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;} |
||
| 1374 | .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; } |
||
| 1375 | .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; } |
||
| 1376 | .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; } |
||
| 1377 | .ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; } |
||
| 1378 | .ui-navbar li .ui-btn { margin-right: -1px; } |
||
| 1379 | .ui-navbar li .ui-btn:last-child { margin-right: 0; } |
||
| 1380 | .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, |
||
| 1381 | .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; } |
||
| 1382 | .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; } |
||
| 1383 | .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; } |
||
| 1384 | /*expanded page styles*/ |
||
| 1385 | .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; } |
||
| 1386 | .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; } |
||
| 1387 | .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; } |
||
| 1388 | .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; } |
||
| 1389 | .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; } |
||
| 1390 | .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; } |
||
| 1391 | .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; } |
||
| 1392 | .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; } |
||
| 1393 | /* |
||
| 1394 | * jQuery Mobile Framework |
||
| 1395 | * Copyright (c) jQuery Project |
||
| 1396 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1397 | */ |
||
| 1398 | .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; } |
||
| 1399 | .ui-btn:focus, .ui-btn:active { outline: none; } |
||
| 1400 | .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; } |
||
| 1401 | .ui-btn-inline { display: inline-block; } |
||
| 1402 | .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; } |
||
| 1403 | .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; } |
||
| 1404 | .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; } |
||
| 1405 | .ui-btn-icon-notext .ui-btn-inner { padding: 0; } |
||
| 1406 | .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; } |
||
| 1407 | .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; } |
||
| 1408 | .ui-header .ui-btn-icon-left .ui-btn-inner, |
||
| 1409 | .ui-footer .ui-btn-icon-left .ui-btn-inner, |
||
| 1410 | .ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; } |
||
| 1411 | .ui-btn-icon-right .ui-btn-inner { padding-right: 33px; } |
||
| 1412 | .ui-header .ui-btn-icon-right .ui-btn-inner, |
||
| 1413 | .ui-footer .ui-btn-icon-right .ui-btn-inner, |
||
| 1414 | .ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; } |
||
| 1415 | .ui-btn-icon-top .ui-btn-inner { padding-top: 33px; } |
||
| 1416 | .ui-header .ui-btn-icon-top .ui-btn-inner, |
||
| 1417 | .ui-footer .ui-btn-icon-top .ui-btn-inner, |
||
| 1418 | .ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; } |
||
| 1419 | .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; } |
||
| 1420 | .ui-header .ui-btn-icon-bottom .ui-btn-inner, |
||
| 1421 | .ui-footer .ui-btn-icon-bottom .ui-btn-inner, |
||
| 1422 | .ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; } |
||
| 1423 | |||
| 1424 | /*btn icon positioning*/ |
||
| 1425 | .ui-btn-icon-notext .ui-icon { display: block; } |
||
| 1426 | .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; } |
||
| 1427 | .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; } |
||
| 1428 | .ui-btn-icon-left .ui-icon { left: 10px; } |
||
| 1429 | .ui-btn-icon-right .ui-icon {right: 10px; } |
||
| 1430 | .ui-header .ui-btn-icon-left .ui-icon, |
||
| 1431 | .ui-footer .ui-btn-icon-left .ui-icon, |
||
| 1432 | .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; } |
||
| 1433 | .ui-header .ui-btn-icon-right .ui-icon, |
||
| 1434 | .ui-footer .ui-btn-icon-right .ui-icon, |
||
| 1435 | .ui-bar .ui-btn-icon-right .ui-icon { right: 4px; } |
||
| 1436 | .ui-header .ui-btn-icon-top .ui-icon, |
||
| 1437 | .ui-footer .ui-btn-icon-top .ui-icon, |
||
| 1438 | .ui-bar .ui-btn-icon-top .ui-icon { top: 4px; } |
||
| 1439 | .ui-header .ui-btn-icon-bottom .ui-icon, |
||
| 1440 | .ui-footer .ui-btn-icon-bottom .ui-icon, |
||
| 1441 | .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; } |
||
| 1442 | .ui-btn-icon-top .ui-icon { top: 5px; } |
||
| 1443 | .ui-btn-icon-bottom .ui-icon { bottom: 5px; } |
||
| 1444 | /*hiding native button,inputs */ |
||
| 1445 | .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; } |
||
| 1446 | /* |
||
| 1447 | * jQuery Mobile Framework |
||
| 1448 | * Copyright (c) jQuery Project |
||
| 1449 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1450 | */ |
||
| 1451 | .ui-collapsible-contain { margin: .5em 0; } |
||
| 1452 | .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; } |
||
| 1453 | .ui-collapsible-heading a { text-align: left; margin: 0; } |
||
| 1454 | .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; } |
||
| 1455 | .ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } |
||
| 1456 | .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; } |
||
| 1457 | .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; } |
||
| 1458 | .ui-collapsible-heading-status { position:absolute; left:-9999px; } |
||
| 1459 | .ui-collapsible-content { display: block; padding: 10px 0 10px 8px; } |
||
| 1460 | .ui-collapsible-content-collapsed { display: none; } |
||
| 1461 | |||
| 1462 | .ui-collapsible-set { margin: .5em 0; } |
||
| 1463 | .ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; } |
||
| 1464 | /* |
||
| 1465 | * jQuery Mobile Framework |
||
| 1466 | * Copyright (c) jQuery Project |
||
| 1467 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1468 | */ |
||
| 1469 | .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; } |
||
| 1470 | .ui-bar .ui-controlgroup { margin: 0 .3em; } |
||
| 1471 | .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; } |
||
| 1472 | .ui-controlgroup-controls { display: block; width: 95%;} |
||
| 1473 | .ui-controlgroup li { list-style: none; } |
||
| 1474 | .ui-controlgroup-vertical .ui-btn, |
||
| 1475 | .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; } |
||
| 1476 | .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; } |
||
| 1477 | .ui-controlgroup-horizontal { padding: 0; } |
||
| 1478 | .ui-controlgroup-horizontal .ui-btn, |
||
| 1479 | .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; } |
||
| 1480 | .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; } |
||
| 1481 | .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn, |
||
| 1482 | .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; } |
||
| 1483 | .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; } |
||
| 1484 | .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; } |
||
| 1485 | /* conflicts with listview.. |
||
| 1486 | .ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; } |
||
| 1487 | .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; } |
||
| 1488 | */ |
||
| 1489 | |||
| 1490 | @media all and (min-width: 450px){ |
||
| 1491 | .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } |
||
| 1492 | .ui-controlgroup-controls { width: 60%; display: inline-block; } |
||
| 1493 | } /* |
||
| 1494 | * jQuery Mobile Framework |
||
| 1495 | * Copyright (c) jQuery Project |
||
| 1496 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1497 | */ |
||
| 1498 | .ui-dialog { min-height: 480px; } |
||
| 1499 | .ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; } |
||
| 1500 | .ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; } |
||
| 1501 | .ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/* |
||
| 1502 | * jQuery Mobile Framework |
||
| 1503 | * Copyright (c) jQuery Project |
||
| 1504 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1505 | */ |
||
| 1506 | .ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; } |
||
| 1507 | .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; } |
||
| 1508 | .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; } |
||
| 1509 | .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; } |
||
| 1510 | .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } |
||
| 1511 | .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; } |
||
| 1512 | .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; } |
||
| 1513 | .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; } |
||
| 1514 | /* input, label positioning */ |
||
| 1515 | .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/* |
||
| 1516 | * jQuery Mobile Framework |
||
| 1517 | * Copyright (c) jQuery Project |
||
| 1518 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1519 | */ |
||
| 1520 | .ui-field-contain { background: none; padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; } |
||
| 1521 | .ui-field-contain:first-child { border-top-width: 0; } |
||
| 1522 | @media all and (min-width: 450px){ |
||
| 1523 | .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } |
||
| 1524 | } /* |
||
| 1525 | * jQuery Mobile Framework |
||
| 1526 | * Copyright (c) jQuery Project |
||
| 1527 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1528 | */ |
||
| 1529 | .ui-select { display: block; position: relative; } |
||
| 1530 | .ui-select select { position: absolute; left: -9999px; top: -9999px; } |
||
| 1531 | .ui-select .ui-btn { overflow: hidden; } |
||
| 1532 | .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } |
||
| 1533 | @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }} |
||
| 1534 | .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; } |
||
| 1535 | |||
| 1536 | .ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } |
||
| 1537 | .ui-select .ui-btn-icon-right .ui-icon { right: 15px; } |
||
| 1538 | |||
| 1539 | /* labels */ |
||
| 1540 | label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } |
||
| 1541 | |||
| 1542 | /*listbox*/ |
||
| 1543 | .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: inline-block; min-height: 1em; } |
||
| 1544 | .ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden; display: block;} |
||
| 1545 | |||
| 1546 | .ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; } |
||
| 1547 | .ui-selectmenu .ui-listview { margin: 0; } |
||
| 1548 | .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } |
||
| 1549 | .ui-selectmenu-hidden { top: -9999px; left: -9999px; } |
||
| 1550 | .ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } |
||
| 1551 | .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; } |
||
| 1552 | .ui-selectmenu-list .ui-li .ui-icon { display: block; } |
||
| 1553 | .ui-li.ui-selectmenu-placeholder { display: none; } |
||
| 1554 | .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; } |
||
| 1555 | |||
| 1556 | @media all and (min-width: 450px){ |
||
| 1557 | label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; } |
||
| 1558 | .ui-select { width: 60%; display: inline-block; } |
||
| 1559 | } |
||
| 1560 | |||
| 1561 | /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */ |
||
| 1562 | .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/* |
||
| 1563 | * jQuery Mobile Framework |
||
| 1564 | * Copyright (c) jQuery Project |
||
| 1565 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1566 | */ |
||
| 1567 | label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; } |
||
| 1568 | input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; } |
||
| 1569 | input.ui-input-text { -webkit-appearance: none; } |
||
| 1570 | textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; } |
||
| 1571 | .ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; } |
||
| 1572 | .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; } |
||
| 1573 | .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; } |
||
| 1574 | .ui-input-search .ui-input-clear-hidden { display: none; } |
||
| 1575 | |||
| 1576 | /* orientation adjustments - incomplete!*/ |
||
| 1577 | @media all and (min-width: 450px){ |
||
| 1578 | label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 } |
||
| 1579 | input.ui-input-text, |
||
| 1580 | textarea.ui-input-text, |
||
| 1581 | .ui-input-search { width: 60%; display: inline-block; } |
||
| 1582 | .ui-input-search { width: 50%; } |
||
| 1583 | .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ } |
||
| 1584 | }/* |
||
| 1585 | * jQuery Mobile Framework |
||
| 1586 | * Copyright (c) jQuery Project |
||
| 1587 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1588 | */ |
||
| 1589 | .ui-listview { margin: 0; counter-reset: listnumbering; } |
||
| 1590 | .ui-content .ui-listview { margin: -15px; } |
||
| 1591 | .ui-content .ui-listview-inset { margin: 1em 0; } |
||
| 1592 | .ui-listview, .ui-li { list-style:none; padding:0; } |
||
| 1593 | .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; } |
||
| 1594 | .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } |
||
| 1595 | .ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; } |
||
| 1596 | .ui-li-divider { counter-reset: listnumbering; } |
||
| 1597 | ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; } |
||
| 1598 | ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */ |
||
| 1599 | .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; } |
||
| 1600 | .ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; } |
||
| 1601 | .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; } |
||
| 1602 | .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 75px .7em 15px; display: block; } |
||
| 1603 | .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; } |
||
| 1604 | .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; } |
||
| 1605 | .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } |
||
| 1606 | .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } |
||
| 1607 | .ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; } |
||
| 1608 | .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; } |
||
| 1609 | .ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; } |
||
| 1610 | |||
| 1611 | .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; } |
||
| 1612 | @media all and (min-width: 480px){ |
||
| 1613 | .ui-li-aside { width: 45%; } |
||
| 1614 | } |
||
| 1615 | .ui-li-divider { cursor: default; } |
||
| 1616 | .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; } |
||
| 1617 | .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; } |
||
| 1618 | .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; } |
||
| 1619 | .ui-li-has-alt .ui-li-count { right: 55px; } |
||
| 1620 | .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; } |
||
| 1621 | .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; } |
||
| 1622 | .ui-li-link-alt .ui-btn-inner { padding: 0; position: static; } |
||
| 1623 | .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; } |
||
| 1624 | |||
| 1625 | .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px } |
||
| 1626 | .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; } |
||
| 1627 | |||
| 1628 | .ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; } |
||
| 1629 | .ui-li.ui-screen-hidden{display:none;} |
||
| 1630 | /* Odd iPad positioning issue. */ |
||
| 1631 | @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { |
||
| 1632 | .ui-li .ui-btn-text { overflow: visible; } |
||
| 1633 | }/* |
||
| 1634 | * jQuery Mobile Framework |
||
| 1635 | * Copyright (c) jQuery Project |
||
| 1636 | * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
||
| 1637 | */ |
||
| 1638 | label.ui-slider { display: block; } |
||
| 1639 | input.ui-slider-input { display: inline-block; width: 50px; } |
||
| 1640 | select.ui-slider-switch { display: none; } |
||
| 1641 | div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; } |
||
| 1642 | a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; } |
||
| 1643 | a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; } |
||
| 1644 | @media all and (min-width: 480px){ |
||
| 1645 | label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; } |
||
| 1646 | div.ui-slider { width: 45%; } |
||
| 1647 | } |
||
| 1648 | |||
| 1649 | div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; } |
||
| 1650 | div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; } |
||
| 1651 | div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; } |
||
| 1652 | div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; } |
||
| 1653 | div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; } |
||
| 1654 | div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; } |
||
| 1655 | .ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; } |
||
| 1656 | .ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; } |
||
| 1657 | |||
| 1658 | div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; } |
||
| 1659 | span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; } |
||
| 1660 | span.ui-slider-label-a { left: -100%; margin-right: -1px } |
||
| 1661 | span.ui-slider-label-b { right: -100%; margin-left: -1px } |