Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jquery.mobile.inline-png-1.4.5.css 146KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359
  1. /*!
  2. * jQuery Mobile 1.4.5
  3. * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC
  4. * http://jquerymobile.com
  5. *
  6. * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors
  7. * Released under the MIT license.
  8. * http://jquery.org/license
  9. *
  10. */
  11. .ui-icon-action:after {
  12. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAIVJREFUOMtjYCAC/P//fxYQszGQCv5DwDEgliRHIwg8A2JLdEEYaICKqwHxciD+gCb/E4jTGHBosgPiL/+xA1SNSM7iBeIXQPwDiOuAWByvU5E05gPxZyC2xhs4WDTuBuJwtMCZCYsOmHewaZyLJ3Qb4GqxaDQiFC1YNRITn9TRSAqgSCMAGL+QeSGFbu0AAAAASUVORK5CYII=");
  13. }
  14. .ui-icon-alert:after {
  15. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJVJREFUOMu9z7ENgkAUgOGj0I6eBXQCg8QRdAhdwiV0CF2CIRxBF6Cn08LP5oxIIEjjX13evS+5C6EnbLAOY8IUN1wxGQP3Pu1/RRnqBqyR/QLPEeQo4vk0hJZ4QmMmzvI+lODyfl8LindJF9z5rsCqNdu2UYrKcBXSJjx2LC3in9sd3miOR8fCsuOpcMcsoDS+Mvy9F2w1bmFOO7YjAAAAAElFTkSuQmCC");
  16. }
  17. .ui-icon-arrow-d-l:after {
  18. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE9JREFUOMut0VsKACAIBECP3tG8mSFZRGVujwV/wkE0IjAikrToJIZq0g3CsIMK9PQWWcM0OkQdbI8QGqCGIbSAAl/wCgWQo7/6PvFpRxdn/yOefcvwdI0AAAAASUVORK5CYII=");
  19. }
  20. .ui-icon-arrow-d-r:after {
  21. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE1JREFUOMtjYICC////N4AwAykAqgkGGsjRRLRmJhzi9UTZjMNWnDajiBOrGaaOJJuR5Ulx9gFkDql+xq+RGM2EQvsAfWwky4/EaAIBAH/xh5XOyrKIAAAAAElFTkSuQmCC");
  22. }
  23. .ui-icon-arrow-d:after {
  24. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADdJREFUOMtjYMAC/qMBBmLBqEZKNQLFG/6TDhrI0dxAjs0N5Di7gVDANJCsCYfmBgZSAFQzTk0AIbtHzgIaJM8AAAAASUVORK5CYII=");
  25. }
  26. .ui-icon-arrow-l:after {
  27. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAD5JREFUOMul0kEKADAMAsE8PT/fXktpqVHvA8FY9QjQNQ3QABYawR3J8EQSvKFfLJRB+9SonOgd0QCiyakjXzjeR87keFK/AAAAAElFTkSuQmCC");
  28. }
  29. .ui-icon-arrow-r:after {
  30. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADpJREFUOMu90rENADAIA0FG/82dgooiSDgK31+DiWiSRDgpw4VzrBourFjzcGHiTcjbcX7PwdrLXdEBwEtHzn8VrGMAAAAASUVORK5CYII=");
  31. }
  32. .ui-icon-arrow-u-l:after {
  33. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUOMtj+E8caGBAB2RpIkIjdk0ENB5gwAdoYSNJfjxATqg2QPkNRGnGJkiUZlx+INpmUjUz4dPIyMgIMr2RgVyAZnMDOZrhmgAEuoiZ+HH38AAAAABJRU5ErkJggg==");
  34. }
  35. .ui-icon-arrow-u-r:after {
  36. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEdJREFUOMu9z8ENACAIQ9GOzmhuVq+GSCke/Fd8AYEUyaARbjkYVR2GiuT6s/HpjwKtEgoUeW6j/G6ETjxG3YkaFdhDCdtoA045nn2X6PolAAAAAElFTkSuQmCC");
  37. }
  38. .ui-icon-arrow-u:after {
  39. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADlJREFUOMtjYMAB/v//3wDCDKQAqCYYaCBHE3GacWjCr5mAJuyaidSEqplETQSdjQJIiY5RjZRoBADXbkfOGh7ilQAAAABJRU5ErkJggg==");
  40. }
  41. .ui-icon-audio:after {
  42. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANxJREFUOMuV0rEuRFEQxvETL2DpZVEoVLyFJ1CJRKfabCKikbiJUhQa3kSj32K7DQqJwgugQVay8lOYleO654avmm/m/HMmM5NSg3CUxTO4wlZqE44xyfwa3nzprA2Sg5FfwV3UDkrQN4gd9CJewCPesZQw9FtTcBR+P3wv/GnSrCnYxRNe0cEcPnDbCgZ8HrmN8A8Y/wW8+DeIZTzjBbOYj1ZvEgaYFMDr8P3w/fAn+TqqBnAbuxEvxqDG6NZ3WRUOYBX3UdsrXU9VG856/PKzxQJ8WDvyS2zmbz4B8IPWAlHG2vgAAAAASUVORK5CYII=");
  43. }
  44. .ui-icon-back:after {
  45. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJJJREFUOMtjYEAD////b2AgFYA0AfF/sjSRpBFZExT8AeLXQHwciCcAsQOxGrGBM0CsS0gzKxBLA7ELELcC8VOo+Ccg1iY6cIBCXEC8Fqp5M05n4xCXgGr8TGqoC5OrsRGqcS+xGkABVQ/E/6AaXQlpUATiYiC+C9UA0lhKjE3I4CYQexDrxGdAvBSIfYGYCV0eAL8TDNuB31nNAAAAAElFTkSuQmCC");
  46. }
  47. .ui-icon-bars:after {
  48. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAClJREFUOMtjYKA7+P///8n/pIMTII3HydB4lGHUjzTy4xly/XhiaPgRALzOTCcBlK2mAAAAAElFTkSuQmCC");
  49. }
  50. .ui-icon-bullets:after {
  51. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADpJREFUOMtjYKA7+P///0kgPo7GJwROgBQeB+KjSBqPE6HxKMOoH2nkxzNgN6PyifLjCTQ/nhicfgQA/VEZvCqEuYoAAAAASUVORK5CYII=");
  52. }
  53. .ui-icon-calendar:after {
  54. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADFJREFUOMtjYICC////nwTi4ww4AFDuDBCfQBYgCwwljWQDZBNIYpOtcdSpeGwhVyMA6YDNaA+GXWMAAAAASUVORK5CYII=");
  55. }
  56. .ui-icon-camera:after {
  57. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJ1JREFUOMtjYKAW+P//vzoQ1wBxAxSD2KrYFHIBcSaSwqf/McFjJPksIOYEadz8n3SwCaTxDxaJh0A8AYj7oGx08IcBi+ABIBaFOh/kLBEgPoiuCJtGAzTnbwJiQ2I0sgDxLyT+TyBmJdbGTUj89UBsTIzGQ0h+zICyj2DT+BeL5kdA3A8N2ce4QnUTGfG4HqSREy3lEMIZ4JRDLgAADx5bua1tC5oAAAAASUVORK5CYII=");
  58. }
  59. .ui-icon-carat-d:after {
  60. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAHdJREFUKJHV0D0OwjAMBtCcpiBSVn7uv8MpUNVMwAUeSyuiKG3DyLdZ9rMlh/BfwR6nhrkLurnYYcAT5xV0xRsPdAF331TxdOmVzd0CIsYlXEEjDnOzildRtjkiFbhEcekBJd5GGe4LnDZRho8TSOibUIF/Qy35ADEDFfz8Tu1HAAAAAElFTkSuQmCC");
  61. }
  62. .ui-icon-carat-l:after {
  63. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFNJREFUOMtjYMAD/v//rwvE54FYhYFYAFSsB8Sv/0PAUyBWJVUTCLwHYmNyNJkQo+kNqZr06aOJIo14NJuSEnfImj+Qqvk1mmYzumt+TGp6xZnIAZYXFgOYoY9iAAAAAElFTkSuQmCC");
  64. }
  65. .ui-icon-carat-r:after {
  66. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAGRJREFUOMtjYEAD////Vwfi80CsxUAsACrWAOLn/yHgJRBrE6vRDIg//EcAkjSbU1PzK0o161CiWZdYjR9JshWowIIcTZZYNGkTo+kTSdEBdd4nkuMQqEgNiJ+SHPFIms8RSuQASm4V+ztdam4AAAAASUVORK5CYII=");
  67. }
  68. .ui-icon-carat-u:after {
  69. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAG5JREFUOMtjYKA2+P//vz4Ik6PpDRTrkaoJBghrBilA0wQDr3Fqhmp6jaT4PRQja9YlRpMJEJsC8QesmkEMbJqQDEXX/AqsGUicx6UJj+ZzIEEVIH6KSxOSZjOo5scgPTBBVSA2JiKqzOCahg4AAODRFgCi4LIMAAAAAElFTkSuQmCC");
  70. }
  71. .ui-icon-check:after,
  72. /* Used ui-checkbox-on twice to increase specificity. If active state has background-image for gradient this rule overrides. */
  73. html .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
  74. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE5JREFUOMu10DEKACEQQ1GPHl2QxUvHZsURQRJhfzfFKzIp/R1JkISLMmdQUeEebtAKvw053I+KRuUGncLpYxoS9kgfrDYK+LVRwM1GTh2KeDEWoG7NGwAAAABJRU5ErkJggg==");
  75. }
  76. .ui-icon-clock:after {
  77. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAN5JREFUOMuNkl0KglAQhYeexA0kthWtVQRCq6gQWkBRi4mIaA/Zm2EbsYJ6STsjx7jYtTrwoXecP2euiKGyLHtgBc7gQTKwBL7YhA8jcCvbdQWRLaigwxoEwCEh2PBb8Q5me3WliZHsCA7GOabPBXjCf6oqNbqo1LBtaV4IB6EK/gjs03wSTk7l2AKphDaX53tH2pUY70/bGjJmCeWH4DOgb6oV97SP5bemfO41i8/lquIv1Wb0yUG3NkbGBdhyei7R9nbGBRg2M0ZcbpvyjyAj2NPl6p505CQF83d71As1WJi0XvrCDgAAAABJRU5ErkJggg==");
  78. }
  79. .ui-icon-cloud:after {
  80. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAHRJREFUOMtjYBhw8P//f2EgTgTiWigtRIymSCD+/B8VfATiEHyabIH473/s4DcQm+PSuOs/fvAPiF8BsT+yJncg/vafOPASpqniP2ngCxBzgjS+/U862AjS+I4MjT9BGsvJ0LgO5k8XaIQ3EIEzgZiD/kkTAK0pr7/Ot6yrAAAAAElFTkSuQmCC");
  81. }
  82. .ui-icon-comment:after {
  83. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEJJREFUOMtj+P//fyAQv/xPPHgFxP4MJGqCgZcM/8kEoxpppfEVGfpegDT6k5gIXgCxLwMyQJJsYCAFkKUJqpFoTQBdxXiyPJoNzQAAAABJRU5ErkJggg==");
  84. }
  85. .ui-icon-delete:after {
  86. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFtJREFUOMulklEKwDAIQ83J153c0U1GK0ZG5o/ga4pNA4ty9zE7gGFFZY5leMSZM4srjjS0LKacgBtGLxmaW1k9q5J3tKLXnI/izbT/QmlVyRz5O+QAyJFTQ34BOkVgA0nxhd0AAAAASUVORK5CYII=");
  87. }
  88. .ui-icon-edit:after {
  89. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAExJREFUOMtjYCAS/P//vwGEGUgBUE0w0ECuRsKakZ1HtK3YFBL0JxanEe28/yRpHPyaFEjWBNWYQLImqMYFJGuCajwA1QyyWYHYZAgAGGspdigXzkIAAAAASUVORK5CYII=");
  90. }
  91. .ui-icon-eye:after {
  92. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJ9JREFUOMtjYBhQ8P//f0YgjgLig0D8FYoPQMUYcWmSgCrCBUBy4uia5ID4HlTBDyDOBmIBIOaDsn9A5UBq5GCa+IH4OpLJ2Vhck4MkD1LLDxJcheYkAajik0B8HMlwZLCSCYt3/yHRMDYjtkBBd2ouFjUFSPLXQH7HFTi5UAMFoJp+YgQOkqniBKJjP0Z0oCWASKgBX6D4AFSMcWCTJwDwblGBQMiLsgAAAABJRU5ErkJggg==");
  93. }
  94. .ui-icon-forbidden:after {
  95. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANZJREFUOMuF0jFuwkAUhOEtCT0R4iwh4hgu0uUM3AAU5TKIKk1OgSPlHCgUQMOXZrAsY8NIK9k7/v3ezttSWsIMn/jFGSf84AOz0ie842BYB1R90CUffOEFo6w5NvEuDZz22pVqTHo6Wsb/w7TkTNdK9QN4G39dEoS0N7kH4zXeriQ9GMUchDHO/rEk8ga8B+Mpe6eSOcG809YNjMX1vWS4sOkJowt/53nVHcfyAQx7PF/NqnUBtklvnDMtWpUueOv+ucpwh7S/gVrwFGvscEziNVZNe9E/AYkNLyf6mZAAAAAASUVORK5CYII=");
  96. }
  97. .ui-icon-forward:after {
  98. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJVJREFUOMud0SEPQWEUBuA7I6iSTdFtfoNgJvkzNtE+QfcnRFFVFX9AECmaieYRfOGyue533/qeZ2c7J8tKBCGrEu+EqrAYY4AV9rji4TPhG/Rx8D8hj3q4xeKMJYbooFG0bRuLDZqlj4N7LNtJ78jBVuq5dxEuUuEowifmqKfgWYRwwhTdsniMY/5pKZtrmGCNy6+5F/zkDN/sPUM/AAAAAElFTkSuQmCC");
  99. }
  100. .ui-icon-gear:after {
  101. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANBJREFUOMuN0k1OAkEUReGKDVPsBUiCe/An6CZMCHERkLgABzpwr0rCAhoM/Tl56ktTQc+o07dud71TVUoFXOITe0zLKfCIOcZ488sLRrjDslaCHlvHbCPrscjFebz8ix7XuThOf+qwQotJPHeRbdBkEXmmVWX+dcpfMSthL9NWiueDNfsSyjOTSrEdrOkKpqH81FafUv6Mi+9gNJCzju21UdpF9o6z/MV7/+OAm1xcxhkd8FEpbNIFeBjOscAVmlCeZ2pwe1SqyJiF7d2PiAFfUWcCdKtjEnkAAAAASUVORK5CYII=");
  102. }
  103. .ui-icon-grid:after {
  104. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAElJREFUOMtj+P///8n/CHCcAQjQxE5Axc4gizGCSAYkwAgExIgxMZAJQBpPIPGPQWlsYiexiJEBhlbgnCQyIKgXOGcIBcQQDxwAcK29sfGNuOEAAAAASUVORK5CYII=");
  105. }
  106. .ui-icon-heart:after {
  107. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJhJREFUOMud0L0NwjAQgNErGAEGoU0WSYUEggGyVULFCFCyAgPQQQsU5NE4EuLfPOka258sXUREYIwldtiixiBNnc526c04UlTg7NkqzaMzisBGvnW8+e2bU+D4R3gItH+Ebb+cXEW/2SYjaqKHEfY/RHsM4x5KXD5EF5TxCipcX0RXVPEJpugeokn8AosUd5hFDswxfXd/AyJMQU8RkPn/AAAAAElFTkSuQmCC");
  108. }
  109. .ui-icon-home:after {
  110. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADxJREFUOMtjYMAB/v//3wDCDKQAqCYYaCBHE3GacWjCr5mAJuyaidSEqplETZg2E6sDmx8p10iK3HDWCADqFJ92uuEinAAAAABJRU5ErkJggg==");
  111. }
  112. .ui-icon-info:after {
  113. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJ1JREFUOMul0k0KwjAQQOHcQtF7SPEeQsHrKHo8S71IVdBVPzejaJ0u1AezSfKS+UkpL2COPY64RbTYYVYysMbFOGfUmdQPDi5QDdb6pxzpZS9VWCbrJ0xL1PQt2xKNeGNQRkZTonPG5BHx+pfY/iAeSgz3W3FTMIvhps1J5A6Tx0adfICMHqvhrXUMd4zuQ3qRp9iiwTXigM0zveAO8O5cUyF3tnAAAAAASUVORK5CYII=");
  114. }
  115. .ui-icon-location:after {
  116. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJlJREFUOMuV0TEOAVEUhtHXWYGh04pWzypYlJWIIENU1oQQdJKjucUL4+Er/7knr5iUXsIAO9xxwxb9VCrQxXvnIo6XYI0KbdSxbUrwHkdVtlWxXUvwFEedbOvEdizBVRzV6AbaxrYswanPTUqwhUMDOqD17ZfMGuAsfQs9PDL0QC/9EhYZnKdfwzCDw/RP2GOf/g1jjD59fwKZSi5HaePOlAAAAABJRU5ErkJggg==");
  117. }
  118. .ui-icon-lock:after {
  119. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAHFJREFUOMtjYEAD////Dwbiw0D8HYoPAXEgAz4AVND7HzfowqUpGKrgBxBnA7EAEPNB2T+gcv7YNB6GSmZjkcuByh3EpvE7VFIAixw/VO4rNo1ggMf/mPL/SQQ002gCxObkaDQGYlNyNDZAMf000iZUAdQHDgw3MuoHAAAAAElFTkSuQmCC");
  120. }
  121. .ui-icon-mail:after {
  122. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAIVJREFUOMtjYKA7+P//fzQQf/xPPACpjQZp5AJiRSA+SoQmkBoFkB6QxqtArAXEzEDcAMR/sGgAidVD1WiD9DBAJb4CcQLU6VZAfB9J0z0gtoTKJUDV/mdAM3kB1Ol8QLwEivmgYguQFTJgcRbY6UiBpw0V+09II9zpyE4jViNBMAAa6Q4ARIAH2Rfeh/QAAAAASUVORK5CYII=");
  123. }
  124. .ui-icon-minus:after {
  125. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABZJREFUOE9jYBgFuMF/MsFQ0jgKcAMA2lPfIe/W1fgAAAAASUVORK5CYII=");
  126. }
  127. .ui-icon-navigation:after {
  128. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJNJREFUOMtjYKA1+P//vxAQ5wLxXGIUMwGxKxCvAOIf/yEgB58GeSBuAOIH/1HBdyAWRFfMAcSRQLwbiP/9xw6WI2swBOIpQPzuP2Hggu5pMyCOBuJ6IF4CxCeA+C2aJpCzGYkNSWRX1JMSBSehmv4CsRwpGpdCNe4iNdIboBojSNUYAw0kdlI1mgPxZHLTpyE2OQBXFwcOWoyvmwAAAABJRU5ErkJggg==");
  129. }
  130. .ui-icon-phone:after {
  131. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAALRJREFUOMtj+P//PxMQLwDiI0DMy0AsACqOAuKz/yHgGNGagQrfAPFqNM08xGj8BtWwBqr5NxCbEqPx9H8EWAXEHsQ6tRxJ4yVSAocf6k8YCCZFcyySxi9AbE6K5vlImj8AsTWavBYQc2PTyAbEu5E0/wDiFKicNTT0sScSoCAXEO/5jwouAfFypHg+ikszyOaF/zHBGiTNh/D5OQGI36JphqWwiYQCTACIK4D4HNTPr2HRBQChdFG//DBhowAAAABJRU5ErkJggg==");
  132. }
  133. .ui-icon-plus:after {
  134. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAB5JREFUOMtjYMAC/qMBBmLBcNP4n0wwlDSOJgDcGgFPin6QGOaERAAAAABJRU5ErkJggg==");
  135. }
  136. .ui-icon-power:after {
  137. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANBJREFUOMtjYMAB/v//vxeIdzOQCv5DATEKQ4H4FhCbo2sEUrZAfBuIA9E1KQLxV6jaUCwaY6HcL0Ash6xxClRiNS6nApkboEITkTXehwoa49FoBhW6g6zxD1SQBY9GVqjQb2SNX6CCQkhiF4H4PBJfBKrmE7LGQ1DBBCQxJiBmROKnQtXsQ9aYCBV8AQphLFGlAsSvoWpikSWYkWx9A8QloIACYhMgLgfid1A5UGpiQjdVEIgP/scNQJr4caUeJmhk7wbi51C8C4ijkf1LEQAAs65tnfCMVk0AAAAASUVORK5CYII=");
  138. }
  139. .ui-icon-recycle:after {
  140. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJ9JREFUOMtjYKAm+P///1kg/gnEP6DsQiBmJ0YjNnAZiGUIafQDYi4g5gZiXyC+DtV8CcVmICcUhPEYxI+kuQAmKArEr6BYlIArQOA0TGA1kj9W4dHIA1XzDVnwB1SQG49GTAugQQ4Cvng0YnoJyCiCagQFAD8ezaiBCORwAPEVJM1+UD+BcAihuJNF0owCiEkxHNDkdQYUelB8gqrpGQBlvyiNmsjT4QAAAABJRU5ErkJggg==");
  141. }
  142. .ui-icon-refresh:after {
  143. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAM9JREFUOMtjYEAC////lwbiTiC+AsQ/gfgHEF8C4lYglkBSV4+sKRaIv/zHDT4BcSQQNwPxH5imGCD+B1WwCoitgJgNiq2BeC2aIX9AmiSB+DNUII8BBwDK7UfX2A7lrMGjqRmbjVegHEscmhqx+Bes8QeUw8ZACqBE42WoRmtSNbZBNa4lQq0vEDPDOJLQyAWBEjyaqqBqDiILRiAlgA1AbA/E3FDsCMRboHJ/gTgI3cQwIP6AJ8mB5IJxOUcMiJuA+Dw03X6BskFxKYasFgCG8ZXX6DfYhgAAAABJRU5ErkJggg==");
  144. }
  145. .ui-icon-search:after {
  146. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAONJREFUOMuV0c8qhVEUhvFvcvKlMHBCUUwU5RpMlIm5UnIFOp2bMHEDiokLkJKpMpXO4Bg4MlAGLkDK3/AzWYPd195iDd/nfVbttasqBjU6OMcdetjFdFUazOJGfp6wlpNqDKI0wDrmsYzjyF+x1BS3E2k0s/gg+EkTnAXYKDyjjU+8o07BbYiLv9zgPjpzaXgR4UpBGsJLdMZSsBPhaUHsBO81wRQeAx5iMrl2Fx/BNnNbV/EchS884K3xn32M5+QFHCXCNy6xhevIrtAuXbCFGYwk2cSf5MLCVN6r/jMh72P4BxnPgmBrkPyTAAAAAElFTkSuQmCC");
  147. }
  148. .ui-icon-shop:after {
  149. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE9JREFUOMtjYEAD////ZwfiKUD8Hog/QtnsDIQAVOE6IBYDYlEg3gDEk4nRCLJJDIkPMuADMRr/EyMGlyAF4NJoiUWtOTEaybZxVOOAaQQAmEocSjETvxYAAAAASUVORK5CYII=");
  150. }
  151. .ui-icon-star:after {
  152. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJFJREFUOMtjYMAB/v//bwzCDKQCoKZZQDyTVE28QPwZiD8BMQ8pGtP/I0AaKRrPImk8g0tRAhB//U88AKmNh2nWAuKrRGi6AlKLbjMXEC/Ao2k+SA0uZyvj0aiML1Cy8GjMxKdxA1TRWyAOh+K3ULH1uDSxQCN8KxBLIolLAvE2IP4IUoNNowG+yAbJgdQwUAoAbN9GiH93pK4AAAAASUVORK5CYII=");
  153. }
  154. .ui-icon-tag:after {
  155. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEFJREFUOMtj+I8dNDAQAv9xgwZiNZoBsQXRmpEUgTRZEW3zf+JAAzaNDaOaSYhjApoJJowGspIiFs3EaULTjKEJAH1ft8O6vRfvAAAAAElFTkSuQmCC");
  156. }
  157. .ui-icon-user:after {
  158. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJdJREFUOMud0jsOQUEUgOEpJGxD0CpswAqUohStLYitiEJUEtHZgETJKjyiIqqb3E9D4nFdE399vuTkzITwFgqYIMEarRAT+l5L0YyBK5/NY+A5Ax5/oZrsUlTz4ND3BnmwglMGOqD8a91ZBpzGHKeB6xO6oB77lssnuMgbLKGDMbb3X/MowQYjtFF8oB724tuhG/zZ3/AGG1/AkN/xnJsAAAAASUVORK5CYII=");
  159. }
  160. .ui-icon-video:after {
  161. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAExJREFUOMvF0csJACAMBNE0KGJHlqtpYjwJIvF70Lk/CFmR5wEByIxTwFtwhmq5M1HYrEUAR7CiI9iiN/D6VOs5uuGSNYdfbJkAJ98rtv7WyPB7sagAAAAASUVORK5CYII=");
  162. }
  163. /* Alt icons */
  164. .ui-alt-icon.ui-icon-action:after,
  165. .ui-alt-icon .ui-icon-action:after {
  166. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAH1JREFUOMtjYCAOzAJiNgYywH8gPgbEkuRoBOFnQGyJLgjDDVBxNSBeDsQf0OR/AnEaAw5NdkD8BYuhWDXCAC8QvwDiH0BcB8TihJwKA/lA/BmIrQkFDrrG3UAcjhY4M5GiowGXxrl4QrcBWS26RiMiogWrRga6aSQFk68RAP5OVqWXKdm9AAAAAElFTkSuQmCC");
  167. }
  168. .ui-alt-icon.ui-icon-alert:after,
  169. .ui-alt-icon .ui-icon-alert:after {
  170. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJZJREFUOMtjYMANvIHYi4FEwAbEt4D4JhCzkqKxFIj/Q3EpsZokgPgTksZPUDGCYAFUgxkQW0DZ8wlpMgfif1DFMPAfKmaGSxMjEJ9EciKyxv9QOUZsGhOQFP2HOtMKTSweXRMvED9HU4QNP4eqhYNuLIpMoH5GF++CaVID4l9YFJhjcSoI/wRiVZDGrUQ4ER1vZaA7AAA8nEl47CBNKgAAAABJRU5ErkJggg==");
  171. }
  172. .ui-alt-icon.ui-icon-arrow-d:after,
  173. .ui-alt-icon .ui-icon-arrow-d:after {
  174. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADRJREFUOMtjYMAO/qNhosGoRko1NmBRSAg3kKO5gRybG8hxdgOhgGkgRxM2zQ0MJIIGfJoARZtMu19O4xgAAAAASUVORK5CYII=");
  175. }
  176. .ui-alt-icon.ui-icon-arrow-d-l:after,
  177. .ui-alt-icon .ui-icon-arrow-d-l:after {
  178. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAElJREFUOMtjYCAeNEAxSQCk4T8UN5CjiWjN2DTBNTaQo4kBh9UENTFgESRKEwOa5AFiNTHgUEhUCJKlCZ/GA4Tiiuo2UuRHnJoBqxder3inhF8AAAAASUVORK5CYII=");
  179. }
  180. .ui-alt-icon.ui-icon-arrow-d-r:after,
  181. .ui-alt-icon .ui-icon-arrow-d-r:after {
  182. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEFJREFUOMtjYECABigmCYA0/IfiBnI0kaQZm0aaaW4gRzNMHUk2I8sT7ewDaHyS/ExQIzGa8YIDdLORLD8So+k/AHCSXq9v5cRTAAAAAElFTkSuQmCC");
  183. }
  184. .ui-alt-icon.ui-icon-arrow-l:after,
  185. .ui-alt-icon .ui-icon-arrow-l:after {
  186. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADdJREFUOMtjYMANGhjIACBN/8nV9J9cTf/J1fSfXE2EMFmaKNNItlMpChyKooOiBEBRkiMqkQMAcwJMu8C5mgwAAAAASUVORK5CYII=");
  187. }
  188. .ui-alt-icon.ui-icon-arrow-r:after,
  189. .ui-alt-icon .ui-icon-arrow-r:after {
  190. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADVJREFUOMtjYMAPGhjIBP/J1fyfXM3/ydX8H5/m/yTiBnI1wjXTTWMDxYFD0+hooFuSw6kJAOa7TLvbyXpwAAAAAElFTkSuQmCC");
  191. }
  192. .ui-alt-icon.ui-icon-arrow-u:after,
  193. .ui-alt-icon .ui-icon-arrow-u:after {
  194. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADVJREFUOMtjYMANGqCYJADS8B+KG8jRRLRmbJoIasanCadmYjRhaCZFE0FnoyskGoxqpEQjABQxTLu007KqAAAAAElFTkSuQmCC");
  195. }
  196. .ui-alt-icon.ui-icon-arrow-u-l:after,
  197. .ui-alt-icon .ui-icon-arrow-u-l:after {
  198. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEVJREFUOMtjYGBg+E8EbmDAAsjSxECuJnwaDzAQAFS3kSQ/HiAnVGGSDcRqxiZIlGZcfmggJ8BoppkojeiaidaErBmuCQCtL16vpLfRlQAAAABJRU5ErkJggg==");
  199. }
  200. .ui-alt-icon.ui-icon-arrow-u-r:after,
  201. .ui-alt-icon .ui-icon-arrow-u-r:after {
  202. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEVJREFUOMu9zzEOACAIA8A+nafxM12JFiwMNmGCCwDcMQBLKBqbQgWX8W8bRz9myCuYISN9GZ1zLRTn26g88YkYllHEMtpyql6v/pwMSQAAAABJRU5ErkJggg==");
  203. }
  204. .ui-alt-icon.ui-icon-audio:after,
  205. .ui-alt-icon .ui-icon-audio:after {
  206. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANVJREFUOMuF0jFKg0EQhuHHXCBqL1ELCytzi5zAKgh2ViEgYhMwYCkWaXIUG/sU6YJaCBZewKRRiaAkzRTLun/+r5pvZ15mdhjKukniBh7RVaNb/Cb+BN9YYbQJWmUgHOE1ctdVUAqeoxfxHj7wgwOYJkAOzsJfhe+Fv1eAUrCFOb6wjR384aUOhHG8dcK/Y9lQr62qxKaOh1jgE03sxqjPMInCEvgUvh++H/4u7TwsgGe4iHg/FrWMpSnB+QEc4y1yl1V/HmZgO7r8G7GkQXbkDzhNC9aKZ1PDJ0JepAAAAABJRU5ErkJggg==");
  207. }
  208. .ui-alt-icon.ui-icon-back:after,
  209. .ui-alt-icon .ui-icon-back:after {
  210. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAItJREFUOMtjYMAEDQxkAJCm/+Rq+k+uJhD+A8Svgfg4EE8AYgdiNWLDZ4BYl5BmViCWBmIXIG4F4qdQ8U9ArE1K4HAB8Vqo3GZ8zsYGJKAaP5Ma6sLkamyEatxLrAZQQNUD8T+oRldCGhSBuBiI70I1gDSWEmMTchzeBGIPYp34DIiXArEvEDOhSwIAi9Qyp4aUzewAAAAASUVORK5CYII=");
  211. }
  212. .ui-alt-icon.ui-icon-bars:after,
  213. .ui-alt-icon .ui-icon-bars:after {
  214. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACZJREFUOMtjYBgIcBKI/5OIT4A0HidD41GGUT/SCJwh148nhoYfAe0YURTen2r1AAAAAElFTkSuQmCC");
  215. }
  216. .ui-alt-icon.ui-icon-bullets:after,
  217. .ui-alt-icon .ui-icon-bullets:after {
  218. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADVJREFUOMtjYBgIcBKIj6Px/xPAJxigmo4iaTxOhMajDKN+pBE4A3MzEp8oP55Ac/OJwelHAGSiQoVBqpe0AAAAAElFTkSuQmCC");
  219. }
  220. .ui-alt-icon.ui-icon-calendar:after,
  221. .ui-alt-icon .ui-icon-calendar:after {
  222. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADRJREFUOMtjZECAk0D8D4gtGbCDM0D8B4gtQBxGIP7PQAYYYhoZKLWRJDZFGkedismmTCMAvGkkB7PDw7MAAAAASUVORK5CYII=");
  223. }
  224. .ui-alt-icon.ui-icon-camera:after,
  225. .ui-alt-icon .ui-icon-camera:after {
  226. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJxJREFUOMtjYKAiUAfiGiBugGIQWxWbQi4gzkRS+BSI/6Phx0jyWUDMCdK4GYtCQngTSOMfLBIPgXgCEPdB2ejyID0YggeAWBTqfJCzRID4IBZ1GAIGaM4HOcuQGI0sQPwLif8TiFmJtXETEn89EBsTo/EQkh8zoOwj2DT+xSL4CIj7oSH7GFeobiIjHkHOB6cC5JRDCGfAUg5ZAAAIx317SYGtJAAAAABJRU5ErkJggg==");
  227. }
  228. .ui-alt-icon.ui-icon-carat-d:after,
  229. .ui-alt-icon .ui-icon-carat-d:after {
  230. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAHFJREFUOMvV0DEKAjEQQNF3GhXXbXW9f6+nkGVTqRfQJoFlIDHa+SFFmHkpwt+1w7Fjb8KmXLaYccepgc544lbwFa98anjCY7V3gQFLA0e0YF+GNdxEa5wCjmiofUDEXah0CDj1oNKYQcoPfdX4C/rYG6dgMtFQD5sUAAAAAElFTkSuQmCC");
  231. }
  232. .ui-alt-icon.ui-icon-carat-l:after,
  233. .ui-alt-icon .ui-icon-carat-l:after {
  234. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFBJREFUOMtjYMAPdIH4PBCrMJAA9ID4NRD/B+KnQKxKqiYQfg/ExuRoMiFG0xtSNenTTRNFGnFpNiUl7pA1fyBV82s0zWZ01/yY1PSKM5EDAGi5MtgV7LNzAAAAAElFTkSuQmCC");
  235. }
  236. .ui-alt-icon.ui-icon-carat-r:after,
  237. .ui-alt-icon .ui-icon-carat-r:after {
  238. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFpJREFUOMtjYMAE6kB8Hoi1GEgAGkD8HIj/A/FLINYmVqMZEH+AaiRZszk1Nb+iVLMOJZp1idX4kVRbLcjRZIlFkzYxmj6RGh0W5GgCATUgfkpOxMM0nyOUyAF53TLQiFLV2gAAAABJRU5ErkJggg==");
  239. }
  240. .ui-alt-icon.ui-icon-carat-u:after,
  241. .ui-alt-icon .ui-icon-carat-u:after {
  242. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAGZJREFUOMtjYKAB0IdikjW9gWI9UjX9h2KiNOuhaYLh1/g060EVwBS/h2JkzbrEaDIBYlMg/oBLsy4OTTCArvkVTPN5PJpwaT4HElQB4qd4NMGAGVTzY6geMFAFYmMiosoMWdMQAQBshTLV2RAbgQAAAABJRU5ErkJggg==");
  243. }
  244. .ui-alt-icon.ui-icon-check:after,
  245. .ui-alt-icon .ui-icon-check:after,
  246. html .ui-alt-icon.ui-btn.ui-checkbox-on:after,
  247. html .ui-alt-icon .ui-btn.ui-checkbox-on:after {
  248. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEtJREFUOMtjYKADaIBikkAjEP+HYqI1NyFpIlozNk0YGhugToKBZmI1wSSayNGEDzfgCzGiNRHyD1Eh2EaOJhjoIEcTDHSRo4loAAAMpkH3I7j13AAAAABJRU5ErkJggg==");
  249. }
  250. .ui-alt-icon.ui-icon-clock:after,
  251. .ui-alt-icon .ui-icon-clock:after {
  252. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAANhJREFUOMuNkmEKgkAQhYd+hRdI9CpZpwiETlERdICiDhMh0R2qf4ZdxArsT9rbeAtT7GIPPnTHebvjzIp8KwYbcAVPUoA1iMSjMXiAxsMdpC5TzYQt6IMuScCO32ptjtVJU7XZGRzVes6cGwiF/2RP0rIlamWMrYSNaFhem3HA2EXYuYb/4zIaTowFXFcd8euk3l+uhIK7JNKuIXNzc+KBwckfxhmfH0/E4TZsuU8L5pSgZ4OpugAZuxcQU95eXYDR744ph+u7cqXLZBVyuGZOFcnBUpdn9AYEHE/v8XhZcwAAAABJRU5ErkJggg==");
  253. }
  254. .ui-alt-icon.ui-icon-cloud:after,
  255. .ui-alt-icon .ui-icon-cloud:after {
  256. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAHZJREFUOMtjYBgMQBiIE4G4FkoLEaMpEog/A/F/JPwRiEPwabIF4r9ommD4NxCb49K4C4cmGP4HxK+A2B9ZkzsQfyOgEYZfwjRVEKkBhr8AMSdI41sSNYLwRpDGd2Ro/AnSWE6GxnUwf7pAI7yBCJwJxBz0T5cA6NleA+xgAXwAAAAASUVORK5CYII=");
  257. }
  258. .ui-alt-icon.ui-icon-comment:after,
  259. .ui-alt-icon .ui-icon-comment:after {
  260. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEdJREFUOMtjYGBgCATil0D8n0j8Coj9GUjUBMMvGaEMkgETA5lgVCMBja/J0AeKe3AqICURvABiX3STYJINpDqBLE0MpGgCAMwXLfKbu8xgAAAAAElFTkSuQmCC");
  261. }
  262. .ui-alt-icon.ui-icon-delete:after,
  263. .ui-alt-icon .ui-icon-delete:after {
  264. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE1JREFUOMtjYECABijGBbDKgwT+Q3EDDk0Y8siC2DTjlMcm8R/Jaf/xGYxLwX8CriFacwO+kCNZE9kaG2jlP6JDlGB0kJ0AyE5yZCVyAIGUcaXrtLjcAAAAAElFTkSuQmCC");
  265. }
  266. .ui-alt-icon.ui-icon-edit:after,
  267. .ui-alt-icon .ui-icon-edit:after {
  268. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEVJREFUOMtjYCAeNEAxSQCk4T8UN5CrkSjNyM4j2lZsChtI0USS8/6TqnGQa1IgRxMIJJCjCQQWkKMJBA5ANSdAnU0UAAB60T1Uc0QS+gAAAABJRU5ErkJggg==");
  269. }
  270. .ui-alt-icon.ui-icon-eye:after,
  271. .ui-alt-icon .ui-icon-eye:after {
  272. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJtJREFUOMtjYBhowAjEUUB8EIi/QvEBqBgjLk0SUEX/cWCQnDi6JjkgvgdV8AOIs4FYAIj5oOwfULl7ULVgwA/E15FMzsbimhwk+etQPQyr0JwkAFV8EoiPIxmOrGYlExbT/yHR/5ACDQOgOzUXi5oCJPlrUL9jDZxcqIECUE0/sQUODIgTiI792KIDOQFEQg34AsUHoGKMA5s2AdHHPobWAPyKAAAAAElFTkSuQmCC");
  273. }
  274. .ui-alt-icon.ui-icon-forbidden:after,
  275. .ui-alt-icon .ui-icon-forbidden:after {
  276. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAM1JREFUOMuFkkEOgjAQRd9S2WMIZ1HDMVi48wzcAEO8DGHlxlOAiecgshA31M1vUptiJ2lC+3mdmT+F38iBK/AEPsAMPIBGWjDOwASYlTUBZQha9MMN2AMbrQPQSltcOPcyDUAaqKiS/gIy1JPNNETgTvoFGWFUXhqBj9J65J5RP0TgROdvZLkL/oO3OpvRnIzcIwIXzp5GmzZghg/f9V3746gisAFGYGfF0nkAndxL1FPhZFqAk39zqeGuPbkxBNnINNxels8qs3bLA/gCVFFewZEF7yYAAAAASUVORK5CYII=");
  277. }
  278. .ui-alt-icon.ui-icon-forward:after,
  279. .ui-alt-icon .ui-icon-forward:after {
  280. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAItJREFUOMtjYCAONDCQCf6Tq/k/MZodgHgCEB8H4tdA/AdJI1bNekB8Bk0RNoyiURuIP0ElngJxKxC7ALE0ELPis20rVGItEHOSEjhfoJISpEYHTKMQqcG9D6qxkVSNblCN/4C4DohZSNFcBtUIMuAuEBcDsQKxmj2A+CZavBENmIDYD4iXAvEzXIoAgqYyqw9Yg9IAAAAASUVORK5CYII=");
  281. }
  282. .ui-alt-icon.ui-icon-gear:after,
  283. .ui-alt-icon .ui-icon-gear:after {
  284. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAOBJREFUOMuFkkEKwkAMRae13arQXVGo6BFEUS8hiLgSQZcteABddOFJ3YjSA9SK1T/wK2EIGHjw2ySTTDLG6DYAL1CBvhbgC70BMxCCAwio99RzsHYPsEkfUIOCWlLQZ1nJilcGeCBSOovoa2J/FopKJUhBF7SpS/ruoCUHcRFtpUrFTPhzkBhOT96nqyR2nJjKp5BWK4meG2MThyzf2FZJ3Al9BqPmI3CGk7E92/YRPOm7Obs3C2V3Gm8wkXuMxQO4K60+xJ5j12lfxJh7ykWVE/9NwdL8sYQP3N6tpwV8AdaYR91UZ7PcAAAAAElFTkSuQmCC");
  285. }
  286. .ui-alt-icon.ui-icon-grid:after,
  287. .ui-alt-icon .ui-icon-grid:after {
  288. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEJJREFUOMtjYGBgOAnE/6H4OAMEIIudgIqdQRf7j4aJFiNb43EkzlGoImxiJ7CIkQeGUOCcIDIgqBc4Z4gJiCEcOADCDYeuTK+m9gAAAABJRU5ErkJggg==");
  289. }
  290. .ui-alt-icon.ui-icon-heart:after,
  291. .ui-alt-icon .ui-icon-heart:after {
  292. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJRJREFUOMud0D0OAUEYBuDHFVyEisYlaITYm1GtcAU99V5CSb+bWKEwkrVZ+/cmb/PNPJkvwydj7JHghAiD0CjMEsQYBWOGDK9St9hVzLNgXCoOm3r257WmZnDvAW9w7AEPMO0BJ9+fjTugWCFDXFuga7j7kwnSGpQWVyxngbwCPTDXkDWeBZRjqWWigHOsdMymDr0BP5J/6NqLuzwAAAAASUVORK5CYII=");
  293. }
  294. .ui-alt-icon.ui-icon-home:after,
  295. .ui-alt-icon .ui-icon-home:after {
  296. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADhJREFUOMtjYMANGqCYJADS8B+KG8jRRLRmbJoIasanCadmYjRhaCZFE1abidWEAaiikRS5YasRAHf0YqUlUKReAAAAAElFTkSuQmCC");
  297. }
  298. .ui-alt-icon.ui-icon-info:after,
  299. .ui-alt-icon .ui-icon-info:after {
  300. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJxJREFUOMul0ksKwkAQhOHvFga9hwTvIQS8TkSPZ4gX8QG6Stx0IA6TQLSgNtPzz6O6+dYGZ1zxDrc4YW1CBzzRT/iBKgd1ycYtymStG8ObiZtK7DLrdxTiT/1CH0UQaWGsHNiI5PoZOFd7/QW2P4AX0dylYC0m4jETTgrfsBoKVWYAcu6wT0+torlT0C0HDSqiuU0k94og6vHz4AMNCIcMUIkWVwAAAABJRU5ErkJggg==");
  301. }
  302. .ui-alt-icon.ui-icon-location:after,
  303. .ui-alt-icon .ui-icon-location:after {
  304. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJdJREFUOMuVkDEKwkAUBafzBG7sbCVtej2FHionEVGJIZVniqJouoA2T/jo+pMd+M3sm2bhlxxogA54AjWwYIAcuAOvr7sNxY2GRyAAU6CSO3lhp1EwLsg9vPCqUWZcJnfxwoNGFTBTVMvtvXAT+ZjPrb1wArSRqNWbSxkJS0YwB3oT9XKj2JlwSwKFCQsSOeuSWQHLf49vN4Q5LhENhvAAAAAASUVORK5CYII=");
  305. }
  306. .ui-alt-icon.ui-icon-lock:after,
  307. .ui-alt-icon .ui-icon-lock:after {
  308. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAG5JREFUOMtjYMAEwUB8GIi/Q/EhIA5kIAB6gfg/DtyFS1MwVMEPIM4GYgEg5oOyf0Dl/LFpPAyVzMYilwOVO4hN43eopAAWOX6o3FdsGmF+wQWwyv8nEdNGowkQm5Oj0RiITcnR2ADF9NNIm1AFAP9Vd4ZWPhWFAAAAAElFTkSuQmCC");
  309. }
  310. .ui-alt-icon.ui-icon-mail:after,
  311. .ui-alt-icon .ui-icon-mail:after {
  312. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAIRJREFUOMtjYBgIEA3EH4H4P5H4I1QPAxcQKwLxUSI0gdQoQPUwXAViLSBmBuIGIP6DRQNIrB6qRhuqByzxFYgToE63AuL7SJruAbElVC4BqvY/A5rJC6DO4APiJVDMBxVbgKYWw1kwp8MAzGn/CWlEdjqy01AwI0w3qYCJ3MhnYhgyAAD7hUiBFf5JtwAAAABJRU5ErkJggg==");
  313. }
  314. .ui-alt-icon.ui-icon-minus:after,
  315. .ui-alt-icon .ui-icon-minus:after {
  316. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABZJREFUOMtjYBgFeMF/MvFQ0jgKcAAApTQ3yWkQbYUAAAAASUVORK5CYII=");
  317. }
  318. .ui-alt-icon.ui-icon-navigation:after,
  319. .ui-alt-icon .ui-icon-navigation:after {
  320. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJRJREFUOMtjYKADEALiXCCeS4xiJiB2BeIVQPwDiP8DcQ4+DfJA3ADED6CKYfg7EAuiK+YA4kgg3g3E/9A0wPByZA2GQDwFiN/hUIyMXdA9bQbE0UBcD8RLgPgEEL9F0wRyNiOxIYnsinpSouAkVNNfIJYjReNSqMZdpEZ6A1RjBKkaY6CBxE6qRnMgnkxu+jTEJgEAOtUv19DqMFAAAAAASUVORK5CYII=");
  321. }
  322. .ui-alt-icon.ui-icon-phone:after,
  323. .ui-alt-icon .ui-icon-phone:after {
  324. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAALBJREFUOMtjYGBgYALiBUB8BIh5GUgAUUB8Foj/A/ExUjS/AeLVaJp5iNH4DaphDVTzbyA2JUbjaahGEF4FxB7EOrUcSeMlUgKHH+pPmOZgUjTHImn8AsTmpGiej6T5AxBbo8lrATE3No1sQLwbSfMPIE6GyllDQx9nIuEC4j1ImmEBthwpno/i0gyyeSGaZuR4BrEP4fNzAhC/RdMMS2ETCAWYABBXAPE5qJ9fw6ILAKJsPsK6IqZ8AAAAAElFTkSuQmCC");
  325. }
  326. .ui-alt-icon.ui-icon-plus:after,
  327. .ui-alt-icon .ui-icon-plus:after {
  328. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAB1JREFUOMtjYMAO/qNhosFw0/ifTDyUNI4mABwaAYa6X6GPliIhAAAAAElFTkSuQmCC");
  329. }
  330. .ui-alt-icon.ui-icon-power:after,
  331. .ui-alt-icon .ui-icon-power:after {
  332. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAMZJREFUOMtjYMAN9gLxbgYywH8oJghCgfgWEJtj0WgLxLeBOBBdkyIQf4UqDMWiMRbK/gLEcsgap0AlVuNx6gYofyKyxvtQQWM8Gs2g/DvIGv9ABVnwaGSF8n8ja/wCFRRCErsIxOeR+CJQNZ+QNR6CCiYgiTEBMSMSPxWqZh+yxkSo4AtoCKMDFSB+DVUTiyzBjGTrGyAugQaUCRCXA/E7qNxeqEtQgCAQH0QKFHQM0sSPK/UwQZ0CSqPPoXgXEEej+Zd8AAA35kK6jnLDjgAAAABJRU5ErkJggg==");
  333. }
  334. .ui-alt-icon.ui-icon-recycle:after,
  335. .ui-alt-icon .ui-icon-recycle:after {
  336. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJVJREFUOMtjYKAyOAvEP4H4B5RdCMTsxGj8jwVfBmIZQhr9gJgLiLmB2BeIr0M1X0K3ORSKcQF+JM0FMEFRIH4FxaIEXAHSeBomsBrJH6vwaOSBqvmGLPgDKsiNRyNWC85CBXzxaMTqpSKoxuvQgMAFMAKRA4ivIGn2g/oJhEMIxZ0skmZ0TBBwQJPXGWjogfAJqiZmAOozM3SzI/gZAAAAAElFTkSuQmCC");
  337. }
  338. .ui-alt-icon.ui-icon-refresh:after,
  339. .ui-alt-icon .ui-icon-refresh:after {
  340. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAMlJREFUOMtjYEAF0kDcCcRXgPgnEP8A4ktA3ArEEkjq6pE1xQLxFyD+jwN/AuJIIG4G4j8wTTFA/A+qYBUQWwExGxRbA/FaNEPAGiWB+DNUII8BN9iPrrEdylmDR1MzNhuvQDmWODQ1YvEvWOMPKIeNgURAtsbLUI3WpGpsg2pcS4RaXyBmhnEkoZEL0lyCR1MVVM1BZMEIpASwAYjtgZgbih2BeAtU7i8QB6GbGAbEH/AkOZBcMC7niAFxExCfh6bbL1B2I1QODgBeWE0SXtioYgAAAABJRU5ErkJggg==");
  341. }
  342. .ui-alt-icon.ui-icon-search:after,
  343. .ui-alt-icon .ui-icon-search:after,
  344. .ui-input-search:after {
  345. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAOZJREFUOMuV0U8rxFEUxvFPSjMUG/oRio2ivAZLG3ulZGsjzevwBpTZzAuYlD3Zi2JhZKEs7Aclf/Jvc3D7dX8TT906Pc/5nu49l1/VsYUjXOME25jUQ9O4xGfmPGA5B9XRiaYOVjCLReyF/4SFMriZQMOZwc3I98vBQQSrFc8YxRte4nY/ugpwvscObqJn5tvoQzfqiQqohiLqbgoeRt2oADcwgFPcp8E47uIqLYwl227gNbK13NQlPEbDO27xXPrPM4zk4Dm0E+ADx1jHRXjnseWs+jGFocQr/grnlMI7/qkCuxj8AkXLP4FD310vAAAAAElFTkSuQmCC");
  346. }
  347. .ui-alt-icon.ui-icon-shop:after,
  348. .ui-alt-icon .ui-icon-shop:after {
  349. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFBJREFUOMtjYMAE7EA8BYjfA/FHKJsdXRETFo29QCwFxOpArALEMkDcw0AEANkkhsQHsT8Qo/E/MWKMeBTjA4zY/GiFRcyCpjYSBUY10kIjAHnuC0BW95IBAAAAAElFTkSuQmCC");
  350. }
  351. .ui-alt-icon.ui-icon-star:after,
  352. .ui-alt-icon .ui-icon-star:after {
  353. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAIlJREFUOMtjYMANjKGYZDALiGeSqokXiD8D8Scg5iFFYzoQ/4fiNFI0nkXSeAaXogQg/oqkkBAGqY2HadYC4qtEaLoCVYsCuIB4AR5N86FqsAJlPBqV8QVKFh6Nmfg0boAqegvE4VD8Fiq2HpcmFmiEbwViSSRxEHsbEH+EqsEABgQiOw2qhjIAAOvoP4EZPNvPAAAAAElFTkSuQmCC");
  354. }
  355. .ui-alt-icon.ui-icon-tag:after,
  356. .ui-alt-icon .ui-icon-tag:after {
  357. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEFJREFUOMtjYGBg+I8FNzAQAf6Tqxmm0AyILUjRDFME0mRFis3/icBYNTeMaiYtjhsoSRgN5CZFdM1Ea0LWjKEJAJLwYwqDORsHAAAAAElFTkSuQmCC");
  358. }
  359. .ui-alt-icon.ui-icon-user:after,
  360. .ui-alt-icon .ui-icon-user:after {
  361. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAJdJREFUOMtjYMAELEC8BIh/A/EJIPZlIBJkAfF/JPwPiO2J0XgUTSMIrydG4ycsGl8R0qSKRRPMuSr4NNbi0AjC1fg0KgPxGyyaXgKxIiHnrsGicRkxgWMExF+RNH0GYj1i43IHksaN+BRyAHE4EC8A4ovQVAPTCGJfAOJ5QBwKxOwwTYlA/AJPaKLj50Acz0CCBnRMnkYAFb5i4CiuUNsAAAAASUVORK5CYII=");
  362. }
  363. .ui-alt-icon.ui-icon-video:after,
  364. .ui-alt-icon .ui-icon-video:after {
  365. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE1JREFUOMtjYBgIEAjEL4H4Pw78Coj9sWnEpwmGX6LpaWAgQhMMI2v6T6rGBmQ+sRob0A2iuUaynYoROK+I0PQCW3T4E4hLkCZfhgEHAMf2cCELnGdHAAAAAElFTkSuQmCC");
  366. }
  367. /* Globals */
  368. /* Font
  369. -----------------------------------------------------------------------------------------------------------*/
  370. html {
  371. font-size: 100%;
  372. }
  373. body,
  374. input,
  375. select,
  376. textarea,
  377. button,
  378. .ui-btn {
  379. font-size: 1em;
  380. line-height: 1.3;
  381. font-family: sans-serif /*{global-font-family}*/;
  382. }
  383. legend,
  384. .ui-input-text input,
  385. .ui-input-search input {
  386. color: inherit;
  387. text-shadow: inherit;
  388. }
  389. /* Form labels (overrides font-weight bold in bars, and mini font-size) */
  390. .ui-mobile label,
  391. div.ui-controlgroup-label {
  392. font-weight: normal;
  393. font-size: 16px;
  394. }
  395. /* Separators
  396. -----------------------------------------------------------------------------------------------------------*/
  397. /* Field contain separator (< 28em) */
  398. .ui-field-contain {
  399. border-bottom-color: #828282;
  400. border-bottom-color: rgba(0,0,0,.15);
  401. border-bottom-width: 1px;
  402. border-bottom-style: solid;
  403. }
  404. /* Table opt-in classes: strokes between each row, and alternating row stripes */
  405. /* Classes table-stroke and table-stripe are deprecated in 1.4. */
  406. .table-stroke thead th,
  407. .table-stripe thead th,
  408. .table-stripe tbody tr:last-child {
  409. border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  410. border-bottom: 1px solid rgba(0,0,0,.1);
  411. }
  412. .table-stroke tbody th,
  413. .table-stroke tbody td {
  414. border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
  415. border-bottom: 1px solid rgba(0,0,0,.05);
  416. }
  417. .table-stripe.table-stroke tbody tr:last-child th,
  418. .table-stripe.table-stroke tbody tr:last-child td {
  419. border-bottom: 0;
  420. }
  421. .table-stripe tbody tr:nth-child(odd) td,
  422. .table-stripe tbody tr:nth-child(odd) th {
  423. background-color: #eeeeee; /* non-RGBA fallback */
  424. background-color: rgba(0,0,0,.04);
  425. }
  426. /* Buttons
  427. -----------------------------------------------------------------------------------------------------------*/
  428. .ui-btn,
  429. label.ui-btn {
  430. font-weight: bold;
  431. border-width: 1px;
  432. border-style: solid;
  433. }
  434. .ui-btn {
  435. text-decoration: none !important;
  436. }
  437. .ui-btn-active {
  438. cursor: pointer;
  439. }
  440. /* Corner rounding
  441. -----------------------------------------------------------------------------------------------------------*/
  442. /* Class ui-btn-corner-all deprecated in 1.4 */
  443. .ui-corner-all {
  444. -webkit-border-radius: .3125em /*{global-radii-blocks}*/;
  445. border-radius: .3125em /*{global-radii-blocks}*/;
  446. }
  447. /* Buttons */
  448. .ui-btn-corner-all,
  449. .ui-btn.ui-corner-all,
  450. /* Slider track */
  451. .ui-slider-track.ui-corner-all,
  452. /* Flipswitch */
  453. .ui-flipswitch.ui-corner-all,
  454. /* Count bubble */
  455. .ui-li-count {
  456. -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
  457. border-radius: .3125em /*{global-radii-buttons}*/;
  458. }
  459. /* Icon-only buttons */
  460. .ui-btn-icon-notext.ui-btn-corner-all,
  461. .ui-btn-icon-notext.ui-corner-all {
  462. -webkit-border-radius: 1em;
  463. border-radius: 1em;
  464. }
  465. /* Radius clip workaround for cleaning up corner trapping */
  466. .ui-btn-corner-all,
  467. .ui-corner-all {
  468. -webkit-background-clip: padding;
  469. background-clip: padding-box;
  470. }
  471. /* Popup arrow */
  472. .ui-popup.ui-corner-all > .ui-popup-arrow-guide {
  473. left: .6em /*{global-radii-blocks}*/;
  474. right: .6em /*{global-radii-blocks}*/;
  475. top: .6em /*{global-radii-blocks}*/;
  476. bottom: .6em /*{global-radii-blocks}*/;
  477. }
  478. /* Shadow
  479. -----------------------------------------------------------------------------------------------------------*/
  480. .ui-shadow {
  481. -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
  482. -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
  483. box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
  484. }
  485. .ui-shadow-inset {
  486. -webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  487. -moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  488. box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  489. }
  490. .ui-overlay-shadow {
  491. -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
  492. -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
  493. box-shadow: 0 0 12px rgba(0,0,0,.6);
  494. }
  495. /* Icons
  496. -----------------------------------------------------------------------------------------------------------*/
  497. .ui-btn-icon-left:after,
  498. .ui-btn-icon-right:after,
  499. .ui-btn-icon-top:after,
  500. .ui-btn-icon-bottom:after,
  501. .ui-btn-icon-notext:after {
  502. background-color: #666 /*{global-icon-color}*/;
  503. background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/;
  504. background-position: center center;
  505. background-repeat: no-repeat;
  506. -webkit-border-radius: 1em;
  507. border-radius: 1em;
  508. }
  509. /* Alt icons */
  510. .ui-alt-icon.ui-btn:after,
  511. .ui-alt-icon .ui-btn:after,
  512. html .ui-alt-icon.ui-checkbox-off:after,
  513. html .ui-alt-icon.ui-radio-off:after,
  514. html .ui-alt-icon .ui-checkbox-off:after,
  515. html .ui-alt-icon .ui-radio-off:after {
  516. background-color: #666 /*{global-icon-color}*/;
  517. background-color: rgba(0,0,0,.15) /*{global-icon-disc}*/;
  518. }
  519. /* No disc */
  520. .ui-nodisc-icon.ui-btn:after,
  521. .ui-nodisc-icon .ui-btn:after {
  522. background-color: transparent;
  523. }
  524. /* Icon shadow */
  525. .ui-shadow-icon.ui-btn:after,
  526. .ui-shadow-icon .ui-btn:after {
  527. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  528. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  529. box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  530. }
  531. /* Checkbox and radio */
  532. .ui-btn.ui-checkbox-off:after,
  533. .ui-btn.ui-checkbox-on:after,
  534. .ui-btn.ui-radio-off:after,
  535. .ui-btn.ui-radio-on:after {
  536. display: block;
  537. width: 18px;
  538. height: 18px;
  539. margin: -9px 2px 0 2px;
  540. }
  541. .ui-checkbox-off:after,
  542. .ui-btn.ui-radio-off:after {
  543. filter: Alpha(Opacity=30);
  544. opacity: .3;
  545. }
  546. .ui-btn.ui-checkbox-off:after,
  547. .ui-btn.ui-checkbox-on:after {
  548. -webkit-border-radius: .1875em;
  549. border-radius: .1875em;
  550. }
  551. .ui-btn.ui-checkbox-off:after {
  552. background-color: #666;
  553. background-color: rgba(0,0,0,.3);
  554. }
  555. .ui-radio .ui-btn.ui-radio-on:after {
  556. background-image: none;
  557. background-color: #fff;
  558. width: 8px;
  559. height: 8px;
  560. border-width: 5px;
  561. border-style: solid;
  562. }
  563. .ui-alt-icon.ui-btn.ui-radio-on:after,
  564. .ui-alt-icon .ui-btn.ui-radio-on:after {
  565. background-color: #000;
  566. }
  567. /* Loader */
  568. .ui-icon-loading {
  569. background: url(images/ajax-loader.gif);
  570. background-size: 2.875em 2.875em;
  571. }
  572. /* Swatches */
  573. /* A
  574. -----------------------------------------------------------------------------------------------------------*/
  575. /* Bar: Toolbars, dividers, slider track */
  576. .ui-bar-a,
  577. .ui-page-theme-a .ui-bar-inherit,
  578. html .ui-bar-a .ui-bar-inherit,
  579. html .ui-body-a .ui-bar-inherit,
  580. html body .ui-group-theme-a .ui-bar-inherit {
  581. background-color: #e9e9e9 /*{a-bar-background-color}*/;
  582. border-color: #ddd /*{a-bar-border}*/;
  583. color: #333 /*{a-bar-color}*/;
  584. text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eee /*{a-bar-shadow-color}*/;
  585. font-weight: bold;
  586. }
  587. .ui-bar-a {
  588. border-width: 1px;
  589. border-style: solid;
  590. }
  591. /* Page and overlay */
  592. .ui-overlay-a,
  593. .ui-page-theme-a,
  594. .ui-page-theme-a .ui-panel-wrapper {
  595. background-color: #f9f9f9 /*{a-page-background-color}*/;
  596. border-color: #bbb /*{a-page-border}*/;
  597. color: #333 /*{a-page-color}*/;
  598. text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;
  599. }
  600. /* Body: Read-only lists, text inputs, collapsible content */
  601. .ui-body-a,
  602. .ui-page-theme-a .ui-body-inherit,
  603. html .ui-bar-a .ui-body-inherit,
  604. html .ui-body-a .ui-body-inherit,
  605. html body .ui-group-theme-a .ui-body-inherit,
  606. html .ui-panel-page-container-a {
  607. background-color: #fff /*{a-body-background-color}*/;
  608. border-color: #ddd /*{a-body-border}*/;
  609. color: #333 /*{a-body-color}*/;
  610. text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #f3f3f3 /*{a-body-shadow-color}*/;
  611. }
  612. .ui-body-a {
  613. border-width: 1px;
  614. border-style: solid;
  615. }
  616. /* Links */
  617. .ui-page-theme-a a,
  618. html .ui-bar-a a,
  619. html .ui-body-a a,
  620. html body .ui-group-theme-a a {
  621. color: #3388cc /*{a-link-color}*/;
  622. font-weight: bold;
  623. }
  624. .ui-page-theme-a a:visited,
  625. html .ui-bar-a a:visited,
  626. html .ui-body-a a:visited,
  627. html body .ui-group-theme-a a:visited {
  628. color: #3388cc /*{a-link-visited}*/;
  629. }
  630. .ui-page-theme-a a:hover,
  631. html .ui-bar-a a:hover,
  632. html .ui-body-a a:hover,
  633. html body .ui-group-theme-a a:hover {
  634. color: #005599 /*{a-link-hover}*/;
  635. }
  636. .ui-page-theme-a a:active,
  637. html .ui-bar-a a:active,
  638. html .ui-body-a a:active,
  639. html body .ui-group-theme-a a:active {
  640. color: #005599 /*{a-link-active}*/;
  641. }
  642. /* Button up */
  643. .ui-page-theme-a .ui-btn,
  644. html .ui-bar-a .ui-btn,
  645. html .ui-body-a .ui-btn,
  646. html body .ui-group-theme-a .ui-btn,
  647. html head + body .ui-btn.ui-btn-a,
  648. /* Button visited */
  649. .ui-page-theme-a .ui-btn:visited,
  650. html .ui-bar-a .ui-btn:visited,
  651. html .ui-body-a .ui-btn:visited,
  652. html body .ui-group-theme-a .ui-btn:visited,
  653. html head + body .ui-btn.ui-btn-a:visited {
  654. background-color: #f6f6f6 /*{a-bup-background-color}*/;
  655. border-color: #ddd /*{a-bup-border}*/;
  656. color: #333 /*{a-bup-color}*/;
  657. text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/;
  658. }
  659. /* Button hover */
  660. .ui-page-theme-a .ui-btn:hover,
  661. html .ui-bar-a .ui-btn:hover,
  662. html .ui-body-a .ui-btn:hover,
  663. html body .ui-group-theme-a .ui-btn:hover,
  664. html head + body .ui-btn.ui-btn-a:hover {
  665. background-color: #ededed /*{a-bhover-background-color}*/;
  666. border-color: #ddd /*{a-bhover-border}*/;
  667. color: #333 /*{a-bhover-color}*/;
  668. text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
  669. }
  670. /* Button down */
  671. .ui-page-theme-a .ui-btn:active,
  672. html .ui-bar-a .ui-btn:active,
  673. html .ui-body-a .ui-btn:active,
  674. html body .ui-group-theme-a .ui-btn:active,
  675. html head + body .ui-btn.ui-btn-a:active {
  676. background-color: #e8e8e8 /*{a-bdown-background-color}*/;
  677. border-color: #ddd /*{a-bdown-border}*/;
  678. color: #333 /*{a-bdown-color}*/;
  679. text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #f3f3f3 /*{a-bdown-shadow-color}*/;
  680. }
  681. /* Active button */
  682. .ui-page-theme-a .ui-btn.ui-btn-active,
  683. html .ui-bar-a .ui-btn.ui-btn-active,
  684. html .ui-body-a .ui-btn.ui-btn-active,
  685. html body .ui-group-theme-a .ui-btn.ui-btn-active,
  686. html head + body .ui-btn.ui-btn-a.ui-btn-active,
  687. /* Active checkbox icon */
  688. .ui-page-theme-a .ui-checkbox-on:after,
  689. html .ui-bar-a .ui-checkbox-on:after,
  690. html .ui-body-a .ui-checkbox-on:after,
  691. html body .ui-group-theme-a .ui-checkbox-on:after,
  692. .ui-btn.ui-checkbox-on.ui-btn-a:after,
  693. /* Active flipswitch background */
  694. .ui-page-theme-a .ui-flipswitch-active,
  695. html .ui-bar-a .ui-flipswitch-active,
  696. html .ui-body-a .ui-flipswitch-active,
  697. html body .ui-group-theme-a .ui-flipswitch-active,
  698. html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
  699. /* Active slider track */
  700. .ui-page-theme-a .ui-slider-track .ui-btn-active,
  701. html .ui-bar-a .ui-slider-track .ui-btn-active,
  702. html .ui-body-a .ui-slider-track .ui-btn-active,
  703. html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
  704. html body div.ui-slider-track.ui-body-a .ui-btn-active {
  705. background-color: #3388cc /*{a-active-background-color}*/;
  706. border-color: #3388cc /*{a-active-border}*/;
  707. color: #fff /*{a-active-color}*/;
  708. text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
  709. }
  710. /* Active radio button icon */
  711. .ui-page-theme-a .ui-radio-on:after,
  712. html .ui-bar-a .ui-radio-on:after,
  713. html .ui-body-a .ui-radio-on:after,
  714. html body .ui-group-theme-a .ui-radio-on:after,
  715. .ui-btn.ui-radio-on.ui-btn-a:after {
  716. border-color: #3388cc /*{a-active-background-color}*/;
  717. }
  718. /* Focus */
  719. .ui-page-theme-a .ui-btn:focus,
  720. html .ui-bar-a .ui-btn:focus,
  721. html .ui-body-a .ui-btn:focus,
  722. html body .ui-group-theme-a .ui-btn:focus,
  723. html head + body .ui-btn.ui-btn-a:focus,
  724. /* Focus buttons and text inputs with div wrap */
  725. .ui-page-theme-a .ui-focus,
  726. html .ui-bar-a .ui-focus,
  727. html .ui-body-a .ui-focus,
  728. html body .ui-group-theme-a .ui-focus,
  729. html head + body .ui-btn-a.ui-focus,
  730. html head + body .ui-body-a.ui-focus {
  731. -webkit-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
  732. -moz-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
  733. box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
  734. }
  735. /* B
  736. -----------------------------------------------------------------------------------------------------------*/
  737. /* Bar: Toolbars, dividers, slider track */
  738. .ui-bar-b,
  739. .ui-page-theme-b .ui-bar-inherit,
  740. html .ui-bar-b .ui-bar-inherit,
  741. html .ui-body-b .ui-bar-inherit,
  742. html body .ui-group-theme-b .ui-bar-inherit {
  743. background-color: #1d1d1d /*{b-bar-background-color}*/;
  744. border-color: #1b1b1b /*{b-bar-border}*/;
  745. color: #fff /*{b-bar-color}*/;
  746. text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #111 /*{b-bar-shadow-color}*/;
  747. font-weight: bold;
  748. }
  749. .ui-bar-b {
  750. border-width: 1px;
  751. border-style: solid;
  752. }
  753. /* Page and overlay */
  754. .ui-overlay-b,
  755. .ui-page-theme-b,
  756. .ui-page-theme-b .ui-panel-wrapper {
  757. background-color: #252525 /*{b-page-background-color}*/;
  758. border-color: #454545 /*{b-page-border}*/;
  759. color: #fff /*{b-page-color}*/;
  760. text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #111 /*{b-page-shadow-color}*/;
  761. }
  762. /* Body: Read-only lists, text inputs, collapsible content */
  763. .ui-body-b,
  764. .ui-page-theme-b .ui-body-inherit,
  765. html .ui-bar-b .ui-body-inherit,
  766. html .ui-body-b .ui-body-inherit,
  767. html body .ui-group-theme-b .ui-body-inherit,
  768. html .ui-panel-page-container-b {
  769. background-color: #2a2a2a /*{b-body-background-color}*/;
  770. border-color: #1d1d1d /*{b-body-border}*/;
  771. color: #fff /*{b-body-color}*/;
  772. text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #111 /*{b-body-shadow-color}*/;
  773. }
  774. .ui-body-b {
  775. border-width: 1px;
  776. border-style: solid;
  777. }
  778. /* Links */
  779. .ui-page-theme-b a,
  780. html .ui-bar-b a,
  781. html .ui-body-b a,
  782. html body .ui-group-theme-b a {
  783. color: #22aadd /*{b-link-color}*/;
  784. font-weight: bold;
  785. }
  786. .ui-page-theme-b a:visited,
  787. html .ui-bar-b a:visited,
  788. html .ui-body-b a:visited,
  789. html body .ui-group-theme-b a:visited {
  790. color: #22aadd /*{b-link-visited}*/;
  791. }
  792. .ui-page-theme-b a:hover,
  793. html .ui-bar-b a:hover,
  794. html .ui-body-b a:hover,
  795. html body .ui-group-theme-b a:hover {
  796. color: #0088bb /*{b-link-hover}*/;
  797. }
  798. .ui-page-theme-b a:active,
  799. html .ui-bar-b a:active,
  800. html .ui-body-b a:active,
  801. html body .ui-group-theme-b a:active {
  802. color: #0088bb /*{b-link-active}*/;
  803. }
  804. /* Button up */
  805. .ui-page-theme-b .ui-btn,
  806. html .ui-bar-b .ui-btn,
  807. html .ui-body-b .ui-btn,
  808. html body .ui-group-theme-b .ui-btn,
  809. html head + body .ui-btn.ui-btn-b,
  810. /* Button visited */
  811. .ui-page-theme-b .ui-btn:visited,
  812. html .ui-bar-b .ui-btn:visited,
  813. html .ui-body-b .ui-btn:visited,
  814. html body .ui-group-theme-b .ui-btn:visited,
  815. html head + body .ui-btn.ui-btn-b:visited {
  816. background-color: #333 /*{b-bup-background-color}*/;
  817. border-color: #1f1f1f /*{b-bup-border}*/;
  818. color: #fff /*{b-bup-color}*/;
  819. text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111 /*{b-bup-shadow-color}*/;
  820. }
  821. /* Button hover */
  822. .ui-page-theme-b .ui-btn:hover,
  823. html .ui-bar-b .ui-btn:hover,
  824. html .ui-body-b .ui-btn:hover,
  825. html body .ui-group-theme-b .ui-btn:hover,
  826. html head + body .ui-btn.ui-btn-b:hover {
  827. background-color: #373737 /*{b-bhover-background-color}*/;
  828. border-color: #1f1f1f /*{b-bhover-border}*/;
  829. color: #fff /*{b-bhover-color}*/;
  830. text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #111 /*{b-bhover-shadow-color}*/;
  831. }
  832. /* Button down */
  833. .ui-page-theme-b .ui-btn:active,
  834. html .ui-bar-b .ui-btn:active,
  835. html .ui-body-b .ui-btn:active,
  836. html body .ui-group-theme-b .ui-btn:active,
  837. html head + body .ui-btn.ui-btn-b:active {
  838. background-color: #404040 /*{b-bdown-background-color}*/;
  839. border-color: #1f1f1f /*{b-bdown-border}*/;
  840. color: #fff /*{b-bdown-color}*/;
  841. text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #111 /*{b-bdown-shadow-color}*/;
  842. }
  843. /* Active button */
  844. .ui-page-theme-b .ui-btn.ui-btn-active,
  845. html .ui-bar-b .ui-btn.ui-btn-active,
  846. html .ui-body-b .ui-btn.ui-btn-active,
  847. html body .ui-group-theme-b .ui-btn.ui-btn-active,
  848. html head + body .ui-btn.ui-btn-b.ui-btn-active,
  849. /* Active checkbox icon */
  850. .ui-page-theme-b .ui-checkbox-on:after,
  851. html .ui-bar-b .ui-checkbox-on:after,
  852. html .ui-body-b .ui-checkbox-on:after,
  853. html body .ui-group-theme-b .ui-checkbox-on:after,
  854. .ui-btn.ui-checkbox-on.ui-btn-b:after,
  855. /* Active flipswitch background */
  856. .ui-page-theme-b .ui-flipswitch-active,
  857. html .ui-bar-b .ui-flipswitch-active,
  858. html .ui-body-b .ui-flipswitch-active,
  859. html body .ui-group-theme-b .ui-flipswitch-active,
  860. html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
  861. /* Active slider track */
  862. .ui-page-theme-b .ui-slider-track .ui-btn-active,
  863. html .ui-bar-b .ui-slider-track .ui-btn-active,
  864. html .ui-body-b .ui-slider-track .ui-btn-active,
  865. html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
  866. html body div.ui-slider-track.ui-body-b .ui-btn-active {
  867. background-color: #22aadd /*{b-active-background-color}*/;
  868. border-color: #22aadd /*{b-active-border}*/;
  869. color: #fff /*{b-active-color}*/;
  870. text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #0088bb /*{b-active-shadow-color}*/;
  871. }
  872. /* Active radio button icon */
  873. .ui-page-theme-b .ui-radio-on:after,
  874. html .ui-bar-b .ui-radio-on:after,
  875. html .ui-body-b .ui-radio-on:after,
  876. html body .ui-group-theme-b .ui-radio-on:after,
  877. .ui-btn.ui-radio-on.ui-btn-b:after {
  878. border-color: #22aadd /*{b-active-background-color}*/;
  879. }
  880. /* Focus */
  881. .ui-page-theme-b .ui-btn:focus,
  882. html .ui-bar-b .ui-btn:focus,
  883. html .ui-body-b .ui-btn:focus,
  884. html body .ui-group-theme-b .ui-btn:focus,
  885. html head + body .ui-btn.ui-btn-b:focus,
  886. /* Focus buttons and text inputs with div wrap */
  887. .ui-page-theme-b .ui-focus,
  888. html .ui-bar-b .ui-focus,
  889. html .ui-body-b .ui-focus,
  890. html body .ui-group-theme-b .ui-focus,
  891. html head + body .ui-btn-b.ui-focus,
  892. html head + body .ui-body-b.ui-focus {
  893. -webkit-box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
  894. -moz-box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
  895. box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
  896. }
  897. /* Structure */
  898. /* Disabled
  899. -----------------------------------------------------------------------------------------------------------*/
  900. /* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
  901. .ui-disabled,
  902. .ui-state-disabled,
  903. button[disabled],
  904. .ui-select .ui-btn.ui-state-disabled {
  905. filter: Alpha(Opacity=30);
  906. opacity: .3;
  907. cursor: default !important;
  908. pointer-events: none;
  909. }
  910. /* Focus state outline
  911. -----------------------------------------------------------------------------------------------------------*/
  912. .ui-btn:focus,
  913. .ui-btn.ui-focus {
  914. outline: 0;
  915. }
  916. /* Unset box-shadow in browsers that don't do it right */
  917. .ui-noboxshadow .ui-shadow,
  918. .ui-noboxshadow .ui-shadow-inset,
  919. .ui-noboxshadow .ui-overlay-shadow,
  920. .ui-noboxshadow .ui-shadow-icon.ui-btn:after,
  921. .ui-noboxshadow .ui-shadow-icon .ui-btn:after,
  922. .ui-noboxshadow .ui-focus,
  923. .ui-noboxshadow .ui-btn:focus,
  924. .ui-noboxshadow input:focus,
  925. .ui-noboxshadow .ui-panel {
  926. -webkit-box-shadow: none !important;
  927. -moz-box-shadow: none !important;
  928. box-shadow: none !important;
  929. }
  930. .ui-noboxshadow .ui-btn:focus,
  931. .ui-noboxshadow .ui-focus {
  932. outline-width: 1px;
  933. outline-style: auto;
  934. }
  935. /* Some unsets */
  936. .ui-mobile,
  937. .ui-mobile body {
  938. height: 99.9%;
  939. }
  940. .ui-mobile fieldset,
  941. .ui-page {
  942. padding: 0;
  943. margin: 0;
  944. }
  945. .ui-mobile a img,
  946. .ui-mobile fieldset {
  947. border-width: 0;
  948. }
  949. /* Fixes for fieldset issues on IE10 and FF (see #6077) */
  950. .ui-mobile fieldset {
  951. min-width: 0;
  952. }
  953. @-moz-document url-prefix() {
  954. .ui-mobile fieldset {
  955. display: table-column;
  956. vertical-align: middle;
  957. }
  958. }
  959. /* Viewport */
  960. .ui-mobile-viewport {
  961. margin: 0;
  962. overflow-x: visible;
  963. -webkit-text-size-adjust: 100%;
  964. -ms-text-size-adjust:none;
  965. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  966. }
  967. /* Issue #2066 */
  968. body.ui-mobile-viewport,
  969. div.ui-mobile-viewport {
  970. overflow-x: hidden;
  971. }
  972. /* "page" containers - full-screen views, one should always be in view post-pageload */
  973. .ui-mobile [data-role=page],
  974. .ui-mobile [data-role=dialog],
  975. .ui-page {
  976. top: 0;
  977. left: 0;
  978. width: 100%;
  979. min-height: 100%;
  980. position: absolute;
  981. display: none;
  982. border: 0;
  983. }
  984. /* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
  985. .ui-page {
  986. outline: none;
  987. }
  988. .ui-mobile .ui-page-active {
  989. display: block;
  990. overflow: visible;
  991. overflow-x: hidden;
  992. }
  993. @media screen and (orientation: portrait) {
  994. .ui-mobile .ui-page {
  995. min-height: 420px;
  996. }
  997. }
  998. @media screen and (orientation: landscape) {
  999. .ui-mobile .ui-page {
  1000. min-height: 300px;
  1001. }
  1002. }
  1003. /* Fouc */
  1004. .ui-mobile-rendering > * {
  1005. visibility: hidden;
  1006. }
  1007. /* Non-js content hiding */
  1008. .ui-nojs {
  1009. position: absolute !important;
  1010. height: 1px;
  1011. width: 1px;
  1012. overflow: hidden;
  1013. clip: rect(1px,1px,1px,1px);
  1014. }
  1015. /* Loading screen */
  1016. .ui-loading .ui-loader {
  1017. display: block;
  1018. }
  1019. .ui-loader {
  1020. display: none;
  1021. z-index: 9999999;
  1022. position: fixed;
  1023. top: 50%;
  1024. left: 50%;
  1025. border:0;
  1026. }
  1027. .ui-loader-default {
  1028. background: none;
  1029. filter: Alpha(Opacity=18);
  1030. opacity: .18;
  1031. width: 2.875em;
  1032. height: 2.875em;
  1033. margin-left: -1.4375em;
  1034. margin-top: -1.4375em;
  1035. }
  1036. .ui-loader-verbose {
  1037. width: 12.5em;
  1038. filter: Alpha(Opacity=88);
  1039. opacity: .88;
  1040. box-shadow: 0 1px 1px -1px #fff;
  1041. height: auto;
  1042. margin-left: -6.875em;
  1043. margin-top: -2.6875em;
  1044. padding: .625em;
  1045. }
  1046. .ui-loader-default h1 {
  1047. font-size: 0;
  1048. width: 0;
  1049. height: 0;
  1050. overflow: hidden;
  1051. }
  1052. .ui-loader-verbose h1 {
  1053. font-size: 1em;
  1054. margin: 0;
  1055. text-align: center;
  1056. }
  1057. .ui-loader .ui-icon-loading {
  1058. background-color: #000;
  1059. display: block;
  1060. margin: 0;
  1061. width: 2.75em;
  1062. height: 2.75em;
  1063. padding: .0625em;
  1064. -webkit-border-radius: 2.25em;
  1065. border-radius: 2.25em;
  1066. }
  1067. .ui-loader-verbose .ui-icon-loading {
  1068. margin: 0 auto .625em;
  1069. filter: Alpha(Opacity=75);
  1070. opacity: .75;
  1071. }
  1072. .ui-loader-textonly {
  1073. padding: .9375em;
  1074. margin-left: -7.1875em;
  1075. }
  1076. .ui-loader-textonly .ui-icon-loading {
  1077. display: none;
  1078. }
  1079. .ui-loader-fakefix {
  1080. position: absolute;
  1081. }
  1082. /* Headers, content panels */
  1083. .ui-bar,
  1084. .ui-body {
  1085. position: relative;
  1086. padding: .4em 1em;
  1087. overflow: hidden;
  1088. display: block;
  1089. clear: both;
  1090. }
  1091. .ui-bar h1,
  1092. .ui-bar h2,
  1093. .ui-bar h3,
  1094. .ui-bar h4,
  1095. .ui-bar h5,
  1096. .ui-bar h6 {
  1097. margin: 0;
  1098. padding: 0;
  1099. font-size: 1em;
  1100. display: inline-block;
  1101. }
  1102. .ui-header,
  1103. .ui-footer {
  1104. border-width: 1px 0;
  1105. border-style: solid;
  1106. position: relative;
  1107. }
  1108. .ui-header:empty,
  1109. .ui-footer:empty {
  1110. min-height: 2.6875em;
  1111. }
  1112. .ui-header .ui-title,
  1113. .ui-footer .ui-title {
  1114. font-size: 1em;
  1115. min-height: 1.1em;
  1116. text-align: center;
  1117. display: block;
  1118. margin: 0 30%;
  1119. padding: .7em 0;
  1120. text-overflow: ellipsis;
  1121. overflow: hidden;
  1122. white-space: nowrap;
  1123. outline: 0 !important;
  1124. }
  1125. .ui-footer .ui-title {
  1126. margin: 0 1em;
  1127. }
  1128. .ui-content {
  1129. border-width: 0;
  1130. overflow: visible;
  1131. overflow-x: hidden;
  1132. padding: 1em;
  1133. }
  1134. /* Corner styling for dialogs and popups */
  1135. .ui-corner-all > .ui-header:first-child,
  1136. .ui-corner-all > .ui-content:first-child,
  1137. .ui-corner-all > .ui-footer:first-child {
  1138. -webkit-border-top-left-radius: inherit;
  1139. border-top-left-radius: inherit;
  1140. -webkit-border-top-right-radius: inherit;
  1141. border-top-right-radius: inherit;
  1142. }
  1143. .ui-corner-all > .ui-header:last-child,
  1144. .ui-corner-all > .ui-content:last-child,
  1145. .ui-corner-all > .ui-footer:last-child {
  1146. -webkit-border-bottom-left-radius: inherit;
  1147. border-bottom-left-radius: inherit;
  1148. -webkit-border-bottom-right-radius: inherit;
  1149. border-bottom-right-radius: inherit;
  1150. }
  1151. /* Buttons and icons */
  1152. .ui-btn {
  1153. font-size: 16px;
  1154. margin: .5em 0;
  1155. padding: .7em 1em;
  1156. display: block;
  1157. position: relative;
  1158. text-align: center;
  1159. text-overflow: ellipsis;
  1160. overflow: hidden;
  1161. white-space: nowrap;
  1162. cursor: pointer;
  1163. -webkit-user-select: none;
  1164. -moz-user-select: none;
  1165. -ms-user-select: none;
  1166. user-select: none;
  1167. }
  1168. .ui-btn-icon-notext,
  1169. .ui-header button.ui-btn.ui-btn-icon-notext,
  1170. .ui-footer button.ui-btn.ui-btn-icon-notext {
  1171. padding: 0;
  1172. width: 1.75em;
  1173. height: 1.75em;
  1174. text-indent: -9999px;
  1175. white-space: nowrap !important;
  1176. }
  1177. .ui-mini {
  1178. font-size: 12.5px;
  1179. }
  1180. .ui-mini .ui-btn {
  1181. font-size: inherit;
  1182. }
  1183. /* Make buttons in toolbars default to mini and inline. */
  1184. .ui-header .ui-btn,
  1185. .ui-footer .ui-btn {
  1186. font-size: 12.5px;
  1187. display: inline-block;
  1188. vertical-align: middle;
  1189. }
  1190. .ui-header .ui-controlgroup .ui-btn-icon-notext,
  1191. .ui-footer .ui-controlgroup .ui-btn-icon-notext {
  1192. font-size: 12.5px;
  1193. }
  1194. /* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */
  1195. .ui-header .ui-btn-left,
  1196. .ui-header .ui-btn-right {
  1197. font-size: 12.5px;
  1198. }
  1199. .ui-mini.ui-btn-icon-notext,
  1200. .ui-mini .ui-btn-icon-notext,
  1201. .ui-header .ui-btn-icon-notext,
  1202. .ui-footer .ui-btn-icon-notext {
  1203. font-size: 16px;
  1204. padding: 0;
  1205. }
  1206. .ui-btn-inline {
  1207. display: inline-block;
  1208. vertical-align: middle;
  1209. margin-right: .625em;
  1210. }
  1211. .ui-btn-icon-left {
  1212. padding-left: 2.5em;
  1213. }
  1214. .ui-btn-icon-right {
  1215. padding-right: 2.5em;
  1216. }
  1217. .ui-btn-icon-top {
  1218. padding-top: 2.5em;
  1219. }
  1220. .ui-btn-icon-bottom {
  1221. padding-bottom: 2.5em;
  1222. }
  1223. .ui-header .ui-btn-icon-top,
  1224. .ui-footer .ui-btn-icon-top,
  1225. .ui-header .ui-btn-icon-bottom,
  1226. .ui-footer .ui-btn-icon-bottom {
  1227. padding-left: .3125em;
  1228. padding-right: .3125em;
  1229. }
  1230. .ui-btn-icon-left:after,
  1231. .ui-btn-icon-right:after,
  1232. .ui-btn-icon-top:after,
  1233. .ui-btn-icon-bottom:after,
  1234. .ui-btn-icon-notext:after {
  1235. content: "";
  1236. position: absolute;
  1237. display: block;
  1238. width: 22px;
  1239. height: 22px;
  1240. }
  1241. .ui-btn-icon-notext:after,
  1242. .ui-btn-icon-left:after,
  1243. .ui-btn-icon-right:after {
  1244. top: 50%;
  1245. margin-top: -11px;
  1246. }
  1247. .ui-btn-icon-left:after {
  1248. left: .5625em;
  1249. }
  1250. .ui-btn-icon-right:after {
  1251. right: .5625em;
  1252. }
  1253. .ui-mini.ui-btn-icon-left:after,
  1254. .ui-mini .ui-btn-icon-left:after,
  1255. .ui-header .ui-btn-icon-left:after,
  1256. .ui-footer .ui-btn-icon-left:after {
  1257. left: .37em;
  1258. }
  1259. .ui-mini.ui-btn-icon-right:after,
  1260. .ui-mini .ui-btn-icon-right:after,
  1261. .ui-header .ui-btn-icon-right:after,
  1262. .ui-footer .ui-btn-icon-right:after {
  1263. right: .37em;
  1264. }
  1265. .ui-btn-icon-notext:after,
  1266. .ui-btn-icon-top:after,
  1267. .ui-btn-icon-bottom:after {
  1268. left: 50%;
  1269. margin-left: -11px;
  1270. }
  1271. .ui-btn-icon-top:after {
  1272. top: .5625em;
  1273. }
  1274. .ui-btn-icon-bottom:after {
  1275. top: auto;
  1276. bottom: .5625em;
  1277. }
  1278. /* Buttons in header position classes */
  1279. .ui-header .ui-btn-left,
  1280. .ui-header .ui-btn-right,
  1281. .ui-btn-left > [class*="ui-"],
  1282. .ui-btn-right > [class*="ui-"] {
  1283. margin: 0;
  1284. }
  1285. .ui-btn-left,
  1286. .ui-btn-right {
  1287. position: absolute;
  1288. top: .24em;
  1289. }
  1290. .ui-btn-left {
  1291. left: .4em;
  1292. }
  1293. .ui-btn-right {
  1294. right: .4em;
  1295. }
  1296. .ui-btn-icon-notext.ui-btn-left {
  1297. top: .3125em;
  1298. left: .3125em;
  1299. }
  1300. .ui-btn-icon-notext.ui-btn-right {
  1301. top: .3125em;
  1302. right: .3125em;
  1303. }
  1304. /* Button elements */
  1305. button.ui-btn,
  1306. .ui-controlgroup-controls button.ui-btn-icon-notext {
  1307. -webkit-box-sizing: border-box;
  1308. -moz-box-sizing: border-box;
  1309. box-sizing: border-box;
  1310. -webkit-appearance: none;
  1311. -moz-appearance: none;
  1312. width: 100%;
  1313. }
  1314. button.ui-btn-inline,
  1315. .ui-header button.ui-btn,
  1316. .ui-footer button.ui-btn {
  1317. width: auto;
  1318. }
  1319. /* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */
  1320. button.ui-btn::-moz-focus-inner {
  1321. border: 0;
  1322. }
  1323. button.ui-btn-icon-notext,
  1324. .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
  1325. -webkit-box-sizing: content-box;
  1326. -moz-box-sizing: content-box;
  1327. box-sizing: content-box;
  1328. width: 1.75em;
  1329. }
  1330. /* Form labels */
  1331. .ui-mobile label,
  1332. .ui-controlgroup-label {
  1333. display: block;
  1334. margin: 0 0 .4em;
  1335. }
  1336. /* Accessible content hiding */
  1337. /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
  1338. .ui-hide-label > label,
  1339. .ui-hide-label .ui-controlgroup-label,
  1340. .ui-hide-label .ui-rangeslider label,
  1341. .ui-hidden-accessible {
  1342. position: absolute !important;
  1343. height: 1px;
  1344. width: 1px;
  1345. overflow: hidden;
  1346. clip: rect(1px,1px,1px,1px);
  1347. }
  1348. /* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
  1349. .ui-screen-hidden {
  1350. display: none !important;
  1351. }
  1352. /* Transitions originally inspired by those from jQtouch, nice work, folks */
  1353. .ui-mobile-viewport-transitioning,
  1354. .ui-mobile-viewport-transitioning .ui-page {
  1355. width: 100%;
  1356. height: 100%;
  1357. overflow: hidden;
  1358. -webkit-box-sizing: border-box;
  1359. -moz-box-sizing: border-box;
  1360. box-sizing: border-box;
  1361. }
  1362. .ui-page-pre-in {
  1363. opacity: 0;
  1364. }
  1365. .in {
  1366. -webkit-animation-timing-function: ease-out;
  1367. -webkit-animation-duration: 350ms;
  1368. -moz-animation-timing-function: ease-out;
  1369. -moz-animation-duration: 350ms;
  1370. animation-timing-function: ease-out;
  1371. animation-duration: 350ms;
  1372. }
  1373. .out {
  1374. -webkit-animation-timing-function: ease-in;
  1375. -webkit-animation-duration: 225ms;
  1376. -moz-animation-timing-function: ease-in;
  1377. -moz-animation-duration: 225ms;
  1378. animation-timing-function: ease-in;
  1379. animation-duration: 225ms;
  1380. }
  1381. @-webkit-keyframes fadein {
  1382. from { opacity: 0; }
  1383. to { opacity: 1; }
  1384. }
  1385. @-moz-keyframes fadein {
  1386. from { opacity: 0; }
  1387. to { opacity: 1; }
  1388. }
  1389. @keyframes fadein {
  1390. from { opacity: 0; }
  1391. to { opacity: 1; }
  1392. }
  1393. @-webkit-keyframes fadeout {
  1394. from { opacity: 1; }
  1395. to { opacity: 0; }
  1396. }
  1397. @-moz-keyframes fadeout {
  1398. from { opacity: 1; }
  1399. to { opacity: 0; }
  1400. }
  1401. @keyframes fadeout {
  1402. from { opacity: 1; }
  1403. to { opacity: 0; }
  1404. }
  1405. .fade.out {
  1406. opacity: 0;
  1407. -webkit-animation-duration: 125ms;
  1408. -webkit-animation-name: fadeout;
  1409. -moz-animation-duration: 125ms;
  1410. -moz-animation-name: fadeout;
  1411. animation-duration: 125ms;
  1412. animation-name: fadeout;
  1413. }
  1414. .fade.in {
  1415. opacity: 1;
  1416. -webkit-animation-duration: 225ms;
  1417. -webkit-animation-name: fadein;
  1418. -moz-animation-duration: 225ms;
  1419. -moz-animation-name: fadein;
  1420. animation-duration: 225ms;
  1421. animation-name: fadein;
  1422. }
  1423. .pop {
  1424. -webkit-transform-origin: 50% 50%;
  1425. -moz-transform-origin: 50% 50%;
  1426. transform-origin: 50% 50%;
  1427. }
  1428. .pop.in {
  1429. -webkit-transform: scale(1);
  1430. -webkit-animation-name: popin;
  1431. -webkit-animation-duration: 350ms;
  1432. -moz-transform: scale(1);
  1433. -moz-animation-name: popin;
  1434. -moz-animation-duration: 350ms;
  1435. transform: scale(1);
  1436. animation-name: popin;
  1437. animation-duration: 350ms;
  1438. opacity: 1;
  1439. }
  1440. .pop.out {
  1441. -webkit-animation-name: fadeout;
  1442. -webkit-animation-duration: 100ms;
  1443. -moz-animation-name: fadeout;
  1444. -moz-animation-duration: 100ms;
  1445. animation-name: fadeout;
  1446. animation-duration: 100ms;
  1447. opacity: 0;
  1448. }
  1449. .pop.in.reverse {
  1450. -webkit-animation-name: fadein;
  1451. -moz-animation-name: fadein;
  1452. animation-name: fadein;
  1453. }
  1454. .pop.out.reverse {
  1455. -webkit-transform: scale(.8);
  1456. -webkit-animation-name: popout;
  1457. -moz-transform: scale(.8);
  1458. -moz-animation-name: popout;
  1459. transform: scale(.8);
  1460. animation-name: popout;
  1461. }
  1462. @-webkit-keyframes popin {
  1463. from {
  1464. -webkit-transform: scale(.8);
  1465. opacity: 0;
  1466. }
  1467. to {
  1468. -webkit-transform: scale(1);
  1469. opacity: 1;
  1470. }
  1471. }
  1472. @-moz-keyframes popin {
  1473. from {
  1474. -moz-transform: scale(.8);
  1475. opacity: 0;
  1476. }
  1477. to {
  1478. -moz-transform: scale(1);
  1479. opacity: 1;
  1480. }
  1481. }
  1482. @keyframes popin {
  1483. from {
  1484. transform: scale(.8);
  1485. opacity: 0;
  1486. }
  1487. to {
  1488. transform: scale(1);
  1489. opacity: 1;
  1490. }
  1491. }
  1492. @-webkit-keyframes popout {
  1493. from {
  1494. -webkit-transform: scale(1);
  1495. opacity: 1;
  1496. }
  1497. to {
  1498. -webkit-transform: scale(.8);
  1499. opacity: 0;
  1500. }
  1501. }
  1502. @-moz-keyframes popout {
  1503. from {
  1504. -moz-transform: scale(1);
  1505. opacity: 1;
  1506. }
  1507. to {
  1508. -moz-transform: scale(.8);
  1509. opacity: 0;
  1510. }
  1511. }
  1512. @keyframes popout {
  1513. from {
  1514. transform: scale(1);
  1515. opacity: 1;
  1516. }
  1517. to {
  1518. transform: scale(.8);
  1519. opacity: 0;
  1520. }
  1521. }
  1522. /* keyframes for slidein from sides */
  1523. @-webkit-keyframes slideinfromright {
  1524. from { -webkit-transform: translate3d(100%,0,0); }
  1525. to { -webkit-transform: translate3d(0,0,0); }
  1526. }
  1527. @-moz-keyframes slideinfromright {
  1528. from { -moz-transform: translateX(100%); }
  1529. to { -moz-transform: translateX(0); }
  1530. }
  1531. @keyframes slideinfromright {
  1532. from { transform: translateX(100%); }
  1533. to { transform: translateX(0); }
  1534. }
  1535. @-webkit-keyframes slideinfromleft {
  1536. from { -webkit-transform: translate3d(-100%,0,0); }
  1537. to { -webkit-transform: translate3d(0,0,0); }
  1538. }
  1539. @-moz-keyframes slideinfromleft {
  1540. from { -moz-transform: translateX(-100%); }
  1541. to { -moz-transform: translateX(0); }
  1542. }
  1543. @keyframes slideinfromleft {
  1544. from { transform: translateX(-100%); }
  1545. to { transform: translateX(0); }
  1546. }
  1547. /* keyframes for slideout to sides */
  1548. @-webkit-keyframes slideouttoleft {
  1549. from { -webkit-transform: translate3d(0,0,0); }
  1550. to { -webkit-transform: translate3d(-100%,0,0); }
  1551. }
  1552. @-moz-keyframes slideouttoleft {
  1553. from { -moz-transform: translateX(0); }
  1554. to { -moz-transform: translateX(-100%); }
  1555. }
  1556. @keyframes slideouttoleft {
  1557. from { transform: translateX(0); }
  1558. to { transform: translateX(-100%); }
  1559. }
  1560. @-webkit-keyframes slideouttoright {
  1561. from { -webkit-transform: translate3d(0,0,0); }
  1562. to { -webkit-transform: translate3d(100%,0,0); }
  1563. }
  1564. @-moz-keyframes slideouttoright {
  1565. from { -moz-transform: translateX(0); }
  1566. to { -moz-transform: translateX(100%); }
  1567. }
  1568. @keyframes slideouttoright {
  1569. from { transform: translateX(0); }
  1570. to { transform: translateX(100%); }
  1571. }
  1572. .slide.out, .slide.in {
  1573. -webkit-animation-timing-function: ease-out;
  1574. -webkit-animation-duration: 350ms;
  1575. -moz-animation-timing-function: ease-out;
  1576. -moz-animation-duration: 350ms;
  1577. animation-timing-function: ease-out;
  1578. animation-duration: 350ms;
  1579. }
  1580. .slide.out {
  1581. -webkit-transform: translate3d(-100%,0,0);
  1582. -webkit-animation-name: slideouttoleft;
  1583. -moz-transform: translateX(-100%);
  1584. -moz-animation-name: slideouttoleft;
  1585. transform: translateX(-100%);
  1586. animation-name: slideouttoleft;
  1587. }
  1588. .slide.in {
  1589. -webkit-transform: translate3d(0,0,0);
  1590. -webkit-animation-name: slideinfromright;
  1591. -moz-transform: translateX(0);
  1592. -moz-animation-name: slideinfromright;
  1593. transform: translateX(0);
  1594. animation-name: slideinfromright;
  1595. }
  1596. .slide.out.reverse {
  1597. -webkit-transform: translate3d(100%,0,0);
  1598. -webkit-animation-name: slideouttoright;
  1599. -moz-transform: translateX(100%);
  1600. -moz-animation-name: slideouttoright;
  1601. transform: translateX(100%);
  1602. animation-name: slideouttoright;
  1603. }
  1604. .slide.in.reverse {
  1605. -webkit-transform: translate3d(0,0,0);
  1606. -webkit-animation-name: slideinfromleft;
  1607. -moz-transform: translateX(0);
  1608. -moz-animation-name: slideinfromleft;
  1609. transform: translateX(0);
  1610. animation-name: slideinfromleft;
  1611. }
  1612. .slidefade.out {
  1613. -webkit-transform: translateX(-100%);
  1614. -webkit-animation-name: slideouttoleft;
  1615. -webkit-animation-duration: 225ms;
  1616. -moz-transform: translateX(-100%);
  1617. -moz-animation-name: slideouttoleft;
  1618. -moz-animation-duration: 225ms;
  1619. transform: translateX(-100%);
  1620. animation-name: slideouttoleft;
  1621. animation-duration: 225ms;
  1622. }
  1623. .slidefade.in {
  1624. -webkit-transform: translateX(0);
  1625. -webkit-animation-name: fadein;
  1626. -webkit-animation-duration: 200ms;
  1627. -moz-transform: translateX(0);
  1628. -moz-animation-name: fadein;
  1629. -moz-animation-duration: 200ms;
  1630. transform: translateX(0);
  1631. animation-name: fadein;
  1632. animation-duration: 200ms;
  1633. }
  1634. .slidefade.out.reverse {
  1635. -webkit-transform: translateX(100%);
  1636. -webkit-animation-name: slideouttoright;
  1637. -webkit-animation-duration: 200ms;
  1638. -moz-transform: translateX(100%);
  1639. -moz-animation-name: slideouttoright;
  1640. -moz-animation-duration: 200ms;
  1641. transform: translateX(100%);
  1642. animation-name: slideouttoright;
  1643. animation-duration: 200ms;
  1644. }
  1645. .slidefade.in.reverse {
  1646. -webkit-transform: translateX(0);
  1647. -webkit-animation-name: fadein;
  1648. -webkit-animation-duration: 200ms;
  1649. -moz-transform: translateX(0);
  1650. -moz-animation-name: fadein;
  1651. -moz-animation-duration: 200ms;
  1652. transform: translateX(0);
  1653. animation-name: fadein;
  1654. animation-duration: 200ms;
  1655. }
  1656. /* slide down */
  1657. .slidedown.out {
  1658. -webkit-animation-name: fadeout;
  1659. -webkit-animation-duration: 100ms;
  1660. -moz-animation-name: fadeout;
  1661. -moz-animation-duration: 100ms;
  1662. animation-name: fadeout;
  1663. animation-duration: 100ms;
  1664. }
  1665. .slidedown.in {
  1666. -webkit-transform: translateY(0);
  1667. -webkit-animation-name: slideinfromtop;
  1668. -webkit-animation-duration: 250ms;
  1669. -moz-transform: translateY(0);
  1670. -moz-animation-name: slideinfromtop;
  1671. -moz-animation-duration: 250ms;
  1672. transform: translateY(0);
  1673. animation-name: slideinfromtop;
  1674. animation-duration: 250ms;
  1675. }
  1676. .slidedown.in.reverse {
  1677. -webkit-animation-name: fadein;
  1678. -webkit-animation-duration: 150ms;
  1679. -moz-animation-name: fadein;
  1680. -moz-animation-duration: 150ms;
  1681. animation-name: fadein;
  1682. animation-duration: 150ms;
  1683. }
  1684. .slidedown.out.reverse {
  1685. -webkit-transform: translateY(-100%);
  1686. -webkit-animation-name: slideouttotop;
  1687. -webkit-animation-duration: 200ms;
  1688. -moz-transform: translateY(-100%);
  1689. -moz-animation-name: slideouttotop;
  1690. -moz-animation-duration: 200ms;
  1691. transform: translateY(-100%);
  1692. animation-name: slideouttotop;
  1693. animation-duration: 200ms;
  1694. }
  1695. @-webkit-keyframes slideinfromtop {
  1696. from { -webkit-transform: translateY(-100%); }
  1697. to { -webkit-transform: translateY(0); }
  1698. }
  1699. @-moz-keyframes slideinfromtop {
  1700. from { -moz-transform: translateY(-100%); }
  1701. to { -moz-transform: translateY(0); }
  1702. }
  1703. @keyframes slideinfromtop {
  1704. from { transform: translateY(-100%); }
  1705. to { transform: translateY(0); }
  1706. }
  1707. @-webkit-keyframes slideouttotop {
  1708. from { -webkit-transform: translateY(0); }
  1709. to { -webkit-transform: translateY(-100%); }
  1710. }
  1711. @-moz-keyframes slideouttotop {
  1712. from { -moz-transform: translateY(0); }
  1713. to { -moz-transform: translateY(-100%); }
  1714. }
  1715. @keyframes slideouttotop {
  1716. from { transform: translateY(0); }
  1717. to { transform: translateY(-100%); }
  1718. }
  1719. /* slide up */
  1720. .slideup.out {
  1721. -webkit-animation-name: fadeout;
  1722. -webkit-animation-duration: 100ms;
  1723. -moz-animation-name: fadeout;
  1724. -moz-animation-duration: 100ms;
  1725. animation-name: fadeout;
  1726. animation-duration: 100ms;
  1727. }
  1728. .slideup.in {
  1729. -webkit-transform: translateY(0);
  1730. -webkit-animation-name: slideinfrombottom;
  1731. -webkit-animation-duration: 250ms;
  1732. -moz-transform: translateY(0);
  1733. -moz-animation-name: slideinfrombottom;
  1734. -moz-animation-duration: 250ms;
  1735. transform: translateY(0);
  1736. animation-name: slideinfrombottom;
  1737. animation-duration: 250ms;
  1738. }
  1739. .slideup.in.reverse {
  1740. -webkit-animation-name: fadein;
  1741. -webkit-animation-duration: 150ms;
  1742. -moz-animation-name: fadein;
  1743. -moz-animation-duration: 150ms;
  1744. animation-name: fadein;
  1745. animation-duration: 150ms;
  1746. }
  1747. .slideup.out.reverse {
  1748. -webkit-transform: translateY(100%);
  1749. -webkit-animation-name: slideouttobottom;
  1750. -webkit-animation-duration: 200ms;
  1751. -moz-transform: translateY(100%);
  1752. -moz-animation-name: slideouttobottom;
  1753. -moz-animation-duration: 200ms;
  1754. transform: translateY(100%);
  1755. animation-name: slideouttobottom;
  1756. animation-duration: 200ms;
  1757. }
  1758. @-webkit-keyframes slideinfrombottom {
  1759. from { -webkit-transform: translateY(100%); }
  1760. to { -webkit-transform: translateY(0); }
  1761. }
  1762. @-moz-keyframes slideinfrombottom {
  1763. from { -moz-transform: translateY(100%); }
  1764. to { -moz-transform: translateY(0); }
  1765. }
  1766. @keyframes slideinfrombottom {
  1767. from { transform: translateY(100%); }
  1768. to { transform: translateY(0); }
  1769. }
  1770. @-webkit-keyframes slideouttobottom {
  1771. from { -webkit-transform: translateY(0); }
  1772. to { -webkit-transform: translateY(100%); }
  1773. }
  1774. @-moz-keyframes slideouttobottom {
  1775. from { -moz-transform: translateY(0); }
  1776. to { -moz-transform: translateY(100%); }
  1777. }
  1778. @keyframes slideouttobottom {
  1779. from { transform: translateY(0); }
  1780. to { transform: translateY(100%); }
  1781. }
  1782. /* The properties in this rule are only necessary for the 'flip' transition.
  1783. * We need specify the perspective to create a projection matrix. This will add
  1784. * some depth as the element flips. The depth number represents the distance of
  1785. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1786. * value.
  1787. */
  1788. .viewport-flip {
  1789. -webkit-perspective: 1000;
  1790. -moz-perspective: 1000;
  1791. perspective: 1000;
  1792. position: absolute;
  1793. }
  1794. .flip {
  1795. -webkit-backface-visibility: hidden;
  1796. -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. */
  1797. -moz-backface-visibility: hidden;
  1798. -moz-transform: translateX(0);
  1799. backface-visibility: hidden;
  1800. transform: translateX(0);
  1801. }
  1802. .flip.out {
  1803. -webkit-transform: rotateY(-90deg) scale(.9);
  1804. -webkit-animation-name: flipouttoleft;
  1805. -webkit-animation-duration: 175ms;
  1806. -moz-transform: rotateY(-90deg) scale(.9);
  1807. -moz-animation-name: flipouttoleft;
  1808. -moz-animation-duration: 175ms;
  1809. transform: rotateY(-90deg) scale(.9);
  1810. animation-name: flipouttoleft;
  1811. animation-duration: 175ms;
  1812. }
  1813. .flip.in {
  1814. -webkit-animation-name: flipintoright;
  1815. -webkit-animation-duration: 225ms;
  1816. -moz-animation-name: flipintoright;
  1817. -moz-animation-duration: 225ms;
  1818. animation-name: flipintoright;
  1819. animation-duration: 225ms;
  1820. }
  1821. .flip.out.reverse {
  1822. -webkit-transform: rotateY(90deg) scale(.9);
  1823. -webkit-animation-name: flipouttoright;
  1824. -moz-transform: rotateY(90deg) scale(.9);
  1825. -moz-animation-name: flipouttoright;
  1826. transform: rotateY(90deg) scale(.9);
  1827. animation-name: flipouttoright;
  1828. }
  1829. .flip.in.reverse {
  1830. -webkit-animation-name: flipintoleft;
  1831. -moz-animation-name: flipintoleft;
  1832. animation-name: flipintoleft;
  1833. }
  1834. @-webkit-keyframes flipouttoleft {
  1835. from { -webkit-transform: rotateY(0); }
  1836. to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1837. }
  1838. @-moz-keyframes flipouttoleft {
  1839. from { -moz-transform: rotateY(0); }
  1840. to { -moz-transform: rotateY(-90deg) scale(.9); }
  1841. }
  1842. @keyframes flipouttoleft {
  1843. from { transform: rotateY(0); }
  1844. to { transform: rotateY(-90deg) scale(.9); }
  1845. }
  1846. @-webkit-keyframes flipouttoright {
  1847. from { -webkit-transform: rotateY(0) ; }
  1848. to { -webkit-transform: rotateY(90deg) scale(.9); }
  1849. }
  1850. @-moz-keyframes flipouttoright {
  1851. from { -moz-transform: rotateY(0); }
  1852. to { -moz-transform: rotateY(90deg) scale(.9); }
  1853. }
  1854. @keyframes flipouttoright {
  1855. from { transform: rotateY(0); }
  1856. to { transform: rotateY(90deg) scale(.9); }
  1857. }
  1858. @-webkit-keyframes flipintoleft {
  1859. from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1860. to { -webkit-transform: rotateY(0); }
  1861. }
  1862. @-moz-keyframes flipintoleft {
  1863. from { -moz-transform: rotateY(-90deg) scale(.9); }
  1864. to { -moz-transform: rotateY(0); }
  1865. }
  1866. @keyframes flipintoleft {
  1867. from { transform: rotateY(-90deg) scale(.9); }
  1868. to { transform: rotateY(0); }
  1869. }
  1870. @-webkit-keyframes flipintoright {
  1871. from { -webkit-transform: rotateY(90deg) scale(.9); }
  1872. to { -webkit-transform: rotateY(0); }
  1873. }
  1874. @-moz-keyframes flipintoright {
  1875. from { -moz-transform: rotateY(90deg) scale(.9); }
  1876. to { -moz-transform: rotateY(0); }
  1877. }
  1878. @keyframes flipintoright {
  1879. from { transform: rotateY(90deg) scale(.9); }
  1880. to { transform: rotateY(0); }
  1881. }
  1882. /* The properties in this rule are only necessary for the 'flip' transition.
  1883. * We need specify the perspective to create a projection matrix. This will add
  1884. * some depth as the element flips. The depth number represents the distance of
  1885. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1886. * value.
  1887. */
  1888. .viewport-turn {
  1889. -webkit-perspective: 200px;
  1890. -moz-perspective: 200px;
  1891. -ms-perspective: 200px;
  1892. perspective: 200px;
  1893. position: absolute;
  1894. }
  1895. .turn {
  1896. -webkit-backface-visibility: hidden;
  1897. -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. */
  1898. -webkit-transform-origin: 0;
  1899. -moz-backface-visibility: hidden;
  1900. -moz-transform: translateX(0);
  1901. -moz-transform-origin: 0;
  1902. backface-visibility :hidden;
  1903. transform: translateX(0);
  1904. transform-origin: 0;
  1905. }
  1906. .turn.out {
  1907. -webkit-transform: rotateY(-90deg) scale(.9);
  1908. -webkit-animation-name: flipouttoleft;
  1909. -webkit-animation-duration: 125ms;
  1910. -moz-transform: rotateY(-90deg) scale(.9);
  1911. -moz-animation-name: flipouttoleft;
  1912. -moz-animation-duration: 125ms;
  1913. transform: rotateY(-90deg) scale(.9);
  1914. animation-name: flipouttoleft;
  1915. animation-duration: 125ms;
  1916. }
  1917. .turn.in {
  1918. -webkit-animation-name: flipintoright;
  1919. -webkit-animation-duration: 250ms;
  1920. -moz-animation-name: flipintoright;
  1921. -moz-animation-duration: 250ms;
  1922. animation-name: flipintoright;
  1923. animation-duration: 250ms;
  1924. }
  1925. .turn.out.reverse {
  1926. -webkit-transform: rotateY(90deg) scale(.9);
  1927. -webkit-animation-name: flipouttoright;
  1928. -moz-transform: rotateY(90deg) scale(.9);
  1929. -moz-animation-name: flipouttoright;
  1930. transform: rotateY(90deg) scale(.9);
  1931. animation-name: flipouttoright;
  1932. }
  1933. .turn.in.reverse {
  1934. -webkit-animation-name: flipintoleft;
  1935. -moz-animation-name: flipintoleft;
  1936. animation-name: flipintoleft;
  1937. }
  1938. @-webkit-keyframes flipouttoleft {
  1939. from { -webkit-transform: rotateY(0); }
  1940. to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1941. }
  1942. @-moz-keyframes flipouttoleft {
  1943. from { -moz-transform: rotateY(0); }
  1944. to { -moz-transform: rotateY(-90deg) scale(.9); }
  1945. }
  1946. @keyframes flipouttoleft {
  1947. from { transform: rotateY(0); }
  1948. to { transform: rotateY(-90deg) scale(.9); }
  1949. }
  1950. @-webkit-keyframes flipouttoright {
  1951. from { -webkit-transform: rotateY(0) ; }
  1952. to { -webkit-transform: rotateY(90deg) scale(.9); }
  1953. }
  1954. @-moz-keyframes flipouttoright {
  1955. from { -moz-transform: rotateY(0); }
  1956. to { -moz-transform: rotateY(90deg) scale(.9); }
  1957. }
  1958. @keyframes flipouttoright {
  1959. from { transform: rotateY(0); }
  1960. to { transform: rotateY(90deg) scale(.9); }
  1961. }
  1962. @-webkit-keyframes flipintoleft {
  1963. from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1964. to { -webkit-transform: rotateY(0); }
  1965. }
  1966. @-moz-keyframes flipintoleft {
  1967. from { -moz-transform: rotateY(-90deg) scale(.9); }
  1968. to { -moz-transform: rotateY(0); }
  1969. }
  1970. @keyframes flipintoleft {
  1971. from { transform: rotateY(-90deg) scale(.9); }
  1972. to { transform: rotateY(0); }
  1973. }
  1974. @-webkit-keyframes flipintoright {
  1975. from { -webkit-transform: rotateY(90deg) scale(.9); }
  1976. to { -webkit-transform: rotateY(0); }
  1977. }
  1978. @-moz-keyframes flipintoright {
  1979. from { -moz-transform: rotateY(90deg) scale(.9); }
  1980. to { -moz-transform: rotateY(0); }
  1981. }
  1982. @keyframes flipintoright {
  1983. from { transform: rotateY(90deg) scale(.9); }
  1984. to { transform: rotateY(0); }
  1985. }
  1986. /* flow transition */
  1987. .flow {
  1988. -webkit-transform-origin: 50% 30%;
  1989. -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1990. -moz-transform-origin: 50% 30%;
  1991. -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1992. transform-origin: 50% 30%;
  1993. box-shadow: 0 0 20px rgba(0,0,0,.4);
  1994. }
  1995. .ui-dialog.flow {
  1996. -webkit-transform-origin: none;
  1997. -webkit-box-shadow: none;
  1998. -moz-transform-origin: none;
  1999. -moz-box-shadow: none;
  2000. transform-origin: none;
  2001. box-shadow: none;
  2002. }
  2003. .flow.out {
  2004. -webkit-transform: translateX(-100%) scale(.7);
  2005. -webkit-animation-name: flowouttoleft;
  2006. -webkit-animation-timing-function: ease;
  2007. -webkit-animation-duration: 350ms;
  2008. -moz-transform: translateX(-100%) scale(.7);
  2009. -moz-animation-name: flowouttoleft;
  2010. -moz-animation-timing-function: ease;
  2011. -moz-animation-duration: 350ms;
  2012. transform: translateX(-100%) scale(.7);
  2013. animation-name: flowouttoleft;
  2014. animation-timing-function: ease;
  2015. animation-duration: 350ms;
  2016. }
  2017. .flow.in {
  2018. -webkit-transform: translateX(0) scale(1);
  2019. -webkit-animation-name: flowinfromright;
  2020. -webkit-animation-timing-function: ease;
  2021. -webkit-animation-duration: 350ms;
  2022. -moz-transform: translateX(0) scale(1);
  2023. -moz-animation-name: flowinfromright;
  2024. -moz-animation-timing-function: ease;
  2025. -moz-animation-duration: 350ms;
  2026. transform: translateX(0) scale(1);
  2027. animation-name: flowinfromright;
  2028. animation-timing-function: ease;
  2029. animation-duration: 350ms;
  2030. }
  2031. .flow.out.reverse {
  2032. -webkit-transform: translateX(100%);
  2033. -webkit-animation-name: flowouttoright;
  2034. -moz-transform: translateX(100%);
  2035. -moz-animation-name: flowouttoright;
  2036. transform: translateX(100%);
  2037. animation-name: flowouttoright;
  2038. }
  2039. .flow.in.reverse {
  2040. -webkit-animation-name: flowinfromleft;
  2041. -moz-animation-name: flowinfromleft;
  2042. animation-name: flowinfromleft;
  2043. }
  2044. @-webkit-keyframes flowouttoleft {
  2045. 0% { -webkit-transform: translateX(0) scale(1); }
  2046. 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  2047. 100% { -webkit-transform: translateX(-100%) scale(.7); }
  2048. }
  2049. @-moz-keyframes flowouttoleft {
  2050. 0% { -moz-transform: translateX(0) scale(1); }
  2051. 60%, 70% { -moz-transform: translateX(0) scale(.7); }
  2052. 100% { -moz-transform: translateX(-100%) scale(.7); }
  2053. }
  2054. @keyframes flowouttoleft {
  2055. 0% { transform: translateX(0) scale(1); }
  2056. 60%, 70% { transform: translateX(0) scale(.7); }
  2057. 100% { transform: translateX(-100%) scale(.7); }
  2058. }
  2059. @-webkit-keyframes flowouttoright {
  2060. 0% { -webkit-transform: translateX(0) scale(1); }
  2061. 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  2062. 100% { -webkit-transform: translateX(100%) scale(.7); }
  2063. }
  2064. @-moz-keyframes flowouttoright {
  2065. 0% { -moz-transform: translateX(0) scale(1); }
  2066. 60%, 70% { -moz-transform: translateX(0) scale(.7); }
  2067. 100% { -moz-transform: translateX(100%) scale(.7); }
  2068. }
  2069. @keyframes flowouttoright {
  2070. 0% { transform: translateX(0) scale(1); }
  2071. 60%, 70% { transform: translateX(0) scale(.7); }
  2072. 100% { transform: translateX(100%) scale(.7); }
  2073. }
  2074. @-webkit-keyframes flowinfromleft {
  2075. 0% { -webkit-transform: translateX(-100%) scale(.7); }
  2076. 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  2077. 100% { -webkit-transform: translateX(0) scale(1); }
  2078. }
  2079. @-moz-keyframes flowinfromleft {
  2080. 0% { -moz-transform: translateX(-100%) scale(.7); }
  2081. 30%, 40% { -moz-transform: translateX(0) scale(.7); }
  2082. 100% { -moz-transform: translateX(0) scale(1); }
  2083. }
  2084. @keyframes flowinfromleft {
  2085. 0% { transform: translateX(-100%) scale(.7); }
  2086. 30%, 40% { transform: translateX(0) scale(.7); }
  2087. 100% { transform: translateX(0) scale(1); }
  2088. }
  2089. @-webkit-keyframes flowinfromright {
  2090. 0% { -webkit-transform: translateX(100%) scale(.7); }
  2091. 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  2092. 100% { -webkit-transform: translateX(0) scale(1); }
  2093. }
  2094. @-moz-keyframes flowinfromright {
  2095. 0% { -moz-transform: translateX(100%) scale(.7); }
  2096. 30%, 40% { -moz-transform: translateX(0) scale(.7); }
  2097. 100% { -moz-transform: translateX(0) scale(1); }
  2098. }
  2099. @keyframes flowinfromright {
  2100. 0% { transform: translateX(100%) scale(.7); }
  2101. 30%, 40% { transform: translateX(0) scale(.7); }
  2102. 100% { transform: translateX(0) scale(1); }
  2103. }
  2104. .ui-field-contain,
  2105. .ui-mobile fieldset.ui-field-contain {
  2106. display: block;
  2107. position: relative;
  2108. overflow: visible;
  2109. clear: both;
  2110. padding: .8em 0;
  2111. }
  2112. .ui-field-contain > label ~ [class*="ui-"],
  2113. .ui-field-contain .ui-controlgroup-controls {
  2114. margin: 0;
  2115. }
  2116. .ui-field-contain:last-child {
  2117. border-bottom-width: 0;
  2118. }
  2119. @media (min-width: 28em) {
  2120. .ui-field-contain,
  2121. .ui-mobile fieldset.ui-field-contain {
  2122. padding: 0;
  2123. margin: 1em 0;
  2124. border-bottom-width: 0;
  2125. }
  2126. .ui-field-contain:before,
  2127. .ui-field-contain:after {
  2128. content: "";
  2129. display: table;
  2130. }
  2131. .ui-field-contain:after {
  2132. clear: both;
  2133. }
  2134. .ui-field-contain > label,
  2135. .ui-field-contain .ui-controlgroup-label,
  2136. .ui-field-contain > .ui-rangeslider > label {
  2137. float: left;
  2138. width: 20%;
  2139. margin: .5em 2% 0 0;
  2140. }
  2141. .ui-popup .ui-field-contain > label,
  2142. .ui-popup .ui-field-contain .ui-controlgroup-label,
  2143. .ui-popup .ui-field-contain > .ui-rangeslider > label {
  2144. float: none;
  2145. width: auto;
  2146. margin: 0 0 .4em;
  2147. }
  2148. .ui-field-contain > label ~ [class*="ui-"],
  2149. .ui-field-contain .ui-controlgroup-controls {
  2150. float: left;
  2151. width: 78%;
  2152. -webkit-box-sizing: border-box;
  2153. -moz-box-sizing: border-box;
  2154. box-sizing: border-box;
  2155. }
  2156. /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
  2157. .ui-hide-label > label ~ [class*="ui-"],
  2158. .ui-hide-label .ui-controlgroup-controls,
  2159. .ui-popup .ui-field-contain > label ~ [class*="ui-"],
  2160. .ui-popup .ui-field-contain .ui-controlgroup-controls {
  2161. float: none;
  2162. width: 100%;
  2163. }
  2164. .ui-field-contain > label ~ .ui-btn-inline {
  2165. width: auto;
  2166. margin-right: .625em;
  2167. }
  2168. .ui-field-contain > label ~ .ui-btn-inline.ui-btn-icon-notext {
  2169. width: 1.75em;
  2170. }
  2171. }
  2172. /* content configurations. */
  2173. .ui-grid-a,
  2174. .ui-grid-b,
  2175. .ui-grid-c,
  2176. .ui-grid-d,
  2177. .ui-grid-solo {
  2178. overflow: hidden;
  2179. }
  2180. .ui-block-a,
  2181. .ui-block-b,
  2182. .ui-block-c,
  2183. .ui-block-d,
  2184. .ui-block-e {
  2185. margin: 0;
  2186. padding: 0;
  2187. border: 0;
  2188. float: left;
  2189. min-height: 1px;
  2190. -webkit-box-sizing: border-box;
  2191. -moz-box-sizing: border-box;
  2192. box-sizing: border-box;
  2193. }
  2194. /* force new row */
  2195. .ui-block-a {
  2196. clear: left;
  2197. }
  2198. ul.ui-grid-a,
  2199. ul.ui-grid-b,
  2200. ul.ui-grid-c,
  2201. ul.ui-grid-d,
  2202. ul.ui-grid-solo,
  2203. li.ui-block-a,
  2204. li.ui-block-b,
  2205. li.ui-block-c,
  2206. li.ui-block-d,
  2207. li.ui-block-e {
  2208. margin-left: 0;
  2209. margin-right: 0;
  2210. padding: 0;
  2211. list-style: none;
  2212. }
  2213. /* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
  2214. [class*="ui-block-"] > button.ui-btn {
  2215. margin-right: 0;
  2216. margin-left: 0;
  2217. }
  2218. [class*="ui-block-"] > .ui-btn,
  2219. [class*="ui-block-"] > .ui-select,
  2220. [class*="ui-block-"] > .ui-checkbox,
  2221. [class*="ui-block-"] > .ui-radio,
  2222. [class*="ui-block-"] > button.ui-btn-inline,
  2223. [class*="ui-block-"] > button.ui-btn-icon-notext,
  2224. .ui-header [class*="ui-block-"] > button.ui-btn,
  2225. .ui-footer [class*="ui-block-"] > button.ui-btn {
  2226. margin-right: .3125em;
  2227. margin-left: .3125em;
  2228. }
  2229. .ui-grid-a > .ui-block-a,
  2230. .ui-grid-a > .ui-block-b {
  2231. /* width: 49.95%; IE7 */
  2232. /* margin-right: -.5px; BB5 */
  2233. width: 50%;
  2234. }
  2235. .ui-grid-b > .ui-block-a,
  2236. .ui-grid-b > .ui-block-b,
  2237. .ui-grid-b > .ui-block-c {
  2238. /* width: 33.25%; IE7 */
  2239. /* margin-right: -.5px; BB5 */
  2240. width: 33.333%;
  2241. }
  2242. .ui-grid-c > .ui-block-a,
  2243. .ui-grid-c > .ui-block-b,
  2244. .ui-grid-c > .ui-block-c,
  2245. .ui-grid-c > .ui-block-d {
  2246. /* width: 24.925%; IE7 */
  2247. /* margin-right: -.5px; BB5 */
  2248. width: 25%;
  2249. }
  2250. .ui-grid-d > .ui-block-a,
  2251. .ui-grid-d > .ui-block-b,
  2252. .ui-grid-d > .ui-block-c,
  2253. .ui-grid-d > .ui-block-d,
  2254. .ui-grid-d > .ui-block-e {
  2255. /* width: 19.925%; IE7 */
  2256. width: 20%;
  2257. }
  2258. .ui-grid-solo > .ui-block-a {
  2259. width: 100%;
  2260. float: none;
  2261. }
  2262. /* preset breakpoint to switch to stacked grid styles below 35em (560px) */
  2263. @media (max-width: 35em) {
  2264. .ui-responsive > .ui-block-a,
  2265. .ui-responsive > .ui-block-b,
  2266. .ui-responsive > .ui-block-c,
  2267. .ui-responsive > .ui-block-d,
  2268. .ui-responsive > .ui-block-e {
  2269. width: 100%;
  2270. float: none;
  2271. }
  2272. }
  2273. /* fixed page header & footer configuration */
  2274. .ui-header-fixed,
  2275. .ui-footer-fixed {
  2276. left: 0;
  2277. right: 0;
  2278. width: 100%;
  2279. position: fixed;
  2280. z-index: 1000;
  2281. }
  2282. .ui-header-fixed {
  2283. top: -1px;
  2284. padding-top: 1px;
  2285. }
  2286. .ui-header-fixed.ui-fixed-hidden {
  2287. top: 0;
  2288. padding-top: 0;
  2289. }
  2290. .ui-header-fixed .ui-btn-left,
  2291. .ui-header-fixed .ui-btn-right {
  2292. margin-top: 1px;
  2293. }
  2294. .ui-header-fixed.ui-fixed-hidden .ui-btn-left,
  2295. .ui-header-fixed.ui-fixed-hidden .ui-btn-right {
  2296. margin-top: 0;
  2297. }
  2298. .ui-footer-fixed {
  2299. bottom: -1px;
  2300. padding-bottom: 1px;
  2301. }
  2302. .ui-footer-fixed.ui-fixed-hidden {
  2303. bottom: 0;
  2304. padding-bottom: 0;
  2305. }
  2306. .ui-header-fullscreen,
  2307. .ui-footer-fullscreen {
  2308. filter: Alpha(Opacity=90);
  2309. opacity: .9;
  2310. }
  2311. /* updatePagePadding() will update the padding to actual height of header and footer. */
  2312. .ui-page-header-fixed {
  2313. padding-top: 2.8125em;
  2314. }
  2315. .ui-page-footer-fixed {
  2316. padding-bottom: 2.8125em;
  2317. }
  2318. .ui-page-header-fullscreen > .ui-content,
  2319. .ui-page-footer-fullscreen > .ui-content {
  2320. padding: 0;
  2321. }
  2322. .ui-fixed-hidden {
  2323. position: absolute;
  2324. }
  2325. /* Tap toggle: hide external fixed footer. See issue #6604 */
  2326. .ui-footer-fixed.ui-fixed-hidden {
  2327. display: none;
  2328. }
  2329. .ui-page .ui-footer-fixed.ui-fixed-hidden {
  2330. display: block
  2331. }
  2332. .ui-page-header-fullscreen .ui-fixed-hidden,
  2333. .ui-page-footer-fullscreen .ui-fixed-hidden {
  2334. position: absolute !important;
  2335. height: 1px;
  2336. width: 1px;
  2337. overflow: hidden;
  2338. clip: rect(1px,1px,1px,1px);
  2339. }
  2340. .ui-header-fixed .ui-btn,
  2341. .ui-footer-fixed .ui-btn {
  2342. z-index: 10;
  2343. }
  2344. /* workarounds for other widgets */
  2345. .ui-android-2x-fixed .ui-li-has-thumb {
  2346. -webkit-transform: translate3d(0,0,0);
  2347. }
  2348. .ui-navbar {
  2349. max-width: 100%;
  2350. }
  2351. .ui-navbar ul:before,
  2352. .ui-navbar ul:after {
  2353. content: "";
  2354. display: table;
  2355. }
  2356. .ui-navbar ul:after {
  2357. clear: both;
  2358. }
  2359. .ui-navbar ul {
  2360. list-style: none;
  2361. margin: 0;
  2362. padding: 0;
  2363. position: relative;
  2364. display: block;
  2365. border: 0;
  2366. max-width: 100%;
  2367. overflow: visible;
  2368. }
  2369. .ui-navbar li .ui-btn {
  2370. font-size: 12.5px;
  2371. display: block;
  2372. margin: 0;
  2373. border-right-width: 0;
  2374. }
  2375. .ui-header .ui-navbar li button.ui-btn,
  2376. .ui-footer .ui-navbar li button.ui-btn {
  2377. margin: 0;
  2378. width: 100%;
  2379. }
  2380. .ui-navbar .ui-btn:focus {
  2381. z-index: 1;
  2382. }
  2383. /* fixes gaps caused by subpixel problem */
  2384. .ui-navbar li:last-child .ui-btn {
  2385. margin-right: -4px;
  2386. }
  2387. .ui-navbar li:last-child .ui-btn:after {
  2388. margin-right: 4px;
  2389. }
  2390. .ui-content .ui-navbar li:last-child .ui-btn,
  2391. .ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn {
  2392. border-right-width: 1px;
  2393. margin-right: 0;
  2394. }
  2395. .ui-content .ui-navbar li:last-child .ui-btn:after,
  2396. .ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after {
  2397. margin-right: 0;
  2398. }
  2399. .ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn {
  2400. border-right-width: 1px;
  2401. margin-right: -1px;
  2402. }
  2403. .ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after {
  2404. margin-right: 1px;
  2405. }
  2406. .ui-navbar .ui-grid-duo .ui-btn {
  2407. border-top-width: 0;
  2408. }
  2409. .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
  2410. .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  2411. border-top-width: 1px;
  2412. }
  2413. .ui-header .ui-navbar .ui-btn,
  2414. .ui-footer .ui-navbar .ui-btn {
  2415. border-top-width: 0;
  2416. border-bottom-width: 0;
  2417. }
  2418. .ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
  2419. .ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
  2420. .ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
  2421. .ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  2422. border-top-width: 0;
  2423. }
  2424. .ui-header .ui-title ~ .ui-navbar .ui-btn,
  2425. .ui-footer .ui-title ~ .ui-navbar .ui-btn,
  2426. .ui-header .ui-navbar .ui-grid-duo .ui-btn,
  2427. .ui-footer .ui-navbar .ui-grid-duo .ui-btn,
  2428. .ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
  2429. .ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
  2430. .ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
  2431. .ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  2432. border-top-width: 1px;
  2433. }
  2434. /* Hide the native input element */
  2435. .ui-input-btn input {
  2436. position: absolute;
  2437. top: 0;
  2438. left: 0;
  2439. width: 100%;
  2440. height: 100%;
  2441. padding: 0;
  2442. border: 0;
  2443. outline: 0;
  2444. -webkit-border-radius: inherit;
  2445. border-radius: inherit;
  2446. -webkit-appearance: none;
  2447. -moz-appearance: none;
  2448. cursor: pointer;
  2449. background: #fff;
  2450. background: rgba(255,255,255,0);
  2451. filter: Alpha(Opacity=0);
  2452. opacity: .1;
  2453. font-size: 1px;
  2454. text-indent: -9999px;
  2455. z-index: 2;
  2456. }
  2457. /* Fixes IE/WP filter alpha opacity bugs */
  2458. .ui-input-btn.ui-state-disabled input {
  2459. position: absolute !important;
  2460. height: 1px;
  2461. width: 1px;
  2462. overflow: hidden;
  2463. clip: rect(1px,1px,1px,1px);
  2464. }
  2465. .ui-collapsible {
  2466. margin: 0 -1em;
  2467. }
  2468. .ui-collapsible-inset,
  2469. .ui-collapsible-set {
  2470. margin: .5em 0;
  2471. }
  2472. .ui-collapsible-heading {
  2473. display: block;
  2474. margin: 0;
  2475. padding: 0;
  2476. position: relative;
  2477. }
  2478. .ui-collapsible-heading .ui-btn {
  2479. text-align: left;
  2480. margin: 0;
  2481. border-left-width: 0;
  2482. border-right-width: 0;
  2483. }
  2484. .ui-collapsible-heading .ui-btn-icon-top,
  2485. .ui-collapsible-heading .ui-btn-icon-bottom {
  2486. text-align: center;
  2487. }
  2488. .ui-collapsible-inset .ui-collapsible-heading .ui-btn {
  2489. border-right-width: 1px;
  2490. border-left-width: 1px;
  2491. }
  2492. .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) > .ui-collapsible-heading .ui-btn {
  2493. border-top-width: 0;
  2494. }
  2495. .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
  2496. border-top-width: 1px;
  2497. }
  2498. .ui-collapsible-heading-status {
  2499. position: absolute !important;
  2500. height: 1px;
  2501. width: 1px;
  2502. overflow: hidden;
  2503. clip: rect(1px,1px,1px,1px);
  2504. }
  2505. .ui-collapsible-content {
  2506. display: block;
  2507. margin: 0;
  2508. padding: .5em 1em;
  2509. }
  2510. .ui-collapsible-themed-content .ui-collapsible-content {
  2511. border-left-width: 0;
  2512. border-right-width: 0;
  2513. border-top-width: 0;
  2514. border-bottom-width: 1px;
  2515. border-style: solid;
  2516. }
  2517. .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
  2518. border-left-width: 1px;
  2519. border-right-width: 1px;
  2520. }
  2521. .ui-collapsible-inset .ui-collapsible-content {
  2522. margin: 0;
  2523. }
  2524. .ui-collapsible-content-collapsed {
  2525. display: none;
  2526. }
  2527. .ui-collapsible-set > .ui-collapsible.ui-corner-all {
  2528. -webkit-border-radius: 0;
  2529. border-radius: 0;
  2530. }
  2531. .ui-collapsible-heading,
  2532. .ui-collapsible-heading > .ui-btn {
  2533. -webkit-border-radius: inherit;
  2534. border-radius: inherit;
  2535. }
  2536. .ui-collapsible-set .ui-collapsible.ui-first-child {
  2537. -webkit-border-top-right-radius: inherit;
  2538. border-top-right-radius: inherit;
  2539. -webkit-border-top-left-radius: inherit;
  2540. border-top-left-radius: inherit;
  2541. }
  2542. .ui-collapsible-content,
  2543. .ui-collapsible-set .ui-collapsible.ui-last-child {
  2544. -webkit-border-bottom-right-radius: inherit;
  2545. border-bottom-right-radius: inherit;
  2546. -webkit-border-bottom-left-radius: inherit;
  2547. border-bottom-left-radius: inherit;
  2548. }
  2549. .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
  2550. -webkit-border-bottom-right-radius: 0;
  2551. border-bottom-right-radius: 0;
  2552. -webkit-border-bottom-left-radius: 0;
  2553. border-bottom-left-radius: 0;
  2554. }
  2555. .ui-collapsible-set .ui-collapsible {
  2556. margin: -1px -1em 0;
  2557. }
  2558. .ui-collapsible-set .ui-collapsible-inset {
  2559. margin: -1px 0 0;
  2560. }
  2561. .ui-collapsible-set .ui-collapsible.ui-first-child {
  2562. margin-top: 0;
  2563. }
  2564. .ui-controlgroup,
  2565. fieldset.ui-controlgroup {
  2566. padding: 0;
  2567. margin: .5em 0;
  2568. }
  2569. .ui-field-contain .ui-controlgroup,
  2570. .ui-field-contain fieldset.ui-controlgroup {
  2571. margin: 0;
  2572. }
  2573. .ui-mini .ui-controlgroup-label {
  2574. font-size: 16px;
  2575. }
  2576. .ui-controlgroup.ui-mini .ui-btn-icon-notext,
  2577. .ui-controlgroup .ui-mini.ui-btn-icon-notext {
  2578. font-size: inherit;
  2579. }
  2580. .ui-controlgroup-controls .ui-btn,
  2581. .ui-controlgroup-controls .ui-checkbox,
  2582. .ui-controlgroup-controls .ui-radio,
  2583. .ui-controlgroup-controls .ui-select {
  2584. margin: 0;
  2585. }
  2586. .ui-controlgroup-controls .ui-btn:focus,
  2587. .ui-controlgroup-controls .ui-btn.ui-focus {
  2588. z-index: 1;
  2589. }
  2590. .ui-controlgroup-controls li {
  2591. list-style: none;
  2592. }
  2593. .ui-controlgroup-horizontal .ui-controlgroup-controls {
  2594. display: inline-block;
  2595. vertical-align: middle;
  2596. }
  2597. .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
  2598. .ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  2599. content: "";
  2600. display: table;
  2601. }
  2602. .ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  2603. clear: both;
  2604. }
  2605. .ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
  2606. .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
  2607. .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox,
  2608. .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio,
  2609. .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
  2610. float: left;
  2611. clear: none;
  2612. }
  2613. .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
  2614. .ui-controlgroup-controls .ui-btn-icon-notext {
  2615. width: auto;
  2616. }
  2617. .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext,
  2618. .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext {
  2619. width: 1.5em;
  2620. }
  2621. .ui-controlgroup-controls .ui-btn-icon-notext {
  2622. height: auto;
  2623. padding: .7em 1em;
  2624. }
  2625. .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
  2626. border-bottom-width: 0;
  2627. }
  2628. .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
  2629. border-bottom-width: 1px;
  2630. }
  2631. .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
  2632. border-right-width: 0;
  2633. }
  2634. .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
  2635. border-right-width: 1px;
  2636. }
  2637. .ui-controlgroup-controls .ui-btn-corner-all,
  2638. .ui-controlgroup-controls .ui-btn.ui-corner-all {
  2639. -webkit-border-radius: 0;
  2640. border-radius: 0;
  2641. }
  2642. .ui-controlgroup-controls,
  2643. .ui-controlgroup-controls .ui-radio,
  2644. .ui-controlgroup-controls .ui-checkbox,
  2645. .ui-controlgroup-controls .ui-select,
  2646. .ui-controlgroup-controls li {
  2647. -webkit-border-radius: inherit;
  2648. border-radius: inherit;
  2649. }
  2650. .ui-controlgroup-vertical .ui-btn.ui-first-child {
  2651. -webkit-border-top-left-radius: inherit;
  2652. border-top-left-radius: inherit;
  2653. -webkit-border-top-right-radius: inherit;
  2654. border-top-right-radius: inherit;
  2655. }
  2656. .ui-controlgroup-vertical .ui-btn.ui-last-child {
  2657. -webkit-border-bottom-left-radius: inherit;
  2658. border-bottom-left-radius: inherit;
  2659. -webkit-border-bottom-right-radius: inherit;
  2660. border-bottom-right-radius: inherit;
  2661. }
  2662. .ui-controlgroup-horizontal .ui-btn.ui-first-child {
  2663. -webkit-border-top-left-radius: inherit;
  2664. border-top-left-radius: inherit;
  2665. -webkit-border-bottom-left-radius: inherit;
  2666. border-bottom-left-radius: inherit;
  2667. }
  2668. .ui-controlgroup-horizontal .ui-btn.ui-last-child {
  2669. -webkit-border-top-right-radius: inherit;
  2670. border-top-right-radius: inherit;
  2671. -webkit-border-bottom-right-radius: inherit;
  2672. border-bottom-right-radius: inherit;
  2673. }
  2674. .ui-controlgroup-controls a.ui-shadow:not(:focus),
  2675. .ui-controlgroup-controls button.ui-shadow:not(:focus),
  2676. .ui-controlgroup-controls div.ui-shadow:not(.ui-focus) {
  2677. -moz-box-shadow: none;
  2678. -webkit-box-shadow: none;
  2679. box-shadow: none;
  2680. }
  2681. /* Fixes legend not wrapping on IE10 */
  2682. .ui-controlgroup-label legend {
  2683. max-width: 100%;
  2684. }
  2685. .ui-controlgroup-controls > label {
  2686. position: absolute !important;
  2687. height: 1px;
  2688. width: 1px;
  2689. overflow: hidden;
  2690. clip: rect(1px,1px,1px,1px);
  2691. }
  2692. .ui-dialog {
  2693. background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
  2694. }
  2695. .ui-dialog-contain {
  2696. width: 92.5%;
  2697. max-width: 500px;
  2698. margin: 10% auto 1em auto;
  2699. padding: 0;
  2700. position: relative;
  2701. top: -1em;
  2702. }
  2703. .ui-dialog-contain > .ui-header,
  2704. .ui-dialog-contain > .ui-content,
  2705. .ui-dialog-contain > .ui-footer {
  2706. display: block;
  2707. position: relative;
  2708. width: auto;
  2709. margin: 0;
  2710. }
  2711. .ui-dialog-contain > .ui-header {
  2712. overflow: hidden;
  2713. z-index: 10;
  2714. padding: 0;
  2715. border-top-width: 0;
  2716. }
  2717. .ui-dialog-contain > .ui-footer {
  2718. z-index: 10;
  2719. padding: 0 1em;
  2720. border-bottom-width: 0;
  2721. }
  2722. .ui-popup-open .ui-header-fixed,
  2723. .ui-popup-open .ui-footer-fixed {
  2724. position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
  2725. }
  2726. .ui-popup-screen {
  2727. 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. */
  2728. top: 0;
  2729. left: 0;
  2730. right: 0;
  2731. bottom: 1px;
  2732. position: absolute;
  2733. filter: Alpha(Opacity=0);
  2734. opacity: 0;
  2735. z-index: 1099;
  2736. }
  2737. .ui-popup-screen.in {
  2738. opacity: 0.5;
  2739. filter: Alpha(Opacity=50);
  2740. }
  2741. .ui-popup-screen.out {
  2742. opacity: 0;
  2743. filter: Alpha(Opacity=0);
  2744. }
  2745. .ui-popup-container {
  2746. z-index: 1100;
  2747. display: inline-block;
  2748. position: absolute;
  2749. padding: 0;
  2750. outline: 0;
  2751. }
  2752. .ui-popup {
  2753. position: relative;
  2754. }
  2755. .ui-popup.ui-body-inherit {
  2756. border-width: 1px;
  2757. border-style: solid;
  2758. }
  2759. .ui-popup-hidden {
  2760. left: 0;
  2761. top: 0;
  2762. position: absolute !important;
  2763. visibility: hidden;
  2764. }
  2765. .ui-popup-truncate {
  2766. height: 1px;
  2767. width: 1px;
  2768. margin: -1px;
  2769. overflow: hidden;
  2770. clip: rect(1px,1px,1px,1px);
  2771. }
  2772. .ui-popup.ui-content,
  2773. .ui-popup .ui-content {
  2774. overflow: visible;
  2775. }
  2776. .ui-popup > .ui-header {
  2777. border-top-width: 0;
  2778. }
  2779. .ui-popup > .ui-footer {
  2780. border-bottom-width: 0;
  2781. }
  2782. .ui-popup > p,
  2783. .ui-popup > h1,
  2784. .ui-popup > h2,
  2785. .ui-popup > h3,
  2786. .ui-popup > h4,
  2787. .ui-popup > h5,
  2788. .ui-popup > h6 {
  2789. margin: .5em .4375em;
  2790. }
  2791. .ui-popup > span {
  2792. display: block;
  2793. margin: .5em .4375em;
  2794. }
  2795. .ui-popup-container .ui-content > p,
  2796. .ui-popup-container .ui-content > h1,
  2797. .ui-popup-container .ui-content > h2,
  2798. .ui-popup-container .ui-content > h3,
  2799. .ui-popup-container .ui-content > h4,
  2800. .ui-popup-container .ui-content > h5,
  2801. .ui-popup-container .ui-content > h6 {
  2802. margin: .5em 0;
  2803. }
  2804. .ui-popup-container .ui-content > span {
  2805. margin: 0;
  2806. }
  2807. .ui-popup-container .ui-content > p:first-child,
  2808. .ui-popup-container .ui-content > h1:first-child,
  2809. .ui-popup-container .ui-content > h2:first-child,
  2810. .ui-popup-container .ui-content > h3:first-child,
  2811. .ui-popup-container .ui-content > h4:first-child,
  2812. .ui-popup-container .ui-content > h5:first-child,
  2813. .ui-popup-container .ui-content > h6:first-child {
  2814. margin-top: 0;
  2815. }
  2816. .ui-popup-container .ui-content > p:last-child,
  2817. .ui-popup-container .ui-content > h1:last-child,
  2818. .ui-popup-container .ui-content > h2:last-child,
  2819. .ui-popup-container .ui-content > h3:last-child,
  2820. .ui-popup-container .ui-content > h4:last-child,
  2821. .ui-popup-container .ui-content > h5:last-child,
  2822. .ui-popup-container .ui-content > h6:last-child {
  2823. margin-bottom: 0;
  2824. }
  2825. .ui-popup > img {
  2826. max-width: 100%;
  2827. max-height: 100%;
  2828. vertical-align: middle;
  2829. }
  2830. .ui-popup:not(.ui-content) > img:only-child,
  2831. .ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
  2832. .ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
  2833. -webkit-border-radius: inherit;
  2834. border-radius: inherit;
  2835. }
  2836. .ui-popup iframe {
  2837. vertical-align: middle;
  2838. }
  2839. .ui-popup > .ui-btn-left,
  2840. .ui-popup > .ui-btn-right {
  2841. position: absolute;
  2842. top: -11px;
  2843. margin: 0;
  2844. z-index: 1101;
  2845. }
  2846. .ui-popup > .ui-btn-left {
  2847. left: -11px;
  2848. }
  2849. .ui-popup > .ui-btn-right {
  2850. right: -11px;
  2851. }
  2852. /* Dimensions related to the popup arrow
  2853. -----------------------------------------------------------------------------------------------------------*/
  2854. /* desired triangle height: 10px */
  2855. /**
  2856. * guide for the arrow - its width, height, and offset are theme-dependent and
  2857. * should be expessed as left, right, top, bottom, so that the element bearing
  2858. * such a class becomes stretched inside its parent position: relative element.
  2859. * The left/top/right/bottom specified below should reflect the corresponding
  2860. * border radii and so it leaves room for the shadow:
  2861. * ..--------------------..
  2862. * ." ^ top ".
  2863. * / v \
  2864. * | +------------------+ |
  2865. * | | | |
  2866. * | left| |right|
  2867. * |<--->| |<--->|
  2868. * | +------------------+ |
  2869. * \ ^ /
  2870. * `. v bottom .'
  2871. * ""--------------------""
  2872. * The idea is that the top/left of the arrow container box does not move to a
  2873. * coordinate smaller than the top/left of the guide and the right/bottom of
  2874. * the arrow container box does not move to a coordinate larger than the
  2875. * bottom/right of the guide. This will help us avoid the following situation:
  2876. * ..--------------------..
  2877. * ." ^ top ".
  2878. * /|/ v \
  2879. * / | +------------------+ |
  2880. * \ | | | |
  2881. * \| left| |right|
  2882. * |<--->| |<--->|
  2883. * | +------------------+ |
  2884. * \ ^ /
  2885. * `. v bottom .'
  2886. * ""--------------------""
  2887. * The arrow should not receive a top/left coordinate such that it is too close
  2888. * to one of the corners, because then at first the shadow of the arrow and,
  2889. * given a coordinate even closer to the corner, even the body of the arrow will
  2890. * "stick out" of the corner of the popup. The guide provides a hint to the
  2891. * arrow positioning code as to which range of values is acceptable for the
  2892. * arrow container's top/left coordinate.
  2893. **/
  2894. .ui-popup-arrow-container {
  2895. width: 20px;
  2896. height: 20px;
  2897. }
  2898. /* aside from the "infinities" (-1000,2000), triangle height is used */
  2899. .ui-popup-arrow-container.ui-popup-arrow-l {
  2900. left: -10px;
  2901. clip: rect(-1000px,10px,2000px,-1000px);
  2902. }
  2903. .ui-popup-arrow-container.ui-popup-arrow-t {
  2904. top: -10px;
  2905. clip: rect(-1000px,2000px,10px,-1000px);
  2906. }
  2907. .ui-popup-arrow-container.ui-popup-arrow-r {
  2908. right: -10px;
  2909. clip: rect(-1000px,2000px,2000px,10px);
  2910. }
  2911. .ui-popup-arrow-container.ui-popup-arrow-b {
  2912. bottom: -10px;
  2913. clip: rect(10px,2000px,1000px,-1000px);
  2914. }
  2915. /**
  2916. * For each side, the arrow is twice the desired size and its corner is aligned
  2917. * with the edge of the container:
  2918. *
  2919. * /\ /\ +----+ /\
  2920. * / \ / \ | /\ |top / \
  2921. * +----+ \ / +----+ +-->|/ \| / \
  2922. * left| / | \ / | \ |right | | | / \
  2923. * |/ | \ / | \| | /| |\ / \
  2924. * |\ | / \ | /| | / +----+ \ \ +----+ /
  2925. * | \ | / \ | / | | \ / \| |/
  2926. * +----+ / \ +----+ | \ / | |
  2927. * ^ \ / \ / ^ | \ / +->|\ /|
  2928. * | \/ \/ | | \ / | | \/ |bottom
  2929. * | | | \/ | +----+
  2930. * +-------------------+--------+-----------+
  2931. * |
  2932. * arrow container
  2933. * (clips arrow)
  2934. **/
  2935. .ui-popup-arrow-container .ui-popup-arrow {
  2936. /* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */
  2937. width: 28.284271247px;
  2938. height: 28.284271247px;
  2939. border-width: 1px;
  2940. border-style: solid;
  2941. }
  2942. .ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
  2943. left: -4.142135623px;
  2944. top: 5.857864376px;
  2945. }
  2946. .ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
  2947. left: -4.142135623px;
  2948. top: -14.142135623px;
  2949. }
  2950. .ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
  2951. left: 5.857864376px;
  2952. top: -4.142135623px;
  2953. }
  2954. .ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
  2955. left: -14.142135623px;
  2956. top: -4.142135623px;
  2957. }
  2958. /* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */
  2959. .ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
  2960. margin-left: -5.857864376269049px;
  2961. margin-top: -7.0710678118654755px;
  2962. }
  2963. .ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
  2964. margin-left: -5.857864376269049px;
  2965. margin-top: -4.142135623730951px;
  2966. }
  2967. .ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
  2968. margin-left: -7.0710678118654755px;
  2969. margin-top: -5.857864376269049px;
  2970. }
  2971. .ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
  2972. margin-left: -4.142135623730951px;
  2973. margin-top: -5.857864376269049px;
  2974. }
  2975. /* structure */
  2976. .ui-popup > .ui-popup-arrow-guide {
  2977. position: absolute;
  2978. left: 0;
  2979. right: 0;
  2980. top: 0;
  2981. bottom: 0;
  2982. visibility: hidden;
  2983. }
  2984. .ui-popup-arrow-container {
  2985. position: absolute;
  2986. }
  2987. .ui-popup-arrow {
  2988. -webkit-transform: rotate(45deg);
  2989. -moz-transform: rotate(45deg);
  2990. -ms-transform: rotate(45deg);
  2991. transform: rotate(45deg);
  2992. position: absolute;
  2993. overflow: hidden;
  2994. box-sizing: border-box;
  2995. }
  2996. .ui-popup-arrow-container.ie .ui-popup-arrow {
  2997. -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
  2998. filter: progid:DXImageTransform.Microsoft.Matrix(
  2999. M11=0.7071067811865474,
  3000. M12=-0.7071067811865477,
  3001. M21=0.7071067811865477,
  3002. M22=0.7071067811865474,
  3003. SizingMethod='auto expand');
  3004. }
  3005. .ui-checkbox,
  3006. .ui-radio {
  3007. margin: .5em 0;
  3008. position: relative;
  3009. }
  3010. .ui-checkbox .ui-btn,
  3011. .ui-radio .ui-btn {
  3012. margin: 0;
  3013. text-align: left;
  3014. white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */
  3015. z-index: 2;
  3016. }
  3017. .ui-controlgroup .ui-checkbox .ui-btn.ui-focus,
  3018. .ui-controlgroup .ui-radio .ui-btn.ui-focus {
  3019. z-index: 3;
  3020. }
  3021. .ui-checkbox .ui-btn-icon-top,
  3022. .ui-radio .ui-btn-icon-top,
  3023. .ui-checkbox .ui-btn-icon-bottom,
  3024. .ui-radio .ui-btn-icon-bottom {
  3025. text-align: center;
  3026. }
  3027. .ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,
  3028. .ui-controlgroup-horizontal .ui-radio .ui-btn:after {
  3029. content: none;
  3030. display: none;
  3031. }
  3032. /* Native input positioning */
  3033. .ui-checkbox input,
  3034. .ui-radio input {
  3035. position: absolute;
  3036. left: .466em;
  3037. top: 50%;
  3038. width: 22px;
  3039. height: 22px;
  3040. margin: -11px 0 0 0;
  3041. outline: 0 !important;
  3042. z-index: 1;
  3043. }
  3044. .ui-controlgroup-horizontal .ui-checkbox input,
  3045. .ui-controlgroup-horizontal .ui-radio input {
  3046. left: 50%;
  3047. margin-left: -9px;
  3048. }
  3049. .ui-checkbox input:disabled,
  3050. .ui-radio input:disabled {
  3051. position: absolute !important;
  3052. height: 1px;
  3053. width: 1px;
  3054. overflow: hidden;
  3055. clip: rect(1px,1px,1px,1px);
  3056. }
  3057. .ui-select {
  3058. margin-top: .5em;
  3059. margin-bottom: .5em; /* no shorthand for margin because it would override margin-right for inline selects */
  3060. position: relative;
  3061. }
  3062. .ui-select > select {
  3063. position: absolute !important;
  3064. height: 1px;
  3065. width: 1px;
  3066. overflow: hidden;
  3067. clip: rect(1px,1px,1px,1px);
  3068. }
  3069. .ui-select .ui-btn {
  3070. margin: 0;
  3071. opacity: 1; /* 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. */
  3072. }
  3073. .ui-select .ui-btn select {
  3074. position: absolute;
  3075. top: 0;
  3076. left: 0;
  3077. width: 100%;
  3078. min-height: 1.5em;
  3079. min-height: 100%;
  3080. height: 3em;
  3081. max-height: 100%;
  3082. outline: 0;
  3083. -webkit-border-radius: inherit;
  3084. border-radius: inherit;
  3085. -webkit-appearance: none;
  3086. -moz-appearance: none;
  3087. cursor: pointer;
  3088. filter: Alpha(Opacity=0);
  3089. opacity: 0;
  3090. z-index: 2;
  3091. }
  3092. @-moz-document url-prefix() {
  3093. .ui-select .ui-btn select {
  3094. opacity: 0.0001;
  3095. }
  3096. }
  3097. /* Display none because of issues with IE/WP's filter alpha opacity */
  3098. .ui-select .ui-state-disabled select {
  3099. display: none;
  3100. }
  3101. /* Because we add all classes of the select and option elements to the span... */
  3102. .ui-select span.ui-state-disabled {
  3103. filter: Alpha(Opacity=100);
  3104. opacity: 1;
  3105. }
  3106. .ui-select .ui-btn.ui-select-nativeonly {
  3107. border-radius: 0;
  3108. border: 0;
  3109. }
  3110. .ui-select .ui-btn.ui-select-nativeonly select {
  3111. opacity: 1;
  3112. text-indent: 0;
  3113. display: block;
  3114. }
  3115. /* ui-li-count is styled in the listview CSS. We set padding and offset here because select supports icon position while listview doesn't. */
  3116. .ui-select .ui-li-has-count.ui-btn {
  3117. padding-right: 2.8125em;
  3118. }
  3119. .ui-select .ui-li-has-count.ui-btn-icon-right {
  3120. padding-right: 4.6875em;
  3121. }
  3122. .ui-select .ui-btn-icon-right .ui-li-count {
  3123. right: 3.2em;
  3124. }
  3125. /* We set the rules for the span as well to fix an issue on Chrome with text-overflow ellipsis for the button in combination with text-align center. */
  3126. .ui-select .ui-btn > span:not(.ui-li-count) {
  3127. display: block;
  3128. text-overflow: ellipsis;
  3129. overflow: hidden !important;
  3130. white-space: nowrap;
  3131. }
  3132. .ui-selectmenu.ui-popup {
  3133. min-width: 11em;
  3134. }
  3135. .ui-selectmenu .ui-dialog-contain {
  3136. overflow: hidden;
  3137. }
  3138. .ui-selectmenu .ui-header {
  3139. margin: 0;
  3140. padding: 0;
  3141. border-width: 0;
  3142. }
  3143. .ui-selectmenu.ui-dialog .ui-header {
  3144. z-index: 1;
  3145. position: relative;
  3146. }
  3147. .ui-selectmenu.ui-popup .ui-header {
  3148. -webkit-border-bottom-right-radius: 0;
  3149. border-bottom-right-radius: 0;
  3150. -webkit-border-bottom-left-radius: 0;
  3151. border-bottom-left-radius: 0;
  3152. }
  3153. /* 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 */
  3154. .ui-selectmenu.ui-popup .ui-header h1:after {
  3155. content: '.';
  3156. visibility: hidden;
  3157. }
  3158. .ui-selectmenu .ui-header .ui-title {
  3159. margin: 0 2.875em;
  3160. }
  3161. .ui-selectmenu.ui-dialog .ui-content {
  3162. overflow: visible;
  3163. z-index: 1;
  3164. }
  3165. .ui-selectmenu .ui-selectmenu-list {
  3166. margin: 0;
  3167. -webkit-border-radius: inherit;
  3168. border-radius: inherit;
  3169. }
  3170. .ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list {
  3171. -webkit-border-top-right-radius: 0;
  3172. border-top-right-radius: 0;
  3173. -webkit-border-top-left-radius: 0;
  3174. border-top-left-radius: 0;
  3175. }
  3176. .ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn {
  3177. border-top-width: 0;
  3178. }
  3179. .ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn {
  3180. border-bottom-width: 0;
  3181. }
  3182. .ui-selectmenu .ui-btn.ui-li-divider {
  3183. cursor: default;
  3184. }
  3185. .ui-selectmenu .ui-selectmenu-placeholder {
  3186. display: none;
  3187. }
  3188. .ui-listview,
  3189. .ui-listview > li {
  3190. margin: 0;
  3191. padding: 0;
  3192. list-style: none;
  3193. }
  3194. .ui-content .ui-listview,
  3195. .ui-panel-inner > .ui-listview {
  3196. margin: -1em;
  3197. }
  3198. .ui-content .ui-listview-inset,
  3199. .ui-panel-inner > .ui-listview-inset {
  3200. margin: 1em 0;
  3201. }
  3202. .ui-collapsible-content > .ui-listview {
  3203. margin: -.5em -1em;
  3204. }
  3205. .ui-collapsible-content > .ui-listview-inset {
  3206. margin: .5em 0;
  3207. }
  3208. .ui-listview > li {
  3209. display: block;
  3210. position: relative;
  3211. overflow: visible;
  3212. }
  3213. .ui-listview > .ui-li-static,
  3214. .ui-listview > .ui-li-divider,
  3215. .ui-listview > li > a.ui-btn {
  3216. margin: 0;
  3217. display: block;
  3218. position: relative;
  3219. text-align: left;
  3220. text-overflow: ellipsis;
  3221. overflow: hidden;
  3222. white-space: nowrap;
  3223. }
  3224. .ui-listview > li > .ui-btn:focus {
  3225. z-index: 1;
  3226. }
  3227. .ui-listview > .ui-li-static,
  3228. .ui-listview > .ui-li-divider,
  3229. .ui-listview > li > a.ui-btn {
  3230. border-width: 1px 0 0 0;
  3231. border-style: solid;
  3232. }
  3233. .ui-listview-inset > .ui-li-static,
  3234. .ui-listview-inset > .ui-li-divider,
  3235. .ui-listview-inset > li > a.ui-btn {
  3236. border-right-width: 1px;
  3237. border-left-width: 1px;
  3238. }
  3239. .ui-listview > .ui-li-static.ui-last-child,
  3240. .ui-listview > .ui-li-divider.ui-last-child,
  3241. .ui-listview > li.ui-last-child > a.ui-btn {
  3242. border-bottom-width: 1px;
  3243. }
  3244. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
  3245. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
  3246. border-top-width: 0;
  3247. }
  3248. .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child,
  3249. .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn {
  3250. border-bottom-width: 0;
  3251. }
  3252. .ui-listview > li.ui-first-child,
  3253. .ui-listview > li.ui-first-child > a.ui-btn {
  3254. -webkit-border-top-right-radius: inherit;
  3255. border-top-right-radius: inherit;
  3256. -webkit-border-top-left-radius: inherit;
  3257. border-top-left-radius: inherit;
  3258. }
  3259. .ui-listview > li.ui-last-child,
  3260. .ui-listview > li.ui-last-child > a.ui-btn {
  3261. -webkit-border-bottom-right-radius: inherit;
  3262. border-bottom-right-radius: inherit;
  3263. -webkit-border-bottom-left-radius: inherit;
  3264. border-bottom-left-radius: inherit;
  3265. }
  3266. .ui-listview > li.ui-li-has-alt > a.ui-btn {
  3267. -webkit-border-top-right-radius: 0;
  3268. border-top-right-radius: 0;
  3269. -webkit-border-bottom-right-radius: 0;
  3270. border-bottom-right-radius: 0;
  3271. }
  3272. .ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn {
  3273. -webkit-border-top-left-radius: 0;
  3274. border-top-left-radius: 0;
  3275. -webkit-border-top-right-radius: inherit;
  3276. border-top-right-radius: inherit;
  3277. }
  3278. .ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn {
  3279. -webkit-border-bottom-left-radius: 0;
  3280. border-bottom-left-radius: 0;
  3281. -webkit-border-bottom-right-radius: inherit;
  3282. border-bottom-right-radius: inherit;
  3283. }
  3284. .ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) {
  3285. -webkit-border-top-left-radius: inherit;
  3286. border-top-left-radius: inherit;
  3287. }
  3288. .ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) {
  3289. -webkit-border-bottom-left-radius: inherit;
  3290. border-bottom-left-radius: inherit;
  3291. }
  3292. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
  3293. -webkit-border-radius: inherit;
  3294. border-radius: inherit;
  3295. }
  3296. .ui-listview > .ui-li-static {
  3297. padding: .7em 1em;
  3298. }
  3299. .ui-listview > .ui-li-divider {
  3300. padding: .5em 1.143em;
  3301. font-size: 14px;
  3302. font-weight: bold;
  3303. cursor: default;
  3304. outline: 0; /* Dividers in custom selectmenus have tabindex */
  3305. }
  3306. .ui-listview > .ui-li-has-count > .ui-btn,
  3307. .ui-listview > .ui-li-static.ui-li-has-count,
  3308. .ui-listview > .ui-li-divider.ui-li-has-count {
  3309. padding-right: 2.8125em;
  3310. }
  3311. .ui-listview > .ui-li-has-count > .ui-btn-icon-right {
  3312. padding-right: 4.6875em;
  3313. }
  3314. .ui-listview > .ui-li-has-thumb > .ui-btn,
  3315. .ui-listview > .ui-li-static.ui-li-has-thumb {
  3316. min-height: 3.625em;
  3317. padding-left: 6.25em;
  3318. }
  3319. /* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
  3320. .ui-listview > .ui-li-has-icon > .ui-btn,
  3321. .ui-listview > .ui-li-static.ui-li-has-icon {
  3322. min-height: 1.25em;
  3323. padding-left: 2.5em;
  3324. }
  3325. /* Used by both listview and custom multiple select button */
  3326. .ui-li-count {
  3327. position: absolute;
  3328. font-size: 12.5px;
  3329. font-weight: bold;
  3330. text-align: center;
  3331. border-width: 1px;
  3332. border-style: solid;
  3333. padding: 0 .48em;
  3334. line-height: 1.6em;
  3335. min-height: 1.6em;
  3336. min-width: .64em;
  3337. right: .8em;
  3338. top: 50%;
  3339. margin-top: -.88em;
  3340. }
  3341. .ui-listview .ui-btn-icon-right .ui-li-count {
  3342. right: 3.2em;
  3343. }
  3344. .ui-listview .ui-li-has-thumb > img:first-child,
  3345. .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
  3346. .ui-listview .ui-li-has-thumb .ui-li-thumb {
  3347. position: absolute;
  3348. left: 0;
  3349. top: 0;
  3350. max-height: 5em;
  3351. max-width: 5em;
  3352. }
  3353. /* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
  3354. .ui-listview > .ui-li-has-icon > img:first-child,
  3355. .ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
  3356. position: absolute;
  3357. left: .625em;
  3358. top: .9em;
  3359. max-height: 1em;
  3360. max-width: 1em;
  3361. }
  3362. .ui-listview > li h1,
  3363. .ui-listview > li h2,
  3364. .ui-listview > li h3,
  3365. .ui-listview > li h4,
  3366. .ui-listview > li h5,
  3367. .ui-listview > li h6 {
  3368. font-size: 1em;
  3369. font-weight: bold;
  3370. display: block;
  3371. margin: .45em 0;
  3372. text-overflow: ellipsis;
  3373. overflow: hidden;
  3374. white-space: nowrap;
  3375. }
  3376. .ui-listview > li p {
  3377. font-size: .75em;
  3378. font-weight: normal;
  3379. display: block;
  3380. margin: .6em 0;
  3381. text-overflow: ellipsis;
  3382. overflow: hidden;
  3383. white-space: nowrap;
  3384. }
  3385. .ui-listview .ui-li-aside {
  3386. position: absolute;
  3387. top: 1em;
  3388. right: 3.333em;
  3389. margin: 0;
  3390. text-align: right;
  3391. }
  3392. .ui-listview > li.ui-li-has-alt > .ui-btn {
  3393. margin-right: 2.5em;
  3394. border-right-width: 0;
  3395. }
  3396. .ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn {
  3397. position: absolute;
  3398. width: 2.5em;
  3399. height: 100%;
  3400. min-height: auto;
  3401. -webkit-box-sizing: border-box;
  3402. -moz-box-sizing: border-box;
  3403. box-sizing: border-box;
  3404. border-left-width: 1px;
  3405. top: 0;
  3406. right: 0;
  3407. margin: 0;
  3408. padding: 0;
  3409. z-index: 2;
  3410. }
  3411. .ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn {
  3412. border-right-width: 1px;
  3413. }
  3414. .ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus {
  3415. z-index: 3;
  3416. }
  3417. ol.ui-listview,
  3418. ol.ui-listview > .ui-li-divider {
  3419. counter-reset: listnumbering;
  3420. }
  3421. ol.ui-listview > li > .ui-btn,
  3422. ol.ui-listview > li.ui-li-static {
  3423. vertical-align: middle;
  3424. }
  3425. ol.ui-listview > li > .ui-btn:first-child:before,
  3426. ol.ui-listview > li.ui-li-static:before,
  3427. ol.ui-listview > li.ui-field-contain > label:before,
  3428. ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before {
  3429. display: inline-block;
  3430. font-size: .9em;
  3431. font-weight: normal;
  3432. padding-right: .3em;
  3433. min-width: 1.4em;
  3434. line-height: 1.5;
  3435. vertical-align: middle;
  3436. counter-increment: listnumbering;
  3437. content: counter(listnumbering) ".";
  3438. }
  3439. ol.ui-listview > li.ui-field-contain:before {
  3440. content: none;
  3441. display: none;
  3442. }
  3443. ol.ui-listview > li h1:first-child,
  3444. ol.ui-listview > li h2:first-child,
  3445. ol.ui-listview > li h3:first-child,
  3446. ol.ui-listview > li h4:first-child,
  3447. ol.ui-listview > li h5:first-child,
  3448. ol.ui-listview > li h6:first-child,
  3449. ol.ui-listview > li p:first-child,
  3450. ol.ui-listview > li img:first-child + * {
  3451. display: inline-block;
  3452. vertical-align: middle;
  3453. }
  3454. ol.ui-listview > li h1:first-child ~ *,
  3455. ol.ui-listview > li h2:first-child ~ *,
  3456. ol.ui-listview > li h3:first-child ~ *,
  3457. ol.ui-listview > li h4:first-child ~ *,
  3458. ol.ui-listview > li h5:first-child ~ *,
  3459. ol.ui-listview > li h6:first-child ~ *,
  3460. ol.ui-listview > li p:first-child ~ *,
  3461. ol.ui-listview > li img:first-child + * ~ * {
  3462. margin-top: 0;
  3463. text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */
  3464. }
  3465. html .ui-filterable + .ui-listview,
  3466. html .ui-filterable.ui-listview {
  3467. margin-top: .5em;
  3468. }
  3469. .ui-collapsible-content > form.ui-filterable {
  3470. margin-top: -.5em;
  3471. }
  3472. .ui-collapsible-content > .ui-input-search.ui-filterable {
  3473. margin-top: 0;
  3474. }
  3475. .ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
  3476. .ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn,
  3477. .ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child,
  3478. .ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
  3479. border-top-width: 1px;
  3480. }
  3481. div.ui-slider {
  3482. height: 30px;
  3483. margin: .5em 0;
  3484. padding: 0;
  3485. -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
  3486. }
  3487. div.ui-slider:before,
  3488. div.ui-slider:after {
  3489. content: "";
  3490. display: table;
  3491. }
  3492. div.ui-slider:after {
  3493. clear: both;
  3494. }
  3495. input.ui-slider-input {
  3496. display: block;
  3497. float: left;
  3498. font-size: 14px;
  3499. font-weight: bold;
  3500. margin: 0;
  3501. padding: 4px;
  3502. width: 40px;
  3503. height: 20px;
  3504. line-height: 20px;
  3505. border-width: 1px;
  3506. border-style: solid;
  3507. outline: 0;
  3508. text-align: center;
  3509. vertical-align: text-bottom;
  3510. -webkit-appearance: none;
  3511. -moz-appearance: none;
  3512. appearance: none;
  3513. -webkit-box-sizing: content-box;
  3514. -moz-box-sizing: content-box;
  3515. box-sizing: content-box;
  3516. }
  3517. .ui-slider-input::-webkit-outer-spin-button,
  3518. .ui-slider-input::-webkit-inner-spin-button {
  3519. -webkit-appearance: none;
  3520. margin: 0;
  3521. }
  3522. .ui-slider-track {
  3523. position: relative;
  3524. overflow: visible;
  3525. border-width: 1px;
  3526. border-style: solid;
  3527. height: 15px;
  3528. margin: 0 15px 0 68px;
  3529. top: 6px;
  3530. }
  3531. .ui-slider-track.ui-mini {
  3532. height: 12px;
  3533. top: 8px;
  3534. }
  3535. .ui-slider-track .ui-slider-bg {
  3536. height: 100%;
  3537. }
  3538. /* High level of specificity to override button margins in grids */
  3539. .ui-slider-track .ui-btn.ui-slider-handle {
  3540. position: absolute;
  3541. z-index: 1;
  3542. top: 50%;
  3543. width: 28px;
  3544. height: 28px;
  3545. margin: -15px 0 0 -15px;
  3546. outline: 0;
  3547. padding: 0;
  3548. }
  3549. .ui-slider-track.ui-mini .ui-slider-handle {
  3550. height: 14px;
  3551. width: 14px;
  3552. margin: -8px 0 0 -8px;
  3553. }
  3554. select.ui-slider-switch {
  3555. position: absolute !important;
  3556. height: 1px;
  3557. width: 1px;
  3558. overflow: hidden;
  3559. clip: rect(1px,1px,1px,1px);
  3560. }
  3561. div.ui-slider-switch {
  3562. display: inline-block;
  3563. height: 32px;
  3564. width: 5.8em;
  3565. top: 0;
  3566. }
  3567. /* reset the clearfix */
  3568. div.ui-slider-switch:before,
  3569. div.ui-slider-switch:after {
  3570. display: none;
  3571. clear: none;
  3572. }
  3573. div.ui-slider-switch.ui-mini {
  3574. height: 29px;
  3575. top: 0;
  3576. }
  3577. .ui-slider-inneroffset {
  3578. margin: 0 16px;
  3579. position: relative;
  3580. z-index: 1;
  3581. }
  3582. .ui-slider-switch.ui-mini .ui-slider-inneroffset {
  3583. margin: 0 15px 0 14px;
  3584. }
  3585. .ui-slider-switch .ui-btn.ui-slider-handle {
  3586. margin: 1px 0 0 -15px;
  3587. }
  3588. .ui-slider-switch.ui-mini .ui-slider-handle {
  3589. width: 25px;
  3590. height: 25px;
  3591. margin: 1px 0 0 -13px;
  3592. padding: 0;
  3593. }
  3594. .ui-slider-handle-snapping {
  3595. -webkit-transition: left 70ms linear;
  3596. -moz-transition: left 70ms linear;
  3597. transition: left 70ms linear;
  3598. }
  3599. .ui-slider-switch .ui-slider-label {
  3600. position: absolute;
  3601. text-align: center;
  3602. width: 100%;
  3603. overflow: hidden;
  3604. font-size: 16px;
  3605. top: 0;
  3606. line-height: 2;
  3607. min-height: 100%;
  3608. white-space: nowrap;
  3609. cursor: pointer;
  3610. }
  3611. .ui-slider-switch.ui-mini .ui-slider-label {
  3612. font-size: 14px;
  3613. }
  3614. .ui-slider-switch .ui-slider-label-a {
  3615. z-index: 1;
  3616. left: 0;
  3617. text-indent: -1.5em;
  3618. }
  3619. .ui-slider-switch .ui-slider-label-b {
  3620. z-index: 0;
  3621. right: 0;
  3622. text-indent: 1.5em;
  3623. }
  3624. /* The corner radii for ui-slider-switch/track can be specified in theme CSS. The bg and handle inherits. */
  3625. .ui-slider-track .ui-slider-bg,
  3626. .ui-slider-switch .ui-slider-label,
  3627. .ui-slider-switch .ui-slider-inneroffset,
  3628. .ui-slider-handle {
  3629. -webkit-border-radius: inherit;
  3630. border-radius: inherit;
  3631. }
  3632. .ui-field-contain div.ui-slider-switch {
  3633. margin: 0;
  3634. }
  3635. /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
  3636. .ui-field-contain div.ui-slider-switch,
  3637. .ui-field-contain.ui-hide-label div.ui-slider-switch,
  3638. html .ui-popup .ui-field-contain div.ui-slider-switch {
  3639. display: inline-block;
  3640. width: 5.8em;
  3641. }
  3642. /* slider tooltip
  3643. -----------------------------------------------------------------------------------------------------------*/
  3644. .ui-slider-popup {
  3645. width: 64px;
  3646. height: 64px;
  3647. font-size: 36px;
  3648. padding-top: 14px;
  3649. opacity: 0.8;
  3650. }
  3651. .ui-slider-popup {
  3652. position: absolute !important;
  3653. text-align: center;
  3654. z-index: 100;
  3655. }
  3656. .ui-slider-track .ui-btn.ui-slider-handle {
  3657. font-size: .9em;
  3658. line-height: 30px;
  3659. }
  3660. .ui-rangeslider {
  3661. margin: .5em 0;
  3662. }
  3663. .ui-rangeslider:before,
  3664. .ui-rangeslider:after {
  3665. content: "";
  3666. display: table;
  3667. }
  3668. .ui-rangeslider:after {
  3669. clear: both;
  3670. }
  3671. .ui-rangeslider .ui-slider-input.ui-rangeslider-last {
  3672. float: right;
  3673. }
  3674. .ui-rangeslider .ui-rangeslider-sliders {
  3675. position: relative;
  3676. overflow: visible;
  3677. height: 30px;
  3678. margin: 0 68px;
  3679. }
  3680. .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
  3681. position: absolute;
  3682. top: 6px;
  3683. right: 0;
  3684. left: 0;
  3685. margin: 0;
  3686. }
  3687. .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
  3688. top: 8px;
  3689. }
  3690. .ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
  3691. display: none;
  3692. }
  3693. .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  3694. background-color: transparent;
  3695. background: none;
  3696. border-width: 0;
  3697. height: 0;
  3698. }
  3699. /* this makes ie6 and ie7 set height to 0 to fix z-index problem */
  3700. html >/**/body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  3701. height: 15px;
  3702. border-width: 1px;
  3703. }
  3704. html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
  3705. height: 12px;
  3706. }
  3707. /* Hide the second label (the first is moved outside the div) */
  3708. div.ui-rangeslider label {
  3709. position: absolute !important;
  3710. height: 1px;
  3711. width: 1px;
  3712. overflow: hidden;
  3713. clip: rect(1px,1px,1px,1px);
  3714. }
  3715. .ui-field-contain .ui-rangeslider input.ui-slider-input,
  3716. .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
  3717. .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
  3718. .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
  3719. margin-top: 0;
  3720. margin-bottom: 0;
  3721. }
  3722. .ui-input-text,
  3723. .ui-input-search {
  3724. margin: .5em 0;
  3725. border-width: 1px;
  3726. border-style: solid;
  3727. }
  3728. .ui-mini {
  3729. margin: .446em;
  3730. }
  3731. .ui-input-text input,
  3732. .ui-input-search input,
  3733. textarea.ui-input-text {
  3734. padding: .4em;
  3735. line-height: 1.4em;
  3736. display: block;
  3737. width: 100%;
  3738. -webkit-box-sizing: border-box;
  3739. -moz-box-sizing: border-box;
  3740. box-sizing: border-box;
  3741. outline: 0;
  3742. }
  3743. .ui-input-text input,
  3744. .ui-input-search input {
  3745. margin: 0;
  3746. min-height: 2.2em;
  3747. text-align: left; /* Opera aligns type="date" right by default */
  3748. border: 0;
  3749. background: transparent none;
  3750. -webkit-appearance: none;
  3751. -webkit-border-radius: inherit;
  3752. border-radius: inherit;
  3753. }
  3754. textarea.ui-input-text {
  3755. overflow: auto;
  3756. resize: vertical;
  3757. }
  3758. .ui-mini .ui-input-text input,
  3759. .ui-mini .ui-input-search input,
  3760. .ui-input-text.ui-mini input,
  3761. .ui-input-search.ui-mini input,
  3762. .ui-mini textarea.ui-input-text,
  3763. textarea.ui-mini {
  3764. font-size: 14px;
  3765. }
  3766. /* Same margin for mini textareas as other mini sized widgets (12.5/14 * 0.5em) */
  3767. .ui-mini textarea.ui-input-text,
  3768. textarea.ui-mini {
  3769. margin: .446em 0;
  3770. }
  3771. .ui-input-has-clear,
  3772. .ui-input-search {
  3773. position: relative;
  3774. }
  3775. /* Padding on the div instead of input because of browser spinners etc. */
  3776. .ui-input-has-clear {
  3777. padding-right: 2.375em;
  3778. }
  3779. .ui-mini.ui-input-has-clear {
  3780. padding-right: 2.923em;
  3781. }
  3782. .ui-input-has-clear input {
  3783. padding-right: 0;
  3784. /* Autofill on Chrome has bg color so we unset corners right as well. */
  3785. -webkit-border-top-right-radius: 0;
  3786. border-top-right-radius: 0;
  3787. -webkit-border-bottom-right-radius: 0;
  3788. border-bottom-right-radius: 0;
  3789. }
  3790. /* Search icon */
  3791. .ui-input-search input {
  3792. padding-left: 1.75em;
  3793. }
  3794. .ui-input-search:after {
  3795. position: absolute;
  3796. left: .3125em;
  3797. top: 50%;
  3798. margin-top: -7px;
  3799. content: "";
  3800. background-position: center center;
  3801. background-repeat: no-repeat;
  3802. width: 14px;
  3803. height: 14px;
  3804. filter: Alpha(Opacity=50);
  3805. opacity: .5;
  3806. }
  3807. .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
  3808. .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
  3809. position: absolute;
  3810. right: 0;
  3811. top: 50%;
  3812. margin: -14px .3125em 0;
  3813. border: 0;
  3814. background-color: transparent;
  3815. }
  3816. .ui-input-search .ui-input-clear-hidden,
  3817. .ui-input-text .ui-input-clear-hidden {
  3818. display: none;
  3819. }
  3820. /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
  3821. .ui-input-text input::-moz-placeholder,
  3822. .ui-input-search input::-moz-placeholder,
  3823. textarea.ui-input-text::-moz-placeholder {
  3824. color: #aaa;
  3825. }
  3826. /* Same for IE10 */
  3827. .ui-input-text input:-ms-input-placeholder,
  3828. .ui-input-search input:-ms-input-placeholder,
  3829. textarea.ui-input-text:-ms-input-placeholder {
  3830. color: #aaa;
  3831. }
  3832. /* Resolves issue #5131: Width of textinput depends on its type,
  3833. for Android 4.1 */
  3834. .ui-input-text input[type=number]::-webkit-outer-spin-button {
  3835. margin: 0;
  3836. }
  3837. /* Resolves issue #5756: Textinput in IE10 has a default clear button */
  3838. .ui-input-text input::-ms-clear,
  3839. .ui-input-search input::-ms-clear {
  3840. display: none;
  3841. }
  3842. .ui-input-text input:focus,
  3843. .ui-input-search input:focus {
  3844. -webkit-box-shadow: none;
  3845. -moz-box-shadow: none;
  3846. box-shadow: none;
  3847. }
  3848. textarea.ui-input-text.ui-textinput-autogrow {
  3849. overflow: hidden;
  3850. }
  3851. .ui-textinput-autogrow-resize {
  3852. -webkit-transition: height 0.25s;
  3853. -o-transition: height 0.25s;
  3854. -moz-transition: height 0.25s;
  3855. transition: height 0.25s;
  3856. }
  3857. .ui-flipswitch {
  3858. display: inline-block;
  3859. vertical-align: middle;
  3860. width: 5.875em; /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */
  3861. height: 1.875em;
  3862. border-width: 1px;
  3863. border-style: solid;
  3864. margin: .5em 0;
  3865. overflow: hidden;
  3866. -webkit-transition-property: padding, width, background-color, color, border-color;
  3867. -moz-transition-property: padding, width, background-color, color, border-color;
  3868. -o-transition-property: padding, width, background-color, color, border-color;
  3869. transition-property: padding, width, background-color, color, border-color;
  3870. -webkit-transition-duration: 100ms;
  3871. -moz-transition-duration: 100ms;
  3872. -o-transition-duration: 100ms;
  3873. transition-duration: 100ms;
  3874. -webkit-touch-callout: none;
  3875. -webkit-user-select: none;
  3876. -moz-user-select: none;
  3877. -ms-user-select: none;
  3878. user-select: none;
  3879. cursor: pointer;
  3880. }
  3881. .ui-flipswitch.ui-flipswitch-active {
  3882. padding-left: 4em; /* Override this and width in previous rule if you use labels other than "on/off" and need more space */
  3883. width: 1.875em;
  3884. }
  3885. .ui-flipswitch-input {
  3886. position: absolute;
  3887. height: 1px;
  3888. width: 1px;
  3889. margin: -1px;
  3890. overflow: hidden;
  3891. clip: rect(1px,1px,1px,1px);
  3892. border: 0;
  3893. outline: 0;
  3894. filter: Alpha(Opacity=0);
  3895. opacity: 0;
  3896. }
  3897. .ui-flipswitch .ui-btn.ui-flipswitch-on,
  3898. .ui-flipswitch .ui-flipswitch-off {
  3899. float: left;
  3900. height: 1.75em;
  3901. margin: .0625em;
  3902. line-height: 1.65em;
  3903. }
  3904. .ui-flipswitch .ui-btn.ui-flipswitch-on {
  3905. width: 1.75em;
  3906. padding: 0;
  3907. text-indent: -2.6em; /* Override this to center text if you use a label other than "on" */
  3908. text-align: left;
  3909. border-width: 1px;
  3910. border-style: solid;
  3911. -webkit-box-sizing: border-box;
  3912. -moz-box-sizing: border-box;
  3913. box-sizing: border-box;
  3914. border-radius: inherit;
  3915. overflow: visible;
  3916. color: inherit;
  3917. text-shadow: inherit;
  3918. }
  3919. .ui-flipswitch .ui-flipswitch-off {
  3920. padding: 1px;
  3921. text-indent: 1em; /* Override this to center text if you use a label other than "off" */
  3922. }
  3923. /* Override field container CSS to prevent the flipswitch from becomming full width */
  3924. html .ui-field-contain > label + .ui-flipswitch,
  3925. html .ui-popup .ui-field-contain > label + .ui-flipswitch {
  3926. display: inline-block;
  3927. width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */
  3928. -webkit-box-sizing: content-box;
  3929. -moz-box-sizing: content-box;
  3930. box-sizing: content-box;
  3931. }
  3932. .ui-field-contain .ui-flipswitch.ui-flipswitch-active,
  3933. .ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
  3934. width: 1.875em;
  3935. }
  3936. .ui-table {
  3937. border: 0;
  3938. border-collapse: collapse;
  3939. padding: 0;
  3940. width: 100%;
  3941. }
  3942. .ui-table th,
  3943. .ui-table td {
  3944. line-height: 1.5em;
  3945. text-align: left;
  3946. padding: .4em .5em;
  3947. vertical-align:top;
  3948. }
  3949. .ui-table th .ui-btn,
  3950. .ui-table td .ui-btn {
  3951. line-height: normal;
  3952. }
  3953. .ui-table th {
  3954. font-weight: bold;
  3955. }
  3956. .ui-table caption {
  3957. text-align: left;
  3958. margin-bottom: 1.4em;
  3959. opacity: .5;
  3960. }
  3961. /*
  3962. Styles for the table columntoggle mode
  3963. */
  3964. .ui-table-columntoggle-btn {
  3965. float: right;
  3966. margin-bottom: .8em;
  3967. }
  3968. /* Remove top/bottom margins around the fieldcontain on check list */
  3969. .ui-table-columntoggle-popup fieldset {
  3970. margin:0;
  3971. }
  3972. .ui-table-columntoggle {
  3973. clear: both;
  3974. }
  3975. /* Hide all prioritized columns by default */
  3976. @media only all {
  3977. th.ui-table-priority-6,
  3978. td.ui-table-priority-6,
  3979. th.ui-table-priority-5,
  3980. td.ui-table-priority-5,
  3981. th.ui-table-priority-4,
  3982. td.ui-table-priority-4,
  3983. th.ui-table-priority-3,
  3984. td.ui-table-priority-3,
  3985. th.ui-table-priority-2,
  3986. td.ui-table-priority-2,
  3987. th.ui-table-priority-1,
  3988. td.ui-table-priority-1 {
  3989. display: none;
  3990. }
  3991. }
  3992. /* Preset breakpoints if ".ui-responsive" class added to table */
  3993. /* Show priority 1 at 320px (20em x 16px) */
  3994. @media screen and (min-width: 20em) {
  3995. .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
  3996. .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
  3997. display: table-cell;
  3998. }
  3999. }
  4000. /* Show priority 2 at 480px (30em x 16px) */
  4001. @media screen and (min-width: 30em) {
  4002. .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
  4003. .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
  4004. display: table-cell;
  4005. }
  4006. }
  4007. /* Show priority 3 at 640px (40em x 16px) */
  4008. @media screen and (min-width: 40em) {
  4009. .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
  4010. .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
  4011. display: table-cell;
  4012. }
  4013. }
  4014. /* Show priority 4 at 800px (50em x 16px) */
  4015. @media screen and (min-width: 50em) {
  4016. .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
  4017. .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
  4018. display: table-cell;
  4019. }
  4020. }
  4021. /* Show priority 5 at 960px (60em x 16px) */
  4022. @media screen and (min-width: 60em) {
  4023. .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
  4024. .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
  4025. display: table-cell;
  4026. }
  4027. }
  4028. /* Show priority 6 at 1,120px (70em x 16px) */
  4029. @media screen and (min-width: 70em) {
  4030. .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
  4031. .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
  4032. display: table-cell;
  4033. }
  4034. }
  4035. /* Unchecked manually: Always hide */
  4036. .ui-table-columntoggle th.ui-table-cell-hidden,
  4037. .ui-table-columntoggle td.ui-table-cell-hidden,
  4038. .ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
  4039. .ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
  4040. display: none;
  4041. }
  4042. /* Checked manually: Always show */
  4043. .ui-table-columntoggle th.ui-table-cell-visible,
  4044. .ui-table-columntoggle td.ui-table-cell-visible,
  4045. .ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
  4046. .ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
  4047. display: table-cell;
  4048. }
  4049. /*
  4050. Styles for the table columntoggle mode
  4051. */
  4052. .ui-table-reflow td .ui-table-cell-label,
  4053. .ui-table-reflow th .ui-table-cell-label {
  4054. display: none;
  4055. }
  4056. /* Mobile first styles: Begin with the stacked presentation at narrow widths */
  4057. @media only all {
  4058. /* Hide the table headers */
  4059. .ui-table-reflow thead td,
  4060. .ui-table-reflow thead th {
  4061. display: none;
  4062. }
  4063. /* Show the table cells as a block level element */
  4064. .ui-table-reflow td,
  4065. .ui-table-reflow th {
  4066. text-align: left;
  4067. display: block;
  4068. }
  4069. /* Add a fair amount of top margin to visually separate each row when stacked */
  4070. .ui-table-reflow tbody th {
  4071. margin-top: 3em;
  4072. }
  4073. /* Make the label elements a percentage width */
  4074. .ui-table-reflow td .ui-table-cell-label,
  4075. .ui-table-reflow th .ui-table-cell-label {
  4076. padding: .4em;
  4077. min-width: 30%;
  4078. display: inline-block;
  4079. margin: -.4em 1em -.4em -.4em;
  4080. }
  4081. /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  4082. .ui-table-reflow th .ui-table-cell-label-top,
  4083. .ui-table-reflow td .ui-table-cell-label-top {
  4084. display: block;
  4085. padding: .4em 0;
  4086. margin: .4em 0;
  4087. text-transform: uppercase;
  4088. font-size: .9em;
  4089. font-weight: normal;
  4090. }
  4091. }
  4092. /* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
  4093. @media ( min-width: 35em ) {
  4094. /* Show the table header rows */
  4095. .ui-table-reflow.ui-responsive td,
  4096. .ui-table-reflow.ui-responsive th,
  4097. .ui-table-reflow.ui-responsive tbody th,
  4098. .ui-table-reflow.ui-responsive tbody td,
  4099. .ui-table-reflow.ui-responsive thead td,
  4100. .ui-table-reflow.ui-responsive thead th {
  4101. display: table-cell;
  4102. margin: 0;
  4103. }
  4104. /* Hide the labels in each cell */
  4105. .ui-table-reflow.ui-responsive td .ui-table-cell-label,
  4106. .ui-table-reflow.ui-responsive th .ui-table-cell-label {
  4107. display: none;
  4108. }
  4109. }
  4110. /* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
  4111. /* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
  4112. @media ( max-width: 35em ) {
  4113. .ui-table-reflow.ui-responsive td,
  4114. .ui-table-reflow.ui-responsive th {
  4115. width: 100%;
  4116. -webkit-box-sizing: border-box;
  4117. -moz-box-sizing: border-box;
  4118. box-sizing: border-box;
  4119. float: left;
  4120. clear: left;
  4121. }
  4122. }
  4123. /* Panel */
  4124. .ui-panel {
  4125. width: 17em;
  4126. min-height: 100%;
  4127. max-height: none;
  4128. border-width: 0;
  4129. position: absolute;
  4130. top: 0;
  4131. display: block;
  4132. }
  4133. .ui-panel-closed {
  4134. width: 0;
  4135. max-height: 100%;
  4136. overflow: hidden;
  4137. visibility: hidden;
  4138. left: 0;
  4139. clip: rect(1px,1px,1px,1px);
  4140. }
  4141. .ui-panel-fixed {
  4142. position: fixed;
  4143. bottom: -1px; /* Fixes gap on Chrome for Android */
  4144. padding-bottom: 1px;
  4145. }
  4146. .ui-panel-display-reveal {
  4147. z-index: 1;
  4148. }
  4149. .ui-panel-display-push {
  4150. z-index: 999;
  4151. }
  4152. .ui-panel-display-overlay {
  4153. z-index: 1001; /* Fixed toolbars have z-index 1000 */
  4154. }
  4155. .ui-panel-inner {
  4156. padding: 1em;
  4157. }
  4158. /* Container, page and wrapper */
  4159. .ui-panel-page-container {
  4160. overflow-x: visible;
  4161. }
  4162. .ui-panel-page-container-themed .ui-page-active {
  4163. background: none;
  4164. }
  4165. .ui-panel-wrapper {
  4166. position: relative;
  4167. min-height: inherit;
  4168. border: 0;
  4169. overflow-x: hidden;
  4170. z-index: 999;
  4171. }
  4172. /* Fixed toolbars */
  4173. .ui-panel-fixed-toolbar {
  4174. overflow-x: hidden;
  4175. }
  4176. /* Dismiss */
  4177. .ui-panel-dismiss {
  4178. position: absolute;
  4179. top: 0;
  4180. left: 0;
  4181. right: 0;
  4182. height: 100%;
  4183. z-index: 1002;
  4184. display: none;
  4185. }
  4186. .ui-panel-dismiss-open {
  4187. display: block;
  4188. }
  4189. /* Animate class is added to panel, wrapper and fixed toolbars */
  4190. .ui-panel-animate {
  4191. -webkit-transition: -webkit-transform 300ms ease;
  4192. -webkit-transition-duration: 300ms;
  4193. -moz-transition: -moz-transform 300ms ease;
  4194. transition: transform 300ms ease;
  4195. }
  4196. /* Fix for Windows Phone issue #6349: unset the transition for transforms in case of fixed toolbars. */
  4197. @media screen and ( max-device-width: 768px ) {
  4198. .ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,
  4199. .ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,
  4200. .ui-panel-animate.ui-panel-fixed-toolbar {
  4201. -ms-transition: none;
  4202. }
  4203. /* We need a transitionend event ... */
  4204. .ui-panel-animate.ui-panel-fixed-toolbar {
  4205. -ms-transition: -ms-transform 1ms;
  4206. -ms-transform: rotate(0deg);
  4207. }
  4208. }
  4209. /* Hardware acceleration for smoother transitions on WebKit browsers */
  4210. .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
  4211. -webkit-backface-visibility: hidden;
  4212. -webkit-transform: translate3d(0,0,0);
  4213. }
  4214. /* Panel positioning (for overlay and push) */
  4215. /* Panel left closed */
  4216. .ui-panel-position-left {
  4217. left: -17em;
  4218. }
  4219. /* Panel left closed animated */
  4220. .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
  4221. .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  4222. left: 0;
  4223. -webkit-transform: translate3d(-17em,0,0);
  4224. -moz-transform: translate3d(-17em,0,0);
  4225. transform: translate3d(-17em,0,0);
  4226. }
  4227. /* Panel left open */
  4228. .ui-panel-position-left.ui-panel-display-reveal, /* Unset "panel left closed" for reveal */
  4229. .ui-panel-open.ui-panel-position-left {
  4230. left: 0;
  4231. }
  4232. /* Panel left open animated */
  4233. .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
  4234. .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  4235. -webkit-transform: translate3d(0,0,0);
  4236. transform: translate3d(0,0,0);
  4237. -moz-transform: none;
  4238. }
  4239. /* Panel right closed */
  4240. .ui-panel-position-right {
  4241. right: -17em;
  4242. }
  4243. /* Panel right closed animated */
  4244. .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
  4245. .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  4246. right: 0;
  4247. -webkit-transform: translate3d(17em,0,0);
  4248. -moz-transform: translate3d(17em,0,0);
  4249. transform: translate3d(17em,0,0);
  4250. }
  4251. /* Panel right open */
  4252. .ui-panel-position-right.ui-panel-display-reveal, /* Unset "panel right closed" for reveal */
  4253. .ui-panel-position-right.ui-panel-open {
  4254. right: 0;
  4255. }
  4256. /* Panel right open animated */
  4257. .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,
  4258. .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
  4259. -webkit-transform: translate3d(0,0,0);
  4260. transform: translate3d(0,0,0);
  4261. -moz-transform: none;
  4262. }
  4263. /* Wrapper and fixed toolbars positioning (for reveal and push) */
  4264. /* Panel left open */
  4265. .ui-panel-page-content-position-left {
  4266. left: 17em;
  4267. right: -17em;
  4268. }
  4269. /* Panel left open animated */
  4270. .ui-panel-animate.ui-panel-page-content-position-left {
  4271. left: 0;
  4272. right: 0;
  4273. -webkit-transform: translate3d(17em,0,0);
  4274. -moz-transform: translate3d(17em,0,0);
  4275. transform: translate3d(17em,0,0);
  4276. }
  4277. /* Panel right open */
  4278. .ui-panel-page-content-position-right {
  4279. left: -17em;
  4280. right: 17em;
  4281. }
  4282. /* Panel right open animated */
  4283. .ui-panel-animate.ui-panel-page-content-position-right {
  4284. left: 0;
  4285. right: 0;
  4286. -webkit-transform: translate3d(-17em,0,0);
  4287. -moz-transform: translate3d(-17em,0,0);
  4288. transform: translate3d(-17em,0,0);
  4289. }
  4290. /* Dismiss model open */
  4291. .ui-panel-dismiss-open.ui-panel-dismiss-position-left {
  4292. left: 17em;
  4293. }
  4294. .ui-panel-dismiss-open.ui-panel-dismiss-position-right {
  4295. right: 17em;
  4296. }
  4297. /* Shadows and borders */
  4298. .ui-panel-display-reveal {
  4299. -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
  4300. -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
  4301. box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
  4302. }
  4303. .ui-panel-position-right.ui-panel-display-reveal {
  4304. -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
  4305. -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
  4306. box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
  4307. }
  4308. .ui-panel-display-overlay {
  4309. -webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
  4310. -moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
  4311. box-shadow: 5px 0 5px rgba(0,0,0,.15);
  4312. }
  4313. .ui-panel-position-right.ui-panel-display-overlay {
  4314. -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
  4315. -moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
  4316. box-shadow: -5px 0 5px rgba(0,0,0,.15);
  4317. }
  4318. .ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  4319. border-right-width: 1px;
  4320. margin-right: -1px;
  4321. }
  4322. .ui-panel-page-content-position-left.ui-panel-page-content-display-push {
  4323. margin-left: 1px;
  4324. width: auto;
  4325. }
  4326. .ui-panel-open.ui-panel-position-right.ui-panel-display-push {
  4327. border-left-width: 1px;
  4328. margin-left: -1px;
  4329. }
  4330. .ui-panel-page-content-position-right.ui-panel-page-content-display-push {
  4331. margin-right: 1px;
  4332. width: auto;
  4333. }
  4334. /* Responsive: wrap on wide viewports once open */
  4335. @media (min-width:55em) {
  4336. .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
  4337. margin-right: 17em;
  4338. }
  4339. .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
  4340. margin-left: 17em;
  4341. }
  4342. .ui-responsive-panel .ui-panel-page-content-open {
  4343. width: auto;
  4344. }
  4345. .ui-responsive-panel .ui-panel-dismiss-display-push,
  4346. .ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
  4347. display: none;
  4348. }
  4349. }
  4350. .ui-tabs {
  4351. position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  4352. padding: .2em;
  4353. }