2013-07-04 18:55:39 +02:00
/ *
* jQuery Mobile 1 . 3 . 1
* Git HEAD hash : 74b4bec049fd93e4fe40205e6157de16eb64eb46 < > Date : Wed Apr 10 2013 21 : 57 : 23 UTC
* http : / / jquerymobile . com
*
* Copyright 2010 , 2013 jQuery Foundation , Inc . and other contributors
* Released under the MIT license .
* http : / / jquery . org / license
*
* /
/* Swatches */
/ * A
----------------------------------------------------------------------------------------------------------- * /
. ui-bar-a {
border : 1px solid # 333 /*{a-bar-border}*/ ;
background : # 111 /*{a-bar-background-color}*/ ;
color : # fff /*{a-bar-color}*/ ;
font-weight : bold ;
text-shadow : 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ # 000 /*{a-bar-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 3c3c3c /*{a-bar-background-start}*/ ) , to ( # 111 /*{a-bar-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 3c3c3c /*{a-bar-background-start}*/ , # 111 /*{a-bar-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 3c3c3c /*{a-bar-background-start}*/ , # 111 /*{a-bar-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 3c3c3c /*{a-bar-background-start}*/ , # 111 /*{a-bar-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 3c3c3c /*{a-bar-background-start}*/ , # 111 /*{a-bar-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 3c3c3c /*{a-bar-background-start}*/ , # 111 /*{a-bar-background-end}*/ ) ;
}
. ui-bar-a ,
. ui-bar-a input ,
. ui-bar-a select ,
. ui-bar-a textarea ,
. ui-bar-a button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-bar-a . ui-link-inherit {
color : # fff /*{a-bar-color}*/ ;
}
. ui-bar-a a . ui-link {
color : # 7cc4e7 /*{a-bar-link-color}*/ ;
font-weight : bold ;
}
. ui-bar-a a . ui-link : visited {
color : # 2489ce /*{a-bar-link-visited}*/ ;
}
. ui-bar-a a . ui-link : hover {
color : # 2489ce /*{a-bar-link-hover}*/ ;
}
. ui-bar-a a . ui-link : active {
color : # 2489ce /*{a-bar-link-active}*/ ;
}
. ui-body-a ,
. ui-overlay-a {
border : 1px solid # 444 /*{a-body-border}*/ ;
background : # 222 /*{a-body-background-color}*/ ;
color : # fff /*{a-body-color}*/ ;
text-shadow : 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ # 111 /*{a-body-shadow-color}*/ ;
font-weight : normal ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 444 /*{a-body-background-start}*/ ) , to ( # 222 /*{a-body-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 444 /*{a-body-background-start}*/ , # 222 /*{a-body-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 444 /*{a-body-background-start}*/ , # 222 /*{a-body-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 444 /*{a-body-background-start}*/ , # 222 /*{a-body-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 444 /*{a-body-background-start}*/ , # 222 /*{a-body-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 444 /*{a-body-background-start}*/ , # 222 /*{a-body-background-end}*/ ) ;
}
. ui-overlay-a {
background-image : none ;
border-width : 0 ;
}
. ui-body-a ,
. ui-body-a input ,
. ui-body-a select ,
. ui-body-a textarea ,
. ui-body-a button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-body-a . ui-link-inherit {
color : # fff /*{a-body-color}*/ ;
}
. ui-body-a . ui-link {
color : # 2489ce /*{a-body-link-color}*/ ;
font-weight : bold ;
}
. ui-body-a . ui-link : visited {
color : # 2489ce /*{a-body-link-visited}*/ ;
}
. ui-body-a . ui-link : hover {
color : # 2489ce /*{a-body-link-hover}*/ ;
}
. ui-body-a . ui-link : active {
color : # 2489ce /*{a-body-link-active}*/ ;
}
. ui-btn-up-a {
border : 1px solid # 111 /*{a-bup-border}*/ ;
background : # 333 /*{a-bup-background-color}*/ ;
font-weight : bold ;
color : # fff /*{a-bup-color}*/ ;
text-shadow : 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ # 111 /*{a-bup-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 444 /*{a-bup-background-start}*/ ) , to ( # 2d2d2d /*{a-bup-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 444 /*{a-bup-background-start}*/ , # 2d2d2d /*{a-bup-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 444 /*{a-bup-background-start}*/ , # 2d2d2d /*{a-bup-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 444 /*{a-bup-background-start}*/ , # 2d2d2d /*{a-bup-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 444 /*{a-bup-background-start}*/ , # 2d2d2d /*{a-bup-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 444 /*{a-bup-background-start}*/ , # 2d2d2d /*{a-bup-background-end}*/ ) ;
}
. ui-btn-up-a : visited ,
. ui-btn-up-a a . ui-link-inherit {
color : # fff /*{a-bup-color}*/ ;
}
. ui-btn-hover-a {
border : 1px solid # 000 /*{a-bhover-border}*/ ;
background : # 444 /*{a-bhover-background-color}*/ ;
font-weight : bold ;
color : # fff /*{a-bhover-color}*/ ;
text-shadow : 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ # 111 /*{a-bhover-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 555 /*{a-bhover-background-start}*/ ) , to ( # 383838 /*{a-bhover-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 555 /*{a-bhover-background-start}*/ , # 383838 /*{a-bhover-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 555 /*{a-bhover-background-start}*/ , # 383838 /*{a-bhover-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 555 /*{a-bhover-background-start}*/ , # 383838 /*{a-bhover-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 555 /*{a-bhover-background-start}*/ , # 383838 /*{a-bhover-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 555 /*{a-bhover-background-start}*/ , # 383838 /*{a-bhover-background-end}*/ ) ;
}
. ui-btn-hover-a : visited ,
. ui-btn-hover-a : hover ,
. ui-btn-hover-a a . ui-link-inherit {
color : # fff /*{a-bhover-color}*/ ;
}
. ui-btn-down-a {
border : 1px solid # 000 /*{a-bdown-border}*/ ;
background : # 222 /*{a-bdown-background-color}*/ ;
font-weight : bold ;
color : # fff /*{a-bdown-color}*/ ;
text-shadow : 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ # 111 /*{a-bdown-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 202020 /*{a-bdown-background-start}*/ ) , to ( # 2c2c2c /*{a-bdown-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 202020 /*{a-bdown-background-start}*/ , # 2c2c2c /*{a-bdown-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 202020 /*{a-bdown-background-start}*/ , # 2c2c2c /*{a-bdown-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 202020 /*{a-bdown-background-start}*/ , # 2c2c2c /*{a-bdown-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 202020 /*{a-bdown-background-start}*/ , # 2c2c2c /*{a-bdown-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 202020 /*{a-bdown-background-start}*/ , # 2c2c2c /*{a-bdown-background-end}*/ ) ;
}
. ui-btn-down-a : visited ,
. ui-btn-down-a : hover ,
. ui-btn-down-a a . ui-link-inherit {
color : # fff /*{a-bdown-color}*/ ;
}
. ui-btn-up-a ,
. ui-btn-hover-a ,
. ui-btn-down-a {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
text-decoration : none ;
}
/ * B
----------------------------------------------------------------------------------------------------------- * /
. ui-bar-b {
border : 1px solid # 456f9a /*{b-bar-border}*/ ;
background : # 5e87b0 /*{b-bar-background-color}*/ ;
color : # fff /*{b-bar-color}*/ ;
font-weight : bold ;
text-shadow : 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ # 3e6790 /*{b-bar-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 6facd5 /*{b-bar-background-start}*/ ) , to ( # 497bae /*{b-bar-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 6facd5 /*{b-bar-background-start}*/ , # 497bae /*{b-bar-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 6facd5 /*{b-bar-background-start}*/ , # 497bae /*{b-bar-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 6facd5 /*{b-bar-background-start}*/ , # 497bae /*{b-bar-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 6facd5 /*{b-bar-background-start}*/ , # 497bae /*{b-bar-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 6facd5 /*{b-bar-background-start}*/ , # 497bae /*{b-bar-background-end}*/ ) ;
}
. ui-bar-b ,
. ui-bar-b input ,
. ui-bar-b select ,
. ui-bar-b textarea ,
. ui-bar-b button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-bar-b . ui-link-inherit {
color : # fff /*{b-bar-color}*/ ;
}
. ui-bar-b a . ui-link {
color : # ddf0f8 /*{b-bar-link-color}*/ ;
font-weight : bold ;
}
. ui-bar-b a . ui-link : visited {
color : # ddf0f8 /*{b-bar-link-visited}*/ ;
}
. ui-bar-b a . ui-link : hover {
color : # ddf0f8 /*{b-bar-link-hover}*/ ;
}
. ui-bar-b a . ui-link : active {
color : # ddf0f8 /*{b-bar-link-active}*/ ;
}
. ui-body-b ,
. ui-overlay-b {
border : 1px solid # 999 /*{b-body-border}*/ ;
background : # f3f3f3 /*{b-body-background-color}*/ ;
color : # 222 /*{b-body-color}*/ ;
text-shadow : 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ # fff /*{b-body-shadow-color}*/ ;
font-weight : normal ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # ddd /*{b-body-background-start}*/ ) , to ( # ccc /*{b-body-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # ddd /*{b-body-background-start}*/ , # ccc /*{b-body-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # ddd /*{b-body-background-start}*/ , # ccc /*{b-body-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # ddd /*{b-body-background-start}*/ , # ccc /*{b-body-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # ddd /*{b-body-background-start}*/ , # ccc /*{b-body-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # ddd /*{b-body-background-start}*/ , # ccc /*{b-body-background-end}*/ ) ;
}
. ui-overlay-b {
background-image : none ;
border-width : 0 ;
}
. ui-body-b ,
. ui-body-b input ,
. ui-body-b select ,
. ui-body-b textarea ,
. ui-body-b button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-body-b . ui-link-inherit {
color : # 333 /*{b-body-color}*/ ;
}
. ui-body-b . ui-link {
color : # 2489ce /*{b-body-link-color}*/ ;
font-weight : bold ;
}
. ui-body-b . ui-link : visited {
color : # 2489ce /*{b-body-link-visited}*/ ;
}
. ui-body-b . ui-link : hover {
color : # 2489ce /*{b-body-link-hover}*/ ;
}
. ui-body-b . ui-link : active {
color : # 2489ce /*{b-body-link-active}*/ ;
}
. ui-btn-up-b {
border : 1px solid # 044062 /*{b-bup-border}*/ ;
background : # 396b9e /*{b-bup-background-color}*/ ;
font-weight : bold ;
color : # fff /*{b-bup-color}*/ ;
text-shadow : 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ # 194b7e /*{b-bup-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 5f9cc5 /*{b-bup-background-start}*/ ) , to ( # 396b9e /*{b-bup-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 5f9cc5 /*{b-bup-background-start}*/ , # 396b9e /*{b-bup-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 5f9cc5 /*{b-bup-background-start}*/ , # 396b9e /*{b-bup-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 5f9cc5 /*{b-bup-background-start}*/ , # 396b9e /*{b-bup-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 5f9cc5 /*{b-bup-background-start}*/ , # 396b9e /*{b-bup-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 5f9cc5 /*{b-bup-background-start}*/ , # 396b9e /*{b-bup-background-end}*/ ) ;
}
. ui-btn-up-b : visited ,
. ui-btn-up-b a . ui-link-inherit {
color : # fff /*{b-bup-color}*/ ;
}
. ui-btn-hover-b {
border : 1px solid # 00415e /*{b-bhover-border}*/ ;
background : # 4b88b6 /*{b-bhover-background-color}*/ ;
font-weight : bold ;
color : # fff /*{b-bhover-color}*/ ;
text-shadow : 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ # 194b7e /*{b-bhover-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 6facd5 /*{b-bhover-background-start}*/ ) , to ( # 4272a4 /*{b-bhover-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 6facd5 /*{b-bhover-background-start}*/ , # 4272a4 /*{b-bhover-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 6facd5 /*{b-bhover-background-start}*/ , # 4272a4 /*{b-bhover-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 6facd5 /*{b-bhover-background-start}*/ , # 4272a4 /*{b-bhover-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 6facd5 /*{b-bhover-background-start}*/ , # 4272a4 /*{b-bhover-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 6facd5 /*{b-bhover-background-start}*/ , # 4272a4 /*{b-bhover-background-end}*/ ) ;
}
. ui-btn-hover-b : visited ,
. ui-btn-hover-b : hover ,
. ui-btn-hover-b a . ui-link-inherit {
color : # fff /*{b-bhover-color}*/ ;
}
. ui-btn-down-b {
border : 1px solid # 225377 /*{b-bdown-border}*/ ;
background : # 4e89c5 /*{b-bdown-background-color}*/ ;
font-weight : bold ;
color : # fff /*{b-bdown-color}*/ ;
text-shadow : 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ # 194b7e /*{b-bdown-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 295b8e /*{b-bdown-background-start}*/ ) , to ( # 3e79b5 /*{b-bdown-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 295b8e /*{b-bdown-background-start}*/ , # 3e79b5 /*{b-bdown-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 295b8e /*{b-bdown-background-start}*/ , # 3e79b5 /*{b-bdown-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 295b8e /*{b-bdown-background-start}*/ , # 3e79b5 /*{b-bdown-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 295b8e /*{b-bdown-background-start}*/ , # 3e79b5 /*{b-bdown-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 295b8e /*{b-bdown-background-start}*/ , # 3e79b5 /*{b-bdown-background-end}*/ ) ;
}
. ui-btn-down-b : visited ,
. ui-btn-down-b : hover ,
. ui-btn-down-b a . ui-link-inherit {
color : # fff /*{b-bdown-color}*/ ;
}
. ui-btn-up-b ,
. ui-btn-hover-b ,
. ui-btn-down-b {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
text-decoration : none ;
}
/ * C
----------------------------------------------------------------------------------------------------------- * /
. ui-bar-c {
border : 1px solid # b3b3b3 /*{c-bar-border}*/ ;
background : # eee /*{c-bar-background-color}*/ ;
color : # 3e3e3e /*{c-bar-color}*/ ;
font-weight : bold ;
text-shadow : 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ # fff /*{c-bar-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # f0f0f0 /*{c-bar-background-start}*/ ) , to ( # ddd /*{c-bar-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # f0f0f0 /*{c-bar-background-start}*/ , # ddd /*{c-bar-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # f0f0f0 /*{c-bar-background-start}*/ , # ddd /*{c-bar-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # f0f0f0 /*{c-bar-background-start}*/ , # ddd /*{c-bar-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # f0f0f0 /*{c-bar-background-start}*/ , # ddd /*{c-bar-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # f0f0f0 /*{c-bar-background-start}*/ , # ddd /*{c-bar-background-end}*/ ) ;
}
. ui-bar-c . ui-link-inherit {
color : # 3e3e3e /*{c-bar-color}*/ ;
}
. ui-bar-c a . ui-link {
color : # 7cc4e7 /*{c-bar-link-color}*/ ;
font-weight : bold ;
}
. ui-bar-c a . ui-link : visited {
color : # 2489ce /*{c-bar-link-visited}*/ ;
}
. ui-bar-c a . ui-link : hover {
color : # 2489ce /*{c-bar-link-hover}*/ ;
}
. ui-bar-c a . ui-link : active {
color : # 2489ce /*{c-bar-link-active}*/ ;
}
. ui-bar-c ,
. ui-bar-c input ,
. ui-bar-c select ,
. ui-bar-c textarea ,
. ui-bar-c button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-body-c ,
. ui-overlay-c {
border : 1px solid # aaa /*{c-body-border}*/ ;
color : # 333 /*{c-body-color}*/ ;
text-shadow : 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ # fff /*{c-body-shadow-color}*/ ;
background : # f9f9f9 /*{c-body-background-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # f9f9f9 /*{c-body-background-start}*/ ) , to ( # eee /*{c-body-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # f9f9f9 /*{c-body-background-start}*/ , # eee /*{c-body-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # f9f9f9 /*{c-body-background-start}*/ , # eee /*{c-body-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # f9f9f9 /*{c-body-background-start}*/ , # eee /*{c-body-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # f9f9f9 /*{c-body-background-start}*/ , # eee /*{c-body-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # f9f9f9 /*{c-body-background-start}*/ , # eee /*{c-body-background-end}*/ ) ;
}
. ui-overlay-c {
background-image : none ;
border-width : 0 ;
}
. ui-body-c ,
. ui-body-c input ,
. ui-body-c select ,
. ui-body-c textarea ,
. ui-body-c button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-body-c . ui-link-inherit {
color : # 333 /*{c-body-color}*/ ;
}
. ui-body-c . ui-link {
color : # 2489ce /*{c-body-link-color}*/ ;
font-weight : bold ;
}
. ui-body-c . ui-link : visited {
color : # 2489ce /*{c-body-link-visited}*/ ;
}
. ui-body-c . ui-link : hover {
color : # 2489ce /*{c-body-link-hover}*/ ;
}
. ui-body-c . ui-link : active {
color : # 2489ce /*{c-body-link-active}*/ ;
}
. ui-btn-up-c {
border : 1px solid # ccc /*{c-bup-border}*/ ;
background : # eee /*{c-bup-background-color}*/ ;
font-weight : bold ;
color : # 222 /*{c-bup-color}*/ ;
text-shadow : 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ # fff /*{c-bup-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # fff /*{c-bup-background-start}*/ ) , to ( # f1f1f1 /*{c-bup-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # fff /*{c-bup-background-start}*/ , # f1f1f1 /*{c-bup-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # fff /*{c-bup-background-start}*/ , # f1f1f1 /*{c-bup-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # fff /*{c-bup-background-start}*/ , # f1f1f1 /*{c-bup-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # fff /*{c-bup-background-start}*/ , # f1f1f1 /*{c-bup-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # fff /*{c-bup-background-start}*/ , # f1f1f1 /*{c-bup-background-end}*/ ) ;
}
. ui-btn-up-c : visited ,
. ui-btn-up-c a . ui-link-inherit {
color : # 2f3e46 /*{c-bup-color}*/ ;
}
. ui-btn-hover-c {
border : 1px solid # bbb /*{c-bhover-border}*/ ;
background : # dfdfdf /*{c-bhover-background-color}*/ ;
font-weight : bold ;
color : # 222 /*{c-bhover-color}*/ ;
text-shadow : 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ # fff /*{c-bhover-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # f6f6f6 /*{c-bhover-background-start}*/ ) , to ( # e0e0e0 /*{c-bhover-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # f6f6f6 /*{c-bhover-background-start}*/ , # e0e0e0 /*{c-bhover-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # f6f6f6 /*{c-bhover-background-start}*/ , # e0e0e0 /*{c-bhover-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # f6f6f6 /*{c-bhover-background-start}*/ , # e0e0e0 /*{c-bhover-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # f6f6f6 /*{c-bhover-background-start}*/ , # e0e0e0 /*{c-bhover-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # f6f6f6 /*{c-bhover-background-start}*/ , # e0e0e0 /*{c-bhover-background-end}*/ ) ;
}
. ui-btn-hover-c : visited ,
. ui-btn-hover-c : hover ,
. ui-btn-hover-c a . ui-link-inherit {
color : # 2f3e46 /*{c-bhover-color}*/ ;
}
. ui-btn-down-c {
border : 1px solid # bbb /*{c-bdown-border}*/ ;
background : # d6d6d6 /*{c-bdown-background-color}*/ ;
font-weight : bold ;
color : # 222 /*{c-bdown-color}*/ ;
text-shadow : 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ # fff /*{c-bdown-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # d0d0d0 /*{c-bdown-background-start}*/ ) , to ( # dfdfdf /*{c-bdown-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # d0d0d0 /*{c-bdown-background-start}*/ , # dfdfdf /*{c-bdown-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # d0d0d0 /*{c-bdown-background-start}*/ , # dfdfdf /*{c-bdown-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # d0d0d0 /*{c-bdown-background-start}*/ , # dfdfdf /*{c-bdown-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # d0d0d0 /*{c-bdown-background-start}*/ , # dfdfdf /*{c-bdown-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # d0d0d0 /*{c-bdown-background-start}*/ , # dfdfdf /*{c-bdown-background-end}*/ ) ;
}
. ui-btn-down-c : visited ,
. ui-btn-down-c : hover ,
. ui-btn-down-c a . ui-link-inherit {
color : # 2f3e46 /*{c-bdown-color}*/ ;
}
. ui-btn-up-c ,
. ui-btn-hover-c ,
. ui-btn-down-c {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
text-decoration : none ;
}
/ * D
----------------------------------------------------------------------------------------------------------- * /
. ui-bar-d {
border : 1px solid # bbb /*{d-bar-border}*/ ;
background : # bbb /*{d-bar-background-color}*/ ;
color : # 333 /*{d-bar-color}*/ ;
font-weight : bold ;
text-shadow : 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ # eee /*{d-bar-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # ddd /*{d-bar-background-start}*/ ) , to ( # bbb /*{d-bar-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # ddd /*{d-bar-background-start}*/ , # bbb /*{d-bar-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # ddd /*{d-bar-background-start}*/ , # bbb /*{d-bar-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # ddd /*{d-bar-background-start}*/ , # bbb /*{d-bar-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # ddd /*{d-bar-background-start}*/ , # bbb /*{d-bar-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # ddd /*{d-bar-background-start}*/ , # bbb /*{d-bar-background-end}*/ ) ;
}
. ui-bar-d ,
. ui-bar-d input ,
. ui-bar-d select ,
. ui-bar-d textarea ,
. ui-bar-d button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-bar-d . ui-link-inherit {
color : # 333 /*{d-bar-color}*/ ;
}
. ui-bar-d a . ui-link {
color : # 2489ce /*{d-bar-link-color}*/ ;
font-weight : bold ;
}
. ui-bar-d a . ui-link : visited {
color : # 2489ce /*{d-bar-link-visited}*/ ;
}
. ui-bar-d a . ui-link : hover {
color : # 2489ce /*{d-bar-link-hover}*/ ;
}
. ui-bar-d a . ui-link : active {
color : # 2489ce /*{d-bar-link-active}*/ ;
}
. ui-body-d ,
. ui-overlay-d {
border : 1px solid # bbb /*{d-body-border}*/ ;
color : # 333 /*{d-body-color}*/ ;
text-shadow : 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ # fff /*{d-body-shadow-color}*/ ;
background : # fff /*{d-body-background-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # fff /*{d-body-background-start}*/ ) , to ( # fff /*{d-body-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # fff /*{d-body-background-start}*/ , # fff /*{d-body-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # fff /*{d-body-background-start}*/ , # fff /*{d-body-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # fff /*{d-body-background-start}*/ , # fff /*{d-body-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # fff /*{d-body-background-start}*/ , # fff /*{d-body-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # fff /*{d-body-background-start}*/ , # fff /*{d-body-background-end}*/ ) ;
}
. ui-overlay-d {
background-image : none ;
border-width : 0 ;
}
. ui-body-d ,
. ui-body-d input ,
. ui-body-d select ,
. ui-body-d textarea ,
. ui-body-d button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-body-d . ui-link-inherit {
color : # 333 /*{d-body-color}*/ ;
}
. ui-body-d . ui-link {
color : # 2489ce /*{d-body-link-color}*/ ;
font-weight : bold ;
}
. ui-body-d . ui-link : visited {
color : # 2489ce /*{d-body-link-visited}*/ ;
}
. ui-body-d . ui-link : hover {
color : # 2489ce /*{d-body-link-hover}*/ ;
}
. ui-body-d . ui-link : active {
color : # 2489ce /*{d-body-link-active}*/ ;
}
. ui-btn-up-d {
border : 1px solid # bbb /*{d-bup-border}*/ ;
background : # fff /*{d-bup-background-color}*/ ;
font-weight : bold ;
color : # 333 /*{d-bup-color}*/ ;
text-shadow : 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ # fff /*{d-bup-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # fafafa /*{d-bup-background-start}*/ ) , to ( # f6f6f6 /*{d-bup-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # fafafa /*{d-bup-background-start}*/ , # f6f6f6 /*{d-bup-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # fafafa /*{d-bup-background-start}*/ , # f6f6f6 /*{d-bup-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # fafafa /*{d-bup-background-start}*/ , # f6f6f6 /*{d-bup-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # fafafa /*{d-bup-background-start}*/ , # f6f6f6 /*{d-bup-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # fafafa /*{d-bup-background-start}*/ , # f6f6f6 /*{d-bup-background-end}*/ ) ;
}
. ui-btn-up-d : visited ,
. ui-btn-up-d a . ui-link-inherit {
color : # 333 /*{d-bup-color}*/ ;
}
. ui-btn-hover-d {
border : 1px solid # aaa /*{d-bhover-border}*/ ;
background : # eee /*{d-bhover-background-color}*/ ;
font-weight : bold ;
color : # 333 /*{d-bhover-color}*/ ;
cursor : pointer ;
text-shadow : 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ # fff /*{d-bhover-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # eee /*{d-bhover-background-start}*/ ) , to ( # fff /*{d-bhover-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # eee /*{d-bhover-background-start}*/ , # fff /*{d-bhover-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # eee /*{d-bhover-background-start}*/ , # fff /*{d-bhover-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # eee /*{d-bhover-background-start}*/ , # fff /*{d-bhover-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # eee /*{d-bhover-background-start}*/ , # fff /*{d-bhover-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # eee /*{d-bhover-background-start}*/ , # fff /*{d-bhover-background-end}*/ ) ;
}
. ui-btn-hover-d : visited ,
. ui-btn-hover-d : hover ,
. ui-btn-hover-d a . ui-link-inherit {
color : # 333 /*{d-bhover-color}*/ ;
}
. ui-btn-down-d {
border : 1px solid # aaa /*{d-bdown-border}*/ ;
background : # eee /*{d-bdown-background-color}*/ ;
font-weight : bold ;
color : # 333 /*{d-bdown-color}*/ ;
text-shadow : 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ # fff /*{d-bdown-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # e5e5e5 /*{d-bdown-background-start}*/ ) , to ( # f2f2f2 /*{d-bdown-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # e5e5e5 /*{d-bdown-background-start}*/ , # f2f2f2 /*{d-bdown-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # e5e5e5 /*{d-bdown-background-start}*/ , # f2f2f2 /*{d-bdown-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # e5e5e5 /*{d-bdown-background-start}*/ , # f2f2f2 /*{d-bdown-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # e5e5e5 /*{d-bdown-background-start}*/ , # f2f2f2 /*{d-bdown-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # e5e5e5 /*{d-bdown-background-start}*/ , # f2f2f2 /*{d-bdown-background-end}*/ ) ;
}
. ui-btn-down-d : visited ,
. ui-btn-down-d : hover ,
. ui-btn-down-d a . ui-link-inherit {
color : # 333 /*{d-bdown-color}*/ ;
}
. ui-btn-up-d ,
. ui-btn-hover-d ,
. ui-btn-down-d {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
text-decoration : none ;
}
/ * E
----------------------------------------------------------------------------------------------------------- * /
. ui-bar-e {
border : 1px solid # f7c942 /*{e-bar-border}*/ ;
background : # fadb4e /*{e-bar-background-color}*/ ;
color : # 333 /*{e-bar-color}*/ ;
font-weight : bold ;
text-shadow : 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ # fff /*{e-bar-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # fceda7 /*{e-bar-background-start}*/ ) , to ( # fbef7e /*{e-bar-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # fceda7 /*{e-bar-background-start}*/ , # fbef7e /*{e-bar-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # fceda7 /*{e-bar-background-start}*/ , # fbef7e /*{e-bar-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # fceda7 /*{e-bar-background-start}*/ , # fbef7e /*{e-bar-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # fceda7 /*{e-bar-background-start}*/ , # fbef7e /*{e-bar-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # fceda7 /*{e-bar-background-start}*/ , # fbef7e /*{e-bar-background-end}*/ ) ;
}
. ui-bar-e ,
. ui-bar-e input ,
. ui-bar-e select ,
. ui-bar-e textarea ,
. ui-bar-e button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-bar-e . ui-link-inherit {
color : # 333 /*{e-bar-color}*/ ;
}
. ui-bar-e a . ui-link {
color : # 2489ce /*{e-bar-link-color}*/ ;
font-weight : bold ;
}
. ui-bar-e a . ui-link : visited {
color : # 2489ce /*{e-bar-link-visited}*/ ;
}
. ui-bar-e a . ui-link : hover {
color : # 2489ce /*{e-bar-link-hover}*/ ;
}
. ui-bar-e a . ui-link : active {
color : # 2489ce /*{e-bar-link-active}*/ ;
}
. ui-body-e ,
. ui-overlay-e {
border : 1px solid # f7c942 /*{e-body-border}*/ ;
color : # 222 /*{e-body-color}*/ ;
text-shadow : 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ # fff /*{e-body-shadow-color}*/ ;
background : # fff9df /*{e-body-background-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # fffadf /*{e-body-background-start}*/ ) , to ( # fff3a5 /*{e-body-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # fffadf /*{e-body-background-start}*/ , # fff3a5 /*{e-body-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # fffadf /*{e-body-background-start}*/ , # fff3a5 /*{e-body-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # fffadf /*{e-body-background-start}*/ , # fff3a5 /*{e-body-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # fffadf /*{e-body-background-start}*/ , # fff3a5 /*{e-body-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # fffadf /*{e-body-background-start}*/ , # fff3a5 /*{e-body-background-end}*/ ) ;
}
. ui-overlay-e {
background-image : none ;
border-width : 0 ;
}
. ui-body-e ,
. ui-body-e input ,
. ui-body-e select ,
. ui-body-e textarea ,
. ui-body-e button {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-body-e . ui-link-inherit {
color : # 222 /*{e-body-color}*/ ;
}
. ui-body-e . ui-link {
color : # 2489ce /*{e-body-link-color}*/ ;
font-weight : bold ;
}
. ui-body-e . ui-link : visited {
color : # 2489ce /*{e-body-link-visited}*/ ;
}
. ui-body-e . ui-link : hover {
color : # 2489ce /*{e-body-link-hover}*/ ;
}
. ui-body-e . ui-link : active {
color : # 2489ce /*{e-body-link-active}*/ ;
}
. ui-btn-up-e {
border : 1px solid # f4c63f /*{e-bup-border}*/ ;
background : # fadb4e /*{e-bup-background-color}*/ ;
font-weight : bold ;
color : # 222 /*{e-bup-color}*/ ;
text-shadow : 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ # fff /*{e-bup-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # ffefaa /*{e-bup-background-start}*/ ) , to ( # ffe155 /*{e-bup-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # ffefaa /*{e-bup-background-start}*/ , # ffe155 /*{e-bup-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # ffefaa /*{e-bup-background-start}*/ , # ffe155 /*{e-bup-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # ffefaa /*{e-bup-background-start}*/ , # ffe155 /*{e-bup-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # ffefaa /*{e-bup-background-start}*/ , # ffe155 /*{e-bup-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # ffefaa /*{e-bup-background-start}*/ , # ffe155 /*{e-bup-background-end}*/ ) ;
}
. ui-btn-up-e : visited ,
. ui-btn-up-e a . ui-link-inherit {
color : # 222 /*{e-bup-color}*/ ;
}
. ui-btn-hover-e {
border : 1px solid # f2c43d /*{e-bhover-border}*/ ;
background : # fbe26f /*{e-bhover-background-color}*/ ;
font-weight : bold ;
color : # 111 /*{e-bhover-color}*/ ;
text-shadow : 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ # fff /*{e-bhover-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # fff5ba /*{e-bhover-background-start}*/ ) , to ( # fbdd52 /*{e-bhover-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # fff5ba /*{e-bhover-background-start}*/ , # fbdd52 /*{e-bhover-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # fff5ba /*{e-bhover-background-start}*/ , # fbdd52 /*{e-bhover-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # fff5ba /*{e-bhover-background-start}*/ , # fbdd52 /*{e-bhover-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # fff5ba /*{e-bhover-background-start}*/ , # fbdd52 /*{e-bhover-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # fff5ba /*{e-bhover-background-start}*/ , # fbdd52 /*{e-bhover-background-end}*/ ) ;
}
. ui-btn-hover-e : visited ,
. ui-btn-hover-e : hover ,
. ui-btn-hover-e a . ui-link-inherit {
color : # 333 /*{e-bhover-color}*/ ;
}
. ui-btn-down-e {
border : 1px solid # f2c43d /*{e-bdown-border}*/ ;
background : # fceda7 /*{e-bdown-background-color}*/ ;
font-weight : bold ;
color : # 111 /*{e-bdown-color}*/ ;
text-shadow : 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ # fff /*{e-bdown-shadow-color}*/ ;
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # f8d94c /*{e-bdown-background-start}*/ ) , to ( # fadb4e /*{e-bdown-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # f8d94c /*{e-bdown-background-start}*/ , # fadb4e /*{e-bdown-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # f8d94c /*{e-bdown-background-start}*/ , # fadb4e /*{e-bdown-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # f8d94c /*{e-bdown-background-start}*/ , # fadb4e /*{e-bdown-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # f8d94c /*{e-bdown-background-start}*/ , # fadb4e /*{e-bdown-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # f8d94c /*{e-bdown-background-start}*/ , # fadb4e /*{e-bdown-background-end}*/ ) ;
}
. ui-btn-down-e : visited ,
. ui-btn-down-e : hover ,
. ui-btn-down-e a . ui-link-inherit {
color : # 333 /*{e-bdown-color}*/ ;
}
. ui-btn-up-e ,
. ui-btn-hover-e ,
. ui-btn-down-e {
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
text-decoration : none ;
}
/* Structure */
/ * links within "buttons"
----------------------------------------------------------------------------------------------------------- * /
a . ui-link-inherit {
text-decoration : none ! important ;
}
/ * Active class used as the "on" state across all themes
----------------------------------------------------------------------------------------------------------- * /
. ui-btn-active {
2017-02-13 16:06:17 +01:00
border : 1px solid # 82B92E /*{global-active-border}*/ ;
2013-07-04 18:55:39 +02:00
background : # 5393c5 /*{global-active-background-color}*/ ;
font-weight : bold ;
color : # fff /*{global-active-color}*/ ;
cursor : pointer ;
2017-02-13 16:06:17 +01:00
text-shadow : 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ # 82B92E /*{global-active-shadow-color}*/ ;
2013-07-04 18:55:39 +02:00
text-decoration : none ;
2017-02-13 16:06:17 +01:00
background-image : -webkit-gradient ( linear , left top , left bottom , from ( # 82B92E /*{global-active-background-start}*/ ) , to ( # 82B92E /*{global-active-background-end}*/ ) ) ; /* Saf4+, Chrome */
background-image : -webkit-linear-gradient ( # 82B92E /*{global-active-background-start}*/ , # 82B92E /*{global-active-background-end}*/ ) ; /* Chrome 10+, Saf5.1+ */
background-image : -moz-linear-gradient ( # 82B92E /*{global-active-background-start}*/ , # 82B92E /*{global-active-background-end}*/ ) ; /* FF3.6 */
background-image : -ms-linear-gradient ( # 82B92E /*{global-active-background-start}*/ , # 82B92E /*{global-active-background-end}*/ ) ; /* IE10 */
background-image : -o-linear-gradient ( # 82B92E /*{global-active-background-start}*/ , # 82B92E /*{global-active-background-end}*/ ) ; /* Opera 11.10+ */
background-image : linear-gradient ( # 82B92E /*{global-active-background-start}*/ , # 82B92E /*{global-active-background-end}*/ ) ;
2013-07-04 18:55:39 +02:00
font-family : Helvetica , Arial , sans-serif /*{global-font-family}*/ ;
}
. ui-btn-active : visited ,
. ui-btn-active : hover ,
. ui-btn-active a . ui-link-inherit {
color : # fff /*{global-active-color}*/ ;
}
/ * button inner top highlight
----------------------------------------------------------------------------------------------------------- * /
. ui-btn-inner {
border-top : 1px solid # fff ;
border-color : rgba ( 255 , 255 , 255 , . 3 ) ;
}
/ * corner rounding classes
----------------------------------------------------------------------------------------------------------- * /
. ui-corner-all {
-webkit-border-radius : . 6em /*{global-radii-blocks}*/ ;
border-radius : . 6em /*{global-radii-blocks}*/ ;
}
/ * Form field separator
----------------------------------------------------------------------------------------------------------- * /
. ui-br {
border-color : rgb ( 130 , 130 , 130 ) ;
border-color : rgba ( 130 , 130 , 130 , . 3 ) ;
border-style : solid ;
}
/ * Interaction cues
----------------------------------------------------------------------------------------------------------- * /
. ui-disabled {
filter : Alpha ( Opacity = 30 ) ;
opacity : . 3 ;
zoom : 1 ;
}
. ui-disabled ,
. ui-disabled a {
cursor : default ! important ;
pointer-events : none ;
}
/ * Icons
----------------------------------------------------------------------------------------------------------- * /
. ui-icon ,
. ui-icon-searchfield : after {
background-color : # 666 /*{global-icon-color}*/ ;
background-color : rgba ( 0 , 0 , 0 , . 4 ) /*{global-icon-disc}*/ ;
background-image : url ( images / icons-18-white . png ) /*{global-icon-set}*/ ;
background-repeat : no-repeat ;
-webkit-border-radius : 9px ;
border-radius : 9px ;
}
/ * Alt icon color
----------------------------------------------------------------------------------------------------------- * /
. ui-icon-alt . ui-icon ,
. ui-icon-alt . ui-icon-searchfield : after {
background-color : # fff ;
background-color : rgba ( 255 , 255 , 255 , . 3 ) ;
background-image : url ( images / icons-18-black . png ) ;
background-repeat : no-repeat ;
}
/ * No disc
----------------------------------------------------------------------------------------------------------- * /
. ui-icon-nodisc . ui-icon ,
. ui-icon-nodisc . ui-icon-searchfield : after ,
. ui-icon-nodisc . ui-icon-alt . ui-icon ,
. ui-icon-nodisc . ui-icon-alt . ui-icon-searchfield : after {
background-color : transparent ;
}
/ * Icon sprite
----------------------------------------------------------------------------------------------------------- * /
/* plus minus */
. ui-icon-plus {
background-position : -1px -1px ;
}
. ui-icon-minus {
background-position : -37px -1px ;
}
/* delete/close */
. ui-icon-delete {
background-position : -73px -1px ;
}
/* arrows */
. ui-icon-arrow-r {
background-position : -108px -1px ;
}
. ui-icon-arrow-l {
background-position : -144px -1px ;
}
. ui-icon-arrow-u {
background-position : -180px -1px ;
}
. ui-icon-arrow-d {
background-position : -216px -1px ;
}
/* misc */
. ui-icon-check {
background-position : -252px -1px ;
}
. ui-icon-gear {
background-position : -288px -1px ;
}
. ui-icon-refresh {
background-position : -323px -1px ;
}
. ui-icon-forward {
background-position : -360px -1px ;
}
. ui-icon-back {
background-position : -396px -1px ;
}
. ui-icon-grid {
background-position : -432px -1px ;
}
. ui-icon-star {
background-position : -467px -1px ;
}
. ui-icon-alert {
background-position : -503px -1px ;
}
. ui-icon-info {
background-position : -539px -1px ;
}
. ui-icon-home {
background-position : -575px -1px ;
}
/* search */
. ui-icon-search ,
. ui-icon-searchfield : after {
background-position : -611px -1px ;
}
/* checkbox radio */
. ui-icon-checkbox-on {
background-position : -647px -1px ;
}
. ui-icon-checkbox-off {
background-position : -683px -1px ;
}
. ui-icon-radio-on {
background-position : -718px -1px ;
}
. ui-icon-radio-off {
background-position : -754px -1px ;
}
/* menu edit */
. ui-icon-bars {
background-position : -788px -1px ;
}
. ui-icon-edit {
background-position : -824px -1px ;
}
/ * HD / "retina" sprite
----------------------------------------------------------------------------------------------------------- * /
@ media only screen and ( -webkit-min-device-pixel-ratio : 1 . 3 ) ,
only screen and ( min--moz-device-pixel-ratio : 1 . 3 ) ,
only screen and ( min-resolution : 200dpi ) {
. ui-icon-plus , . ui-icon-minus , . ui-icon-delete , . ui-icon-arrow-r ,
. ui-icon-arrow-l , . ui-icon-arrow-u , . ui-icon-arrow-d , . ui-icon-check ,
. ui-icon-gear , . ui-icon-refresh , . ui-icon-forward , . ui-icon-back ,
. ui-icon-grid , . ui-icon-star , . ui-icon-alert , . ui-icon-info , . ui-icon-home , . ui-icon-bars , . ui-icon-edit ,
. ui-icon-search , . ui-icon-searchfield : after ,
. ui-icon-checkbox-off , . ui-icon-checkbox-on , . ui-icon-radio-off , . ui-icon-radio-on {
background-image : url ( images / icons-36-white . png ) ;
-moz-background-size : 864px 18px ;
-o-background-size : 864px 18px ;
-webkit-background-size : 864px 18px ;
background-size : 864px 18px ;
}
. ui-icon-alt . ui-icon {
background-image : url ( images / icons-36-black . png ) ;
}
. ui-icon-plus {
background-position : 0 50 % ;
}
. ui-icon-minus {
background-position : -36px 50 % ;
}
. ui-icon-delete {
background-position : -72px 50 % ;
}
. ui-icon-arrow-r {
background-position : -108px 50 % ;
}
. ui-icon-arrow-l {
background-position : -144px 50 % ;
}
. ui-icon-arrow-u {
background-position : -179px 50 % ;
}
. ui-icon-arrow-d {
background-position : -215px 50 % ;
}
. ui-icon-check {
background-position : -252px 50 % ;
}
. ui-icon-gear {
background-position : -287px 50 % ;
}
. ui-icon-refresh {
background-position : -323px 50 % ;
}
. ui-icon-forward {
background-position : -360px 50 % ;
}
. ui-icon-back {
background-position : -395px 50 % ;
}
. ui-icon-grid {
background-position : -431px 50 % ;
}
. ui-icon-star {
background-position : -467px 50 % ;
}
. ui-icon-alert {
background-position : -503px 50 % ;
}
. ui-icon-info {
background-position : -538px 50 % ;
}
. ui-icon-home {
background-position : -575px 50 % ;
}
. ui-icon-search ,
. ui-icon-searchfield : after {
background-position : -611px 50 % ;
}
. ui-icon-checkbox-on {
background-position : -647px 50 % ;
}
. ui-icon-checkbox-off {
background-position : -683px 50 % ;
}
. ui-icon-radio-on {
background-position : -718px 50 % ;
}
. ui-icon-radio-off {
background-position : -754px 50 % ;
}
. ui-icon-bars {
background-position : -788px 50 % ;
} . ui-icon-edit {
background-position : -824px 50 % ;
}
}
/* checks,radios */
. ui-checkbox . ui-icon ,
. ui-selectmenu-list . ui-icon {
-webkit-border-radius : 3px ;
border-radius : 3px ;
}
. ui-icon-checkbox-off ,
. ui-icon-radio-off {
background-color : transparent ;
}
. ui-checkbox-on . ui-icon ,
. ui-radio-on . ui-icon {
background-color : # 4596ce /*{global-active-background-color}*/ ; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}
/* loading icon */
. ui-icon-loading {
background : url ( images / ajax-loader . gif ) ;
background-size : 46px 46px ;
}
/ * Button corner class
----------------------------------------------------------------------------------------------------------- * /
. ui-btn-corner-all {
-webkit-border-radius : 1em /*{global-radii-buttons}*/ ;
border-radius : 1em /*{global-radii-buttons}*/ ;
}
/* radius clip workaround for cleaning up corner trapping */
. ui-corner-all ,
. ui-btn-corner-all {
-webkit-background-clip : padding ;
background-clip : padding-box ;
}
/ * Overlay / modal
----------------------------------------------------------------------------------------------------------- * /
. ui-overlay {
background : # 666 ;
filter : Alpha ( Opacity = 50 ) ;
opacity : . 5 ;
position : absolute ;
width : 100 % ;
height : 100 % ;
}
. ui-overlay-shadow {
-moz-box-shadow : 0 0 12px rgba ( 0 , 0 , 0 , . 6 ) ;
-webkit-box-shadow : 0 0 12px rgba ( 0 , 0 , 0 , . 6 ) ;
box-shadow : 0 0 12px rgba ( 0 , 0 , 0 , . 6 ) ;
}
. ui-shadow {
-moz-box-shadow : 0 1px 3px /*{global-box-shadow-size}*/ rgba ( 0 , 0 , 0 , . 2 ) /*{global-box-shadow-color}*/ ;
-webkit-box-shadow : 0 1px 3px /*{global-box-shadow-size}*/ rgba ( 0 , 0 , 0 , . 2 ) /*{global-box-shadow-color}*/ ;
box-shadow : 0 1px 3px /*{global-box-shadow-size}*/ rgba ( 0 , 0 , 0 , . 2 ) /*{global-box-shadow-color}*/
}
. ui-bar-a . ui-shadow ,
. ui-bar-b . ui-shadow ,
. ui-bar-c . ui-shadow {
-moz-box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 3 ) ;
-webkit-box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 3 ) ;
box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 3 ) ;
}
. ui-shadow-inset {
-moz-box-shadow : inset 0 1px 4px rgba ( 0 , 0 , 0 , . 2 ) ;
-webkit-box-shadow : inset 0 1px 4px rgba ( 0 , 0 , 0 , . 2 ) ;
box-shadow : inset 0 1px 4px rgba ( 0 , 0 , 0 , . 2 ) ;
}
. ui-icon-shadow {
-moz-box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 4 ) /*{global-icon-shadow}*/ ;
-webkit-box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 4 ) /*{global-icon-shadow}*/ ;
box-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 4 ) /*{global-icon-shadow}*/ ;
}
/ * Focus state - set here for specificity ( note : these classes are added by JavaScript )
----------------------------------------------------------------------------------------------------------- * /
. ui-btn : focus , . ui-link-inherit : focus {
outline : 0 ;
}
. ui-btn . ui-focus {
z-index : 1 ;
}
. ui-focus ,
. ui-btn : focus {
2017-02-13 16:06:17 +01:00
-moz-box-shadow : inset 0 0 3px # 82B92E /*{global-active-background-color}*/ , 0 0 9px # 82B92E /*{global-active-background-color}*/ ;
-webkit-box-shadow : inset 0 0 3px # 82B92E /*{global-active-background-color}*/ , 0 0 9px # 82B92E /*{global-active-background-color}*/ ;
box-shadow : inset 0 0 3px # 82B92E /*{global-active-background-color}*/ , 0 0 9px # 82B92E /*{global-active-background-color}*/ ;
2013-07-04 18:55:39 +02:00
}
. ui-input-text . ui-focus ,
. ui-input-search . ui-focus {
-moz-box-shadow : 0 0 12px # 387bbe /*{global-active-background-color}*/ ;
-webkit-box-shadow : 0 0 12px # 387bbe /*{global-active-background-color}*/ ;
box-shadow : 0 0 12px # 387bbe /*{global-active-background-color}*/ ;
}
/ * unset box shadow in browsers that don ' t do it right
----------------------------------------------------------------------------------------------------------- * /
. ui-mobile-nosupport-boxshadow * {
-moz-box-shadow : none ! important ;
-webkit-box-shadow : none ! important ;
box-shadow : none ! important ;
}
/* ...and bring back focus */
. ui-mobile-nosupport-boxshadow . ui-focus ,
. ui-mobile-nosupport-boxshadow . ui-btn : focus ,
. ui-mobile-nosupport-boxshadow . ui-link-inherit : focus {
outline-width : 1px ;
outline-style : auto ;
}
/* some unsets - more probably needed */
. ui-mobile , . ui-mobile body { height : 99.9 % ; }
. ui-mobile fieldset , . ui-page { padding : 0 ; margin : 0 ; }
. ui-mobile a img , . ui-mobile fieldset { border-width : 0 ; }
/* responsive page widths */
. ui-mobile-viewport { margin : 0 ; overflow-x : visible ; -webkit- text-size-adjust : 100 % ; -ms- text-size-adjust : none ; -webkit- tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ; }
/* Issue #2066 */
body . ui-mobile-viewport ,
div . ui-mobile-viewport { overflow-x : hidden ; }
/* "page" containers - full-screen views, one should always be in view post-pageload */
. ui-mobile [ data-role = page ] , . ui-mobile [ data-role = dialog ] , . ui-page { top : 0 ; left : 0 ; width : 100 % ; min-height : 100 % ; position : absolute ; display : none ; border : 0 ; }
. ui-mobile . ui-page-active { display : block ; overflow : visible ; }
/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
. ui-page { outline : none ; }
/*orientations from js are available */
@ media screen and ( orientation : portrait ) {
. ui-mobile . ui-page { min-height : 420 px ; }
}
@ media screen and ( orientation : landscape ) {
. ui-mobile . ui-page { min-height : 300 px ; }
}
/* loading screen */
. ui-loading . ui-loader { display : block ; }
. ui-loader { display : none ; z-index : 9999999 ; position : fixed ; top : 50 % ; left : 50 % ; border : 0 ; }
. ui-loader-default { background : none ; filter : Alpha ( Opacity = 18 ) ; opacity : .18 ; width : 46 px ; height : 46 px ; margin-left : -23 px ; margin-top : -23 px ; }
. ui-loader-verbose { width : 200 px ; filter : Alpha ( Opacity = 88 ) ; opacity : .88 ; box-shadow : 0 1 px 1 px -1 px #fff ; height : auto ; margin-left : -110 px ; margin-top : -43 px ; padding : 10 px ; }
. ui-loader-default h1 { font-size : 0 ; width : 0 ; height : 0 ; overflow : hidden ; }
. ui-loader-verbose h1 { font-size : 16 px ; margin : 0 ; text-align : center ; }
. ui-loader . ui-icon { background-color : #000 ; display : block ; margin : 0 ; width : 44 px ; height : 44 px ; padding : 1 px ; -webkit- border-radius : 36 px ; border-radius : 36 px ; }
. ui-loader-verbose . ui-icon { margin : 0 auto 10 px ; filter : Alpha ( Opacity = 75 ) ; opacity : .75 ; }
. ui-loader-textonly { padding : 15 px ; margin-left : -115 px ; }
. ui-loader-textonly . ui-icon { display : none ; }
. ui-loader-fakefix { position : absolute ; }
/*fouc*/
. ui-mobile-rendering > * { visibility : hidden ; }
/*headers, content panels*/
. ui-bar , . ui-body { position : relative ; padding : .4 em 15 px ; overflow : hidden ; display : block ; clear : both ; }
. ui-bar { font-size : 16 px ; margin : 0 ; }
. ui-bar h1 , . ui-bar h2 , . ui-bar h3 , . ui-bar h4 , . ui-bar h5 , . ui-bar h6 { margin : 0 ; padding : 0 ; font-size : 16 px ; display : inline-block ; }
. ui-header , . ui-footer { position : relative ; zoom : 1 ; }
. ui-mobile . ui-header , . ui-mobile . ui-footer { border-left-width : 0 ; border-right-width : 0 ; }
. ui-header . ui-btn-left ,
. ui-header . ui-btn-right ,
. ui-footer . ui-btn-left ,
. ui-footer . ui-btn-right ,
. ui-header-fixed . ui-fixed-hidden . ui-btn-left ,
. ui-header-fixed . ui-fixed-hidden . ui-btn-right { position : absolute ; top : 3 px ; }
. ui-header-fixed . ui-btn-left ,
. ui-header-fixed . ui-btn-right { top : 4 px ; }
. ui-header . ui-btn-left ,
. ui-footer . ui-btn-left { left : 5 px ; }
. ui-header . ui-btn-right ,
. ui-footer . ui-btn-right { right : 5 px ; }
. ui-footer > . ui-btn-icon-notext ,
. ui-header > . ui-btn-icon-notext ,
. ui-header-fixed . ui-fixed-hidden > . ui-btn-icon-notext { top : 6 px ; }
. ui-header-fixed > . ui-btn-icon-notext { top : 7 px ; }
2017-02-13 16:06:17 +01:00
. ui-header . ui-title , . ui-footer . ui-title {
min-height : 1 . 1em ;
text-align : center ;
font-size : 16px ;
display : block ;
margin : . 6em 30 % . 8em ;
padding : 0 ;
text-overflow : ellipsis ;
overflow : hidden ;
white-space : nowrap ;
outline : 0 ! important ;
}
. ui-footer . ui-title {
margin : . 6em 15px . 8em ;
}
2013-07-04 18:55:39 +02:00
/* content area*/
2017-02-13 16:06:17 +01:00
. ui-content {
border-width : 0 ;
overflow : hidden ;
overflow-x : hidden ;
padding : 5px 5px 0px 5px ;
}
2013-07-04 18:55:39 +02:00
/* corner styling for dialogs and popups */
. ui-corner-all > . ui-header : first-child ,
. ui-corner-all > . ui-content : first-child ,
. ui-corner-all > . ui-footer : first-child {
-webkit-border-top-left-radius : inherit ;
border-top-left-radius : inherit ;
-webkit-border-top-right-radius : inherit ;
border-top-right-radius : inherit ;
}
. ui-corner-all > . ui-header : last-child ,
. ui-corner-all > . ui-content : last-child ,
. ui-corner-all > . ui-footer : last-child {
-webkit-border-bottom-left-radius : inherit ;
border-bottom-left-radius : inherit ;
-webkit-border-bottom-right-radius : inherit ;
border-bottom-right-radius : inherit ;
}
/* icons sizing */
. ui-icon { width : 18 px ; height : 18 px ; }
/* non-js content hiding */
. ui-nojs { position : absolute ; left : -9999 px ; }
/* accessible content hiding */
. ui-hide-label label . ui-input-text , . ui-hide-label label . ui-select , . ui-hide-label label . ui-slider , . ui-hide-label label . ui-submit , . ui-hide-label . ui-controlgroup-label ,
. ui-hidden-accessible { position : absolute !important ; left : -9999 px ; clip : rect ( 1 px 1 px 1 px 1 px ) ; clip : rect ( 1 px , 1 px , 1 px , 1 px ) ; }
/* Transitions originally inspired by those from jQtouch, nice work, folks */
. ui-mobile-viewport-transitioning ,
. ui-mobile-viewport-transitioning . ui-page {
width : 100 % ;
height : 100 % ;
overflow : hidden ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
}
. ui-page-pre-in {
opacity : 0 ;
}
. in {
-webkit-animation-timing-function : ease-out ;
-webkit-animation-duration : 350ms ;
-moz-animation-timing-function : ease-out ;
-moz-animation-duration : 350ms ;
animation-timing-function : ease-out ;
animation-duration : 350ms ;
}
. out {
-webkit-animation-timing-function : ease-in ;
-webkit-animation-duration : 225ms ;
-moz-animation-timing-function : ease-in ;
-moz-animation-duration : 225ms ;
animation-timing-function : ease-in ;
animation-duration : 225ms ;
}
@ -webkit-keyframes fadein {
from { opacity : 0 ; }
to { opacity : 1 ; }
}
@ -moz-keyframes fadein {
from { opacity : 0 ; }
to { opacity : 1 ; }
}
@ keyframes fadein {
from { opacity : 0 ; }
to { opacity : 1 ; }
}
@ -webkit-keyframes fadeout {
from { opacity : 1 ; }
to { opacity : 0 ; }
}
@ -moz-keyframes fadeout {
from { opacity : 1 ; }
to { opacity : 0 ; }
}
@ keyframes fadeout {
from { opacity : 1 ; }
to { opacity : 0 ; }
}
. fade . out {
opacity : 0 ;
-webkit-animation-duration : 125ms ;
-webkit-animation-name : fadeout ;
-moz-animation-duration : 125ms ;
-moz-animation-name : fadeout ;
animation-duration : 125ms ;
animation-name : fadeout ;
}
. fade . in {
opacity : 1 ;
-webkit-animation-duration : 225ms ;
-webkit-animation-name : fadein ;
-moz-animation-duration : 225ms ;
-moz-animation-name : fadein ;
animation-duration : 225ms ;
animation-name : fadein ;
}
. pop {
-webkit-transform-origin : 50 % 50 % ;
-moz-transform-origin : 50 % 50 % ;
transform-origin : 50 % 50 % ;
}
. pop . in {
-webkit-transform : scale ( 1 ) ;
-webkit-animation-name : popin ;
-webkit-animation-duration : 350ms ;
-moz-transform : scale ( 1 ) ;
-moz-animation-name : popin ;
-moz-animation-duration : 350ms ;
transform : scale ( 1 ) ;
animation-name : popin ;
animation-duration : 350ms ;
opacity : 1 ;
}
. pop . out {
-webkit-animation-name : fadeout ;
-webkit-animation-duration : 100ms ;
-moz-animation-name : fadeout ;
-moz-animation-duration : 100ms ;
animation-name : fadeout ;
animation-duration : 100ms ;
opacity : 0 ;
}
. pop . in . reverse {
-webkit-animation-name : fadein ;
-moz-animation-name : fadein ;
animation-name : fadein ;
}
. pop . out . reverse {
-webkit-transform : scale ( . 8 ) ;
-webkit-animation-name : popout ;
-moz-transform : scale ( . 8 ) ;
-moz-animation-name : popout ;
transform : scale ( . 8 ) ;
animation-name : popout ;
}
@ -webkit-keyframes popin {
from {
-webkit-transform : scale ( . 8 ) ;
opacity : 0 ;
}
to {
-webkit-transform : scale ( 1 ) ;
opacity : 1 ;
}
}
@ -moz-keyframes popin {
from {
-moz-transform : scale ( . 8 ) ;
opacity : 0 ;
}
to {
-moz-transform : scale ( 1 ) ;
opacity : 1 ;
}
}
@ keyframes popin {
from {
transform : scale ( . 8 ) ;
opacity : 0 ;
}
to {
transform : scale ( 1 ) ;
opacity : 1 ;
}
}
@ -webkit-keyframes popout {
from {
-webkit-transform : scale ( 1 ) ;
opacity : 1 ;
}
to {
-webkit-transform : scale ( . 8 ) ;
opacity : 0 ;
}
}
@ -moz-keyframes popout {
from {
-moz-transform : scale ( 1 ) ;
opacity : 1 ;
}
to {
-moz-transform : scale ( . 8 ) ;
opacity : 0 ;
}
}
@ keyframes popout {
from {
transform : scale ( 1 ) ;
opacity : 1 ;
}
to {
transform : scale ( . 8 ) ;
opacity : 0 ;
}
}
/* keyframes for slidein from sides */
@ -webkit-keyframes slideinfromright {
from { -webkit- transform : translate3d ( 100 % , 0 , 0 ) ; }
to { -webkit- transform : translate3d ( 0 , 0 , 0 ) ; }
}
@ -moz-keyframes slideinfromright {
from { -moz- transform : translateX ( 100 % ) ; }
to { -moz- transform : translateX ( 0 ) ; }
}
@ keyframes slideinfromright {
from { transform : translateX ( 100 % ) ; }
to { transform : translateX ( 0 ) ; }
}
@ -webkit-keyframes slideinfromleft {
from { -webkit- transform : translate3d ( -100 % , 0 , 0 ) ; }
to { -webkit- transform : translate3d ( 0 , 0 , 0 ) ; }
}
@ -moz-keyframes slideinfromleft {
from { -moz- transform : translateX ( -100 % ) ; }
to { -moz- transform : translateX ( 0 ) ; }
}
@ keyframes slideinfromleft {
from { transform : translateX ( -100 % ) ; }
to { transform : translateX ( 0 ) ; }
}
/* keyframes for slideout to sides */
@ -webkit-keyframes slideouttoleft {
from { -webkit- transform : translate3d ( 0 , 0 , 0 ) ; }
to { -webkit- transform : translate3d ( -100 % , 0 , 0 ) ; }
}
@ -moz-keyframes slideouttoleft {
from { -moz- transform : translateX ( 0 ) ; }
to { -moz- transform : translateX ( -100 % ) ; }
}
@ keyframes slideouttoleft {
from { transform : translateX ( 0 ) ; }
to { transform : translateX ( -100 % ) ; }
}
@ -webkit-keyframes slideouttoright {
from { -webkit- transform : translate3d ( 0 , 0 , 0 ) ; }
to { -webkit- transform : translate3d ( 100 % , 0 , 0 ) ; }
}
@ -moz-keyframes slideouttoright {
from { -moz- transform : translateX ( 0 ) ; }
to { -moz- transform : translateX ( 100 % ) ; }
}
@ keyframes slideouttoright {
from { transform : translateX ( 0 ) ; }
to { transform : translateX ( 100 % ) ; }
}
. slide . out , . slide . in {
-webkit-animation-timing-function : ease-out ;
-webkit-animation-duration : 350ms ;
-moz-animation-timing-function : ease-out ;
-moz-animation-duration : 350ms ;
animation-timing-function : ease-out ;
animation-duration : 350ms ;
}
. slide . out {
-webkit-transform : translate3d ( -100 % , 0 , 0 ) ;
-webkit-animation-name : slideouttoleft ;
-moz-transform : translateX ( -100 % ) ;
-moz-animation-name : slideouttoleft ;
transform : translateX ( -100 % ) ;
animation-name : slideouttoleft ;
}
. slide . in {
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
-webkit-animation-name : slideinfromright ;
-moz-transform : translateX ( 0 ) ;
-moz-animation-name : slideinfromright ;
transform : translateX ( 0 ) ;
animation-name : slideinfromright ;
}
. slide . out . reverse {
-webkit-transform : translate3d ( 100 % , 0 , 0 ) ;
-webkit-animation-name : slideouttoright ;
-moz-transform : translateX ( 100 % ) ;
-moz-animation-name : slideouttoright ;
transform : translateX ( 100 % ) ;
animation-name : slideouttoright ;
}
. slide . in . reverse {
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
-webkit-animation-name : slideinfromleft ;
-moz-transform : translateX ( 0 ) ;
-moz-animation-name : slideinfromleft ;
transform : translateX ( 0 ) ;
animation-name : slideinfromleft ;
}
. slidefade . out {
-webkit-transform : translateX ( -100 % ) ;
-webkit-animation-name : slideouttoleft ;
-webkit-animation-duration : 225ms ;
-moz-transform : translateX ( -100 % ) ;
-moz-animation-name : slideouttoleft ;
-moz-animation-duration : 225ms ;
transform : translateX ( -100 % ) ;
animation-name : slideouttoleft ;
animation-duration : 225ms ;
}
. slidefade . in {
-webkit-transform : translateX ( 0 ) ;
-webkit-animation-name : fadein ;
-webkit-animation-duration : 200ms ;
-moz-transform : translateX ( 0 ) ;
-moz-animation-name : fadein ;
-moz-animation-duration : 200ms ;
transform : translateX ( 0 ) ;
animation-name : fadein ;
animation-duration : 200ms ;
}
. slidefade . out . reverse {
-webkit-transform : translateX ( 100 % ) ;
-webkit-animation-name : slideouttoright ;
-webkit-animation-duration : 200ms ;
-moz-transform : translateX ( 100 % ) ;
-moz-animation-name : slideouttoright ;
-moz-animation-duration : 200ms ;
transform : translateX ( 100 % ) ;
animation-name : slideouttoright ;
animation-duration : 200ms ;
}
. slidefade . in . reverse {
-webkit-transform : translateX ( 0 ) ;
-webkit-animation-name : fadein ;
-webkit-animation-duration : 200ms ;
-moz-transform : translateX ( 0 ) ;
-moz-animation-name : fadein ;
-moz-animation-duration : 200ms ;
transform : translateX ( 0 ) ;
animation-name : fadein ;
animation-duration : 200ms ;
}
/* slide down */
. slidedown . out {
-webkit-animation-name : fadeout ;
-webkit-animation-duration : 100ms ;
-moz-animation-name : fadeout ;
-moz-animation-duration : 100ms ;
animation-name : fadeout ;
animation-duration : 100ms ;
}
. slidedown . in {
-webkit-transform : translateY ( 0 ) ;
-webkit-animation-name : slideinfromtop ;
-webkit-animation-duration : 250ms ;
-moz-transform : translateY ( 0 ) ;
-moz-animation-name : slideinfromtop ;
-moz-animation-duration : 250ms ;
transform : translateY ( 0 ) ;
animation-name : slideinfromtop ;
animation-duration : 250ms ;
}
. slidedown . in . reverse {
-webkit-animation-name : fadein ;
-webkit-animation-duration : 150ms ;
-moz-animation-name : fadein ;
-moz-animation-duration : 150ms ;
animation-name : fadein ;
animation-duration : 150ms ;
}
. slidedown . out . reverse {
-webkit-transform : translateY ( -100 % ) ;
-webkit-animation-name : slideouttotop ;
-webkit-animation-duration : 200ms ;
-moz-transform : translateY ( -100 % ) ;
-moz-animation-name : slideouttotop ;
-moz-animation-duration : 200ms ;
transform : translateY ( -100 % ) ;
animation-name : slideouttotop ;
animation-duration : 200ms ;
}
@ -webkit-keyframes slideinfromtop {
from { -webkit- transform : translateY ( -100 % ) ; }
to { -webkit- transform : translateY ( 0 ) ; }
}
@ -moz-keyframes slideinfromtop {
from { -moz- transform : translateY ( -100 % ) ; }
to { -moz- transform : translateY ( 0 ) ; }
}
@ keyframes slideinfromtop {
from { transform : translateY ( -100 % ) ; }
to { transform : translateY ( 0 ) ; }
}
@ -webkit-keyframes slideouttotop {
from { -webkit- transform : translateY ( 0 ) ; }
to { -webkit- transform : translateY ( -100 % ) ; }
}
@ -moz-keyframes slideouttotop {
from { -moz- transform : translateY ( 0 ) ; }
to { -moz- transform : translateY ( -100 % ) ; }
}
@ keyframes slideouttotop {
from { transform : translateY ( 0 ) ; }
to { transform : translateY ( -100 % ) ; }
}
/* slide up */
. slideup . out {
-webkit-animation-name : fadeout ;
-webkit-animation-duration : 100ms ;
-moz-animation-name : fadeout ;
-moz-animation-duration : 100ms ;
animation-name : fadeout ;
animation-duration : 100ms ;
}
. slideup . in {
-webkit-transform : translateY ( 0 ) ;
-webkit-animation-name : slideinfrombottom ;
-webkit-animation-duration : 250ms ;
-moz-transform : translateY ( 0 ) ;
-moz-animation-name : slideinfrombottom ;
-moz-animation-duration : 250ms ;
transform : translateY ( 0 ) ;
animation-name : slideinfrombottom ;
animation-duration : 250ms ;
}
. slideup . in . reverse {
-webkit-animation-name : fadein ;
-webkit-animation-duration : 150ms ;
-moz-animation-name : fadein ;
-moz-animation-duration : 150ms ;
animation-name : fadein ;
animation-duration : 150ms ;
}
. slideup . out . reverse {
-webkit-transform : translateY ( 100 % ) ;
-webkit-animation-name : slideouttobottom ;
-webkit-animation-duration : 200ms ;
-moz-transform : translateY ( 100 % ) ;
-moz-animation-name : slideouttobottom ;
-moz-animation-duration : 200ms ;
transform : translateY ( 100 % ) ;
animation-name : slideouttobottom ;
animation-duration : 200ms ;
}
@ -webkit-keyframes slideinfrombottom {
from { -webkit- transform : translateY ( 100 % ) ; }
to { -webkit- transform : translateY ( 0 ) ; }
}
@ -moz-keyframes slideinfrombottom {
from { -moz- transform : translateY ( 100 % ) ; }
to { -moz- transform : translateY ( 0 ) ; }
}
@ keyframes slideinfrombottom {
from { transform : translateY ( 100 % ) ; }
to { transform : translateY ( 0 ) ; }
}
@ -webkit-keyframes slideouttobottom {
from { -webkit- transform : translateY ( 0 ) ; }
to { -webkit- transform : translateY ( 100 % ) ; }
}
@ -moz-keyframes slideouttobottom {
from { -moz- transform : translateY ( 0 ) ; }
to { -moz- transform : translateY ( 100 % ) ; }
}
@ keyframes slideouttobottom {
from { transform : translateY ( 0 ) ; }
to { transform : translateY ( 100 % ) ; }
}
/ * The properties in this rule are only necessary for the 'flip' transition .
* We need specify the perspective to create a projection matrix . This will add
* some depth as the element flips . The depth number represents the distance of
* the viewer from the z-plane . According to the CSS3 spec , 1000 is a moderate
* value .
* /
. viewport-flip {
-webkit-perspective : 1000 ;
-moz-perspective : 1000 ;
perspective : 1000 ;
position : absolute ;
}
. flip {
-webkit-backface-visibility : hidden ;
-webkit-transform : translateX ( 0 ) ; /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
-moz-backface-visibility : hidden ;
-moz-transform : translateX ( 0 ) ;
backface-visibility : hidden ;
transform : translateX ( 0 ) ;
}
. flip . out {
-webkit-transform : rotateY ( -90deg ) scale ( . 9 ) ;
-webkit-animation-name : flipouttoleft ;
-webkit-animation-duration : 175ms ;
-moz-transform : rotateY ( -90deg ) scale ( . 9 ) ;
-moz-animation-name : flipouttoleft ;
-moz-animation-duration : 175ms ;
transform : rotateY ( -90deg ) scale ( . 9 ) ;
animation-name : flipouttoleft ;
animation-duration : 175ms ;
}
. flip . in {
-webkit-animation-name : flipintoright ;
-webkit-animation-duration : 225ms ;
-moz-animation-name : flipintoright ;
-moz-animation-duration : 225ms ;
animation-name : flipintoright ;
animation-duration : 225ms ;
}
. flip . out . reverse {
-webkit-transform : rotateY ( 90deg ) scale ( . 9 ) ;
-webkit-animation-name : flipouttoright ;
-moz-transform : rotateY ( 90deg ) scale ( . 9 ) ;
-moz-animation-name : flipouttoright ;
transform : rotateY ( 90deg ) scale ( . 9 ) ;
animation-name : flipouttoright ;
}
. flip . in . reverse {
-webkit-animation-name : flipintoleft ;
-moz-animation-name : flipintoleft ;
animation-name : flipintoleft ;
}
@ -webkit-keyframes flipouttoleft {
from { -webkit- transform : rotateY ( 0 ) ; }
to { -webkit- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
}
@ -moz-keyframes flipouttoleft {
from { -moz- transform : rotateY ( 0 ) ; }
to { -moz- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
}
@ keyframes flipouttoleft {
from { transform : rotateY ( 0 ) ; }
to { transform : rotateY ( -90 deg ) scale ( .9 ) ; }
}
@ -webkit-keyframes flipouttoright {
from { -webkit- transform : rotateY ( 0 ) ; }
to { -webkit- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
}
@ -moz-keyframes flipouttoright {
from { -moz- transform : rotateY ( 0 ) ; }
to { -moz- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
}
@ keyframes flipouttoright {
from { transform : rotateY ( 0 ) ; }
to { transform : rotateY ( 90 deg ) scale ( .9 ) ; }
}
@ -webkit-keyframes flipintoleft {
from { -webkit- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
to { -webkit- transform : rotateY ( 0 ) ; }
}
@ -moz-keyframes flipintoleft {
from { -moz- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
to { -moz- transform : rotateY ( 0 ) ; }
}
@ keyframes flipintoleft {
from { transform : rotateY ( -90 deg ) scale ( .9 ) ; }
to { transform : rotateY ( 0 ) ; }
}
@ -webkit-keyframes flipintoright {
from { -webkit- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
to { -webkit- transform : rotateY ( 0 ) ; }
}
@ -moz-keyframes flipintoright {
from { -moz- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
to { -moz- transform : rotateY ( 0 ) ; }
}
@ keyframes flipintoright {
from { transform : rotateY ( 90 deg ) scale ( .9 ) ; }
to { transform : rotateY ( 0 ) ; }
}
/ * The properties in this rule are only necessary for the 'flip' transition .
* We need specify the perspective to create a projection matrix . This will add
* some depth as the element flips . The depth number represents the distance of
* the viewer from the z-plane . According to the CSS3 spec , 1000 is a moderate
* value .
* /
. viewport-turn {
-webkit-perspective : 200px ;
-moz-perspective : 200px ;
-ms-perspective : 200px ;
perspective : 200px ;
position : absolute ;
}
. turn {
-webkit-backface-visibility : hidden ;
-webkit-transform : translateX ( 0 ) ; /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
-webkit-transform-origin : 0 ;
-moz-backface-visibility : hidden ;
-moz-transform : translateX ( 0 ) ;
-moz-transform-origin : 0 ;
backface-visibility : hidden ;
transform : translateX ( 0 ) ;
transform-origin : 0 ;
}
. turn . out {
-webkit-transform : rotateY ( -90deg ) scale ( . 9 ) ;
-webkit-animation-name : flipouttoleft ;
-webkit-animation-duration : 125ms ;
-moz-transform : rotateY ( -90deg ) scale ( . 9 ) ;
-moz-animation-name : flipouttoleft ;
-moz-animation-duration : 125ms ;
transform : rotateY ( -90deg ) scale ( . 9 ) ;
animation-name : flipouttoleft ;
animation-duration : 125ms ;
}
. turn . in {
-webkit-animation-name : flipintoright ;
-webkit-animation-duration : 250ms ;
-moz-animation-name : flipintoright ;
-moz-animation-duration : 250ms ;
animation-name : flipintoright ;
animation-duration : 250ms ;
}
. turn . out . reverse {
-webkit-transform : rotateY ( 90deg ) scale ( . 9 ) ;
-webkit-animation-name : flipouttoright ;
-moz-transform : rotateY ( 90deg ) scale ( . 9 ) ;
-moz-animation-name : flipouttoright ;
transform : rotateY ( 90deg ) scale ( . 9 ) ;
animation-name : flipouttoright ;
}
. turn . in . reverse {
-webkit-animation-name : flipintoleft ;
-moz-animation-name : flipintoleft ;
animation-name : flipintoleft ;
}
@ -webkit-keyframes flipouttoleft {
from { -webkit- transform : rotateY ( 0 ) ; }
to { -webkit- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
}
@ -moz-keyframes flipouttoleft {
from { -moz- transform : rotateY ( 0 ) ; }
to { -moz- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
}
@ keyframes flipouttoleft {
from { transform : rotateY ( 0 ) ; }
to { transform : rotateY ( -90 deg ) scale ( .9 ) ; }
}
@ -webkit-keyframes flipouttoright {
from { -webkit- transform : rotateY ( 0 ) ; }
to { -webkit- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
}
@ -moz-keyframes flipouttoright {
from { -moz- transform : rotateY ( 0 ) ; }
to { -moz- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
}
@ keyframes flipouttoright {
from { transform : rotateY ( 0 ) ; }
to { transform : rotateY ( 90 deg ) scale ( .9 ) ; }
}
@ -webkit-keyframes flipintoleft {
from { -webkit- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
to { -webkit- transform : rotateY ( 0 ) ; }
}
@ -moz-keyframes flipintoleft {
from { -moz- transform : rotateY ( -90 deg ) scale ( .9 ) ; }
to { -moz- transform : rotateY ( 0 ) ; }
}
@ keyframes flipintoleft {
from { transform : rotateY ( -90 deg ) scale ( .9 ) ; }
to { transform : rotateY ( 0 ) ; }
}
@ -webkit-keyframes flipintoright {
from { -webkit- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
to { -webkit- transform : rotateY ( 0 ) ; }
}
@ -moz-keyframes flipintoright {
from { -moz- transform : rotateY ( 90 deg ) scale ( .9 ) ; }
to { -moz- transform : rotateY ( 0 ) ; }
}
@ keyframes flipintoright {
from { transform : rotateY ( 90 deg ) scale ( .9 ) ; }
to { transform : rotateY ( 0 ) ; }
}
/* flow transition */
. flow {
-webkit-transform-origin : 50 % 30 % ;
-webkit-box-shadow : 0 0 20px rgba ( 0 , 0 , 0 , . 4 ) ;
-moz-transform-origin : 50 % 30 % ;
-moz-box-shadow : 0 0 20px rgba ( 0 , 0 , 0 , . 4 ) ;
transform-origin : 50 % 30 % ;
box-shadow : 0 0 20px rgba ( 0 , 0 , 0 , . 4 ) ;
}
. ui-dialog . flow {
-webkit-transform-origin : none ;
-webkit-box-shadow : none ;
-moz-transform-origin : none ;
-moz-box-shadow : none ;
transform-origin : none ;
box-shadow : none ;
}
. flow . out {
-webkit-transform : translateX ( -100 % ) scale ( . 7 ) ;
-webkit-animation-name : flowouttoleft ;
-webkit-animation-timing-function : ease ;
-webkit-animation-duration : 350ms ;
-moz-transform : translateX ( -100 % ) scale ( . 7 ) ;
-moz-animation-name : flowouttoleft ;
-moz-animation-timing-function : ease ;
-moz-animation-duration : 350ms ;
transform : translateX ( -100 % ) scale ( . 7 ) ;
animation-name : flowouttoleft ;
animation-timing-function : ease ;
animation-duration : 350ms ;
}
. flow . in {
-webkit-transform : translateX ( 0 ) scale ( 1 ) ;
-webkit-animation-name : flowinfromright ;
-webkit-animation-timing-function : ease ;
-webkit-animation-duration : 350ms ;
-moz-transform : translateX ( 0 ) scale ( 1 ) ;
-moz-animation-name : flowinfromright ;
-moz-animation-timing-function : ease ;
-moz-animation-duration : 350ms ;
transform : translateX ( 0 ) scale ( 1 ) ;
animation-name : flowinfromright ;
animation-timing-function : ease ;
animation-duration : 350ms ;
}
. flow . out . reverse {
-webkit-transform : translateX ( 100 % ) ;
-webkit-animation-name : flowouttoright ;
-moz-transform : translateX ( 100 % ) ;
-moz-animation-name : flowouttoright ;
transform : translateX ( 100 % ) ;
animation-name : flowouttoright ;
}
. flow . in . reverse {
-webkit-animation-name : flowinfromleft ;
-moz-animation-name : flowinfromleft ;
animation-name : flowinfromleft ;
}
@ -webkit-keyframes flowouttoleft {
0 % { -webkit- transform : translateX ( 0 ) scale ( 1 ) ; }
60 % , 70 % { -webkit- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -webkit- transform : translateX ( -100 % ) scale ( .7 ) ; }
}
@ -moz-keyframes flowouttoleft {
0 % { -moz- transform : translateX ( 0 ) scale ( 1 ) ; }
60 % , 70 % { -moz- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -moz- transform : translateX ( -100 % ) scale ( .7 ) ; }
}
@ keyframes flowouttoleft {
0 % { transform : translateX ( 0 ) scale ( 1 ) ; }
60 % , 70 % { transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { transform : translateX ( -100 % ) scale ( .7 ) ; }
}
@ -webkit-keyframes flowouttoright {
0 % { -webkit- transform : translateX ( 0 ) scale ( 1 ) ; }
60 % , 70 % { -webkit- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -webkit- transform : translateX ( 100 % ) scale ( .7 ) ; }
}
@ -moz-keyframes flowouttoright {
0 % { -moz- transform : translateX ( 0 ) scale ( 1 ) ; }
60 % , 70 % { -moz- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -moz- transform : translateX ( 100 % ) scale ( .7 ) ; }
}
@ keyframes flowouttoright {
0 % { transform : translateX ( 0 ) scale ( 1 ) ; }
60 % , 70 % { transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { transform : translateX ( 100 % ) scale ( .7 ) ; }
}
@ -webkit-keyframes flowinfromleft {
0 % { -webkit- transform : translateX ( -100 % ) scale ( .7 ) ; }
30 % , 40 % { -webkit- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -webkit- transform : translateX ( 0 ) scale ( 1 ) ; }
}
@ -moz-keyframes flowinfromleft {
0 % { -moz- transform : translateX ( -100 % ) scale ( .7 ) ; }
30 % , 40 % { -moz- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -moz- transform : translateX ( 0 ) scale ( 1 ) ; }
}
@ keyframes flowinfromleft {
0 % { transform : translateX ( -100 % ) scale ( .7 ) ; }
30 % , 40 % { transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { transform : translateX ( 0 ) scale ( 1 ) ; }
}
@ -webkit-keyframes flowinfromright {
0 % { -webkit- transform : translateX ( 100 % ) scale ( .7 ) ; }
30 % , 40 % { -webkit- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -webkit- transform : translateX ( 0 ) scale ( 1 ) ; }
}
@ -moz-keyframes flowinfromright {
0 % { -moz- transform : translateX ( 100 % ) scale ( .7 ) ; }
30 % , 40 % { -moz- transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { -moz- transform : translateX ( 0 ) scale ( 1 ) ; }
}
@ keyframes flowinfromright {
0 % { transform : translateX ( 100 % ) scale ( .7 ) ; }
30 % , 40 % { transform : translateX ( 0 ) scale ( .7 ) ; }
100 % { transform : translateX ( 0 ) scale ( 1 ) ; }
}
/* content configurations. */
. ui-grid-a , . ui-grid-b , . ui-grid-c , . ui-grid-d { overflow : hidden ; }
. ui-block-a , . ui-block-b , . ui-block-c , . ui-block-d , . ui-block-e { margin : 0 ; padding : 0 ; border : 0 ; float : left ; min-height : 1 px ; -webkit- box-sizing : border-box ; -moz- box-sizing : border-box ; -ms- box-sizing : border-box ; box-sizing : border-box ; }
/* grid solo: 100 - single item fallback */
. ui-grid-solo . ui-block-a { display : block ; float : none ; }
/* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
/* grid a: 50/50 */
2016-10-24 11:58:19 +02:00
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-a . ui-block-a , . ui-grid-a . ui-block-b { width : 49.95 % ; }
2016-10-24 11:58:19 +02:00
* /
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-a > : nth-child ( n ) { width : 50 % ; margin-right : -.5 px ; }
2016-10-24 11:58:19 +02:00
* /
2013-07-04 18:55:39 +02:00
. ui-grid-a . ui-block-a { clear : left ; }
/* grid b: 33/33/33 */
2016-10-24 11:58:19 +02:00
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-b . ui-block-a , . ui-grid-b . ui-block-b , . ui-grid-b . ui-block-c { width : 33.25 % ; }
2016-10-24 11:58:19 +02:00
* /
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-b > : nth-child ( n ) { width : 33.333 % ; margin-right : -.5 px ; }
2016-10-24 11:58:19 +02:00
* /
2013-07-04 18:55:39 +02:00
. ui-grid-b . ui-block-a { clear : left ; }
/* grid c: 25/25/25/25 */
2016-10-24 11:58:19 +02:00
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-c . ui-block-a , . ui-grid-c . ui-block-b , . ui-grid-c . ui-block-c , . ui-grid-c . ui-block-d { width : 24.925 % ; }
2016-10-24 11:58:19 +02:00
* /
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-c > : nth-child ( n ) { width : 25 % ; margin-right : -.5 px ; }
2016-10-24 11:58:19 +02:00
* /
2013-07-04 18:55:39 +02:00
. ui-grid-c . ui-block-a { clear : left ; }
/* grid d: 20/20/20/20/20 */
2016-10-24 11:58:19 +02:00
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-d . ui-block-a , . ui-grid-d . ui-block-b , . ui-grid-d . ui-block-c , . ui-grid-d . ui-block-d , . ui-grid-d . ui-block-e { width : 19.925 % ; }
2016-10-24 11:58:19 +02:00
* /
/ *
2013-07-04 18:55:39 +02:00
. ui-grid-d > : nth-child ( n ) { width : 20 % ; }
2016-10-24 11:58:19 +02:00
* /
2013-07-04 18:55:39 +02:00
. ui-grid-d . ui-block-a { clear : left ; }
/* preset breakpoint to switch to stacked grid styles below 25em (560px) */
2016-10-24 11:58:19 +02:00
@ media all {
2013-07-04 18:55:39 +02:00
. ui-responsive . ui-block-a ,
. ui-responsive . ui-block-b ,
. ui-responsive . ui-block-c ,
. ui-responsive . ui-block-d ,
. ui-responsive . ui-block-e {
width : 100 % ;
float : none ;
}
}
/* fixed page header & footer configuration */
. ui-header-fixed ,
. ui-footer-fixed {
left : 0 ;
right : 0 ;
width : 100 % ;
position : fixed ;
z-index : 1000 ;
}
. ui-header-fixed {
top : -1px ;
padding-top : 1px ;
}
. ui-header-fixed . ui-fixed-hidden {
top : 0 ;
padding-top : 0 ;
}
. ui-footer-fixed {
bottom : -1px ;
padding-bottom : 1px ;
}
. ui-footer-fixed . ui-fixed-hidden {
bottom : 0 ;
padding-bottom : 0 ;
}
. ui-header-fullscreen ,
. ui-footer-fullscreen {
filter : Alpha ( Opacity = 90 ) ;
opacity : . 9 ;
}
. ui-page-header-fixed {
padding-top : 2 . 6875em ;
}
. ui-page-footer-fixed {
padding-bottom : 2 . 6875em ;
}
. ui-page-header-fullscreen > . ui-content ,
. ui-page-footer-fullscreen > . ui-content {
padding : 0 ;
}
. ui-fixed-hidden {
position : absolute ;
}
. ui-page-header-fullscreen . ui-fixed-hidden ,
. ui-page-footer-fullscreen . ui-fixed-hidden {
left : -9999px ;
}
. ui-header-fixed . ui-btn ,
. ui-footer-fixed . ui-btn {
z-index : 10 ;
}
/* workarounds for other widgets */
. ui-android-2x-fixed . ui-li-has-thumb {
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
}
. ui-navbar { max-width : 100 % ; }
. ui-navbar . ui-mini { margin : 0 ; }
. ui-navbar ul : before , . ui-navbar ul : after { content : " " ; display : table ; }
. ui-navbar ul : after { clear : both ; }
. ui-navbar ul { list-style : none ; margin : 0 ; padding : 0 ; position : relative ; display : block ; border : 0 ; max-width : 100 % ; overflow : visible ; zoom : 1 ; }
. ui-navbar li . ui-btn { display : block ; text-align : center ; margin : 0 -1 px 0 0 ; border-right-width : 0 ; }
. ui-navbar li . ui-btn-icon-right . ui-icon { right : 6 px ; }
/* add border if not in header/footer (full width) */
. ui-navbar li : last-child . ui-btn ,
. ui-navbar . ui-grid-duo . ui-block-b . ui-btn { margin-right : 0 ; border-right-width : 1 px ; }
. ui-header . ui-navbar li : last-child . ui-btn ,
. ui-footer . ui-navbar li : last-child . ui-btn ,
. ui-header . ui-navbar . ui-grid-duo . ui-block-b . ui-btn ,
. ui-footer . ui-navbar . ui-grid-duo . ui-block-b . ui-btn { margin-right : -1 px ; border-right-width : 0 ; }
. ui-navbar . ui-grid-duo li . ui-block-a : last-child . ui-btn { margin-right : -1 px ; border-right-width : 1 px ; }
. ui-header . ui-navbar li . ui-btn ,
. ui-footer . ui-navbar li . ui-btn { border-top-width : 0 ; border-bottom-width : 0 ; }
/* fixing gaps caused by subpixel problem */
. ui-header . ui-navbar . ui-grid-b li . ui-block-c . ui-btn ,
. ui-footer . ui-navbar . ui-grid-b li . ui-block-c . ui-btn { margin-right : -5 px ; }
. ui-header . ui-navbar . ui-grid-c li . ui-block-d . ui-btn ,
. ui-footer . ui-navbar . ui-grid-c li . ui-block-d . ui-btn ,
. ui-header . ui-navbar . ui-grid-d li . ui-block-e . ui-btn ,
. ui-footer . ui-navbar . ui-grid-d li . ui-block-e . ui-btn { margin-right : -4 px ; }
. ui-header . ui-navbar . ui-grid-b li . ui-block-c . ui-btn-icon-right . ui-icon ,
. ui-footer . ui-navbar . ui-grid-b li . ui-block-c . ui-btn-icon-right . ui-icon ,
. ui-header . ui-navbar . ui-grid-c li . ui-block-d . ui-btn-icon-right . ui-icon ,
. ui-footer . ui-navbar . ui-grid-c li . ui-block-d . ui-btn-icon-right . ui-icon ,
. ui-header . ui-navbar . ui-grid-d li . ui-block-e . ui-btn-icon-right . ui-icon ,
. ui-footer . ui-navbar . ui-grid-d li . ui-block-e . ui-btn-icon-right . ui-icon { right : 8 px ; }
. ui-navbar li . ui-btn . ui-btn-inner { padding-top : .7 em ; padding-bottom : .8 em }
. ui-navbar li . ui-btn-icon-top . ui-btn-inner { padding-top : 30 px ; }
. ui-navbar li . ui-btn-icon-bottom . ui-btn-inner { padding-bottom : 30 px ; }
. ui-btn { display : block ; text-align : center ; cursor : pointer ; position : relative ; margin : .5 em 0 ; padding : 0 ; }
. ui-mini { margin-top : .25 em ; margin-bottom : .25 em ; }
. ui-btn-left , . ui-btn-right , . ui-input-clear , . ui-btn-inline ,
. ui-grid-a . ui-btn , . ui-grid-b . ui-btn , . ui-grid-c . ui-btn , . ui-grid-d . ui-btn , . ui-grid-e . ui-btn , . ui-grid-solo . ui-btn { margin-right : 5 px ; margin-left : 5 px ; }
. ui-btn-inner { font-size : 16 px ; padding : .6 em 20 px ; min-width : .75 em ; display : block ; position : relative ; text-overflow : ellipsis ; overflow : hidden ; white-space : nowrap ; zoom : 1 ; }
. ui-btn input , . ui-btn button { z-index : 2 ; }
. ui-btn-left , . ui-btn-right , . ui-btn-inline { display : inline-block ; vertical-align : middle ; }
. ui-mobile . ui-btn-left , . ui-mobile . ui-btn-right , . ui-btn-left > . ui-btn , . ui-btn-right > . ui-btn { margin : 0 ; } /* .ui-mobile to increase specificity level */
. ui-btn-block { display : block ; }
. ui-header > . ui-btn ,
. ui-footer > . ui-btn { display : inline-block ; margin : 0 ; }
. ui-header . ui-btn-block ,
. ui-footer . ui-btn-block { display : block ; }
. ui-header . ui-btn-inner ,
. ui-footer . ui-btn-inner ,
. ui-mini . ui-btn-inner { font-size : 12.5 px ; padding : .55 em 11 px .5 em ; }
. ui-fullsize . ui-btn-inner ,
. ui-fullsize . ui-btn-inner { font-size : 16 px ; padding : .6 em 20 px ; }
. ui-btn-icon-notext { width : 24 px ; height : 24 px ; }
. ui-btn-icon-notext . ui-btn-inner { padding : 0 ; height : 100 % ; }
. ui-btn-icon-notext . ui-btn-inner . ui-icon { margin : 2 px 1 px 2 px 3 px ; float : left ; }
. ui-btn-text { position : relative ; z-index : 1 ; width : 100 % ; -moz- user-select : none ; -webkit- user-select : none ; -ms- user-select : none ; }
div . ui-btn-text { width : auto ; }
. ui-btn-icon-notext . ui-btn-text { position : absolute ; left : -9999 px ; }
. ui-btn-icon-left . ui-btn-inner { padding-left : 40 px ; }
. ui-btn-icon-right . ui-btn-inner { padding-right : 40 px ; }
. ui-btn-icon-top . ui-btn-inner { padding-top : 40 px ; }
. ui-btn-icon-bottom . ui-btn-inner { padding-bottom : 40 px ; }
. ui-header . ui-btn-icon-left . ui-btn-inner ,
. ui-footer . ui-btn-icon-left . ui-btn-inner ,
. ui-mini . ui-btn-icon-left . ui-btn-inner ,
. ui-mini . ui-btn-icon-left . ui-btn-inner { padding-left : 30 px ; }
. ui-header . ui-btn-icon-right . ui-btn-inner ,
. ui-footer . ui-btn-icon-right . ui-btn-inner ,
. ui-mini . ui-btn-icon-right . ui-btn-inner ,
. ui-mini . ui-btn-icon-right . ui-btn-inner { padding-right : 30 px ; }
. ui-header . ui-btn-icon-top . ui-btn-inner ,
. ui-footer . ui-btn-icon-top . ui-btn-inner { padding : 30 px 3 px .5 em 3 px ; }
. ui-mini . ui-btn-icon-top . ui-btn-inner ,
. ui-mini . ui-btn-icon-top . ui-btn-inner { padding-top : 30 px ; }
. ui-header . ui-btn-icon-bottom . ui-btn-inner ,
. ui-footer . ui-btn-icon-bottom . ui-btn-inner { padding : .55 em 3 px 30 px 3 px ; }
. ui-mini . ui-btn-icon-bottom . ui-btn-inner ,
. ui-mini . ui-btn-icon-bottom . ui-btn-inner { padding-bottom : 30 px ; }
/* Corner styling inheritance */
. ui-btn-inner {
-webkit-border-radius : inherit ;
border-radius : inherit ;
}
/*btn icon positioning*/
. ui-btn-icon-notext . ui-icon { display : block ; z-index : 0 ; }
. ui-btn-icon-left > . ui-btn-inner > . ui-icon , . ui-btn-icon-right > . ui-btn-inner > . ui-icon { position : absolute ; top : 50 % ; margin-top : -9 px ; }
. ui-btn-icon-top . ui-btn-inner . ui-icon , . ui-btn-icon-bottom . ui-btn-inner . ui-icon { position : absolute ; left : 50 % ; margin-left : -9 px ; }
. ui-btn-icon-left . ui-icon { left : 10 px ; }
. ui-btn-icon-right . ui-icon { right : 10 px ; }
. ui-btn-icon-top . ui-icon { top : 10 px ; }
. ui-btn-icon-bottom . ui-icon { top : auto ; bottom : 10 px ; }
. ui-header . ui-btn-icon-left . ui-icon ,
. ui-footer . ui-btn-icon-left . ui-icon ,
. ui-mini . ui-btn-icon-left . ui-icon ,
. ui-mini . ui-btn-icon-left . ui-icon { left : 5 px ; }
. ui-header . ui-btn-icon-right . ui-icon ,
. ui-footer . ui-btn-icon-right . ui-icon ,
. ui-mini . ui-btn-icon-right . ui-icon ,
. ui-mini . ui-btn-icon-right . ui-icon { right : 5 px ; }
. ui-header . ui-btn-icon-top . ui-icon ,
. ui-footer . ui-btn-icon-top . ui-icon ,
. ui-mini . ui-btn-icon-top . ui-icon ,
. ui-mini . ui-btn-icon-top . ui-icon { top : 5 px ; }
. ui-header . ui-btn-icon-bottom . ui-icon ,
. ui-footer . ui-btn-icon-bottom . ui-icon ,
. ui-mini . ui-btn-icon-bottom . ui-icon ,
. ui-mini . ui-btn-icon-bottom . ui-icon { bottom : 5 px ; }
/*hiding native button,inputs */
. ui-btn-hidden { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; -webkit- appearance : none ; cursor : pointer ; background : #fff ; background : rgba ( 255 , 255 , 255 , 0 ) ; filter : Alpha ( Opacity = 0 ) ; opacity : .1 ; font-size : 1 px ; border : none ; text-indent : -9999 px ; }
/* Fixes IE/WP filter alpha opacity bugs */
. ui-disabled . ui-btn-hidden { display : none ; }
. ui-disabled { z-index : 1 ; }
. ui-field-contain . ui-btn . ui-submit { margin : 0 ; }
label . ui-submit { font-size : 16 px ; line-height : 1.4 ; font-weight : normal ; margin : 0 0 .3 em ; display : block ; }
@ media all and ( min-width : 28em ) {
. ui-field-contain label . ui-submit { vertical-align : top ; display : inline-block ; width : 20 % ; margin : 0 2 % 0 0 ; }
. ui-field-contain . ui-btn . ui-submit { width : 78 % ; display : inline-block ; -webkit- box-sizing : border-box ; -moz- box-sizing : border-box ; -ms- box-sizing : border-box ; box-sizing : border-box ; }
. ui-hide-label . ui-btn . ui-submit { width : auto ; display : block ; }
}
2017-02-13 16:06:17 +01:00
. ui-collapsible-inset { margin : .5 em 2 px 1 px ; width : 99 % ; }
2013-07-04 18:55:39 +02:00
. ui-collapsible-heading { font-size : 16 px ; display : block ; margin : 0 -15 px ; padding : 0 ; position : relative ; }
. ui-collapsible-inset . ui-collapsible-heading { margin : 0 ; }
. ui-collapsible-heading . ui-btn { text-align : left ; margin : 0 ; border-left-width : 0 ; border-right-width : 0 ; }
. ui-collapsible-inset . ui-collapsible-heading . ui-btn { border-right-width : 1 px ; border-left-width : 1 px ; }
. ui-collapsible-collapsed + . ui-collapsible : not ( . ui-collapsible-inset ) . ui-collapsible-heading . ui-btn { border-top-width : 0 ; }
. ui-collapsible-set . ui-collapsible : not ( . ui-collapsible-inset ) . ui-collapsible-heading . ui-btn { border-top-width : 1 px ; }
. ui-collapsible-heading . ui-btn-inner { padding-left : 12 px ; padding-right : 12 px ; }
. ui-collapsible-heading . ui-btn-icon-left . ui-btn-inner { padding-left : 40 px ; }
. ui-collapsible-heading . ui-btn-icon-right . ui-btn-inner { padding-right : 40 px ; }
. ui-collapsible-heading . ui-btn-icon-top . ui-btn-inner ,
. ui-collapsible-heading . ui-btn-icon-bottom . ui-btn-inner { text-align : center ; }
. ui-collapsible-heading . ui-btn-icon-left . ui-mini . ui-btn-inner { padding-left : 30 px ; }
. ui-collapsible-heading . ui-btn-icon-right . ui-mini . ui-btn-inner { padding-right : 30 px ; }
. ui-collapsible-heading . ui-btn span . ui-btn { position : absolute ; left : 6 px ; top : 50 % ; margin : -12 px 0 0 0 ; width : 20 px ; height : 20 px ; padding : 1 px 0 1 px 2 px ; text-indent : -9999 px ; }
. ui-collapsible-heading . ui-btn span . ui-btn . ui-btn-inner { padding : 10 px 0 ; }
. ui-collapsible-heading . ui-btn span . ui-btn . ui-icon { left : 0 ; margin-top : -10 px ; }
. ui-collapsible-heading-status { position : absolute ; top : -9999 px ; left : 0 ; }
. ui-collapsible-content {
display : block ;
margin : 0 -15px ;
padding : 10px 15px ;
border-left-width : 0 ;
border-right-width : 0 ;
border-top : none ; /* Overrides ui-body-* */
background-image : none ; /* Overrides ui-body-* */
}
. ui-collapsible-inset . ui-collapsible-content { margin : 0 ; border-right-width : 1 px ; border-left-width : 1 px ; }
. ui-collapsible-content-collapsed { display : none ; }
. ui-collapsible-set > . ui-collapsible . ui-corner-all {
-webkit-border-radius : 0 ;
border-radius : 0 ;
}
. ui-collapsible-heading ,
. ui-collapsible-heading > . ui-btn {
-webkit-border-radius : inherit ;
border-radius : inherit ;
}
. ui-collapsible-set . ui-collapsible . ui-first-child {
-webkit-border-top-right-radius : inherit ;
border-top-right-radius : inherit ;
-webkit-border-top-left-radius : inherit ;
border-top-left-radius : inherit ;
}
. ui-collapsible-content ,
. ui-collapsible-set . ui-collapsible . ui-last-child {
-webkit-border-bottom-right-radius : inherit ;
border-bottom-right-radius : inherit ;
-webkit-border-bottom-left-radius : inherit ;
border-bottom-left-radius : inherit ;
}
. ui-collapsible-themed-content : not ( . ui-collapsible-collapsed ) > . ui-collapsible-heading {
-webkit-border-bottom-right-radius : 0 ;
border-bottom-right-radius : 0 ;
-webkit-border-bottom-left-radius : 0 ;
border-bottom-left-radius : 0 ;
}
. ui-collapsible-set { margin : .5 em 0 ; }
. ui-collapsible-set . ui-collapsible { margin : -1 px 0 0 ; }
. ui-collapsible-set . ui-collapsible . ui-first-child { margin-top : 0 ; }
. ui-controlgroup , fieldset . ui-controlgroup { padding : 0 ; margin : .5 em 0 ; zoom : 1 ; }
. ui-controlgroup . ui-mini , fieldset . ui-controlgroup . ui-mini { margin : .25 em 0 ; }
. ui-field-contain . ui-controlgroup , . ui-field-contain fieldset . ui-controlgroup { margin : 0 ; }
. ui-bar . ui-controlgroup { margin : 0 5 px ; }
. ui-controlgroup-label { font-size : 16 px ; line-height : 1.4 ; font-weight : normal ; margin : 0 0 .4 em ; }
. ui-controlgroup-controls label . ui-select ,
. ui-controlgroup-controls label . ui-submit { position : absolute ; left : -9999 px ; }
. ui-controlgroup li { list-style : none ; }
. ui-controlgroup . ui-btn { margin : 0 ; }
. ui-controlgroup . ui-btn-icon-notext { width : auto ; height : auto ; top : auto ; }
. ui-controlgroup . ui-btn-icon-notext . ui-btn-inner { height : 20 px ; padding : .6 em 20 px .6 em 20 px }
. ui-controlgroup-horizontal . ui-btn-icon-notext . ui-btn-inner { width : 18 px ; }
. ui-controlgroup . ui-mini . ui-btn-icon-notext . ui-btn-inner ,
. ui-header . ui-controlgroup . ui-btn-icon-notext . ui-btn-inner ,
. ui-footer . ui-controlgroup . ui-btn-icon-notext . ui-btn-inner { height : 16 px ; padding : .55 em 11 px .5 em 11 px ; }
. ui-controlgroup . ui-btn-icon-notext . ui-btn-inner . ui-icon { position : absolute ; top : 50 % ; right : 50 % ; margin : -9 px -9 px 0 0 ; }
. ui-controlgroup-horizontal . ui-btn-inner { text-align : center ; }
. ui-controlgroup-horizontal . ui-mini . ui-btn-inner { height : 16 px ; line-height : 16 px ; }
. ui-controlgroup . ui-checkbox label , . ui-controlgroup . ui-radio label { font-size : 16 px ; }
. ui-controlgroup-horizontal . ui-controlgroup-controls : before ,
. ui-controlgroup-horizontal . ui-controlgroup-controls : after { content : "" ; display : table ; }
. ui-controlgroup-horizontal . ui-controlgroup-controls : after { clear : both ; }
. ui-controlgroup-horizontal . ui-controlgroup-controls { display : inline-block ; vertical-align : middle ; zoom : 1 ; }
. ui-controlgroup-horizontal . ui-controlgroup-controls > . ui-btn , . ui-controlgroup-horizontal . ui-controlgroup-controls li > . ui-btn ,
. ui-controlgroup-horizontal . ui-checkbox , . ui-controlgroup-horizontal . ui-radio ,
. ui-controlgroup-horizontal . ui-select { float : left ; clear : none ; margin : 0 ; }
/* On IE7 the floating selects will be displayed as block if .ui-btn-text has width 100% */
. ui-controlgroup-horizontal . ui-select . ui-btn-text { width : auto ; }
. ui-controlgroup-vertical . ui-btn { border-bottom-width : 0 ; }
. ui-controlgroup-vertical . ui-btn . ui-last-child { border-bottom-width : 1 px ; }
. ui-controlgroup-horizontal . ui-btn { border-right-width : 0 ; }
. ui-controlgroup-horizontal . ui-btn . ui-last-child { border-right-width : 1 px ; }
. ui-controlgroup . ui-btn-corner-all {
-webkit-border-radius : 0 ;
border-radius : 0 ;
}
. ui-controlgroup . ui-controlgroup-controls ,
. ui-controlgroup . ui-radio ,
. ui-controlgroup . ui-checkbox ,
. ui-controlgroup . ui-select ,
. ui-controlgroup li {
-webkit-border-radius : inherit ;
border-radius : inherit ;
}
. ui-controlgroup-vertical . ui-btn . ui-first-child {
-webkit-border-top-left-radius : inherit ;
border-top-left-radius : inherit ;
-webkit-border-top-right-radius : inherit ;
border-top-right-radius : inherit ;
}
. ui-controlgroup-vertical . ui-btn . ui-last-child {
-webkit-border-bottom-left-radius : inherit ;
border-bottom-left-radius : inherit ;
-webkit-border-bottom-right-radius : inherit ;
border-bottom-right-radius : inherit ;
}
. ui-controlgroup-horizontal . ui-btn . ui-first-child {
-webkit-border-top-left-radius : inherit ;
border-top-left-radius : inherit ;
-webkit-border-bottom-left-radius : inherit ;
border-bottom-left-radius : inherit ;
}
. ui-controlgroup-horizontal . ui-btn . ui-last-child {
-webkit-border-top-right-radius : inherit ;
border-top-right-radius : inherit ;
-webkit-border-bottom-right-radius : inherit ;
border-bottom-right-radius : inherit ;
}
. ui-controlgroup . ui-shadow : not ( . ui-focus ) {
-moz-box-shadow : none ;
-webkit-box-shadow : none ;
box-shadow : none ;
}
@ media all and ( min-width : 28em ) {
. ui-field-contain . ui-controlgroup-label { vertical-align : top ; display : inline-block ; width : 20 % ; margin : 0 2 % 0 0 ; }
. ui-field-contain . ui-controlgroup-controls { width : 78 % ; display : inline-block ; }
. ui-field-contain . ui-controlgroup . ui-select { width : 100 % ; display : block ; }
. ui-field-contain . ui-controlgroup-horizontal . ui-select { width : auto ; }
. ui-hide-label . ui-controlgroup-controls { width : 100 % ; }
}
. ui-dialog {
background : none ! important ; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
}
. ui-dialog-contain {
width : 92 . 5 % ;
max-width : 500px ;
margin : 10 % auto 15px auto ;
padding : 0 ;
position : relative ;
top : -15px ;
}
. ui-dialog-contain > . ui-header ,
. ui-dialog-contain > . ui-content ,
. ui-dialog-contain > . ui-footer {
display : block ;
position : relative ;
width : auto ;
margin : 0 ;
}
. ui-dialog-contain > . ui-header {
border : none ;
overflow : hidden ;
z-index : 10 ;
padding : 0 ;
}
. ui-dialog-contain > . ui-content {
2017-02-13 16:06:17 +01:00
padding : 5px 5px 0px 5px ;
2013-07-04 18:55:39 +02:00
}
. ui-dialog-contain > . ui-footer {
z-index : 10 ;
padding : 0 15px ;
}
. ui-popup-open . ui-header-fixed ,
. ui-popup-open . ui-footer-fixed {
position : absolute ! important ; /* See line #553 of popup.js */
}
. ui-popup-screen {
background-image : url ( data : image / gif ; base64 , R0lGODlhAQABAID / AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw = = ) ; /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 1px ;
position : absolute ;
filter : Alpha ( Opacity = 0 ) ;
opacity : 0 ;
z-index : 1099 ;
}
. ui-popup-screen . in {
opacity : 0 . 5 ;
filter : Alpha ( Opacity = 50 ) ;
}
. ui-popup-screen . out {
opacity : 0 ;
filter : Alpha ( Opacity = 0 ) ;
}
. ui-popup-container {
z-index : 1100 ;
display : inline-block ;
position : absolute ;
padding : 0 ;
outline : 0 ;
}
. ui-popup {
position : relative ;
}
. ui-popup . ui-content ,
. ui-popup . ui-content {
overflow : visible ;
}
. ui-popup > p ,
. ui-popup > h1 ,
. ui-popup > h2 ,
. ui-popup > h3 ,
. ui-popup > h4 ,
. ui-popup > h5 ,
. ui-popup > h6 {
margin : . 5em 7px ;
}
. ui-popup > span {
display : block ;
margin : . 5em 7px ;
}
. ui-popup . ui-title {
font-size : 16px ;
font-weight : bold ;
margin-top : . 5em ;
margin-bottom : . 5em ;
}
. ui-popup-container . ui-content > p ,
. ui-popup-container . ui-content > h1 ,
. ui-popup-container . ui-content > h2 ,
. ui-popup-container . ui-content > h3 ,
. ui-popup-container . ui-content > h4 ,
. ui-popup-container . ui-content > h5 ,
. ui-popup-container . ui-content > h6 {
margin : . 5em 0 ;
}
. ui-popup-container . ui-content > span {
margin : 0 ;
}
. ui-popup-container . ui-content > p : first-child ,
. ui-popup-container . ui-content > h1 : first-child ,
. ui-popup-container . ui-content > h2 : first-child ,
. ui-popup-container . ui-content > h3 : first-child ,
. ui-popup-container . ui-content > h4 : first-child ,
. ui-popup-container . ui-content > h5 : first-child ,
. ui-popup-container . ui-content > h6 : first-child {
margin-top : 0 ;
}
. ui-popup-container . ui-content > p : last-child ,
. ui-popup-container . ui-content > h1 : last-child ,
. ui-popup-container . ui-content > h2 : last-child ,
. ui-popup-container . ui-content > h3 : last-child ,
. ui-popup-container . ui-content > h4 : last-child ,
. ui-popup-container . ui-content > h5 : last-child ,
. ui-popup-container . ui-content > h6 : last-child {
margin-bottom : 0 ;
}
. ui-popup > img {
width : auto ;
height : auto ;
max-width : 100 % ;
max-height : 100 % ;
vertical-align : middle ;
}
. ui-popup : not ( . ui-content ) > img : only-child ,
. ui-popup : not ( . ui-content ) > . ui-btn-left : first-child + img : last-child ,
. ui-popup : not ( . ui-content ) > . ui-btn-right : first-child + img : last-child {
-webkit-border-radius : inherit ;
border-radius : inherit ;
}
. ui-popup iframe {
vertical-align : middle ;
}
@ media all and ( min-width : 28em ) {
. ui-popup . ui-field-contain label . ui-submit ,
. ui-popup . ui-field-contain . ui-controlgroup-label ,
. ui-popup . ui-field-contain label . ui-select ,
. ui-popup . ui-field-contain label . ui-input-text {
font-size : 16px ; line-height : 1 . 4 ; display : block ; font-weight : normal ; margin : 0 0 . 3em ;
}
. ui-popup . ui-field-contain . ui-btn . ui-submit ,
. ui-popup . ui-field-contain . ui-controlgroup-controls ,
. ui-popup . ui-field-contain . ui-select ,
. ui-popup . ui-field-contain input . ui-input-text ,
. ui-popup . ui-field-contain textarea . ui-input-text ,
. ui-popup . ui-field-contain . ui-input-search {
width : 100 % ; display : block ;
}
}
. ui-popup > . ui-btn-left ,
. ui-popup > . ui-btn-right {
position : absolute ;
top : -9px ;
margin : 0 ;
z-index : 1101 ;
}
. ui-popup > . ui-btn-left { left : -9 px ; }
. ui-popup > . ui-btn-right { right : -9 px ; }
. ui-popup-hidden { top : -99999 px ; left : -9999 px ; }
. ui-checkbox , . ui-radio { position : relative ; clear : both ; margin : 0 ; z-index : 1 ; }
. ui-checkbox . ui-btn , . ui-radio . ui-btn { text-align : left ; z-index : 2 ; }
. ui-controlgroup . ui-checkbox . ui-btn , . ui-controlgroup . ui-radio . ui-btn { margin : 0 ; }
. ui-checkbox . ui-btn-inner , . ui-radio . ui-btn-inner { white-space : normal ; }
. ui-checkbox . ui-btn-icon-left . ui-btn-inner , . ui-radio . ui-btn-icon-left . ui-btn-inner { padding-left : 45 px ; }
. ui-checkbox . ui-mini . ui-btn-icon-left . ui-btn-inner , . ui-radio . ui-mini . ui-btn-icon-left . ui-btn-inner { padding-left : 36 px ; }
. ui-checkbox . ui-btn-icon-right . ui-btn-inner , . ui-radio . ui-btn-icon-right . ui-btn-inner { padding-right : 45 px ; }
. ui-checkbox . ui-mini . ui-btn-icon-right . ui-btn-inner , . ui-radio . ui-mini . ui-btn-icon-right . ui-btn-inner { padding-right : 36 px ; }
. ui-checkbox . ui-btn-icon-top . ui-btn-inner , . ui-radio . ui-btn-icon-top . ui-btn-inner { padding-right : 0 ; padding-left : 0 ; text-align : center ; }
. ui-checkbox . ui-btn-icon-bottom . ui-btn-inner , . ui-radio . ui-btn-icon-bottom . ui-btn-inner { padding-right : 0 ; padding-left : 0 ; text-align : center ; }
. ui-checkbox . ui-icon , . ui-radio . ui-icon { top : 1.1 em ; }
. ui-checkbox . ui-btn-icon-left . ui-icon , . ui-radio . ui-btn-icon-left . ui-icon { left : 15 px ; }
. ui-checkbox . ui-mini . ui-btn-icon-left . ui-icon , . ui-radio . ui-mini . ui-btn-icon-left . ui-icon { left : 9 px ; }
. ui-checkbox . ui-btn-icon-right . ui-icon , . ui-radio . ui-btn-icon-right . ui-icon { right : 15 px ; }
. ui-checkbox . ui-mini . ui-btn-icon-right . ui-icon , . ui-radio . ui-mini . ui-btn-icon-right . ui-icon { right : 9 px ; }
. ui-checkbox . ui-btn-icon-top . ui-icon , . ui-radio . ui-btn-icon-top . ui-icon { top : 10 px ; }
. ui-checkbox . ui-btn-icon-bottom . ui-icon , . ui-radio . ui-btn-icon-bottom . ui-icon { top : auto ; bottom : 10 px ; }
. ui-checkbox . ui-btn-icon-right . ui-icon , . ui-radio . ui-btn-icon-right . ui-icon { right : 15 px ; }
. ui-checkbox . ui-mini . ui-btn-icon-right . ui-icon , . ui-radio . ui-mini . ui-btn-icon-right . ui-icon { right : 9 px ; }
. ui-controlgroup-horizontal . ui-checkbox . ui-icon ,
. ui-controlgroup-horizontal . ui-radio . ui-icon { display : none ; }
. ui-controlgroup-horizontal . ui-checkbox . ui-btn-inner ,
. ui-controlgroup-horizontal . ui-radio . ui-btn-inner { padding : .6 em 20 px ; }
. ui-controlgroup-horizontal . ui-checkbox . ui-mini . ui-btn-inner ,
. ui-controlgroup-horizontal . ui-radio . ui-mini . ui-btn-inner { padding : .55 em 11 px .5 em ; }
/* input, label positioning */
. ui-checkbox input , . ui-radio input { position : absolute ; left : 20 px ; top : 50 % ; width : 10 px ; height : 10 px ; margin : -5 px 0 0 0 ; outline : 0 !important ; z-index : 1 ; }
. ui-field-contain , fieldset . ui-field-contain { padding : .8 em 0 ; margin : 0 ; border-width : 0 0 1 px 0 ; overflow : visible ; }
. ui-field-contain : last-child { border-bottom-width : 0 ; }
. ui-field-contain { max-width : 100 % ; } /* This prevents horizontal scrollbar in IE7 */
@ media all and ( min-width : 28em ) {
. ui-field-contain , . ui-mobile fieldset . ui-field-contain { border-width : 0 ; padding : 0 ; margin : 1 em 0 ; }
}
. ui-select { display : block ; position : relative ; }
. ui-select select { position : absolute ; left : -9999 px ; top : -9999 px ; }
. ui-select . ui-btn { opacity : 1 ; }
. ui-field-contain . ui-select . ui-btn { margin : 0 ; }
/* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
. ui-select . ui-btn select { cursor : pointer ; -webkit- appearance : none ; left : 0 ; top : 0 ; width : 100 % ; min-height : 1.5 em ; min-height : 100 % ; height : 3 em ; max-height : 100 % ; filter : Alpha ( Opacity = 0 ) ; opacity : 0 ; z-index : 2 ; }
. ui-select . ui-disabled { opacity : .3 ; }
/* Display none because of issues with IE/WP's filter alpha opacity */
. ui-select . ui-disabled select { display : none ; }
@ -moz-document url-prefix ( ) { . ui-select . ui-btn select { opacity : 0.0001 ; } }
. ui-select . ui-btn . ui-select-nativeonly { border-radius : 0 ; border : 0 ; }
. ui-select . ui-btn . ui-select-nativeonly select { opacity : 1 ; text-indent : 0 ; display : block ; }
. ui-select . ui-disabled . ui-select-nativeonly . ui-btn-inner { opacity : 0 ; }
. ui-select . ui-btn-icon-right . ui-btn-inner , . ui-select . ui-li-has-count . ui-btn-inner { padding-right : 45 px ; }
. ui-select . ui-mini . ui-btn-icon-right . ui-btn-inner { padding-right : 32 px ; }
. ui-select . ui-btn-icon-right . ui-li-has-count . ui-btn-inner { padding-right : 80 px ; }
. ui-select . ui-mini . ui-btn-icon-right . ui-li-has-count . ui-btn-inner { padding-right : 67 px ; }
. ui-select . ui-btn-icon-right . ui-icon { right : 15 px ; }
. ui-select . ui-mini . ui-btn-icon-right . ui-icon { right : 7 px ; }
. ui-select . ui-btn-icon-right . ui-li-has-count . ui-li-count { right : 45 px ; }
. ui-select . ui-mini . ui-btn-icon-right . ui-li-has-count . ui-li-count { right : 32 px ; }
/* labels */
label . ui-select { font-size : 16 px ; line-height : 1.4 ; font-weight : normal ; margin : 0 0 .3 em ; display : block ; }
/*listbox*/
. ui-select . ui-btn-text , . ui-selectmenu . ui-btn-text { display : block ; min-height : 1 em ; overflow : hidden !important ;
/* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
. ui-select . ui-btn-text { text-overflow : ellipsis ; }
. ui-selectmenu { padding : 6 px ; min-width : 160 px ; }
. ui-selectmenu . ui-listview { margin : 0 ; }
. ui-selectmenu . ui-btn . ui-li-divider { cursor : default ; }
. ui-screen-hidden , . ui-selectmenu-list . ui-li . ui-icon { display : none ; }
. ui-selectmenu-list . ui-li . ui-icon { display : block ; }
. ui-li . ui-selectmenu-placeholder { display : none ; }
. ui-selectmenu . ui-header { margin : 0 ; padding : 0 ; }
. ui-selectmenu . ui-popup . ui-header { -webkit- border-top-left-radius : 0 ; border-top-left-radius : 0 ; -webkit- border-top-right-radius : 0 ; border-top-right-radius : 0 ; }
. ui-selectmenu . ui-header . ui-title { margin : 0.6 em 46 px 0.8 em ; }
@ media all and ( min-width : 28em ) {
. ui-field-contain label . ui-select { vertical-align : top ; display : inline-block ; width : 20 % ; margin : 0 2 % 0 0 ; }
. ui-field-contain . ui-select { width : 78 % ; display : inline-block ; }
. ui-hide-label . ui-select { width : 100 % ; }
}
/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
. ui-selectmenu . ui-header h1 : after { content : '.' ; visibility : hidden ; }
label . ui-input-text { font-size : 16 px ; line-height : 1.4 ; display : block ; font-weight : normal ; margin : 0 0 .3 em ; }
input . ui-input-text , textarea . ui-input-text { background-image : none ; padding : .4 em ; margin : .5 em 0 ; min-height : 1.4 em ; line-height : 1.4 em ; font-size : 16 px ; display : block ; width : 100 % ; outline : 0 ; }
input . ui-mini , . ui-mini input , textarea . ui-mini { font-size : 14 px ; }
div . ui-input-text input . ui-input-text , div . ui-input-text textarea . ui-input-text ,
. ui-input-search input . ui-input-text { border : none ; width : 100 % ; padding : .4 em 0 ; margin : 0 ; display : block ; background : transparent none ; outline : 0 !important ; }
. ui-input-search , div . ui-input-text { margin : .5 em 0 ; background-image : none ; position : relative ; }
. ui-input-search { padding : 0 30 px ; }
div . ui-input-text { padding : 0 .4 em ; }
div . ui-input-has-clear { padding : 0 30 px 0 .4 em ; }
input . ui-input-text . ui-mini , textarea . ui-input-text . ui-mini ,
. ui-input-search . ui-mini , div . ui-input-text . ui-mini { margin : .25 em 0 ; }
. ui-field-contain input . ui-input-text , . ui-field-contain textarea . ui-input-text ,
. ui-field-contain . ui-input-search , . ui-field-contain div . ui-input-text { margin : 0 ; }
textarea . ui-input-text { -webkit- box-sizing : border-box ; -moz- box-sizing : border-box ; -ms- box-sizing : border-box ; box-sizing : border-box ; }
input . ui-input-text { -webkit- appearance : none ; }
textarea . ui-input-text { height : 50 px ; -webkit- transition : height 200 ms linear ; -moz- transition : height 200 ms linear ; -o- transition : height 200 ms linear ; transition : height 200 ms linear ; }
textarea . ui-mini { height : 45 px ; }
. ui-icon-searchfield : after { position : absolute ; left : 7 px ; top : 50 % ; margin-top : -9 px ; content : "" ; width : 18 px ; height : 18 px ; opacity : .5 ; }
. ui-input-search . ui-input-clear , . ui-input-text . ui-input-clear { position : absolute ; right : 0 ; top : 50 % ; margin-top : -13 px ; }
. ui-mini . ui-input-clear { right : -3 px ; }
. ui-input-search . ui-input-clear-hidden , . ui-input-text . ui-input-clear-hidden { display : none ; }
/* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
input :: -moz-placeholder , textarea :: -moz-placeholder { color : #aaa ; }
/* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
input [ type = number ] :: -webkit-outer-spin-button { margin : 0 ; }
@ media all and ( min-width : 28em ) {
. ui-field-contain label . ui-input-text { vertical-align : top ; display : inline-block ; width : 20 % ; margin : 0 2 % 0 0 }
. ui-field-contain input . ui-input-text ,
. ui-field-contain textarea . ui-input-text ,
. ui-field-contain . ui-input-search ,
. ui-field-contain div . ui-input-text { width : 78 % ; display : inline-block ; }
. ui-field-contain . ui-input-search ,
. ui-field-contain div . ui-input-text { -webkit- box-sizing : border-box ; -moz- box-sizing : border-box ; -ms- box-sizing : border-box ; box-sizing : border-box ; }
. ui-hide-label input . ui-input-text ,
. ui-hide-label textarea . ui-input-text ,
. ui-hide-label . ui-input-search ,
. ui-hide-label div . ui-input-text ,
. ui-input-search input . ui-input-text ,
div . ui-input-text input . ui-input-text { width : 100 % ; }
}
. ui-rangeslider {
zoom : 1 ;
margin : 0 ;
}
. ui-rangeslider : before ,
. ui-rangeslider : after {
content : "" ;
display : table ;
}
. ui-rangeslider : after {
clear : both ;
}
/* Margin-top/bottom: .5em * 16px/14px to make it equal to ui-rangeslider-sliders margin (input font-size is 14px) */
. ui-rangeslider input . ui-input-text . ui-slider-input {
margin : . 57143em 0 ;
}
. ui-rangeslider . ui-mini input . ui-slider-input {
margin : . 28571em 0 ;
}
. ui-rangeslider input . ui-slider-input . ui-rangeslider-last {
float : right ;
}
. ui-rangeslider . ui-rangeslider-sliders {
position : relative ;
overflow : visible ;
height : 30px ;
margin : . 5em 68px ;
}
. ui-rangeslider . ui-mini . ui-rangeslider-sliders {
margin : . 25em 68px ;
}
. ui-field-contain . ui-rangeslider input . ui-slider-input ,
. ui-field-contain . ui-rangeslider . ui-mini input . ui-slider-input ,
. ui-field-contain . ui-rangeslider . ui-rangeslider-sliders ,
. ui-field-contain . ui-rangeslider . ui-mini . ui-rangeslider-sliders {
margin-top : 0 ;
margin-bottom : 0 ;
}
. ui-rangeslider . ui-rangeslider-sliders . ui-slider-track {
position : absolute ;
top : 6px ;
right : 0 ;
left : 0 ;
margin : 0 ;
}
. ui-rangeslider . ui-mini . ui-rangeslider-sliders . ui-slider-track {
top : 8px ;
}
. ui-rangeslider . ui-slider-track : first-child . ui-slider-bg {
display : none ;
}
. ui-rangeslider . ui-rangeslider-sliders . ui-slider-track : first-child {
background-color : transparent ;
background : none ;
border-width : 0 ;
height : 0 ;
}
/* this makes ie6 and ie7 set height to 0 to fix z-index problem */
html > /**/ body . ui-rangeslider . ui-rangeslider-sliders . ui-slider-track : first-child {
height : 15px ;
border-width : 1px ;
}
html > /**/ body . ui-rangeslider . ui-mini . ui-rangeslider-sliders . ui-slider-track : first-child {
height : 12px ;
}
@ media all and ( min-width : 28em ) {
. ui-field-contain . ui-rangeslider label . ui-slider {
float : left ;
}
. ui-field-contain . ui-rangeslider input . ui-slider-input {
position : relative ;
z-index : 1 ;
}
. ui-field-contain . ui-rangeslider input . ui-slider-input . ui-rangeslider-first ,
. ui-field-contain . ui-rangeslider . ui-mini input . ui-slider-input . ui-rangeslider-first {
margin-right : 17px ;
}
. ui-field-contain . ui-rangeslider . ui-rangeslider-sliders ,
. ui-field-contain . ui-rangeslider . ui-mini . ui-rangeslider-sliders {
float : left ;
width : 78 % ;
margin : 0 -68px ;
}
. ui-field-contain . ui-rangeslider . ui-slider-track ,
. ui-field-contain . ui-rangeslider . ui-mini . ui-slider-track {
right : 68px ;
left : 68px ;
}
. ui-field-contain . ui-hide-label . ui-rangeslider input . ui-slider-input . ui-rangeslider-first {
margin : 0 ;
}
. ui-field-contain . ui-hide-label . ui-rangeslider . ui-rangeslider-sliders ,
. ui-field-contain . ui-hide-label . ui-rangeslider . ui-mini . ui-rangeslider-sliders {
width : auto ;
float : none ;
margin : 0 68px ;
}
. ui-field-contain . ui-hide-label . ui-rangeslider . ui-slider-track ,
. ui-field-contain . ui-hide-label . ui-rangeslider . ui-mini . ui-slider-track {
right : 0 ;
left : 0 ;
}
}
. ui-listview { margin : 0 ; }
ol . ui-listview , ol . ui-listview . ui-li-divider { counter-reset : listnumbering ; }
. ui-content . ui-listview , . ui-panel-inner > . ui-listview { margin : -15 px ; }
. ui-collapsible-content > . ui-listview { margin : -10 px -15 px ; }
. ui-content . ui-listview-inset , . ui-panel-inner . ui-listview-inset { margin : 1 em 0 ; }
. ui-collapsible-content . ui-listview-inset { margin : .5 em 0 ; }
. ui-listview , . ui-li { list-style : none ; padding : 0 ; }
. ui-li , . ui-li . ui-field-contain { display : block ; margin : 0 ; position : relative ; overflow : visible ; text-align : left ; border-width : 0 ; border-top-width : 1 px ; }
. ui-li . ui-btn , . ui-li . ui-field-contain , . ui-li-divider , . ui-li-static { margin : 0 ; }
. ui-listview-inset . ui-li { border-right-width : 1 px ; border-left-width : 1 px ; }
. ui-li . ui-last-child , . ui-li . ui-field-contain . ui-last-child { border-bottom-width : 1 px ; }
. ui-collapsible-content > . ui-listview : not ( . ui-listview-inset ) > . ui-li . ui-first-child { border-top-width : 0 ; }
. ui-collapsible-themed-content . ui-listview : not ( . ui-listview-inset ) > . ui-li . ui-last-child { border-bottom-width : 0 ; }
. ui-li . ui-btn-text a . ui-link-inherit { text-overflow : ellipsis ; overflow : hidden ; white-space : nowrap ; }
. ui-li-static { background-image : none ; }
. ui-li-divider { padding : .5 em 15 px ; font-size : 14 px ; font-weight : bold ; }
ol . ui-listview . ui-link-inherit : before , ol . ui-listview . ui-li-static : before , . ui-li-dec { font-size : .8 em ; display : inline-block ; padding-right : .3 em ; font-weight : normal ; counter-increment : listnumbering ; content : counter ( listnumbering ) ". " ; }
ol . ui-listview . ui-li-jsnumbering : before { content : "" !important ; } /* to avoid chance of duplication */
. ui-listview . ui-li > . ui-btn-text {
-webkit-border-radius : inherit ;
border-radius : inherit ;
}
. ui-listview > . ui-li . ui-first-child ,
. ui-listview . ui-btn . ui-first-child > . ui-li > . ui-btn-text > . ui-link-inherit {
-webkit-border-top-right-radius : inherit ;
border-top-right-radius : inherit ;
-webkit-border-top-left-radius : inherit ;
border-top-left-radius : inherit ;
}
. ui-listview > . ui-li . ui-last-child ,
. ui-listview . ui-btn . ui-last-child > . ui-li > . ui-btn-text > . ui-link-inherit ,
. ui-collapsible-content > . ui-listview : not ( . ui-listview-inset ) ,
. ui-collapsible-content > . ui-listview : not ( . ui-listview-inset ) . ui-li . ui-last-child {
-webkit-border-bottom-right-radius : inherit ;
border-bottom-right-radius : inherit ;
-webkit-border-bottom-left-radius : inherit ;
border-bottom-left-radius : inherit ;
}
. ui-listview > . ui-li . ui-first-child . ui-li-link-alt {
-webkit-border-top-right-radius : inherit ;
border-top-right-radius : inherit ;
}
. ui-listview > . ui-li . ui-last-child . ui-li-link-alt {
-webkit-border-bottom-right-radius : inherit ;
border-bottom-right-radius : inherit ;
}
. ui-listview > . ui-li . ui-first-child . ui-li-thumb : not ( . ui-li-icon ) {
-webkit-border-top-left-radius : inherit ;
border-top-left-radius : inherit ;
}
. ui-listview > . ui-li . ui-last-child . ui-li-thumb : not ( . ui-li-icon ) {
-webkit-border-bottom-left-radius : inherit ;
border-bottom-left-radius : inherit ;
}
. ui-li > . ui-btn-inner { display : block ; position : relative ; padding : 0 ; }
. ui-li . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li { padding : .7 em 15 px ; display : block ; }
. ui-li-has-thumb . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li-has-thumb { min-height : 59 px ; padding-left : 100 px ; }
. ui-li-has-icon . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li-has-icon { min-height : 20 px ; padding-left : 40 px ; }
. ui-li-has-count . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li-has-count , . ui-li-divider . ui-li-has-count { padding-right : 45 px ; }
. ui-li-has-arrow . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li-has-arrow { padding-right : 40 px ; }
. ui-li-has-arrow . ui-li-has-count . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li-has-arrow . ui-li-has-count { padding-right : 75 px ; }
. ui-li-heading { font-size : 16 px ; font-weight : bold ; display : block ; margin : .6 em 0 ; text-overflow : ellipsis ; overflow : hidden ; white-space : nowrap ; }
. ui-li-desc { font-size : 12 px ; font-weight : normal ; display : block ; margin : -.5 em 0 .6 em ; text-overflow : ellipsis ; overflow : hidden ; white-space : nowrap ; }
ol . ui-listview > . ui-li . ui-li-heading { display : inline-block ; width : 100 % ; margin-left : -1.3 em ; text-indent : 1.3 em ; vertical-align : middle ; }
ol . ui-listview > . ui-li . ui-li-desc : not ( . ui-li-aside ) { text-indent : 1.55 em ; }
. ui-li-thumb , . ui-listview . ui-li-icon { position : absolute ; left : 1 px ; top : 0 ; max-height : 80 px ; max-width : 80 px ; }
. ui-listview . ui-li-icon { max-height : 16 px ; max-width : 16 px ; left : 10 px ; top : .9 em ; }
. ui-li-thumb , . ui-listview . ui-li-icon , . ui-li-content { float : left ; margin-right : 10 px ; }
. ui-li-aside { float : right ; width : 50 % ; text-align : right ; margin : .3 em 0 ; }
@ media all and ( min-width : 480px ) {
. ui-li-aside { width : 45 % ; }
}
. ui-li-divider { cursor : default ; }
. ui-li-has-alt . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li-has-alt { padding-right : 53 px ; }
. ui-li-has-alt . ui-li-has-count . ui-btn-inner a . ui-link-inherit , . ui-li-static . ui-li-has-alt . ui-li-has-count { padding-right : 88 px ; }
. ui-li-has-count . ui-li-count { position : absolute ; font-size : 11 px ; font-weight : bold ; padding : .2 em .5 em ; top : 50 % ; margin-top : -.9 em ; right : 10 px ; }
. ui-li-has-count . ui-li-divider . ui-li-count , . ui-li-has-count . ui-link-inherit . ui-li-count { margin-top : -.95 em ; }
. ui-li-has-arrow . ui-li-has-count . ui-li-count { right : 40 px ; }
. ui-li-has-alt . ui-li-has-count . ui-li-count { right : 53 px ; }
. ui-li-link-alt { position : absolute ; width : 40 px ; height : 100 % ; border-width : 0 ; border-left-width : 1 px ; top : 0 ; right : 0 ; margin : 0 ; padding : 0 ; z-index : 2 ; }
. ui-li-link-alt . ui-btn { overflow : hidden ; position : absolute ; right : 8 px ; top : 50 % ; margin : -13 px 0 0 0 ; border-bottom-width : 1 px ; z-index : -1 ; }
. ui-li-link-alt . ui-btn-inner { padding : 0 ; height : 100 % ; position : absolute ; width : 100 % ; top : 0 ; left : 0 ; }
. ui-li-link-alt . ui-btn . ui-icon { right : 50 % ; margin-right : -9 px ; }
. ui-li-link-alt . ui-btn-icon-notext . ui-btn-inner . ui-icon { position : absolute ; top : 50 % ; margin-top : -9 px ; }
. ui-listview * . ui-btn-inner > . ui-btn > . ui-btn-inner { border-top : 0 ; }
. ui-listview-filter { border-width : 0 ; overflow : hidden ; margin : -15 px -15 px 15 px -15 px ; }
. ui-collapsible-content . ui-listview-filter { margin : -10 px -15 px 10 px -15 px ; border-bottom : inherit ; }
. ui-listview-filter-inset { margin : -15 px -5 px ; background : transparent ; }
. ui-collapsible-content . ui-listview-filter-inset { margin : -5 px ; border-bottom-width : 0 ; }
. ui-listview-filter . ui-input-search { margin : 5 px ; width : auto ; display : block ; }
. ui-li . ui-screen-hidden { display : none ; }
/* Odd iPad positioning issue. */
@ media only screen and ( min-device-width : 768px ) and ( max-device-width : 1024px ) {
. ui-li . ui-btn-text { overflow : visible ; }
}
label . ui-slider {
font-size : 16px ;
line-height : 1 . 4 ;
font-weight : normal ;
margin : 0 ;
display : block ;
}
. ui-field-contain label . ui-slider {
margin-bottom : . 4em ;
}
div . ui-slider {
height : 30px ;
margin : . 5em 0 ;
zoom : 1 ;
}
div . ui-slider . ui-mini {
margin : . 25em 0 ;
}
. ui-field-contain div . ui-slider ,
. ui-field-contain div . ui-slider . ui-mini {
margin : 0 ;
}
div . ui-slider : before , div . ui-slider : after {
content : "" ;
display : table ;
}
div . ui-slider : after {
clear : both ;
}
/* High level of specificity to override Textinput CSS. */
input . ui-input-text . ui-slider-input {
display : block ;
float : left ;
margin : 0 ;
padding : 4px ;
width : 40px ;
height : 22px ;
line-height : 22px ;
font-size : 14px ;
border-width : 0 ;
background-image : none ;
font-weight : bold ;
text-align : center ;
vertical-align : text-bottom ;
outline : 0 ;
-webkit-box-sizing : content-box ;
-moz-box-sizing : content-box ;
-ms-box-sizing : content-box ;
box-sizing : content-box ;
}
. ui-slider-input :: -webkit-outer-spin-button ,
. ui-slider-input :: -webkit-inner-spin-button {
-webkit-appearance : none ;
margin : 0 ;
}
. ui-slider-track ,
. ui-slider-switch {
position : relative ;
overflow : visible ;
height : 15px ;
margin : 0 15px 0 68px ;
top : 6px ;
}
. ui-slider-track . ui-mini {
height : 12px ;
top : 8px ;
}
. ui-slider-bg {
border : none ;
height : 100 % ;
}
/* High level of specificity to override button margins in grids */
. ui-slider-track . ui-btn . ui-slider-handle ,
. ui-slider-switch . ui-btn . ui-slider-handle {
position : absolute ;
z-index : 1 ;
top : 50 % ;
width : 28px ;
height : 28px ;
margin : -15px 0 0 -15px ;
outline : 0 ;
}
. ui-slider-track . ui-mini . ui-slider-handle {
height : 14px ;
width : 14px ;
margin : -8px 0 0 -7px ;
}
. ui-slider-handle . ui-btn-inner {
padding : 0 ;
height : 100 % ;
}
. ui-slider-track . ui-mini . ui-slider-handle . ui-btn-inner {
height : 30px ;
width : 30px ;
padding : 0 ;
margin : -9px 0 0 -9px ;
border-top : none ;
}
select . ui-slider-switch {
display : none ;
}
div . ui-slider-switch {
display : inline-block ;
height : 32px ;
width : 5 . 8em ;
margin : . 5em 0 ;
top : 0 ;
}
/* reset the clearfix */
div . ui-slider-switch : before , div . ui-slider-switch : after {
display : none ;
clear : none ;
}
div . ui-slider-switch . ui-mini {
width : 5em ;
height : 29px ;
margin : . 25em 0 ;
top : 0 ;
}
. ui-field-contain . ui-slider-switch ,
. ui-field-contain . ui-slider-switch . ui-mini {
margin : 0 ;
}
. ui-slider-inneroffset {
margin : 0 16px ;
position : relative ;
z-index : 1 ;
}
. ui-slider-switch . ui-mini . ui-slider-inneroffset {
margin : 0 15px 0 14px ;
}
. ui-slider-switch . ui-btn . ui-slider-handle {
margin : 1px 0 0 -15px ;
}
. ui-slider-switch . ui-mini . ui-slider-handle {
width : 25px ;
height : 25px ;
margin : 1px 0 0 -13px ;
padding : 0 ;
}
. ui-slider-handle-snapping {
-webkit-transition : left 70ms linear ;
-moz-transition : left 70ms linear ;
}
. ui-slider-switch . ui-mini . ui-slider-handle . ui-btn-inner {
height : 30px ;
width : 30px ;
padding : 0 ;
margin : 0 ;
border-top : none ;
}
. ui-slider-switch . ui-slider-label {
position : absolute ;
text-align : center ;
width : 100 % ;
overflow : hidden ;
font-size : 16px ;
top : 0 ;
line-height : 2 ;
min-height : 100 % ;
border-width : 0 ;
white-space : nowrap ;
cursor : pointer ;
}
. ui-slider-switch . ui-mini . ui-slider-label {
font-size : 14px ;
}
. ui-slider-switch . ui-slider-label-a {
z-index : 1 ;
left : 0 ;
text-indent : -1 . 5em ;
}
. ui-slider-switch . ui-slider-label-b {
z-index : 0 ;
right : 0 ;
text-indent : 1 . 5em ;
}
@ media all and ( min-width : 28em ) {
. ui-field-contain label . ui-slider {
vertical-align : top ;
display : inline-block ;
width : 20 % ;
margin : 0 2 % 0 0 ;
}
. ui-field-contain div . ui-slider {
display : inline-block ;
width : 78 % ;
}
. ui-field-contain . ui-hide-label div . ui-slider {
display : block ;
width : auto ;
}
. ui-field-contain div . ui-slider-switch ,
. ui-field-contain . ui-hide-label div . ui-slider-switch {
display : inline-block ;
width : 5 . 8em ;
}
. ui-field-contain div . ui-slider-switch . ui-mini {
width : 5em ;
}
}
. ui-table {
border : 0 ;
border-collapse : collapse ;
padding : 0 ;
width : 100 % ;
}
. ui-table th ,
. ui-table td {
line-height : 1 . 5em ;
text-align : left ;
padding : . 4em . 5em ;
vertical-align : top ;
}
. ui-table th . ui-btn ,
. ui-table td . ui-btn {
line-height : normal ;
}
. ui-table th {
font-weight : bold ;
}
. ui-table caption {
text-align : left ;
margin-bottom : 1 . 4em ;
opacity : . 5 ;
}
/* Add strokes between each row */
. table-stroke thead th {
border-bottom : 1px solid # d6d6d6 ; /* non-RGBA fallback */
border-bottom : 1px solid rgba ( 0 , 0 , 0 , . 1 ) ;
}
. table-stroke tbody th ,
. table-stroke tbody td {
border-bottom : 1px solid # e6e6e6 ; /* non-RGBA fallback */
border-bottom : 1px solid rgba ( 0 , 0 , 0 , . 05 ) ;
}
/* Add alternating row stripes */
. table-stripe tbody tr : nth-child ( odd ) td ,
. table-stripe tbody tr : nth-child ( odd ) th {
background-color : # eeeeee ; /* non-RGBA fallback */
background-color : rgba ( 0 , 0 , 0 , 0 . 04 ) ;
}
/* Add stroke to the header and last item */
. table-stripe thead th ,
. table-stripe tbody tr : last-child {
border-bottom : 1px solid # d6d6d6 ; /* non-RGBA fallback */
border-bottom : 1px solid rgba ( 0 , 0 , 0 , . 1 ) ;
}
/ *
Styles for the table columntoggle mode
* /
. ui-table-columntoggle-btn {
float : right ;
margin-bottom : . 8em ;
}
/* Remove top/bottom margins around the fieldcontain on check list */
. ui-table-columntoggle-popup fieldset {
margin : 0 ;
}
/* Hide all prioritized columns by default */
@ media only all {
th . ui-table-priority-6 ,
td . ui-table-priority-6 ,
th . ui-table-priority-5 ,
td . ui-table-priority-5 ,
th . ui-table-priority-4 ,
td . ui-table-priority-4 ,
th . ui-table-priority-3 ,
td . ui-table-priority-3 ,
th . ui-table-priority-2 ,
td . ui-table-priority-2 ,
th . ui-table-priority-1 ,
td . ui-table-priority-1 {
display : none ;
}
}
/* Preset breakpoints if ".ui-responsive" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@ media screen and ( min-width : 20em ) {
. ui-table-columntoggle . ui-responsive th . ui-table-priority-1 ,
. ui-table-columntoggle . ui-responsive td . ui-table-priority-1 {
display : table-cell ;
}
}
/* Show priority 2 at 480px (30em x 16px) */
@ media screen and ( min-width : 30em ) {
. ui-table-columntoggle . ui-responsive th . ui-table-priority-2 ,
. ui-table-columntoggle . ui-responsive td . ui-table-priority-2 {
display : table-cell ;
}
}
/* Show priority 3 at 640px (40em x 16px) */
@ media screen and ( min-width : 40em ) {
. ui-table-columntoggle . ui-responsive th . ui-table-priority-3 ,
. ui-table-columntoggle . ui-responsive td . ui-table-priority-3 {
display : table-cell ;
}
}
/* Show priority 4 at 800px (50em x 16px) */
@ media screen and ( min-width : 50em ) {
. ui-table-columntoggle . ui-responsive th . ui-table-priority-4 ,
. ui-table-columntoggle . ui-responsive td . ui-table-priority-4 {
display : table-cell ;
}
}
/* Show priority 5 at 960px (60em x 16px) */
@ media screen and ( min-width : 60em ) {
. ui-table-columntoggle . ui-responsive th . ui-table-priority-5 ,
. ui-table-columntoggle . ui-responsive td . ui-table-priority-5 {
display : table-cell ;
}
}
/* Show priority 6 at 1,120px (70em x 16px) */
@ media screen and ( min-width : 70em ) {
. ui-table-columntoggle . ui-responsive th . ui-table-priority-6 ,
. ui-table-columntoggle . ui-responsive td . ui-table-priority-6 {
display : table-cell ;
}
}
/* Unchecked manually: Always hide */
. ui-table-columntoggle th . ui-table-cell-hidden ,
. ui-table-columntoggle td . ui-table-cell-hidden ,
. ui-table-columntoggle . ui-responsive th . ui-table-cell-hidden ,
. ui-table-columntoggle . ui-responsive td . ui-table-cell-hidden {
display : none ;
}
/* Checked manually: Always show */
. ui-table-columntoggle th . ui-table-cell-visible ,
. ui-table-columntoggle td . ui-table-cell-visible ,
. ui-table-columntoggle . ui-responsive th . ui-table-cell-visible ,
. ui-table-columntoggle . ui-responsive td . ui-table-cell-visible {
display : table-cell ;
}
/ *
Styles for the table columntoggle mode
* /
. ui-table-reflow td . ui-table-cell-label ,
. ui-table-reflow th . ui-table-cell-label {
display : none ;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@ media only all {
/* Hide the table headers */
. ui-table-reflow thead td ,
. ui-table-reflow thead th {
display : none ;
}
/* Show the table cells as a block level element */
. ui-table-reflow td ,
. ui-table-reflow th {
text-align : left ;
display : block ;
}
/* Add a fair amount of top margin to visually separate each row when stacked */
. ui-table-reflow tbody th {
margin-top : 3em ;
}
/* Make the label elements a percentage width */
. ui-table-reflow td . ui-table-cell-label ,
. ui-table-reflow th . ui-table-cell-label {
display : block ;
padding : . 4em ;
min-width : 30 % ;
display : inline-block ;
margin : - . 4em 1em - . 4em - . 4em ;
}
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
. ui-table-reflow th . ui-table-cell-label-top ,
. ui-table-reflow td . ui-table-cell-label-top {
display : block ;
padding : . 4em 0 ;
margin : . 4em 0 ;
text-transform : uppercase ;
font-size : . 9em ;
font-weight : normal ;
}
}
/* Breakpoint to show as a standard table at 560px (25em x 16px) or wider */
2017-02-13 16:06:17 +01:00
@ media ( min-width : 34 . 99em ) {
2013-07-04 18:55:39 +02:00
/* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
. ui-table-reflow . ui-responsive {
display : table-row-group ;
}
/* Show the table header rows */
. ui-table-reflow . ui-responsive td ,
. ui-table-reflow . ui-responsive th ,
. ui-table-reflow . ui-responsive tbody th ,
. ui-table-reflow . ui-responsive tbody td ,
. ui-table-reflow . ui-responsive thead td ,
. ui-table-reflow . ui-responsive thead th {
display : table-cell ;
margin : 0 ;
}
/* Hide the labels in each cell */
. ui-table-reflow . ui-responsive td . ui-table-cell-label ,
. ui-table-reflow . ui-responsive th . ui-table-cell-label {
display : none ;
}
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
2017-02-13 16:06:17 +01:00
@ media ( max-width : 34 . 98em ) {
2013-07-04 18:55:39 +02:00
. ui-table-reflow . ui-responsive td ,
. ui-table-reflow . ui-responsive th {
width : 100 % ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
float : left ;
clear : left ;
}
2017-02-13 16:06:17 +01:00
# list_agent_Modules . ui-table-reflow . ui-responsive td . cell_0 {
width : 52 % ! important ;
}
# list_agent_Modules . ui-table-reflow . ui-responsive td . cell_1 {
width : 15 % ! important ;
}
# list_agent_Modules . ui-table-reflow . ui-responsive td . cell_4 {
width : 33 % ! important ;
}
2013-07-04 18:55:39 +02:00
}
/* panel */
. ui-panel {
width : 17em ;
min-height : 100 % ;
max-height : none ;
border-width : 0 ;
position : absolute ;
top : 0 ;
display : block ;
}
. ui-panel-closed {
width : 0 ;
max-height : 100 % ;
overflow : hidden ;
visibility : hidden ;
}
. ui-panel-fixed {
position : fixed ;
bottom : -1px ; /* fixes gap on Chrome for Android */
padding-bottom : 1px ;
}
. ui-panel-display-overlay {
z-index : 1001 ; /* fixed toolbars have z-index 1000 */
}
. ui-panel-display-reveal {
z-index : 0 ;
}
. ui-panel-display-push {
z-index : 999 ;
}
. ui-panel-inner {
padding : 15px ;
}
/* content-wrap */
. ui-panel-content-wrap {
position : relative ;
left : 0 ;
min-height : inherit ;
border : none ;
z-index : 999 ;
}
. ui-panel-content-wrap-display-overlay ,
. ui-panel-animate . ui-panel-content-wrap > . ui-header , /* ios4 fix */
. ui-panel-content-wrap-closed {
position : static ;
}
/* dismiss */
. ui-panel-dismiss {
position : absolute ;
top : 0 ;
left : 0 ;
height : 100 % ;
width : 100 % ;
z-index : 1002 ;
display : none ;
}
. ui-panel-dismiss-open {
display : block ;
}
/* animate class is added to panel, wrapper and fixed toolbars */
. ui-panel-animate {
-webkit-transition : -webkit-transform 350ms ease ;
-moz-transition : -moz-transform 350ms ease ;
transition : transform 350ms ease ;
}
/* hardware acceleration for smoother transitions on WebKit browsers */
. ui-panel-animate . ui-panel : not ( . ui-panel-display-reveal ) ,
. ui-panel-animate . ui-panel : not ( . ui-panel-display-reveal ) > div ,
. ui-panel-animate . ui-panel-closed . ui-panel-display-reveal > div ,
. ui-panel-animate . ui-panel-content-wrap ,
. ui-panel-animate . ui-panel-content-fixed-toolbar {
-webkit-backface-visibility : hidden ;
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
}
/* positioning: panel */
/* panel left */
. ui-panel-position-left {
left : -17em ;
}
/* animated: panel left (for overlay and push) */
. ui-panel-animate . ui-panel-position-left . ui-panel-display-overlay ,
. ui-panel-animate . ui-panel-position-left . ui-panel-display-push {
left : 0 ;
-webkit-transform : translate3d ( -17em , 0 , 0 ) ;
-moz-transform : translate3d ( -17em , 0 , 0 ) ;
transform : translate3d ( -17em , 0 , 0 ) ;
}
/* panel left open */
. ui-panel-position-left . ui-panel-display-reveal , /* negate "panel left" for reveal */
. ui-panel-position-left . ui-panel-open {
left : 0 ;
}
/* animated: panel left open (for overlay and push) */
. ui-panel-animate . ui-panel-position-left . ui-panel-open . ui-panel-display-overlay ,
. ui-panel-animate . ui-panel-position-left . ui-panel-open . ui-panel-display-push {
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
transform : translate3d ( 0 , 0 , 0 ) ;
-moz-transform : none ;
}
/* panel right */
. ui-panel-position-right {
right : -17em ;
}
/* animated: panel right (for overlay and push) */
. ui-panel-animate . ui-panel-position-right . ui-panel-display-overlay ,
. ui-panel-animate . ui-panel-position-right . ui-panel-display-push {
right : 0 ;
-webkit-transform : translate3d ( 17em , 0 , 0 ) ;
-moz-transform : translate3d ( 17em , 0 , 0 ) ;
transform : translate3d ( 17em , 0 , 0 ) ;
}
/* panel right open */
. ui-panel-position-right . ui-panel-display-reveal , /* negate "panel right" for reveal */
. ui-panel-position-right . ui-panel-open {
right : 0 ;
}
/* animated: panel right open (for overlay and push) */
. ui-panel-animate . ui-panel-position-right . ui-panel-open . ui-panel-display-overlay ,
. ui-panel-animate . ui-panel-position-right . ui-panel-open . ui-panel-display-push {
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
transform : translate3d ( 0 , 0 , 0 ) ;
-moz-transform : none ;
}
/* positioning: content wrap, fixed toolbars and dismiss */
/* panel left open */
. ui-panel-content-fixed-toolbar-position-left . ui-panel-content-fixed-toolbar-open ,
. ui-panel-content-wrap-position-left . ui-panel-content-wrap-open ,
. ui-panel-dismiss-position-left . ui-panel-dismiss-open {
left : 17em ;
right : -17em ;
}
/* animated: panel left open (for reveal and push) */
. ui-panel-animate . ui-panel-content-fixed-toolbar-position-left . ui-panel-content-fixed-toolbar-open . ui-panel-content-fixed-toolbar-display-reveal ,
. ui-panel-animate . ui-panel-content-fixed-toolbar-position-left . ui-panel-content-fixed-toolbar-open . ui-panel-content-fixed-toolbar-display-push ,
. ui-panel-animate . ui-panel-content-wrap-position-left . ui-panel-content-wrap-open . ui-panel-content-wrap-display-reveal ,
. ui-panel-animate . ui-panel-content-wrap-position-left . ui-panel-content-wrap-open . ui-panel-content-wrap-display-push {
left : 0 ;
right : 0 ;
-webkit-transform : translate3d ( 17em , 0 , 0 ) ;
-moz-transform : translate3d ( 17em , 0 , 0 ) ;
transform : translate3d ( 17em , 0 , 0 ) ;
}
/* panel right open */
. ui-panel-content-fixed-toolbar-position-right . ui-panel-content-fixed-toolbar-open ,
. ui-panel-content-wrap-position-right . ui-panel-content-wrap-open ,
. ui-panel-dismiss-position-right . ui-panel-dismiss-open {
left : -17em ;
right : 17em ;
}
/* animated: panel right open (for reveal and push) */
. ui-panel-animate . ui-panel-content-fixed-toolbar-position-right . ui-panel-content-fixed-toolbar-open . ui-panel-content-fixed-toolbar-display-reveal ,
. ui-panel-animate . ui-panel-content-fixed-toolbar-position-right . ui-panel-content-fixed-toolbar-open . ui-panel-content-fixed-toolbar-display-push ,
. ui-panel-animate . ui-panel-content-wrap-position-right . ui-panel-content-wrap-open . ui-panel-content-wrap-display-reveal ,
. ui-panel-animate . ui-panel-content-wrap-position-right . ui-panel-content-wrap-open . ui-panel-content-wrap-display-push {
left : 0 ;
right : 0 ;
-webkit-transform : translate3d ( -17em , 0 , 0 ) ;
-moz-transform : translate3d ( -17em , 0 , 0 ) ;
transform : translate3d ( -17em , 0 , 0 ) ;
}
/* negate "panel left/right open" for overlay */
. ui-panel-content-fixed-toolbar-open . ui-panel-content-fixed-toolbar-display-overlay ,
. ui-panel-content-wrap-open . ui-panel-content-wrap-display-overlay {
left : 0 ;
}
/* always disable overflow-x to prevent zoom issue on Android */
. ui-page-active . ui-page-panel {
overflow-x : hidden ;
}
/* shadows and borders */
. ui-panel-display-reveal {
-webkit-box-shadow : inset -5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
-moz-box-shadow : inset -5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
box-shadow : inset -5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
}
. ui-panel-position-right . ui-panel-display-reveal {
-webkit-box-shadow : inset 5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
-moz-box-shadow : inset 5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
box-shadow : inset 5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
}
. ui-panel-display-overlay {
-webkit-box-shadow : 5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
-moz-box-shadow : 5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
box-shadow : 5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
}
. ui-panel-position-right . ui-panel-display-overlay {
-webkit-box-shadow : -5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
-moz-box-shadow : -5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
box-shadow : -5px 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
}
. ui-panel-display-push . ui-panel-open . ui-panel-position-left {
border-right-width : 1px ;
margin-right : -1px ;
}
. ui-panel-animate . ui-panel-content-fixed-toolbar-position-left . ui-panel-content-fixed-toolbar-open . ui-panel-content-fixed-toolbar-display-push {
margin-left : 1px ;
}
. ui-panel-display-push . ui-panel-open . ui-panel-position-right {
border-left-width : 1px ;
margin-left : -1px ;
}
. ui-panel-animate . ui-panel-content-fixed-toolbar-position-right . ui-panel-content-fixed-toolbar-open . ui-panel-content-fixed-toolbar-display-push {
margin-right : 1px ;
}
/* wrap on wide viewports once open */
@ media ( min-width : 55em ) {
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-fixed-toolbar-display-push . ui-panel-content-fixed-toolbar-position-left ,
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-fixed-toolbar-display-reveal . ui-panel-content-fixed-toolbar-position-left ,
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-wrap-display-push . ui-panel-content-wrap-position-left ,
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-wrap-display-reveal . ui-panel-content-wrap-position-left {
margin-right : 17em ;
}
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-fixed-toolbar-display-push . ui-panel-content-fixed-toolbar-position-right ,
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-fixed-toolbar-display-reveal . ui-panel-content-fixed-toolbar-position-right ,
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-wrap-display-push . ui-panel-content-wrap-position-right ,
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-wrap-display-reveal . ui-panel-content-wrap-position-right {
margin-left : 17em ;
}
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-fixed-toolbar-display-push ,
. ui-responsive-panel . ui-page-panel-open . ui-panel-content-fixed-toolbar-display-reveal {
width : auto ;
}
. ui-responsive-panel . ui-panel-dismiss-display-push {
display : none ;
}
}