Thu, 04 Jun 2015 14:50:33 +0200
Genesis of lecture sources for Droidcon Berlin 2015 in Postbahnhof.
michael@0 | 1 | /*! intel-appframework - v2.1.0 - 2014-09-22 */ |
michael@0 | 2 | |
michael@0 | 3 | /********************************************************** |
michael@0 | 4 | GENERAL UI ELEMENTS |
michael@0 | 5 | **********************************************************/ |
michael@0 | 6 | |
michael@0 | 7 | * { |
michael@0 | 8 | -webkit-user-select:none; /* Prevent copy paste for all elements except text fields */ |
michael@0 | 9 | -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* set highlight color for user interaction */ |
michael@0 | 10 | -moz-tap-highlight-color:rgba(0, 0, 0, 0); /* set highlight color for user interaction */ |
michael@0 | 11 | -ms-touch-action:none; |
michael@0 | 12 | -moz-user-select:-moz-none; |
michael@0 | 13 | -webkit-touch-callout: none; /* prevent the popup menu on any links*/ |
michael@0 | 14 | margin:0; |
michael@0 | 15 | padding:0; |
michael@0 | 16 | -webkit-box-sizing:border-box; |
michael@0 | 17 | -moz-box-sizing:border-box; |
michael@0 | 18 | box-sizing:border-box; |
michael@0 | 19 | } |
michael@0 | 20 | |
michael@0 | 21 | body { |
michael@0 | 22 | overflow-x:hidden; |
michael@0 | 23 | -webkit-text-size-adjust:none; |
michael@0 | 24 | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
michael@0 | 25 | color:#000; |
michael@0 | 26 | font-size:14px; |
michael@0 | 27 | display:-webkit-box; |
michael@0 | 28 | background: #CBD2D8; |
michael@0 | 29 | /* We want to layout our first container vertically */ |
michael@0 | 30 | -webkit-box-orient: vertical; |
michael@0 | 31 | /* we want our child elements to stretch to fit the container */ |
michael@0 | 32 | -webkit-box-align:stretch; |
michael@0 | 33 | } /* General styles that apply to elements not contained within other classes and styles */ |
michael@0 | 34 | |
michael@0 | 35 | |
michael@0 | 36 | #afui input,textarea { -webkit-user-select:text; -moz-user-select:-moz-text;-moz-user-select:text;} /* allow users to select text that appears in input fields */ |
michael@0 | 37 | |
michael@0 | 38 | #afui img { border:none; } /* Remove default borders for images */ |
michael@0 | 39 | |
michael@0 | 40 | |
michael@0 | 41 | #afui p { |
michael@0 | 42 | display:block; |
michael@0 | 43 | margin:6px 0; |
michael@0 | 44 | |
michael@0 | 45 | font-size:14px; |
michael@0 | 46 | line-height:20px; |
michael@0 | 47 | color:inherit |
michael@0 | 48 | } |
michael@0 | 49 | |
michael@0 | 50 | |
michael@0 | 51 | #afui #afui_modal { |
michael@0 | 52 | background: inherit; |
michael@0 | 53 | color:inherit; |
michael@0 | 54 | -webkit-backface-visibility: hidden; |
michael@0 | 55 | z-index:9999 !important; |
michael@0 | 56 | width:100%; |
michael@0 | 57 | height:100%; |
michael@0 | 58 | display:none; |
michael@0 | 59 | position:absolute; top:0; |
michael@0 | 60 | overflow:hidden; |
michael@0 | 61 | display: -webkit-box; |
michael@0 | 62 | display: -moz-box; |
michael@0 | 63 | display: box; |
michael@0 | 64 | display: -ms-flexbox; |
michael@0 | 65 | -webkit-box-orient: vertical; |
michael@0 | 66 | -moz-box-orient: vertical; |
michael@0 | 67 | -ms-box-orient: vertical; |
michael@0 | 68 | box-orient: vertical; |
michael@0 | 69 | display: -webkit-flex; |
michael@0 | 70 | display: -moz-flex; |
michael@0 | 71 | display: -ms-flex; |
michael@0 | 72 | display: flex; |
michael@0 | 73 | -webkit-flex-direction: column; |
michael@0 | 74 | -moz-flex-direction: column; |
michael@0 | 75 | -ms-flex-direction: column; |
michael@0 | 76 | flex-direction: column; |
michael@0 | 77 | } |
michael@0 | 78 | |
michael@0 | 79 | |
michael@0 | 80 | #afui #modalContainer > * { |
michael@0 | 81 | -webkit-backface-visibility: hidden; |
michael@0 | 82 | -webkit-perspective: 1000; |
michael@0 | 83 | background:inherit; |
michael@0 | 84 | color:inherit; |
michael@0 | 85 | } |
michael@0 | 86 | |
michael@0 | 87 | |
michael@0 | 88 | |
michael@0 | 89 | #afui .afScrollPanel { width:100%; min-height:100%; } |
michael@0 | 90 | |
michael@0 | 91 | #afui { |
michael@0 | 92 | position:absolute; |
michael@0 | 93 | width:100%; |
michael@0 | 94 | top:0; |
michael@0 | 95 | bottom:0; |
michael@0 | 96 | overflow:hidden; |
michael@0 | 97 | } |
michael@0 | 98 | |
michael@0 | 99 | #afui,.flexContainer { |
michael@0 | 100 | display: -webkit-box; |
michael@0 | 101 | display: -moz-box; |
michael@0 | 102 | display: box; |
michael@0 | 103 | display: -ms-flexbox; |
michael@0 | 104 | |
michael@0 | 105 | -webkit-box-orient: vertical; |
michael@0 | 106 | -moz-box-orient: vertical; |
michael@0 | 107 | -ms-box-orient: vertical; |
michael@0 | 108 | box-orient: vertical; |
michael@0 | 109 | |
michael@0 | 110 | /* current syntax */ |
michael@0 | 111 | display: -webkit-flex; |
michael@0 | 112 | display: -moz-flex; |
michael@0 | 113 | display: -ms-flex; |
michael@0 | 114 | display: flex; |
michael@0 | 115 | |
michael@0 | 116 | -webkit-flex-direction: column; |
michael@0 | 117 | -moz-flex-direction: column; |
michael@0 | 118 | -ms-flex-direction: column; |
michael@0 | 119 | flex-direction: column; |
michael@0 | 120 | } |
michael@0 | 121 | |
michael@0 | 122 | #afui > #splashscreen { |
michael@0 | 123 | position:absolute; |
michael@0 | 124 | top:0;bottom:0; |
michael@0 | 125 | width:100%; |
michael@0 | 126 | left:0; |
michael@0 | 127 | min-height:100%; |
michael@0 | 128 | background:rgba(29,29,28,1) !important; |
michael@0 | 129 | color:white !important; |
michael@0 | 130 | font-size:30px; |
michael@0 | 131 | text-align:center; |
michael@0 | 132 | z-index:9999; |
michael@0 | 133 | display:block; |
michael@0 | 134 | margin-left: auto !important; margin-right: auto !important; |
michael@0 | 135 | padding-top:80px !important; |
michael@0 | 136 | } |
michael@0 | 137 | |
michael@0 | 138 | |
michael@0 | 139 | /********************************************************** |
michael@0 | 140 | header |
michael@0 | 141 | **********************************************************/ |
michael@0 | 142 | #afui .header { |
michael@0 | 143 | position:relative; |
michael@0 | 144 | overflow: hidden; |
michael@0 | 145 | display:block; |
michael@0 | 146 | z-index:250; |
michael@0 | 147 | -webkit-box-sizing:border-box; box-sizing:border-box; |
michael@0 | 148 | height:44px; |
michael@0 | 149 | left:0; right:0; |
michael@0 | 150 | |
michael@0 | 151 | } /* This is masthead bar that appears at the top of the UI */ |
michael@0 | 152 | |
michael@0 | 153 | |
michael@0 | 154 | |
michael@0 | 155 | |
michael@0 | 156 | #afui .header h1 { |
michael@0 | 157 | |
michael@0 | 158 | position: absolute; |
michael@0 | 159 | width: 45%; |
michael@0 | 160 | z-index: 1; |
michael@0 | 161 | height: 44px; |
michael@0 | 162 | font-size: 18px; |
michael@0 | 163 | font-weight: bold; |
michael@0 | 164 | left: 27.5%; |
michael@0 | 165 | color: inherit; |
michael@0 | 166 | padding: 10px 0; |
michael@0 | 167 | text-shadow: rgba(0,0,0,0.8) 0 -1px 0; |
michael@0 | 168 | text-align: center; |
michael@0 | 169 | white-space: nowrap; |
michael@0 | 170 | text-overflow: ellipsis; |
michael@0 | 171 | overflow: hidden; |
michael@0 | 172 | } /* This is text that appears in the header at the top of the screen */ |
michael@0 | 173 | |
michael@0 | 174 | |
michael@0 | 175 | /********************************************************** |
michael@0 | 176 | CONTENT AREA |
michael@0 | 177 | **********************************************************/ |
michael@0 | 178 | |
michael@0 | 179 | #afui #content, #afui_modal #modalContainer { |
michael@0 | 180 | z-index:180; |
michael@0 | 181 | |
michael@0 | 182 | position:relative; |
michael@0 | 183 | /* previous syntax */ |
michael@0 | 184 | -webkit-box-flex: 1; |
michael@0 | 185 | -moz-box-flex: 1; |
michael@0 | 186 | -ms-box-flex: 1; |
michael@0 | 187 | box-flex: 1; |
michael@0 | 188 | |
michael@0 | 189 | /* current syntax */ |
michael@0 | 190 | -webkit-flex: 1; |
michael@0 | 191 | -moz-flex: 1; |
michael@0 | 192 | -ms-flex: 1; |
michael@0 | 193 | flex: 1; |
michael@0 | 194 | overflow:hidden; |
michael@0 | 195 | |
michael@0 | 196 | background:inherit; |
michael@0 | 197 | color:inherit; |
michael@0 | 198 | } /* Accounts for positioning of the content area, which is everything below the header and above the navbar. */ |
michael@0 | 199 | |
michael@0 | 200 | |
michael@0 | 201 | #afui .panel { |
michael@0 | 202 | z-index:180; |
michael@0 | 203 | width:100%; |
michael@0 | 204 | height:100%; |
michael@0 | 205 | display:none; |
michael@0 | 206 | position:absolute; top:0; left:0; |
michael@0 | 207 | overflow-y:auto; |
michael@0 | 208 | overflow-x:hidden; |
michael@0 | 209 | -webkit-overflow-scrolling:touch; |
michael@0 | 210 | -webkit-backface-visibility: hidden; |
michael@0 | 211 | padding:10px; |
michael@0 | 212 | padding-top:0px; |
michael@0 | 213 | } /* This class is applied to the divs that contain the various "views" or pages of the app. */ |
michael@0 | 214 | |
michael@0 | 215 | |
michael@0 | 216 | /********************************************************** |
michael@0 | 217 | scroller CSS |
michael@0 | 218 | **********************************************************/ |
michael@0 | 219 | #afui .y-scroll, #afui .panel.y-scroll { |
michael@0 | 220 | overflow-x:hidden; |
michael@0 | 221 | overflow-y:auto; |
michael@0 | 222 | } |
michael@0 | 223 | #afui .x-scroll, #afui .panel.x-scroll { |
michael@0 | 224 | overflow-x:auto; |
michael@0 | 225 | overflow-y:hidden; |
michael@0 | 226 | } |
michael@0 | 227 | #afui .no-scroll, #afui .panel.no-scroll { |
michael@0 | 228 | overflow:hidden; |
michael@0 | 229 | } |
michael@0 | 230 | |
michael@0 | 231 | |
michael@0 | 232 | /********************************************************** |
michael@0 | 233 | Navbar |
michael@0 | 234 | **********************************************************/ |
michael@0 | 235 | /* Nav bar appears locked to the bottom of the screen. It is the primary navigation. can contain text or graphical navigation */ |
michael@0 | 236 | |
michael@0 | 237 | #afui .footer { |
michael@0 | 238 | z-index:180; |
michael@0 | 239 | height:49px; |
michael@0 | 240 | display:block; |
michael@0 | 241 | left:0; |
michael@0 | 242 | right:0; |
michael@0 | 243 | position:relative; |
michael@0 | 244 | padding:0 3px; |
michael@0 | 245 | } |
michael@0 | 246 | |
michael@0 | 247 | |
michael@0 | 248 | #afui footer>a:not(.button) { |
michael@0 | 249 | -webkit-box-sizing:border-box; |
michael@0 | 250 | box-sizing: border-box; |
michael@0 | 251 | top: 3px; |
michael@0 | 252 | height: 43px; |
michael@0 | 253 | overflow: hidden; |
michael@0 | 254 | font-size:12px; |
michael@0 | 255 | font-weight:normal; |
michael@0 | 256 | text-decoration: none; |
michael@0 | 257 | color: #fff; |
michael@0 | 258 | text-align: center; |
michael@0 | 259 | display: inline-block; |
michael@0 | 260 | width: 25%; |
michael@0 | 261 | -webkit-backface-visibility: hidden; |
michael@0 | 262 | -webkit-perspective: 1000; |
michael@0 | 263 | line-height: 67px; |
michael@0 | 264 | position: relative; |
michael@0 | 265 | margin: 0; |
michael@0 | 266 | } |
michael@0 | 267 | |
michael@0 | 268 | |
michael@0 | 269 | #afui footer>a:not(.button) .af-badge { |
michael@0 | 270 | right:auto; |
michael@0 | 271 | margin-left:-16px; |
michael@0 | 272 | } |
michael@0 | 273 | |
michael@0 | 274 | |
michael@0 | 275 | #afui footer>a.icon:not(.button):before { |
michael@0 | 276 | position:absolute; |
michael@0 | 277 | top:2px; |
michael@0 | 278 | left:0; |
michael@0 | 279 | font-size: 25px; |
michael@0 | 280 | margin:auto; |
michael@0 | 281 | width: 100%; |
michael@0 | 282 | } |
michael@0 | 283 | |
michael@0 | 284 | |
michael@0 | 285 | #afui footer>a.pressed:not(.button) { |
michael@0 | 286 | |
michael@0 | 287 | } |
michael@0 | 288 | |
michael@0 | 289 | |
michael@0 | 290 | #afui footer>a.icon.pressed:not(.button):before { |
michael@0 | 291 | |
michael@0 | 292 | } |
michael@0 | 293 | |
michael@0 | 294 | /* Custom footers - always hidden */ |
michael@0 | 295 | #afui footer, #afui header, #afui nav, #afui aside { display:none; } |
michael@0 | 296 | |
michael@0 | 297 | /* Show the active header/footer/navs */ |
michael@0 | 298 | #afui .footer footer, #afui #menu nav, #afui .header header, #afui #aside_menu aside {display:block; height:100%;} |
michael@0 | 299 | |
michael@0 | 300 | #afui > #menu.tabletMenu { |
michael@0 | 301 | z-index:1; |
michael@0 | 302 | width:200px; |
michael@0 | 303 | bottom:0; |
michael@0 | 304 | display:none; |
michael@0 | 305 | position:absolute; top:0; left:0; |
michael@0 | 306 | border-right: 1px solid rgba(128,128,128,0.5); |
michael@0 | 307 | |
michael@0 | 308 | } |
michael@0 | 309 | |
michael@0 | 310 | #afui > #aside_menu { |
michael@0 | 311 | z-index:1; |
michael@0 | 312 | width:200px; |
michael@0 | 313 | bottom:0; |
michael@0 | 314 | height:100%; |
michael@0 | 315 | display:none; |
michael@0 | 316 | position:absolute; top:0; right:0; |
michael@0 | 317 | border-left: 1px solid rgba(128,128,128,0.5); |
michael@0 | 318 | } |
michael@0 | 319 | |
michael@0 | 320 | |
michael@0 | 321 | #afui #menu_scroller, #afui #aside_menu_scroller { |
michael@0 | 322 | padding-bottom:10px; |
michael@0 | 323 | overflow-y:auto; |
michael@0 | 324 | overflow-x:hidden; |
michael@0 | 325 | -webkit-backface-visibility: hidden; |
michael@0 | 326 | -webkit-overflow-scrolling:touch; |
michael@0 | 327 | } |
michael@0 | 328 | |
michael@0 | 329 | |
michael@0 | 330 | #afui #menu_scroller > *, #afui #aside_menu_scroller > * { |
michael@0 | 331 | -webkit-backface-visibility: hidden; |
michael@0 | 332 | -webkit-perspective: 1000; |
michael@0 | 333 | } |
michael@0 | 334 | |
michael@0 | 335 | |
michael@0 | 336 | #afui #menu .list li, |
michael@0 | 337 | #afui #menu .list .divider, |
michael@0 | 338 | #afui #menu .list li:first-child, |
michael@0 | 339 | #afui #menu .list li:last-child, |
michael@0 | 340 | |
michael@0 | 341 | #afui #aside_menu .list li, |
michael@0 | 342 | #afui #aside_menu .list .divider, |
michael@0 | 343 | #afui #aside_menu .list li:first-child, |
michael@0 | 344 | #afui #aside_menu .list li:last-child |
michael@0 | 345 | { |
michael@0 | 346 | |
michael@0 | 347 | font-weight:bold; |
michael@0 | 348 | font-size:1em; |
michael@0 | 349 | line-height:1em; |
michael@0 | 350 | border-color:#101012; |
michael@0 | 351 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); |
michael@0 | 352 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); |
michael@0 | 353 | |
michael@0 | 354 | } |
michael@0 | 355 | |
michael@0 | 356 | #afui #menu .list > li > a, |
michael@0 | 357 | #afui #aside_menu .list > li > a |
michael@0 | 358 | { |
michael@0 | 359 | color:#ccc; |
michael@0 | 360 | margin-left:6px; |
michael@0 | 361 | font-weight: normal; |
michael@0 | 362 | } |
michael@0 | 363 | |
michael@0 | 364 | |
michael@0 | 365 | #afui #menu .list, |
michael@0 | 366 | #afui #menu .list .divider, |
michael@0 | 367 | #afui #aside_menu .list, |
michael@0 | 368 | #afui #aside_menu .list .divider |
michael@0 | 369 | { background:inherit; } |
michael@0 | 370 | |
michael@0 | 371 | |
michael@0 | 372 | #afui #menu .list .divider, #afui #aside_menu .list .divider { |
michael@0 | 373 | background:#333; |
michael@0 | 374 | color:#fff; |
michael@0 | 375 | font-weight:bold; |
michael@0 | 376 | font-size:1em; |
michael@0 | 377 | line-height:1em; |
michael@0 | 378 | padding:6px; |
michael@0 | 379 | top:0px; |
michael@0 | 380 | border:none; |
michael@0 | 381 | -webkit-box-shadow:none; box-shadow: none; |
michael@0 | 382 | } |
michael@0 | 383 | |
michael@0 | 384 | |
michael@0 | 385 | #afui #menu .list > li > a:after, #afui #aside_menu .list > li > a:after { margin-top: -8px; } |
michael@0 | 386 | |
michael@0 | 387 | /* End side menu css */ |
michael@0 | 388 | |
michael@0 | 389 | |
michael@0 | 390 | |
michael@0 | 391 | #afui .splashscreen { |
michael@0 | 392 | background:rgba(29,29,28,1) !important; |
michael@0 | 393 | padding-left:40px; |
michael@0 | 394 | padding-top:30px !important; |
michael@0 | 395 | min-height:100%; |
michael@0 | 396 | } |
michael@0 | 397 | |
michael@0 | 398 | |
michael@0 | 399 | #afui h2 { |
michael@0 | 400 | display:block; |
michael@0 | 401 | height:34px; |
michael@0 | 402 | font-weight: bold; |
michael@0 | 403 | font-size:18px; |
michael@0 | 404 | color:#000; |
michael@0 | 405 | padding:6px 0; |
michael@0 | 406 | margin-bottom:8px; |
michael@0 | 407 | } /* Header class used for non-navigable header bars (h1 is reserved for the header) */ |
michael@0 | 408 | |
michael@0 | 409 | |
michael@0 | 410 | #afui .collapsed:after { |
michael@0 | 411 | float:right; |
michael@0 | 412 | content:''; |
michael@0 | 413 | border-left:5px solid transparent; |
michael@0 | 414 | border-right:5px solid transparent; |
michael@0 | 415 | border-top:6px solid #000; |
michael@0 | 416 | display:block; |
michael@0 | 417 | position:absolute; |
michael@0 | 418 | top:14px;right:14px; |
michael@0 | 419 | } |
michael@0 | 420 | |
michael@0 | 421 | #afui .collapsed:before { |
michael@0 | 422 | float:right; |
michael@0 | 423 | content:''; |
michael@0 | 424 | color:transparent; |
michael@0 | 425 | background:transparent; |
michael@0 | 426 | width:14px; height:14px; |
michael@0 | 427 | display:block; |
michael@0 | 428 | border:2px solid #000; |
michael@0 | 429 | border-radius:3px; |
michael@0 | 430 | position:absolute; |
michael@0 | 431 | top:8px;right:10px; |
michael@0 | 432 | } |
michael@0 | 433 | |
michael@0 | 434 | #afui .expanded:after { |
michael@0 | 435 | float:right;content:''; |
michael@0 | 436 | border-left: 5px solid transparent; |
michael@0 | 437 | border-right: 5px solid transparent; |
michael@0 | 438 | border-bottom: 6px solid #000; |
michael@0 | 439 | display:block; |
michael@0 | 440 | position:absolute; |
michael@0 | 441 | top:13px;right:14px; |
michael@0 | 442 | } |
michael@0 | 443 | |
michael@0 | 444 | #afui .expanded:before { |
michael@0 | 445 | float:right; |
michael@0 | 446 | content:''; |
michael@0 | 447 | color:transparent; |
michael@0 | 448 | background:transparent; |
michael@0 | 449 | width:14px; height:14px; |
michael@0 | 450 | display:block; |
michael@0 | 451 | border:2px solid #000; |
michael@0 | 452 | border-radius:3px; |
michael@0 | 453 | position:absolute; |
michael@0 | 454 | top:8px;right:10px; |
michael@0 | 455 | } |
michael@0 | 456 | |
michael@0 | 457 | |
michael@0 | 458 | /********************************************************** |
michael@0 | 459 | UI |
michael@0 | 460 | **********************************************************/ |
michael@0 | 461 | |
michael@0 | 462 | .ui-icon { |
michael@0 | 463 | background: #666; |
michael@0 | 464 | background: rgba(0,0,0,.4); |
michael@0 | 465 | background-repeat: no-repeat; |
michael@0 | 466 | border-radius: 9px; |
michael@0 | 467 | } |
michael@0 | 468 | |
michael@0 | 469 | |
michael@0 | 470 | .ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -100px; margin-top: -35px; padding: 10px 30px; background: #666;background:rgba(0,0,0,.4);border-radius:9px;color:white;} |
michael@0 | 471 | .ui-loader.heavy {opacity:1;} |
michael@0 | 472 | .ui-loader h1 { font-size: 15px; text-align: center; } |
michael@0 | 473 | .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; } |
michael@0 | 474 | |
michael@0 | 475 | |
michael@0 | 476 | .spin { |
michael@0 | 477 | -webkit-transform: rotate(360deg); |
michael@0 | 478 | -webkit-animation-name: spin; |
michael@0 | 479 | -webkit-animation-duration: 1s; |
michael@0 | 480 | -webkit-animation-iteration-count: infinite; |
michael@0 | 481 | } |
michael@0 | 482 | @-webkit-keyframes spin { |
michael@0 | 483 | from {-webkit-transform: rotate(0deg);} |
michael@0 | 484 | to {-webkit-transform: rotate(360deg);} |
michael@0 | 485 | } |
michael@0 | 486 | |
michael@0 | 487 | |
michael@0 | 488 | .ui-icon-loading { |
michael@0 | 489 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX////x8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHvvEhiAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAEaSURBVCiRY2AgATCapaUqoIiIzN5z5syZJiQRltW7gUJ3705C6OraDRG6GwATkli1evdusNBTuKJVq3c4MjBX3733DqqMfdWqFWDbau+9ewIRspy5KgHMYL737g1EX+fMaVAjbN+9KwDLzZxZAHPMu3cXwEbNnAl397p3YDslOmD6GBjs/v8AURodzXAh3v+/QZRHRyNciPP/f4hQA1yIHVMICtzLC9CFzMuL0IXEy0vQhdjK0+BsRqgv0tIMYEKCggJgmbS0QJgiQUEIwy0tVQCmCCokmhYaCFMElWMKDQ01BIkoKcKEGFRDQ1yMlISUgEIwe5iAQi7GxkpKSjBFwMh2cXEGCSkiOVcFLIQswsAgZGxshCpCBgAA0FNYp5zwDegAAAAASUVORK5CYII=); |
michael@0 | 490 | width: 40px; |
michael@0 | 491 | height: 40px; |
michael@0 | 492 | border-radius: 20px; |
michael@0 | 493 | background-size: 35px 35px; |
michael@0 | 494 | } |
michael@0 | 495 | |
michael@0 | 496 | |
michael@0 | 497 | #afui .ui-corner-all { border-radius:.6em; } |
michael@0 | 498 | |
michael@0 | 499 | |
michael@0 | 500 | #afui_mask { position:absolute;top:45%;z-index:999999; } |
michael@0 | 501 | |
michael@0 | 502 | .afui_panel_mask { position:absolute;top:0;bottom:0;left:0;right:0;z-index:2000;background-color:rgba(0,0,0,0.1);display:none} |
michael@0 | 503 | |
michael@0 | 504 | #afui .hasMenu{ |
michael@0 | 505 | left:0; |
michael@0 | 506 | } |
michael@0 | 507 | |
michael@0 | 508 | |
michael@0 | 509 | #afui .menuButton { |
michael@0 | 510 | position: relative; |
michael@0 | 511 | top: 5px; |
michael@0 | 512 | right: -8px; |
michael@0 | 513 | height: 36px; |
michael@0 | 514 | width: 36px; |
michael@0 | 515 | z-index:2; |
michael@0 | 516 | float:right; |
michael@0 | 517 | } |
michael@0 | 518 | |
michael@0 | 519 | |
michael@0 | 520 | #afui .menuButton:after { |
michael@0 | 521 | border-bottom: 9px double white; |
michael@0 | 522 | border-top: 3px solid white; |
michael@0 | 523 | top: 9px; |
michael@0 | 524 | left: 3px; |
michael@0 | 525 | content: ""; |
michael@0 | 526 | height: 3px; |
michael@0 | 527 | position: absolute; |
michael@0 | 528 | width: 15px; |
michael@0 | 529 | } |
michael@0 | 530 | |
michael@0 | 531 | #afui .hasMenu.on { |
michael@0 | 532 | -webkit-transform:translate3d(200px,0,0); |
michael@0 | 533 | transform:translate(200px,0); |
michael@0 | 534 | } |
michael@0 | 535 | |
michael@0 | 536 | |
michael@0 | 537 | |
michael@0 | 538 | |
michael@0 | 539 | |
michael@0 | 540 | #afui .modalbutton { |
michael@0 | 541 | position:absolute; |
michael@0 | 542 | top:0; |
michael@0 | 543 | right:5px; |
michael@0 | 544 | height:32px; |
michael@0 | 545 | width:58px; |
michael@0 | 546 | line-height:32px; |
michael@0 | 547 | z-index:9999; |
michael@0 | 548 | } |
michael@0 | 549 | |
michael@0 | 550 | |
michael@0 | 551 | #afui .closebutton { |
michael@0 | 552 | position:absolute; |
michael@0 | 553 | top:6px; right:6px; |
michael@0 | 554 | display:block; |
michael@0 | 555 | height:24px ; |
michael@0 | 556 | width:24px ; |
michael@0 | 557 | border-radius:12px; |
michael@0 | 558 | border:1px solid #666; |
michael@0 | 559 | background:#fff; |
michael@0 | 560 | color:#333; |
michael@0 | 561 | font-weight: bold; |
michael@0 | 562 | font-size:21px; |
michael@0 | 563 | line-height:18px; |
michael@0 | 564 | text-align:center; |
michael@0 | 565 | text-decoration:none; |
michael@0 | 566 | } |
michael@0 | 567 | |
michael@0 | 568 | #afui .closebutton:before { content:'x'; } |
michael@0 | 569 | |
michael@0 | 570 | #afui .closebutton.selected,.closebutton.modalButton.selected { |
michael@0 | 571 | color:#fff; |
michael@0 | 572 | background:#333; |
michael@0 | 573 | } |
michael@0 | 574 | |
michael@0 | 575 | #afui .panel > .list, |
michael@0 | 576 | #afui .panel > .afScrollPanel > .list { |
michael@0 | 577 | margin:0px -10px; |
michael@0 | 578 | } |
michael@0 | 579 | |
michael@0 | 580 | #afui .panel > .list.inset, |
michael@0 | 581 | #afui .panel > .afScrollPanel > .list.inset { |
michael@0 | 582 | margin:0px; |
michael@0 | 583 | } |
michael@0 | 584 | |
michael@0 | 585 | |
michael@0 | 586 | /* Chevrons */ |
michael@0 | 587 | @font-face { |
michael@0 | 588 | font-family: 'chevron'; |
michael@0 | 589 | src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAQAAA0AAAAABZgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAcZ/T02kdERUYAAAFMAAAAHwAAACAAMgAGT1MvMgAAAWwAAABHAAAAVj7i2r5jbWFwAAABtAAAAEMAAAFS8BX0J2dhc3AAAAH4AAAACAAAAAj//wADZ2x5ZgAAAgAAAABsAAAAbMHrMoZoZWFkAAACbAAAADAAAAA2/JaSB2hoZWEAAAKcAAAAHgAAACQDav/GaG10eAAAArwAAAATAAAAFAN1AB1sb2NhAAAC0AAAAAwAAAAMAA4ANm1heHAAAALcAAAAHQAAACAASAAbbmFtZQAAAvwAAADdAAABhigr581wb3N0AAAD3AAAACIAAAA8nFVDO3icY2BgYGQAgjO2i86D6LO3V7LCaABOtwcoAAB4nGNgZGBg4ANiCQYQYGJgZGBmYAGSLGAeAwAEkAA5AHicY2BkVGCcwMDKwMGozGjJwMBgB6WvM4gxFDMwMDGwMjPAgQCCyRCQ5prC4PCB4UMIY8P/AwwajA0MDg0MDIwgOQBg6QqyAHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwgiQ8MH0L+/0dmCTDzb4DqAgNGNgY4lxGkh4kBFTAyDHsAAFhbChsAAAAAAf//AAIAAQAA/8ABwAGAAAIAABEBIQHA/kABgP5AAAAAAAEAHf/tARMBcwAXAAAlFA8BBiIvASY1ND8BJyY1ND8BNjIfARYBEwmkCRoJFAkJenoJCRQIHAikCbANCqMJCRMKDQ0JenkKDQ0JEwoKowl4nGNgZGBgAOLcX7xy8fw2Xxm4GQ8ARRjO3l7JiqD/H2A8wNgA5HIwMIFEAUPwC7d4nGNgZGBgbPh/gEGD8QADwz8HIAkUQQGsAIQZBTAAAHicYzzAAAFTIRSjAoMsABVQAZUAAAAAAAAAAAAADgA2eJxjYGRgYGBlkGAA0QwMTEDMCGY7gPkMAAUvAGQAAAB4nHWOTWoCQRBG3+hoCIbgKmTZkE02M3RPwIUHmAO4cC/SjII40P7gSbLKEbL0GB4gR8gx/JzUJgsbin68rqqvgSc+ybidjAfGxj3xu3GfN07Gufy38YARF+Oh/K86s/xR5rmbunFP/Grcp8Yb5/JfxgNeOBsP5X9YsiJyJNGyheUqHlMrmMk2HNiw0Buz2Bw2C0Hd9e27O6kj4qgoleaYqv7v+3NBrwUTVSUKfGhNu93XbWqiq0rvps5yRcEXk6LyQU33/jaXTexYW0bo8pnHtFtrRyj93dkrAWI51wAAAHicY2BiwA9YgZiRgYmRiZGZvTQv083AwABCm5oAACfXBG0AAA==) format('woff'), |
michael@0 | 590 | url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWf09NoAAAV8AAAAHEdERUYAMgAGAAAFXAAAACBPUy8yPuLavgAAAVgAAABWY21hcPAV9CcAAAHEAAABUmdhc3D//wADAAAFVAAAAAhnbHlmwesyhgAAAyQAAABsaGVhZPyWkgcAAADcAAAANmhoZWEDav/GAAABFAAAACRobXR4A3UAHQAAAbAAAAAUbG9jYQAOADYAAAMYAAAADG1heHAASAAbAAABOAAAACBuYW1lKCvnzQAAA5AAAAGGcG9zdJxVQzsAAAUYAAAAPAABAAAAAQAAbfoNHl8PPPUACwHAAAAAAM3bqQUAAAAAzdupBQAA/8ABwAGAAAAACAACAAAAAAAAAAEAAAGA/8AAKAHAAAD+QAHAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFABgAAQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQEgAZAABQAIASMBOQAAAD4BIwE5AAAA1wAWAHMAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA8ADwVAGA/8AAKAGAAECAAAABAAAAAAAAAcAAAAAAAAAAlQAAAAAAAAEgAB0AAAADAAAAAwAAABwAAQAAAAAATAADAAEAAAAcAAQAMAAAAAgACAACAAAAAPAA8FT//wAAAADwAPBU//8AABADD7AAAQAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgA2AAEAAP/AAcABgAACAAARASEBwP5AAYD+QAAAAAABAB3/7QETAXMAFwAAJRQPAQYiLwEmNTQ/AScmNTQ/ATYyHwEWARMJpAkaCRQJCXp6CQkUCBwIpAmwDQqjCQkTCg0NCXp5Cg0NCRMKCqMJAAAADACWAAEAAAAAAAEABwAQAAEAAAAAAAIABwAoAAEAAAAAAAMAIwB4AAEAAAAAAAQABwCsAAEAAAAAAAUACwDMAAEAAAAAAAYABwDoAAMAAQQJAAEADgAAAAMAAQQJAAIADgAYAAMAAQQJAAMARgAwAAMAAQQJAAQADgCcAAMAAQQJAAUAFgC0AAMAAQQJAAYADgDYAGMAaABlAHYAcgBvAG4AAGNoZXZyb24AAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAYwBoAGUAdgByAG8AbgAgADoAIAAxADAALQA2AC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IGNoZXZyb24gOiAxMC02LTIwMTMAAGMAaABlAHYAcgBvAG4AAGNoZXZyb24AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAGMAaABlAHYAcgBvAG4AAGNoZXZyb24AAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAQACAQIBAwd1bmlGMDAwB3VuaUYwNTQAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAQAAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM3bqQUAAAAAzdupBQ==) format('truetype'); |
michael@0 | 591 | font-weight: normal; |
michael@0 | 592 | font-style: normal; |
michael@0 | 593 | } |
michael@0 | 594 | |
michael@0 | 595 | #afui .chevron { |
michael@0 | 596 | font-family: 'chevron'; |
michael@0 | 597 | speak: none; |
michael@0 | 598 | font-style: normal; |
michael@0 | 599 | font-weight: normal; |
michael@0 | 600 | font-variant: normal; |
michael@0 | 601 | text-transform: none; |
michael@0 | 602 | line-height: 1; |
michael@0 | 603 | -webkit-font-smoothing: antialiased; |
michael@0 | 604 | } |
michael@0 | 605 | #afui .chevron:before { |
michael@0 | 606 | content: "\f054"; |
michael@0 | 607 | } |
michael@0 | 608 | |
michael@0 | 609 | #afui .chevron.left { |
michael@0 | 610 | -webkit-transform:rotate(180deg); |
michael@0 | 611 | transform:rotate(180deg); |
michael@0 | 612 | } |
michael@0 | 613 | |
michael@0 | 614 | |
michael@0 | 615 | @media handheld, only screen and (min-width: 768px) { |
michael@0 | 616 | #afui .footer.hasMenu.splitview, #afui .header.hasMenu.splitview, #afui #content.hasMenu.splitview { |
michael@0 | 617 | position:relative; |
michael@0 | 618 | right:0px; |
michael@0 | 619 | margin-left:256px; |
michael@0 | 620 | -webkit-transition: transform 0ms; |
michael@0 | 621 | -webkit-transform:none; |
michael@0 | 622 | transition:transform 0ms; |
michael@0 | 623 | transform:none ; |
michael@0 | 624 | width: -webkit-calc(100% - 256px); |
michael@0 | 625 | width: calc(100% - 256px); |
michael@0 | 626 | } |
michael@0 | 627 | |
michael@0 | 628 | #afui > #aside_menu.splitview { |
michael@0 | 629 | width:256px; |
michael@0 | 630 | } |
michael@0 | 631 | |
michael@0 | 632 | |
michael@0 | 633 | #afui > #menu.tabletMenu.splitview { |
michael@0 | 634 | z-index:1; |
michael@0 | 635 | width:256px; |
michael@0 | 636 | bottom:0; |
michael@0 | 637 | height:100% ; |
michael@0 | 638 | display:block; |
michael@0 | 639 | position:absolute ; top:0; |
michael@0 | 640 | left:0px; |
michael@0 | 641 | -webkit-transform:none; |
michael@0 | 642 | -webkit-transition:none; |
michael@0 | 643 | transform:none; |
michael@0 | 644 | transition:none; |
michael@0 | 645 | } |
michael@0 | 646 | |
michael@0 | 647 | #afui .splitview .menuButton { display:none; } |
michael@0 | 648 | } |
michael@0 | 649 | |
michael@0 | 650 | @media print { |
michael@0 | 651 | body { |
michael@0 | 652 | overflow:visible; |
michael@0 | 653 | } |
michael@0 | 654 | #afui #content{ |
michael@0 | 655 | overflow: visible; |
michael@0 | 656 | left:0; |
michael@0 | 657 | } |
michael@0 | 658 | #afui { |
michael@0 | 659 | overflow:visible; |
michael@0 | 660 | } |
michael@0 | 661 | #afui .panel { |
michael@0 | 662 | overflow-x:visible !important; |
michael@0 | 663 | overflow-y:visible !important; |
michael@0 | 664 | overflow:visible !important; |
michael@0 | 665 | } |
michael@0 | 666 | } |
michael@0 | 667 | |
michael@0 | 668 | /* blue #0190d6 |
michael@0 | 669 | |
michael@0 | 670 | */ |
michael@0 | 671 | |
michael@0 | 672 | @-ms-viewport { |
michael@0 | 673 | width: device-width; |
michael@0 | 674 | } |
michael@0 | 675 | |
michael@0 | 676 | #afui { |
michael@0 | 677 | background:white; |
michael@0 | 678 | color:#53575E; |
michael@0 | 679 | } |
michael@0 | 680 | |
michael@0 | 681 | #afui .header{ |
michael@0 | 682 | background:#0088D1; |
michael@0 | 683 | border:none; |
michael@0 | 684 | border-bottom:1px solid #0088D1; |
michael@0 | 685 | color:white; |
michael@0 | 686 | } |
michael@0 | 687 | |
michael@0 | 688 | #afui .header h1 { |
michael@0 | 689 | text-shadow:none; |
michael@0 | 690 | width:45%; |
michael@0 | 691 | } |
michael@0 | 692 | |
michael@0 | 693 | #afui .backButton { |
michael@0 | 694 | background:rgba(249,249,249,1); |
michael@0 | 695 | color:#fff; |
michael@0 | 696 | display: block; |
michael@0 | 697 | position: absolute; |
michael@0 | 698 | line-height:44px; |
michael@0 | 699 | left: 25px; |
michael@0 | 700 | text-overflow: ellipsis; |
michael@0 | 701 | font-size: 14px; |
michael@0 | 702 | padding:0; |
michael@0 | 703 | text-shadow: none; |
michael@0 | 704 | background-color: transparent; |
michael@0 | 705 | border:none; |
michael@0 | 706 | border-color:transparent; |
michael@0 | 707 | height: 44px; |
michael@0 | 708 | top:0; |
michael@0 | 709 | border-radius:0; |
michael@0 | 710 | box-shadow:none; |
michael@0 | 711 | margin: 0; |
michael@0 | 712 | padding-left: 0; |
michael@0 | 713 | text-align: center; |
michael@0 | 714 | width:50px; |
michael@0 | 715 | padding:0 !important; |
michael@0 | 716 | margin:0 !important; |
michael@0 | 717 | } |
michael@0 | 718 | |
michael@0 | 719 | #afui .backButton::before { |
michael@0 | 720 | z-index: -1; |
michael@0 | 721 | font-size:22px; |
michael@0 | 722 | position: absolute; |
michael@0 | 723 | top: 10px; |
michael@0 | 724 | left: -20px; |
michael@0 | 725 | text-align: center; |
michael@0 | 726 | border-radius:0; |
michael@0 | 727 | border: none; |
michael@0 | 728 | border-color:transparent; |
michael@0 | 729 | box-shadow: none; |
michael@0 | 730 | -webkit-transform: none; |
michael@0 | 731 | transform: none; |
michael@0 | 732 | font-family: 'chevron'; |
michael@0 | 733 | speak: none; |
michael@0 | 734 | font-style: normal; |
michael@0 | 735 | font-weight: normal; |
michael@0 | 736 | font-variant: normal; |
michael@0 | 737 | text-transform: none; |
michael@0 | 738 | line-height: 1; |
michael@0 | 739 | -webkit-font-smoothing: antialiased; |
michael@0 | 740 | content: "\f054"; |
michael@0 | 741 | -webkit-transform:rotate(180deg); |
michael@0 | 742 | transform:rotate(180deg); |
michael@0 | 743 | background-color: transparent; |
michael@0 | 744 | } |
michael@0 | 745 | |
michael@0 | 746 | #afui header .backButton { |
michael@0 | 747 | position:absolute; |
michael@0 | 748 | } |
michael@0 | 749 | |
michael@0 | 750 | #afui .footer { |
michael@0 | 751 | background:#0088D1; |
michael@0 | 752 | border:none; |
michael@0 | 753 | border-top:1px solid #0088D1; |
michael@0 | 754 | box-shadow:none; |
michael@0 | 755 | } |
michael@0 | 756 | |
michael@0 | 757 | #afui footer>a:not(.button) { |
michael@0 | 758 | |
michael@0 | 759 | } |
michael@0 | 760 | |
michael@0 | 761 | #afui footer>a.pressed:not(.button) { |
michael@0 | 762 | border-radius:0; |
michael@0 | 763 | background:#00AEEF; |
michael@0 | 764 | } |
michael@0 | 765 | |
michael@0 | 766 | #afui footer>a.icon.pressed:not(.button):before { |
michael@0 | 767 | color:inherit; |
michael@0 | 768 | } |
michael@0 | 769 | |
michael@0 | 770 | #afui .af-badge { |
michael@0 | 771 | border:none; |
michael@0 | 772 | } |
michael@0 | 773 | |
michael@0 | 774 | #afui .list { |
michael@0 | 775 | background:inherit; |
michael@0 | 776 | color:inherit; |
michael@0 | 777 | border-color:#303030; |
michael@0 | 778 | font-weight:normal; |
michael@0 | 779 | } |
michael@0 | 780 | |
michael@0 | 781 | #afui .af-badge { |
michael@0 | 782 | box-shadow:none; |
michael@0 | 783 | } |
michael@0 | 784 | |
michael@0 | 785 | #afui .list .divider { color:black; } |
michael@0 | 786 | |
michael@0 | 787 | #afui .panel, #afui #modalContainer, #afui #modal { |
michael@0 | 788 | color:inherit; |
michael@0 | 789 | background:inherit; |
michael@0 | 790 | } |
michael@0 | 791 | |
michael@0 | 792 | #afui .panel h2 { color:#0088D1;} |
michael@0 | 793 | |
michael@0 | 794 | #afui .collapsed:after {border-top: 6px solid;} |
michael@0 | 795 | #afui .collapsed:before {border:2px solid;} |
michael@0 | 796 | #afui .expanded:after {border-bottom: 6px solid;} |
michael@0 | 797 | #afui .expanded:before {border:2px solid;} |
michael@0 | 798 | |
michael@0 | 799 | #afui .collapsed:before,#afui .expanded:before { |
michael@0 | 800 | border-color: inherit; |
michael@0 | 801 | } |
michael@0 | 802 | |
michael@0 | 803 | #afui .collapsed:after, #afui .expanded:after{ |
michael@0 | 804 | border-top-color:inherit; |
michael@0 | 805 | border-top-color:inherit; |
michael@0 | 806 | } |
michael@0 | 807 | |
michael@0 | 808 | #afui select, #afui textarea, #afui input[type="text"], |
michael@0 | 809 | #afui input[type=search], #afui input[type="password"], |
michael@0 | 810 | #afui input[type="datetime"], #afui input[type="datetime-local"], |
michael@0 | 811 | #afui input[type="date"], #afui input[type="month"], |
michael@0 | 812 | #afui input[type="time"], #afui input[type="week"], |
michael@0 | 813 | #afui input[type="number"], #afui input[type="email"], |
michael@0 | 814 | #afui input[type="url"], #afui input[type="tel"], |
michael@0 | 815 | #afui input[type="color"], #afui .input-group { |
michael@0 | 816 | background:inherit; |
michael@0 | 817 | color:inherit; |
michael@0 | 818 | } |
michael@0 | 819 | |
michael@0 | 820 | #afui input.toggle+label:after { color:inherit; } |
michael@0 | 821 | |
michael@0 | 822 | #afui input.toggle+label { border-radius:0; } |
michael@0 | 823 | |
michael@0 | 824 | #afui input.toggle+label > span { |
michael@0 | 825 | border-radius:0; |
michael@0 | 826 | top:0; |
michael@0 | 827 | width:27px; |
michael@0 | 828 | height:23px; |
michael@0 | 829 | } |
michael@0 | 830 | |
michael@0 | 831 | #afui label { color:inherit; } |
michael@0 | 832 | |
michael@0 | 833 | #afui input[type="radio"]:checked+label:before,#afui input[type="checkbox"]:checked+label:before { |
michael@0 | 834 | background: #33B5E5; |
michael@0 | 835 | } |
michael@0 | 836 | |
michael@0 | 837 | #afui > #aside_menu, |
michael@0 | 838 | #afui > #menu.tabletMenu { |
michael@0 | 839 | color:white; |
michael@0 | 840 | background:#00AEEF; |
michael@0 | 841 | border-right:1px solid #006BA4; |
michael@0 | 842 | } |
michael@0 | 843 | |
michael@0 | 844 | #afui #aside_menu .list li,#afui #aside_menu .list .divider,#afui #aside_menu .list li:last-child, |
michael@0 | 845 | #afui #menu .list li,#afui #menu .list .divider,#afui #menu .list li:last-child { |
michael@0 | 846 | border-color: #4CC6F4; |
michael@0 | 847 | } |
michael@0 | 848 | |
michael@0 | 849 | #afui #aside_menu .list .divider, |
michael@0 | 850 | #afui #menu .list .divider { |
michael@0 | 851 | background:#0088D1; |
michael@0 | 852 | color:inherit; |
michael@0 | 853 | font-size: 1em; |
michael@0 | 854 | } |
michael@0 | 855 | |
michael@0 | 856 | #afui #aside_menu .list > li > a, |
michael@0 | 857 | #afui #menu .list > li > a { |
michael@0 | 858 | background:inherit; |
michael@0 | 859 | color:inherit; |
michael@0 | 860 | font-size: 1em; |
michael@0 | 861 | } |
michael@0 | 862 | |
michael@0 | 863 | #afui #aside_menu .list, |
michael@0 | 864 | #afui #menu .list { |
michael@0 | 865 | font-weight: normal; |
michael@0 | 866 | } |
michael@0 | 867 | |
michael@0 | 868 | #afui .button { |
michael@0 | 869 | border-radius:0; |
michael@0 | 870 | text-shadow:none; |
michael@0 | 871 | } |
michael@0 | 872 | |
michael@0 | 873 | #afui .list > li > a:after{ |
michael@0 | 874 | color:#0088D1; |
michael@0 | 875 | } |
michael@0 | 876 | |
michael@0 | 877 | #afui .button.pressed { |
michael@0 | 878 | |
michael@0 | 879 | } |
michael@0 | 880 | |
michael@0 | 881 | #afui .button.previous { |
michael@0 | 882 | border:none; |
michael@0 | 883 | } |
michael@0 | 884 | |
michael@0 | 885 | #afui .button.next { |
michael@0 | 886 | border:none; |
michael@0 | 887 | } |
michael@0 | 888 | |
michael@0 | 889 | #afui .button.previous::after { |
michael@0 | 890 | color:black; |
michael@0 | 891 | z-index: -1; |
michael@0 | 892 | font-size:22px; |
michael@0 | 893 | position: absolute; |
michael@0 | 894 | top: 2px; |
michael@0 | 895 | left: -25px; |
michael@0 | 896 | text-align: center; |
michael@0 | 897 | border-radius:0; |
michael@0 | 898 | border: none; |
michael@0 | 899 | border-color:transparent; |
michael@0 | 900 | box-shadow: none; |
michael@0 | 901 | -webkit-transform: none; |
michael@0 | 902 | transform: none; |
michael@0 | 903 | font-family: 'chevron'; |
michael@0 | 904 | speak: none; |
michael@0 | 905 | font-style: normal; |
michael@0 | 906 | font-weight: normal; |
michael@0 | 907 | font-variant: normal; |
michael@0 | 908 | text-transform: none; |
michael@0 | 909 | line-height: 1; |
michael@0 | 910 | -webkit-font-smoothing: antialiased; |
michael@0 | 911 | content: "\f054"; |
michael@0 | 912 | -webkit-transform:rotate(180deg); |
michael@0 | 913 | transform:rotate(180deg); |
michael@0 | 914 | background-color: transparent; |
michael@0 | 915 | } |
michael@0 | 916 | |
michael@0 | 917 | #afui .button.next::after { |
michael@0 | 918 | color:black; |
michael@0 | 919 | z-index: -1; |
michael@0 | 920 | font-size:22px; |
michael@0 | 921 | position: absolute; |
michael@0 | 922 | top: 6px; |
michael@0 | 923 | right: -25px; |
michael@0 | 924 | text-align: center; |
michael@0 | 925 | border-radius:0; |
michael@0 | 926 | border: none; |
michael@0 | 927 | border-color:transparent; |
michael@0 | 928 | box-shadow: none; |
michael@0 | 929 | -webkit-transform: none; |
michael@0 | 930 | transform: none; |
michael@0 | 931 | font-family: 'chevron'; |
michael@0 | 932 | speak: none; |
michael@0 | 933 | font-style: normal; |
michael@0 | 934 | font-weight: normal; |
michael@0 | 935 | font-variant: normal; |
michael@0 | 936 | text-transform: none; |
michael@0 | 937 | line-height: 1; |
michael@0 | 938 | -webkit-font-smoothing: antialiased; |
michael@0 | 939 | content: "\f054"; |
michael@0 | 940 | background-color: transparent; |
michael@0 | 941 | } |
michael@0 | 942 | |
michael@0 | 943 | #afui .afPopup { |
michael@0 | 944 | border: solid 1px #33B5E5; |
michael@0 | 945 | -webkit-border-radius: 5px; |
michael@0 | 946 | border-radius: 5px; |
michael@0 | 947 | background:inherit; |
michael@0 | 948 | color:inherit; |
michael@0 | 949 | } |
michael@0 | 950 | |
michael@0 | 951 | #afui .afPopup>FOOTER>A{ |
michael@0 | 952 | width: 120px; |
michael@0 | 953 | } |
michael@0 | 954 | |
michael@0 | 955 | #afui #af_actionsheet { |
michael@0 | 956 | background:#0190d6; |
michael@0 | 957 | color:inherit; |
michael@0 | 958 | } |
michael@0 | 959 | |
michael@0 | 960 | #afui #af_actionsheet a{ |
michael@0 | 961 | border-radius:0; |
michael@0 | 962 | -webkit-border-radius:0; |
michael@0 | 963 | color:black; |
michael@0 | 964 | background:white; |
michael@0 | 965 | border:none; |
michael@0 | 966 | text-shadow:none; |
michael@0 | 967 | } |
michael@0 | 968 | |
michael@0 | 969 | #afui .list { |
michael@0 | 970 | margin: 0px; |
michael@0 | 971 | padding: 0px; |
michael@0 | 972 | margin-bottom: 10px; |
michael@0 | 973 | list-style: none; |
michael@0 | 974 | background-color: #fff; |
michael@0 | 975 | box-sizing: border-box; |
michael@0 | 976 | -webkit-box-sizing: border-box; |
michael@0 | 977 | |
michael@0 | 978 | } |
michael@0 | 979 | #afui .list li { |
michael@0 | 980 | display: block; |
michael@0 | 981 | list-style: none; |
michael@0 | 982 | position: relative; |
michael@0 | 983 | padding: 20px 20px 20px 10px; |
michael@0 | 984 | border-bottom: 1px solid #ccc; |
michael@0 | 985 | } |
michael@0 | 986 | #afui .list li:first-child { |
michael@0 | 987 | border-top: 1px solid #ccc; |
michael@0 | 988 | } |
michael@0 | 989 | #afui .list > li > a { |
michael@0 | 990 | display: block; |
michael@0 | 991 | position: relative; |
michael@0 | 992 | display: block; |
michael@0 | 993 | color: inherit; |
michael@0 | 994 | margin: -20px -20px -20px -10px; |
michael@0 | 995 | text-decoration: none; |
michael@0 | 996 | padding: 20px 20px 20px 10px; |
michael@0 | 997 | } |
michael@0 | 998 | #afui .list a .af-badge { |
michael@0 | 999 | position: absolute; |
michael@0 | 1000 | right: 30px; |
michael@0 | 1001 | top: 48%; |
michael@0 | 1002 | margin-top: -10px; |
michael@0 | 1003 | } |
michael@0 | 1004 | #afui .list > li > a:after { |
michael@0 | 1005 | position: absolute; |
michael@0 | 1006 | right: 8px; |
michael@0 | 1007 | font-family: 'chevron'; |
michael@0 | 1008 | speak: none; |
michael@0 | 1009 | font-style: normal; |
michael@0 | 1010 | font-weight: normal; |
michael@0 | 1011 | font-variant: normal; |
michael@0 | 1012 | text-transform: none; |
michael@0 | 1013 | line-height: 1; |
michael@0 | 1014 | -webkit-font-smoothing: antialiased; |
michael@0 | 1015 | content: "\f054"; |
michael@0 | 1016 | top: 50%; |
michael@0 | 1017 | margin-top: -0.5em; |
michael@0 | 1018 | color:inherit; |
michael@0 | 1019 | } |
michael@0 | 1020 | #afui .list .divider { |
michael@0 | 1021 | position: relative; |
michael@0 | 1022 | top: -1px; |
michael@0 | 1023 | padding-top: 6px; |
michael@0 | 1024 | padding-bottom: 6px; |
michael@0 | 1025 | font-size: 12px; |
michael@0 | 1026 | font-weight: bold; |
michael@0 | 1027 | line-height: 18px; |
michael@0 | 1028 | background-color: #dfe0e2; |
michael@0 | 1029 | border-top: 1px solid #ccc; |
michael@0 | 1030 | border-bottom: 1px solid #ccc; |
michael@0 | 1031 | box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4); |
michael@0 | 1032 | padding-right: 60px; |
michael@0 | 1033 | } |
michael@0 | 1034 | #afui .list.inset { |
michael@0 | 1035 | border: 1px solid #ccc; |
michael@0 | 1036 | border-radius: 6px; |
michael@0 | 1037 | margin: 10px; |
michael@0 | 1038 | } |
michael@0 | 1039 | #afui .list.inset li:first-child { |
michael@0 | 1040 | border-top: none; |
michael@0 | 1041 | } |
michael@0 | 1042 | #afui .list.inset li:last-child { |
michael@0 | 1043 | border-bottom: none; |
michael@0 | 1044 | } |
michael@0 | 1045 | #afui select, |
michael@0 | 1046 | #afui textarea, |
michael@0 | 1047 | #afui input[type="text"], |
michael@0 | 1048 | #afui input[type=search], |
michael@0 | 1049 | #afui input[type="password"], |
michael@0 | 1050 | #afui input[type="datetime"], |
michael@0 | 1051 | #afui input[type="datetime-local"], |
michael@0 | 1052 | #afui input[type="date"], |
michael@0 | 1053 | #afui input[type="month"], |
michael@0 | 1054 | #afui input[type="time"], |
michael@0 | 1055 | #afui input[type="week"], |
michael@0 | 1056 | #afui input[type="number"], |
michael@0 | 1057 | #afui input[type="email"], |
michael@0 | 1058 | #afui input[type="url"], |
michael@0 | 1059 | #afui input[type="tel"], |
michael@0 | 1060 | #afui input[type="color"], |
michael@0 | 1061 | #afui .input-group { |
michael@0 | 1062 | width: 100%; |
michael@0 | 1063 | height: 40px; |
michael@0 | 1064 | padding: 10px; |
michael@0 | 1065 | margin-bottom: 10px; |
michael@0 | 1066 | background: #fff; |
michael@0 | 1067 | border: 1px solid #ccc; |
michael@0 | 1068 | border-radius: 5px; |
michael@0 | 1069 | font-size: 14px; |
michael@0 | 1070 | font-weight: normal; |
michael@0 | 1071 | -webkit-appearance: none; |
michael@0 | 1072 | box-sizing: border-box; |
michael@0 | 1073 | } |
michael@0 | 1074 | #afui form { |
michael@0 | 1075 | position: relative; |
michael@0 | 1076 | } |
michael@0 | 1077 | #afui input[type="radio"], |
michael@0 | 1078 | #afui input[type="checkbox"] { |
michael@0 | 1079 | display: none; |
michael@0 | 1080 | } |
michael@0 | 1081 | #afui input[type="radio"] + label, |
michael@0 | 1082 | #afui input[type="checkbox"] + label { |
michael@0 | 1083 | display: inline-block; |
michael@0 | 1084 | width: 60%; |
michael@0 | 1085 | float: right; |
michael@0 | 1086 | position: relative; |
michael@0 | 1087 | text-align: left; |
michael@0 | 1088 | padding: 10px 0 0 0; |
michael@0 | 1089 | } |
michael@0 | 1090 | #afui input[type="radio"]:not(.toggle) + label:before { |
michael@0 | 1091 | background-color: #fafafa; |
michael@0 | 1092 | border: 1px solid #cacece; |
michael@0 | 1093 | border-radius: 50px; |
michael@0 | 1094 | display: block; |
michael@0 | 1095 | position: absolute; |
michael@0 | 1096 | width: 1.3em; |
michael@0 | 1097 | height: 1.3em; |
michael@0 | 1098 | content: ''; |
michael@0 | 1099 | margin-right: 5px; |
michael@0 | 1100 | top: 8px; |
michael@0 | 1101 | margin-left: -25px; |
michael@0 | 1102 | } |
michael@0 | 1103 | #afui input[type="radio"]:checked + label:before { |
michael@0 | 1104 | background-color: #000000; |
michael@0 | 1105 | } |
michael@0 | 1106 | #afui input[type="checkbox"] + label:before { |
michael@0 | 1107 | background-color: #fafafa; |
michael@0 | 1108 | border: 1px solid #cacece; |
michael@0 | 1109 | border-radius: 3px; |
michael@0 | 1110 | display: block; |
michael@0 | 1111 | position: absolute; |
michael@0 | 1112 | top: 8px; |
michael@0 | 1113 | left: -25px; |
michael@0 | 1114 | width: 1.3em; |
michael@0 | 1115 | height: 1.3em; |
michael@0 | 1116 | content: " "; |
michael@0 | 1117 | } |
michael@0 | 1118 | #afui input[type="checkbox"]:checked + label:before { |
michael@0 | 1119 | content: '\00a0\2714'; |
michael@0 | 1120 | padding: 0px; |
michael@0 | 1121 | display: inline-block; |
michael@0 | 1122 | } |
michael@0 | 1123 | #afui input[type="radio"]:after, |
michael@0 | 1124 | #afui input[type="checkbox"]:after { |
michael@0 | 1125 | visibility: hidden; |
michael@0 | 1126 | display: block; |
michael@0 | 1127 | font-size: 0; |
michael@0 | 1128 | content: " "; |
michael@0 | 1129 | clear: both; |
michael@0 | 1130 | height: 0; |
michael@0 | 1131 | } |
michael@0 | 1132 | #afui input[type="search"] { |
michael@0 | 1133 | border-radius: 20px; |
michael@0 | 1134 | } |
michael@0 | 1135 | #afui label { |
michael@0 | 1136 | float: left; |
michael@0 | 1137 | width: 33%; |
michael@0 | 1138 | font-weight: normal; |
michael@0 | 1139 | font-size: 14px; |
michael@0 | 1140 | color: inherit; |
michael@0 | 1141 | text-align: right; |
michael@0 | 1142 | padding: 11px 6px; |
michael@0 | 1143 | } |
michael@0 | 1144 | #afui label + select, |
michael@0 | 1145 | #afui label + input[type="radio"], |
michael@0 | 1146 | #afui label + input[type="checkbox"] label + textarea, |
michael@0 | 1147 | #afui label + input[type="text"], |
michael@0 | 1148 | #afui label + input[type=search], |
michael@0 | 1149 | #afui label + input[type="password"], |
michael@0 | 1150 | #afui label + input[type="datetime"], |
michael@0 | 1151 | #afui label + input[type="datetime-local"], |
michael@0 | 1152 | #afui label + input[type="date"], |
michael@0 | 1153 | #afui label + input[type="month"], |
michael@0 | 1154 | #afui label + input[type="time"], |
michael@0 | 1155 | #afui label + input[type="week"], |
michael@0 | 1156 | #afui label + input[type="number"], |
michael@0 | 1157 | #afui label + input[type="email"], |
michael@0 | 1158 | #afui label + input[type="url"], |
michael@0 | 1159 | #afui label + input[type="tel"], |
michael@0 | 1160 | #afui label + input[type="color"], |
michael@0 | 1161 | #afui label + textarea { |
michael@0 | 1162 | width: 66%; |
michael@0 | 1163 | } |
michael@0 | 1164 | #afui textarea { |
michael@0 | 1165 | height: auto; |
michael@0 | 1166 | } |
michael@0 | 1167 | #afui .input-group { |
michael@0 | 1168 | width: auto; |
michael@0 | 1169 | height: auto; |
michael@0 | 1170 | padding: 12px; |
michael@0 | 1171 | overflow: hidden; |
michael@0 | 1172 | } |
michael@0 | 1173 | #afui .input-group input:not([type='button']):not([type='submit']), |
michael@0 | 1174 | #afui .input-group textarea, |
michael@0 | 1175 | #afui .input-group select { |
michael@0 | 1176 | margin-bottom: 0; |
michael@0 | 1177 | background-color: transparent; |
michael@0 | 1178 | border: 0; |
michael@0 | 1179 | border-bottom: 1px solid #ccc; |
michael@0 | 1180 | border-radius: 0; |
michael@0 | 1181 | box-shadow: none; |
michael@0 | 1182 | } |
michael@0 | 1183 | #afui .input-group input:not([type="submit"]):not([type="button"]):last-child, |
michael@0 | 1184 | #afui .input-group textarea:last-child, |
michael@0 | 1185 | #afui .input-group select:last-child { |
michael@0 | 1186 | border-bottom: none; |
michael@0 | 1187 | } |
michael@0 | 1188 | #afui .input-group input[type=button], |
michael@0 | 1189 | #afui .input-group input[type=submit] { |
michael@0 | 1190 | margin: 5px; |
michael@0 | 1191 | } |
michael@0 | 1192 | #afui input.toggle + label:before, |
michael@0 | 1193 | #afui input.toggle:checked + label:before { |
michael@0 | 1194 | content: attr(data-on); |
michael@0 | 1195 | position: absolute; |
michael@0 | 1196 | color: #fff; |
michael@0 | 1197 | left: 5px; |
michael@0 | 1198 | width: 42px; |
michael@0 | 1199 | text-align: left; |
michael@0 | 1200 | z-index: 3; |
michael@0 | 1201 | top: 3px; |
michael@0 | 1202 | overflow: hidden; |
michael@0 | 1203 | background-color: transparent; |
michael@0 | 1204 | border: none; |
michael@0 | 1205 | border-radius: 0px; |
michael@0 | 1206 | text-transform: uppercase; |
michael@0 | 1207 | display: none; |
michael@0 | 1208 | } |
michael@0 | 1209 | #afui input.toggle:checked + label:before { |
michael@0 | 1210 | display: block; |
michael@0 | 1211 | } |
michael@0 | 1212 | #afui input.toggle + label:after { |
michael@0 | 1213 | content: attr(data-off); |
michael@0 | 1214 | position: absolute; |
michael@0 | 1215 | color: #505050; |
michael@0 | 1216 | width: 42px; |
michael@0 | 1217 | text-align: left; |
michael@0 | 1218 | z-index: 1; |
michael@0 | 1219 | top: 2px; |
michael@0 | 1220 | left: 30px; |
michael@0 | 1221 | overflow: hidden; |
michael@0 | 1222 | background-color: transparent; |
michael@0 | 1223 | border: none; |
michael@0 | 1224 | border-radius: 0px; |
michael@0 | 1225 | text-transform: uppercase; |
michael@0 | 1226 | } |
michael@0 | 1227 | #afui input.toggle:checked + label:after { |
michael@0 | 1228 | display: none; |
michael@0 | 1229 | } |
michael@0 | 1230 | #afui input[type="radio"].toggle:checked + label:before { |
michael@0 | 1231 | line-height: 1.2em; |
michael@0 | 1232 | } |
michael@0 | 1233 | #afui input.toggle + label { |
michael@0 | 1234 | position: relative; |
michael@0 | 1235 | margin: 5px; |
michael@0 | 1236 | border-radius: 50px; |
michael@0 | 1237 | display: block; |
michael@0 | 1238 | height: 24px; |
michael@0 | 1239 | width: 65px; |
michael@0 | 1240 | border: 1px solid #ccc; |
michael@0 | 1241 | left: 33%; |
michael@0 | 1242 | float: none; |
michael@0 | 1243 | } |
michael@0 | 1244 | #afui input.toggle:checked + label { |
michael@0 | 1245 | background: #1eb0e9; |
michael@0 | 1246 | line-height: -1em; |
michael@0 | 1247 | } |
michael@0 | 1248 | #afui input.toggle + label > span { |
michael@0 | 1249 | display: block; |
michael@0 | 1250 | width: 28px; |
michael@0 | 1251 | height: 28px; |
michael@0 | 1252 | background: #ccc; |
michael@0 | 1253 | border-radius: 50px; |
michael@0 | 1254 | z-index: 5; |
michael@0 | 1255 | top: -2px; |
michael@0 | 1256 | left: 0px; |
michael@0 | 1257 | position: absolute; |
michael@0 | 1258 | transition: transform 100ms linear; |
michael@0 | 1259 | transform: translate3d(0, 0, 0); |
michael@0 | 1260 | -webkit-transform: translate3d(0, 0, 0); |
michael@0 | 1261 | -webkit-transition: -webkit-transform 100ms linear; |
michael@0 | 1262 | } |
michael@0 | 1263 | #afui input.toggle:checked + label > span { |
michael@0 | 1264 | transform: translate3d(37px, 0, 0); |
michael@0 | 1265 | -webkit-transform: translate3d(37px, 0, 0); |
michael@0 | 1266 | } |
michael@0 | 1267 | #afui .formGroupHead { |
michael@0 | 1268 | font-size: 18px; |
michael@0 | 1269 | font-weight: bold; |
michael@0 | 1270 | color: inherit; |
michael@0 | 1271 | margin: 16px 0 8px; |
michael@0 | 1272 | } |
michael@0 | 1273 | |
michael@0 | 1274 | |
michael@0 | 1275 | #afui input[type=button], |
michael@0 | 1276 | #afui input[type=submit], #afui button { |
michael@0 | 1277 | font-size:inherit; |
michael@0 | 1278 | } |
michael@0 | 1279 | #afui .button { |
michael@0 | 1280 | position:relative; |
michael@0 | 1281 | display:inline-block; |
michael@0 | 1282 | padding:8px 12px; |
michael@0 | 1283 | margin:8px 0; |
michael@0 | 1284 | font-weight:bold; |
michael@0 | 1285 | color:#000; |
michael@0 | 1286 | text-align:center; |
michael@0 | 1287 | vertical-align:top; |
michael@0 | 1288 | cursor:pointer; |
michael@0 | 1289 | background-color:#eee; |
michael@0 | 1290 | border:1px solid #666; |
michael@0 | 1291 | border-radius:6px; |
michael@0 | 1292 | /*box-shadow: 0 1px 0 #fff;*/ |
michael@0 | 1293 | |
michael@0 | 1294 | text-decoration: none; |
michael@0 | 1295 | z-index:2; |
michael@0 | 1296 | } |
michael@0 | 1297 | |
michael@0 | 1298 | /* Active */ |
michael@0 | 1299 | #afui .button.pressed { background:#fff; } |
michael@0 | 1300 | |
michael@0 | 1301 | #afui .button.previous { |
michael@0 | 1302 | |
michael@0 | 1303 | margin-left:16px; |
michael@0 | 1304 | padding-left:6px; |
michael@0 | 1305 | border-color:#666 #666 transparent transparent !important; |
michael@0 | 1306 | } |
michael@0 | 1307 | #afui .button.next { |
michael@0 | 1308 | border-color:#666 transparent #666 #666 !important; |
michael@0 | 1309 | margin-right:16px; |
michael@0 | 1310 | padding-right:6px; |
michael@0 | 1311 | } |
michael@0 | 1312 | |
michael@0 | 1313 | |
michael@0 | 1314 | #afui .button.previous::after { |
michael@0 | 1315 | |
michael@0 | 1316 | z-index:-1; |
michael@0 | 1317 | content:''; |
michael@0 | 1318 | position:absolute; |
michael@0 | 1319 | width:25px; height:25px; |
michael@0 | 1320 | background-color:inherit; |
michael@0 | 1321 | top:3px; left:-11px; |
michael@0 | 1322 | border-radius:5px; |
michael@0 | 1323 | border:1px solid; |
michael@0 | 1324 | border-color:transparent transparent inherit transparent; |
michael@0 | 1325 | -webkit-transform:rotate(45deg); transform:rotate(45deg); |
michael@0 | 1326 | } |
michael@0 | 1327 | #afui .button.next::after { |
michael@0 | 1328 | z-index:-1; |
michael@0 | 1329 | content:''; |
michael@0 | 1330 | position:absolute; |
michael@0 | 1331 | width:25px; height:25px; |
michael@0 | 1332 | background-color:inherit; |
michael@0 | 1333 | top:3px; right:-11px; |
michael@0 | 1334 | border-radius:5px; |
michael@0 | 1335 | border:1px solid; |
michael@0 | 1336 | border-color:transparent transparent transparent transparent; |
michael@0 | 1337 | -webkit-transform:rotate(45deg); transform:rotate(45deg); |
michael@0 | 1338 | } |
michael@0 | 1339 | |
michael@0 | 1340 | #afui .button.block { display:block; } |
michael@0 | 1341 | |
michael@0 | 1342 | #afui .button.flat { |
michael@0 | 1343 | border-radius: 0; |
michael@0 | 1344 | box-shadow:none; |
michael@0 | 1345 | } |
michael@0 | 1346 | |
michael@0 | 1347 | #afui .header .button-grouped>.button { |
michael@0 | 1348 | margin:0; |
michael@0 | 1349 | border-color:#fff; |
michael@0 | 1350 | } |
michael@0 | 1351 | |
michael@0 | 1352 | #afui .button-grouped { |
michael@0 | 1353 | display:inline-block; |
michael@0 | 1354 | margin: 5px; |
michael@0 | 1355 | } |
michael@0 | 1356 | #afui .button-grouped * { |
michael@0 | 1357 | border-radius:0px; |
michael@0 | 1358 | float:left; |
michael@0 | 1359 | border-left:0px solid transparent; |
michael@0 | 1360 | border-right: 1px solid #666; |
michael@0 | 1361 | border-bottom: 1px solid #666; |
michael@0 | 1362 | border-top: 1px solid #666; |
michael@0 | 1363 | margin:0; |
michael@0 | 1364 | } |
michael@0 | 1365 | #afui .button-grouped > .button:first-child { |
michael@0 | 1366 | border-left: 1px solid #666; |
michael@0 | 1367 | border-top-left-radius: 6px; |
michael@0 | 1368 | border-bottom-left-radius: 6px; |
michael@0 | 1369 | } |
michael@0 | 1370 | #afui .button-grouped > .button:last-child { |
michael@0 | 1371 | border-top-right-radius: 6px; |
michael@0 | 1372 | border-bottom-right-radius: 6px; |
michael@0 | 1373 | } |
michael@0 | 1374 | |
michael@0 | 1375 | #afui .button-grouped.flex { |
michael@0 | 1376 | display: -webkit-box; |
michael@0 | 1377 | display: -moz-box; |
michael@0 | 1378 | display: -ms-flexbox; |
michael@0 | 1379 | display: -webkit-flex; |
michael@0 | 1380 | display: flex; |
michael@0 | 1381 | } |
michael@0 | 1382 | |
michael@0 | 1383 | #afui .button-grouped.flex > .button { |
michael@0 | 1384 | -webkit-box-flex: 1; |
michael@0 | 1385 | -moz-box-flex: 1 auto; |
michael@0 | 1386 | -webkit-flex: 1 auto; |
michael@0 | 1387 | -ms-flex: 1 auto; |
michael@0 | 1388 | flex: 1 auto; |
michael@0 | 1389 | |
michael@0 | 1390 | white-space: nowrap; |
michael@0 | 1391 | overflow: hidden; |
michael@0 | 1392 | text-overflow: ellipsis; |
michael@0 | 1393 | } |
michael@0 | 1394 | |
michael@0 | 1395 | #afui .button-grouped.flex.vertical { |
michael@0 | 1396 | display: inline-block; |
michael@0 | 1397 | } |
michael@0 | 1398 | |
michael@0 | 1399 | #afui .button-grouped.vertical * { |
michael@0 | 1400 | border-radius:0px; |
michael@0 | 1401 | display:block; |
michael@0 | 1402 | float:none; |
michael@0 | 1403 | width:100%; |
michael@0 | 1404 | border-left: 1px solid #666; |
michael@0 | 1405 | border-right: 1px solid #666; |
michael@0 | 1406 | border-top: 1px solid #666; |
michael@0 | 1407 | border-bottom: 0px solid #666; |
michael@0 | 1408 | } |
michael@0 | 1409 | |
michael@0 | 1410 | #afui .button-grouped.vertical > .button:first-child { |
michael@0 | 1411 | border-top-left-radius: 6px; |
michael@0 | 1412 | border-top-right-radius: 6px; |
michael@0 | 1413 | border-bottom-left-radius:0px; |
michael@0 | 1414 | border-bottom-right-radius:0px; |
michael@0 | 1415 | } |
michael@0 | 1416 | #afui .button-grouped.vertical > .button:last-child { |
michael@0 | 1417 | border-top-right-radius:0px; |
michael@0 | 1418 | border-top-left-radius:0px; |
michael@0 | 1419 | border-bottom-right-radius: 6px; |
michael@0 | 1420 | border-bottom-left-radius: 6px; |
michael@0 | 1421 | border-bottom:1px solid #666; |
michael@0 | 1422 | } |
michael@0 | 1423 | |
michael@0 | 1424 | |
michael@0 | 1425 | #afui .button.gray { |
michael@0 | 1426 | background:#999; |
michael@0 | 1427 | border-color:#666; |
michael@0 | 1428 | } |
michael@0 | 1429 | |
michael@0 | 1430 | #afui .button.yellow { |
michael@0 | 1431 | background-color:#F1C222; |
michael@0 | 1432 | border-color:#999; |
michael@0 | 1433 | } |
michael@0 | 1434 | |
michael@0 | 1435 | #afui .button.red { |
michael@0 | 1436 | color:#fff; |
michael@0 | 1437 | text-shadow:0 -1px 0 #666; |
michael@0 | 1438 | background:#B20000; |
michael@0 | 1439 | border-color:#666; |
michael@0 | 1440 | } |
michael@0 | 1441 | |
michael@0 | 1442 | #afui .button.green { |
michael@0 | 1443 | color:#fff; |
michael@0 | 1444 | text-shadow:0 -1px 0 #666; |
michael@0 | 1445 | background:#009C0C; |
michael@0 | 1446 | border-color:#666; |
michael@0 | 1447 | } |
michael@0 | 1448 | |
michael@0 | 1449 | #afui .button.orange { |
michael@0 | 1450 | color:#fff; |
michael@0 | 1451 | text-shadow:0 -1px 0 #666; |
michael@0 | 1452 | background-color:#FF8000; |
michael@0 | 1453 | border-color:#666; |
michael@0 | 1454 | } |
michael@0 | 1455 | |
michael@0 | 1456 | #afui .button.black { |
michael@0 | 1457 | color:#fff; |
michael@0 | 1458 | text-shadow:none; |
michael@0 | 1459 | background:#000; |
michael@0 | 1460 | border-color:#666; |
michael@0 | 1461 | } |
michael@0 | 1462 | |
michael@0 | 1463 | #afui .button.slate { |
michael@0 | 1464 | color:#fff; |
michael@0 | 1465 | text-shadow:0 -1px 0 #000; |
michael@0 | 1466 | background:#171F28; |
michael@0 | 1467 | border-color:#666; |
michael@0 | 1468 | } |
michael@0 | 1469 | |
michael@0 | 1470 | #afui .header .button { |
michael@0 | 1471 | color: #fff; |
michael@0 | 1472 | background:none; |
michael@0 | 1473 | border-color: transparent; |
michael@0 | 1474 | font-size:12px; |
michael@0 | 1475 | padding:7px; |
michael@0 | 1476 | height:32px; |
michael@0 | 1477 | margin:5px; |
michael@0 | 1478 | text-overflow: ellipsis; |
michael@0 | 1479 | white-space: nowrap; |
michael@0 | 1480 | } |
michael@0 | 1481 | |
michael@0 | 1482 | .header .button.icon:before{ |
michael@0 | 1483 | padding-left:6px; |
michael@0 | 1484 | } |
michael@0 | 1485 | |
michael@0 | 1486 | #afui .backButton { |
michael@0 | 1487 | text-overflow: ellipsis; |
michael@0 | 1488 | white-space: nowrap; |
michael@0 | 1489 | } |
michael@0 | 1490 | |
michael@0 | 1491 | #afui .af-badge { |
michael@0 | 1492 | position:absolute; |
michael@0 | 1493 | top:2px; right:2px; |
michael@0 | 1494 | display:inline-block; |
michael@0 | 1495 | min-width:20px; max-width:90%; height:20px; |
michael@0 | 1496 | padding:0 3px; |
michael@0 | 1497 | background-color:red; |
michael@0 | 1498 | border-radius:20px; |
michael@0 | 1499 | |
michael@0 | 1500 | font-size:12px; |
michael@0 | 1501 | line-height:19px; |
michael@0 | 1502 | font-weight:bold; |
michael@0 | 1503 | |
michael@0 | 1504 | color:#fff; |
michael@0 | 1505 | text-overflow:ellipsis; |
michael@0 | 1506 | text-align:center; |
michael@0 | 1507 | text-shadow:0 -1px 0 rgba(64,0,0,.6); |
michael@0 | 1508 | } |
michael@0 | 1509 | |
michael@0 | 1510 | #afui .af-badge.br { bottom:2px; right:2px; top:auto; left:auto; } |
michael@0 | 1511 | #afui .af-badge.bl { bottom:2px; left:2px; top:auto; right:auto; } |
michael@0 | 1512 | #afui .af-badge.tl { top:2px; left:2px; right:auto; bottom:auto; } |
michael@0 | 1513 | |
michael@0 | 1514 | |
michael@0 | 1515 | #afui .grid { |
michael@0 | 1516 | width: 100%; |
michael@0 | 1517 | overflow:hidden; /* hack to take up height*/ |
michael@0 | 1518 | } |
michael@0 | 1519 | #afui .col2, |
michael@0 | 1520 | #afui .col3, |
michael@0 | 1521 | #afui .col1-3, |
michael@0 | 1522 | #afui .col2-3 { |
michael@0 | 1523 | float: none; |
michael@0 | 1524 | width: 100%; |
michael@0 | 1525 | } |
michael@0 | 1526 | #afui .grid:after { |
michael@0 | 1527 | content: ''; |
michael@0 | 1528 | clear: both; |
michael@0 | 1529 | } |
michael@0 | 1530 | @media handheld, only screen and (min-width: 768px) { |
michael@0 | 1531 | #afui .col2 { |
michael@0 | 1532 | width: 50%; |
michael@0 | 1533 | float: left; |
michael@0 | 1534 | } |
michael@0 | 1535 | #afui .col3 { |
michael@0 | 1536 | width: 33.3%; |
michael@0 | 1537 | float: left; |
michael@0 | 1538 | } |
michael@0 | 1539 | #afui .col1-3 { |
michael@0 | 1540 | width: 33.3%; |
michael@0 | 1541 | float: left; |
michael@0 | 1542 | } |
michael@0 | 1543 | #afui .col2-3 { |
michael@0 | 1544 | width: 66.6%; |
michael@0 | 1545 | float: left; |
michael@0 | 1546 | } |
michael@0 | 1547 | } |
michael@0 | 1548 | /* Bg #33B5E5 |
michael@0 | 1549 | |
michael@0 | 1550 | /* Font header #C6C6C6 |
michael@0 | 1551 | * reg white-space: |
michael@0 | 1552 | |
michael@0 | 1553 | border 303030 |
michael@0 | 1554 | hover : #111 |
michael@0 | 1555 | |
michael@0 | 1556 | */ |
michael@0 | 1557 | |
michael@0 | 1558 | #afui.android { |
michael@0 | 1559 | font:14px 'Roboto',sans-serif; |
michael@0 | 1560 | background:#000; |
michael@0 | 1561 | color:#fff; |
michael@0 | 1562 | border-color:#fff; |
michael@0 | 1563 | } |
michael@0 | 1564 | |
michael@0 | 1565 | #afui.android.light { |
michael@0 | 1566 | background:#FDFDFD; |
michael@0 | 1567 | color:#000; |
michael@0 | 1568 | } |
michael@0 | 1569 | |
michael@0 | 1570 | #afui.android .header { |
michael@0 | 1571 | background:inherit; |
michael@0 | 1572 | color:inherit; |
michael@0 | 1573 | border-color:#33B5E5; |
michael@0 | 1574 | } |
michael@0 | 1575 | |
michael@0 | 1576 | #afui.android .header .button { |
michael@0 | 1577 | color: inherit; |
michael@0 | 1578 | background:none; |
michael@0 | 1579 | font-size:14px; |
michael@0 | 1580 | box-shadow:none; |
michael@0 | 1581 | } |
michael@0 | 1582 | |
michael@0 | 1583 | #afui.android .backButton{ |
michael@0 | 1584 | background: inherit; |
michael@0 | 1585 | color:inherit; |
michael@0 | 1586 | } |
michael@0 | 1587 | |
michael@0 | 1588 | #afui.android .menuButton:after { |
michael@0 | 1589 | border-color:white; |
michael@0 | 1590 | } |
michael@0 | 1591 | |
michael@0 | 1592 | #afui.android.light .menuButton:after { |
michael@0 | 1593 | border-color:black; |
michael@0 | 1594 | } |
michael@0 | 1595 | |
michael@0 | 1596 | #afui.android .footer { |
michael@0 | 1597 | box-shadow: none; |
michael@0 | 1598 | background:inherit; |
michael@0 | 1599 | border-top:2px solid #33B5E5; |
michael@0 | 1600 | border-bottom:none; |
michael@0 | 1601 | padding:0; |
michael@0 | 1602 | } |
michael@0 | 1603 | |
michael@0 | 1604 | #afui.android .footer>footer>a:not(.button) { |
michael@0 | 1605 | color:inherit; |
michael@0 | 1606 | top:0px; |
michael@0 | 1607 | } |
michael@0 | 1608 | |
michael@0 | 1609 | #afui.android .footer>footer>a.pressed:not(.button) { |
michael@0 | 1610 | border:0px; |
michael@0 | 1611 | border-top:4px solid #33B5E5; |
michael@0 | 1612 | border-radius:0px; |
michael@0 | 1613 | background:none; |
michael@0 | 1614 | } |
michael@0 | 1615 | |
michael@0 | 1616 | #afui.android .footer>footer>a.icon.pressed:not(.button):before { |
michael@0 | 1617 | color:inherit; |
michael@0 | 1618 | } |
michael@0 | 1619 | |
michael@0 | 1620 | #afui.android .af-badge { |
michael@0 | 1621 | border:none; |
michael@0 | 1622 | } |
michael@0 | 1623 | |
michael@0 | 1624 | #afui.android .panel, #afui.android #modalContainer { |
michael@0 | 1625 | background:inherit; |
michael@0 | 1626 | color:inherit; |
michael@0 | 1627 | } |
michael@0 | 1628 | |
michael@0 | 1629 | #afui.android .list { |
michael@0 | 1630 | background:inherit; |
michael@0 | 1631 | color:inherit; |
michael@0 | 1632 | border-color:#303030; |
michael@0 | 1633 | } |
michael@0 | 1634 | |
michael@0 | 1635 | #afui.android .list .divider { color:black; } |
michael@0 | 1636 | |
michael@0 | 1637 | #afui.android .panel h2 { color:inherit; } |
michael@0 | 1638 | |
michael@0 | 1639 | |
michael@0 | 1640 | #afui.android .collapsed:after {border-top: 6px solid;} |
michael@0 | 1641 | #afui.android .collapsed:before {border:2px solid;} |
michael@0 | 1642 | #afui.android .expanded:after {border-bottom: 6px solid;} |
michael@0 | 1643 | #afui.android .expanded:before {border:2px solid;} |
michael@0 | 1644 | |
michael@0 | 1645 | #afui.android .collapsed:before,#afui.android .expanded:before { |
michael@0 | 1646 | border-color: inherit; |
michael@0 | 1647 | } |
michael@0 | 1648 | |
michael@0 | 1649 | #afui.android .collapsed:after, |
michael@0 | 1650 | #afui.android .expanded:after{ |
michael@0 | 1651 | border-top-color:inherit; |
michael@0 | 1652 | border-top-color:inherit; |
michael@0 | 1653 | } |
michael@0 | 1654 | |
michael@0 | 1655 | #afui.android .afScrollbar {background:white !important;} |
michael@0 | 1656 | #afui.android.light .afScrollbar {background:black !important;} |
michael@0 | 1657 | |
michael@0 | 1658 | #afui.android select, #afui.android textarea, #afui.android input[type="text"], |
michael@0 | 1659 | #afui.android input[type=search], #afui.android input[type="password"], |
michael@0 | 1660 | #afui.android input[type="datetime"], #afui.android input[type="datetime-local"], |
michael@0 | 1661 | #afui.android input[type="date"], #afui.android input[type="month"], |
michael@0 | 1662 | #afui.android input[type="time"], #afui.android input[type="week"], |
michael@0 | 1663 | #afui.android input[type="number"], #afui.android input[type="email"], |
michael@0 | 1664 | #afui.android input[type="url"], #afui.android input[type="tel"], |
michael@0 | 1665 | #afui.android input[type="color"], #afui.android .input-group { |
michael@0 | 1666 | background:inherit; |
michael@0 | 1667 | color:inherit; |
michael@0 | 1668 | } |
michael@0 | 1669 | |
michael@0 | 1670 | #afui.android input[type="range"] { |
michael@0 | 1671 | -webkit-appearance: none; |
michael@0 | 1672 | background-color: #ccc; |
michael@0 | 1673 | height: 4px; |
michael@0 | 1674 | position: relative; |
michael@0 | 1675 | top: -10px; |
michael@0 | 1676 | margin-top: 15px; |
michael@0 | 1677 | } |
michael@0 | 1678 | |
michael@0 | 1679 | #afui.android input[type="range"]::-webkit-slider-thumb { |
michael@0 | 1680 | -webkit-appearance: none; |
michael@0 | 1681 | position: relative; |
michael@0 | 1682 | |
michael@0 | 1683 | z-index: 1; |
michael@0 | 1684 | width: 11px; |
michael@0 | 1685 | height: 21px; |
michael@0 | 1686 | |
michael@0 | 1687 | -webkit-border-radius: 0; |
michael@0 | 1688 | -moz-border-radius: 0; |
michael@0 | 1689 | border-radius: 0; |
michael@0 | 1690 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); |
michael@0 | 1691 | background-image: gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); |
michael@0 | 1692 | } |
michael@0 | 1693 | |
michael@0 | 1694 | #afui.android input.toggle+label:after { color:inherit; } |
michael@0 | 1695 | |
michael@0 | 1696 | #afui.android input.toggle+label { border-radius:0; } |
michael@0 | 1697 | |
michael@0 | 1698 | #afui.android input.toggle+label > span { |
michael@0 | 1699 | border-radius:0; |
michael@0 | 1700 | top:0; |
michael@0 | 1701 | width:27px; |
michael@0 | 1702 | height:23px; |
michael@0 | 1703 | } |
michael@0 | 1704 | |
michael@0 | 1705 | #afui.android label { color:inherit; } |
michael@0 | 1706 | |
michael@0 | 1707 | #afui.android input[type="radio"]:checked+label:before,#afui.android input[type="checkbox"]:checked+label:before { |
michael@0 | 1708 | background: #33B5E5; |
michael@0 | 1709 | } |
michael@0 | 1710 | |
michael@0 | 1711 | #afui.android > #aside_menu, |
michael@0 | 1712 | #afui.android > #menu { |
michael@0 | 1713 | border-right:1px solid rgba(128,128,128,0.5); |
michael@0 | 1714 | color:inherit; |
michael@0 | 1715 | background:inherit; |
michael@0 | 1716 | } |
michael@0 | 1717 | |
michael@0 | 1718 | #afui.android #aside_menu .list li, |
michael@0 | 1719 | #afui.android #menu .list li { |
michael@0 | 1720 | box-shadow:none; |
michael@0 | 1721 | border-color:#ccc; |
michael@0 | 1722 | } |
michael@0 | 1723 | |
michael@0 | 1724 | #afui.android #aside_menu .list .divider, |
michael@0 | 1725 | #afui.android #menu .list .divider { |
michael@0 | 1726 | background:inherit; |
michael@0 | 1727 | color:inherit; |
michael@0 | 1728 | font-size: 1em; |
michael@0 | 1729 | } |
michael@0 | 1730 | |
michael@0 | 1731 | #afui.android #aside_menu .list > li > a, |
michael@0 | 1732 | #afui.android #menu .list > li > a { |
michael@0 | 1733 | background:inherit; |
michael@0 | 1734 | color:inherit; |
michael@0 | 1735 | font-size: 1em; |
michael@0 | 1736 | } |
michael@0 | 1737 | |
michael@0 | 1738 | #afui.android #aside_menu .list, |
michael@0 | 1739 | #afui.android #menu .list { |
michael@0 | 1740 | font-weight: normal; |
michael@0 | 1741 | } |
michael@0 | 1742 | |
michael@0 | 1743 | #afui.android .button { |
michael@0 | 1744 | border-radius:0; |
michael@0 | 1745 | border:none; |
michael@0 | 1746 | background:#424343; |
michael@0 | 1747 | border-color:transparent; |
michael@0 | 1748 | color:inherit; |
michael@0 | 1749 | text-shadow:none; |
michael@0 | 1750 | box-shadow: inset 0 1px 0 rgba(255,255,255,.4); |
michael@0 | 1751 | } |
michael@0 | 1752 | |
michael@0 | 1753 | #afui.android.light .button { |
michael@0 | 1754 | background:#eee; |
michael@0 | 1755 | border-color:#D1D1D1; |
michael@0 | 1756 | } |
michael@0 | 1757 | |
michael@0 | 1758 | #afui.android .button.pressed, |
michael@0 | 1759 | #afui.android .header .button-grouped > .button.pressed { |
michael@0 | 1760 | background:#33B5E5; |
michael@0 | 1761 | border-color:#33B5E5; |
michael@0 | 1762 | } |
michael@0 | 1763 | |
michael@0 | 1764 | #afui.android .button.previous::after { |
michael@0 | 1765 | width:20px; height:20px; |
michael@0 | 1766 | background-color:inherit; |
michael@0 | 1767 | top:5px; left:-12px; |
michael@0 | 1768 | border-radius:0; |
michael@0 | 1769 | box-shadow:none; |
michael@0 | 1770 | border-color:transparent; |
michael@0 | 1771 | } |
michael@0 | 1772 | |
michael@0 | 1773 | #afui.android .button.next::after { |
michael@0 | 1774 | width:20px; height:20px; |
michael@0 | 1775 | background-color:inherit; |
michael@0 | 1776 | top:5px; right:-12px; |
michael@0 | 1777 | border-radius:0; |
michael@0 | 1778 | box-shadow:none; |
michael@0 | 1779 | border-color:transparent; |
michael@0 | 1780 | } |
michael@0 | 1781 | |
michael@0 | 1782 | #afui.android .header .button-grouped > .button { |
michael@0 | 1783 | border-color:#777; |
michael@0 | 1784 | } |
michael@0 | 1785 | |
michael@0 | 1786 | #afui.android .button-grouped * { |
michael@0 | 1787 | border:1px solid rgba(255,255,255,.25); |
michael@0 | 1788 | border-left-width:0; |
michael@0 | 1789 | box-shadow:none; |
michael@0 | 1790 | } |
michael@0 | 1791 | |
michael@0 | 1792 | #afui.android .button-grouped.vertical * { |
michael@0 | 1793 | border-left:1px solid rgba(255,255,255,.25); |
michael@0 | 1794 | border-bottom-width:0; |
michael@0 | 1795 | } |
michael@0 | 1796 | |
michael@0 | 1797 | #afui.android .button-grouped.vertical .button:last-child { |
michael@0 | 1798 | border-bottom:1px solid rgba(255,255,255,.25); |
michael@0 | 1799 | } |
michael@0 | 1800 | |
michael@0 | 1801 | #afui.android .afPopup { |
michael@0 | 1802 | border: solid 1px #aaa; |
michael@0 | 1803 | padding: 0; |
michael@0 | 1804 | -webkit-border-radius: 0; |
michael@0 | 1805 | border-radius: 0; |
michael@0 | 1806 | -webkit-transform:none; |
michael@0 | 1807 | transform:none; |
michael@0 | 1808 | -webkit-transition: none; |
michael@0 | 1809 | transition:none; |
michael@0 | 1810 | background:inherit; |
michael@0 | 1811 | background-color:rgba(0,0,0,0.9); |
michael@0 | 1812 | color:inherit; |
michael@0 | 1813 | } |
michael@0 | 1814 | |
michael@0 | 1815 | #afui.android.light .afPopup { |
michael@0 | 1816 | background-color:rgba(255,255,255,0.9); |
michael@0 | 1817 | } |
michael@0 | 1818 | |
michael@0 | 1819 | #afui.android .afPopup>HEADER{ |
michael@0 | 1820 | font-weight:normal; |
michael@0 | 1821 | font-size:20px; |
michael@0 | 1822 | text-align:left; |
michael@0 | 1823 | padding:10px; |
michael@0 | 1824 | } |
michael@0 | 1825 | |
michael@0 | 1826 | #afui.android .afPopup>DIV{ |
michael@0 | 1827 | font-size:14px; |
michael@0 | 1828 | text-align:left; |
michael@0 | 1829 | padding:10px; |
michael@0 | 1830 | margin:0; |
michael@0 | 1831 | border-top: solid 1px #aaa; |
michael@0 | 1832 | border-bottom: solid 1px #aaa; |
michael@0 | 1833 | } |
michael@0 | 1834 | |
michael@0 | 1835 | #afui.android .afPopup>FOOTER { |
michael@0 | 1836 | background:#bbb; |
michael@0 | 1837 | } |
michael@0 | 1838 | |
michael@0 | 1839 | #afui.android .afPopup>FOOTER>A, #afui.android.light .afPopup>FOOTER>A { |
michael@0 | 1840 | background:#fff; |
michael@0 | 1841 | color:#111; |
michael@0 | 1842 | } |
michael@0 | 1843 | |
michael@0 | 1844 | #afui.android .afPopup>FOOTER>A#cancel{ |
michael@0 | 1845 | margin-left:10px; |
michael@0 | 1846 | width:120px; |
michael@0 | 1847 | } |
michael@0 | 1848 | |
michael@0 | 1849 | #afui.android .afPopup>FOOTER>A#action{ |
michael@0 | 1850 | margin-right:10px; |
michael@0 | 1851 | width:120px; |
michael@0 | 1852 | } |
michael@0 | 1853 | |
michael@0 | 1854 | #afui.android .afPopup>FOOTER>A.center{ |
michael@0 | 1855 | margin:8px; |
michael@0 | 1856 | } |
michael@0 | 1857 | |
michael@0 | 1858 | #afui.android #af_actionsheet { |
michael@0 | 1859 | border: #666 1px solid; |
michael@0 | 1860 | border-top: #33B5E5 3px solid; |
michael@0 | 1861 | background:#555; |
michael@0 | 1862 | color:inherit; |
michael@0 | 1863 | margin:-20px 20px 0 20px; |
michael@0 | 1864 | padding:0px; |
michael@0 | 1865 | } |
michael@0 | 1866 | |
michael@0 | 1867 | #afui.android.light #af_actionsheet { |
michael@0 | 1868 | border: #bbb 1px solid; |
michael@0 | 1869 | border-top: #33B5E5 3px solid; |
michael@0 | 1870 | background:#bbb; |
michael@0 | 1871 | } |
michael@0 | 1872 | |
michael@0 | 1873 | #afui.android #af_actionsheet a{ |
michael@0 | 1874 | border-radius:0; |
michael@0 | 1875 | -webkit-border-radius:0; |
michael@0 | 1876 | border:0px solid #777; |
michael@0 | 1877 | background:#424343; |
michael@0 | 1878 | color:inherit; |
michael@0 | 1879 | line-height: 50px; |
michael@0 | 1880 | margin-bottom: 1px; |
michael@0 | 1881 | } |
michael@0 | 1882 | |
michael@0 | 1883 | #afui.android.light #af_actionsheet a{ |
michael@0 | 1884 | background:#fff; |
michael@0 | 1885 | } |
michael@0 | 1886 | |
michael@0 | 1887 | #afui.android #af_actionsheet a.cancel{ |
michael@0 | 1888 | margin-bottom: 0px; |
michael@0 | 1889 | } |
michael@0 | 1890 | |
michael@0 | 1891 | /* Bg #00ABA9 |
michael@0 | 1892 | |
michael@0 | 1893 | /* Font header #C6C6C6 |
michael@0 | 1894 | * reg white-space: |
michael@0 | 1895 | |
michael@0 | 1896 | border 303030 |
michael@0 | 1897 | hover : #111 |
michael@0 | 1898 | |
michael@0 | 1899 | */ |
michael@0 | 1900 | @-ms-viewport{ |
michael@0 | 1901 | width: device-width; |
michael@0 | 1902 | } |
michael@0 | 1903 | @font-face { |
michael@0 | 1904 | font-family: 'win8back'; |
michael@0 | 1905 | src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAARUAAsAAAAABmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAS4AAAGZpdvO1kZGVE0AAAI4AAAAGgAAABxnmGDwR0RFRgAAAlQAAAAdAAAAIAAwAARPUy8yAAACdAAAAEsAAABgL9zcQGNtYXAAAALAAAAAOgAAAVLgE/LMaGVhZAAAAvwAAAAuAAAANvx5/t1oaGVhAAADLAAAAB4AAAAkBBD/5GhtdHgAAANMAAAADAAAAAwEAAACbWF4cAAAA1gAAAAGAAAABgADUABuYW1lAAADYAAAAOgAAAGPgxEkPHBvc3QAAARIAAAADAAAACAAAwAAeJxtTj1PAkEUnD0WQbwAEomYnEdlDxbGQu0Ua+2sULFAEhIEY0WiNJisITE5G2lo6Iw1/gULKxMTSypLCz+2UMe7A6+ymTczb2bfCkgJIcTkSbm6vLe7X4EwILCm5w1th3RGKjOkTGnHMLedolIBMSOqoh3dCFtoJSwgaaE9bSFqicsUpPdGFAnMIntcLa/ncjl3bLjj70xwDhBtcY6Q1zDwIRD/dPRRmrgo3BK1wRbZcRnrHqsH8h/PD49qQTfwsvyxTyGJZt8mDp6HY/Bls18krxf8RY9s7Qw96HlecQy+9BajiB92a1nyceWGYuL7zf3yw5RB3oWeyPz72QRxeL9KXi1Jstt9UWRtkCQ6m3kXCq8eWyRKpYwKx5VuyC9HO5G4dmZUWpmxXzJhtKEAAHicY2BgYGQAgjO2i86D6LNr4wVgNABJKQZOAAB4nGNgZGBg4ANiCQYQYGJgBEIQyQLmMQAABGAANQAAAHicY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwMjPAgQCCyRCQ5prC4PCA4QMD44P/Dxj0GB8wKDQwMDDCFSgAISMAEEIMHwB4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkHDB8Y/v9HZikwCjBBdYEBIxsDMndEAgDJXAiuAAB4nGNgZGBgAGK+Bx4V8fw2Xxm4mRhA4OzaeAEE/f8BEwPjAyCXgwEsDQAU3gn7AAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQHMAG3nA/YAAAIAAAACAAACAAAAAAAAUAAAAwAAeJx9jjFOw0AQRZ8TJ4BACFHQ0KxEiWzZRomiHMAHSJHeiVaWRWRLm0QpuActZ6DlGByAM3AEvsPQUGSl0b79+2fmA1e8EtGfiHNujQec8Wg85IEX41ied+MRl3waj6V/yxnFF1Jujl09D7jm3nhIyZNxLM+b8Yg7PozH0r840NAyY0XFmmc4NO1sVa1FCzw1ezb6Cnr6er+pBCWdWnbHO8jhcRSkZLrnqv8jf9UpCRNVIV+ucJRduyu7UHtXpJmbu7/FwmkySYosl+lEvKUWB7Yy9HGchvYRWPqwbbrW5Wl2qv0H0Z06yHicY2BmwAsAAH0ABA==) format('woff'), |
michael@0 | 1906 | url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWeYYPAAAAWMAAAAHEdERUYAMgAGAAAFbAAAACBPUy8yL7rcHwAAAVgAAABWY21hcOAV89MAAAHEAAABUmdhc3D//wADAAAFZAAAAAhnbHlmEDC/5gAAAyQAAAB0aGVhZPx5/t0AAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BKoAAgAAAbAAAAAUbG9jYQAsADoAAAMYAAAADG1heHAASgAcAAABOAAAACBuYW1lgxEkPAAAA5gAAAGPcG9zdJtVPjcAAAUoAAAAPAABAAAAAQAAWPDPKV8PPPUACwIAAAAAAM2tXxAAAAAAza1fEAAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFABkAAwAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4ADwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAgAAAgAAAAAAAAADAAAAAwAAABwAAQAAAAAATAADAAEAAAAcAAQAMAAAAAgACAACAAAAAOAA8AD//wAAAADgAPAA//8AACADEAQAAQAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALAA6AAMAAv/iAf4B3gAHAA8AGAAAACIGFBYyNjQCIiY0NjIWFCU3IwcXMyczNQFp0pWV0pWgvIaGvIb+8Gtkj49ka84B3pXSlZXS/rOGvIaGvIFrjo5rRgAAAAABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAAAMAJYAAQAAAAAAAQAIABIAAQAAAAAAAgAHACsAAQAAAAAAAwAjAHsAAQAAAAAABAAIALEAAQAAAAAABQALANIAAQAAAAAABgAIAPAAAwABBAkAAQAQAAAAAwABBAkAAgAOABsAAwABBAkAAwBGADMAAwABBAkABAAQAJ8AAwABBAkABQAWALoAAwABBAkABgAQAN4AdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIAB3AGkAbgA4AGIAYQBjAGsAIAA6ACAANgAtADUALQAyADAAMQAzAABGb250Rm9yZ2UgMi4wIDogd2luOGJhY2sgOiA2LTUtMjAxMwAAdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAdwBpAG4AOABiAGEAYwBrAAB3aW44YmFjawAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgECAQMHdW5pRTAwMAd1bmlGMDAwAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAEAAEABAAAAAIAAAAAAAEAAAAAzD2izwAAAADNrV8QAAAAAM2tXxA=) format('truetype'); |
michael@0 | 1907 | font-weight: normal; |
michael@0 | 1908 | font-style: normal; |
michael@0 | 1909 | } |
michael@0 | 1910 | |
michael@0 | 1911 | |
michael@0 | 1912 | #afui.win8 { |
michael@0 | 1913 | font:14px "Segoe UI Semilight", "HelveticaNeue-light", Helvetica, Arial, sans-serif; |
michael@0 | 1914 | font-size:14px; |
michael@0 | 1915 | background-color:#000; |
michael@0 | 1916 | color:#fff; |
michael@0 | 1917 | } |
michael@0 | 1918 | |
michael@0 | 1919 | #afui.win8.light { |
michael@0 | 1920 | background:#fff; |
michael@0 | 1921 | color:#000; |
michael@0 | 1922 | } |
michael@0 | 1923 | |
michael@0 | 1924 | #afui.win8 .header .button { |
michael@0 | 1925 | color: inherit; |
michael@0 | 1926 | border-color:transparent; |
michael@0 | 1927 | font-size:14px; |
michael@0 | 1928 | } |
michael@0 | 1929 | |
michael@0 | 1930 | |
michael@0 | 1931 | |
michael@0 | 1932 | #afui.win8 .backButton.pressed { |
michael@0 | 1933 | background:inherit; |
michael@0 | 1934 | } |
michael@0 | 1935 | |
michael@0 | 1936 | #afui.win8 .backButton { |
michael@0 | 1937 | color:inherit; |
michael@0 | 1938 | background:inherit; |
michael@0 | 1939 | margin:0; |
michael@0 | 1940 | font-family: 'win8back'; |
michael@0 | 1941 | width:0px; |
michael@0 | 1942 | height:0px; |
michael@0 | 1943 | font-style: normal; |
michael@0 | 1944 | font-weight: normal; |
michael@0 | 1945 | font-variant: normal; |
michael@0 | 1946 | text-transform: none; |
michael@0 | 1947 | line-height: 1; |
michael@0 | 1948 | padding:0px; |
michael@0 | 1949 | margin:0px; |
michael@0 | 1950 | border:none; |
michael@0 | 1951 | position:absolute; |
michael@0 | 1952 | left:-185px; |
michael@0 | 1953 | -webkit-font-smoothing: antialiased; |
michael@0 | 1954 | } |
michael@0 | 1955 | |
michael@0 | 1956 | #afui.win8 .backButton::before { |
michael@0 | 1957 | content: "\e000"; |
michael@0 | 1958 | font-size:30px; |
michael@0 | 1959 | position:absolute; |
michael@0 | 1960 | top:10px; |
michael@0 | 1961 | right:-225px; |
michael@0 | 1962 | left:auto; |
michael@0 | 1963 | color:inherit; |
michael@0 | 1964 | font-family:inherit; |
michael@0 | 1965 | -webkit-transform:none; |
michael@0 | 1966 | transform:none; |
michael@0 | 1967 | } |
michael@0 | 1968 | |
michael@0 | 1969 | #afui.win8 .header h1 { |
michael@0 | 1970 | text-align: left; |
michael@0 | 1971 | color:inherit; |
michael@0 | 1972 | } |
michael@0 | 1973 | |
michael@0 | 1974 | #afui.win8 .header{ |
michael@0 | 1975 | border:0px; |
michael@0 | 1976 | background: inherit; |
michael@0 | 1977 | border-bottom:inherit; |
michael@0 | 1978 | color:inherit; |
michael@0 | 1979 | } |
michael@0 | 1980 | |
michael@0 | 1981 | #afui.win8 .footer { |
michael@0 | 1982 | padding:0px; |
michael@0 | 1983 | background:inherit; |
michael@0 | 1984 | text-align: center; |
michael@0 | 1985 | height:65px; |
michael@0 | 1986 | background:rgba(33,32,33,.9); |
michael@0 | 1987 | border-top:none; |
michael@0 | 1988 | } |
michael@0 | 1989 | |
michael@0 | 1990 | #afui.win8.light .footer{ |
michael@0 | 1991 | background:#F2F2F2; |
michael@0 | 1992 | color:black; |
michael@0 | 1993 | } |
michael@0 | 1994 | |
michael@0 | 1995 | #afui.win8 .footer>footer>a:not(.button) { |
michael@0 | 1996 | position: relative; |
michael@0 | 1997 | width: 56px !important; |
michael@0 | 1998 | height: 56px; |
michael@0 | 1999 | display: inline-block; |
michael@0 | 2000 | font: normal 9px/85px Segoe WP, Segoe UI, Verdana, Helvetica, Sans-Serif; |
michael@0 | 2001 | text-decoration: none; |
michael@0 | 2002 | color: inherit; |
michael@0 | 2003 | text-align: center; |
michael@0 | 2004 | text-shadow: 0 0 rgba(0, 0, 0, 0); |
michael@0 | 2005 | overflow: hidden; |
michael@0 | 2006 | background:inherit; |
michael@0 | 2007 | -webkit-backface-visibility: hidden; |
michael@0 | 2008 | -webkit-perspective: 1000; |
michael@0 | 2009 | } |
michael@0 | 2010 | |
michael@0 | 2011 | #afui.win8.light .footer>footer>a:not(.button) { |
michael@0 | 2012 | text-shadow: 0 0 rgba(0, 0, 0, 0); |
michael@0 | 2013 | } |
michael@0 | 2014 | |
michael@0 | 2015 | #afui.win8 .footer>footer>a.icon.pressed:not(.button):before { |
michael@0 | 2016 | background-color: #00ABA9; |
michael@0 | 2017 | } |
michael@0 | 2018 | |
michael@0 | 2019 | #afui.win8 .footer>footer>a.icon:not(.button):before { |
michael@0 | 2020 | top: 0px; |
michael@0 | 2021 | left: 10px; |
michael@0 | 2022 | font-size:19px; |
michael@0 | 2023 | width:auto; |
michael@0 | 2024 | padding: 5px; |
michael@0 | 2025 | border: 3px solid #fff; |
michael@0 | 2026 | border-radius: 20px; |
michael@0 | 2027 | } |
michael@0 | 2028 | |
michael@0 | 2029 | #afui.win8.light .footer>footer>a.icon:not(.button):before { |
michael@0 | 2030 | border: 3px solid #000; |
michael@0 | 2031 | } |
michael@0 | 2032 | |
michael@0 | 2033 | #afui.win8 .footer>footer>a:not(:last-of-type):not(.button){ |
michael@0 | 2034 | border:none; |
michael@0 | 2035 | } |
michael@0 | 2036 | |
michael@0 | 2037 | #afui.win8 .af-badge { |
michael@0 | 2038 | border:none; |
michael@0 | 2039 | } |
michael@0 | 2040 | |
michael@0 | 2041 | #afui.win8 #content,#afui.win8 #content > .panel { |
michael@0 | 2042 | background:inherit; |
michael@0 | 2043 | color:inherit; |
michael@0 | 2044 | } |
michael@0 | 2045 | |
michael@0 | 2046 | #afui.win8 .list { |
michael@0 | 2047 | background:inherit; |
michael@0 | 2048 | color:inherit; |
michael@0 | 2049 | border-color:#303030; |
michael@0 | 2050 | } |
michael@0 | 2051 | |
michael@0 | 2052 | #afui.win8 .list .divider, #afui.win8 #menu.tabletMenu .list .divider { |
michael@0 | 2053 | background:#00ABA9; |
michael@0 | 2054 | padding:5px; |
michael@0 | 2055 | display:inline; |
michael@0 | 2056 | font-size:16px; |
michael@0 | 2057 | font-weight:normal; |
michael@0 | 2058 | border-top:none; |
michael@0 | 2059 | border-bottom:none; |
michael@0 | 2060 | color:inherit; |
michael@0 | 2061 | } |
michael@0 | 2062 | |
michael@0 | 2063 | #afui.win8 .list li { |
michael@0 | 2064 | border-top:none; |
michael@0 | 2065 | border-bottom:none; |
michael@0 | 2066 | font-size:20px; |
michael@0 | 2067 | } |
michael@0 | 2068 | |
michael@0 | 2069 | #afui.win8 .panel h2 { |
michael@0 | 2070 | color:inherit; |
michael@0 | 2071 | font-weight:normal; |
michael@0 | 2072 | font-size:34px; |
michael@0 | 2073 | line-height:34px; |
michael@0 | 2074 | height:auto; |
michael@0 | 2075 | } |
michael@0 | 2076 | |
michael@0 | 2077 | #afui.win8 .collapsed:after {border-top: 6px solid;} |
michael@0 | 2078 | #afui.win8 .collapsed:before {border:2px solid;} |
michael@0 | 2079 | #afui.win8 .expanded:after {border-bottom: 6px solid;} |
michael@0 | 2080 | #afui.win8 .expanded:before {border:2px solid;} |
michael@0 | 2081 | |
michael@0 | 2082 | #afui.win8 .collapsed:before,#afui.win8 .expanded:before { |
michael@0 | 2083 | border-color: inherit; |
michael@0 | 2084 | } |
michael@0 | 2085 | |
michael@0 | 2086 | #afui.win8 .collapsed:after, |
michael@0 | 2087 | #afui.win8 .expanded:after{ |
michael@0 | 2088 | border-top-color:inherit; |
michael@0 | 2089 | border-top-color:inherit; |
michael@0 | 2090 | } |
michael@0 | 2091 | |
michael@0 | 2092 | #afui.win8 .afScrollbar {background:white !important;} |
michael@0 | 2093 | #afui.win8.light .afScrollbar {background:black !important;} |
michael@0 | 2094 | |
michael@0 | 2095 | #afui.win8 select, #afui.win8 textarea, #afui.win8 input[type="text"], #afui.win8 input[type="search"], #afui.win8 input[type="password"], #afui.win8 input[type="datetime"], #afui.win8 input[type="datetime-local"], #afui.win8 input[type="date"], #afui.win8 input[type="month"], #afui.win8 input[type="time"], #afui.win8 input[type="week"], #afui.win8 input[type="number"], #afui.win8 input[type="email"], #afui.win8 input[type="url"], #afui.win8 input[type="tel"], #afui.win8 input[type="color"], #afui.win8 .input-group { |
michael@0 | 2096 | background:black; |
michael@0 | 2097 | color:inherit; |
michael@0 | 2098 | } |
michael@0 | 2099 | |
michael@0 | 2100 | #afui.win8.light select, #afui.win8.light textarea, #afui.win8.light input[type="text"], #afui.win8.light input[type="search"], #afui.win8.light input[type="password"], #afui.win8.light input[type="datetime"], #afui.win8.light input[type="datetime-local"], #afui.win8.light input[type="date"], #afui.win8.light input[type="month"], #afui.win8.light input[type="time"], #afui.win8.light input[type="week"], #afui.win8.light input[type="number"], #afui.win8.light input[type="email"], #afui.win8.light input[type="url"], #afui.win8.light input[type="tel"], #afui.win8.light input[type="color"], #afui.win8.light .input-group { |
michael@0 | 2101 | background:white; |
michael@0 | 2102 | } |
michael@0 | 2103 | |
michael@0 | 2104 | #afui.win8 input.toggle+label:after { |
michael@0 | 2105 | color:inherit; |
michael@0 | 2106 | } |
michael@0 | 2107 | |
michael@0 | 2108 | #afui.win8 input.toggle+label { |
michael@0 | 2109 | border-radius:0; |
michael@0 | 2110 | } |
michael@0 | 2111 | |
michael@0 | 2112 | #afui.win8 input.toggle:checked+label { |
michael@0 | 2113 | background:#00ABA9; |
michael@0 | 2114 | } |
michael@0 | 2115 | |
michael@0 | 2116 | #afui.win8 input.toggle+label > span { |
michael@0 | 2117 | border-radius:0; |
michael@0 | 2118 | top:0; |
michael@0 | 2119 | width:27px; |
michael@0 | 2120 | height:23px; |
michael@0 | 2121 | } |
michael@0 | 2122 | |
michael@0 | 2123 | #afui.win8 input[type="radio"]:checked+label:before,#afui.win8 input[type="checkbox"]:checked+label:before { |
michael@0 | 2124 | background: #00ABA9; |
michael@0 | 2125 | } |
michael@0 | 2126 | |
michael@0 | 2127 | #afui.win8 > #menu { |
michael@0 | 2128 | border-right:1px solid rgba(128,128,128,0.5); |
michael@0 | 2129 | color:inherit; |
michael@0 | 2130 | background:inherit; |
michael@0 | 2131 | } |
michael@0 | 2132 | |
michael@0 | 2133 | #afui.win8 > #aside_menu { |
michael@0 | 2134 | border-left:1px solid rgba(128,128,128,0.5); |
michael@0 | 2135 | color:inherit; |
michael@0 | 2136 | background:inherit; |
michael@0 | 2137 | border-right:0; |
michael@0 | 2138 | } |
michael@0 | 2139 | |
michael@0 | 2140 | #afui.win8 #menu .list .divider { |
michael@0 | 2141 | padding:4px; |
michael@0 | 2142 | line-height:30px; |
michael@0 | 2143 | margin-left:10px; |
michael@0 | 2144 | } |
michael@0 | 2145 | |
michael@0 | 2146 | #afui.win8 #menu .list { |
michael@0 | 2147 | font-weight: normal; |
michael@0 | 2148 | } |
michael@0 | 2149 | |
michael@0 | 2150 | #afui.win8 #menu .list li,#afui.win8 #menu .list .divider { |
michael@0 | 2151 | box-shadow:none; |
michael@0 | 2152 | } |
michael@0 | 2153 | |
michael@0 | 2154 | #afui.win8 .button { |
michael@0 | 2155 | border-radius:0; |
michael@0 | 2156 | border:none; |
michael@0 | 2157 | background:inherit; |
michael@0 | 2158 | border:3px solid #fff; |
michael@0 | 2159 | color:inherit; |
michael@0 | 2160 | text-shadow:none; |
michael@0 | 2161 | box-shadow:none; |
michael@0 | 2162 | } |
michael@0 | 2163 | |
michael@0 | 2164 | #afui.win8.light .button { |
michael@0 | 2165 | border:3px solid #000; |
michael@0 | 2166 | } |
michael@0 | 2167 | |
michael@0 | 2168 | #afui.win8 .button.pressed { |
michael@0 | 2169 | background:#00ABA9; |
michael@0 | 2170 | } |
michael@0 | 2171 | |
michael@0 | 2172 | #afui.win8 .button.next, #afui.win8 .button.previous { |
michael@0 | 2173 | border-color: #fff !important; |
michael@0 | 2174 | } |
michael@0 | 2175 | #afui.win8 .button.next::after, #afui.win8 .button.previous::after{ |
michael@0 | 2176 | border:none; |
michael@0 | 2177 | } |
michael@0 | 2178 | |
michael@0 | 2179 | #afui.win8 .button-grouped > .button{ |
michael@0 | 2180 | border:3px solid #fff; |
michael@0 | 2181 | border-right:0; |
michael@0 | 2182 | } |
michael@0 | 2183 | |
michael@0 | 2184 | #afui.win8 .button-grouped > .button:last-child { |
michael@0 | 2185 | border-right:3px solid #fff; |
michael@0 | 2186 | } |
michael@0 | 2187 | |
michael@0 | 2188 | #afui.win8 .button-grouped > .button:first-child, |
michael@0 | 2189 | #afui.win8 .button-grouped > .button:last-child { |
michael@0 | 2190 | border-radius:0; |
michael@0 | 2191 | } |
michael@0 | 2192 | |
michael@0 | 2193 | #afui.win8 .button-grouped.vertical >.button{ |
michael@0 | 2194 | border:3px solid #fff; |
michael@0 | 2195 | border-bottom:0; |
michael@0 | 2196 | } |
michael@0 | 2197 | |
michael@0 | 2198 | #afui.win8 .button-grouped.vertical > .button:last-child { |
michael@0 | 2199 | border-bottom:3px solid #fff; |
michael@0 | 2200 | } |
michael@0 | 2201 | |
michael@0 | 2202 | #afui.win8 .header .button-grouped > .button{ |
michael@0 | 2203 | border-color: #fff; |
michael@0 | 2204 | } |
michael@0 | 2205 | |
michael@0 | 2206 | #afui.win8 .header .button-grouped > .button.pressed{ |
michael@0 | 2207 | background:#00ABA9; |
michael@0 | 2208 | } |
michael@0 | 2209 | |
michael@0 | 2210 | #afui.win8.light .button-grouped > .button, |
michael@0 | 2211 | #afui.win8.light .button-grouped.vertical > .button, |
michael@0 | 2212 | #afui.win8.light .header .button-grouped > .button{ |
michael@0 | 2213 | border-color: #111; |
michael@0 | 2214 | } |
michael@0 | 2215 | |
michael@0 | 2216 | /** |
michael@0 | 2217 | * code specific to WP8 |
michael@0 | 2218 | */ |
michael@0 | 2219 | @media handheld, only screen and (max-width: 768px){ |
michael@0 | 2220 | #afui.win8 #menu { |
michael@0 | 2221 | display: none; |
michael@0 | 2222 | position: absolute; |
michael@0 | 2223 | left: 0; |
michael@0 | 2224 | bottom: 0; |
michael@0 | 2225 | z-index: 1000; |
michael@0 | 2226 | width:100%; |
michael@0 | 2227 | height: 150px; |
michael@0 | 2228 | font-size:20px; |
michael@0 | 2229 | top:auto; |
michael@0 | 2230 | background:inherit; |
michael@0 | 2231 | color:inherit; |
michael@0 | 2232 | -webkit-transition-timing-function: linear; |
michael@0 | 2233 | transition-timing-function: linear; |
michael@0 | 2234 | -webkit-transform:translate3d(0,150px,0); |
michael@0 | 2235 | transform:translate3d(0,150px,0); |
michael@0 | 2236 | } |
michael@0 | 2237 | #afui.win8 .hasMenu,#afui.win8 .hasMenu.on{ |
michael@0 | 2238 | |
michael@0 | 2239 | -webkit-transform:translate3d(0,0,0); |
michael@0 | 2240 | transform:translate3d(0,0,0); |
michael@0 | 2241 | } |
michael@0 | 2242 | #afui.win8 .header #menubadge { |
michael@0 | 2243 | display:none; |
michael@0 | 2244 | } |
michael@0 | 2245 | } |
michael@0 | 2246 | |
michael@0 | 2247 | #afui.win8 .afPopup { |
michael@0 | 2248 | width: 100%; |
michael@0 | 2249 | border: solid 0px #72767b; |
michael@0 | 2250 | left:0px !important; |
michael@0 | 2251 | -webkit-border-radius: 0; |
michael@0 | 2252 | border-radius: 0; |
michael@0 | 2253 | -webkit-transform:none; |
michael@0 | 2254 | transform:none; |
michael@0 | 2255 | -webkit-transition: none; |
michael@0 | 2256 | transition:none; |
michael@0 | 2257 | top: 0 !important; |
michael@0 | 2258 | background:#222; |
michael@0 | 2259 | color:inherit; |
michael@0 | 2260 | padding:15px; |
michael@0 | 2261 | } |
michael@0 | 2262 | |
michael@0 | 2263 | #afui.win8.light .afPopup { |
michael@0 | 2264 | background:#eee; |
michael@0 | 2265 | } |
michael@0 | 2266 | |
michael@0 | 2267 | #afui.win8 .afPopup>HEADER{ |
michael@0 | 2268 | font-size:20px; |
michael@0 | 2269 | } |
michael@0 | 2270 | |
michael@0 | 2271 | #afui.win8 .afPopup>DIV{ |
michael@0 | 2272 | font-size:16px; |
michael@0 | 2273 | padding:10px 0; |
michael@0 | 2274 | margin:0; |
michael@0 | 2275 | } |
michael@0 | 2276 | |
michael@0 | 2277 | #afui.win8 .afPopup>FOOTER{ |
michael@0 | 2278 | width:100%; |
michael@0 | 2279 | text-align:left; |
michael@0 | 2280 | display:block !important; |
michael@0 | 2281 | } |
michael@0 | 2282 | |
michael@0 | 2283 | #afui.win8 .afPopup>FOOTER>A#cancel{ |
michael@0 | 2284 | float:left; |
michael@0 | 2285 | min-width:100px; |
michael@0 | 2286 | } |
michael@0 | 2287 | |
michael@0 | 2288 | #afui.win8 .afPopup>FOOTER>A#action{ |
michael@0 | 2289 | float:left; |
michael@0 | 2290 | min-width:100px; |
michael@0 | 2291 | margin-left:10px; |
michael@0 | 2292 | } |
michael@0 | 2293 | |
michael@0 | 2294 | #afui.win8 .afPopup>FOOTER>A.center{ |
michael@0 | 2295 | width:auto; |
michael@0 | 2296 | } |
michael@0 | 2297 | |
michael@0 | 2298 | #afui.win8 #af_actionsheet { |
michael@0 | 2299 | background:#aaa; |
michael@0 | 2300 | color:black; |
michael@0 | 2301 | } |
michael@0 | 2302 | |
michael@0 | 2303 | #afui.win8 #af_actionsheet a{ |
michael@0 | 2304 | border-radius:0; |
michael@0 | 2305 | -webkit-border-radius:0; |
michael@0 | 2306 | border:0px solid black; |
michael@0 | 2307 | background-color:transparent; |
michael@0 | 2308 | font-weight:normal; |
michael@0 | 2309 | color:black; |
michael@0 | 2310 | box-shadow: 0px 1px 1px rgba(255,255,255,0); |
michael@0 | 2311 | } |
michael@0 | 2312 | |
michael@0 | 2313 | #afui.win8 #menu .list > li > a { |
michael@0 | 2314 | color:inherit; |
michael@0 | 2315 | } |
michael@0 | 2316 | |
michael@0 | 2317 | @media handheld, only screen and (min-width: 768px){ |
michael@0 | 2318 | |
michael@0 | 2319 | #afui.win8 .footer footer #metroMenu { |
michael@0 | 2320 | display:none; |
michael@0 | 2321 | } |
michael@0 | 2322 | #afui.win8 .footer { |
michael@0 | 2323 | -webkit-transform:translate3d(0,0,0); |
michael@0 | 2324 | transform:translate(0,0); |
michael@0 | 2325 | } |
michael@0 | 2326 | #afui.win8 #menu { |
michael@0 | 2327 | background:inherit; |
michael@0 | 2328 | color:inherit; |
michael@0 | 2329 | font-size:18px; |
michael@0 | 2330 | left:0; |
michael@0 | 2331 | top:0; |
michael@0 | 2332 | width:200px; |
michael@0 | 2333 | } |
michael@0 | 2334 | #afui.win8 #menu .list > li > a:after{ |
michael@0 | 2335 | margin-top:-11px; |
michael@0 | 2336 | } |
michael@0 | 2337 | } |
michael@0 | 2338 | |
michael@0 | 2339 | |
michael@0 | 2340 | #afui.win8 input[type="range"] { |
michael@0 | 2341 | -webkit-appearance: none; |
michael@0 | 2342 | -webkit-appearance: none; |
michael@0 | 2343 | background-color: #ccc; |
michael@0 | 2344 | height: 4px; |
michael@0 | 2345 | position: relative; |
michael@0 | 2346 | top: -10px; |
michael@0 | 2347 | margin-top: 15px; |
michael@0 | 2348 | |
michael@0 | 2349 | } |
michael@0 | 2350 | |
michael@0 | 2351 | #afui.win8 input[type="range"]::-webkit-slider-thumb { |
michael@0 | 2352 | -webkit-appearance: none; |
michael@0 | 2353 | position: relative; |
michael@0 | 2354 | z-index: 1; |
michael@0 | 2355 | width: 15px; |
michael@0 | 2356 | height: 15px; |
michael@0 | 2357 | |
michael@0 | 2358 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); |
michael@0 | 2359 | background-image: gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); |
michael@0 | 2360 | } |
michael@0 | 2361 | |
michael@0 | 2362 | #afui.bb { |
michael@0 | 2363 | font-family: "Slate Pro",Slate,"Myriad Pro","BBAlpha Sans",Helvetica; |
michael@0 | 2364 | font-size: 12pt; |
michael@0 | 2365 | } |
michael@0 | 2366 | |
michael@0 | 2367 | #afui.bb .header { |
michael@0 | 2368 | background:#00609E; |
michael@0 | 2369 | background:-ms-linear-gradient(65deg, #00609E 0%,#00AFEE 100%); |
michael@0 | 2370 | background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#00609E), color-stop(100%,#00AFEE)); |
michael@0 | 2371 | background:-webkit-linear-gradient(65deg, #00609E 0%,#00AFEE 100%); |
michael@0 | 2372 | background:linear-gradient(65deg, #00609E 0%,#00AFEE 100%); |
michael@0 | 2373 | border-style:solid; |
michael@0 | 2374 | border-width:1px; |
michael@0 | 2375 | border-color:#009CE1 transparent #004E92 transparent; |
michael@0 | 2376 | } |
michael@0 | 2377 | |
michael@0 | 2378 | #afui.bb .header h1 { |
michael@0 | 2379 | text-shadow:rgba(0,0,0,0.8) 0 1px 0; |
michael@0 | 2380 | font-weight:normal; |
michael@0 | 2381 | } |
michael@0 | 2382 | |
michael@0 | 2383 | #afui.bb .list { |
michael@0 | 2384 | font-weight: normal; |
michael@0 | 2385 | } |
michael@0 | 2386 | |
michael@0 | 2387 | #afui.bb .backButton { |
michael@0 | 2388 | display: block; |
michael@0 | 2389 | position: absolute; |
michael@0 | 2390 | line-height:60px; |
michael@0 | 2391 | left: 5px; |
michael@0 | 2392 | text-overflow: ellipsis; |
michael@0 | 2393 | font-size: 10px; |
michael@0 | 2394 | padding: 0; |
michael@0 | 2395 | color: #fff; |
michael@0 | 2396 | text-shadow: none; |
michael@0 | 2397 | background-color: transparent; |
michael@0 | 2398 | border:none; |
michael@0 | 2399 | border-color: transparent; |
michael@0 | 2400 | height: 44px; |
michael@0 | 2401 | top:0; |
michael@0 | 2402 | border-radius: 0; |
michael@0 | 2403 | box-shadow:none; |
michael@0 | 2404 | margin: 0; |
michael@0 | 2405 | padding-left: 0; |
michael@0 | 2406 | text-align: center; |
michael@0 | 2407 | width:50px; |
michael@0 | 2408 | padding:0 !important; |
michael@0 | 2409 | margin:0 !important; |
michael@0 | 2410 | } |
michael@0 | 2411 | |
michael@0 | 2412 | #afui.bb .backButton::before { |
michael@0 | 2413 | z-index: -1; |
michael@0 | 2414 | font-size:22px; |
michael@0 | 2415 | position: absolute; |
michael@0 | 2416 | top: -15px; |
michael@0 | 2417 | left: 15px; |
michael@0 | 2418 | text-align: center; |
michael@0 | 2419 | border-radius: 0; |
michael@0 | 2420 | border: none; |
michael@0 | 2421 | border-color: transparent; |
michael@0 | 2422 | box-shadow: none; |
michael@0 | 2423 | -webkit-transform: none; |
michael@0 | 2424 | transform: none; |
michael@0 | 2425 | font-family: 'chevron'; |
michael@0 | 2426 | speak: none; |
michael@0 | 2427 | font-style: normal; |
michael@0 | 2428 | font-weight: normal; |
michael@0 | 2429 | font-variant: normal; |
michael@0 | 2430 | text-transform: none; |
michael@0 | 2431 | line-height: 1; |
michael@0 | 2432 | -webkit-font-smoothing: antialiased; |
michael@0 | 2433 | content: "\f054"; |
michael@0 | 2434 | top:1px; |
michael@0 | 2435 | -webkit-transform:rotate(180deg); |
michael@0 | 2436 | transform:rotate(180deg); |
michael@0 | 2437 | background-color: transparent; |
michael@0 | 2438 | } |
michael@0 | 2439 | |
michael@0 | 2440 | #afui.bb .backButton::after { |
michael@0 | 2441 | z-index: -1; |
michael@0 | 2442 | font-size:24px; |
michael@0 | 2443 | content: ' '; |
michael@0 | 2444 | position: absolute; |
michael@0 | 2445 | font-weight:bold; |
michael@0 | 2446 | background-color: transparent; |
michael@0 | 2447 | left:55px; |
michael@0 | 2448 | height:48px; |
michael@0 | 2449 | top:-5px; |
michael@0 | 2450 | width:2px; |
michael@0 | 2451 | background: #0aa9dc; |
michael@0 | 2452 | margin:auto; |
michael@0 | 2453 | text-align: center; |
michael@0 | 2454 | border-radius: 0; |
michael@0 | 2455 | border: none; |
michael@0 | 2456 | border-color: transparent; |
michael@0 | 2457 | box-shadow: none; |
michael@0 | 2458 | -webkit-transform: rotate(10deg); |
michael@0 | 2459 | transform: rotate(10deg); |
michael@0 | 2460 | } |
michael@0 | 2461 | |
michael@0 | 2462 | #afui.bb .header .button { |
michael@0 | 2463 | color:#fff; |
michael@0 | 2464 | background:none; |
michael@0 | 2465 | text-shadow:0 -1px 0 #333; |
michael@0 | 2466 | border-color:transparent; |
michael@0 | 2467 | } |
michael@0 | 2468 | |
michael@0 | 2469 | #afui.bb .footer { |
michael@0 | 2470 | border:none; |
michael@0 | 2471 | border-radius:0px; |
michael@0 | 2472 | background:none; |
michael@0 | 2473 | padding:0; |
michael@0 | 2474 | -webkit-box-shadow:none; |
michael@0 | 2475 | box-shadow: none; |
michael@0 | 2476 | } |
michael@0 | 2477 | |
michael@0 | 2478 | #afui.bb .footer>footer>a:not(.button) { |
michael@0 | 2479 | height:49px; |
michael@0 | 2480 | top:0px; |
michael@0 | 2481 | border-top:4px solid #000; |
michael@0 | 2482 | background:#1e1e1e; |
michael@0 | 2483 | } |
michael@0 | 2484 | |
michael@0 | 2485 | #afui.bb .footer>footer>a.pressed:not(.button) { |
michael@0 | 2486 | border:0px; |
michael@0 | 2487 | border-top:4px solid #0aa9dc; |
michael@0 | 2488 | border-radius:0px; |
michael@0 | 2489 | background:#3a3a3a; |
michael@0 | 2490 | color:white; |
michael@0 | 2491 | } |
michael@0 | 2492 | |
michael@0 | 2493 | #afui.bb .footer>footer>a:not(:last-of-type):not(.pressed):not(.button){ |
michael@0 | 2494 | border-right:1px solid black; |
michael@0 | 2495 | } |
michael@0 | 2496 | |
michael@0 | 2497 | #afui.bb .footer>footer>a.icon.pressed:not(.button):before { |
michael@0 | 2498 | color: white; |
michael@0 | 2499 | } |
michael@0 | 2500 | |
michael@0 | 2501 | #afui.bb #aside_menu, |
michael@0 | 2502 | #afui.bb #menu { |
michael@0 | 2503 | border-right:1px solid #bbb; |
michael@0 | 2504 | background: #fff; |
michael@0 | 2505 | color: #000; |
michael@0 | 2506 | } |
michael@0 | 2507 | |
michael@0 | 2508 | #afui.bb #aside_menu .list > li > a, |
michael@0 | 2509 | #afui.bb #menu .list > li > a { |
michael@0 | 2510 | color:inherit; |
michael@0 | 2511 | } |
michael@0 | 2512 | |
michael@0 | 2513 | #afui.bb #aside_menu .list .divider, |
michael@0 | 2514 | #afui.bb #menu .list .divider { |
michael@0 | 2515 | background:#fafafa; |
michael@0 | 2516 | color:black; |
michael@0 | 2517 | } |
michael@0 | 2518 | |
michael@0 | 2519 | #afui.bb .list .divider { |
michael@0 | 2520 | background:#fafafa; |
michael@0 | 2521 | border-top:none; |
michael@0 | 2522 | color:black; |
michael@0 | 2523 | border-bottom: 1px solid #0aa9dc !important; |
michael@0 | 2524 | } |
michael@0 | 2525 | |
michael@0 | 2526 | #afui.bb #aside_menu .list li, #afui.bb #aside_menu .list .divider, #afui.bb #aside_menu .list li:first-child, #afui.bb #aside_menu .list li:last-child, |
michael@0 | 2527 | #afui.bb #menu .list li, #afui.bb #menu .list .divider, #afui.bb #menu .list li:first-child, #afui.bb #menu .list li:last-child { |
michael@0 | 2528 | border-bottom-color :#ccc; |
michael@0 | 2529 | } |
michael@0 | 2530 | |
michael@0 | 2531 | #afui.bb .button , |
michael@0 | 2532 | #afui.bb .button-grouped *, |
michael@0 | 2533 | #afui.bb .button-grouped > .button:first-child, |
michael@0 | 2534 | #afui.bb .button-grouped.vertical *, |
michael@0 | 2535 | #afui.bb .button-grouped.vertical > .button:last-child, |
michael@0 | 2536 | #afui.bb > .header .button-grouped > .button { |
michael@0 | 2537 | border-color:#ccc; |
michael@0 | 2538 | } |
michael@0 | 2539 | |
michael@0 | 2540 | #afui.bb > .header .button-grouped > .button.pressed { |
michael@0 | 2541 | background:#07a; |
michael@0 | 2542 | } |
michael@0 | 2543 | |
michael@0 | 2544 | #afui.bb .panel { |
michael@0 | 2545 | background:#fff; |
michael@0 | 2546 | } |
michael@0 | 2547 | |
michael@0 | 2548 | #afui.bb .afPopup { |
michael@0 | 2549 | border: solid 1px #ccc; |
michael@0 | 2550 | -webkit-border-radius: 3px; |
michael@0 | 2551 | border-radius: 3px; |
michael@0 | 2552 | background:inherit; |
michael@0 | 2553 | color:inherit; |
michael@0 | 2554 | padding:0; |
michael@0 | 2555 | } |
michael@0 | 2556 | |
michael@0 | 2557 | #afui.bb .afPopup>HEADER{ |
michael@0 | 2558 | font-weight:normal; |
michael@0 | 2559 | font-size:20px; |
michael@0 | 2560 | text-align:center; |
michael@0 | 2561 | margin:0; |
michael@0 | 2562 | padding:8px; |
michael@0 | 2563 | color:white; |
michael@0 | 2564 | border-radius: 2px; |
michael@0 | 2565 | background:#00609E; |
michael@0 | 2566 | background:-ms-linear-gradient(65deg, #00609E 0%,#00AFEE 100%); |
michael@0 | 2567 | background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#00609E), color-stop(100%,#00AFEE)); |
michael@0 | 2568 | background:-webkit-linear-gradient(65deg, #00609E 0%,#00AFEE 100%); |
michael@0 | 2569 | background:linear-gradient(65deg, #00609E 0%,#00AFEE 100%); |
michael@0 | 2570 | } |
michael@0 | 2571 | |
michael@0 | 2572 | #afui.bb .afPopup>DIV{ |
michael@0 | 2573 | text-align:center; |
michael@0 | 2574 | padding:10px; |
michael@0 | 2575 | } |
michael@0 | 2576 | |
michael@0 | 2577 | #afui.bb .afPopup>FOOTER{ |
michael@0 | 2578 | padding:5px; |
michael@0 | 2579 | } |
michael@0 | 2580 | |
michael@0 | 2581 | #afui.bb .afPopup>FOOTER>A#cancel{ |
michael@0 | 2582 | width:120px; |
michael@0 | 2583 | } |
michael@0 | 2584 | |
michael@0 | 2585 | #afui.bb .afPopup>FOOTER>A#action{ |
michael@0 | 2586 | width:120px; |
michael@0 | 2587 | } |
michael@0 | 2588 | |
michael@0 | 2589 | #afui.bb #af_actionsheet { |
michael@0 | 2590 | background:white; |
michael@0 | 2591 | color:inherit; |
michael@0 | 2592 | } |
michael@0 | 2593 | |
michael@0 | 2594 | #afui.bb #af_actionsheet a{ |
michael@0 | 2595 | border-radius:5px; |
michael@0 | 2596 | -webkit-border-radius:5px; |
michael@0 | 2597 | border:1px solid #ccc; |
michael@0 | 2598 | background:#eee; |
michael@0 | 2599 | color:#111; |
michael@0 | 2600 | } |
michael@0 | 2601 | |
michael@0 | 2602 | /** iOS 7 theme */ |
michael@0 | 2603 | |
michael@0 | 2604 | /** Blue color color:rgba(82,155,234,255); */ |
michael@0 | 2605 | |
michael@0 | 2606 | /* border rgba(158,158,158,255) */ |
michael@0 | 2607 | |
michael@0 | 2608 | #afui.ios7 { |
michael@0 | 2609 | font-family:'HelveticaNeue', 'Helvetica Neue',Helvetica, Arial, sans-serif; |
michael@0 | 2610 | } |
michael@0 | 2611 | |
michael@0 | 2612 | #afui.ios7 .header { |
michael@0 | 2613 | background:rgb(249,249,249); |
michael@0 | 2614 | color:inherit; |
michael@0 | 2615 | border:none; |
michael@0 | 2616 | border-bottom:1px solid rgba(158,158,158,255); |
michael@0 | 2617 | } |
michael@0 | 2618 | |
michael@0 | 2619 | |
michael@0 | 2620 | #afui.ios7.overlayStatusbar{ |
michael@0 | 2621 | margin-top: 20px; |
michael@0 | 2622 | background: #f9f9f9; |
michael@0 | 2623 | margin-bottom: -20px; |
michael@0 | 2624 | padding-bottom: 20px; |
michael@0 | 2625 | } |
michael@0 | 2626 | |
michael@0 | 2627 | #afui.ios7 .header .button { |
michael@0 | 2628 | color:rgba(82,155,234,255); |
michael@0 | 2629 | border-color:transparent; |
michael@0 | 2630 | font-size:14px; |
michael@0 | 2631 | font-weight:normal; |
michael@0 | 2632 | } |
michael@0 | 2633 | |
michael@0 | 2634 | #afui.ios7 .header h1 { |
michael@0 | 2635 | color:inherit; |
michael@0 | 2636 | text-shadow:none; |
michael@0 | 2637 | } |
michael@0 | 2638 | |
michael@0 | 2639 | #afui.ios7 .panel, #afui.ios7 #modalContainer { |
michael@0 | 2640 | background:rgba(238,238,238,255); |
michael@0 | 2641 | } |
michael@0 | 2642 | |
michael@0 | 2643 | #afui.ios7 .panel h2 { |
michael@0 | 2644 | color:inherit; |
michael@0 | 2645 | } |
michael@0 | 2646 | |
michael@0 | 2647 | #afui.ios7 .footer { |
michael@0 | 2648 | background:rgb(249,249,249); |
michael@0 | 2649 | color:black; |
michael@0 | 2650 | border-top:1px solid rgba(158,158,158,255); |
michael@0 | 2651 | box-shadow:none; |
michael@0 | 2652 | } |
michael@0 | 2653 | |
michael@0 | 2654 | #afui.ios7 .footer>footer>a:not(.button) { |
michael@0 | 2655 | color:rgba(96,96,96,255); |
michael@0 | 2656 | } |
michael@0 | 2657 | |
michael@0 | 2658 | #afui.ios7 .footer>footer>a.pressed:not(.button) { |
michael@0 | 2659 | border-radius:0; |
michael@0 | 2660 | background:transparent; |
michael@0 | 2661 | } |
michael@0 | 2662 | |
michael@0 | 2663 | #afui.ios7 #menubadge:after { |
michael@0 | 2664 | border-color:rgba(82,155,234,255); |
michael@0 | 2665 | } |
michael@0 | 2666 | |
michael@0 | 2667 | #afui.ios7 .list { |
michael@0 | 2668 | font-weight:normal; |
michael@0 | 2669 | } |
michael@0 | 2670 | |
michael@0 | 2671 | #afui.ios7 > #aside_menu, |
michael@0 | 2672 | #afui.ios7 > #menu { |
michael@0 | 2673 | border-right:1px solid #bbb; |
michael@0 | 2674 | background:rgba(238,238,238,255); |
michael@0 | 2675 | color:inherit; |
michael@0 | 2676 | } |
michael@0 | 2677 | |
michael@0 | 2678 | #afui.ios7 #aside_menu .list li,#afui.ios7 #aside_menu .list .divider,#afui.ios7 #aside_menu .list li:first-child,#afui.ios7 #aside_menu .list li:last-child, |
michael@0 | 2679 | #afui.ios7 #menu .list li,#afui.ios7 #menu .list .divider,#afui.ios7 #menu .list li:first-child,#afui.ios7 #menu .list li:last-child { |
michael@0 | 2680 | border-color:rgb(215,215,215); |
michael@0 | 2681 | font-weight:normal; |
michael@0 | 2682 | box-shadow:none; |
michael@0 | 2683 | } |
michael@0 | 2684 | |
michael@0 | 2685 | #afui.ios7 #aside_menu .list .divider, |
michael@0 | 2686 | #afui.ios7 #menu .list .divider { |
michael@0 | 2687 | background:rgba(238,238,238,255); |
michael@0 | 2688 | color:inherit; |
michael@0 | 2689 | font-size: 1em; |
michael@0 | 2690 | border-bottom:1px solid rgb(215,215,215); |
michael@0 | 2691 | } |
michael@0 | 2692 | |
michael@0 | 2693 | #afui.ios7 #aside_menu .list a, |
michael@0 | 2694 | #afui.ios7 #menu .list a { |
michael@0 | 2695 | color:inherit; |
michael@0 | 2696 | } |
michael@0 | 2697 | |
michael@0 | 2698 | #afui.ios7 #aside_menu .list, |
michael@0 | 2699 | #afui.ios7 #menu .list { |
michael@0 | 2700 | background:white; |
michael@0 | 2701 | font-weight: normal; |
michael@0 | 2702 | color:inherit; |
michael@0 | 2703 | } |
michael@0 | 2704 | |
michael@0 | 2705 | #afui.ios7 .list > li > a:after{ |
michael@0 | 2706 | color:rgba(217,217,217,255); |
michael@0 | 2707 | } |
michael@0 | 2708 | |
michael@0 | 2709 | #afui.ios7 .button { |
michael@0 | 2710 | background-color:transparent; |
michael@0 | 2711 | } |
michael@0 | 2712 | |
michael@0 | 2713 | #afui.ios7 .backButton { |
michael@0 | 2714 | background:rgba(249,249,249,1); |
michael@0 | 2715 | color:rgba(82,155,234,255); |
michael@0 | 2716 | display: block; |
michael@0 | 2717 | position: absolute; |
michael@0 | 2718 | line-height:44px; |
michael@0 | 2719 | left: 25px; |
michael@0 | 2720 | text-overflow: ellipsis; |
michael@0 | 2721 | font-size: 14px; |
michael@0 | 2722 | padding: 0; |
michael@0 | 2723 | text-shadow: none; |
michael@0 | 2724 | background-color: transparent; |
michael@0 | 2725 | border:none; |
michael@0 | 2726 | border-color: transparent; |
michael@0 | 2727 | height: 44px; |
michael@0 | 2728 | top:auto; |
michael@0 | 2729 | border-radius: 0; |
michael@0 | 2730 | box-shadow:none; |
michael@0 | 2731 | margin: 0; |
michael@0 | 2732 | padding-left: 0; |
michael@0 | 2733 | text-align: center; |
michael@0 | 2734 | width:50px; |
michael@0 | 2735 | padding:0 !important; |
michael@0 | 2736 | margin:0 !important; |
michael@0 | 2737 | } |
michael@0 | 2738 | |
michael@0 | 2739 | #afui.ios7 .backButton::before { |
michael@0 | 2740 | z-index: -1; |
michael@0 | 2741 | font-size:22px; |
michael@0 | 2742 | position: absolute; |
michael@0 | 2743 | top: 10px; |
michael@0 | 2744 | left: -20px; |
michael@0 | 2745 | text-align: center; |
michael@0 | 2746 | border-radius: 0; |
michael@0 | 2747 | border: none; |
michael@0 | 2748 | border-color: transparent; |
michael@0 | 2749 | box-shadow: none; |
michael@0 | 2750 | -webkit-transform: none; |
michael@0 | 2751 | transform: none; |
michael@0 | 2752 | font-family: 'chevron'; |
michael@0 | 2753 | speak: none; |
michael@0 | 2754 | font-style: normal; |
michael@0 | 2755 | font-weight: normal; |
michael@0 | 2756 | font-variant: normal; |
michael@0 | 2757 | text-transform: none; |
michael@0 | 2758 | line-height: 1; |
michael@0 | 2759 | -webkit-font-smoothing: antialiased; |
michael@0 | 2760 | content: "\f054"; |
michael@0 | 2761 | -webkit-transform:rotate(180deg); |
michael@0 | 2762 | transform:rotate(180deg); |
michael@0 | 2763 | background-color: transparent; |
michael@0 | 2764 | } |
michael@0 | 2765 | |
michael@0 | 2766 | #afui.ios7 .backButton::after { |
michael@0 | 2767 | content: ''; |
michael@0 | 2768 | width:0; |
michael@0 | 2769 | height:0; |
michael@0 | 2770 | border:none; |
michael@0 | 2771 | } |
michael@0 | 2772 | |
michael@0 | 2773 | |
michael@0 | 2774 | #afui.ios7 .button { |
michael@0 | 2775 | box-shadow:none; |
michael@0 | 2776 | border-radius: 0; |
michael@0 | 2777 | border-color:#ccc; |
michael@0 | 2778 | color:rgba(82,155,234,255); |
michael@0 | 2779 | text-shadow:none; |
michael@0 | 2780 | } |
michael@0 | 2781 | |
michael@0 | 2782 | #afui.ios7 .button-grouped * , |
michael@0 | 2783 | #afui.ios7 .button-grouped > .button:first-child, |
michael@0 | 2784 | #afui.ios7 .button-grouped.vertical * , |
michael@0 | 2785 | #afui.ios7 .button-grouped.vertical > .button:last-child, |
michael@0 | 2786 | #afui.ios7 .header .button-grouped > .button { |
michael@0 | 2787 | border-color:rgba(82,155,234,255); |
michael@0 | 2788 | } |
michael@0 | 2789 | |
michael@0 | 2790 | #afui.ios7 .button-grouped > .button.pressed , |
michael@0 | 2791 | #afui.ios7 .header .button-grouped > .button.pressed{ |
michael@0 | 2792 | color:white; |
michael@0 | 2793 | background:rgba(82,155,234,255); |
michael@0 | 2794 | } |
michael@0 | 2795 | |
michael@0 | 2796 | #afui.ios7 .afPopup { |
michael@0 | 2797 | border:1px solid rgba(158,158,158,255); |
michael@0 | 2798 | border-radius:10px; |
michael@0 | 2799 | padding:0; |
michael@0 | 2800 | text-align: center; |
michael@0 | 2801 | color:inherit; |
michael@0 | 2802 | background:rgba(249,249,249,1); |
michael@0 | 2803 | } |
michael@0 | 2804 | |
michael@0 | 2805 | #afui.ios7 .afPopup>HEADER{ |
michael@0 | 2806 | padding:10px 0; |
michael@0 | 2807 | } |
michael@0 | 2808 | |
michael@0 | 2809 | #afui.ios7 .afPopup>DIV{ |
michael@0 | 2810 | padding-bottom:10px; |
michael@0 | 2811 | } |
michael@0 | 2812 | |
michael@0 | 2813 | #afui.ios7 .afPopup>FOOTER{ |
michael@0 | 2814 | border-top:1px solid #aaa; |
michael@0 | 2815 | } |
michael@0 | 2816 | |
michael@0 | 2817 | #afui.ios7 .afPopup>FOOTER>A.center{ |
michael@0 | 2818 | width:100%!important; |
michael@0 | 2819 | } |
michael@0 | 2820 | |
michael@0 | 2821 | #afui.ios7 .afPopup .button { |
michael@0 | 2822 | border: none; |
michael@0 | 2823 | width: 50%; |
michael@0 | 2824 | margin: 0; |
michael@0 | 2825 | background: transparent; |
michael@0 | 2826 | color:rgba(82,155,234,255); |
michael@0 | 2827 | padding:12px 0; |
michael@0 | 2828 | } |
michael@0 | 2829 | |
michael@0 | 2830 | #afui.ios7 .afPopup .button.pressed { |
michael@0 | 2831 | background: transparent; |
michael@0 | 2832 | } |
michael@0 | 2833 | |
michael@0 | 2834 | #afui.ios7 .button.pressed { |
michael@0 | 2835 | font-weight:bold; |
michael@0 | 2836 | background: white; |
michael@0 | 2837 | } |
michael@0 | 2838 | |
michael@0 | 2839 | #afui.ios7 .afPopup a:not(:first-of-type) { |
michael@0 | 2840 | border-left:1px solid rgba(158,158,158,255); |
michael@0 | 2841 | } |
michael@0 | 2842 | |
michael@0 | 2843 | #afui.ios7 #af_actionsheet { |
michael@0 | 2844 | background-color:transparent; |
michael@0 | 2845 | color:black; |
michael@0 | 2846 | padding-left:10px; |
michael@0 | 2847 | padding-right:10px; |
michael@0 | 2848 | border-top: transparent 1px solid; |
michael@0 | 2849 | box-shadow: 0px -1px 2px rgba(0,0,0,0); |
michael@0 | 2850 | } |
michael@0 | 2851 | |
michael@0 | 2852 | #afui.ios7 #af_actionsheet a{ |
michael@0 | 2853 | background-image:none; |
michael@0 | 2854 | text-shadow:none; |
michael@0 | 2855 | box-shadow:none; |
michael@0 | 2856 | font-weight:normal; |
michael@0 | 2857 | border-radius: 0; |
michael@0 | 2858 | border:none; |
michael@0 | 2859 | -webkit-box-shadow:none; |
michael@0 | 2860 | color:rgba(82,155,234,255); |
michael@0 | 2861 | background-color:white; |
michael@0 | 2862 | cursor:pointer; |
michael@0 | 2863 | border-radius:0px; |
michael@0 | 2864 | line-height: 40px; |
michael@0 | 2865 | font-size: 20px; |
michael@0 | 2866 | margin-bottom: 1px; |
michael@0 | 2867 | } |
michael@0 | 2868 | |
michael@0 | 2869 | #afui.ios7 #af_actionsheet a:first-child{ |
michael@0 | 2870 | border-top-left-radius:5px; |
michael@0 | 2871 | border-top-right-radius:5px; |
michael@0 | 2872 | } |
michael@0 | 2873 | |
michael@0 | 2874 | #afui.ios7 #af_actionsheet a:nth-last-child(2){ |
michael@0 | 2875 | border-bottom-left-radius:5px; |
michael@0 | 2876 | border-bottom-right-radius:5px; |
michael@0 | 2877 | } |
michael@0 | 2878 | |
michael@0 | 2879 | #afui.ios7 #af_actionsheet a.cancel{ |
michael@0 | 2880 | font-weight:bold; |
michael@0 | 2881 | margin: 9px 0; |
michael@0 | 2882 | border-radius:5px; |
michael@0 | 2883 | } |
michael@0 | 2884 | |
michael@0 | 2885 | #afui.ios7 #af_actionsheet a.red{ |
michael@0 | 2886 | color:#f44; |
michael@0 | 2887 | } |
michael@0 | 2888 | |
michael@0 | 2889 | #afui.ios7 .footer>footer>a.pressed:not(.button),.footer>footer>a.icon.pressed:not(.button):before { |
michael@0 | 2890 | color:rgba(82,155,234,255); |
michael@0 | 2891 | } |
michael@0 | 2892 | |
michael@0 | 2893 | #afui.ios7 .button.previous { |
michael@0 | 2894 | border:none; |
michael@0 | 2895 | } |
michael@0 | 2896 | |
michael@0 | 2897 | #afui.ios7 .button.next { |
michael@0 | 2898 | border:none; |
michael@0 | 2899 | } |
michael@0 | 2900 | |
michael@0 | 2901 | #afui.ios7 .button.previous::after { |
michael@0 | 2902 | color:rgba(82,155,234,255); |
michael@0 | 2903 | z-index: -1; |
michael@0 | 2904 | font-size:22px; |
michael@0 | 2905 | position: absolute; |
michael@0 | 2906 | top: 2px; |
michael@0 | 2907 | left: -25px; |
michael@0 | 2908 | text-align: center; |
michael@0 | 2909 | border-radius: 0; |
michael@0 | 2910 | border: none; |
michael@0 | 2911 | border-color: transparent; |
michael@0 | 2912 | box-shadow: none; |
michael@0 | 2913 | -webkit-transform: none; |
michael@0 | 2914 | transform: none; |
michael@0 | 2915 | font-family: 'chevron'; |
michael@0 | 2916 | speak: none; |
michael@0 | 2917 | font-style: normal; |
michael@0 | 2918 | font-weight: normal; |
michael@0 | 2919 | font-variant: normal; |
michael@0 | 2920 | text-transform: none; |
michael@0 | 2921 | line-height: 1; |
michael@0 | 2922 | -webkit-font-smoothing: antialiased; |
michael@0 | 2923 | content: "\f054"; |
michael@0 | 2924 | -webkit-transform:rotate(180deg); |
michael@0 | 2925 | transform:rotate(180deg); |
michael@0 | 2926 | background-color: transparent; |
michael@0 | 2927 | } |
michael@0 | 2928 | |
michael@0 | 2929 | #afui.ios7 .button.next::after { |
michael@0 | 2930 | color:rgba(82,155,234,255); |
michael@0 | 2931 | z-index: -1; |
michael@0 | 2932 | font-size:22px; |
michael@0 | 2933 | position: absolute; |
michael@0 | 2934 | top: 6px; |
michael@0 | 2935 | right: -25px; |
michael@0 | 2936 | text-align: center; |
michael@0 | 2937 | border-radius: 0; |
michael@0 | 2938 | border: none; |
michael@0 | 2939 | border-color: transparent; |
michael@0 | 2940 | box-shadow: none; |
michael@0 | 2941 | -webkit-transform: none; |
michael@0 | 2942 | transform: none; |
michael@0 | 2943 | font-family: 'chevron'; |
michael@0 | 2944 | speak: none; |
michael@0 | 2945 | font-style: normal; |
michael@0 | 2946 | font-weight: normal; |
michael@0 | 2947 | font-variant: normal; |
michael@0 | 2948 | text-transform: none; |
michael@0 | 2949 | line-height: 1; |
michael@0 | 2950 | -webkit-font-smoothing: antialiased; |
michael@0 | 2951 | content: "\f054"; |
michael@0 | 2952 | background-color: transparent; |
michael@0 | 2953 | } |
michael@0 | 2954 | |
michael@0 | 2955 | #afui.ios7 .button.gray { |
michael@0 | 2956 | color:#999; |
michael@0 | 2957 | background-color:transparent; |
michael@0 | 2958 | } |
michael@0 | 2959 | |
michael@0 | 2960 | #afui.ios7 .button.yellow { |
michael@0 | 2961 | color:#F1C222; |
michael@0 | 2962 | background-color:transparent; |
michael@0 | 2963 | } |
michael@0 | 2964 | |
michael@0 | 2965 | #afui.ios7 .button.red { |
michael@0 | 2966 | color:#b20000; |
michael@0 | 2967 | background-color:transparent; |
michael@0 | 2968 | } |
michael@0 | 2969 | |
michael@0 | 2970 | #afui.ios7 .button.green { |
michael@0 | 2971 | color:#009C0C; |
michael@0 | 2972 | background-color:transparent; |
michael@0 | 2973 | } |
michael@0 | 2974 | |
michael@0 | 2975 | #afui.ios7 .button.orange { |
michael@0 | 2976 | color:#FF8000; |
michael@0 | 2977 | background-color:transparent; |
michael@0 | 2978 | } |
michael@0 | 2979 | |
michael@0 | 2980 | #afui.ios7 .button.black { |
michael@0 | 2981 | color:black; |
michael@0 | 2982 | background-color:transparent; |
michael@0 | 2983 | } |
michael@0 | 2984 | |
michael@0 | 2985 | #afui.ios7 .button.slate { |
michael@0 | 2986 | color:#171F28; |
michael@0 | 2987 | background-color:transparent; |
michael@0 | 2988 | } |
michael@0 | 2989 | |
michael@0 | 2990 | #afui.ios7 .af-badge { |
michael@0 | 2991 | border:none; |
michael@0 | 2992 | box-shadow:none; |
michael@0 | 2993 | font-size:12px; |
michael@0 | 2994 | } |
michael@0 | 2995 | |
michael@0 | 2996 | #afui.ios7 input[type="range"] { |
michael@0 | 2997 | -webkit-appearance: none; |
michael@0 | 2998 | background-color: #333; |
michael@0 | 2999 | height: 4px; |
michael@0 | 3000 | position: relative; |
michael@0 | 3001 | top: -10px; |
michael@0 | 3002 | margin-top: 15px; |
michael@0 | 3003 | border-radius:2px; |
michael@0 | 3004 | } |
michael@0 | 3005 | |
michael@0 | 3006 | #afui.ios7 input[type="range"]::-webkit-slider-thumb { |
michael@0 | 3007 | -webkit-appearance: none; |
michael@0 | 3008 | position: relative; |
michael@0 | 3009 | z-index: 1; |
michael@0 | 3010 | width: 15px; |
michael@0 | 3011 | height: 15px; |
michael@0 | 3012 | -webkit-border-radius: 40px; |
michael@0 | 3013 | border-radius: 40px; |
michael@0 | 3014 | border:1px solid #333; |
michael@0 | 3015 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); |
michael@0 | 3016 | background-image: gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); |
michael@0 | 3017 | } |
michael@0 | 3018 | |
michael@0 | 3019 | /* iOS theme */ |
michael@0 | 3020 | #afui.ios { |
michael@0 | 3021 | color:black; |
michael@0 | 3022 | } |
michael@0 | 3023 | |
michael@0 | 3024 | #afui.ios .header { |
michael@0 | 3025 | background-color:#889BB3; |
michael@0 | 3026 | background-image:-ms-linear-gradient(top, #B3BECD 0%, #889BB3 50%, #6E84A2 51%); |
michael@0 | 3027 | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #B3BECD), color-stop(.5, #889BB3), color-stop(.51, #6E84A2)); |
michael@0 | 3028 | background-image:-webkit-linear-gradient(top, #B3BECD 0%, #889BB3 50%, #6E84A2 51%); |
michael@0 | 3029 | background-image:linear-gradient(to bottom, #B3BECD 0%, #889BB3 50%, #6E84A2 51%); |
michael@0 | 3030 | border: 1px solid; |
michael@0 | 3031 | border-color:#CCD2DA transparent #2D3033 transparent; |
michael@0 | 3032 | color:white; |
michael@0 | 3033 | } |
michael@0 | 3034 | |
michael@0 | 3035 | #afui.ios .header h1 { |
michael@0 | 3036 | text-shadow: rgba(0,0,0,0.8) 0 -1px 0; |
michael@0 | 3037 | } |
michael@0 | 3038 | |
michael@0 | 3039 | #afui.ios .af-badge { |
michael@0 | 3040 | border:2px solid #fff; |
michael@0 | 3041 | box-shadow:0 1px 2px #555; |
michael@0 | 3042 | line-height:18px; |
michael@0 | 3043 | } |
michael@0 | 3044 | #afui.ios .panel, #afui.ios #modalContainer { |
michael@0 | 3045 | background:#e7e7e7; |
michael@0 | 3046 | } |
michael@0 | 3047 | |
michael@0 | 3048 | #afui.ios .panel h2 { color:inherit;} |
michael@0 | 3049 | |
michael@0 | 3050 | #afui.ios .footer { |
michael@0 | 3051 | background-color:#000; |
michael@0 | 3052 | background-image:-ms-linear-gradient(top, #222 0%, #111 50%, #000 51%); |
michael@0 | 3053 | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #111), color-stop(.51, #000)); |
michael@0 | 3054 | background-image:-webkit-linear-gradient(top, #222 0%, #111 50%, #000 51%); |
michael@0 | 3055 | background-image:linear-gradient(to bottom, #222 0%, #111 50%, #000 51%); |
michael@0 | 3056 | box-shadow:0 1px 0 #555 inset; |
michael@0 | 3057 | |
michael@0 | 3058 | border-top:1px solid #000; |
michael@0 | 3059 | } |
michael@0 | 3060 | |
michael@0 | 3061 | #afui.ios .footer>footer>a.pressed:not(.button) { |
michael@0 | 3062 | background:rgba(255, 255, 255, 0.13); |
michael@0 | 3063 | border-radius:6px; |
michael@0 | 3064 | } |
michael@0 | 3065 | |
michael@0 | 3066 | #afui.ios .footer>footer>a.icon.pressed:not(.button):before { |
michael@0 | 3067 | color:#3a9de2; |
michael@0 | 3068 | } |
michael@0 | 3069 | |
michael@0 | 3070 | #afui.ios > #aside_menu, |
michael@0 | 3071 | #afui.ios > #menu.tabletMenu { |
michael@0 | 3072 | border-right:none; |
michael@0 | 3073 | background:#000; |
michael@0 | 3074 | color:#fff; |
michael@0 | 3075 | } |
michael@0 | 3076 | |
michael@0 | 3077 | #afui.ios .backButton { |
michael@0 | 3078 | line-height:15px; |
michael@0 | 3079 | width:58px; |
michael@0 | 3080 | display:block; |
michael@0 | 3081 | position:absolute; |
michael@0 | 3082 | top:5px; left:5px; |
michael@0 | 3083 | text-overflow:ellipsis; |
michael@0 | 3084 | font-size:12px; |
michael@0 | 3085 | padding:7px !important; |
michael@0 | 3086 | color:#fff; |
michael@0 | 3087 | text-shadow:0 -1px 0 #333; |
michael@0 | 3088 | background-color:#476999; |
michael@0 | 3089 | background-image: none !important; |
michael@0 | 3090 | border:1px solid; |
michael@0 | 3091 | border-color:#375073 #375073 #375073 transparent; |
michael@0 | 3092 | height:32px; |
michael@0 | 3093 | border-radius:5px; |
michael@0 | 3094 | box-shadow:0 1px 0 #9CABC0; |
michael@0 | 3095 | margin:0 0 0 15px !important; |
michael@0 | 3096 | padding-left:4px !important; |
michael@0 | 3097 | } /* Sets up positioning of the back button which appears in the header */ |
michael@0 | 3098 | |
michael@0 | 3099 | #afui.ios .backButton::before { |
michael@0 | 3100 | z-index:-1; |
michael@0 | 3101 | content:''; |
michael@0 | 3102 | position:absolute; |
michael@0 | 3103 | width:24px; height:24px; |
michael@0 | 3104 | background-color:#476999; |
michael@0 | 3105 | top:2px; left:-11px; |
michael@0 | 3106 | border-radius:5px; |
michael@0 | 3107 | border:1px solid; |
michael@0 | 3108 | border-color:transparent transparent #9CABC0 transparent; |
michael@0 | 3109 | box-shadow:1px -1px 0 #375073 inset; |
michael@0 | 3110 | -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); |
michael@0 | 3111 | } |
michael@0 | 3112 | |
michael@0 | 3113 | #afui.ios .header .button { |
michael@0 | 3114 | color:#fff; |
michael@0 | 3115 | text-shadow:0 -1px 0 #333; |
michael@0 | 3116 | background-color:#476999; |
michael@0 | 3117 | border:1px solid #375073; |
michael@0 | 3118 | box-shadow:0 1px 0 #9CABC0; |
michael@0 | 3119 | background-image:linear-gradient(to bottom, #9CABC0 0%, #6E84A2 50%, #476999 51%); |
michael@0 | 3120 | } |
michael@0 | 3121 | |
michael@0 | 3122 | #afui.ios .header .button.pressed { |
michael@0 | 3123 | background-image:linear-gradient(to bottom, #6E84A2 0%, #476999 50%, #274979 51%); |
michael@0 | 3124 | } |
michael@0 | 3125 | |
michael@0 | 3126 | #afui.ios .footer .button { |
michael@0 | 3127 | color:#fff; |
michael@0 | 3128 | text-shadow:0 -1px 0 #333; |
michael@0 | 3129 | background-color:#444; |
michael@0 | 3130 | border:1px solid #222; |
michael@0 | 3131 | box-shadow:0 1px 0 #222; |
michael@0 | 3132 | background-image:linear-gradient(to bottom, #555 0%, #333 50%, #111 51%); |
michael@0 | 3133 | } |
michael@0 | 3134 | |
michael@0 | 3135 | #afui.ios .footer .button.pressed { |
michael@0 | 3136 | background-image:linear-gradient(to bottom, #444 0%, #222 50%, #000 51%); |
michael@0 | 3137 | } |
michael@0 | 3138 | |
michael@0 | 3139 | #afui.ios #aside_menu .list li, |
michael@0 | 3140 | #afui.ios #aside_menu .list .divider, |
michael@0 | 3141 | #afui.ios #aside_menu .list li:first-child, |
michael@0 | 3142 | #afui.ios #aside_menu .list li:last-child, |
michael@0 | 3143 | #afui.ios #menu .list li, |
michael@0 | 3144 | #afui.ios #menu .list .divider, |
michael@0 | 3145 | #afui.ios #menu .list li:first-child, |
michael@0 | 3146 | #afui.ios #menu .list li:last-child { |
michael@0 | 3147 | border-color:#101012; |
michael@0 | 3148 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); |
michael@0 | 3149 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); |
michael@0 | 3150 | } |
michael@0 | 3151 | |
michael@0 | 3152 | #afui.ios #aside_menu .list > li > a, |
michael@0 | 3153 | #afui.ios #menu .list > li > a { |
michael@0 | 3154 | color:#ccc; |
michael@0 | 3155 | } |
michael@0 | 3156 | |
michael@0 | 3157 | #afui.ios #aside_menu .list .divider, |
michael@0 | 3158 | #afui.ios #menu .list .divider { |
michael@0 | 3159 | background:#333; |
michael@0 | 3160 | color:#fff; |
michael@0 | 3161 | } |
michael@0 | 3162 | |
michael@0 | 3163 | #afui.ios .afPopup { |
michael@0 | 3164 | border: solid 2px #fff; |
michael@0 | 3165 | -webkit-box-shadow: 0px 4px 6px #555, 0 0 20px rgba(0,0,0,0.5); |
michael@0 | 3166 | -webkit-border-radius: 10px; |
michael@0 | 3167 | border-radius:10px; |
michael@0 | 3168 | padding: 0; |
michael@0 | 3169 | background: #1b294b; |
michael@0 | 3170 | background-image: -webkit-gradient(linear, left top, left bottom, from(#626c82), to(#1b294b)); |
michael@0 | 3171 | } |
michael@0 | 3172 | |
michael@0 | 3173 | #afui.ios .afPopup >* { |
michael@0 | 3174 | color:white; |
michael@0 | 3175 | } |
michael@0 | 3176 | |
michael@0 | 3177 | #afui.ios .afPopup>HEADER{ |
michael@0 | 3178 | font-weight:bold; |
michael@0 | 3179 | text-align:center; |
michael@0 | 3180 | text-shadow:0 -1px #000; |
michael@0 | 3181 | padding:5px; |
michael@0 | 3182 | } |
michael@0 | 3183 | |
michael@0 | 3184 | #afui.ios .afPopup>DIV{ |
michael@0 | 3185 | text-align:center; |
michael@0 | 3186 | } |
michael@0 | 3187 | |
michael@0 | 3188 | #afui.ios .afPopup>FOOTER>A{ |
michael@0 | 3189 | background-image: -webkit-gradient(linear, left top, left bottom, from(#626c82), to(#1b294b)); |
michael@0 | 3190 | color:white; |
michael@0 | 3191 | } |
michael@0 | 3192 | |
michael@0 | 3193 | #afui.ios .afPopup>FOOTER>A#cancel{ |
michael@0 | 3194 | width:120px; |
michael@0 | 3195 | margin-left:10px; |
michael@0 | 3196 | } |
michael@0 | 3197 | |
michael@0 | 3198 | #afui.ios .afPopup>FOOTER>A#action{ |
michael@0 | 3199 | width:120px; |
michael@0 | 3200 | margin-right:10px; |
michael@0 | 3201 | } |
michael@0 | 3202 | |
michael@0 | 3203 | #afui.ios .afPopup>FOOTER>A.center{ |
michael@0 | 3204 | float:none!important; |
michael@0 | 3205 | width:95%!important; |
michael@0 | 3206 | margin:8px!important; |
michael@0 | 3207 | } |
michael@0 | 3208 | |
michael@0 | 3209 | #afui.ios #af_actionsheet { |
michael@0 | 3210 | background:#595c61; |
michael@0 | 3211 | color:inherit; |
michael@0 | 3212 | } |
michael@0 | 3213 | |
michael@0 | 3214 | #afui.ios #af_actionsheet a{ |
michael@0 | 3215 | border-radius:10px; |
michael@0 | 3216 | -webkit-border-radius:10px; |
michael@0 | 3217 | border:3px solid #111; |
michael@0 | 3218 | background:#eee; |
michael@0 | 3219 | background: linear-gradient(to bottom, #fff 0%,#ccc 100%); |
michael@0 | 3220 | color:#111; |
michael@0 | 3221 | text-shadow:0 1px 0 #fff; |
michael@0 | 3222 | } |
michael@0 | 3223 | |
michael@0 | 3224 | #afui.ios #af_actionsheet a.cancel{ |
michael@0 | 3225 | background:#333; |
michael@0 | 3226 | background: linear-gradient(to bottom, #666 0%,#333 100%); |
michael@0 | 3227 | color:white; |
michael@0 | 3228 | text-shadow:0 -1px 0 #000; |
michael@0 | 3229 | } |
michael@0 | 3230 | |
michael@0 | 3231 | #afui.ios #af_actionsheet a.red{ |
michael@0 | 3232 | background:#d11; |
michael@0 | 3233 | background: linear-gradient(to bottom, #d55 0%,#d11 100%); |
michael@0 | 3234 | color:white; |
michael@0 | 3235 | text-shadow:0 -1px 0 #000; |
michael@0 | 3236 | } |
michael@0 | 3237 | |
michael@0 | 3238 | #afui.ios input[type="range"] { |
michael@0 | 3239 | -webkit-appearance: none; |
michael@0 | 3240 | background-color: #ccc; |
michael@0 | 3241 | height: 2px; |
michael@0 | 3242 | position: relative; |
michael@0 | 3243 | top: -10px; |
michael@0 | 3244 | margin-top: 15px; |
michael@0 | 3245 | } |
michael@0 | 3246 | |
michael@0 | 3247 | #afui.ios input[type="range"]::-webkit-slider-thumb { |
michael@0 | 3248 | -webkit-appearance: none; |
michael@0 | 3249 | position: relative; |
michael@0 | 3250 | |
michael@0 | 3251 | z-index: 1; |
michael@0 | 3252 | width: 15px; |
michael@0 | 3253 | height: 15px; |
michael@0 | 3254 | |
michael@0 | 3255 | -webkit-border-radius: 40px; |
michael@0 | 3256 | border-radius: 40px; |
michael@0 | 3257 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); |
michael@0 | 3258 | background-image: gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); |
michael@0 | 3259 | } |
michael@0 | 3260 | #af_actionsheet { |
michael@0 | 3261 | position:absolute; |
michael@0 | 3262 | left:0px; |
michael@0 | 3263 | right:0px; |
michael@0 | 3264 | padding-left:10px; |
michael@0 | 3265 | padding-right:10px; |
michael@0 | 3266 | padding-top:10px; |
michael@0 | 3267 | margin:auto; |
michael@0 | 3268 | background:black; |
michael@0 | 3269 | float:left; |
michael@0 | 3270 | z-index:9999; |
michael@0 | 3271 | border-top:#fff 1px solid; |
michael@0 | 3272 | background:rgba(71,71,71,.95); |
michael@0 | 3273 | background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,0)), color-stop(.08,rgba(255,255,255,.1)), color-stop(.08,rgba(255,255,255,0))); |
michael@0 | 3274 | background-image:-webkit-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.1) 8%, rgba(255,255,255,0) 8%); |
michael@0 | 3275 | box-shadow:0px -1px 2px rgba(0,0,0,.4); |
michael@0 | 3276 | } |
michael@0 | 3277 | #af_actionsheet a { |
michael@0 | 3278 | text-decoration:none; |
michael@0 | 3279 | -webkit-transition:all 0.4s ease; |
michael@0 | 3280 | transition:all 0.4s ease; |
michael@0 | 3281 | text-shadow:0px -1px rgba(0,0,0,.8); |
michael@0 | 3282 | padding:0px .25em; |
michael@0 | 3283 | border:1px solid rgba(0,0,0,.8); |
michael@0 | 3284 | text-overflow:ellipsis; |
michael@0 | 3285 | border-radius:.75em; |
michael@0 | 3286 | background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,0)), color-stop(.5,rgba(255,255,255,.1)), color-stop(.5,rgba(255,255,255,0))); |
michael@0 | 3287 | background-image:-webkit-linear-gradient(top, rgba(255,255,255,.5) 0%, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 50%); |
michael@0 | 3288 | box-shadow:0px 1px 1px rgba(255,255,255,0.7); |
michael@0 | 3289 | display:block; |
michael@0 | 3290 | color:white; |
michael@0 | 3291 | text-align:center; |
michael@0 | 3292 | line-height:36px; |
michael@0 | 3293 | font-size:20px; |
michael@0 | 3294 | font-weight:bold; |
michael@0 | 3295 | margin-bottom:10px; |
michael@0 | 3296 | background-color:rgba(130,130,130,1); |
michael@0 | 3297 | } |
michael@0 | 3298 | |
michael@0 | 3299 | #af_actionsheet a.selected { |
michael@0 | 3300 | background-color:rgba(150,150,150,1); |
michael@0 | 3301 | } |
michael@0 | 3302 | |
michael@0 | 3303 | #af_actionsheet a.cancel { |
michael@0 | 3304 | background-color:rgba(43,43,43,1); |
michael@0 | 3305 | } |
michael@0 | 3306 | |
michael@0 | 3307 | #af_actionsheet a.cancel.selected { |
michael@0 | 3308 | background-color:rgba(73,73,73,1); |
michael@0 | 3309 | } |
michael@0 | 3310 | #af_actionsheet a.red { |
michael@0 | 3311 | color:white; |
michael@0 | 3312 | background-color:rgba(204,0,0,1); |
michael@0 | 3313 | } |
michael@0 | 3314 | |
michael@0 | 3315 | #af_actionsheet a.red.selected { |
michael@0 | 3316 | background-color:rgba(255,0,0,1); |
michael@0 | 3317 | } |
michael@0 | 3318 | |
michael@0 | 3319 | |
michael@0 | 3320 | #mask{ |
michael@0 | 3321 | display:block; |
michael@0 | 3322 | width:100%; |
michael@0 | 3323 | height:100%; |
michael@0 | 3324 | background:#000; |
michael@0 | 3325 | z-index: 999999; |
michael@0 | 3326 | position:fixed; |
michael@0 | 3327 | top:0; |
michael@0 | 3328 | left:0; |
michael@0 | 3329 | } |
michael@0 | 3330 | |
michael@0 | 3331 | |
michael@0 | 3332 | |
michael@0 | 3333 | .afPopup { |
michael@0 | 3334 | display: block; |
michael@0 | 3335 | width: 280px; |
michael@0 | 3336 | float:left; |
michael@0 | 3337 | border: solid 1px #72767b; |
michael@0 | 3338 | -webkit-border-radius: 10px; |
michael@0 | 3339 | border-radius:10px; |
michael@0 | 3340 | padding: 10px; |
michael@0 | 3341 | opacity: 1; |
michael@0 | 3342 | -webkit-transform: scale(1); |
michael@0 | 3343 | transform:scale(1); |
michael@0 | 3344 | position: absolute; |
michael@0 | 3345 | z-index: 1000000; |
michael@0 | 3346 | top: 50%; |
michael@0 | 3347 | left: 50%; |
michael@0 | 3348 | margin: 0px auto; |
michael@0 | 3349 | background: rgba(70,70,70,1); |
michael@0 | 3350 | color:white; |
michael@0 | 3351 | } |
michael@0 | 3352 | .afPopup >* { |
michael@0 | 3353 | color:inherit; |
michael@0 | 3354 | } |
michael@0 | 3355 | |
michael@0 | 3356 | .afPopup.hidden { |
michael@0 | 3357 | opacity: 0; |
michael@0 | 3358 | -webkit-transform: scale(0.1); |
michael@0 | 3359 | |
michael@0 | 3360 | } |
michael@0 | 3361 | |
michael@0 | 3362 | .afPopup.show { |
michael@0 | 3363 | -webkit-transition: all 0.2s ease-in-out; |
michael@0 | 3364 | transition: all 0.2s ease-in-out; |
michael@0 | 3365 | } |
michael@0 | 3366 | |
michael@0 | 3367 | .afPopup>HEADER{ |
michael@0 | 3368 | font-weight:bold; |
michael@0 | 3369 | font-size:20px; |
michael@0 | 3370 | margin:0; |
michael@0 | 3371 | padding:5px; |
michael@0 | 3372 | } |
michael@0 | 3373 | |
michael@0 | 3374 | .afPopup>DIV{ |
michael@0 | 3375 | font-size:14px; |
michael@0 | 3376 | margin:8px; |
michael@0 | 3377 | } |
michael@0 | 3378 | |
michael@0 | 3379 | .afPopup>FOOTER{ |
michael@0 | 3380 | width:100%; |
michael@0 | 3381 | text-align:center; |
michael@0 | 3382 | display:block !important; |
michael@0 | 3383 | } |
michael@0 | 3384 | |
michael@0 | 3385 | .afPopup>FOOTER>A#cancel{ |
michael@0 | 3386 | float:left; |
michael@0 | 3387 | margin-left:5px; |
michael@0 | 3388 | } |
michael@0 | 3389 | |
michael@0 | 3390 | .afPopup>FOOTER>A#action{ |
michael@0 | 3391 | float:right; |
michael@0 | 3392 | margin-right:5px; |
michael@0 | 3393 | } |
michael@0 | 3394 | |
michael@0 | 3395 | .afPopup>FOOTER>A.center{ |
michael@0 | 3396 | float:none!important; |
michael@0 | 3397 | width:80%; |
michael@0 | 3398 | margin:8px; |
michael@0 | 3399 | } |
michael@0 | 3400 | /** This can be your default scrollbar class. You must use !important to override the default inline styles */ |
michael@0 | 3401 | .scrollBar { |
michael@0 | 3402 | position: absolute !important; |
michael@0 | 3403 | width: 5px !important; |
michael@0 | 3404 | height: 20px !important; |
michael@0 | 3405 | border-radius: 2px !important; |
michael@0 | 3406 | border: 1px solid black !important; |
michael@0 | 3407 | background: black !important; |
michael@0 | 3408 | opacity: 0 !important; |
michael@0 | 3409 | } |
michael@0 | 3410 | #afModalMask { |
michael@0 | 3411 | position:absolute; |
michael@0 | 3412 | top:0px; |
michael@0 | 3413 | left:0px; |
michael@0 | 3414 | width:100%; |
michael@0 | 3415 | height:100%; |
michael@0 | 3416 | background:transparent; |
michael@0 | 3417 | display:none; |
michael@0 | 3418 | z-index:9999; |
michael@0 | 3419 | } |
michael@0 | 3420 | |
michael@0 | 3421 | #afSelectBoxContainer { |
michael@0 | 3422 | position:absolute; |
michael@0 | 3423 | display:block; |
michael@0 | 3424 | width:90%; |
michael@0 | 3425 | max-width:280px; |
michael@0 | 3426 | margin-right:auto; |
michael@0 | 3427 | min-height:100px; |
michael@0 | 3428 | background:#303030; |
michael@0 | 3429 | color:white; |
michael@0 | 3430 | overflow:hidden; |
michael@0 | 3431 | z-index:9999; |
michael@0 | 3432 | max-height:300px; |
michael@0 | 3433 | margin-top: -150px; |
michael@0 | 3434 | top: 50%; |
michael@0 | 3435 | left: 50%; |
michael@0 | 3436 | margin-left: -138px; |
michael@0 | 3437 | } |
michael@0 | 3438 | |
michael@0 | 3439 | |
michael@0 | 3440 | #afSelectBoxfix ul { |
michael@0 | 3441 | list-style-type:none; |
michael@0 | 3442 | padding:0px; |
michael@0 | 3443 | margin:0px; |
michael@0 | 3444 | } |
michael@0 | 3445 | #afSelectBoxfix li { |
michael@0 | 3446 | font-size: 1.1em; |
michael@0 | 3447 | color: #fff; |
michael@0 | 3448 | display: block; |
michael@0 | 3449 | line-height: 2.5em; |
michael@0 | 3450 | padding: 0 1em; |
michael@0 | 3451 | border-bottom: 1px solid #444; |
michael@0 | 3452 | } |
michael@0 | 3453 | #afSelectBoxfix .selected { |
michael@0 | 3454 | background:#33B5E5; |
michael@0 | 3455 | } |
michael@0 | 3456 | |
michael@0 | 3457 | .afFakeSelect { |
michael@0 | 3458 | width: 200px; |
michael@0 | 3459 | height: 30px; |
michael@0 | 3460 | display: inline-block; |
michael@0 | 3461 | border: 1px solid #ccc; |
michael@0 | 3462 | border-radius: 5px; |
michael@0 | 3463 | line-height: 2em; |
michael@0 | 3464 | font-size: 1em; |
michael@0 | 3465 | padding-left: 10px; |
michael@0 | 3466 | position: relative; |
michael@0 | 3467 | padding-right: 35px; |
michael@0 | 3468 | text-overflow: ellipsis; |
michael@0 | 3469 | white-space: nowrap; |
michael@0 | 3470 | overflow: hidden; |
michael@0 | 3471 | } |
michael@0 | 3472 | |
michael@0 | 3473 | .afFakeSelect:after { |
michael@0 | 3474 | position:absolute; |
michael@0 | 3475 | top:5px; |
michael@0 | 3476 | right:5px; |
michael@0 | 3477 | border: 14px solid transparent; |
michael@0 | 3478 | border-top-color: #ccc; |
michael@0 | 3479 | content:''; |
michael@0 | 3480 | } |
michael@0 | 3481 | |
michael@0 | 3482 | #afSelectBoxContainer #afSelectDone,#afSelectBoxContainer #afSelectCancel{ |
michael@0 | 3483 | margin-top:10px; |
michael@0 | 3484 | display: inline-block; |
michael@0 | 3485 | height: 30px; |
michael@0 | 3486 | width: 100px; |
michael@0 | 3487 | background:#33B5E5; |
michael@0 | 3488 | border: 1px solid #33B5E5; |
michael@0 | 3489 | text-align: center; |
michael@0 | 3490 | line-height: 2em; |
michael@0 | 3491 | float: left; |
michael@0 | 3492 | margin-left: 10px; |
michael@0 | 3493 | } |
michael@0 | 3494 | #afSelectBoxContainer #afSelectCancel { |
michael@0 | 3495 | float:right; |
michael@0 | 3496 | margin-right:10px; |
michael@0 | 3497 | } |
michael@0 | 3498 | #afSelectBoxContainer #afSelectClose { |
michael@0 | 3499 | overflow: hidden; |
michael@0 | 3500 | border-bottom: 1px solid #444; |
michael@0 | 3501 | padding-bottom:5px; |
michael@0 | 3502 | } |
michael@0 | 3503 | |
michael@0 | 3504 | select:disabled~.afFakeSelect { |
michael@0 | 3505 | background:#ccc; |
michael@0 | 3506 | color:black; |
michael@0 | 3507 | } |