jquery.mobile-1.3.2.css 133 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371
  1. /*!
  2. * jQuery Mobile 1.3.2
  3. * Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
  4. * http://jquerymobile.com
  5. *
  6. * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
  7. * Released under the MIT license.
  8. * http://jquery.org/license
  9. *
  10. */
  11. /* Swatches */
  12. /* A
  13. -----------------------------------------------------------------------------------------------------------*/
  14. .ui-bar-a {
  15. border: 1px solid #333 /*{a-bar-border}*/;
  16. background: #111 /*{a-bar-background-color}*/;
  17. color: #fff /*{a-bar-color}*/;
  18. font-weight: bold;
  19. text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
  20. background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  21. background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  22. background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
  23. background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
  24. background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  25. background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
  26. }
  27. .ui-bar-a,
  28. .ui-bar-a input,
  29. .ui-bar-a select,
  30. .ui-bar-a textarea,
  31. .ui-bar-a button {
  32. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  33. }
  34. .ui-bar-a .ui-link-inherit {
  35. color: #fff /*{a-bar-color}*/;
  36. }
  37. .ui-bar-a a.ui-link {
  38. color: #7cc4e7 /*{a-bar-link-color}*/;
  39. font-weight: bold;
  40. }
  41. .ui-bar-a a.ui-link:visited {
  42. color: #2489ce /*{a-bar-link-visited}*/;
  43. }
  44. .ui-bar-a a.ui-link:hover {
  45. color: #2489ce /*{a-bar-link-hover}*/;
  46. }
  47. .ui-bar-a a.ui-link:active {
  48. color: #2489ce /*{a-bar-link-active}*/;
  49. }
  50. .ui-body-a,
  51. .ui-overlay-a {
  52. border: 1px solid #444 /*{a-body-border}*/;
  53. background: #222 /*{a-body-background-color}*/;
  54. color: #fff /*{a-body-color}*/;
  55. text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
  56. font-weight: normal;
  57. background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  58. background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  59. background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
  60. background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
  61. background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
  62. background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
  63. }
  64. .ui-overlay-a {
  65. background-image: none;
  66. border-width: 0;
  67. }
  68. .ui-body-a,
  69. .ui-body-a input,
  70. .ui-body-a select,
  71. .ui-body-a textarea,
  72. .ui-body-a button {
  73. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  74. }
  75. .ui-body-a .ui-link-inherit {
  76. color: #fff /*{a-body-color}*/;
  77. }
  78. .ui-body-a .ui-link {
  79. color: #2489ce /*{a-body-link-color}*/;
  80. font-weight: bold;
  81. }
  82. .ui-body-a .ui-link:visited {
  83. color: #2489ce /*{a-body-link-visited}*/;
  84. }
  85. .ui-body-a .ui-link:hover {
  86. color: #2489ce /*{a-body-link-hover}*/;
  87. }
  88. .ui-body-a .ui-link:active {
  89. color: #2489ce /*{a-body-link-active}*/;
  90. }
  91. .ui-btn-up-a {
  92. border: 1px solid #111 /*{a-bup-border}*/;
  93. background: #333 /*{a-bup-background-color}*/;
  94. font-weight: bold;
  95. color: #fff /*{a-bup-color}*/;
  96. text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
  97. background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  98. background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  99. background-image: -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
  100. background-image: -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
  101. background-image: -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
  102. background-image: linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
  103. }
  104. .ui-btn-up-a:visited,
  105. .ui-btn-up-a a.ui-link-inherit {
  106. color: #fff /*{a-bup-color}*/;
  107. }
  108. .ui-btn-hover-a {
  109. border: 1px solid #000 /*{a-bhover-border}*/;
  110. background: #444 /*{a-bhover-background-color}*/;
  111. font-weight: bold;
  112. color: #fff /*{a-bhover-color}*/;
  113. text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
  114. background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
  115. background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  116. background-image: -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
  117. background-image: -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
  118. background-image: -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
  119. background-image: linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
  120. }
  121. .ui-btn-hover-a:visited,
  122. .ui-btn-hover-a:hover,
  123. .ui-btn-hover-a a.ui-link-inherit {
  124. color: #fff /*{a-bhover-color}*/;
  125. }
  126. .ui-btn-down-a {
  127. border: 1px solid #000 /*{a-bdown-border}*/;
  128. background: #222 /*{a-bdown-background-color}*/;
  129. font-weight: bold;
  130. color: #fff /*{a-bdown-color}*/;
  131. text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
  132. background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
  133. background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  134. background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
  135. background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
  136. background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
  137. background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
  138. }
  139. .ui-btn-down-a:visited,
  140. .ui-btn-down-a:hover,
  141. .ui-btn-down-a a.ui-link-inherit {
  142. color: #fff /*{a-bdown-color}*/;
  143. }
  144. .ui-btn-up-a,
  145. .ui-btn-hover-a,
  146. .ui-btn-down-a {
  147. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  148. text-decoration: none;
  149. }
  150. /* B
  151. -----------------------------------------------------------------------------------------------------------*/
  152. .ui-bar-b {
  153. border: 1px solid #456f9a /*{b-bar-border}*/;
  154. background: #5e87b0 /*{b-bar-background-color}*/;
  155. color: #fff /*{b-bar-color}*/;
  156. font-weight: bold;
  157. text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
  158. background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
  159. background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  160. background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
  161. background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
  162. background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
  163. background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
  164. }
  165. .ui-bar-b,
  166. .ui-bar-b input,
  167. .ui-bar-b select,
  168. .ui-bar-b textarea,
  169. .ui-bar-b button {
  170. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  171. }
  172. .ui-bar-b .ui-link-inherit {
  173. color: #fff /*{b-bar-color}*/;
  174. }
  175. .ui-bar-b a.ui-link {
  176. color: #ddf0f8 /*{b-bar-link-color}*/;
  177. font-weight: bold;
  178. }
  179. .ui-bar-b a.ui-link:visited {
  180. color: #ddf0f8 /*{b-bar-link-visited}*/;
  181. }
  182. .ui-bar-b a.ui-link:hover {
  183. color: #ddf0f8 /*{b-bar-link-hover}*/;
  184. }
  185. .ui-bar-b a.ui-link:active {
  186. color: #ddf0f8 /*{b-bar-link-active}*/;
  187. }
  188. .ui-body-b,
  189. .ui-overlay-b {
  190. border: 1px solid #999 /*{b-body-border}*/;
  191. background: #f3f3f3 /*{b-body-background-color}*/;
  192. color: #222 /*{b-body-color}*/;
  193. text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
  194. font-weight: normal;
  195. background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
  196. background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  197. background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
  198. background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
  199. background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
  200. background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
  201. }
  202. .ui-overlay-b {
  203. background-image: none;
  204. border-width: 0;
  205. }
  206. .ui-body-b,
  207. .ui-body-b input,
  208. .ui-body-b select,
  209. .ui-body-b textarea,
  210. .ui-body-b button {
  211. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  212. }
  213. .ui-body-b .ui-link-inherit {
  214. color: #333 /*{b-body-color}*/;
  215. }
  216. .ui-body-b .ui-link {
  217. color: #2489ce /*{b-body-link-color}*/;
  218. font-weight: bold;
  219. }
  220. .ui-body-b .ui-link:visited {
  221. color: #2489ce /*{b-body-link-visited}*/;
  222. }
  223. .ui-body-b .ui-link:hover {
  224. color: #2489ce /*{b-body-link-hover}*/;
  225. }
  226. .ui-body-b .ui-link:active {
  227. color: #2489ce /*{b-body-link-active}*/;
  228. }
  229. .ui-btn-up-b {
  230. border: 1px solid #044062 /*{b-bup-border}*/;
  231. background: #396b9e /*{b-bup-background-color}*/;
  232. font-weight: bold;
  233. color: #fff /*{b-bup-color}*/;
  234. text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
  235. background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
  236. background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  237. background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
  238. background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
  239. background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
  240. background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
  241. }
  242. .ui-btn-up-b:visited,
  243. .ui-btn-up-b a.ui-link-inherit {
  244. color: #fff /*{b-bup-color}*/;
  245. }
  246. .ui-btn-hover-b {
  247. border: 1px solid #00415e /*{b-bhover-border}*/;
  248. background: #4b88b6 /*{b-bhover-background-color}*/;
  249. font-weight: bold;
  250. color: #fff /*{b-bhover-color}*/;
  251. text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
  252. background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
  253. background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  254. background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
  255. background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
  256. background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
  257. background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
  258. }
  259. .ui-btn-hover-b:visited,
  260. .ui-btn-hover-b:hover,
  261. .ui-btn-hover-b a.ui-link-inherit {
  262. color: #fff /*{b-bhover-color}*/;
  263. }
  264. .ui-btn-down-b {
  265. border: 1px solid #225377 /*{b-bdown-border}*/;
  266. background: #4e89c5 /*{b-bdown-background-color}*/;
  267. font-weight: bold;
  268. color: #fff /*{b-bdown-color}*/;
  269. text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
  270. background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
  271. background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  272. background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
  273. background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
  274. background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
  275. background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
  276. }
  277. .ui-btn-down-b:visited,
  278. .ui-btn-down-b:hover,
  279. .ui-btn-down-b a.ui-link-inherit {
  280. color: #fff /*{b-bdown-color}*/;
  281. }
  282. .ui-btn-up-b,
  283. .ui-btn-hover-b,
  284. .ui-btn-down-b {
  285. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  286. text-decoration: none;
  287. }
  288. /* C
  289. -----------------------------------------------------------------------------------------------------------*/
  290. .ui-bar-c {
  291. border: 1px solid #b3b3b3 /*{c-bar-border}*/;
  292. background: #eee /*{c-bar-background-color}*/;
  293. color: #3e3e3e /*{c-bar-color}*/;
  294. font-weight: bold;
  295. text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
  296. background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
  297. background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  298. background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
  299. background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
  300. background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
  301. background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
  302. }
  303. .ui-bar-c .ui-link-inherit {
  304. color: #3e3e3e /*{c-bar-color}*/;
  305. }
  306. .ui-bar-c a.ui-link {
  307. color: #7cc4e7 /*{c-bar-link-color}*/;
  308. font-weight: bold;
  309. }
  310. .ui-bar-c a.ui-link:visited {
  311. color: #2489ce /*{c-bar-link-visited}*/;
  312. }
  313. .ui-bar-c a.ui-link:hover {
  314. color: #2489ce /*{c-bar-link-hover}*/;
  315. }
  316. .ui-bar-c a.ui-link:active {
  317. color: #2489ce /*{c-bar-link-active}*/;
  318. }
  319. .ui-bar-c,
  320. .ui-bar-c input,
  321. .ui-bar-c select,
  322. .ui-bar-c textarea,
  323. .ui-bar-c button {
  324. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  325. }
  326. .ui-body-c,
  327. .ui-overlay-c {
  328. border: 1px solid #aaa /*{c-body-border}*/;
  329. color: #333 /*{c-body-color}*/;
  330. text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
  331. background: #f9f9f9 /*{c-body-background-color}*/;
  332. background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
  333. background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  334. background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */
  335. background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */
  336. background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */
  337. background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
  338. }
  339. .ui-overlay-c {
  340. background-image: none;
  341. border-width: 0;
  342. }
  343. .ui-body-c,
  344. .ui-body-c input,
  345. .ui-body-c select,
  346. .ui-body-c textarea,
  347. .ui-body-c button {
  348. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  349. }
  350. .ui-body-c .ui-link-inherit {
  351. color: #333 /*{c-body-color}*/;
  352. }
  353. .ui-body-c .ui-link {
  354. color: #2489ce /*{c-body-link-color}*/;
  355. font-weight: bold;
  356. }
  357. .ui-body-c .ui-link:visited {
  358. color: #2489ce /*{c-body-link-visited}*/;
  359. }
  360. .ui-body-c .ui-link:hover {
  361. color: #2489ce /*{c-body-link-hover}*/;
  362. }
  363. .ui-body-c .ui-link:active {
  364. color: #2489ce /*{c-body-link-active}*/;
  365. }
  366. .ui-btn-up-c {
  367. border: 1px solid #ccc /*{c-bup-border}*/;
  368. background: #eee /*{c-bup-background-color}*/;
  369. font-weight: bold;
  370. color: #222 /*{c-bup-color}*/;
  371. text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
  372. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
  373. background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  374. background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
  375. background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
  376. background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
  377. background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
  378. }
  379. .ui-btn-up-c:visited,
  380. .ui-btn-up-c a.ui-link-inherit {
  381. color: #2f3e46 /*{c-bup-color}*/;
  382. }
  383. .ui-btn-hover-c {
  384. border: 1px solid #bbb /*{c-bhover-border}*/;
  385. background: #dfdfdf /*{c-bhover-background-color}*/;
  386. font-weight: bold;
  387. color: #222 /*{c-bhover-color}*/;
  388. text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
  389. background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
  390. background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  391. background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
  392. background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
  393. background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
  394. background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
  395. }
  396. .ui-btn-hover-c:visited,
  397. .ui-btn-hover-c:hover,
  398. .ui-btn-hover-c a.ui-link-inherit {
  399. color: #2f3e46 /*{c-bhover-color}*/;
  400. }
  401. .ui-btn-down-c {
  402. border: 1px solid #bbb /*{c-bdown-border}*/;
  403. background: #d6d6d6 /*{c-bdown-background-color}*/;
  404. font-weight: bold;
  405. color: #222 /*{c-bdown-color}*/;
  406. text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
  407. background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
  408. background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  409. background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
  410. background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
  411. background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
  412. background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
  413. }
  414. .ui-btn-down-c:visited,
  415. .ui-btn-down-c:hover,
  416. .ui-btn-down-c a.ui-link-inherit {
  417. color: #2f3e46 /*{c-bdown-color}*/;
  418. }
  419. .ui-btn-up-c,
  420. .ui-btn-hover-c,
  421. .ui-btn-down-c {
  422. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  423. text-decoration: none;
  424. }
  425. /* D
  426. -----------------------------------------------------------------------------------------------------------*/
  427. .ui-bar-d {
  428. border: 1px solid #bbb /*{d-bar-border}*/;
  429. background: #bbb /*{d-bar-background-color}*/;
  430. color: #333 /*{d-bar-color}*/;
  431. font-weight: bold;
  432. text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
  433. background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
  434. background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  435. background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
  436. background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
  437. background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
  438. background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
  439. }
  440. .ui-bar-d,
  441. .ui-bar-d input,
  442. .ui-bar-d select,
  443. .ui-bar-d textarea,
  444. .ui-bar-d button {
  445. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  446. }
  447. .ui-bar-d .ui-link-inherit {
  448. color: #333 /*{d-bar-color}*/;
  449. }
  450. .ui-bar-d a.ui-link {
  451. color: #2489ce /*{d-bar-link-color}*/;
  452. font-weight: bold;
  453. }
  454. .ui-bar-d a.ui-link:visited {
  455. color: #2489ce /*{d-bar-link-visited}*/;
  456. }
  457. .ui-bar-d a.ui-link:hover {
  458. color: #2489ce /*{d-bar-link-hover}*/;
  459. }
  460. .ui-bar-d a.ui-link:active {
  461. color: #2489ce /*{d-bar-link-active}*/;
  462. }
  463. .ui-body-d,
  464. .ui-overlay-d {
  465. border: 1px solid #bbb /*{d-body-border}*/;
  466. color: #333 /*{d-body-color}*/;
  467. text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
  468. background: #fff /*{d-body-background-color}*/;
  469. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
  470. background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  471. background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
  472. background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
  473. background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
  474. background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
  475. }
  476. .ui-overlay-d {
  477. background-image: none;
  478. border-width: 0;
  479. }
  480. .ui-body-d,
  481. .ui-body-d input,
  482. .ui-body-d select,
  483. .ui-body-d textarea,
  484. .ui-body-d button {
  485. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  486. }
  487. .ui-body-d .ui-link-inherit {
  488. color: #333 /*{d-body-color}*/;
  489. }
  490. .ui-body-d .ui-link {
  491. color: #2489ce /*{d-body-link-color}*/;
  492. font-weight: bold;
  493. }
  494. .ui-body-d .ui-link:visited {
  495. color: #2489ce /*{d-body-link-visited}*/;
  496. }
  497. .ui-body-d .ui-link:hover {
  498. color: #2489ce /*{d-body-link-hover}*/;
  499. }
  500. .ui-body-d .ui-link:active {
  501. color: #2489ce /*{d-body-link-active}*/;
  502. }
  503. .ui-btn-up-d {
  504. border: 1px solid #bbb /*{d-bup-border}*/;
  505. background: #fff /*{d-bup-background-color}*/;
  506. font-weight: bold;
  507. color: #333 /*{d-bup-color}*/;
  508. text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
  509. background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
  510. background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  511. background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
  512. background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
  513. background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
  514. background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
  515. }
  516. .ui-btn-up-d:visited,
  517. .ui-btn-up-d a.ui-link-inherit {
  518. color: #333 /*{d-bup-color}*/;
  519. }
  520. .ui-btn-hover-d {
  521. border: 1px solid #aaa /*{d-bhover-border}*/;
  522. background: #eee /*{d-bhover-background-color}*/;
  523. font-weight: bold;
  524. color: #333 /*{d-bhover-color}*/;
  525. cursor: pointer;
  526. text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
  527. background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
  528. background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  529. background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
  530. background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
  531. background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
  532. background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
  533. }
  534. .ui-btn-hover-d:visited,
  535. .ui-btn-hover-d:hover,
  536. .ui-btn-hover-d a.ui-link-inherit {
  537. color: #333 /*{d-bhover-color}*/;
  538. }
  539. .ui-btn-down-d {
  540. border: 1px solid #aaa /*{d-bdown-border}*/;
  541. background: #eee /*{d-bdown-background-color}*/;
  542. font-weight: bold;
  543. color: #333 /*{d-bdown-color}*/;
  544. text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #fff /*{d-bdown-shadow-color}*/;
  545. background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
  546. background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  547. background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
  548. background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
  549. background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
  550. background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
  551. }
  552. .ui-btn-down-d:visited,
  553. .ui-btn-down-d:hover,
  554. .ui-btn-down-d a.ui-link-inherit {
  555. color: #333 /*{d-bdown-color}*/;
  556. }
  557. .ui-btn-up-d,
  558. .ui-btn-hover-d,
  559. .ui-btn-down-d {
  560. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  561. text-decoration: none;
  562. }
  563. /* E
  564. -----------------------------------------------------------------------------------------------------------*/
  565. .ui-bar-e {
  566. border: 1px solid #f7c942 /*{e-bar-border}*/;
  567. background: #fadb4e /*{e-bar-background-color}*/;
  568. color: #333 /*{e-bar-color}*/;
  569. font-weight: bold;
  570. text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
  571. background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
  572. background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  573. background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
  574. background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
  575. background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
  576. background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
  577. }
  578. .ui-bar-e,
  579. .ui-bar-e input,
  580. .ui-bar-e select,
  581. .ui-bar-e textarea,
  582. .ui-bar-e button {
  583. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  584. }
  585. .ui-bar-e .ui-link-inherit {
  586. color: #333 /*{e-bar-color}*/;
  587. }
  588. .ui-bar-e a.ui-link {
  589. color: #2489ce /*{e-bar-link-color}*/;
  590. font-weight: bold;
  591. }
  592. .ui-bar-e a.ui-link:visited {
  593. color: #2489ce /*{e-bar-link-visited}*/;
  594. }
  595. .ui-bar-e a.ui-link:hover {
  596. color: #2489ce /*{e-bar-link-hover}*/;
  597. }
  598. .ui-bar-e a.ui-link:active {
  599. color: #2489ce /*{e-bar-link-active}*/;
  600. }
  601. .ui-body-e,
  602. .ui-overlay-e {
  603. border: 1px solid #f7c942 /*{e-body-border}*/;
  604. color: #222 /*{e-body-color}*/;
  605. text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
  606. background: #fff9df /*{e-body-background-color}*/;
  607. background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
  608. background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  609. background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
  610. background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
  611. background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
  612. background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
  613. }
  614. .ui-overlay-e {
  615. background-image: none;
  616. border-width: 0;
  617. }
  618. .ui-body-e,
  619. .ui-body-e input,
  620. .ui-body-e select,
  621. .ui-body-e textarea,
  622. .ui-body-e button {
  623. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  624. }
  625. .ui-body-e .ui-link-inherit {
  626. color: #222 /*{e-body-color}*/;
  627. }
  628. .ui-body-e .ui-link {
  629. color: #2489ce /*{e-body-link-color}*/;
  630. font-weight: bold;
  631. }
  632. .ui-body-e .ui-link:visited {
  633. color: #2489ce /*{e-body-link-visited}*/;
  634. }
  635. .ui-body-e .ui-link:hover {
  636. color: #2489ce /*{e-body-link-hover}*/;
  637. }
  638. .ui-body-e .ui-link:active {
  639. color: #2489ce /*{e-body-link-active}*/;
  640. }
  641. .ui-btn-up-e {
  642. border: 1px solid #f4c63f /*{e-bup-border}*/;
  643. background: #fadb4e /*{e-bup-background-color}*/;
  644. font-weight: bold;
  645. color: #222 /*{e-bup-color}*/;
  646. text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
  647. background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
  648. background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  649. background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
  650. background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
  651. background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
  652. background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
  653. }
  654. .ui-btn-up-e:visited,
  655. .ui-btn-up-e a.ui-link-inherit {
  656. color: #222 /*{e-bup-color}*/;
  657. }
  658. .ui-btn-hover-e {
  659. border: 1px solid #f2c43d /*{e-bhover-border}*/;
  660. background: #fbe26f /*{e-bhover-background-color}*/;
  661. font-weight: bold;
  662. color: #111 /*{e-bhover-color}*/;
  663. text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
  664. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
  665. background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  666. background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
  667. background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
  668. background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
  669. background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
  670. }
  671. .ui-btn-hover-e:visited,
  672. .ui-btn-hover-e:hover,
  673. .ui-btn-hover-e a.ui-link-inherit {
  674. color: #333 /*{e-bhover-color}*/;
  675. }
  676. .ui-btn-down-e {
  677. border: 1px solid #f2c43d /*{e-bdown-border}*/;
  678. background: #fceda7 /*{e-bdown-background-color}*/;
  679. font-weight: bold;
  680. color: #111 /*{e-bdown-color}*/;
  681. text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #fff /*{e-bdown-shadow-color}*/;
  682. background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
  683. background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  684. background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
  685. background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
  686. background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
  687. background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
  688. }
  689. .ui-btn-down-e:visited,
  690. .ui-btn-down-e:hover,
  691. .ui-btn-down-e a.ui-link-inherit {
  692. color: #333 /*{e-bdown-color}*/;
  693. }
  694. .ui-btn-up-e,
  695. .ui-btn-hover-e,
  696. .ui-btn-down-e {
  697. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  698. text-decoration: none;
  699. }
  700. /* Structure */
  701. /* links within "buttons"
  702. -----------------------------------------------------------------------------------------------------------*/
  703. a.ui-link-inherit {
  704. text-decoration: none !important;
  705. }
  706. /* Active class used as the "on" state across all themes
  707. -----------------------------------------------------------------------------------------------------------*/
  708. .ui-btn-active {
  709. border: 1px solid #2373a5 /*{global-active-border}*/;
  710. background: #5393c5 /*{global-active-background-color}*/;
  711. font-weight: bold;
  712. color: #fff /*{global-active-color}*/;
  713. cursor: pointer;
  714. text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
  715. text-decoration: none;
  716. background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
  717. background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
  718. background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
  719. background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
  720. background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
  721. background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
  722. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  723. }
  724. .ui-btn-active:visited,
  725. .ui-btn-active:hover,
  726. .ui-btn-active a.ui-link-inherit {
  727. color: #fff /*{global-active-color}*/;
  728. }
  729. /* button inner top highlight
  730. -----------------------------------------------------------------------------------------------------------*/
  731. .ui-btn-inner {
  732. border-top: 1px solid #fff;
  733. border-color: rgba(255,255,255,.3);
  734. }
  735. /* corner rounding classes
  736. -----------------------------------------------------------------------------------------------------------*/
  737. .ui-corner-all {
  738. -webkit-border-radius: .6em /*{global-radii-blocks}*/;
  739. border-radius: .6em /*{global-radii-blocks}*/;
  740. }
  741. /* Form field separator
  742. -----------------------------------------------------------------------------------------------------------*/
  743. .ui-br {
  744. border-color: rgb(130,130,130);
  745. border-color: rgba(130,130,130,.3);
  746. border-style: solid;
  747. }
  748. /* Interaction cues
  749. -----------------------------------------------------------------------------------------------------------*/
  750. .ui-disabled {
  751. filter: Alpha(Opacity=30);
  752. opacity: .3;
  753. zoom: 1;
  754. }
  755. .ui-disabled,
  756. .ui-disabled a {
  757. cursor: default !important;
  758. pointer-events: none;
  759. }
  760. /* Icons
  761. -----------------------------------------------------------------------------------------------------------*/
  762. .ui-icon,
  763. .ui-icon-searchfield:after {
  764. background: #666 /*{global-icon-color}*/;
  765. background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
  766. background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
  767. background-repeat: no-repeat;
  768. -webkit-border-radius: 9px;
  769. border-radius: 9px;
  770. }
  771. /* Alt icon color
  772. -----------------------------------------------------------------------------------------------------------*/
  773. .ui-icon-alt .ui-icon,
  774. .ui-icon-alt .ui-icon-searchfield:after {
  775. background-color: #fff;
  776. background-color: rgba(255,255,255,.3);
  777. background-image: url(images/icons-18-black.png);
  778. background-repeat: no-repeat;
  779. }
  780. /* No disc
  781. -----------------------------------------------------------------------------------------------------------*/
  782. .ui-icon-nodisc .ui-icon,
  783. .ui-icon-nodisc .ui-icon-searchfield:after,
  784. .ui-icon-nodisc .ui-icon-alt .ui-icon,
  785. .ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
  786. background-color: transparent;
  787. }
  788. /* Icon sprite
  789. -----------------------------------------------------------------------------------------------------------*/
  790. /* plus minus */
  791. .ui-icon-plus {
  792. background-position: -1px -1px;
  793. }
  794. .ui-icon-minus {
  795. background-position: -37px -1px;
  796. }
  797. /* delete/close */
  798. .ui-icon-delete {
  799. background-position: -73px -1px;
  800. }
  801. /* arrows */
  802. .ui-icon-arrow-r {
  803. background-position: -108px -1px;
  804. }
  805. .ui-icon-arrow-l {
  806. background-position: -144px -1px;
  807. }
  808. .ui-icon-arrow-u {
  809. background-position: -180px -1px;
  810. }
  811. .ui-icon-arrow-d {
  812. background-position: -216px -1px;
  813. }
  814. /* misc */
  815. .ui-icon-check {
  816. background-position: -252px -1px;
  817. }
  818. .ui-icon-gear {
  819. background-position: -288px -1px;
  820. }
  821. .ui-icon-refresh {
  822. background-position: -323px -1px;
  823. }
  824. .ui-icon-forward {
  825. background-position: -360px -1px;
  826. }
  827. .ui-icon-back {
  828. background-position: -396px -1px;
  829. }
  830. .ui-icon-grid {
  831. background-position: -432px -1px;
  832. }
  833. .ui-icon-star {
  834. background-position: -467px -1px;
  835. }
  836. .ui-icon-alert {
  837. background-position: -503px -1px;
  838. }
  839. .ui-icon-info {
  840. background-position: -539px -1px;
  841. }
  842. .ui-icon-home {
  843. background-position: -575px -1px;
  844. }
  845. /* search */
  846. .ui-icon-search,
  847. .ui-icon-searchfield:after {
  848. background-position: -611px -1px;
  849. }
  850. /* checkbox radio */
  851. .ui-icon-checkbox-on {
  852. background-position: -647px -1px;
  853. }
  854. .ui-icon-checkbox-off {
  855. background-position: -683px -1px;
  856. }
  857. .ui-icon-radio-on {
  858. background-position: -718px -1px;
  859. }
  860. .ui-icon-radio-off {
  861. background-position: -754px -1px;
  862. }
  863. /* menu edit */
  864. .ui-icon-bars {
  865. background-position: -788px -1px;
  866. }
  867. .ui-icon-edit {
  868. background-position: -824px -1px;
  869. }
  870. /* HD/"retina" sprite
  871. -----------------------------------------------------------------------------------------------------------*/
  872. @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
  873. only screen and (min--moz-device-pixel-ratio: 1.3),
  874. only screen and (min-resolution: 200dpi) {
  875. .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  876. .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  877. .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  878. .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
  879. .ui-icon-search, .ui-icon-searchfield:after,
  880. .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  881. background-image: url(images/icons-36-white.png);
  882. -moz-background-size: 864px 18px;
  883. -o-background-size: 864px 18px;
  884. -webkit-background-size: 864px 18px;
  885. background-size: 864px 18px;
  886. }
  887. .ui-icon-alt .ui-icon {
  888. background-image: url(images/icons-36-black.png);
  889. }
  890. .ui-icon-plus {
  891. background-position: 0 50%;
  892. }
  893. .ui-icon-minus {
  894. background-position: -36px 50%;
  895. }
  896. .ui-icon-delete {
  897. background-position: -72px 50%;
  898. }
  899. .ui-icon-arrow-r {
  900. background-position: -108px 50%;
  901. }
  902. .ui-icon-arrow-l {
  903. background-position: -144px 50%;
  904. }
  905. .ui-icon-arrow-u {
  906. background-position: -179px 50%;
  907. }
  908. .ui-icon-arrow-d {
  909. background-position: -215px 50%;
  910. }
  911. .ui-icon-check {
  912. background-position: -252px 50%;
  913. }
  914. .ui-icon-gear {
  915. background-position: -287px 50%;
  916. }
  917. .ui-icon-refresh {
  918. background-position: -323px 50%;
  919. }
  920. .ui-icon-forward {
  921. background-position: -360px 50%;
  922. }
  923. .ui-icon-back {
  924. background-position: -395px 50%;
  925. }
  926. .ui-icon-grid {
  927. background-position: -431px 50%;
  928. }
  929. .ui-icon-star {
  930. background-position: -467px 50%;
  931. }
  932. .ui-icon-alert {
  933. background-position: -503px 50%;
  934. }
  935. .ui-icon-info {
  936. background-position: -538px 50%;
  937. }
  938. .ui-icon-home {
  939. background-position: -575px 50%;
  940. }
  941. .ui-icon-search,
  942. .ui-icon-searchfield:after {
  943. background-position: -611px 50%;
  944. }
  945. .ui-icon-checkbox-on {
  946. background-position: -647px 50%;
  947. }
  948. .ui-icon-checkbox-off {
  949. background-position: -683px 50%;
  950. }
  951. .ui-icon-radio-on {
  952. background-position: -718px 50%;
  953. }
  954. .ui-icon-radio-off {
  955. background-position: -754px 50%;
  956. }
  957. .ui-icon-bars {
  958. background-position: -788px 50%;
  959. }.ui-icon-edit {
  960. background-position: -824px 50%;
  961. }
  962. }
  963. /* checks,radios */
  964. .ui-checkbox .ui-icon,
  965. .ui-selectmenu-list .ui-icon {
  966. -webkit-border-radius: 3px;
  967. border-radius: 3px;
  968. }
  969. .ui-icon-checkbox-off,
  970. .ui-icon-radio-off {
  971. background-color: transparent;
  972. }
  973. .ui-checkbox-on .ui-icon,
  974. .ui-radio-on .ui-icon {
  975. background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  976. }
  977. /* loading icon */
  978. .ui-icon-loading {
  979. background: url(images/ajax-loader.gif);
  980. background-size: 46px 46px;
  981. }
  982. /* Button corner class
  983. -----------------------------------------------------------------------------------------------------------*/
  984. .ui-btn-corner-all {
  985. -webkit-border-radius: 1em /*{global-radii-buttons}*/;
  986. border-radius: 1em /*{global-radii-buttons}*/;
  987. }
  988. /* radius clip workaround for cleaning up corner trapping */
  989. .ui-corner-all,
  990. .ui-btn-corner-all {
  991. -webkit-background-clip: padding;
  992. background-clip: padding-box;
  993. }
  994. /* Overlay / modal
  995. -----------------------------------------------------------------------------------------------------------*/
  996. .ui-overlay {
  997. background: #666;
  998. filter: Alpha(Opacity=50);
  999. opacity: .5;
  1000. position: absolute;
  1001. width: 100%;
  1002. height: 100%;
  1003. }
  1004. .ui-overlay-shadow {
  1005. -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
  1006. -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
  1007. box-shadow: 0 0 12px rgba(0,0,0,.6);
  1008. }
  1009. .ui-shadow {
  1010. -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  1011. -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  1012. box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
  1013. }
  1014. .ui-bar-a .ui-shadow,
  1015. .ui-bar-b .ui-shadow ,
  1016. .ui-bar-c .ui-shadow {
  1017. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
  1018. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
  1019. box-shadow: 0 1px 0 rgba(255,255,255,.3);
  1020. }
  1021. .ui-shadow-inset {
  1022. -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
  1023. -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
  1024. box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
  1025. }
  1026. .ui-icon-shadow {
  1027. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1028. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1029. box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1030. }
  1031. /* Focus state - set here for specificity (note: these classes are added by JavaScript)
  1032. -----------------------------------------------------------------------------------------------------------*/
  1033. .ui-btn:focus, .ui-link-inherit:focus {
  1034. outline: 0;
  1035. }
  1036. .ui-btn.ui-focus {
  1037. z-index: 1;
  1038. }
  1039. .ui-focus,
  1040. .ui-btn:focus {
  1041. -moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
  1042. -webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
  1043. box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
  1044. }
  1045. .ui-input-text.ui-focus,
  1046. .ui-input-search.ui-focus {
  1047. -moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
  1048. -webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
  1049. box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
  1050. }
  1051. /* unset box shadow in browsers that don't do it right
  1052. -----------------------------------------------------------------------------------------------------------*/
  1053. .ui-mobile-nosupport-boxshadow * {
  1054. -moz-box-shadow: none !important;
  1055. -webkit-box-shadow: none !important;
  1056. box-shadow: none !important;
  1057. }
  1058. /* ...and bring back focus */
  1059. .ui-mobile-nosupport-boxshadow .ui-focus,
  1060. .ui-mobile-nosupport-boxshadow .ui-btn:focus,
  1061. .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
  1062. outline-width: 1px;
  1063. outline-style: auto;
  1064. }
  1065. /* some unsets - more probably needed */
  1066. .ui-mobile, .ui-mobile body { height: 99.9%; }
  1067. .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
  1068. .ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
  1069. .ui-mobile fieldset { min-width: 0; }
  1070. /* responsive page widths */
  1071. .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); }
  1072. /* Issue #2066 */
  1073. body.ui-mobile-viewport,
  1074. div.ui-mobile-viewport { overflow-x: hidden; }
  1075. /* "page" containers - full-screen views, one should always be in view post-pageload */
  1076. .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; }
  1077. .ui-mobile .ui-page-active { display: block; overflow: visible; }
  1078. /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
  1079. .ui-page { outline: none; }
  1080. /*orientations from js are available */
  1081. @media screen and (orientation: portrait){
  1082. .ui-mobile .ui-page { min-height: 420px; }
  1083. }
  1084. @media screen and (orientation: landscape){
  1085. .ui-mobile .ui-page { min-height: 300px; }
  1086. }
  1087. /* loading screen */
  1088. .ui-loading .ui-loader { display: block; }
  1089. .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
  1090. .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
  1091. .ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
  1092. .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
  1093. .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
  1094. .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
  1095. .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
  1096. .ui-loader-textonly { padding: 15px; margin-left: -115px; }
  1097. .ui-loader-textonly .ui-icon { display: none; }
  1098. .ui-loader-fakefix { position: absolute; }
  1099. /*fouc*/
  1100. .ui-mobile-rendering > * { visibility: hidden; }
  1101. /*headers, content panels*/
  1102. .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
  1103. .ui-bar { font-size: 16px; margin: 0; }
  1104. .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
  1105. .ui-header, .ui-footer { position: relative; zoom: 1; }
  1106. .ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
  1107. .ui-header .ui-btn-left,
  1108. .ui-header .ui-btn-right,
  1109. .ui-footer .ui-btn-left,
  1110. .ui-footer .ui-btn-right,
  1111. .ui-header-fixed.ui-fixed-hidden .ui-btn-left,
  1112. .ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
  1113. .ui-header-fixed .ui-btn-left,
  1114. .ui-header-fixed .ui-btn-right { top: 4px;}
  1115. .ui-header .ui-btn-left,
  1116. .ui-footer .ui-btn-left { left: 5px; }
  1117. .ui-header .ui-btn-right,
  1118. .ui-footer .ui-btn-right { right: 5px; }
  1119. .ui-footer > .ui-btn-icon-notext,
  1120. .ui-header > .ui-btn-icon-notext,
  1121. .ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
  1122. .ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
  1123. .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; }
  1124. .ui-footer .ui-title { margin: .6em 15px .8em; }
  1125. /* content area*/
  1126. .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
  1127. /* corner styling for dialogs and popups */
  1128. .ui-corner-all > .ui-header:first-child,
  1129. .ui-corner-all > .ui-content:first-child,
  1130. .ui-corner-all > .ui-footer:first-child {
  1131. -webkit-border-top-left-radius: inherit;
  1132. border-top-left-radius: inherit;
  1133. -webkit-border-top-right-radius: inherit;
  1134. border-top-right-radius: inherit;
  1135. }
  1136. .ui-corner-all > .ui-header:last-child,
  1137. .ui-corner-all > .ui-content:last-child,
  1138. .ui-corner-all > .ui-footer:last-child {
  1139. -webkit-border-bottom-left-radius: inherit;
  1140. border-bottom-left-radius: inherit;
  1141. -webkit-border-bottom-right-radius: inherit;
  1142. border-bottom-right-radius: inherit;
  1143. }
  1144. /* icons sizing */
  1145. .ui-icon { width: 18px; height: 18px; }
  1146. /* non-js content hiding */
  1147. .ui-nojs { position: absolute; left: -9999px; }
  1148. /* accessible content hiding */
  1149. .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,
  1150. .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
  1151. /* Transitions originally inspired by those from jQtouch, nice work, folks */
  1152. .ui-mobile-viewport-transitioning,
  1153. .ui-mobile-viewport-transitioning .ui-page {
  1154. width: 100%;
  1155. height: 100%;
  1156. overflow: hidden;
  1157. -webkit-box-sizing: border-box;
  1158. -moz-box-sizing: border-box;
  1159. box-sizing: border-box;
  1160. }
  1161. .ui-page-pre-in {
  1162. opacity: 0;
  1163. }
  1164. .in {
  1165. -webkit-animation-timing-function: ease-out;
  1166. -webkit-animation-duration: 350ms;
  1167. -moz-animation-timing-function: ease-out;
  1168. -moz-animation-duration: 350ms;
  1169. animation-timing-function: ease-out;
  1170. animation-duration: 350ms;
  1171. }
  1172. .out {
  1173. -webkit-animation-timing-function: ease-in;
  1174. -webkit-animation-duration: 225ms;
  1175. -moz-animation-timing-function: ease-in;
  1176. -moz-animation-duration: 225ms;
  1177. animation-timing-function: ease-in;
  1178. animation-duration: 225ms;
  1179. }
  1180. @-webkit-keyframes fadein {
  1181. from { opacity: 0; }
  1182. to { opacity: 1; }
  1183. }
  1184. @-moz-keyframes fadein {
  1185. from { opacity: 0; }
  1186. to { opacity: 1; }
  1187. }
  1188. @keyframes fadein {
  1189. from { opacity: 0; }
  1190. to { opacity: 1; }
  1191. }
  1192. @-webkit-keyframes fadeout {
  1193. from { opacity: 1; }
  1194. to { opacity: 0; }
  1195. }
  1196. @-moz-keyframes fadeout {
  1197. from { opacity: 1; }
  1198. to { opacity: 0; }
  1199. }
  1200. @keyframes fadeout {
  1201. from { opacity: 1; }
  1202. to { opacity: 0; }
  1203. }
  1204. .fade.out {
  1205. opacity: 0;
  1206. -webkit-animation-duration: 125ms;
  1207. -webkit-animation-name: fadeout;
  1208. -moz-animation-duration: 125ms;
  1209. -moz-animation-name: fadeout;
  1210. animation-duration: 125ms;
  1211. animation-name: fadeout;
  1212. }
  1213. .fade.in {
  1214. opacity: 1;
  1215. -webkit-animation-duration: 225ms;
  1216. -webkit-animation-name: fadein;
  1217. -moz-animation-duration: 225ms;
  1218. -moz-animation-name: fadein;
  1219. animation-duration: 225ms;
  1220. animation-name: fadein;
  1221. }
  1222. .pop {
  1223. -webkit-transform-origin: 50% 50%;
  1224. -moz-transform-origin: 50% 50%;
  1225. transform-origin: 50% 50%;
  1226. }
  1227. .pop.in {
  1228. -webkit-transform: scale(1);
  1229. -webkit-animation-name: popin;
  1230. -webkit-animation-duration: 350ms;
  1231. -moz-transform: scale(1);
  1232. -moz-animation-name: popin;
  1233. -moz-animation-duration: 350ms;
  1234. transform: scale(1);
  1235. animation-name: popin;
  1236. animation-duration: 350ms;
  1237. opacity: 1;
  1238. }
  1239. .pop.out {
  1240. -webkit-animation-name: fadeout;
  1241. -webkit-animation-duration: 100ms;
  1242. -moz-animation-name: fadeout;
  1243. -moz-animation-duration: 100ms;
  1244. animation-name: fadeout;
  1245. animation-duration: 100ms;
  1246. opacity: 0;
  1247. }
  1248. .pop.in.reverse {
  1249. -webkit-animation-name: fadein;
  1250. -moz-animation-name: fadein;
  1251. animation-name: fadein;
  1252. }
  1253. .pop.out.reverse {
  1254. -webkit-transform: scale(.8);
  1255. -webkit-animation-name: popout;
  1256. -moz-transform: scale(.8);
  1257. -moz-animation-name: popout;
  1258. transform: scale(.8);
  1259. animation-name: popout;
  1260. }
  1261. @-webkit-keyframes popin {
  1262. from {
  1263. -webkit-transform: scale(.8);
  1264. opacity: 0;
  1265. }
  1266. to {
  1267. -webkit-transform: scale(1);
  1268. opacity: 1;
  1269. }
  1270. }
  1271. @-moz-keyframes popin {
  1272. from {
  1273. -moz-transform: scale(.8);
  1274. opacity: 0;
  1275. }
  1276. to {
  1277. -moz-transform: scale(1);
  1278. opacity: 1;
  1279. }
  1280. }
  1281. @keyframes popin {
  1282. from {
  1283. transform: scale(.8);
  1284. opacity: 0;
  1285. }
  1286. to {
  1287. transform: scale(1);
  1288. opacity: 1;
  1289. }
  1290. }
  1291. @-webkit-keyframes popout {
  1292. from {
  1293. -webkit-transform: scale(1);
  1294. opacity: 1;
  1295. }
  1296. to {
  1297. -webkit-transform: scale(.8);
  1298. opacity: 0;
  1299. }
  1300. }
  1301. @-moz-keyframes popout {
  1302. from {
  1303. -moz-transform: scale(1);
  1304. opacity: 1;
  1305. }
  1306. to {
  1307. -moz-transform: scale(.8);
  1308. opacity: 0;
  1309. }
  1310. }
  1311. @keyframes popout {
  1312. from {
  1313. transform: scale(1);
  1314. opacity: 1;
  1315. }
  1316. to {
  1317. transform: scale(.8);
  1318. opacity: 0;
  1319. }
  1320. }
  1321. /* keyframes for slidein from sides */
  1322. @-webkit-keyframes slideinfromright {
  1323. from { -webkit-transform: translate3d(100%,0,0); }
  1324. to { -webkit-transform: translate3d(0,0,0); }
  1325. }
  1326. @-moz-keyframes slideinfromright {
  1327. from { -moz-transform: translateX(100%); }
  1328. to { -moz-transform: translateX(0); }
  1329. }
  1330. @keyframes slideinfromright {
  1331. from { transform: translateX(100%); }
  1332. to { transform: translateX(0); }
  1333. }
  1334. @-webkit-keyframes slideinfromleft {
  1335. from { -webkit-transform: translate3d(-100%,0,0); }
  1336. to { -webkit-transform: translate3d(0,0,0); }
  1337. }
  1338. @-moz-keyframes slideinfromleft {
  1339. from { -moz-transform: translateX(-100%); }
  1340. to { -moz-transform: translateX(0); }
  1341. }
  1342. @keyframes slideinfromleft {
  1343. from { transform: translateX(-100%); }
  1344. to { transform: translateX(0); }
  1345. }
  1346. /* keyframes for slideout to sides */
  1347. @-webkit-keyframes slideouttoleft {
  1348. from { -webkit-transform: translate3d(0,0,0); }
  1349. to { -webkit-transform: translate3d(-100%,0,0); }
  1350. }
  1351. @-moz-keyframes slideouttoleft {
  1352. from { -moz-transform: translateX(0); }
  1353. to { -moz-transform: translateX(-100%); }
  1354. }
  1355. @keyframes slideouttoleft {
  1356. from { transform: translateX(0); }
  1357. to { transform: translateX(-100%); }
  1358. }
  1359. @-webkit-keyframes slideouttoright {
  1360. from { -webkit-transform: translate3d(0,0,0); }
  1361. to { -webkit-transform: translate3d(100%,0,0); }
  1362. }
  1363. @-moz-keyframes slideouttoright {
  1364. from { -moz-transform: translateX(0); }
  1365. to { -moz-transform: translateX(100%); }
  1366. }
  1367. @keyframes slideouttoright {
  1368. from { transform: translateX(0); }
  1369. to { transform: translateX(100%); }
  1370. }
  1371. .slide.out, .slide.in {
  1372. -webkit-animation-timing-function: ease-out;
  1373. -webkit-animation-duration: 350ms;
  1374. -moz-animation-timing-function: ease-out;
  1375. -moz-animation-duration: 350ms;
  1376. animation-timing-function: ease-out;
  1377. animation-duration: 350ms;
  1378. }
  1379. .slide.out {
  1380. -webkit-transform: translate3d(-100%,0,0);
  1381. -webkit-animation-name: slideouttoleft;
  1382. -moz-transform: translateX(-100%);
  1383. -moz-animation-name: slideouttoleft;
  1384. transform: translateX(-100%);
  1385. animation-name: slideouttoleft;
  1386. }
  1387. .slide.in {
  1388. -webkit-transform: translate3d(0,0,0);
  1389. -webkit-animation-name: slideinfromright;
  1390. -moz-transform: translateX(0);
  1391. -moz-animation-name: slideinfromright;
  1392. transform: translateX(0);
  1393. animation-name: slideinfromright;
  1394. }
  1395. .slide.out.reverse {
  1396. -webkit-transform: translate3d(100%,0,0);
  1397. -webkit-animation-name: slideouttoright;
  1398. -moz-transform: translateX(100%);
  1399. -moz-animation-name: slideouttoright;
  1400. transform: translateX(100%);
  1401. animation-name: slideouttoright;
  1402. }
  1403. .slide.in.reverse {
  1404. -webkit-transform: translate3d(0,0,0);
  1405. -webkit-animation-name: slideinfromleft;
  1406. -moz-transform: translateX(0);
  1407. -moz-animation-name: slideinfromleft;
  1408. transform: translateX(0);
  1409. animation-name: slideinfromleft;
  1410. }
  1411. .slidefade.out {
  1412. -webkit-transform: translateX(-100%);
  1413. -webkit-animation-name: slideouttoleft;
  1414. -webkit-animation-duration: 225ms;
  1415. -moz-transform: translateX(-100%);
  1416. -moz-animation-name: slideouttoleft;
  1417. -moz-animation-duration: 225ms;
  1418. transform: translateX(-100%);
  1419. animation-name: slideouttoleft;
  1420. animation-duration: 225ms;
  1421. }
  1422. .slidefade.in {
  1423. -webkit-transform: translateX(0);
  1424. -webkit-animation-name: fadein;
  1425. -webkit-animation-duration: 200ms;
  1426. -moz-transform: translateX(0);
  1427. -moz-animation-name: fadein;
  1428. -moz-animation-duration: 200ms;
  1429. transform: translateX(0);
  1430. animation-name: fadein;
  1431. animation-duration: 200ms;
  1432. }
  1433. .slidefade.out.reverse {
  1434. -webkit-transform: translateX(100%);
  1435. -webkit-animation-name: slideouttoright;
  1436. -webkit-animation-duration: 200ms;
  1437. -moz-transform: translateX(100%);
  1438. -moz-animation-name: slideouttoright;
  1439. -moz-animation-duration: 200ms;
  1440. transform: translateX(100%);
  1441. animation-name: slideouttoright;
  1442. animation-duration: 200ms;
  1443. }
  1444. .slidefade.in.reverse {
  1445. -webkit-transform: translateX(0);
  1446. -webkit-animation-name: fadein;
  1447. -webkit-animation-duration: 200ms;
  1448. -moz-transform: translateX(0);
  1449. -moz-animation-name: fadein;
  1450. -moz-animation-duration: 200ms;
  1451. transform: translateX(0);
  1452. animation-name: fadein;
  1453. animation-duration: 200ms;
  1454. }
  1455. /* slide down */
  1456. .slidedown.out {
  1457. -webkit-animation-name: fadeout;
  1458. -webkit-animation-duration: 100ms;
  1459. -moz-animation-name: fadeout;
  1460. -moz-animation-duration: 100ms;
  1461. animation-name: fadeout;
  1462. animation-duration: 100ms;
  1463. }
  1464. .slidedown.in {
  1465. -webkit-transform: translateY(0);
  1466. -webkit-animation-name: slideinfromtop;
  1467. -webkit-animation-duration: 250ms;
  1468. -moz-transform: translateY(0);
  1469. -moz-animation-name: slideinfromtop;
  1470. -moz-animation-duration: 250ms;
  1471. transform: translateY(0);
  1472. animation-name: slideinfromtop;
  1473. animation-duration: 250ms;
  1474. }
  1475. .slidedown.in.reverse {
  1476. -webkit-animation-name: fadein;
  1477. -webkit-animation-duration: 150ms;
  1478. -moz-animation-name: fadein;
  1479. -moz-animation-duration: 150ms;
  1480. animation-name: fadein;
  1481. animation-duration: 150ms;
  1482. }
  1483. .slidedown.out.reverse {
  1484. -webkit-transform: translateY(-100%);
  1485. -webkit-animation-name: slideouttotop;
  1486. -webkit-animation-duration: 200ms;
  1487. -moz-transform: translateY(-100%);
  1488. -moz-animation-name: slideouttotop;
  1489. -moz-animation-duration: 200ms;
  1490. transform: translateY(-100%);
  1491. animation-name: slideouttotop;
  1492. animation-duration: 200ms;
  1493. }
  1494. @-webkit-keyframes slideinfromtop {
  1495. from { -webkit-transform: translateY(-100%); }
  1496. to { -webkit-transform: translateY(0); }
  1497. }
  1498. @-moz-keyframes slideinfromtop {
  1499. from { -moz-transform: translateY(-100%); }
  1500. to { -moz-transform: translateY(0); }
  1501. }
  1502. @keyframes slideinfromtop {
  1503. from { transform: translateY(-100%); }
  1504. to { transform: translateY(0); }
  1505. }
  1506. @-webkit-keyframes slideouttotop {
  1507. from { -webkit-transform: translateY(0); }
  1508. to { -webkit-transform: translateY(-100%); }
  1509. }
  1510. @-moz-keyframes slideouttotop {
  1511. from { -moz-transform: translateY(0); }
  1512. to { -moz-transform: translateY(-100%); }
  1513. }
  1514. @keyframes slideouttotop {
  1515. from { transform: translateY(0); }
  1516. to { transform: translateY(-100%); }
  1517. }
  1518. /* slide up */
  1519. .slideup.out {
  1520. -webkit-animation-name: fadeout;
  1521. -webkit-animation-duration: 100ms;
  1522. -moz-animation-name: fadeout;
  1523. -moz-animation-duration: 100ms;
  1524. animation-name: fadeout;
  1525. animation-duration: 100ms;
  1526. }
  1527. .slideup.in {
  1528. -webkit-transform: translateY(0);
  1529. -webkit-animation-name: slideinfrombottom;
  1530. -webkit-animation-duration: 250ms;
  1531. -moz-transform: translateY(0);
  1532. -moz-animation-name: slideinfrombottom;
  1533. -moz-animation-duration: 250ms;
  1534. transform: translateY(0);
  1535. animation-name: slideinfrombottom;
  1536. animation-duration: 250ms;
  1537. }
  1538. .slideup.in.reverse {
  1539. -webkit-animation-name: fadein;
  1540. -webkit-animation-duration: 150ms;
  1541. -moz-animation-name: fadein;
  1542. -moz-animation-duration: 150ms;
  1543. animation-name: fadein;
  1544. animation-duration: 150ms;
  1545. }
  1546. .slideup.out.reverse {
  1547. -webkit-transform: translateY(100%);
  1548. -webkit-animation-name: slideouttobottom;
  1549. -webkit-animation-duration: 200ms;
  1550. -moz-transform: translateY(100%);
  1551. -moz-animation-name: slideouttobottom;
  1552. -moz-animation-duration: 200ms;
  1553. transform: translateY(100%);
  1554. animation-name: slideouttobottom;
  1555. animation-duration: 200ms;
  1556. }
  1557. @-webkit-keyframes slideinfrombottom {
  1558. from { -webkit-transform: translateY(100%); }
  1559. to { -webkit-transform: translateY(0); }
  1560. }
  1561. @-moz-keyframes slideinfrombottom {
  1562. from { -moz-transform: translateY(100%); }
  1563. to { -moz-transform: translateY(0); }
  1564. }
  1565. @keyframes slideinfrombottom {
  1566. from { transform: translateY(100%); }
  1567. to { transform: translateY(0); }
  1568. }
  1569. @-webkit-keyframes slideouttobottom {
  1570. from { -webkit-transform: translateY(0); }
  1571. to { -webkit-transform: translateY(100%); }
  1572. }
  1573. @-moz-keyframes slideouttobottom {
  1574. from { -moz-transform: translateY(0); }
  1575. to { -moz-transform: translateY(100%); }
  1576. }
  1577. @keyframes slideouttobottom {
  1578. from { transform: translateY(0); }
  1579. to { transform: translateY(100%); }
  1580. }
  1581. /* The properties in this rule are only necessary for the 'flip' transition.
  1582. * We need specify the perspective to create a projection matrix. This will add
  1583. * some depth as the element flips. The depth number represents the distance of
  1584. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1585. * value.
  1586. */
  1587. .viewport-flip {
  1588. -webkit-perspective: 1000;
  1589. -moz-perspective: 1000;
  1590. perspective: 1000;
  1591. position: absolute;
  1592. }
  1593. .flip {
  1594. -webkit-backface-visibility: hidden;
  1595. -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. */
  1596. -moz-backface-visibility: hidden;
  1597. -moz-transform: translateX(0);
  1598. backface-visibility: hidden;
  1599. transform: translateX(0);
  1600. }
  1601. .flip.out {
  1602. -webkit-transform: rotateY(-90deg) scale(.9);
  1603. -webkit-animation-name: flipouttoleft;
  1604. -webkit-animation-duration: 175ms;
  1605. -moz-transform: rotateY(-90deg) scale(.9);
  1606. -moz-animation-name: flipouttoleft;
  1607. -moz-animation-duration: 175ms;
  1608. transform: rotateY(-90deg) scale(.9);
  1609. animation-name: flipouttoleft;
  1610. animation-duration: 175ms;
  1611. }
  1612. .flip.in {
  1613. -webkit-animation-name: flipintoright;
  1614. -webkit-animation-duration: 225ms;
  1615. -moz-animation-name: flipintoright;
  1616. -moz-animation-duration: 225ms;
  1617. animation-name: flipintoright;
  1618. animation-duration: 225ms;
  1619. }
  1620. .flip.out.reverse {
  1621. -webkit-transform: rotateY(90deg) scale(.9);
  1622. -webkit-animation-name: flipouttoright;
  1623. -moz-transform: rotateY(90deg) scale(.9);
  1624. -moz-animation-name: flipouttoright;
  1625. transform: rotateY(90deg) scale(.9);
  1626. animation-name: flipouttoright;
  1627. }
  1628. .flip.in.reverse {
  1629. -webkit-animation-name: flipintoleft;
  1630. -moz-animation-name: flipintoleft;
  1631. animation-name: flipintoleft;
  1632. }
  1633. @-webkit-keyframes flipouttoleft {
  1634. from { -webkit-transform: rotateY(0); }
  1635. to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1636. }
  1637. @-moz-keyframes flipouttoleft {
  1638. from { -moz-transform: rotateY(0); }
  1639. to { -moz-transform: rotateY(-90deg) scale(.9); }
  1640. }
  1641. @keyframes flipouttoleft {
  1642. from { transform: rotateY(0); }
  1643. to { transform: rotateY(-90deg) scale(.9); }
  1644. }
  1645. @-webkit-keyframes flipouttoright {
  1646. from { -webkit-transform: rotateY(0) ; }
  1647. to { -webkit-transform: rotateY(90deg) scale(.9); }
  1648. }
  1649. @-moz-keyframes flipouttoright {
  1650. from { -moz-transform: rotateY(0); }
  1651. to { -moz-transform: rotateY(90deg) scale(.9); }
  1652. }
  1653. @keyframes flipouttoright {
  1654. from { transform: rotateY(0); }
  1655. to { transform: rotateY(90deg) scale(.9); }
  1656. }
  1657. @-webkit-keyframes flipintoleft {
  1658. from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1659. to { -webkit-transform: rotateY(0); }
  1660. }
  1661. @-moz-keyframes flipintoleft {
  1662. from { -moz-transform: rotateY(-90deg) scale(.9); }
  1663. to { -moz-transform: rotateY(0); }
  1664. }
  1665. @keyframes flipintoleft {
  1666. from { transform: rotateY(-90deg) scale(.9); }
  1667. to { transform: rotateY(0); }
  1668. }
  1669. @-webkit-keyframes flipintoright {
  1670. from { -webkit-transform: rotateY(90deg) scale(.9); }
  1671. to { -webkit-transform: rotateY(0); }
  1672. }
  1673. @-moz-keyframes flipintoright {
  1674. from { -moz-transform: rotateY(90deg) scale(.9); }
  1675. to { -moz-transform: rotateY(0); }
  1676. }
  1677. @keyframes flipintoright {
  1678. from { transform: rotateY(90deg) scale(.9); }
  1679. to { transform: rotateY(0); }
  1680. }
  1681. /* The properties in this rule are only necessary for the 'flip' transition.
  1682. * We need specify the perspective to create a projection matrix. This will add
  1683. * some depth as the element flips. The depth number represents the distance of
  1684. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1685. * value.
  1686. */
  1687. .viewport-turn {
  1688. -webkit-perspective: 200px;
  1689. -moz-perspective: 200px;
  1690. -ms-perspective: 200px;
  1691. perspective: 200px;
  1692. position: absolute;
  1693. }
  1694. .turn {
  1695. -webkit-backface-visibility: hidden;
  1696. -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. */
  1697. -webkit-transform-origin: 0;
  1698. -moz-backface-visibility: hidden;
  1699. -moz-transform: translateX(0);
  1700. -moz-transform-origin: 0;
  1701. backface-visibility :hidden;
  1702. transform: translateX(0);
  1703. transform-origin: 0;
  1704. }
  1705. .turn.out {
  1706. -webkit-transform: rotateY(-90deg) scale(.9);
  1707. -webkit-animation-name: flipouttoleft;
  1708. -webkit-animation-duration: 125ms;
  1709. -moz-transform: rotateY(-90deg) scale(.9);
  1710. -moz-animation-name: flipouttoleft;
  1711. -moz-animation-duration: 125ms;
  1712. transform: rotateY(-90deg) scale(.9);
  1713. animation-name: flipouttoleft;
  1714. animation-duration: 125ms;
  1715. }
  1716. .turn.in {
  1717. -webkit-animation-name: flipintoright;
  1718. -webkit-animation-duration: 250ms;
  1719. -moz-animation-name: flipintoright;
  1720. -moz-animation-duration: 250ms;
  1721. animation-name: flipintoright;
  1722. animation-duration: 250ms;
  1723. }
  1724. .turn.out.reverse {
  1725. -webkit-transform: rotateY(90deg) scale(.9);
  1726. -webkit-animation-name: flipouttoright;
  1727. -moz-transform: rotateY(90deg) scale(.9);
  1728. -moz-animation-name: flipouttoright;
  1729. transform: rotateY(90deg) scale(.9);
  1730. animation-name: flipouttoright;
  1731. }
  1732. .turn.in.reverse {
  1733. -webkit-animation-name: flipintoleft;
  1734. -moz-animation-name: flipintoleft;
  1735. animation-name: flipintoleft;
  1736. }
  1737. @-webkit-keyframes flipouttoleft {
  1738. from { -webkit-transform: rotateY(0); }
  1739. to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1740. }
  1741. @-moz-keyframes flipouttoleft {
  1742. from { -moz-transform: rotateY(0); }
  1743. to { -moz-transform: rotateY(-90deg) scale(.9); }
  1744. }
  1745. @keyframes flipouttoleft {
  1746. from { transform: rotateY(0); }
  1747. to { transform: rotateY(-90deg) scale(.9); }
  1748. }
  1749. @-webkit-keyframes flipouttoright {
  1750. from { -webkit-transform: rotateY(0) ; }
  1751. to { -webkit-transform: rotateY(90deg) scale(.9); }
  1752. }
  1753. @-moz-keyframes flipouttoright {
  1754. from { -moz-transform: rotateY(0); }
  1755. to { -moz-transform: rotateY(90deg) scale(.9); }
  1756. }
  1757. @keyframes flipouttoright {
  1758. from { transform: rotateY(0); }
  1759. to { transform: rotateY(90deg) scale(.9); }
  1760. }
  1761. @-webkit-keyframes flipintoleft {
  1762. from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1763. to { -webkit-transform: rotateY(0); }
  1764. }
  1765. @-moz-keyframes flipintoleft {
  1766. from { -moz-transform: rotateY(-90deg) scale(.9); }
  1767. to { -moz-transform: rotateY(0); }
  1768. }
  1769. @keyframes flipintoleft {
  1770. from { transform: rotateY(-90deg) scale(.9); }
  1771. to { transform: rotateY(0); }
  1772. }
  1773. @-webkit-keyframes flipintoright {
  1774. from { -webkit-transform: rotateY(90deg) scale(.9); }
  1775. to { -webkit-transform: rotateY(0); }
  1776. }
  1777. @-moz-keyframes flipintoright {
  1778. from { -moz-transform: rotateY(90deg) scale(.9); }
  1779. to { -moz-transform: rotateY(0); }
  1780. }
  1781. @keyframes flipintoright {
  1782. from { transform: rotateY(90deg) scale(.9); }
  1783. to { transform: rotateY(0); }
  1784. }
  1785. /* flow transition */
  1786. .flow {
  1787. -webkit-transform-origin: 50% 30%;
  1788. -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1789. -moz-transform-origin: 50% 30%;
  1790. -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1791. transform-origin: 50% 30%;
  1792. box-shadow: 0 0 20px rgba(0,0,0,.4);
  1793. }
  1794. .ui-dialog.flow {
  1795. -webkit-transform-origin: none;
  1796. -webkit-box-shadow: none;
  1797. -moz-transform-origin: none;
  1798. -moz-box-shadow: none;
  1799. transform-origin: none;
  1800. box-shadow: none;
  1801. }
  1802. .flow.out {
  1803. -webkit-transform: translateX(-100%) scale(.7);
  1804. -webkit-animation-name: flowouttoleft;
  1805. -webkit-animation-timing-function: ease;
  1806. -webkit-animation-duration: 350ms;
  1807. -moz-transform: translateX(-100%) scale(.7);
  1808. -moz-animation-name: flowouttoleft;
  1809. -moz-animation-timing-function: ease;
  1810. -moz-animation-duration: 350ms;
  1811. transform: translateX(-100%) scale(.7);
  1812. animation-name: flowouttoleft;
  1813. animation-timing-function: ease;
  1814. animation-duration: 350ms;
  1815. }
  1816. .flow.in {
  1817. -webkit-transform: translateX(0) scale(1);
  1818. -webkit-animation-name: flowinfromright;
  1819. -webkit-animation-timing-function: ease;
  1820. -webkit-animation-duration: 350ms;
  1821. -moz-transform: translateX(0) scale(1);
  1822. -moz-animation-name: flowinfromright;
  1823. -moz-animation-timing-function: ease;
  1824. -moz-animation-duration: 350ms;
  1825. transform: translateX(0) scale(1);
  1826. animation-name: flowinfromright;
  1827. animation-timing-function: ease;
  1828. animation-duration: 350ms;
  1829. }
  1830. .flow.out.reverse {
  1831. -webkit-transform: translateX(100%);
  1832. -webkit-animation-name: flowouttoright;
  1833. -moz-transform: translateX(100%);
  1834. -moz-animation-name: flowouttoright;
  1835. transform: translateX(100%);
  1836. animation-name: flowouttoright;
  1837. }
  1838. .flow.in.reverse {
  1839. -webkit-animation-name: flowinfromleft;
  1840. -moz-animation-name: flowinfromleft;
  1841. animation-name: flowinfromleft;
  1842. }
  1843. @-webkit-keyframes flowouttoleft {
  1844. 0% { -webkit-transform: translateX(0) scale(1); }
  1845. 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  1846. 100% { -webkit-transform: translateX(-100%) scale(.7); }
  1847. }
  1848. @-moz-keyframes flowouttoleft {
  1849. 0% { -moz-transform: translateX(0) scale(1); }
  1850. 60%, 70% { -moz-transform: translateX(0) scale(.7); }
  1851. 100% { -moz-transform: translateX(-100%) scale(.7); }
  1852. }
  1853. @keyframes flowouttoleft {
  1854. 0% { transform: translateX(0) scale(1); }
  1855. 60%, 70% { transform: translateX(0) scale(.7); }
  1856. 100% { transform: translateX(-100%) scale(.7); }
  1857. }
  1858. @-webkit-keyframes flowouttoright {
  1859. 0% { -webkit-transform: translateX(0) scale(1); }
  1860. 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  1861. 100% { -webkit-transform: translateX(100%) scale(.7); }
  1862. }
  1863. @-moz-keyframes flowouttoright {
  1864. 0% { -moz-transform: translateX(0) scale(1); }
  1865. 60%, 70% { -moz-transform: translateX(0) scale(.7); }
  1866. 100% { -moz-transform: translateX(100%) scale(.7); }
  1867. }
  1868. @keyframes flowouttoright {
  1869. 0% { transform: translateX(0) scale(1); }
  1870. 60%, 70% { transform: translateX(0) scale(.7); }
  1871. 100% { transform: translateX(100%) scale(.7); }
  1872. }
  1873. @-webkit-keyframes flowinfromleft {
  1874. 0% { -webkit-transform: translateX(-100%) scale(.7); }
  1875. 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  1876. 100% { -webkit-transform: translateX(0) scale(1); }
  1877. }
  1878. @-moz-keyframes flowinfromleft {
  1879. 0% { -moz-transform: translateX(-100%) scale(.7); }
  1880. 30%, 40% { -moz-transform: translateX(0) scale(.7); }
  1881. 100% { -moz-transform: translateX(0) scale(1); }
  1882. }
  1883. @keyframes flowinfromleft {
  1884. 0% { transform: translateX(-100%) scale(.7); }
  1885. 30%, 40% { transform: translateX(0) scale(.7); }
  1886. 100% { transform: translateX(0) scale(1); }
  1887. }
  1888. @-webkit-keyframes flowinfromright {
  1889. 0% { -webkit-transform: translateX(100%) scale(.7); }
  1890. 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  1891. 100% { -webkit-transform: translateX(0) scale(1); }
  1892. }
  1893. @-moz-keyframes flowinfromright {
  1894. 0% { -moz-transform: translateX(100%) scale(.7); }
  1895. 30%, 40% { -moz-transform: translateX(0) scale(.7); }
  1896. 100% { -moz-transform: translateX(0) scale(1); }
  1897. }
  1898. @keyframes flowinfromright {
  1899. 0% { transform: translateX(100%) scale(.7); }
  1900. 30%, 40% { transform: translateX(0) scale(.7); }
  1901. 100% { transform: translateX(0) scale(1); }
  1902. }
  1903. /* content configurations. */
  1904. .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
  1905. .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  1906. /* grid solo: 100 - single item fallback */
  1907. .ui-grid-solo .ui-block-a { display: block; float: none; }
  1908. /* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
  1909. /* grid a: 50/50 */
  1910. .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
  1911. .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
  1912. .ui-grid-a .ui-block-a { clear: left; }
  1913. /* grid b: 33/33/33 */
  1914. .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
  1915. .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
  1916. .ui-grid-b .ui-block-a { clear: left; }
  1917. /* grid c: 25/25/25/25 */
  1918. .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%; }
  1919. .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
  1920. .ui-grid-c .ui-block-a { clear: left; }
  1921. /* grid d: 20/20/20/20/20 */
  1922. .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%; }
  1923. .ui-grid-d > :nth-child(n) { width: 20%; }
  1924. .ui-grid-d .ui-block-a { clear: left; }
  1925. /* preset breakpoint to switch to stacked grid styles below 35em (560px) */
  1926. @media all and (max-width: 35em) {
  1927. .ui-responsive .ui-block-a,
  1928. .ui-responsive .ui-block-b,
  1929. .ui-responsive .ui-block-c,
  1930. .ui-responsive .ui-block-d,
  1931. .ui-responsive .ui-block-e {
  1932. width: 100%;
  1933. float:none;
  1934. }
  1935. }
  1936. /* fixed page header & footer configuration */
  1937. .ui-header-fixed,
  1938. .ui-footer-fixed {
  1939. left: 0;
  1940. right: 0;
  1941. width: 100%;
  1942. position: fixed;
  1943. z-index: 1000;
  1944. }
  1945. .ui-header-fixed {
  1946. top: -1px;
  1947. padding-top: 1px;
  1948. }
  1949. .ui-header-fixed.ui-fixed-hidden {
  1950. top: 0;
  1951. padding-top: 0;
  1952. }
  1953. .ui-footer-fixed {
  1954. bottom: -1px;
  1955. padding-bottom: 1px;
  1956. }
  1957. .ui-footer-fixed.ui-fixed-hidden {
  1958. bottom: 0;
  1959. padding-bottom: 0;
  1960. }
  1961. .ui-header-fullscreen,
  1962. .ui-footer-fullscreen {
  1963. filter: Alpha(Opacity=90);
  1964. opacity: .9;
  1965. }
  1966. .ui-page-header-fixed {
  1967. padding-top: 2.6875em;
  1968. }
  1969. .ui-page-footer-fixed {
  1970. padding-bottom: 2.6875em;
  1971. }
  1972. .ui-page-header-fullscreen > .ui-content,
  1973. .ui-page-footer-fullscreen > .ui-content {
  1974. padding: 0;
  1975. }
  1976. .ui-fixed-hidden {
  1977. position: absolute;
  1978. }
  1979. .ui-page-header-fullscreen .ui-fixed-hidden,
  1980. .ui-page-footer-fullscreen .ui-fixed-hidden {
  1981. left: -9999px;
  1982. }
  1983. .ui-header-fixed .ui-btn,
  1984. .ui-footer-fixed .ui-btn {
  1985. z-index: 10;
  1986. }
  1987. /* workarounds for other widgets */
  1988. .ui-android-2x-fixed .ui-li-has-thumb {
  1989. -webkit-transform: translate3d(0,0,0);
  1990. }
  1991. .ui-navbar { max-width: 100%; }
  1992. .ui-navbar.ui-mini { margin: 0; }
  1993. .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
  1994. .ui-navbar ul:after { clear: both; }
  1995. .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
  1996. .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
  1997. .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
  1998. /* add border if not in header/footer (full width) */
  1999. .ui-navbar li:last-child .ui-btn,
  2000. .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
  2001. .ui-header .ui-navbar li:last-child .ui-btn,
  2002. .ui-footer .ui-navbar li:last-child .ui-btn,
  2003. .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
  2004. .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
  2005. .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
  2006. .ui-header .ui-navbar li .ui-btn,
  2007. .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
  2008. /* fixing gaps caused by subpixel problem */
  2009. .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
  2010. .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
  2011. .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
  2012. .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
  2013. .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
  2014. .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
  2015. .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  2016. .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  2017. .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
  2018. .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
  2019. .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
  2020. .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
  2021. .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
  2022. .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
  2023. .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
  2024. .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
  2025. .ui-mini { margin-top: .25em; margin-bottom: .25em; }
  2026. .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
  2027. .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: 5px; margin-left: 5px; }
  2028. .ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; }
  2029. .ui-btn input, .ui-btn button { z-index: 2; }
  2030. .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
  2031. .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 */
  2032. .ui-btn-block { display: block; }
  2033. .ui-header > .ui-btn,
  2034. .ui-footer > .ui-btn { display: inline-block; margin: 0; }
  2035. .ui-header .ui-btn-block,
  2036. .ui-footer .ui-btn-block { display: block; }
  2037. .ui-header .ui-btn-inner,
  2038. .ui-footer .ui-btn-inner,
  2039. .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
  2040. .ui-fullsize .ui-btn-inner,
  2041. .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
  2042. .ui-btn-icon-notext { width: 24px; height: 24px; }
  2043. .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
  2044. .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
  2045. .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
  2046. div.ui-btn-text { width: auto; }
  2047. .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
  2048. .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
  2049. .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
  2050. .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
  2051. .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
  2052. .ui-header .ui-btn-icon-left .ui-btn-inner,
  2053. .ui-footer .ui-btn-icon-left .ui-btn-inner,
  2054. .ui-mini.ui-btn-icon-left .ui-btn-inner,
  2055. .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
  2056. .ui-header .ui-btn-icon-right .ui-btn-inner,
  2057. .ui-footer .ui-btn-icon-right .ui-btn-inner,
  2058. .ui-mini.ui-btn-icon-right .ui-btn-inner,
  2059. .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
  2060. .ui-header .ui-btn-icon-top .ui-btn-inner,
  2061. .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
  2062. .ui-mini.ui-btn-icon-top .ui-btn-inner,
  2063. .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
  2064. .ui-header .ui-btn-icon-bottom .ui-btn-inner,
  2065. .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
  2066. .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
  2067. .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
  2068. /* Corner styling inheritance */
  2069. .ui-btn-inner {
  2070. -webkit-border-radius: inherit;
  2071. border-radius: inherit;
  2072. }
  2073. /*btn icon positioning*/
  2074. .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
  2075. .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  2076. .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
  2077. .ui-btn-icon-left .ui-icon { left: 10px; }
  2078. .ui-btn-icon-right .ui-icon { right: 10px; }
  2079. .ui-btn-icon-top .ui-icon { top: 10px; }
  2080. .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
  2081. .ui-header .ui-btn-icon-left .ui-icon,
  2082. .ui-footer .ui-btn-icon-left .ui-icon,
  2083. .ui-mini.ui-btn-icon-left .ui-icon,
  2084. .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
  2085. .ui-header .ui-btn-icon-right .ui-icon,
  2086. .ui-footer .ui-btn-icon-right .ui-icon,
  2087. .ui-mini.ui-btn-icon-right .ui-icon,
  2088. .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
  2089. .ui-header .ui-btn-icon-top .ui-icon,
  2090. .ui-footer .ui-btn-icon-top .ui-icon,
  2091. .ui-mini.ui-btn-icon-top .ui-icon,
  2092. .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
  2093. .ui-header .ui-btn-icon-bottom .ui-icon,
  2094. .ui-footer .ui-btn-icon-bottom .ui-icon,
  2095. .ui-mini.ui-btn-icon-bottom .ui-icon,
  2096. .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
  2097. /*hiding native button,inputs */
  2098. .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: 1px; border: none; text-indent: -9999px; }
  2099. /* Fixes IE/WP filter alpha opacity bugs */
  2100. .ui-disabled .ui-btn-hidden { display: none; }
  2101. .ui-disabled { z-index: 1; }
  2102. .ui-field-contain .ui-btn.ui-submit { margin: 0; }
  2103. label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  2104. @media all and (min-width: 28em){
  2105. .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  2106. .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; }
  2107. .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
  2108. }
  2109. .ui-collapsible-inset { margin: .5em 0; }
  2110. .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
  2111. .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
  2112. .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
  2113. .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
  2114. .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
  2115. .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
  2116. .ui-collapsible-heading .ui-btn-inner { padding-left: 12px; padding-right: 12px; }
  2117. .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
  2118. .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
  2119. .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
  2120. .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
  2121. .ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
  2122. .ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
  2123. .ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0 1px 2px; text-indent: -9999px; }
  2124. .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
  2125. .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
  2126. .ui-collapsible-heading-status { position: absolute; top: -9999px; left: 0; }
  2127. .ui-collapsible-content {
  2128. display: block;
  2129. margin: 0 -15px;
  2130. padding: 10px 15px;
  2131. border-left-width: 0;
  2132. border-right-width: 0;
  2133. border-top: none; /* Overrides ui-body-* */
  2134. background-image: none; /* Overrides ui-body-* */
  2135. }
  2136. .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
  2137. .ui-collapsible-content-collapsed { display: none; }
  2138. .ui-collapsible-set > .ui-collapsible.ui-corner-all {
  2139. -webkit-border-radius: 0;
  2140. border-radius: 0;
  2141. }
  2142. .ui-collapsible-heading,
  2143. .ui-collapsible-heading > .ui-btn {
  2144. -webkit-border-radius: inherit;
  2145. border-radius: inherit;
  2146. }
  2147. .ui-collapsible-set .ui-collapsible.ui-first-child {
  2148. -webkit-border-top-right-radius: inherit;
  2149. border-top-right-radius: inherit;
  2150. -webkit-border-top-left-radius: inherit;
  2151. border-top-left-radius: inherit;
  2152. }
  2153. .ui-collapsible-content,
  2154. .ui-collapsible-set .ui-collapsible.ui-last-child {
  2155. -webkit-border-bottom-right-radius: inherit;
  2156. border-bottom-right-radius: inherit;
  2157. -webkit-border-bottom-left-radius: inherit;
  2158. border-bottom-left-radius: inherit;
  2159. }
  2160. .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
  2161. -webkit-border-bottom-right-radius: 0;
  2162. border-bottom-right-radius: 0;
  2163. -webkit-border-bottom-left-radius: 0;
  2164. border-bottom-left-radius: 0;
  2165. }
  2166. .ui-collapsible-set { margin: .5em 0; }
  2167. .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
  2168. .ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }
  2169. .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
  2170. .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
  2171. .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
  2172. .ui-bar .ui-controlgroup { margin: 0 5px; }
  2173. .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
  2174. /* Fixes legend not wrapping on IE10 */
  2175. .ui-controlgroup-label legend { max-width: 100%; }
  2176. .ui-controlgroup-controls label.ui-select,
  2177. .ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
  2178. .ui-controlgroup li { list-style: none; }
  2179. .ui-controlgroup .ui-btn { margin: 0; }
  2180. .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
  2181. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
  2182. .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
  2183. .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
  2184. .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
  2185. .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
  2186. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
  2187. .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
  2188. .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
  2189. .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
  2190. .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
  2191. .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
  2192. .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
  2193. .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
  2194. .ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
  2195. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
  2196. .ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; }
  2197. /* On IE7 the floating selects will be displayed as block if .ui-btn-text has width 100% */
  2198. .ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
  2199. .ui-controlgroup-vertical .ui-btn { border-bottom-width: 0; }
  2200. .ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
  2201. .ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
  2202. .ui-controlgroup-horizontal .ui-btn.ui-last-child { border-right-width: 1px; }
  2203. .ui-controlgroup .ui-btn-corner-all {
  2204. -webkit-border-radius: 0;
  2205. border-radius: 0;
  2206. }
  2207. .ui-controlgroup .ui-controlgroup-controls,
  2208. .ui-controlgroup .ui-radio,
  2209. .ui-controlgroup .ui-checkbox,
  2210. .ui-controlgroup .ui-select,
  2211. .ui-controlgroup li {
  2212. -webkit-border-radius: inherit;
  2213. border-radius: inherit;
  2214. }
  2215. .ui-controlgroup-vertical .ui-btn.ui-first-child {
  2216. -webkit-border-top-left-radius: inherit;
  2217. border-top-left-radius: inherit;
  2218. -webkit-border-top-right-radius: inherit;
  2219. border-top-right-radius: inherit;
  2220. }
  2221. .ui-controlgroup-vertical .ui-btn.ui-last-child {
  2222. -webkit-border-bottom-left-radius: inherit;
  2223. border-bottom-left-radius: inherit;
  2224. -webkit-border-bottom-right-radius: inherit;
  2225. border-bottom-right-radius: inherit;
  2226. }
  2227. .ui-controlgroup-horizontal .ui-btn.ui-first-child {
  2228. -webkit-border-top-left-radius: inherit;
  2229. border-top-left-radius: inherit;
  2230. -webkit-border-bottom-left-radius: inherit;
  2231. border-bottom-left-radius: inherit;
  2232. }
  2233. .ui-controlgroup-horizontal .ui-btn.ui-last-child {
  2234. -webkit-border-top-right-radius: inherit;
  2235. border-top-right-radius: inherit;
  2236. -webkit-border-bottom-right-radius: inherit;
  2237. border-bottom-right-radius: inherit;
  2238. }
  2239. .ui-controlgroup .ui-shadow:not(.ui-focus) {
  2240. -moz-box-shadow: none;
  2241. -webkit-box-shadow: none;
  2242. box-shadow: none;
  2243. }
  2244. @media all and (min-width: 28em){
  2245. .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  2246. .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
  2247. .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
  2248. .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
  2249. .ui-hide-label .ui-controlgroup-controls { width: 100%; }
  2250. }
  2251. .ui-dialog {
  2252. background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
  2253. }
  2254. .ui-dialog-contain {
  2255. width: 92.5%;
  2256. max-width: 500px;
  2257. margin: 10% auto 15px auto;
  2258. padding: 0;
  2259. position: relative;
  2260. top: -15px;
  2261. }
  2262. .ui-dialog-contain > .ui-header,
  2263. .ui-dialog-contain > .ui-content,
  2264. .ui-dialog-contain > .ui-footer {
  2265. display: block;
  2266. position: relative;
  2267. width: auto;
  2268. margin: 0;
  2269. }
  2270. .ui-dialog-contain > .ui-header {
  2271. border: none;
  2272. overflow: hidden;
  2273. z-index: 10;
  2274. padding: 0;
  2275. }
  2276. .ui-dialog-contain > .ui-content {
  2277. padding: 15px;
  2278. }
  2279. .ui-dialog-contain > .ui-footer {
  2280. z-index: 10;
  2281. padding: 0 15px;
  2282. }
  2283. .ui-popup-open .ui-header-fixed,
  2284. .ui-popup-open .ui-footer-fixed {
  2285. position: absolute !important; /* See line #553 of popup.js */
  2286. }
  2287. .ui-popup-screen {
  2288. 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. */
  2289. top: 0;
  2290. left: 0;
  2291. right: 0;
  2292. bottom: 1px;
  2293. position: absolute;
  2294. filter: Alpha(Opacity=0);
  2295. opacity: 0;
  2296. z-index: 1099;
  2297. }
  2298. .ui-popup-screen.in {
  2299. opacity: 0.5;
  2300. filter: Alpha(Opacity=50);
  2301. }
  2302. .ui-popup-screen.out {
  2303. opacity: 0;
  2304. filter: Alpha(Opacity=0);
  2305. }
  2306. .ui-popup-container {
  2307. z-index: 1100;
  2308. display: inline-block;
  2309. position: absolute;
  2310. padding: 0;
  2311. outline: 0;
  2312. }
  2313. .ui-popup {
  2314. position: relative;
  2315. }
  2316. .ui-popup.ui-content,
  2317. .ui-popup .ui-content {
  2318. overflow: visible;
  2319. }
  2320. .ui-popup > p,
  2321. .ui-popup > h1,
  2322. .ui-popup > h2,
  2323. .ui-popup > h3,
  2324. .ui-popup > h4,
  2325. .ui-popup > h5,
  2326. .ui-popup > h6 {
  2327. margin: .5em 7px;
  2328. }
  2329. .ui-popup > span {
  2330. display: block;
  2331. margin: .5em 7px;
  2332. }
  2333. .ui-popup .ui-title {
  2334. font-size: 16px;
  2335. font-weight: bold;
  2336. margin-top: .5em;
  2337. margin-bottom: .5em;
  2338. }
  2339. .ui-popup-container .ui-content > p,
  2340. .ui-popup-container .ui-content > h1,
  2341. .ui-popup-container .ui-content > h2,
  2342. .ui-popup-container .ui-content > h3,
  2343. .ui-popup-container .ui-content > h4,
  2344. .ui-popup-container .ui-content > h5,
  2345. .ui-popup-container .ui-content > h6 {
  2346. margin: .5em 0;
  2347. }
  2348. .ui-popup-container .ui-content > span {
  2349. margin: 0;
  2350. }
  2351. .ui-popup-container .ui-content > p:first-child,
  2352. .ui-popup-container .ui-content > h1:first-child,
  2353. .ui-popup-container .ui-content > h2:first-child,
  2354. .ui-popup-container .ui-content > h3:first-child,
  2355. .ui-popup-container .ui-content > h4:first-child,
  2356. .ui-popup-container .ui-content > h5:first-child,
  2357. .ui-popup-container .ui-content > h6:first-child {
  2358. margin-top: 0;
  2359. }
  2360. .ui-popup-container .ui-content > p:last-child,
  2361. .ui-popup-container .ui-content > h1:last-child,
  2362. .ui-popup-container .ui-content > h2:last-child,
  2363. .ui-popup-container .ui-content > h3:last-child,
  2364. .ui-popup-container .ui-content > h4:last-child,
  2365. .ui-popup-container .ui-content > h5:last-child,
  2366. .ui-popup-container .ui-content > h6:last-child {
  2367. margin-bottom: 0;
  2368. }
  2369. .ui-popup > img {
  2370. width: auto;
  2371. height: auto;
  2372. max-width: 100%;
  2373. max-height: 100%;
  2374. vertical-align: middle;
  2375. }
  2376. .ui-popup:not(.ui-content) > img:only-child,
  2377. .ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
  2378. .ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
  2379. -webkit-border-radius: inherit;
  2380. border-radius: inherit;
  2381. }
  2382. .ui-popup iframe {
  2383. vertical-align: middle;
  2384. }
  2385. @media all and (min-width: 28em){
  2386. .ui-popup .ui-field-contain label.ui-submit,
  2387. .ui-popup .ui-field-contain .ui-controlgroup-label,
  2388. .ui-popup .ui-field-contain label.ui-select,
  2389. .ui-popup .ui-field-contain label.ui-input-text {
  2390. font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
  2391. }
  2392. .ui-popup .ui-field-contain .ui-btn.ui-submit,
  2393. .ui-popup .ui-field-contain .ui-controlgroup-controls,
  2394. .ui-popup .ui-field-contain .ui-select,
  2395. .ui-popup .ui-field-contain input.ui-input-text,
  2396. .ui-popup .ui-field-contain textarea.ui-input-text,
  2397. .ui-popup .ui-field-contain .ui-input-search {
  2398. width: 100%; display: block;
  2399. }
  2400. }
  2401. .ui-popup > .ui-btn-left,
  2402. .ui-popup > .ui-btn-right {
  2403. position: absolute;
  2404. top: -9px;
  2405. margin: 0;
  2406. z-index: 1101;
  2407. }
  2408. .ui-popup > .ui-btn-left { left: -9px; }
  2409. .ui-popup > .ui-btn-right { right: -9px; }
  2410. .ui-popup-hidden { top: -99999px; left: -9999px; visibility: hidden; }
  2411. .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
  2412. .ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
  2413. .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
  2414. .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
  2415. .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
  2416. .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
  2417. .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
  2418. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
  2419. .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; }
  2420. .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; }
  2421. .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
  2422. .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
  2423. .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
  2424. .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
  2425. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
  2426. .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
  2427. .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
  2428. .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
  2429. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
  2430. .ui-controlgroup-horizontal .ui-checkbox .ui-icon,
  2431. .ui-controlgroup-horizontal .ui-radio .ui-icon { display: none; }
  2432. .ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
  2433. .ui-controlgroup-horizontal .ui-radio .ui-btn-inner { padding: .6em 20px; }
  2434. .ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
  2435. .ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner { padding: .55em 11px .5em; }
  2436. /* input, label positioning */
  2437. .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
  2438. .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
  2439. .ui-field-contain:last-child { border-bottom-width: 0; }
  2440. .ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
  2441. @media all and (min-width: 28em){
  2442. .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
  2443. }
  2444. .ui-select { display: block; position: relative; }
  2445. .ui-select select { position: absolute; left: -9999px; top: -9999px; }
  2446. .ui-select .ui-btn { opacity: 1; }
  2447. .ui-field-contain .ui-select .ui-btn { margin: 0; }
  2448. /* 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. */
  2449. .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; }
  2450. .ui-select .ui-disabled { opacity: .3; }
  2451. /* Display none because of issues with IE/WP's filter alpha opacity */
  2452. .ui-select .ui-disabled select { display: none; }
  2453. @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
  2454. .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
  2455. .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
  2456. .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
  2457. .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
  2458. .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
  2459. .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
  2460. .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
  2461. .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
  2462. .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
  2463. .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
  2464. .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
  2465. /* labels */
  2466. label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  2467. /*listbox*/
  2468. .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
  2469. /* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
  2470. .ui-select .ui-btn-text { text-overflow: ellipsis; }
  2471. .ui-selectmenu { padding: 6px; min-width: 160px; }
  2472. .ui-selectmenu .ui-listview { margin: 0; }
  2473. .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
  2474. .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
  2475. .ui-selectmenu-list .ui-li .ui-icon { display: block; }
  2476. .ui-li.ui-selectmenu-placeholder { display: none; }
  2477. .ui-selectmenu .ui-header { margin: 0; padding: 0; }
  2478. .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; }
  2479. .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
  2480. @media all and (min-width: 28em){
  2481. .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  2482. .ui-field-contain .ui-select { width: 78%; display: inline-block; }
  2483. .ui-hide-label .ui-select { width: 100%; }
  2484. }
  2485. /* 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 */
  2486. .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
  2487. label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
  2488. input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; min-height: 1.4em; line-height: 1.4em; font-size: 16px; display: block; width: 100%; outline: 0; }
  2489. input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
  2490. div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
  2491. .ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
  2492. .ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
  2493. .ui-input-search { padding: 0 30px; }
  2494. div.ui-input-text { padding: 0 .4em; }
  2495. div.ui-input-has-clear { padding: 0 30px 0 .4em; }
  2496. input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
  2497. .ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
  2498. .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
  2499. .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
  2500. textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  2501. input.ui-input-text { -webkit-appearance: none; }
  2502. textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
  2503. textarea.ui-mini { height: 45px; }
  2504. .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
  2505. .ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
  2506. .ui-mini .ui-input-clear { right: -3px; }
  2507. .ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
  2508. /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
  2509. input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
  2510. /* For IE10 */
  2511. :-ms-input-placeholder { color: #aaa; }
  2512. /* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
  2513. input[type=number]::-webkit-outer-spin-button { margin: 0; }
  2514. @media all and (min-width: 28em){
  2515. .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
  2516. .ui-field-contain input.ui-input-text,
  2517. .ui-field-contain textarea.ui-input-text,
  2518. .ui-field-contain .ui-input-search,
  2519. .ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
  2520. .ui-field-contain .ui-input-search,
  2521. .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; }
  2522. .ui-hide-label input.ui-input-text,
  2523. .ui-hide-label textarea.ui-input-text,
  2524. .ui-hide-label .ui-input-search,
  2525. .ui-hide-label div.ui-input-text,
  2526. .ui-input-search input.ui-input-text,
  2527. div.ui-input-text input.ui-input-text { width: 100%; }
  2528. }
  2529. .ui-rangeslider {
  2530. zoom: 1;
  2531. margin: 0;
  2532. }
  2533. .ui-rangeslider:before,
  2534. .ui-rangeslider:after {
  2535. content: "";
  2536. display: table;
  2537. }
  2538. .ui-rangeslider:after {
  2539. clear: both;
  2540. }
  2541. /* Margin-top/bottom: .5em * 16px/14px to make it equal to ui-rangeslider-sliders margin (input font-size is 14px) */
  2542. .ui-rangeslider input.ui-input-text.ui-slider-input {
  2543. margin: .57143em 0;
  2544. }
  2545. .ui-rangeslider.ui-mini input.ui-slider-input {
  2546. margin: .28571em 0;
  2547. }
  2548. .ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
  2549. float: right;
  2550. }
  2551. .ui-rangeslider .ui-rangeslider-sliders {
  2552. position: relative;
  2553. overflow: visible;
  2554. height: 30px;
  2555. margin: .5em 68px;
  2556. }
  2557. .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
  2558. margin: .25em 68px;
  2559. }
  2560. .ui-field-contain .ui-rangeslider input.ui-slider-input,
  2561. .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
  2562. .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
  2563. .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
  2564. margin-top: 0;
  2565. margin-bottom: 0;
  2566. }
  2567. .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
  2568. position: absolute;
  2569. top: 6px;
  2570. right: 0;
  2571. left: 0;
  2572. margin: 0;
  2573. }
  2574. .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
  2575. top: 8px;
  2576. }
  2577. .ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
  2578. display: none;
  2579. }
  2580. .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  2581. background-color: transparent;
  2582. background: none;
  2583. border-width: 0;
  2584. height: 0;
  2585. }
  2586. /* this makes ie6 and ie7 set height to 0 to fix z-index problem */
  2587. html >/**/body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  2588. height: 15px;
  2589. border-width: 1px;
  2590. }
  2591. html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
  2592. height: 12px;
  2593. }
  2594. @media all and (min-width: 28em){
  2595. .ui-field-contain .ui-rangeslider label.ui-slider {
  2596. float: left;
  2597. }
  2598. .ui-field-contain .ui-rangeslider input.ui-slider-input {
  2599. position: relative;
  2600. z-index: 1;
  2601. }
  2602. .ui-field-contain .ui-rangeslider input.ui-slider-input.ui-rangeslider-first,
  2603. .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input.ui-rangeslider-first {
  2604. margin-right: 17px;
  2605. }
  2606. .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
  2607. .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
  2608. float: left;
  2609. width: 78%;
  2610. margin: 0 -68px;
  2611. }
  2612. .ui-field-contain .ui-rangeslider .ui-slider-track,
  2613. .ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
  2614. right: 68px;
  2615. left: 68px;
  2616. }
  2617. .ui-field-contain.ui-hide-label .ui-rangeslider input.ui-slider-input.ui-rangeslider-first {
  2618. margin: 0;
  2619. }
  2620. .ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
  2621. .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
  2622. width: auto;
  2623. float: none;
  2624. margin: 0 68px;
  2625. }
  2626. .ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
  2627. .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
  2628. right: 0;
  2629. left: 0;
  2630. }
  2631. }
  2632. .ui-listview { margin: 0; }
  2633. ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
  2634. .ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
  2635. .ui-collapsible-content > .ui-listview { margin: -10px -15px; }
  2636. .ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
  2637. .ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
  2638. .ui-listview, .ui-li { list-style: none; padding: 0; }
  2639. .ui-li, .ui-li.ui-field-contain { display: block; margin: 0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
  2640. .ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
  2641. .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
  2642. .ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
  2643. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
  2644. .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
  2645. .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2646. .ui-li-static { background-image: none; }
  2647. .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
  2648. ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal; counter-increment: listnumbering; content: counter(listnumbering) ". "; }
  2649. ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
  2650. .ui-listview .ui-li > .ui-btn-text {
  2651. -webkit-border-radius: inherit;
  2652. border-radius: inherit;
  2653. }
  2654. .ui-listview > .ui-li.ui-first-child,
  2655. .ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
  2656. -webkit-border-top-right-radius: inherit;
  2657. border-top-right-radius: inherit;
  2658. -webkit-border-top-left-radius: inherit;
  2659. border-top-left-radius: inherit;
  2660. }
  2661. .ui-listview > .ui-li.ui-last-child,
  2662. .ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
  2663. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
  2664. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
  2665. -webkit-border-bottom-right-radius: inherit;
  2666. border-bottom-right-radius: inherit;
  2667. -webkit-border-bottom-left-radius: inherit;
  2668. border-bottom-left-radius: inherit;
  2669. }
  2670. .ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
  2671. -webkit-border-top-right-radius: inherit;
  2672. border-top-right-radius: inherit;
  2673. }
  2674. .ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
  2675. -webkit-border-bottom-right-radius: inherit;
  2676. border-bottom-right-radius: inherit;
  2677. }
  2678. .ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
  2679. -webkit-border-top-left-radius: inherit;
  2680. border-top-left-radius: inherit;
  2681. }
  2682. .ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
  2683. -webkit-border-bottom-left-radius: inherit;
  2684. border-bottom-left-radius: inherit;
  2685. }
  2686. .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
  2687. .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
  2688. .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 59px; padding-left: 100px; }
  2689. .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
  2690. .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: 45px; }
  2691. .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
  2692. .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: 75px; }
  2693. .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2694. .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2695. ol.ui-listview > .ui-li .ui-li-heading { display: inline-block; width: 100%; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
  2696. ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) { text-indent: 1.55em; }
  2697. .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
  2698. .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
  2699. .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
  2700. .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
  2701. @media all and (min-width: 480px){
  2702. .ui-li-aside { width: 45%; }
  2703. }
  2704. .ui-li-divider { cursor: default; }
  2705. .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
  2706. .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: 88px; }
  2707. .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px; }
  2708. .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
  2709. .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
  2710. .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
  2711. .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
  2712. .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;}
  2713. .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
  2714. .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
  2715. .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  2716. .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0; }
  2717. .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
  2718. .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
  2719. .ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
  2720. .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
  2721. .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
  2722. .ui-li.ui-screen-hidden{ display:none; }
  2723. /* Odd iPad positioning issue. */
  2724. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  2725. .ui-li .ui-btn-text { overflow: visible; }
  2726. }
  2727. label.ui-slider {
  2728. font-size: 16px;
  2729. line-height: 1.4;
  2730. font-weight: normal;
  2731. margin: 0;
  2732. display: block;
  2733. }
  2734. .ui-field-contain label.ui-slider {
  2735. margin-bottom: .4em;
  2736. }
  2737. div.ui-slider {
  2738. height: 30px;
  2739. margin: .5em 0;
  2740. zoom: 1;
  2741. }
  2742. div.ui-slider.ui-mini {
  2743. margin: .25em 0;
  2744. }
  2745. .ui-field-contain div.ui-slider,
  2746. .ui-field-contain div.ui-slider.ui-mini {
  2747. margin: 0;
  2748. }
  2749. div.ui-slider:before, div.ui-slider:after {
  2750. content: "";
  2751. display: table;
  2752. }
  2753. div.ui-slider:after {
  2754. clear: both;
  2755. }
  2756. /* High level of specificity to override Textinput CSS. */
  2757. input.ui-input-text.ui-slider-input {
  2758. display: block;
  2759. float: left;
  2760. margin: 0;
  2761. padding: 4px;
  2762. width: 40px;
  2763. height: 22px;
  2764. line-height: 22px;
  2765. font-size: 14px;
  2766. border-width: 0;
  2767. background-image: none;
  2768. font-weight: bold;
  2769. text-align: center;
  2770. vertical-align: text-bottom;
  2771. outline: 0;
  2772. -webkit-box-sizing: content-box;
  2773. -moz-box-sizing: content-box;
  2774. -ms-box-sizing: content-box;
  2775. box-sizing: content-box;
  2776. }
  2777. .ui-slider-input::-webkit-outer-spin-button,
  2778. .ui-slider-input::-webkit-inner-spin-button {
  2779. -webkit-appearance: none;
  2780. margin: 0;
  2781. }
  2782. .ui-slider-track,
  2783. .ui-slider-switch {
  2784. position: relative;
  2785. overflow: visible;
  2786. height: 15px;
  2787. margin: 0 15px 0 68px;
  2788. top: 6px;
  2789. }
  2790. .ui-slider-track.ui-mini {
  2791. height: 12px;
  2792. top: 8px;
  2793. }
  2794. .ui-slider-bg {
  2795. border: none;
  2796. height: 100%;
  2797. }
  2798. /* High level of specificity to override button margins in grids */
  2799. .ui-slider-track .ui-btn.ui-slider-handle,
  2800. .ui-slider-switch .ui-btn.ui-slider-handle {
  2801. position: absolute;
  2802. z-index: 1;
  2803. top: 50%;
  2804. width: 28px;
  2805. height: 28px;
  2806. margin: -15px 0 0 -15px;
  2807. outline: 0;
  2808. }
  2809. .ui-slider-track.ui-mini .ui-slider-handle {
  2810. height: 14px;
  2811. width: 14px;
  2812. margin: -8px 0 0 -7px;
  2813. }
  2814. .ui-slider-handle .ui-btn-inner {
  2815. padding: 0;
  2816. height: 100%;
  2817. }
  2818. .ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
  2819. height: 30px;
  2820. width: 30px;
  2821. padding: 0;
  2822. margin: -9px 0 0 -9px;
  2823. border-top: none;
  2824. }
  2825. select.ui-slider-switch {
  2826. display: none;
  2827. }
  2828. div.ui-slider-switch {
  2829. display: inline-block;
  2830. height: 32px;
  2831. width: 5.8em;
  2832. margin: .5em 0;
  2833. top: 0;
  2834. }
  2835. /* reset the clearfix */
  2836. div.ui-slider-switch:before, div.ui-slider-switch:after {
  2837. display: none;
  2838. clear: none;
  2839. }
  2840. div.ui-slider-switch.ui-mini {
  2841. width: 5em;
  2842. height: 29px;
  2843. margin: .25em 0;
  2844. top: 0;
  2845. }
  2846. .ui-field-contain .ui-slider-switch,
  2847. .ui-field-contain .ui-slider-switch.ui-mini {
  2848. margin: 0;
  2849. }
  2850. .ui-slider-inneroffset {
  2851. margin: 0 16px;
  2852. position: relative;
  2853. z-index: 1;
  2854. }
  2855. .ui-slider-switch.ui-mini .ui-slider-inneroffset {
  2856. margin: 0 15px 0 14px;
  2857. }
  2858. .ui-slider-switch .ui-btn.ui-slider-handle {
  2859. margin: 1px 0 0 -15px;
  2860. }
  2861. .ui-slider-switch.ui-mini .ui-slider-handle {
  2862. width: 25px;
  2863. height: 25px;
  2864. margin: 1px 0 0 -13px;
  2865. padding: 0;
  2866. }
  2867. .ui-slider-handle-snapping {
  2868. -webkit-transition: left 70ms linear;
  2869. -moz-transition: left 70ms linear;
  2870. }
  2871. .ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
  2872. height: 30px;
  2873. width: 30px;
  2874. padding: 0;
  2875. margin: 0;
  2876. border-top: none;
  2877. }
  2878. .ui-slider-switch .ui-slider-label {
  2879. position: absolute;
  2880. text-align: center;
  2881. width: 100%;
  2882. overflow: hidden;
  2883. font-size: 16px;
  2884. top: 0;
  2885. line-height: 2;
  2886. min-height: 100%;
  2887. border-width: 0;
  2888. white-space: nowrap;
  2889. cursor: pointer;
  2890. }
  2891. .ui-slider-switch.ui-mini .ui-slider-label {
  2892. font-size: 14px;
  2893. }
  2894. .ui-slider-switch .ui-slider-label-a {
  2895. z-index: 1;
  2896. left: 0;
  2897. text-indent: -1.5em;
  2898. }
  2899. .ui-slider-switch .ui-slider-label-b {
  2900. z-index: 0;
  2901. right: 0;
  2902. text-indent: 1.5em;
  2903. }
  2904. @media all and (min-width: 28em){
  2905. .ui-field-contain label.ui-slider {
  2906. vertical-align: top;
  2907. display: inline-block;
  2908. width: 20%;
  2909. margin: 0 2% 0 0;
  2910. }
  2911. .ui-field-contain div.ui-slider {
  2912. display: inline-block;
  2913. width: 78%;
  2914. }
  2915. .ui-field-contain.ui-hide-label div.ui-slider {
  2916. display: block;
  2917. width: auto;
  2918. }
  2919. .ui-field-contain div.ui-slider-switch,
  2920. .ui-field-contain.ui-hide-label div.ui-slider-switch {
  2921. display: inline-block;
  2922. width: 5.8em;
  2923. }
  2924. .ui-field-contain div.ui-slider-switch.ui-mini {
  2925. width: 5em;
  2926. }
  2927. }
  2928. .ui-table {
  2929. border: 0;
  2930. border-collapse: collapse;
  2931. padding: 0;
  2932. width: 100%;
  2933. }
  2934. .ui-table th,
  2935. .ui-table td {
  2936. line-height: 1.5em;
  2937. text-align: left;
  2938. padding: .4em .5em;
  2939. vertical-align:top;
  2940. }
  2941. .ui-table th .ui-btn,
  2942. .ui-table td .ui-btn {
  2943. line-height: normal;
  2944. }
  2945. .ui-table th {
  2946. font-weight: bold;
  2947. }
  2948. .ui-table caption {
  2949. text-align:left;
  2950. margin-bottom:1.4em;
  2951. opacity: .5;
  2952. }
  2953. /* Add strokes between each row */
  2954. .table-stroke thead th {
  2955. border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  2956. border-bottom: 1px solid rgba(0, 0, 0, .1);
  2957. }
  2958. .table-stroke tbody th,
  2959. .table-stroke tbody td {
  2960. border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
  2961. border-bottom: 1px solid rgba(0, 0, 0, .05);
  2962. }
  2963. /* Add alternating row stripes */
  2964. .table-stripe tbody tr:nth-child(odd) td,
  2965. .table-stripe tbody tr:nth-child(odd) th {
  2966. background-color: #eeeeee; /* non-RGBA fallback */
  2967. background-color: rgba(0,0,0,0.04);
  2968. }
  2969. /* Add stroke to the header and last item */
  2970. .table-stripe thead th,
  2971. .table-stripe tbody tr:last-child {
  2972. border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  2973. border-bottom: 1px solid rgba(0, 0, 0, .1);
  2974. }
  2975. /*
  2976. Styles for the table columntoggle mode
  2977. */
  2978. .ui-table-columntoggle-btn {
  2979. float: right;
  2980. margin-bottom:.8em;
  2981. }
  2982. /* Remove top/bottom margins around the fieldcontain on check list */
  2983. .ui-table-columntoggle-popup fieldset {
  2984. margin:0;
  2985. }
  2986. /* Hide all prioritized columns by default */
  2987. @media only all {
  2988. th.ui-table-priority-6,
  2989. td.ui-table-priority-6,
  2990. th.ui-table-priority-5,
  2991. td.ui-table-priority-5,
  2992. th.ui-table-priority-4,
  2993. td.ui-table-priority-4,
  2994. th.ui-table-priority-3,
  2995. td.ui-table-priority-3,
  2996. th.ui-table-priority-2,
  2997. td.ui-table-priority-2,
  2998. th.ui-table-priority-1,
  2999. td.ui-table-priority-1 {
  3000. display: none;
  3001. }
  3002. }
  3003. /* Preset breakpoints if ".ui-responsive" class added to table */
  3004. /* Show priority 1 at 320px (20em x 16px) */
  3005. @media screen and (min-width: 20em) {
  3006. .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
  3007. .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
  3008. display: table-cell;
  3009. }
  3010. }
  3011. /* Show priority 2 at 480px (30em x 16px) */
  3012. @media screen and (min-width: 30em) {
  3013. .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
  3014. .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
  3015. display: table-cell;
  3016. }
  3017. }
  3018. /* Show priority 3 at 640px (40em x 16px) */
  3019. @media screen and (min-width: 40em) {
  3020. .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
  3021. .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
  3022. display: table-cell;
  3023. }
  3024. }
  3025. /* Show priority 4 at 800px (50em x 16px) */
  3026. @media screen and (min-width: 50em) {
  3027. .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
  3028. .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
  3029. display: table-cell;
  3030. }
  3031. }
  3032. /* Show priority 5 at 960px (60em x 16px) */
  3033. @media screen and (min-width: 60em) {
  3034. .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
  3035. .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
  3036. display: table-cell;
  3037. }
  3038. }
  3039. /* Show priority 6 at 1,120px (70em x 16px) */
  3040. @media screen and (min-width: 70em) {
  3041. .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
  3042. .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
  3043. display: table-cell;
  3044. }
  3045. }
  3046. /* Unchecked manually: Always hide */
  3047. .ui-table-columntoggle th.ui-table-cell-hidden,
  3048. .ui-table-columntoggle td.ui-table-cell-hidden,
  3049. .ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
  3050. .ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
  3051. display: none;
  3052. }
  3053. /* Checked manually: Always show */
  3054. .ui-table-columntoggle th.ui-table-cell-visible,
  3055. .ui-table-columntoggle td.ui-table-cell-visible,
  3056. .ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
  3057. .ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
  3058. display: table-cell;
  3059. }
  3060. /*
  3061. Styles for the table columntoggle mode
  3062. */
  3063. .ui-table-reflow td .ui-table-cell-label,
  3064. .ui-table-reflow th .ui-table-cell-label {
  3065. display: none;
  3066. }
  3067. /* Mobile first styles: Begin with the stacked presentation at narrow widths */
  3068. @media only all {
  3069. /* Hide the table headers */
  3070. .ui-table-reflow thead td,
  3071. .ui-table-reflow thead th {
  3072. display: none;
  3073. }
  3074. /* Show the table cells as a block level element */
  3075. .ui-table-reflow td,
  3076. .ui-table-reflow th {
  3077. text-align: left;
  3078. display: block;
  3079. }
  3080. /* Add a fair amount of top margin to visually separate each row when stacked */
  3081. .ui-table-reflow tbody th {
  3082. margin-top: 3em;
  3083. }
  3084. /* Make the label elements a percentage width */
  3085. .ui-table-reflow td .ui-table-cell-label,
  3086. .ui-table-reflow th .ui-table-cell-label {
  3087. padding: .4em;
  3088. min-width: 30%;
  3089. display: inline-block;
  3090. margin: -.4em 1em -.4em -.4em;
  3091. }
  3092. /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  3093. .ui-table-reflow th .ui-table-cell-label-top,
  3094. .ui-table-reflow td .ui-table-cell-label-top {
  3095. display: block;
  3096. padding: .4em 0;
  3097. margin: .4em 0;
  3098. text-transform: uppercase;
  3099. font-size: .9em;
  3100. font-weight: normal;
  3101. }
  3102. }
  3103. /* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
  3104. @media ( min-width: 35em ) {
  3105. /* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
  3106. .ui-table-reflow.ui-responsive {
  3107. display: table-row-group;
  3108. }
  3109. /* Show the table header rows */
  3110. .ui-table-reflow.ui-responsive td,
  3111. .ui-table-reflow.ui-responsive th,
  3112. .ui-table-reflow.ui-responsive tbody th,
  3113. .ui-table-reflow.ui-responsive tbody td,
  3114. .ui-table-reflow.ui-responsive thead td,
  3115. .ui-table-reflow.ui-responsive thead th {
  3116. display: table-cell;
  3117. margin: 0;
  3118. }
  3119. /* Hide the labels in each cell */
  3120. .ui-table-reflow.ui-responsive td .ui-table-cell-label,
  3121. .ui-table-reflow.ui-responsive th .ui-table-cell-label {
  3122. display: none;
  3123. }
  3124. }
  3125. /* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
  3126. /* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
  3127. @media ( max-width: 35em ) {
  3128. .ui-table-reflow.ui-responsive td,
  3129. .ui-table-reflow.ui-responsive th {
  3130. width: 100%;
  3131. -webkit-box-sizing: border-box;
  3132. -moz-box-sizing: border-box;
  3133. box-sizing: border-box;
  3134. float: left;
  3135. clear: left;
  3136. }
  3137. }
  3138. /* panel */
  3139. .ui-panel {
  3140. width: 17em;
  3141. min-height: 100%;
  3142. max-height: none;
  3143. border-width: 0;
  3144. position: absolute;
  3145. top: 0;
  3146. display: block;
  3147. }
  3148. .ui-panel-closed {
  3149. width: 0;
  3150. max-height: 100%;
  3151. overflow: hidden;
  3152. visibility: hidden;
  3153. }
  3154. .ui-panel-fixed {
  3155. position: fixed;
  3156. bottom: -1px; /* fixes gap on Chrome for Android */
  3157. padding-bottom: 1px;
  3158. }
  3159. .ui-panel-display-overlay {
  3160. z-index: 1001; /* fixed toolbars have z-index 1000 */
  3161. }
  3162. .ui-panel-display-reveal {
  3163. z-index: 0;
  3164. }
  3165. .ui-panel-display-push {
  3166. z-index: 999;
  3167. }
  3168. .ui-panel-inner {
  3169. padding: 15px;
  3170. }
  3171. /* content-wrap */
  3172. .ui-panel-content-wrap {
  3173. position: relative;
  3174. left: 0;
  3175. min-height: inherit;
  3176. border: none;
  3177. z-index: 999;
  3178. }
  3179. .ui-panel-content-wrap-display-overlay,
  3180. .ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */
  3181. .ui-panel-content-wrap-closed {
  3182. position: static;
  3183. }
  3184. /* dismiss */
  3185. .ui-panel-dismiss {
  3186. position: absolute;
  3187. top: 0;
  3188. left:0;
  3189. height: 100%;
  3190. width: 100%;
  3191. z-index: 1002;
  3192. display: none;
  3193. }
  3194. .ui-panel-dismiss-open {
  3195. display: block;
  3196. }
  3197. /* animate class is added to panel, wrapper and fixed toolbars */
  3198. .ui-panel-animate {
  3199. -webkit-transition: -webkit-transform 350ms ease;
  3200. -moz-transition: -moz-transform 350ms ease;
  3201. transition: transform 350ms ease;
  3202. }
  3203. /* hardware acceleration for smoother transitions on WebKit browsers */
  3204. .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
  3205. .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
  3206. .ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
  3207. .ui-panel-animate.ui-panel-content-wrap,
  3208. .ui-panel-animate.ui-panel-content-fixed-toolbar {
  3209. -webkit-backface-visibility: hidden;
  3210. -webkit-transform: translate3d(0,0,0);
  3211. }
  3212. /* positioning: panel */
  3213. /* panel left */
  3214. .ui-panel-position-left {
  3215. left: -17em;
  3216. }
  3217. /* animated: panel left (for overlay and push) */
  3218. .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
  3219. .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  3220. left: 0;
  3221. -webkit-transform: translate3d(-17em,0,0);
  3222. -moz-transform: translate3d(-17em,0,0);
  3223. transform: translate3d(-17em,0,0);
  3224. }
  3225. /* panel left open */
  3226. .ui-panel-position-left.ui-panel-display-reveal, /* negate "panel left" for reveal */
  3227. .ui-panel-position-left.ui-panel-open {
  3228. left: 0;
  3229. }
  3230. /* animated: panel left open (for overlay and push) */
  3231. .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
  3232. .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
  3233. -webkit-transform: translate3d(0,0,0);
  3234. transform: translate3d(0,0,0);
  3235. -moz-transform: none;
  3236. }
  3237. /* panel right */
  3238. .ui-panel-position-right {
  3239. right: -17em;
  3240. }
  3241. /* animated: panel right (for overlay and push) */
  3242. .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
  3243. .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  3244. right: 0;
  3245. -webkit-transform: translate3d(17em,0,0);
  3246. -moz-transform: translate3d(17em,0,0);
  3247. transform: translate3d(17em,0,0);
  3248. }
  3249. /* panel right open */
  3250. .ui-panel-position-right.ui-panel-display-reveal, /* negate "panel right" for reveal */
  3251. .ui-panel-position-right.ui-panel-open {
  3252. right: 0;
  3253. }
  3254. /* animated: panel right open (for overlay and push) */
  3255. .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
  3256. .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
  3257. -webkit-transform: translate3d(0,0,0);
  3258. transform: translate3d(0,0,0);
  3259. -moz-transform: none;
  3260. }
  3261. /* positioning: content wrap, fixed toolbars and dismiss */
  3262. /* panel left open */
  3263. .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
  3264. .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
  3265. .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
  3266. left: 17em;
  3267. right: -17em;
  3268. }
  3269. /* animated: panel left open (for reveal and push) */
  3270. .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
  3271. .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
  3272. .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
  3273. .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
  3274. left: 0;
  3275. right: 0;
  3276. -webkit-transform: translate3d(17em,0,0);
  3277. -moz-transform: translate3d(17em,0,0);
  3278. transform: translate3d(17em,0,0);
  3279. }
  3280. /* panel right open */
  3281. .ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
  3282. .ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
  3283. .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
  3284. left: -17em;
  3285. right: 17em;
  3286. }
  3287. /* animated: panel right open (for reveal and push) */
  3288. .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
  3289. .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
  3290. .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
  3291. .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
  3292. left: 0;
  3293. right: 0;
  3294. -webkit-transform: translate3d(-17em,0,0);
  3295. -moz-transform: translate3d(-17em,0,0);
  3296. transform: translate3d(-17em,0,0);
  3297. }
  3298. /* negate "panel left/right open" for overlay */
  3299. .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
  3300. .ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
  3301. left: 0;
  3302. }
  3303. /* always disable overflow-x to prevent zoom issue on Android */
  3304. .ui-page-active.ui-page-panel {
  3305. overflow-x: hidden;
  3306. }
  3307. /* shadows and borders */
  3308. .ui-panel-display-reveal {
  3309. -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
  3310. -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
  3311. box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
  3312. }
  3313. .ui-panel-position-right.ui-panel-display-reveal {
  3314. -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
  3315. -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
  3316. box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
  3317. }
  3318. .ui-panel-display-overlay {
  3319. -webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
  3320. -moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
  3321. box-shadow: 5px 0 5px rgba(0,0,0,.15);
  3322. }
  3323. .ui-panel-position-right.ui-panel-display-overlay {
  3324. -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
  3325. -moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
  3326. box-shadow: -5px 0 5px rgba(0,0,0,.15);
  3327. }
  3328. .ui-panel-display-push.ui-panel-open.ui-panel-position-left {
  3329. border-right-width: 1px;
  3330. margin-right: -1px;
  3331. }
  3332. .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
  3333. margin-left: 1px;
  3334. }
  3335. .ui-panel-display-push.ui-panel-open.ui-panel-position-right {
  3336. border-left-width: 1px;
  3337. margin-left: -1px;
  3338. }
  3339. .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
  3340. margin-right: 1px;
  3341. }
  3342. /* wrap on wide viewports once open */
  3343. @media (min-width:55em){
  3344. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
  3345. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
  3346. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
  3347. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
  3348. margin-right: 17em;
  3349. }
  3350. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
  3351. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
  3352. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
  3353. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
  3354. margin-left: 17em;
  3355. }
  3356. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
  3357. .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
  3358. width: auto;
  3359. }
  3360. .ui-responsive-panel .ui-panel-dismiss-display-push {
  3361. display: none;
  3362. }
  3363. }