styles.css 372 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064
  1. /**
  2. * Primary Drupal Styles
  3. * Author: g-u-i.net
  4. */
  5. /*!
  6. * Bootstrap v2.3.2
  7. *
  8. * Copyright 2012 Twitter, Inc
  9. * Licensed under the Apache License v2.0
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Designed and built with all the love in the world @twitter by @mdo and @fat.
  13. */
  14. .clearfix {
  15. *zoom: 1;
  16. }
  17. .clearfix:before,
  18. .clearfix:after {
  19. display: table;
  20. content: "";
  21. line-height: 0;
  22. }
  23. .clearfix:after {
  24. clear: both;
  25. }
  26. .hide-text {
  27. font: 0/0 a;
  28. color: transparent;
  29. text-shadow: none;
  30. background-color: transparent;
  31. border: 0;
  32. }
  33. .input-block-level {
  34. display: block;
  35. width: 100%;
  36. min-height: 30px;
  37. -webkit-box-sizing: border-box;
  38. -moz-box-sizing: border-box;
  39. box-sizing: border-box;
  40. }
  41. article,
  42. aside,
  43. details,
  44. figcaption,
  45. figure,
  46. footer,
  47. header,
  48. hgroup,
  49. nav,
  50. section {
  51. display: block;
  52. }
  53. audio,
  54. canvas,
  55. video {
  56. display: inline-block;
  57. *display: inline;
  58. *zoom: 1;
  59. }
  60. audio:not([controls]) {
  61. display: none;
  62. }
  63. html {
  64. font-size: 100%;
  65. -webkit-text-size-adjust: 100%;
  66. -ms-text-size-adjust: 100%;
  67. }
  68. a:focus {
  69. outline: thin dotted #333;
  70. outline: 5px auto -webkit-focus-ring-color;
  71. outline-offset: -2px;
  72. }
  73. a:hover,
  74. a:active {
  75. outline: 0;
  76. }
  77. sub,
  78. sup {
  79. position: relative;
  80. font-size: 75%;
  81. line-height: 0;
  82. vertical-align: baseline;
  83. }
  84. sup {
  85. top: -0.5em;
  86. }
  87. sub {
  88. bottom: -0.25em;
  89. }
  90. img {
  91. /* Responsive images (ensure images don't scale beyond their parents) */
  92. max-width: 100%;
  93. /* Part 1: Set a maxium relative to the parent */
  94. width: auto\9;
  95. /* IE7-8 need help adjusting responsive images */
  96. height: auto;
  97. /* Part 2: Scale the height according to the width, otherwise you get stretching */
  98. vertical-align: middle;
  99. border: 0;
  100. -ms-interpolation-mode: bicubic;
  101. }
  102. #map_canvas img,
  103. .google-maps img {
  104. max-width: none;
  105. }
  106. button,
  107. input,
  108. select,
  109. textarea {
  110. margin: 0;
  111. font-size: 100%;
  112. vertical-align: middle;
  113. }
  114. button,
  115. input {
  116. *overflow: visible;
  117. line-height: normal;
  118. }
  119. button::-moz-focus-inner,
  120. input::-moz-focus-inner {
  121. padding: 0;
  122. border: 0;
  123. }
  124. button,
  125. html input[type="button"],
  126. input[type="reset"],
  127. input[type="submit"] {
  128. -webkit-appearance: button;
  129. cursor: pointer;
  130. }
  131. label,
  132. select,
  133. button,
  134. input[type="button"],
  135. input[type="reset"],
  136. input[type="submit"],
  137. input[type="radio"],
  138. input[type="checkbox"] {
  139. cursor: pointer;
  140. }
  141. input[type="search"] {
  142. -webkit-box-sizing: content-box;
  143. -moz-box-sizing: content-box;
  144. box-sizing: content-box;
  145. -webkit-appearance: textfield;
  146. }
  147. input[type="search"]::-webkit-search-decoration,
  148. input[type="search"]::-webkit-search-cancel-button {
  149. -webkit-appearance: none;
  150. }
  151. textarea {
  152. overflow: auto;
  153. vertical-align: top;
  154. }
  155. @media print {
  156. * {
  157. text-shadow: none !important;
  158. color: #000 !important;
  159. background: transparent !important;
  160. box-shadow: none !important;
  161. }
  162. a,
  163. a:visited {
  164. text-decoration: underline;
  165. }
  166. a[href]:after {
  167. content: " (" attr(href) ")";
  168. }
  169. abbr[title]:after {
  170. content: " (" attr(title) ")";
  171. }
  172. .ir a:after,
  173. a[href^="javascript:"]:after,
  174. a[href^="#"]:after {
  175. content: "";
  176. }
  177. pre,
  178. blockquote {
  179. border: 1px solid #999;
  180. page-break-inside: avoid;
  181. }
  182. thead {
  183. display: table-header-group;
  184. }
  185. tr,
  186. img {
  187. page-break-inside: avoid;
  188. }
  189. img {
  190. max-width: 100% !important;
  191. }
  192. @page {
  193. margin: 0.5cm;
  194. }
  195. p,
  196. h2,
  197. h3 {
  198. orphans: 3;
  199. widows: 3;
  200. }
  201. h2,
  202. h3 {
  203. page-break-after: avoid;
  204. }
  205. }
  206. body {
  207. margin: 0;
  208. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  209. font-size: 14px;
  210. line-height: 20px;
  211. color: #333333;
  212. background-color: #ffffff;
  213. }
  214. a {
  215. color: #0088cc;
  216. text-decoration: none;
  217. }
  218. a:hover,
  219. a:focus {
  220. color: #005580;
  221. text-decoration: underline;
  222. }
  223. .img-rounded {
  224. -webkit-border-radius: 6px;
  225. -moz-border-radius: 6px;
  226. border-radius: 6px;
  227. -webkit-border-radius: 6px 0 0 0;
  228. -moz-border-radius: 6px 0 0 0;
  229. border-radius: 6px 0 0 0;
  230. -webkit-background-clip: padding-box;
  231. -moz-background-clip: padding;
  232. background-clip: padding-box;
  233. }
  234. .img-polaroid {
  235. padding: 4px;
  236. background-color: #fff;
  237. border: 1px solid #ccc;
  238. border: 1px solid rgba(0, 0, 0, 0.2);
  239. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  240. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  241. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  242. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  243. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  244. -webkit-box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.1) #000000;
  245. -moz-box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.1) #000000;
  246. -ms-box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.1) #000000;
  247. box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.1) #000000;
  248. }
  249. .img-circle {
  250. -webkit-border-radius: 500px;
  251. -moz-border-radius: 500px;
  252. border-radius: 500px;
  253. -webkit-border-radius: 500px 0 0 0;
  254. -moz-border-radius: 500px 0 0 0;
  255. border-radius: 500px 0 0 0;
  256. -webkit-background-clip: padding-box;
  257. -moz-background-clip: padding;
  258. background-clip: padding-box;
  259. }
  260. .row {
  261. margin-left: -20px;
  262. *zoom: 1;
  263. }
  264. .row:before,
  265. .row:after {
  266. display: table;
  267. content: "";
  268. line-height: 0;
  269. }
  270. .row:after {
  271. clear: both;
  272. }
  273. [class*="span"] {
  274. float: left;
  275. min-height: 1px;
  276. margin-left: 20px;
  277. }
  278. .container,
  279. .navbar-static-top .container,
  280. .navbar-fixed-top .container,
  281. .navbar-fixed-bottom .container {
  282. width: 940px;
  283. }
  284. .span12 {
  285. width: 940px;
  286. }
  287. .span11 {
  288. width: 860px;
  289. }
  290. .span10 {
  291. width: 780px;
  292. }
  293. .span9 {
  294. width: 700px;
  295. }
  296. .span8 {
  297. width: 620px;
  298. }
  299. .span7 {
  300. width: 540px;
  301. }
  302. .span6 {
  303. width: 460px;
  304. }
  305. .span5 {
  306. width: 380px;
  307. }
  308. .span4 {
  309. width: 300px;
  310. }
  311. .span3 {
  312. width: 220px;
  313. }
  314. .span2 {
  315. width: 140px;
  316. }
  317. .span1 {
  318. width: 60px;
  319. }
  320. .offset12 {
  321. margin-left: 980px;
  322. }
  323. .offset11 {
  324. margin-left: 900px;
  325. }
  326. .offset10 {
  327. margin-left: 820px;
  328. }
  329. .offset9 {
  330. margin-left: 740px;
  331. }
  332. .offset8 {
  333. margin-left: 660px;
  334. }
  335. .offset7 {
  336. margin-left: 580px;
  337. }
  338. .offset6 {
  339. margin-left: 500px;
  340. }
  341. .offset5 {
  342. margin-left: 420px;
  343. }
  344. .offset4 {
  345. margin-left: 340px;
  346. }
  347. .offset3 {
  348. margin-left: 260px;
  349. }
  350. .offset2 {
  351. margin-left: 180px;
  352. }
  353. .offset1 {
  354. margin-left: 100px;
  355. }
  356. .row-fluid {
  357. width: 100%;
  358. *zoom: 1;
  359. }
  360. .row-fluid:before,
  361. .row-fluid:after {
  362. display: table;
  363. content: "";
  364. line-height: 0;
  365. }
  366. .row-fluid:after {
  367. clear: both;
  368. }
  369. .row-fluid [class*="span"] {
  370. display: block;
  371. width: 100%;
  372. min-height: 30px;
  373. -webkit-box-sizing: border-box;
  374. -moz-box-sizing: border-box;
  375. box-sizing: border-box;
  376. float: left;
  377. margin-left: 2.12765957%;
  378. *margin-left: 2.07446809%;
  379. }
  380. .row-fluid [class*="span"]:first-child {
  381. margin-left: 0;
  382. }
  383. .row-fluid .controls-row [class*="span"] + [class*="span"] {
  384. margin-left: 2.12765957%;
  385. }
  386. .row-fluid .span12 {
  387. width: 100%;
  388. *width: 99.94680851%;
  389. }
  390. .row-fluid .span11 {
  391. width: 91.4893617%;
  392. *width: 91.43617021%;
  393. }
  394. .row-fluid .span10 {
  395. width: 82.9787234%;
  396. *width: 82.92553191%;
  397. }
  398. .row-fluid .span9 {
  399. width: 74.46808511%;
  400. *width: 74.41489362%;
  401. }
  402. .row-fluid .span8 {
  403. width: 65.95744681%;
  404. *width: 65.90425532%;
  405. }
  406. .row-fluid .span7 {
  407. width: 57.44680851%;
  408. *width: 57.39361702%;
  409. }
  410. .row-fluid .span6 {
  411. width: 48.93617021%;
  412. *width: 48.88297872%;
  413. }
  414. .row-fluid .span5 {
  415. width: 40.42553191%;
  416. *width: 40.37234043%;
  417. }
  418. .row-fluid .span4 {
  419. width: 31.91489362%;
  420. *width: 31.86170213%;
  421. }
  422. .row-fluid .span3 {
  423. width: 23.40425532%;
  424. *width: 23.35106383%;
  425. }
  426. .row-fluid .span2 {
  427. width: 14.89361702%;
  428. *width: 14.84042553%;
  429. }
  430. .row-fluid .span1 {
  431. width: 6.38297872%;
  432. *width: 6.32978723%;
  433. }
  434. .row-fluid .offset12 {
  435. margin-left: 104.25531915%;
  436. *margin-left: 104.14893617%;
  437. }
  438. .row-fluid .offset12:first-child {
  439. margin-left: 102.12765957%;
  440. *margin-left: 102.0212766%;
  441. }
  442. .row-fluid .offset11 {
  443. margin-left: 95.74468085%;
  444. *margin-left: 95.63829787%;
  445. }
  446. .row-fluid .offset11:first-child {
  447. margin-left: 93.61702128%;
  448. *margin-left: 93.5106383%;
  449. }
  450. .row-fluid .offset10 {
  451. margin-left: 87.23404255%;
  452. *margin-left: 87.12765957%;
  453. }
  454. .row-fluid .offset10:first-child {
  455. margin-left: 85.10638298%;
  456. *margin-left: 85%;
  457. }
  458. .row-fluid .offset9 {
  459. margin-left: 78.72340426%;
  460. *margin-left: 78.61702128%;
  461. }
  462. .row-fluid .offset9:first-child {
  463. margin-left: 76.59574468%;
  464. *margin-left: 76.4893617%;
  465. }
  466. .row-fluid .offset8 {
  467. margin-left: 70.21276596%;
  468. *margin-left: 70.10638298%;
  469. }
  470. .row-fluid .offset8:first-child {
  471. margin-left: 68.08510638%;
  472. *margin-left: 67.9787234%;
  473. }
  474. .row-fluid .offset7 {
  475. margin-left: 61.70212766%;
  476. *margin-left: 61.59574468%;
  477. }
  478. .row-fluid .offset7:first-child {
  479. margin-left: 59.57446809%;
  480. *margin-left: 59.46808511%;
  481. }
  482. .row-fluid .offset6 {
  483. margin-left: 53.19148936%;
  484. *margin-left: 53.08510638%;
  485. }
  486. .row-fluid .offset6:first-child {
  487. margin-left: 51.06382979%;
  488. *margin-left: 50.95744681%;
  489. }
  490. .row-fluid .offset5 {
  491. margin-left: 44.68085106%;
  492. *margin-left: 44.57446809%;
  493. }
  494. .row-fluid .offset5:first-child {
  495. margin-left: 42.55319149%;
  496. *margin-left: 42.44680851%;
  497. }
  498. .row-fluid .offset4 {
  499. margin-left: 36.17021277%;
  500. *margin-left: 36.06382979%;
  501. }
  502. .row-fluid .offset4:first-child {
  503. margin-left: 34.04255319%;
  504. *margin-left: 33.93617021%;
  505. }
  506. .row-fluid .offset3 {
  507. margin-left: 27.65957447%;
  508. *margin-left: 27.55319149%;
  509. }
  510. .row-fluid .offset3:first-child {
  511. margin-left: 25.53191489%;
  512. *margin-left: 25.42553191%;
  513. }
  514. .row-fluid .offset2 {
  515. margin-left: 19.14893617%;
  516. *margin-left: 19.04255319%;
  517. }
  518. .row-fluid .offset2:first-child {
  519. margin-left: 17.0212766%;
  520. *margin-left: 16.91489362%;
  521. }
  522. .row-fluid .offset1 {
  523. margin-left: 10.63829787%;
  524. *margin-left: 10.53191489%;
  525. }
  526. .row-fluid .offset1:first-child {
  527. margin-left: 8.5106383%;
  528. *margin-left: 8.40425532%;
  529. }
  530. [class*="span"].hide,
  531. .row-fluid [class*="span"].hide {
  532. display: none;
  533. }
  534. [class*="span"].pull-right,
  535. .row-fluid [class*="span"].pull-right {
  536. float: right;
  537. }
  538. .container {
  539. margin-right: auto;
  540. margin-left: auto;
  541. *zoom: 1;
  542. }
  543. .container:before,
  544. .container:after {
  545. display: table;
  546. content: "";
  547. line-height: 0;
  548. }
  549. .container:after {
  550. clear: both;
  551. }
  552. .container-fluid {
  553. padding-right: 20px;
  554. padding-left: 20px;
  555. *zoom: 1;
  556. }
  557. .container-fluid:before,
  558. .container-fluid:after {
  559. display: table;
  560. content: "";
  561. line-height: 0;
  562. }
  563. .container-fluid:after {
  564. clear: both;
  565. }
  566. p {
  567. margin: 0 0 10px;
  568. }
  569. .lead {
  570. margin-bottom: 20px;
  571. font-size: 21px;
  572. font-weight: 200;
  573. line-height: 30px;
  574. }
  575. small {
  576. font-size: 85%;
  577. }
  578. strong {
  579. font-weight: bold;
  580. }
  581. em {
  582. font-style: italic;
  583. }
  584. cite {
  585. font-style: normal;
  586. }
  587. .muted {
  588. color: #999999;
  589. }
  590. a.muted:hover,
  591. a.muted:focus {
  592. color: #808080;
  593. }
  594. .text-warning {
  595. color: #c09853;
  596. }
  597. a.text-warning:hover,
  598. a.text-warning:focus {
  599. color: #a47e3c;
  600. }
  601. .text-error {
  602. color: #b94a48;
  603. }
  604. a.text-error:hover,
  605. a.text-error:focus {
  606. color: #953b39;
  607. }
  608. .text-info {
  609. color: #3a87ad;
  610. }
  611. a.text-info:hover,
  612. a.text-info:focus {
  613. color: #2d6987;
  614. }
  615. .text-success {
  616. color: #468847;
  617. }
  618. a.text-success:hover,
  619. a.text-success:focus {
  620. color: #356635;
  621. }
  622. .text-left {
  623. text-align: left;
  624. }
  625. .text-right {
  626. text-align: right;
  627. }
  628. .text-center {
  629. text-align: center;
  630. }
  631. h1,
  632. h2,
  633. h3,
  634. h4,
  635. h5,
  636. h6 {
  637. margin: 10px 0;
  638. font-family: inherit;
  639. font-weight: bold;
  640. line-height: 20px;
  641. color: inherit;
  642. text-rendering: optimizelegibility;
  643. }
  644. h1 small,
  645. h2 small,
  646. h3 small,
  647. h4 small,
  648. h5 small,
  649. h6 small {
  650. font-weight: normal;
  651. line-height: 1;
  652. color: #999999;
  653. }
  654. h1,
  655. h2,
  656. h3 {
  657. line-height: 40px;
  658. }
  659. h1 {
  660. font-size: 38.5px;
  661. }
  662. h2 {
  663. font-size: 31.5px;
  664. }
  665. h3 {
  666. font-size: 24.5px;
  667. }
  668. h4 {
  669. font-size: 17.5px;
  670. }
  671. h5 {
  672. font-size: 14px;
  673. }
  674. h6 {
  675. font-size: 11.9px;
  676. }
  677. h1 small {
  678. font-size: 24.5px;
  679. }
  680. h2 small {
  681. font-size: 17.5px;
  682. }
  683. h3 small {
  684. font-size: 14px;
  685. }
  686. h4 small {
  687. font-size: 14px;
  688. }
  689. .page-header {
  690. padding-bottom: 9px;
  691. margin: 20px 0 30px;
  692. border-bottom: 1px solid #eeeeee;
  693. }
  694. ul,
  695. ol {
  696. padding: 0;
  697. margin: 0 0 10px 25px;
  698. }
  699. ul ul,
  700. ul ol,
  701. ol ol,
  702. ol ul {
  703. margin-bottom: 0;
  704. }
  705. li {
  706. line-height: 20px;
  707. }
  708. ul.unstyled,
  709. ol.unstyled {
  710. margin-left: 0;
  711. list-style: none;
  712. }
  713. ul.inline,
  714. ol.inline {
  715. margin-left: 0;
  716. list-style: none;
  717. }
  718. ul.inline > li,
  719. ol.inline > li {
  720. display: inline-block;
  721. *display: inline;
  722. /* IE7 inline-block hack */
  723. *zoom: 1;
  724. padding-left: 5px;
  725. padding-right: 5px;
  726. }
  727. dl {
  728. margin-bottom: 20px;
  729. }
  730. dt,
  731. dd {
  732. line-height: 20px;
  733. }
  734. dt {
  735. font-weight: bold;
  736. }
  737. dd {
  738. margin-left: 10px;
  739. }
  740. .dl-horizontal {
  741. *zoom: 1;
  742. }
  743. .dl-horizontal:before,
  744. .dl-horizontal:after {
  745. display: table;
  746. content: "";
  747. line-height: 0;
  748. }
  749. .dl-horizontal:after {
  750. clear: both;
  751. }
  752. .dl-horizontal dt {
  753. float: left;
  754. width: 160px;
  755. clear: left;
  756. text-align: right;
  757. overflow: hidden;
  758. text-overflow: ellipsis;
  759. white-space: nowrap;
  760. }
  761. .dl-horizontal dd {
  762. margin-left: 180px;
  763. }
  764. hr {
  765. margin: 20px 0;
  766. border: 0;
  767. border-top: 1px solid #eeeeee;
  768. border-bottom: 1px solid #ffffff;
  769. }
  770. abbr[title],
  771. abbr[data-original-title] {
  772. cursor: help;
  773. border-bottom: 1px dotted #999999;
  774. }
  775. abbr.initialism {
  776. font-size: 90%;
  777. text-transform: uppercase;
  778. }
  779. blockquote {
  780. padding: 0 0 0 15px;
  781. margin: 0 0 20px;
  782. border-left: 5px solid #eeeeee;
  783. }
  784. blockquote p {
  785. margin-bottom: 0;
  786. font-size: 17.5px;
  787. font-weight: 300;
  788. line-height: 1.25;
  789. }
  790. blockquote small {
  791. display: block;
  792. line-height: 20px;
  793. color: #999999;
  794. }
  795. blockquote small:before {
  796. content: '\2014 \00A0';
  797. }
  798. blockquote.pull-right {
  799. float: right;
  800. padding-right: 15px;
  801. padding-left: 0;
  802. border-right: 5px solid #eeeeee;
  803. border-left: 0;
  804. }
  805. blockquote.pull-right p,
  806. blockquote.pull-right small {
  807. text-align: right;
  808. }
  809. blockquote.pull-right small:before {
  810. content: '';
  811. }
  812. blockquote.pull-right small:after {
  813. content: '\00A0 \2014';
  814. }
  815. q:before,
  816. q:after,
  817. blockquote:before,
  818. blockquote:after {
  819. content: "";
  820. }
  821. address {
  822. display: block;
  823. margin-bottom: 20px;
  824. font-style: normal;
  825. line-height: 20px;
  826. }
  827. code,
  828. pre {
  829. padding: 0 3px 2px;
  830. font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  831. font-size: 12px;
  832. color: #333333;
  833. -webkit-border-radius: 3px;
  834. -moz-border-radius: 3px;
  835. border-radius: 3px;
  836. -webkit-border-radius: 3px 0 0 0;
  837. -moz-border-radius: 3px 0 0 0;
  838. border-radius: 3px 0 0 0;
  839. -webkit-background-clip: padding-box;
  840. -moz-background-clip: padding;
  841. background-clip: padding-box;
  842. }
  843. code {
  844. padding: 2px 4px;
  845. color: #d14;
  846. background-color: #f7f7f9;
  847. border: 1px solid #e1e1e8;
  848. white-space: nowrap;
  849. }
  850. pre {
  851. display: block;
  852. padding: 9.5px;
  853. margin: 0 0 10px;
  854. font-size: 13px;
  855. line-height: 20px;
  856. word-break: break-all;
  857. word-wrap: break-word;
  858. white-space: pre;
  859. white-space: pre-wrap;
  860. background-color: #f5f5f5;
  861. border: 1px solid #ccc;
  862. border: 1px solid rgba(0, 0, 0, 0.15);
  863. -webkit-border-radius: 4px;
  864. -moz-border-radius: 4px;
  865. border-radius: 4px;
  866. -webkit-border-radius: 4px 0 0 0;
  867. -moz-border-radius: 4px 0 0 0;
  868. border-radius: 4px 0 0 0;
  869. -webkit-background-clip: padding-box;
  870. -moz-background-clip: padding;
  871. background-clip: padding-box;
  872. }
  873. pre.prettyprint {
  874. margin-bottom: 20px;
  875. }
  876. pre code {
  877. padding: 0;
  878. color: inherit;
  879. white-space: pre;
  880. white-space: pre-wrap;
  881. background-color: transparent;
  882. border: 0;
  883. }
  884. .pre-scrollable {
  885. max-height: 340px;
  886. overflow-y: scroll;
  887. }
  888. form {
  889. margin: 0 0 20px;
  890. }
  891. fieldset {
  892. padding: 0;
  893. margin: 0;
  894. border: 0;
  895. }
  896. legend {
  897. display: block;
  898. width: 100%;
  899. padding: 0;
  900. margin-bottom: 20px;
  901. font-size: 21px;
  902. line-height: 40px;
  903. color: #333333;
  904. border: 0;
  905. border-bottom: 1px solid #e5e5e5;
  906. }
  907. legend small {
  908. font-size: 15px;
  909. color: #999999;
  910. }
  911. label,
  912. input,
  913. button,
  914. select,
  915. textarea {
  916. font-size: 14px;
  917. font-weight: normal;
  918. line-height: 20px;
  919. }
  920. input,
  921. button,
  922. select,
  923. textarea {
  924. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  925. }
  926. label {
  927. display: block;
  928. margin-bottom: 5px;
  929. }
  930. select,
  931. textarea,
  932. input[type="text"],
  933. input[type="password"],
  934. input[type="datetime"],
  935. input[type="datetime-local"],
  936. input[type="date"],
  937. input[type="month"],
  938. input[type="time"],
  939. input[type="week"],
  940. input[type="number"],
  941. input[type="email"],
  942. input[type="url"],
  943. input[type="search"],
  944. input[type="tel"],
  945. input[type="color"],
  946. .uneditable-input {
  947. display: inline-block;
  948. height: 20px;
  949. padding: 4px 6px;
  950. margin-bottom: 10px;
  951. font-size: 14px;
  952. line-height: 20px;
  953. color: #555555;
  954. -webkit-border-radius: 4px;
  955. -moz-border-radius: 4px;
  956. border-radius: 4px;
  957. -webkit-border-radius: 4px 0 0 0;
  958. -moz-border-radius: 4px 0 0 0;
  959. border-radius: 4px 0 0 0;
  960. -webkit-background-clip: padding-box;
  961. -moz-background-clip: padding;
  962. background-clip: padding-box;
  963. vertical-align: middle;
  964. }
  965. input,
  966. textarea,
  967. .uneditable-input {
  968. width: 206px;
  969. }
  970. textarea {
  971. height: auto;
  972. }
  973. textarea,
  974. input[type="text"],
  975. input[type="password"],
  976. input[type="datetime"],
  977. input[type="datetime-local"],
  978. input[type="date"],
  979. input[type="month"],
  980. input[type="time"],
  981. input[type="week"],
  982. input[type="number"],
  983. input[type="email"],
  984. input[type="url"],
  985. input[type="search"],
  986. input[type="tel"],
  987. input[type="color"],
  988. .uneditable-input {
  989. background-color: #ffffff;
  990. border: 1px solid #cccccc;
  991. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  992. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  993. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  994. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  995. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  996. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  997. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  998. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  999. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1000. -webkit-transition: border linear .2s, box-shadow linear .2s;
  1001. -moz-transition: border linear .2s, box-shadow linear .2s;
  1002. -o-transition: border linear .2s, box-shadow linear .2s;
  1003. transition: border linear .2s, box-shadow linear .2s;
  1004. }
  1005. textarea:focus,
  1006. input[type="text"]:focus,
  1007. input[type="password"]:focus,
  1008. input[type="datetime"]:focus,
  1009. input[type="datetime-local"]:focus,
  1010. input[type="date"]:focus,
  1011. input[type="month"]:focus,
  1012. input[type="time"]:focus,
  1013. input[type="week"]:focus,
  1014. input[type="number"]:focus,
  1015. input[type="email"]:focus,
  1016. input[type="url"]:focus,
  1017. input[type="search"]:focus,
  1018. input[type="tel"]:focus,
  1019. input[type="color"]:focus,
  1020. .uneditable-input:focus {
  1021. border-color: rgba(82, 168, 236, 0.8);
  1022. outline: 0;
  1023. outline: thin dotted \9;
  1024. /* IE6-9 */
  1025. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  1026. -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  1027. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  1028. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1029. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1030. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) #000000;
  1031. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) #000000;
  1032. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) #000000;
  1033. box-shadow: 0 0 inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) #000000;
  1034. }
  1035. input[type="radio"],
  1036. input[type="checkbox"] {
  1037. margin: 4px 0 0;
  1038. *margin-top: 0;
  1039. /* IE7 */
  1040. margin-top: 1px \9;
  1041. /* IE8-9 */
  1042. line-height: normal;
  1043. }
  1044. input[type="file"],
  1045. input[type="image"],
  1046. input[type="submit"],
  1047. input[type="reset"],
  1048. input[type="button"],
  1049. input[type="radio"],
  1050. input[type="checkbox"] {
  1051. width: auto;
  1052. }
  1053. select,
  1054. input[type="file"] {
  1055. height: 30px;
  1056. /* In IE7, the height of the select element cannot be changed by height, only font-size */
  1057. *margin-top: 4px;
  1058. /* For IE7, add top margin to align select with labels */
  1059. line-height: 30px;
  1060. }
  1061. select {
  1062. width: 220px;
  1063. border: 1px solid #cccccc;
  1064. background-color: #ffffff;
  1065. }
  1066. select[multiple],
  1067. select[size] {
  1068. height: auto;
  1069. }
  1070. select:focus,
  1071. input[type="file"]:focus,
  1072. input[type="radio"]:focus,
  1073. input[type="checkbox"]:focus {
  1074. outline: thin dotted #333;
  1075. outline: 5px auto -webkit-focus-ring-color;
  1076. outline-offset: -2px;
  1077. }
  1078. .uneditable-input,
  1079. .uneditable-textarea {
  1080. color: #999999;
  1081. background-color: #fcfcfc;
  1082. border-color: #cccccc;
  1083. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  1084. -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  1085. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  1086. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1087. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1088. -webkit-box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.025) #000000;
  1089. -moz-box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.025) #000000;
  1090. -ms-box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.025) #000000;
  1091. box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.025) #000000;
  1092. cursor: not-allowed;
  1093. }
  1094. .uneditable-input {
  1095. overflow: hidden;
  1096. white-space: nowrap;
  1097. }
  1098. .uneditable-textarea {
  1099. width: auto;
  1100. height: auto;
  1101. }
  1102. input:-moz-placeholder,
  1103. textarea:-moz-placeholder {
  1104. color: #999999;
  1105. }
  1106. input:-ms-input-placeholder,
  1107. textarea:-ms-input-placeholder {
  1108. color: #999999;
  1109. }
  1110. input::-webkit-input-placeholder,
  1111. textarea::-webkit-input-placeholder {
  1112. color: #999999;
  1113. }
  1114. .radio,
  1115. .checkbox {
  1116. min-height: 20px;
  1117. padding-left: 20px;
  1118. }
  1119. .radio input[type="radio"],
  1120. .checkbox input[type="checkbox"] {
  1121. float: left;
  1122. margin-left: -20px;
  1123. }
  1124. .controls > .radio:first-child,
  1125. .controls > .checkbox:first-child {
  1126. padding-top: 5px;
  1127. }
  1128. .radio.inline,
  1129. .checkbox.inline {
  1130. display: inline-block;
  1131. padding-top: 5px;
  1132. margin-bottom: 0;
  1133. vertical-align: middle;
  1134. }
  1135. .radio.inline + .radio.inline,
  1136. .checkbox.inline + .checkbox.inline {
  1137. margin-left: 10px;
  1138. }
  1139. .input-mini {
  1140. width: 60px;
  1141. }
  1142. .input-small {
  1143. width: 90px;
  1144. }
  1145. .input-medium {
  1146. width: 150px;
  1147. }
  1148. .input-large {
  1149. width: 210px;
  1150. }
  1151. .input-xlarge {
  1152. width: 270px;
  1153. }
  1154. .input-xxlarge {
  1155. width: 530px;
  1156. }
  1157. input[class*="span"],
  1158. select[class*="span"],
  1159. textarea[class*="span"],
  1160. .uneditable-input[class*="span"],
  1161. .row-fluid input[class*="span"],
  1162. .row-fluid select[class*="span"],
  1163. .row-fluid textarea[class*="span"],
  1164. .row-fluid .uneditable-input[class*="span"] {
  1165. float: none;
  1166. margin-left: 0;
  1167. }
  1168. .input-append input[class*="span"],
  1169. .input-append .uneditable-input[class*="span"],
  1170. .input-prepend input[class*="span"],
  1171. .input-prepend .uneditable-input[class*="span"],
  1172. .row-fluid input[class*="span"],
  1173. .row-fluid select[class*="span"],
  1174. .row-fluid textarea[class*="span"],
  1175. .row-fluid .uneditable-input[class*="span"],
  1176. .row-fluid .input-prepend [class*="span"],
  1177. .row-fluid .input-append [class*="span"] {
  1178. display: inline-block;
  1179. }
  1180. input,
  1181. textarea,
  1182. .uneditable-input {
  1183. margin-left: 0;
  1184. }
  1185. .controls-row [class*="span"] + [class*="span"] {
  1186. margin-left: 20px;
  1187. }
  1188. input.span12,
  1189. textarea.span12,
  1190. .uneditable-input.span12 {
  1191. width: 926px;
  1192. }
  1193. input.span11,
  1194. textarea.span11,
  1195. .uneditable-input.span11 {
  1196. width: 846px;
  1197. }
  1198. input.span10,
  1199. textarea.span10,
  1200. .uneditable-input.span10 {
  1201. width: 766px;
  1202. }
  1203. input.span9,
  1204. textarea.span9,
  1205. .uneditable-input.span9 {
  1206. width: 686px;
  1207. }
  1208. input.span8,
  1209. textarea.span8,
  1210. .uneditable-input.span8 {
  1211. width: 606px;
  1212. }
  1213. input.span7,
  1214. textarea.span7,
  1215. .uneditable-input.span7 {
  1216. width: 526px;
  1217. }
  1218. input.span6,
  1219. textarea.span6,
  1220. .uneditable-input.span6 {
  1221. width: 446px;
  1222. }
  1223. input.span5,
  1224. textarea.span5,
  1225. .uneditable-input.span5 {
  1226. width: 366px;
  1227. }
  1228. input.span4,
  1229. textarea.span4,
  1230. .uneditable-input.span4 {
  1231. width: 286px;
  1232. }
  1233. input.span3,
  1234. textarea.span3,
  1235. .uneditable-input.span3 {
  1236. width: 206px;
  1237. }
  1238. input.span2,
  1239. textarea.span2,
  1240. .uneditable-input.span2 {
  1241. width: 126px;
  1242. }
  1243. input.span1,
  1244. textarea.span1,
  1245. .uneditable-input.span1 {
  1246. width: 46px;
  1247. }
  1248. .controls-row {
  1249. *zoom: 1;
  1250. }
  1251. .controls-row:before,
  1252. .controls-row:after {
  1253. display: table;
  1254. content: "";
  1255. line-height: 0;
  1256. }
  1257. .controls-row:after {
  1258. clear: both;
  1259. }
  1260. .controls-row [class*="span"],
  1261. .row-fluid .controls-row [class*="span"] {
  1262. float: left;
  1263. }
  1264. .controls-row .checkbox[class*="span"],
  1265. .controls-row .radio[class*="span"] {
  1266. padding-top: 5px;
  1267. }
  1268. input[disabled],
  1269. select[disabled],
  1270. textarea[disabled],
  1271. input[readonly],
  1272. select[readonly],
  1273. textarea[readonly] {
  1274. cursor: not-allowed;
  1275. background-color: #eeeeee;
  1276. }
  1277. input[type="radio"][disabled],
  1278. input[type="checkbox"][disabled],
  1279. input[type="radio"][readonly],
  1280. input[type="checkbox"][readonly] {
  1281. background-color: transparent;
  1282. }
  1283. .control-group.warning .control-label,
  1284. .control-group.warning .help-block,
  1285. .control-group.warning .help-inline {
  1286. color: #c09853;
  1287. }
  1288. .control-group.warning .checkbox,
  1289. .control-group.warning .radio,
  1290. .control-group.warning input,
  1291. .control-group.warning select,
  1292. .control-group.warning textarea {
  1293. color: #c09853;
  1294. }
  1295. .control-group.warning input,
  1296. .control-group.warning select,
  1297. .control-group.warning textarea {
  1298. border-color: #c09853;
  1299. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1300. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1301. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1302. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1303. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1304. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1305. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1306. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1307. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1308. }
  1309. .control-group.warning input:focus,
  1310. .control-group.warning select:focus,
  1311. .control-group.warning textarea:focus {
  1312. border-color: #a47e3c;
  1313. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  1314. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  1315. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  1316. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1317. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1318. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e #000000;
  1319. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e #000000;
  1320. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e #000000;
  1321. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e #000000;
  1322. }
  1323. .control-group.warning .input-prepend .add-on,
  1324. .control-group.warning .input-append .add-on {
  1325. color: #c09853;
  1326. background-color: #fcf8e3;
  1327. border-color: #c09853;
  1328. }
  1329. .control-group.error .control-label,
  1330. .control-group.error .help-block,
  1331. .control-group.error .help-inline {
  1332. color: #b94a48;
  1333. }
  1334. .control-group.error .checkbox,
  1335. .control-group.error .radio,
  1336. .control-group.error input,
  1337. .control-group.error select,
  1338. .control-group.error textarea {
  1339. color: #b94a48;
  1340. }
  1341. .control-group.error input,
  1342. .control-group.error select,
  1343. .control-group.error textarea {
  1344. border-color: #b94a48;
  1345. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1346. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1347. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1348. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1349. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1350. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1351. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1352. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1353. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1354. }
  1355. .control-group.error input:focus,
  1356. .control-group.error select:focus,
  1357. .control-group.error textarea:focus {
  1358. border-color: #953b39;
  1359. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  1360. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  1361. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  1362. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1363. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1364. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 #000000;
  1365. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 #000000;
  1366. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 #000000;
  1367. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 #000000;
  1368. }
  1369. .control-group.error .input-prepend .add-on,
  1370. .control-group.error .input-append .add-on {
  1371. color: #b94a48;
  1372. background-color: #f2dede;
  1373. border-color: #b94a48;
  1374. }
  1375. .control-group.success .control-label,
  1376. .control-group.success .help-block,
  1377. .control-group.success .help-inline {
  1378. color: #468847;
  1379. }
  1380. .control-group.success .checkbox,
  1381. .control-group.success .radio,
  1382. .control-group.success input,
  1383. .control-group.success select,
  1384. .control-group.success textarea {
  1385. color: #468847;
  1386. }
  1387. .control-group.success input,
  1388. .control-group.success select,
  1389. .control-group.success textarea {
  1390. border-color: #468847;
  1391. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1392. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1393. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1394. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1395. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1396. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1397. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1398. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1399. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1400. }
  1401. .control-group.success input:focus,
  1402. .control-group.success select:focus,
  1403. .control-group.success textarea:focus {
  1404. border-color: #356635;
  1405. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  1406. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  1407. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  1408. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1409. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1410. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b #000000;
  1411. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b #000000;
  1412. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b #000000;
  1413. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b #000000;
  1414. }
  1415. .control-group.success .input-prepend .add-on,
  1416. .control-group.success .input-append .add-on {
  1417. color: #468847;
  1418. background-color: #dff0d8;
  1419. border-color: #468847;
  1420. }
  1421. .control-group.info .control-label,
  1422. .control-group.info .help-block,
  1423. .control-group.info .help-inline {
  1424. color: #3a87ad;
  1425. }
  1426. .control-group.info .checkbox,
  1427. .control-group.info .radio,
  1428. .control-group.info input,
  1429. .control-group.info select,
  1430. .control-group.info textarea {
  1431. color: #3a87ad;
  1432. }
  1433. .control-group.info input,
  1434. .control-group.info select,
  1435. .control-group.info textarea {
  1436. border-color: #3a87ad;
  1437. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1438. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1439. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1440. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1441. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1442. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1443. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1444. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1445. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075) #000000;
  1446. }
  1447. .control-group.info input:focus,
  1448. .control-group.info select:focus,
  1449. .control-group.info textarea:focus {
  1450. border-color: #2d6987;
  1451. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  1452. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  1453. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  1454. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1455. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1456. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 #000000;
  1457. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 #000000;
  1458. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 #000000;
  1459. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 #000000;
  1460. }
  1461. .control-group.info .input-prepend .add-on,
  1462. .control-group.info .input-append .add-on {
  1463. color: #3a87ad;
  1464. background-color: #d9edf7;
  1465. border-color: #3a87ad;
  1466. }
  1467. input:focus:invalid,
  1468. textarea:focus:invalid,
  1469. select:focus:invalid {
  1470. color: #b94a48;
  1471. border-color: #ee5f5b;
  1472. }
  1473. input:focus:invalid:focus,
  1474. textarea:focus:invalid:focus,
  1475. select:focus:invalid:focus {
  1476. border-color: #e9322d;
  1477. -webkit-box-shadow: 0 0 6px #f8b9b7;
  1478. -moz-box-shadow: 0 0 6px #f8b9b7;
  1479. box-shadow: 0 0 6px #f8b9b7;
  1480. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  1481. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  1482. -webkit-box-shadow: 0 0 0 0 6px #f8b9b7 #000000;
  1483. -moz-box-shadow: 0 0 0 0 6px #f8b9b7 #000000;
  1484. -ms-box-shadow: 0 0 0 0 6px #f8b9b7 #000000;
  1485. box-shadow: 0 0 0 0 6px #f8b9b7 #000000;
  1486. }
  1487. .form-actions {
  1488. padding: 19px 20px 20px;
  1489. margin-top: 20px;
  1490. margin-bottom: 20px;
  1491. background-color: #f5f5f5;
  1492. border-top: 1px solid #e5e5e5;
  1493. *zoom: 1;
  1494. }
  1495. .form-actions:before,
  1496. .form-actions:after {
  1497. display: table;
  1498. content: "";
  1499. line-height: 0;
  1500. }
  1501. .form-actions:after {
  1502. clear: both;
  1503. }
  1504. .help-block,
  1505. .help-inline {
  1506. color: #595959;
  1507. }
  1508. .help-block {
  1509. display: block;
  1510. margin-bottom: 10px;
  1511. }
  1512. .help-inline {
  1513. display: inline-block;
  1514. *display: inline;
  1515. /* IE7 inline-block hack */
  1516. *zoom: 1;
  1517. vertical-align: middle;
  1518. padding-left: 5px;
  1519. }
  1520. .input-append,
  1521. .input-prepend {
  1522. display: inline-block;
  1523. margin-bottom: 10px;
  1524. vertical-align: middle;
  1525. font-size: 0;
  1526. white-space: nowrap;
  1527. }
  1528. .input-append input,
  1529. .input-prepend input,
  1530. .input-append select,
  1531. .input-prepend select,
  1532. .input-append .uneditable-input,
  1533. .input-prepend .uneditable-input,
  1534. .input-append .dropdown-menu,
  1535. .input-prepend .dropdown-menu,
  1536. .input-append .popover,
  1537. .input-prepend .popover {
  1538. font-size: 14px;
  1539. }
  1540. .input-append input,
  1541. .input-prepend input,
  1542. .input-append select,
  1543. .input-prepend select,
  1544. .input-append .uneditable-input,
  1545. .input-prepend .uneditable-input {
  1546. position: relative;
  1547. margin-bottom: 0;
  1548. *margin-left: 0;
  1549. vertical-align: top;
  1550. -webkit-border-radius: 0 4px 4px 0;
  1551. -moz-border-radius: 0 4px 4px 0;
  1552. border-radius: 0 4px 4px 0;
  1553. -webkit-border-radius: 0 4px 4px 0 0 0 0;
  1554. -moz-border-radius: 0 4px 4px 0 0 0 0;
  1555. border-radius: 0 4px 4px 0 0 0 0;
  1556. -webkit-background-clip: padding-box;
  1557. -moz-background-clip: padding;
  1558. background-clip: padding-box;
  1559. }
  1560. .input-append input:focus,
  1561. .input-prepend input:focus,
  1562. .input-append select:focus,
  1563. .input-prepend select:focus,
  1564. .input-append .uneditable-input:focus,
  1565. .input-prepend .uneditable-input:focus {
  1566. z-index: 2;
  1567. }
  1568. .input-append .add-on,
  1569. .input-prepend .add-on {
  1570. display: inline-block;
  1571. width: auto;
  1572. height: 20px;
  1573. min-width: 16px;
  1574. padding: 4px 5px;
  1575. font-size: 14px;
  1576. font-weight: normal;
  1577. line-height: 20px;
  1578. text-align: center;
  1579. text-shadow: 0 1px 0 #ffffff;
  1580. background-color: #eeeeee;
  1581. border: 1px solid #ccc;
  1582. }
  1583. .input-append .add-on,
  1584. .input-prepend .add-on,
  1585. .input-append .btn,
  1586. .input-prepend .btn,
  1587. .input-append .btn-group > .dropdown-toggle,
  1588. .input-prepend .btn-group > .dropdown-toggle {
  1589. vertical-align: top;
  1590. -webkit-border-radius: 0;
  1591. -moz-border-radius: 0;
  1592. border-radius: 0;
  1593. -webkit-border-radius: 0 0 0 0;
  1594. -moz-border-radius: 0 0 0 0;
  1595. border-radius: 0 0 0 0;
  1596. -webkit-background-clip: padding-box;
  1597. -moz-background-clip: padding;
  1598. background-clip: padding-box;
  1599. }
  1600. .input-append .active,
  1601. .input-prepend .active {
  1602. background-color: #5ee673;
  1603. border-color: #17942a;
  1604. }
  1605. .input-prepend .add-on,
  1606. .input-prepend .btn {
  1607. margin-right: -1px;
  1608. }
  1609. .input-prepend .add-on:first-child,
  1610. .input-prepend .btn:first-child {
  1611. -webkit-border-radius: 4px 0 0 4px;
  1612. -moz-border-radius: 4px 0 0 4px;
  1613. border-radius: 4px 0 0 4px;
  1614. -webkit-border-radius: 4px 0 0 4px 0 0 0;
  1615. -moz-border-radius: 4px 0 0 4px 0 0 0;
  1616. border-radius: 4px 0 0 4px 0 0 0;
  1617. -webkit-background-clip: padding-box;
  1618. -moz-background-clip: padding;
  1619. background-clip: padding-box;
  1620. }
  1621. .input-append input,
  1622. .input-append select,
  1623. .input-append .uneditable-input {
  1624. -webkit-border-radius: 4px 0 0 4px;
  1625. -moz-border-radius: 4px 0 0 4px;
  1626. border-radius: 4px 0 0 4px;
  1627. -webkit-border-radius: 4px 0 0 4px 0 0 0;
  1628. -moz-border-radius: 4px 0 0 4px 0 0 0;
  1629. border-radius: 4px 0 0 4px 0 0 0;
  1630. -webkit-background-clip: padding-box;
  1631. -moz-background-clip: padding;
  1632. background-clip: padding-box;
  1633. }
  1634. .input-append input + .btn-group .btn:last-child,
  1635. .input-append select + .btn-group .btn:last-child,
  1636. .input-append .uneditable-input + .btn-group .btn:last-child {
  1637. -webkit-border-radius: 0 4px 4px 0;
  1638. -moz-border-radius: 0 4px 4px 0;
  1639. border-radius: 0 4px 4px 0;
  1640. -webkit-border-radius: 0 4px 4px 0 0 0 0;
  1641. -moz-border-radius: 0 4px 4px 0 0 0 0;
  1642. border-radius: 0 4px 4px 0 0 0 0;
  1643. -webkit-background-clip: padding-box;
  1644. -moz-background-clip: padding;
  1645. background-clip: padding-box;
  1646. }
  1647. .input-append .add-on,
  1648. .input-append .btn,
  1649. .input-append .btn-group {
  1650. margin-left: -1px;
  1651. }
  1652. .input-append .add-on:last-child,
  1653. .input-append .btn:last-child,
  1654. .input-append .btn-group:last-child > .dropdown-toggle {
  1655. -webkit-border-radius: 0 4px 4px 0;
  1656. -moz-border-radius: 0 4px 4px 0;
  1657. border-radius: 0 4px 4px 0;
  1658. -webkit-border-radius: 0 4px 4px 0 0 0 0;
  1659. -moz-border-radius: 0 4px 4px 0 0 0 0;
  1660. border-radius: 0 4px 4px 0 0 0 0;
  1661. -webkit-background-clip: padding-box;
  1662. -moz-background-clip: padding;
  1663. background-clip: padding-box;
  1664. }
  1665. .input-prepend.input-append input,
  1666. .input-prepend.input-append select,
  1667. .input-prepend.input-append .uneditable-input {
  1668. -webkit-border-radius: 0;
  1669. -moz-border-radius: 0;
  1670. border-radius: 0;
  1671. -webkit-border-radius: 0 0 0 0;
  1672. -moz-border-radius: 0 0 0 0;
  1673. border-radius: 0 0 0 0;
  1674. -webkit-background-clip: padding-box;
  1675. -moz-background-clip: padding;
  1676. background-clip: padding-box;
  1677. }
  1678. .input-prepend.input-append input + .btn-group .btn,
  1679. .input-prepend.input-append select + .btn-group .btn,
  1680. .input-prepend.input-append .uneditable-input + .btn-group .btn {
  1681. -webkit-border-radius: 0 4px 4px 0;
  1682. -moz-border-radius: 0 4px 4px 0;
  1683. border-radius: 0 4px 4px 0;
  1684. -webkit-border-radius: 0 4px 4px 0 0 0 0;
  1685. -moz-border-radius: 0 4px 4px 0 0 0 0;
  1686. border-radius: 0 4px 4px 0 0 0 0;
  1687. -webkit-background-clip: padding-box;
  1688. -moz-background-clip: padding;
  1689. background-clip: padding-box;
  1690. }
  1691. .input-prepend.input-append .add-on:first-child,
  1692. .input-prepend.input-append .btn:first-child {
  1693. margin-right: -1px;
  1694. -webkit-border-radius: 4px 0 0 4px;
  1695. -moz-border-radius: 4px 0 0 4px;
  1696. border-radius: 4px 0 0 4px;
  1697. -webkit-border-radius: 4px 0 0 4px 0 0 0;
  1698. -moz-border-radius: 4px 0 0 4px 0 0 0;
  1699. border-radius: 4px 0 0 4px 0 0 0;
  1700. -webkit-background-clip: padding-box;
  1701. -moz-background-clip: padding;
  1702. background-clip: padding-box;
  1703. }
  1704. .input-prepend.input-append .add-on:last-child,
  1705. .input-prepend.input-append .btn:last-child {
  1706. margin-left: -1px;
  1707. -webkit-border-radius: 0 4px 4px 0;
  1708. -moz-border-radius: 0 4px 4px 0;
  1709. border-radius: 0 4px 4px 0;
  1710. -webkit-border-radius: 0 4px 4px 0 0 0 0;
  1711. -moz-border-radius: 0 4px 4px 0 0 0 0;
  1712. border-radius: 0 4px 4px 0 0 0 0;
  1713. -webkit-background-clip: padding-box;
  1714. -moz-background-clip: padding;
  1715. background-clip: padding-box;
  1716. }
  1717. .input-prepend.input-append .btn-group:first-child {
  1718. margin-left: 0;
  1719. }
  1720. input.search-query {
  1721. padding-right: 14px;
  1722. padding-right: 4px \9;
  1723. padding-left: 14px;
  1724. padding-left: 4px \9;
  1725. /* IE7-8 doesn't have border-radius, so don't indent the padding */
  1726. margin-bottom: 0;
  1727. -webkit-border-radius: 15px;
  1728. -moz-border-radius: 15px;
  1729. border-radius: 15px;
  1730. -webkit-border-radius: 15px 0 0 0;
  1731. -moz-border-radius: 15px 0 0 0;
  1732. border-radius: 15px 0 0 0;
  1733. -webkit-background-clip: padding-box;
  1734. -moz-background-clip: padding;
  1735. background-clip: padding-box;
  1736. }
  1737. /* Allow for input prepend/append in search forms */
  1738. .form-search .input-append .search-query,
  1739. .form-search .input-prepend .search-query {
  1740. -webkit-border-radius: 0;
  1741. -moz-border-radius: 0;
  1742. border-radius: 0;
  1743. -webkit-border-radius: 0 0 0 0;
  1744. -moz-border-radius: 0 0 0 0;
  1745. border-radius: 0 0 0 0;
  1746. -webkit-background-clip: padding-box;
  1747. -moz-background-clip: padding;
  1748. background-clip: padding-box;
  1749. }
  1750. .form-search .input-append .search-query {
  1751. -webkit-border-radius: 14px 0 0 14px;
  1752. -moz-border-radius: 14px 0 0 14px;
  1753. border-radius: 14px 0 0 14px;
  1754. -webkit-border-radius: 14px 0 0 14px 0 0 0;
  1755. -moz-border-radius: 14px 0 0 14px 0 0 0;
  1756. border-radius: 14px 0 0 14px 0 0 0;
  1757. -webkit-background-clip: padding-box;
  1758. -moz-background-clip: padding;
  1759. background-clip: padding-box;
  1760. }
  1761. .form-search .input-append .btn {
  1762. -webkit-border-radius: 0 14px 14px 0;
  1763. -moz-border-radius: 0 14px 14px 0;
  1764. border-radius: 0 14px 14px 0;
  1765. -webkit-border-radius: 0 14px 14px 0 0 0 0;
  1766. -moz-border-radius: 0 14px 14px 0 0 0 0;
  1767. border-radius: 0 14px 14px 0 0 0 0;
  1768. -webkit-background-clip: padding-box;
  1769. -moz-background-clip: padding;
  1770. background-clip: padding-box;
  1771. }
  1772. .form-search .input-prepend .search-query {
  1773. -webkit-border-radius: 0 14px 14px 0;
  1774. -moz-border-radius: 0 14px 14px 0;
  1775. border-radius: 0 14px 14px 0;
  1776. -webkit-border-radius: 0 14px 14px 0 0 0 0;
  1777. -moz-border-radius: 0 14px 14px 0 0 0 0;
  1778. border-radius: 0 14px 14px 0 0 0 0;
  1779. -webkit-background-clip: padding-box;
  1780. -moz-background-clip: padding;
  1781. background-clip: padding-box;
  1782. }
  1783. .form-search .input-prepend .btn {
  1784. -webkit-border-radius: 14px 0 0 14px;
  1785. -moz-border-radius: 14px 0 0 14px;
  1786. border-radius: 14px 0 0 14px;
  1787. -webkit-border-radius: 14px 0 0 14px 0 0 0;
  1788. -moz-border-radius: 14px 0 0 14px 0 0 0;
  1789. border-radius: 14px 0 0 14px 0 0 0;
  1790. -webkit-background-clip: padding-box;
  1791. -moz-background-clip: padding;
  1792. background-clip: padding-box;
  1793. }
  1794. .form-search input,
  1795. .form-inline input,
  1796. .form-horizontal input,
  1797. .form-search textarea,
  1798. .form-inline textarea,
  1799. .form-horizontal textarea,
  1800. .form-search select,
  1801. .form-inline select,
  1802. .form-horizontal select,
  1803. .form-search .help-inline,
  1804. .form-inline .help-inline,
  1805. .form-horizontal .help-inline,
  1806. .form-search .uneditable-input,
  1807. .form-inline .uneditable-input,
  1808. .form-horizontal .uneditable-input,
  1809. .form-search .input-prepend,
  1810. .form-inline .input-prepend,
  1811. .form-horizontal .input-prepend,
  1812. .form-search .input-append,
  1813. .form-inline .input-append,
  1814. .form-horizontal .input-append {
  1815. display: inline-block;
  1816. *display: inline;
  1817. /* IE7 inline-block hack */
  1818. *zoom: 1;
  1819. margin-bottom: 0;
  1820. vertical-align: middle;
  1821. }
  1822. .form-search .hide,
  1823. .form-inline .hide,
  1824. .form-horizontal .hide {
  1825. display: none;
  1826. }
  1827. .form-search label,
  1828. .form-inline label,
  1829. .form-search .btn-group,
  1830. .form-inline .btn-group {
  1831. display: inline-block;
  1832. }
  1833. .form-search .input-append,
  1834. .form-inline .input-append,
  1835. .form-search .input-prepend,
  1836. .form-inline .input-prepend {
  1837. margin-bottom: 0;
  1838. }
  1839. .form-search .radio,
  1840. .form-search .checkbox,
  1841. .form-inline .radio,
  1842. .form-inline .checkbox {
  1843. padding-left: 0;
  1844. margin-bottom: 0;
  1845. vertical-align: middle;
  1846. }
  1847. .form-search .radio input[type="radio"],
  1848. .form-search .checkbox input[type="checkbox"],
  1849. .form-inline .radio input[type="radio"],
  1850. .form-inline .checkbox input[type="checkbox"] {
  1851. float: left;
  1852. margin-right: 3px;
  1853. margin-left: 0;
  1854. }
  1855. .control-group {
  1856. margin-bottom: 10px;
  1857. }
  1858. legend + .control-group {
  1859. margin-top: 20px;
  1860. -webkit-margin-top-collapse: separate;
  1861. }
  1862. .form-horizontal .control-group {
  1863. margin-bottom: 20px;
  1864. *zoom: 1;
  1865. }
  1866. .form-horizontal .control-group:before,
  1867. .form-horizontal .control-group:after {
  1868. display: table;
  1869. content: "";
  1870. line-height: 0;
  1871. }
  1872. .form-horizontal .control-group:after {
  1873. clear: both;
  1874. }
  1875. .form-horizontal .control-label {
  1876. float: left;
  1877. width: 160px;
  1878. padding-top: 5px;
  1879. text-align: right;
  1880. }
  1881. .form-horizontal .controls {
  1882. *display: inline-block;
  1883. *padding-left: 20px;
  1884. margin-left: 180px;
  1885. *margin-left: 0;
  1886. }
  1887. .form-horizontal .controls:first-child {
  1888. *padding-left: 180px;
  1889. }
  1890. .form-horizontal .help-block {
  1891. margin-bottom: 0;
  1892. }
  1893. .form-horizontal input + .help-block,
  1894. .form-horizontal select + .help-block,
  1895. .form-horizontal textarea + .help-block,
  1896. .form-horizontal .uneditable-input + .help-block,
  1897. .form-horizontal .input-prepend + .help-block,
  1898. .form-horizontal .input-append + .help-block {
  1899. margin-top: 10px;
  1900. }
  1901. .form-horizontal .form-actions {
  1902. padding-left: 180px;
  1903. }
  1904. table {
  1905. max-width: 100%;
  1906. background-color: transparent;
  1907. border-collapse: collapse;
  1908. border-spacing: 0;
  1909. }
  1910. .table {
  1911. width: 100%;
  1912. margin-bottom: 20px;
  1913. }
  1914. .table th,
  1915. .table td {
  1916. padding: 8px;
  1917. line-height: 20px;
  1918. text-align: left;
  1919. vertical-align: top;
  1920. border-top: 1px solid #dddddd;
  1921. }
  1922. .table th {
  1923. font-weight: bold;
  1924. }
  1925. .table thead th {
  1926. vertical-align: bottom;
  1927. }
  1928. .table caption + thead tr:first-child th,
  1929. .table caption + thead tr:first-child td,
  1930. .table colgroup + thead tr:first-child th,
  1931. .table colgroup + thead tr:first-child td,
  1932. .table thead:first-child tr:first-child th,
  1933. .table thead:first-child tr:first-child td {
  1934. border-top: 0;
  1935. }
  1936. .table tbody + tbody {
  1937. border-top: 2px solid #dddddd;
  1938. }
  1939. .table .table {
  1940. background-color: #ffffff;
  1941. }
  1942. .table-condensed th,
  1943. .table-condensed td {
  1944. padding: 4px 5px;
  1945. }
  1946. .table-bordered {
  1947. border: 1px solid #dddddd;
  1948. border-collapse: separate;
  1949. *border-collapse: collapse;
  1950. border-left: 0;
  1951. -webkit-border-radius: 4px;
  1952. -moz-border-radius: 4px;
  1953. border-radius: 4px;
  1954. -webkit-border-radius: 4px 0 0 0;
  1955. -moz-border-radius: 4px 0 0 0;
  1956. border-radius: 4px 0 0 0;
  1957. -webkit-background-clip: padding-box;
  1958. -moz-background-clip: padding;
  1959. background-clip: padding-box;
  1960. }
  1961. .table-bordered th,
  1962. .table-bordered td {
  1963. border-left: 1px solid #dddddd;
  1964. }
  1965. .table-bordered caption + thead tr:first-child th,
  1966. .table-bordered caption + tbody tr:first-child th,
  1967. .table-bordered caption + tbody tr:first-child td,
  1968. .table-bordered colgroup + thead tr:first-child th,
  1969. .table-bordered colgroup + tbody tr:first-child th,
  1970. .table-bordered colgroup + tbody tr:first-child td,
  1971. .table-bordered thead:first-child tr:first-child th,
  1972. .table-bordered tbody:first-child tr:first-child th,
  1973. .table-bordered tbody:first-child tr:first-child td {
  1974. border-top: 0;
  1975. }
  1976. .table-bordered thead:first-child tr:first-child > th:first-child,
  1977. .table-bordered tbody:first-child tr:first-child > td:first-child,
  1978. .table-bordered tbody:first-child tr:first-child > th:first-child {
  1979. -webkit-border-top-left-radius: 4px;
  1980. -moz-border-radius-topleft: 4px;
  1981. border-top-left-radius: 4px;
  1982. }
  1983. .table-bordered thead:first-child tr:first-child > th:last-child,
  1984. .table-bordered tbody:first-child tr:first-child > td:last-child,
  1985. .table-bordered tbody:first-child tr:first-child > th:last-child {
  1986. -webkit-border-top-right-radius: 4px;
  1987. -moz-border-radius-topright: 4px;
  1988. border-top-right-radius: 4px;
  1989. }
  1990. .table-bordered thead:last-child tr:last-child > th:first-child,
  1991. .table-bordered tbody:last-child tr:last-child > td:first-child,
  1992. .table-bordered tbody:last-child tr:last-child > th:first-child,
  1993. .table-bordered tfoot:last-child tr:last-child > td:first-child,
  1994. .table-bordered tfoot:last-child tr:last-child > th:first-child {
  1995. -webkit-border-bottom-left-radius: 4px;
  1996. -moz-border-radius-bottomleft: 4px;
  1997. border-bottom-left-radius: 4px;
  1998. }
  1999. .table-bordered thead:last-child tr:last-child > th:last-child,
  2000. .table-bordered tbody:last-child tr:last-child > td:last-child,
  2001. .table-bordered tbody:last-child tr:last-child > th:last-child,
  2002. .table-bordered tfoot:last-child tr:last-child > td:last-child,
  2003. .table-bordered tfoot:last-child tr:last-child > th:last-child {
  2004. -webkit-border-bottom-right-radius: 4px;
  2005. -moz-border-radius-bottomright: 4px;
  2006. border-bottom-right-radius: 4px;
  2007. }
  2008. .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  2009. -webkit-border-bottom-left-radius: 0;
  2010. -moz-border-radius-bottomleft: 0;
  2011. border-bottom-left-radius: 0;
  2012. }
  2013. .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  2014. -webkit-border-bottom-right-radius: 0;
  2015. -moz-border-radius-bottomright: 0;
  2016. border-bottom-right-radius: 0;
  2017. }
  2018. .table-bordered caption + thead tr:first-child th:first-child,
  2019. .table-bordered caption + tbody tr:first-child td:first-child,
  2020. .table-bordered colgroup + thead tr:first-child th:first-child,
  2021. .table-bordered colgroup + tbody tr:first-child td:first-child {
  2022. -webkit-border-top-left-radius: 4px;
  2023. -moz-border-radius-topleft: 4px;
  2024. border-top-left-radius: 4px;
  2025. }
  2026. .table-bordered caption + thead tr:first-child th:last-child,
  2027. .table-bordered caption + tbody tr:first-child td:last-child,
  2028. .table-bordered colgroup + thead tr:first-child th:last-child,
  2029. .table-bordered colgroup + tbody tr:first-child td:last-child {
  2030. -webkit-border-top-right-radius: 4px;
  2031. -moz-border-radius-topright: 4px;
  2032. border-top-right-radius: 4px;
  2033. }
  2034. .table-striped tbody > tr:nth-child(odd) > td,
  2035. .table-striped tbody > tr:nth-child(odd) > th {
  2036. background-color: #f9f9f9;
  2037. }
  2038. .table-hover tbody tr:hover > td,
  2039. .table-hover tbody tr:hover > th {
  2040. background-color: #f5f5f5;
  2041. }
  2042. table td[class*="span"],
  2043. table th[class*="span"],
  2044. .row-fluid table td[class*="span"],
  2045. .row-fluid table th[class*="span"] {
  2046. display: table-cell;
  2047. float: none;
  2048. margin-left: 0;
  2049. }
  2050. .table td.span1,
  2051. .table th.span1 {
  2052. float: none;
  2053. width: 44px;
  2054. margin-left: 0;
  2055. }
  2056. .table td.span2,
  2057. .table th.span2 {
  2058. float: none;
  2059. width: 124px;
  2060. margin-left: 0;
  2061. }
  2062. .table td.span3,
  2063. .table th.span3 {
  2064. float: none;
  2065. width: 204px;
  2066. margin-left: 0;
  2067. }
  2068. .table td.span4,
  2069. .table th.span4 {
  2070. float: none;
  2071. width: 284px;
  2072. margin-left: 0;
  2073. }
  2074. .table td.span5,
  2075. .table th.span5 {
  2076. float: none;
  2077. width: 364px;
  2078. margin-left: 0;
  2079. }
  2080. .table td.span6,
  2081. .table th.span6 {
  2082. float: none;
  2083. width: 444px;
  2084. margin-left: 0;
  2085. }
  2086. .table td.span7,
  2087. .table th.span7 {
  2088. float: none;
  2089. width: 524px;
  2090. margin-left: 0;
  2091. }
  2092. .table td.span8,
  2093. .table th.span8 {
  2094. float: none;
  2095. width: 604px;
  2096. margin-left: 0;
  2097. }
  2098. .table td.span9,
  2099. .table th.span9 {
  2100. float: none;
  2101. width: 684px;
  2102. margin-left: 0;
  2103. }
  2104. .table td.span10,
  2105. .table th.span10 {
  2106. float: none;
  2107. width: 764px;
  2108. margin-left: 0;
  2109. }
  2110. .table td.span11,
  2111. .table th.span11 {
  2112. float: none;
  2113. width: 844px;
  2114. margin-left: 0;
  2115. }
  2116. .table td.span12,
  2117. .table th.span12 {
  2118. float: none;
  2119. width: 924px;
  2120. margin-left: 0;
  2121. }
  2122. .table tbody tr.success > td {
  2123. background-color: #dff0d8;
  2124. }
  2125. .table tbody tr.error > td {
  2126. background-color: #f2dede;
  2127. }
  2128. .table tbody tr.warning > td {
  2129. background-color: #fcf8e3;
  2130. }
  2131. .table tbody tr.info > td {
  2132. background-color: #d9edf7;
  2133. }
  2134. .table-hover tbody tr.success:hover > td {
  2135. background-color: #d0e9c6;
  2136. }
  2137. .table-hover tbody tr.error:hover > td {
  2138. background-color: #ebcccc;
  2139. }
  2140. .table-hover tbody tr.warning:hover > td {
  2141. background-color: #faf2cc;
  2142. }
  2143. .table-hover tbody tr.info:hover > td {
  2144. background-color: #c4e3f3;
  2145. }
  2146. [class^="icon-"],
  2147. [class*=" icon-"] {
  2148. display: inline-block;
  2149. width: 14px;
  2150. height: 14px;
  2151. *margin-right: .3em;
  2152. line-height: 14px;
  2153. vertical-align: text-top;
  2154. background-image: url("../img/glyphicons-halflings.png");
  2155. background-position: 14px 14px;
  2156. background-repeat: no-repeat;
  2157. margin-top: 1px;
  2158. }
  2159. /* White icons with optional class, or on hover/focus/active states of certain elements */
  2160. .icon-white,
  2161. .nav-pills > .active > a > [class^="icon-"],
  2162. .nav-pills > .active > a > [class*=" icon-"],
  2163. .nav-list > .active > a > [class^="icon-"],
  2164. .nav-list > .active > a > [class*=" icon-"],
  2165. .navbar-inverse .nav > .active > a > [class^="icon-"],
  2166. .navbar-inverse .nav > .active > a > [class*=" icon-"],
  2167. .dropdown-menu > li > a:hover > [class^="icon-"],
  2168. .dropdown-menu > li > a:focus > [class^="icon-"],
  2169. .dropdown-menu > li > a:hover > [class*=" icon-"],
  2170. .dropdown-menu > li > a:focus > [class*=" icon-"],
  2171. .dropdown-menu > .active > a > [class^="icon-"],
  2172. .dropdown-menu > .active > a > [class*=" icon-"],
  2173. .dropdown-submenu:hover > a > [class^="icon-"],
  2174. .dropdown-submenu:focus > a > [class^="icon-"],
  2175. .dropdown-submenu:hover > a > [class*=" icon-"],
  2176. .dropdown-submenu:focus > a > [class*=" icon-"] {
  2177. background-image: url("../img/glyphicons-halflings-white.png");
  2178. }
  2179. .icon-glass {
  2180. background-position: 0 0;
  2181. }
  2182. .icon-music {
  2183. background-position: -24px 0;
  2184. }
  2185. .icon-search {
  2186. background-position: -48px 0;
  2187. }
  2188. .icon-envelope {
  2189. background-position: -72px 0;
  2190. }
  2191. .icon-heart {
  2192. background-position: -96px 0;
  2193. }
  2194. .icon-star {
  2195. background-position: -120px 0;
  2196. }
  2197. .icon-star-empty {
  2198. background-position: -144px 0;
  2199. }
  2200. .icon-user {
  2201. background-position: -168px 0;
  2202. }
  2203. .icon-film {
  2204. background-position: -192px 0;
  2205. }
  2206. .icon-th-large {
  2207. background-position: -216px 0;
  2208. }
  2209. .icon-th {
  2210. background-position: -240px 0;
  2211. }
  2212. .icon-th-list {
  2213. background-position: -264px 0;
  2214. }
  2215. .icon-ok {
  2216. background-position: -288px 0;
  2217. }
  2218. .icon-remove {
  2219. background-position: -312px 0;
  2220. }
  2221. .icon-zoom-in {
  2222. background-position: -336px 0;
  2223. }
  2224. .icon-zoom-out {
  2225. background-position: -360px 0;
  2226. }
  2227. .icon-off {
  2228. background-position: -384px 0;
  2229. }
  2230. .icon-signal {
  2231. background-position: -408px 0;
  2232. }
  2233. .icon-cog {
  2234. background-position: -432px 0;
  2235. }
  2236. .icon-trash {
  2237. background-position: -456px 0;
  2238. }
  2239. .icon-home {
  2240. background-position: 0 -24px;
  2241. }
  2242. .icon-file {
  2243. background-position: -24px -24px;
  2244. }
  2245. .icon-time {
  2246. background-position: -48px -24px;
  2247. }
  2248. .icon-road {
  2249. background-position: -72px -24px;
  2250. }
  2251. .icon-download-alt {
  2252. background-position: -96px -24px;
  2253. }
  2254. .icon-download {
  2255. background-position: -120px -24px;
  2256. }
  2257. .icon-upload {
  2258. background-position: -144px -24px;
  2259. }
  2260. .icon-inbox {
  2261. background-position: -168px -24px;
  2262. }
  2263. .icon-play-circle {
  2264. background-position: -192px -24px;
  2265. }
  2266. .icon-repeat {
  2267. background-position: -216px -24px;
  2268. }
  2269. .icon-refresh {
  2270. background-position: -240px -24px;
  2271. }
  2272. .icon-list-alt {
  2273. background-position: -264px -24px;
  2274. }
  2275. .icon-lock {
  2276. background-position: -287px -24px;
  2277. }
  2278. .icon-flag {
  2279. background-position: -312px -24px;
  2280. }
  2281. .icon-headphones {
  2282. background-position: -336px -24px;
  2283. }
  2284. .icon-volume-off {
  2285. background-position: -360px -24px;
  2286. }
  2287. .icon-volume-down {
  2288. background-position: -384px -24px;
  2289. }
  2290. .icon-volume-up {
  2291. background-position: -408px -24px;
  2292. }
  2293. .icon-qrcode {
  2294. background-position: -432px -24px;
  2295. }
  2296. .icon-barcode {
  2297. background-position: -456px -24px;
  2298. }
  2299. .icon-tag {
  2300. background-position: 0 -48px;
  2301. }
  2302. .icon-tags {
  2303. background-position: -25px -48px;
  2304. }
  2305. .icon-book {
  2306. background-position: -48px -48px;
  2307. }
  2308. .icon-bookmark {
  2309. background-position: -72px -48px;
  2310. }
  2311. .icon-print {
  2312. background-position: -96px -48px;
  2313. }
  2314. .icon-camera {
  2315. background-position: -120px -48px;
  2316. }
  2317. .icon-font {
  2318. background-position: -144px -48px;
  2319. }
  2320. .icon-bold {
  2321. background-position: -167px -48px;
  2322. }
  2323. .icon-italic {
  2324. background-position: -192px -48px;
  2325. }
  2326. .icon-text-height {
  2327. background-position: -216px -48px;
  2328. }
  2329. .icon-text-width {
  2330. background-position: -240px -48px;
  2331. }
  2332. .icon-align-left {
  2333. background-position: -264px -48px;
  2334. }
  2335. .icon-align-center {
  2336. background-position: -288px -48px;
  2337. }
  2338. .icon-align-right {
  2339. background-position: -312px -48px;
  2340. }
  2341. .icon-align-justify {
  2342. background-position: -336px -48px;
  2343. }
  2344. .icon-list {
  2345. background-position: -360px -48px;
  2346. }
  2347. .icon-indent-left {
  2348. background-position: -384px -48px;
  2349. }
  2350. .icon-indent-right {
  2351. background-position: -408px -48px;
  2352. }
  2353. .icon-facetime-video {
  2354. background-position: -432px -48px;
  2355. }
  2356. .icon-picture {
  2357. background-position: -456px -48px;
  2358. }
  2359. .icon-pencil {
  2360. background-position: 0 -72px;
  2361. }
  2362. .icon-map-marker {
  2363. background-position: -24px -72px;
  2364. }
  2365. .icon-adjust {
  2366. background-position: -48px -72px;
  2367. }
  2368. .icon-tint {
  2369. background-position: -72px -72px;
  2370. }
  2371. .icon-edit {
  2372. background-position: -96px -72px;
  2373. }
  2374. .icon-share {
  2375. background-position: -120px -72px;
  2376. }
  2377. .icon-check {
  2378. background-position: -144px -72px;
  2379. }
  2380. .icon-move {
  2381. background-position: -168px -72px;
  2382. }
  2383. .icon-step-backward {
  2384. background-position: -192px -72px;
  2385. }
  2386. .icon-fast-backward {
  2387. background-position: -216px -72px;
  2388. }
  2389. .icon-backward {
  2390. background-position: -240px -72px;
  2391. }
  2392. .icon-play {
  2393. background-position: -264px -72px;
  2394. }
  2395. .icon-pause {
  2396. background-position: -288px -72px;
  2397. }
  2398. .icon-stop {
  2399. background-position: -312px -72px;
  2400. }
  2401. .icon-forward {
  2402. background-position: -336px -72px;
  2403. }
  2404. .icon-fast-forward {
  2405. background-position: -360px -72px;
  2406. }
  2407. .icon-step-forward {
  2408. background-position: -384px -72px;
  2409. }
  2410. .icon-eject {
  2411. background-position: -408px -72px;
  2412. }
  2413. .icon-chevron-left {
  2414. background-position: -432px -72px;
  2415. }
  2416. .icon-chevron-right {
  2417. background-position: -456px -72px;
  2418. }
  2419. .icon-plus-sign {
  2420. background-position: 0 -96px;
  2421. }
  2422. .icon-minus-sign {
  2423. background-position: -24px -96px;
  2424. }
  2425. .icon-remove-sign {
  2426. background-position: -48px -96px;
  2427. }
  2428. .icon-ok-sign {
  2429. background-position: -72px -96px;
  2430. }
  2431. .icon-question-sign {
  2432. background-position: -96px -96px;
  2433. }
  2434. .icon-info-sign {
  2435. background-position: -120px -96px;
  2436. }
  2437. .icon-screenshot {
  2438. background-position: -144px -96px;
  2439. }
  2440. .icon-remove-circle {
  2441. background-position: -168px -96px;
  2442. }
  2443. .icon-ok-circle {
  2444. background-position: -192px -96px;
  2445. }
  2446. .icon-ban-circle {
  2447. background-position: -216px -96px;
  2448. }
  2449. .icon-arrow-left {
  2450. background-position: -240px -96px;
  2451. }
  2452. .icon-arrow-right {
  2453. background-position: -264px -96px;
  2454. }
  2455. .icon-arrow-up {
  2456. background-position: -289px -96px;
  2457. }
  2458. .icon-arrow-down {
  2459. background-position: -312px -96px;
  2460. }
  2461. .icon-share-alt {
  2462. background-position: -336px -96px;
  2463. }
  2464. .icon-resize-full {
  2465. background-position: -360px -96px;
  2466. }
  2467. .icon-resize-small {
  2468. background-position: -384px -96px;
  2469. }
  2470. .icon-plus {
  2471. background-position: -408px -96px;
  2472. }
  2473. .icon-minus {
  2474. background-position: -433px -96px;
  2475. }
  2476. .icon-asterisk {
  2477. background-position: -456px -96px;
  2478. }
  2479. .icon-exclamation-sign {
  2480. background-position: 0 -120px;
  2481. }
  2482. .icon-gift {
  2483. background-position: -24px -120px;
  2484. }
  2485. .icon-leaf {
  2486. background-position: -48px -120px;
  2487. }
  2488. .icon-fire {
  2489. background-position: -72px -120px;
  2490. }
  2491. .icon-eye-open {
  2492. background-position: -96px -120px;
  2493. }
  2494. .icon-eye-close {
  2495. background-position: -120px -120px;
  2496. }
  2497. .icon-warning-sign {
  2498. background-position: -144px -120px;
  2499. }
  2500. .icon-plane {
  2501. background-position: -168px -120px;
  2502. }
  2503. .icon-calendar {
  2504. background-position: -192px -120px;
  2505. }
  2506. .icon-random {
  2507. background-position: -216px -120px;
  2508. width: 16px;
  2509. }
  2510. .icon-comment {
  2511. background-position: -240px -120px;
  2512. }
  2513. .icon-magnet {
  2514. background-position: -264px -120px;
  2515. }
  2516. .icon-chevron-up {
  2517. background-position: -288px -120px;
  2518. }
  2519. .icon-chevron-down {
  2520. background-position: -313px -119px;
  2521. }
  2522. .icon-retweet {
  2523. background-position: -336px -120px;
  2524. }
  2525. .icon-shopping-cart {
  2526. background-position: -360px -120px;
  2527. }
  2528. .icon-folder-close {
  2529. background-position: -384px -120px;
  2530. width: 16px;
  2531. }
  2532. .icon-folder-open {
  2533. background-position: -408px -120px;
  2534. width: 16px;
  2535. }
  2536. .icon-resize-vertical {
  2537. background-position: -432px -119px;
  2538. }
  2539. .icon-resize-horizontal {
  2540. background-position: -456px -118px;
  2541. }
  2542. .icon-hdd {
  2543. background-position: 0 -144px;
  2544. }
  2545. .icon-bullhorn {
  2546. background-position: -24px -144px;
  2547. }
  2548. .icon-bell {
  2549. background-position: -48px -144px;
  2550. }
  2551. .icon-certificate {
  2552. background-position: -72px -144px;
  2553. }
  2554. .icon-thumbs-up {
  2555. background-position: -96px -144px;
  2556. }
  2557. .icon-thumbs-down {
  2558. background-position: -120px -144px;
  2559. }
  2560. .icon-hand-right {
  2561. background-position: -144px -144px;
  2562. }
  2563. .icon-hand-left {
  2564. background-position: -168px -144px;
  2565. }
  2566. .icon-hand-up {
  2567. background-position: -192px -144px;
  2568. }
  2569. .icon-hand-down {
  2570. background-position: -216px -144px;
  2571. }
  2572. .icon-circle-arrow-right {
  2573. background-position: -240px -144px;
  2574. }
  2575. .icon-circle-arrow-left {
  2576. background-position: -264px -144px;
  2577. }
  2578. .icon-circle-arrow-up {
  2579. background-position: -288px -144px;
  2580. }
  2581. .icon-circle-arrow-down {
  2582. background-position: -312px -144px;
  2583. }
  2584. .icon-globe {
  2585. background-position: -336px -144px;
  2586. }
  2587. .icon-wrench {
  2588. background-position: -360px -144px;
  2589. }
  2590. .icon-tasks {
  2591. background-position: -384px -144px;
  2592. }
  2593. .icon-filter {
  2594. background-position: -408px -144px;
  2595. }
  2596. .icon-briefcase {
  2597. background-position: -432px -144px;
  2598. }
  2599. .icon-fullscreen {
  2600. background-position: -456px -144px;
  2601. }
  2602. .dropup,
  2603. .dropdown {
  2604. position: relative;
  2605. }
  2606. .dropdown-toggle {
  2607. *margin-bottom: -3px;
  2608. }
  2609. .dropdown-toggle:active,
  2610. .open .dropdown-toggle {
  2611. outline: 0;
  2612. }
  2613. .caret {
  2614. display: inline-block;
  2615. width: 0;
  2616. height: 0;
  2617. vertical-align: top;
  2618. border-top: 4px solid #000000;
  2619. border-right: 4px solid transparent;
  2620. border-left: 4px solid transparent;
  2621. content: "";
  2622. }
  2623. .dropdown .caret {
  2624. margin-top: 8px;
  2625. margin-left: 2px;
  2626. }
  2627. .dropdown-menu {
  2628. position: absolute;
  2629. top: 100%;
  2630. left: 0;
  2631. z-index: 1000;
  2632. display: none;
  2633. float: left;
  2634. min-width: 160px;
  2635. padding: 5px 0;
  2636. margin: 2px 0 0;
  2637. list-style: none;
  2638. background-color: #ffffff;
  2639. border: 1px solid #ccc;
  2640. border: 1px solid rgba(0, 0, 0, 0.2);
  2641. *border-right-width: 2px;
  2642. *border-bottom-width: 2px;
  2643. -webkit-border-radius: 6px;
  2644. -moz-border-radius: 6px;
  2645. border-radius: 6px;
  2646. -webkit-border-radius: 6px 0 0 0;
  2647. -moz-border-radius: 6px 0 0 0;
  2648. border-radius: 6px 0 0 0;
  2649. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  2650. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  2651. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  2652. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  2653. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  2654. -webkit-box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  2655. -moz-box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  2656. -ms-box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  2657. box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  2658. -webkit-background-clip: padding-box;
  2659. -moz-background-clip: padding;
  2660. background-clip: padding-box;
  2661. }
  2662. .dropdown-menu.pull-right {
  2663. right: 0;
  2664. left: auto;
  2665. }
  2666. .dropdown-menu .divider {
  2667. *width: 100%;
  2668. height: 1px;
  2669. margin: 9px 1px;
  2670. *margin: -5px 0 5px;
  2671. overflow: hidden;
  2672. background-color: #e5e5e5;
  2673. border-bottom: 1px solid #ffffff;
  2674. }
  2675. .dropdown-menu > li > a {
  2676. display: block;
  2677. padding: 3px 20px;
  2678. clear: both;
  2679. font-weight: normal;
  2680. line-height: 20px;
  2681. color: #333333;
  2682. white-space: nowrap;
  2683. }
  2684. .dropdown-menu > li > a:hover,
  2685. .dropdown-menu > li > a:focus,
  2686. .dropdown-submenu:hover > a,
  2687. .dropdown-submenu:focus > a {
  2688. text-decoration: none;
  2689. color: #ffffff;
  2690. background-color: #0081c2;
  2691. background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  2692. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  2693. background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  2694. background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  2695. background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  2696. background-repeat: repeat-x;
  2697. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  2698. }
  2699. .dropdown-menu > .active > a,
  2700. .dropdown-menu > .active > a:hover,
  2701. .dropdown-menu > .active > a:focus {
  2702. color: #ffffff;
  2703. text-decoration: none;
  2704. outline: 0;
  2705. background-color: #0081c2;
  2706. background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  2707. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  2708. background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  2709. background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  2710. background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  2711. background-repeat: repeat-x;
  2712. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  2713. }
  2714. .dropdown-menu > .disabled > a,
  2715. .dropdown-menu > .disabled > a:hover,
  2716. .dropdown-menu > .disabled > a:focus {
  2717. color: #999999;
  2718. }
  2719. .dropdown-menu > .disabled > a:hover,
  2720. .dropdown-menu > .disabled > a:focus {
  2721. text-decoration: none;
  2722. background-color: transparent;
  2723. background-image: none;
  2724. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  2725. cursor: default;
  2726. }
  2727. .open {
  2728. *z-index: 1000;
  2729. }
  2730. .open > .dropdown-menu {
  2731. display: block;
  2732. }
  2733. .dropdown-backdrop {
  2734. position: fixed;
  2735. left: 0;
  2736. right: 0;
  2737. bottom: 0;
  2738. top: 0;
  2739. z-index: 990;
  2740. }
  2741. .pull-right > .dropdown-menu {
  2742. right: 0;
  2743. left: auto;
  2744. }
  2745. .dropup .caret,
  2746. .navbar-fixed-bottom .dropdown .caret {
  2747. border-top: 0;
  2748. border-bottom: 4px solid #000000;
  2749. content: "";
  2750. }
  2751. .dropup .dropdown-menu,
  2752. .navbar-fixed-bottom .dropdown .dropdown-menu {
  2753. top: auto;
  2754. bottom: 100%;
  2755. margin-bottom: 1px;
  2756. }
  2757. .dropdown-submenu {
  2758. position: relative;
  2759. }
  2760. .dropdown-submenu > .dropdown-menu {
  2761. top: 0;
  2762. left: 100%;
  2763. margin-top: -6px;
  2764. margin-left: -1px;
  2765. -webkit-border-radius: 0 6px 6px 6px;
  2766. -moz-border-radius: 0 6px 6px 6px;
  2767. border-radius: 0 6px 6px 6px;
  2768. -webkit-border-radius: 0 6px 6px 6px 0 0 0;
  2769. -moz-border-radius: 0 6px 6px 6px 0 0 0;
  2770. border-radius: 0 6px 6px 6px 0 0 0;
  2771. -webkit-background-clip: padding-box;
  2772. -moz-background-clip: padding;
  2773. background-clip: padding-box;
  2774. }
  2775. .dropdown-submenu:hover > .dropdown-menu {
  2776. display: block;
  2777. }
  2778. .dropup .dropdown-submenu > .dropdown-menu {
  2779. top: auto;
  2780. bottom: 0;
  2781. margin-top: 0;
  2782. margin-bottom: -2px;
  2783. -webkit-border-radius: 5px 5px 5px 0;
  2784. -moz-border-radius: 5px 5px 5px 0;
  2785. border-radius: 5px 5px 5px 0;
  2786. -webkit-border-radius: 5px 5px 5px 0 0 0 0;
  2787. -moz-border-radius: 5px 5px 5px 0 0 0 0;
  2788. border-radius: 5px 5px 5px 0 0 0 0;
  2789. -webkit-background-clip: padding-box;
  2790. -moz-background-clip: padding;
  2791. background-clip: padding-box;
  2792. }
  2793. .dropdown-submenu > a:after {
  2794. display: block;
  2795. content: " ";
  2796. float: right;
  2797. width: 0;
  2798. height: 0;
  2799. border-color: transparent;
  2800. border-style: solid;
  2801. border-width: 5px 0 5px 5px;
  2802. border-left-color: #cccccc;
  2803. margin-top: 5px;
  2804. margin-right: -10px;
  2805. }
  2806. .dropdown-submenu:hover > a:after {
  2807. border-left-color: #ffffff;
  2808. }
  2809. .dropdown-submenu.pull-left {
  2810. float: none;
  2811. }
  2812. .dropdown-submenu.pull-left > .dropdown-menu {
  2813. left: -100%;
  2814. margin-left: 10px;
  2815. -webkit-border-radius: 6px 0 6px 6px;
  2816. -moz-border-radius: 6px 0 6px 6px;
  2817. border-radius: 6px 0 6px 6px;
  2818. -webkit-border-radius: 6px 0 6px 6px 0 0 0;
  2819. -moz-border-radius: 6px 0 6px 6px 0 0 0;
  2820. border-radius: 6px 0 6px 6px 0 0 0;
  2821. -webkit-background-clip: padding-box;
  2822. -moz-background-clip: padding;
  2823. background-clip: padding-box;
  2824. }
  2825. .dropdown .dropdown-menu .nav-header {
  2826. padding-left: 20px;
  2827. padding-right: 20px;
  2828. }
  2829. .typeahead {
  2830. z-index: 1051;
  2831. margin-top: 2px;
  2832. -webkit-border-radius: 4px;
  2833. -moz-border-radius: 4px;
  2834. border-radius: 4px;
  2835. -webkit-border-radius: 4px 0 0 0;
  2836. -moz-border-radius: 4px 0 0 0;
  2837. border-radius: 4px 0 0 0;
  2838. -webkit-background-clip: padding-box;
  2839. -moz-background-clip: padding;
  2840. background-clip: padding-box;
  2841. }
  2842. .well {
  2843. min-height: 20px;
  2844. padding: 19px;
  2845. margin-bottom: 20px;
  2846. background-color: #f5f5f5;
  2847. border: 1px solid #e3e3e3;
  2848. -webkit-border-radius: 4px;
  2849. -moz-border-radius: 4px;
  2850. border-radius: 4px;
  2851. -webkit-border-radius: 4px 0 0 0;
  2852. -moz-border-radius: 4px 0 0 0;
  2853. border-radius: 4px 0 0 0;
  2854. -webkit-background-clip: padding-box;
  2855. -moz-background-clip: padding;
  2856. background-clip: padding-box;
  2857. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  2858. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  2859. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  2860. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  2861. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  2862. -webkit-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.05) #000000;
  2863. -moz-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.05) #000000;
  2864. -ms-box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.05) #000000;
  2865. box-shadow: 0 0 inset 0 1px 1px rgba(0, 0, 0, 0.05) #000000;
  2866. }
  2867. .well blockquote {
  2868. border-color: #ddd;
  2869. border-color: rgba(0, 0, 0, 0.15);
  2870. }
  2871. .well-large {
  2872. padding: 24px;
  2873. -webkit-border-radius: 6px;
  2874. -moz-border-radius: 6px;
  2875. border-radius: 6px;
  2876. -webkit-border-radius: 6px 0 0 0;
  2877. -moz-border-radius: 6px 0 0 0;
  2878. border-radius: 6px 0 0 0;
  2879. -webkit-background-clip: padding-box;
  2880. -moz-background-clip: padding;
  2881. background-clip: padding-box;
  2882. }
  2883. .well-small {
  2884. padding: 9px;
  2885. -webkit-border-radius: 3px;
  2886. -moz-border-radius: 3px;
  2887. border-radius: 3px;
  2888. -webkit-border-radius: 3px 0 0 0;
  2889. -moz-border-radius: 3px 0 0 0;
  2890. border-radius: 3px 0 0 0;
  2891. -webkit-background-clip: padding-box;
  2892. -moz-background-clip: padding;
  2893. background-clip: padding-box;
  2894. }
  2895. .fade {
  2896. opacity: 0;
  2897. -webkit-transition: opacity 0.15s linear;
  2898. -moz-transition: opacity 0.15s linear;
  2899. -o-transition: opacity 0.15s linear;
  2900. transition: opacity 0.15s linear;
  2901. }
  2902. .fade.in {
  2903. opacity: 1;
  2904. }
  2905. .collapse {
  2906. position: relative;
  2907. height: 0;
  2908. overflow: hidden;
  2909. -webkit-transition: height 0.35s ease;
  2910. -moz-transition: height 0.35s ease;
  2911. -o-transition: height 0.35s ease;
  2912. transition: height 0.35s ease;
  2913. }
  2914. .collapse.in {
  2915. height: auto;
  2916. }
  2917. .close {
  2918. float: right;
  2919. font-size: 20px;
  2920. font-weight: bold;
  2921. line-height: 20px;
  2922. color: #000000;
  2923. text-shadow: 0 1px 0 #ffffff;
  2924. opacity: 0.2;
  2925. filter: alpha(opacity=20);
  2926. -webkit-opacity: 20;
  2927. -khtml-opacity: 20;
  2928. -moz-opacity: 20;
  2929. opacity: 20;
  2930. }
  2931. .close:hover,
  2932. .close:focus {
  2933. color: #000000;
  2934. text-decoration: none;
  2935. cursor: pointer;
  2936. opacity: 0.4;
  2937. filter: alpha(opacity=40);
  2938. -webkit-opacity: 40;
  2939. -khtml-opacity: 40;
  2940. -moz-opacity: 40;
  2941. opacity: 40;
  2942. }
  2943. button.close {
  2944. padding: 0;
  2945. cursor: pointer;
  2946. background: transparent;
  2947. border: 0;
  2948. -webkit-appearance: none;
  2949. }
  2950. .btn {
  2951. display: inline-block;
  2952. *display: inline;
  2953. /* IE7 inline-block hack */
  2954. *zoom: 1;
  2955. padding: 4px 12px;
  2956. margin-bottom: 0;
  2957. font-size: 14px;
  2958. line-height: 20px;
  2959. text-align: center;
  2960. vertical-align: middle;
  2961. cursor: pointer;
  2962. color: #333333;
  2963. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  2964. background-color: #f5f5f5;
  2965. background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  2966. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  2967. background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  2968. background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  2969. background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  2970. background-repeat: repeat-x;
  2971. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  2972. border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  2973. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  2974. *background-color: #e6e6e6;
  2975. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  2976. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  2977. border: 1px solid #cccccc;
  2978. *border: 0;
  2979. border-bottom-color: #b3b3b3;
  2980. -webkit-border-radius: 4px;
  2981. -moz-border-radius: 4px;
  2982. border-radius: 4px;
  2983. -webkit-border-radius: 4px 0 0 0;
  2984. -moz-border-radius: 4px 0 0 0;
  2985. border-radius: 4px 0 0 0;
  2986. -webkit-background-clip: padding-box;
  2987. -moz-background-clip: padding;
  2988. background-clip: padding-box;
  2989. *margin-left: .3em;
  2990. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  2991. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  2992. box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  2993. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  2994. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  2995. -webkit-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  2996. -moz-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  2997. -ms-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  2998. box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  2999. }
  3000. .btn:hover,
  3001. .btn:focus,
  3002. .btn:active,
  3003. .btn.active,
  3004. .btn.disabled,
  3005. .btn[disabled] {
  3006. color: #333333;
  3007. background-color: #e6e6e6;
  3008. *background-color: #d9d9d9;
  3009. }
  3010. .btn:active,
  3011. .btn.active {
  3012. background-color: #cccccc \9;
  3013. }
  3014. .btn:first-child {
  3015. *margin-left: 0;
  3016. }
  3017. .btn:hover,
  3018. .btn:focus {
  3019. color: #333333;
  3020. text-decoration: none;
  3021. background-position: 0 -15px;
  3022. -webkit-transition: background-position 0.1s linear;
  3023. -moz-transition: background-position 0.1s linear;
  3024. -o-transition: background-position 0.1s linear;
  3025. transition: background-position 0.1s linear;
  3026. }
  3027. .btn:focus {
  3028. outline: thin dotted #333;
  3029. outline: 5px auto -webkit-focus-ring-color;
  3030. outline-offset: -2px;
  3031. }
  3032. .btn.active,
  3033. .btn:active {
  3034. background-image: none;
  3035. outline: 0;
  3036. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  3037. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  3038. box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  3039. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3040. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3041. -webkit-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3042. -moz-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3043. -ms-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3044. box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3045. }
  3046. .btn.disabled,
  3047. .btn[disabled] {
  3048. cursor: default;
  3049. background-image: none;
  3050. opacity: 0.65;
  3051. filter: alpha(opacity=65);
  3052. -webkit-opacity: 65;
  3053. -khtml-opacity: 65;
  3054. -moz-opacity: 65;
  3055. opacity: 65;
  3056. -webkit-box-shadow: none;
  3057. -moz-box-shadow: none;
  3058. box-shadow: none;
  3059. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3060. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3061. -webkit-box-shadow: 0 0 none #000000;
  3062. -moz-box-shadow: 0 0 none #000000;
  3063. -ms-box-shadow: 0 0 none #000000;
  3064. box-shadow: 0 0 none #000000;
  3065. }
  3066. .btn-large {
  3067. padding: 11px 19px;
  3068. font-size: 17.5px;
  3069. -webkit-border-radius: 6px;
  3070. -moz-border-radius: 6px;
  3071. border-radius: 6px;
  3072. -webkit-border-radius: 6px 0 0 0;
  3073. -moz-border-radius: 6px 0 0 0;
  3074. border-radius: 6px 0 0 0;
  3075. -webkit-background-clip: padding-box;
  3076. -moz-background-clip: padding;
  3077. background-clip: padding-box;
  3078. }
  3079. .btn-large [class^="icon-"],
  3080. .btn-large [class*=" icon-"] {
  3081. margin-top: 4px;
  3082. }
  3083. .btn-small {
  3084. padding: 2px 10px;
  3085. font-size: 11.9px;
  3086. -webkit-border-radius: 3px;
  3087. -moz-border-radius: 3px;
  3088. border-radius: 3px;
  3089. -webkit-border-radius: 3px 0 0 0;
  3090. -moz-border-radius: 3px 0 0 0;
  3091. border-radius: 3px 0 0 0;
  3092. -webkit-background-clip: padding-box;
  3093. -moz-background-clip: padding;
  3094. background-clip: padding-box;
  3095. }
  3096. .btn-small [class^="icon-"],
  3097. .btn-small [class*=" icon-"] {
  3098. margin-top: 0;
  3099. }
  3100. .btn-mini [class^="icon-"],
  3101. .btn-mini [class*=" icon-"] {
  3102. margin-top: -1px;
  3103. }
  3104. .btn-mini {
  3105. padding: 0 6px;
  3106. font-size: 10.5px;
  3107. -webkit-border-radius: 3px;
  3108. -moz-border-radius: 3px;
  3109. border-radius: 3px;
  3110. -webkit-border-radius: 3px 0 0 0;
  3111. -moz-border-radius: 3px 0 0 0;
  3112. border-radius: 3px 0 0 0;
  3113. -webkit-background-clip: padding-box;
  3114. -moz-background-clip: padding;
  3115. background-clip: padding-box;
  3116. }
  3117. .btn-block {
  3118. display: block;
  3119. width: 100%;
  3120. padding-left: 0;
  3121. padding-right: 0;
  3122. -webkit-box-sizing: border-box;
  3123. -moz-box-sizing: border-box;
  3124. box-sizing: border-box;
  3125. }
  3126. .btn-block + .btn-block {
  3127. margin-top: 5px;
  3128. }
  3129. input[type="submit"].btn-block,
  3130. input[type="reset"].btn-block,
  3131. input[type="button"].btn-block {
  3132. width: 100%;
  3133. }
  3134. .btn-primary.active,
  3135. .btn-warning.active,
  3136. .btn-danger.active,
  3137. .btn-success.active,
  3138. .btn-info.active,
  3139. .btn-inverse.active {
  3140. color: rgba(255, 255, 255, 0.75);
  3141. }
  3142. .btn-primary {
  3143. color: #ffffff;
  3144. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3145. background-color: #006dcc;
  3146. background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  3147. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  3148. background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  3149. background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  3150. background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  3151. background-repeat: repeat-x;
  3152. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  3153. border-color: #0044cc #0044cc #002a80;
  3154. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  3155. *background-color: #0044cc;
  3156. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  3157. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3158. }
  3159. .btn-primary:hover,
  3160. .btn-primary:focus,
  3161. .btn-primary:active,
  3162. .btn-primary.active,
  3163. .btn-primary.disabled,
  3164. .btn-primary[disabled] {
  3165. color: #ffffff;
  3166. background-color: #0044cc;
  3167. *background-color: #003bb3;
  3168. }
  3169. .btn-primary:active,
  3170. .btn-primary.active {
  3171. background-color: #003399 \9;
  3172. }
  3173. .btn-warning {
  3174. color: #ffffff;
  3175. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3176. background-color: #faa732;
  3177. background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  3178. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  3179. background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  3180. background-image: -o-linear-gradient(top, #fbb450, #f89406);
  3181. background-image: linear-gradient(to bottom, #fbb450, #f89406);
  3182. background-repeat: repeat-x;
  3183. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  3184. border-color: #f89406 #f89406 #ad6704;
  3185. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  3186. *background-color: #f89406;
  3187. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  3188. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3189. }
  3190. .btn-warning:hover,
  3191. .btn-warning:focus,
  3192. .btn-warning:active,
  3193. .btn-warning.active,
  3194. .btn-warning.disabled,
  3195. .btn-warning[disabled] {
  3196. color: #ffffff;
  3197. background-color: #f89406;
  3198. *background-color: #df8505;
  3199. }
  3200. .btn-warning:active,
  3201. .btn-warning.active {
  3202. background-color: #c67605 \9;
  3203. }
  3204. .btn-danger {
  3205. color: #ffffff;
  3206. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3207. background-color: #da4f49;
  3208. background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  3209. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  3210. background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  3211. background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  3212. background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  3213. background-repeat: repeat-x;
  3214. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  3215. border-color: #bd362f #bd362f #802420;
  3216. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  3217. *background-color: #bd362f;
  3218. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  3219. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3220. }
  3221. .btn-danger:hover,
  3222. .btn-danger:focus,
  3223. .btn-danger:active,
  3224. .btn-danger.active,
  3225. .btn-danger.disabled,
  3226. .btn-danger[disabled] {
  3227. color: #ffffff;
  3228. background-color: #bd362f;
  3229. *background-color: #a9302a;
  3230. }
  3231. .btn-danger:active,
  3232. .btn-danger.active {
  3233. background-color: #942a25 \9;
  3234. }
  3235. .btn-success {
  3236. color: #ffffff;
  3237. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3238. background-color: #5bb75b;
  3239. background-image: -moz-linear-gradient(top, #62c462, #51a351);
  3240. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  3241. background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  3242. background-image: -o-linear-gradient(top, #62c462, #51a351);
  3243. background-image: linear-gradient(to bottom, #62c462, #51a351);
  3244. background-repeat: repeat-x;
  3245. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  3246. border-color: #51a351 #51a351 #387038;
  3247. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  3248. *background-color: #51a351;
  3249. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  3250. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3251. }
  3252. .btn-success:hover,
  3253. .btn-success:focus,
  3254. .btn-success:active,
  3255. .btn-success.active,
  3256. .btn-success.disabled,
  3257. .btn-success[disabled] {
  3258. color: #ffffff;
  3259. background-color: #51a351;
  3260. *background-color: #499249;
  3261. }
  3262. .btn-success:active,
  3263. .btn-success.active {
  3264. background-color: #408140 \9;
  3265. }
  3266. .btn-info {
  3267. color: #ffffff;
  3268. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3269. background-color: #49afcd;
  3270. background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  3271. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  3272. background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  3273. background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  3274. background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  3275. background-repeat: repeat-x;
  3276. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  3277. border-color: #2f96b4 #2f96b4 #1f6377;
  3278. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  3279. *background-color: #2f96b4;
  3280. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  3281. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3282. }
  3283. .btn-info:hover,
  3284. .btn-info:focus,
  3285. .btn-info:active,
  3286. .btn-info.active,
  3287. .btn-info.disabled,
  3288. .btn-info[disabled] {
  3289. color: #ffffff;
  3290. background-color: #2f96b4;
  3291. *background-color: #2a85a0;
  3292. }
  3293. .btn-info:active,
  3294. .btn-info.active {
  3295. background-color: #24748c \9;
  3296. }
  3297. .btn-inverse {
  3298. color: #ffffff;
  3299. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  3300. background-color: #363636;
  3301. background-image: -moz-linear-gradient(top, #444444, #222222);
  3302. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  3303. background-image: -webkit-linear-gradient(top, #444444, #222222);
  3304. background-image: -o-linear-gradient(top, #444444, #222222);
  3305. background-image: linear-gradient(to bottom, #444444, #222222);
  3306. background-repeat: repeat-x;
  3307. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  3308. border-color: #222222 #222222 #000000;
  3309. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  3310. *background-color: #222222;
  3311. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  3312. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  3313. }
  3314. .btn-inverse:hover,
  3315. .btn-inverse:focus,
  3316. .btn-inverse:active,
  3317. .btn-inverse.active,
  3318. .btn-inverse.disabled,
  3319. .btn-inverse[disabled] {
  3320. color: #ffffff;
  3321. background-color: #222222;
  3322. *background-color: #151515;
  3323. }
  3324. .btn-inverse:active,
  3325. .btn-inverse.active {
  3326. background-color: #080808 \9;
  3327. }
  3328. button.btn,
  3329. input[type="submit"].btn {
  3330. *padding-top: 3px;
  3331. *padding-bottom: 3px;
  3332. }
  3333. button.btn::-moz-focus-inner,
  3334. input[type="submit"].btn::-moz-focus-inner {
  3335. padding: 0;
  3336. border: 0;
  3337. }
  3338. button.btn.btn-large,
  3339. input[type="submit"].btn.btn-large {
  3340. *padding-top: 7px;
  3341. *padding-bottom: 7px;
  3342. }
  3343. button.btn.btn-small,
  3344. input[type="submit"].btn.btn-small {
  3345. *padding-top: 3px;
  3346. *padding-bottom: 3px;
  3347. }
  3348. button.btn.btn-mini,
  3349. input[type="submit"].btn.btn-mini {
  3350. *padding-top: 1px;
  3351. *padding-bottom: 1px;
  3352. }
  3353. .btn-link,
  3354. .btn-link:active,
  3355. .btn-link[disabled] {
  3356. background-color: transparent;
  3357. background-image: none;
  3358. -webkit-box-shadow: none;
  3359. -moz-box-shadow: none;
  3360. box-shadow: none;
  3361. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3362. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3363. -webkit-box-shadow: 0 0 none #000000;
  3364. -moz-box-shadow: 0 0 none #000000;
  3365. -ms-box-shadow: 0 0 none #000000;
  3366. box-shadow: 0 0 none #000000;
  3367. }
  3368. .btn-link {
  3369. border-color: transparent;
  3370. cursor: pointer;
  3371. color: #0088cc;
  3372. -webkit-border-radius: 0;
  3373. -moz-border-radius: 0;
  3374. border-radius: 0;
  3375. -webkit-border-radius: 0 0 0 0;
  3376. -moz-border-radius: 0 0 0 0;
  3377. border-radius: 0 0 0 0;
  3378. -webkit-background-clip: padding-box;
  3379. -moz-background-clip: padding;
  3380. background-clip: padding-box;
  3381. }
  3382. .btn-link:hover,
  3383. .btn-link:focus {
  3384. color: #005580;
  3385. text-decoration: underline;
  3386. background-color: transparent;
  3387. }
  3388. .btn-link[disabled]:hover,
  3389. .btn-link[disabled]:focus {
  3390. color: #333333;
  3391. text-decoration: none;
  3392. }
  3393. .btn-group {
  3394. position: relative;
  3395. display: inline-block;
  3396. *display: inline;
  3397. /* IE7 inline-block hack */
  3398. *zoom: 1;
  3399. font-size: 0;
  3400. vertical-align: middle;
  3401. white-space: nowrap;
  3402. *margin-left: .3em;
  3403. }
  3404. .btn-group:first-child {
  3405. *margin-left: 0;
  3406. }
  3407. .btn-group + .btn-group {
  3408. margin-left: 5px;
  3409. }
  3410. .btn-toolbar {
  3411. font-size: 0;
  3412. margin-top: 10px;
  3413. margin-bottom: 10px;
  3414. }
  3415. .btn-toolbar > .btn + .btn,
  3416. .btn-toolbar > .btn-group + .btn,
  3417. .btn-toolbar > .btn + .btn-group {
  3418. margin-left: 5px;
  3419. }
  3420. .btn-group > .btn {
  3421. position: relative;
  3422. -webkit-border-radius: 0;
  3423. -moz-border-radius: 0;
  3424. border-radius: 0;
  3425. -webkit-border-radius: 0 0 0 0;
  3426. -moz-border-radius: 0 0 0 0;
  3427. border-radius: 0 0 0 0;
  3428. -webkit-background-clip: padding-box;
  3429. -moz-background-clip: padding;
  3430. background-clip: padding-box;
  3431. }
  3432. .btn-group > .btn + .btn {
  3433. margin-left: -1px;
  3434. }
  3435. .btn-group > .btn,
  3436. .btn-group > .dropdown-menu,
  3437. .btn-group > .popover {
  3438. font-size: 14px;
  3439. }
  3440. .btn-group > .btn-mini {
  3441. font-size: 10.5px;
  3442. }
  3443. .btn-group > .btn-small {
  3444. font-size: 11.9px;
  3445. }
  3446. .btn-group > .btn-large {
  3447. font-size: 17.5px;
  3448. }
  3449. .btn-group > .btn:first-child {
  3450. margin-left: 0;
  3451. -webkit-border-top-left-radius: 4px;
  3452. -moz-border-radius-topleft: 4px;
  3453. border-top-left-radius: 4px;
  3454. -webkit-border-bottom-left-radius: 4px;
  3455. -moz-border-radius-bottomleft: 4px;
  3456. border-bottom-left-radius: 4px;
  3457. }
  3458. .btn-group > .btn:last-child,
  3459. .btn-group > .dropdown-toggle {
  3460. -webkit-border-top-right-radius: 4px;
  3461. -moz-border-radius-topright: 4px;
  3462. border-top-right-radius: 4px;
  3463. -webkit-border-bottom-right-radius: 4px;
  3464. -moz-border-radius-bottomright: 4px;
  3465. border-bottom-right-radius: 4px;
  3466. }
  3467. .btn-group > .btn.large:first-child {
  3468. margin-left: 0;
  3469. -webkit-border-top-left-radius: 6px;
  3470. -moz-border-radius-topleft: 6px;
  3471. border-top-left-radius: 6px;
  3472. -webkit-border-bottom-left-radius: 6px;
  3473. -moz-border-radius-bottomleft: 6px;
  3474. border-bottom-left-radius: 6px;
  3475. }
  3476. .btn-group > .btn.large:last-child,
  3477. .btn-group > .large.dropdown-toggle {
  3478. -webkit-border-top-right-radius: 6px;
  3479. -moz-border-radius-topright: 6px;
  3480. border-top-right-radius: 6px;
  3481. -webkit-border-bottom-right-radius: 6px;
  3482. -moz-border-radius-bottomright: 6px;
  3483. border-bottom-right-radius: 6px;
  3484. }
  3485. .btn-group > .btn:hover,
  3486. .btn-group > .btn:focus,
  3487. .btn-group > .btn:active,
  3488. .btn-group > .btn.active {
  3489. z-index: 2;
  3490. }
  3491. .btn-group .dropdown-toggle:active,
  3492. .btn-group.open .dropdown-toggle {
  3493. outline: 0;
  3494. }
  3495. .btn-group > .btn + .dropdown-toggle {
  3496. padding-left: 8px;
  3497. padding-right: 8px;
  3498. -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  3499. -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  3500. box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  3501. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3502. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3503. -webkit-box-shadow: 0 0 inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  3504. -moz-box-shadow: 0 0 inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  3505. -ms-box-shadow: 0 0 inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  3506. box-shadow: 0 0 inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  3507. *padding-top: 5px;
  3508. *padding-bottom: 5px;
  3509. }
  3510. .btn-group > .btn-mini + .dropdown-toggle {
  3511. padding-left: 5px;
  3512. padding-right: 5px;
  3513. *padding-top: 2px;
  3514. *padding-bottom: 2px;
  3515. }
  3516. .btn-group > .btn-small + .dropdown-toggle {
  3517. *padding-top: 5px;
  3518. *padding-bottom: 4px;
  3519. }
  3520. .btn-group > .btn-large + .dropdown-toggle {
  3521. padding-left: 12px;
  3522. padding-right: 12px;
  3523. *padding-top: 7px;
  3524. *padding-bottom: 7px;
  3525. }
  3526. .btn-group.open .dropdown-toggle {
  3527. background-image: none;
  3528. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  3529. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  3530. box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  3531. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3532. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3533. -webkit-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3534. -moz-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3535. -ms-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3536. box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  3537. }
  3538. .btn-group.open .btn.dropdown-toggle {
  3539. background-color: #e6e6e6;
  3540. }
  3541. .btn-group.open .btn-primary.dropdown-toggle {
  3542. background-color: #0044cc;
  3543. }
  3544. .btn-group.open .btn-warning.dropdown-toggle {
  3545. background-color: #f89406;
  3546. }
  3547. .btn-group.open .btn-danger.dropdown-toggle {
  3548. background-color: #bd362f;
  3549. }
  3550. .btn-group.open .btn-success.dropdown-toggle {
  3551. background-color: #51a351;
  3552. }
  3553. .btn-group.open .btn-info.dropdown-toggle {
  3554. background-color: #2f96b4;
  3555. }
  3556. .btn-group.open .btn-inverse.dropdown-toggle {
  3557. background-color: #222222;
  3558. }
  3559. .btn .caret {
  3560. margin-top: 8px;
  3561. margin-left: 0;
  3562. }
  3563. .btn-large .caret {
  3564. margin-top: 6px;
  3565. }
  3566. .btn-large .caret {
  3567. border-left-width: 5px;
  3568. border-right-width: 5px;
  3569. border-top-width: 5px;
  3570. }
  3571. .btn-mini .caret,
  3572. .btn-small .caret {
  3573. margin-top: 8px;
  3574. }
  3575. .dropup .btn-large .caret {
  3576. border-bottom-width: 5px;
  3577. }
  3578. .btn-primary .caret,
  3579. .btn-warning .caret,
  3580. .btn-danger .caret,
  3581. .btn-info .caret,
  3582. .btn-success .caret,
  3583. .btn-inverse .caret {
  3584. border-top-color: #ffffff;
  3585. border-bottom-color: #ffffff;
  3586. }
  3587. .btn-group-vertical {
  3588. display: inline-block;
  3589. *display: inline;
  3590. /* IE7 inline-block hack */
  3591. *zoom: 1;
  3592. }
  3593. .btn-group-vertical > .btn {
  3594. display: block;
  3595. float: none;
  3596. max-width: 100%;
  3597. -webkit-border-radius: 0;
  3598. -moz-border-radius: 0;
  3599. border-radius: 0;
  3600. -webkit-border-radius: 0 0 0 0;
  3601. -moz-border-radius: 0 0 0 0;
  3602. border-radius: 0 0 0 0;
  3603. -webkit-background-clip: padding-box;
  3604. -moz-background-clip: padding;
  3605. background-clip: padding-box;
  3606. }
  3607. .btn-group-vertical > .btn + .btn {
  3608. margin-left: 0;
  3609. margin-top: -1px;
  3610. }
  3611. .btn-group-vertical > .btn:first-child {
  3612. -webkit-border-radius: 4px 4px 0 0;
  3613. -moz-border-radius: 4px 4px 0 0;
  3614. border-radius: 4px 4px 0 0;
  3615. -webkit-border-radius: 4px 4px 0 0 0 0 0;
  3616. -moz-border-radius: 4px 4px 0 0 0 0 0;
  3617. border-radius: 4px 4px 0 0 0 0 0;
  3618. -webkit-background-clip: padding-box;
  3619. -moz-background-clip: padding;
  3620. background-clip: padding-box;
  3621. }
  3622. .btn-group-vertical > .btn:last-child {
  3623. -webkit-border-radius: 0 0 4px 4px;
  3624. -moz-border-radius: 0 0 4px 4px;
  3625. border-radius: 0 0 4px 4px;
  3626. -webkit-border-radius: 0 0 4px 4px 0 0 0;
  3627. -moz-border-radius: 0 0 4px 4px 0 0 0;
  3628. border-radius: 0 0 4px 4px 0 0 0;
  3629. -webkit-background-clip: padding-box;
  3630. -moz-background-clip: padding;
  3631. background-clip: padding-box;
  3632. }
  3633. .btn-group-vertical > .btn-large:first-child {
  3634. -webkit-border-radius: 6px 6px 0 0;
  3635. -moz-border-radius: 6px 6px 0 0;
  3636. border-radius: 6px 6px 0 0;
  3637. -webkit-border-radius: 6px 6px 0 0 0 0 0;
  3638. -moz-border-radius: 6px 6px 0 0 0 0 0;
  3639. border-radius: 6px 6px 0 0 0 0 0;
  3640. -webkit-background-clip: padding-box;
  3641. -moz-background-clip: padding;
  3642. background-clip: padding-box;
  3643. }
  3644. .btn-group-vertical > .btn-large:last-child {
  3645. -webkit-border-radius: 0 0 6px 6px;
  3646. -moz-border-radius: 0 0 6px 6px;
  3647. border-radius: 0 0 6px 6px;
  3648. -webkit-border-radius: 0 0 6px 6px 0 0 0;
  3649. -moz-border-radius: 0 0 6px 6px 0 0 0;
  3650. border-radius: 0 0 6px 6px 0 0 0;
  3651. -webkit-background-clip: padding-box;
  3652. -moz-background-clip: padding;
  3653. background-clip: padding-box;
  3654. }
  3655. .alert {
  3656. padding: 8px 35px 8px 14px;
  3657. margin-bottom: 20px;
  3658. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  3659. background-color: #fcf8e3;
  3660. border: 1px solid #fbeed5;
  3661. -webkit-border-radius: 4px;
  3662. -moz-border-radius: 4px;
  3663. border-radius: 4px;
  3664. -webkit-border-radius: 4px 0 0 0;
  3665. -moz-border-radius: 4px 0 0 0;
  3666. border-radius: 4px 0 0 0;
  3667. -webkit-background-clip: padding-box;
  3668. -moz-background-clip: padding;
  3669. background-clip: padding-box;
  3670. }
  3671. .alert,
  3672. .alert h4 {
  3673. color: #c09853;
  3674. }
  3675. .alert h4 {
  3676. margin: 0;
  3677. }
  3678. .alert .close {
  3679. position: relative;
  3680. top: -2px;
  3681. right: -21px;
  3682. line-height: 20px;
  3683. }
  3684. .alert-success {
  3685. background-color: #dff0d8;
  3686. border-color: #d6e9c6;
  3687. color: #468847;
  3688. }
  3689. .alert-success h4 {
  3690. color: #468847;
  3691. }
  3692. .alert-danger,
  3693. .alert-error {
  3694. background-color: #f2dede;
  3695. border-color: #eed3d7;
  3696. color: #b94a48;
  3697. }
  3698. .alert-danger h4,
  3699. .alert-error h4 {
  3700. color: #b94a48;
  3701. }
  3702. .alert-info {
  3703. background-color: #d9edf7;
  3704. border-color: #bce8f1;
  3705. color: #3a87ad;
  3706. }
  3707. .alert-info h4 {
  3708. color: #3a87ad;
  3709. }
  3710. .alert-block {
  3711. padding-top: 14px;
  3712. padding-bottom: 14px;
  3713. }
  3714. .alert-block > p,
  3715. .alert-block > ul {
  3716. margin-bottom: 0;
  3717. }
  3718. .alert-block p + p {
  3719. margin-top: 5px;
  3720. }
  3721. .modal-backdrop {
  3722. position: fixed;
  3723. top: 0;
  3724. right: 0;
  3725. bottom: 0;
  3726. left: 0;
  3727. z-index: 1040;
  3728. background-color: #000000;
  3729. }
  3730. .modal-backdrop.fade {
  3731. opacity: 0;
  3732. }
  3733. .modal-backdrop,
  3734. .modal-backdrop.fade.in {
  3735. opacity: 0.8;
  3736. filter: alpha(opacity=80);
  3737. -webkit-opacity: 80;
  3738. -khtml-opacity: 80;
  3739. -moz-opacity: 80;
  3740. opacity: 80;
  3741. }
  3742. .modal {
  3743. position: fixed;
  3744. top: 10%;
  3745. left: 50%;
  3746. z-index: 1050;
  3747. width: 560px;
  3748. margin-left: -280px;
  3749. background-color: #ffffff;
  3750. border: 1px solid #999;
  3751. border: 1px solid rgba(0, 0, 0, 0.3);
  3752. *border: 1px solid #999;
  3753. /* IE6-7 */
  3754. -webkit-border-radius: 6px;
  3755. -moz-border-radius: 6px;
  3756. border-radius: 6px;
  3757. -webkit-border-radius: 6px 0 0 0;
  3758. -moz-border-radius: 6px 0 0 0;
  3759. border-radius: 6px 0 0 0;
  3760. -moz-background-clip: padding;
  3761. -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  3762. -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  3763. box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  3764. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3765. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3766. -webkit-box-shadow: 0 0 0 3px 7px rgba(0, 0, 0, 0.3) #000000;
  3767. -moz-box-shadow: 0 0 0 3px 7px rgba(0, 0, 0, 0.3) #000000;
  3768. -ms-box-shadow: 0 0 0 3px 7px rgba(0, 0, 0, 0.3) #000000;
  3769. box-shadow: 0 0 0 3px 7px rgba(0, 0, 0, 0.3) #000000;
  3770. -webkit-background-clip: padding-box;
  3771. -moz-background-clip: padding-box;
  3772. background-clip: padding-box;
  3773. outline: none;
  3774. }
  3775. .modal.fade {
  3776. -webkit-transition: opacity .3s linear, top .3s ease-out;
  3777. -moz-transition: opacity .3s linear, top .3s ease-out;
  3778. -o-transition: opacity .3s linear, top .3s ease-out;
  3779. transition: opacity .3s linear, top .3s ease-out;
  3780. top: -25%;
  3781. }
  3782. .modal.fade.in {
  3783. top: 10%;
  3784. }
  3785. .modal-header {
  3786. padding: 9px 15px;
  3787. border-bottom: 1px solid #eee;
  3788. }
  3789. .modal-header .close {
  3790. margin-top: 2px;
  3791. }
  3792. .modal-header h3 {
  3793. margin: 0;
  3794. line-height: 30px;
  3795. }
  3796. .modal-body {
  3797. position: relative;
  3798. overflow-y: auto;
  3799. max-height: 400px;
  3800. padding: 15px;
  3801. }
  3802. .modal-form {
  3803. margin-bottom: 0;
  3804. }
  3805. .modal-footer {
  3806. padding: 14px 15px 15px;
  3807. margin-bottom: 0;
  3808. text-align: right;
  3809. background-color: #f5f5f5;
  3810. border-top: 1px solid #ddd;
  3811. -webkit-border-radius: 0 0 6px 6px;
  3812. -moz-border-radius: 0 0 6px 6px;
  3813. border-radius: 0 0 6px 6px;
  3814. -webkit-border-radius: 0 0 6px 6px 0 0 0;
  3815. -moz-border-radius: 0 0 6px 6px 0 0 0;
  3816. border-radius: 0 0 6px 6px 0 0 0;
  3817. -webkit-background-clip: padding-box;
  3818. -moz-background-clip: padding;
  3819. background-clip: padding-box;
  3820. -webkit-box-shadow: inset 0 1px 0 #ffffff;
  3821. -moz-box-shadow: inset 0 1px 0 #ffffff;
  3822. box-shadow: inset 0 1px 0 #ffffff;
  3823. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3824. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3825. -webkit-box-shadow: 0 0 inset 0 1px 0 #ffffff #000000;
  3826. -moz-box-shadow: 0 0 inset 0 1px 0 #ffffff #000000;
  3827. -ms-box-shadow: 0 0 inset 0 1px 0 #ffffff #000000;
  3828. box-shadow: 0 0 inset 0 1px 0 #ffffff #000000;
  3829. *zoom: 1;
  3830. }
  3831. .modal-footer:before,
  3832. .modal-footer:after {
  3833. display: table;
  3834. content: "";
  3835. line-height: 0;
  3836. }
  3837. .modal-footer:after {
  3838. clear: both;
  3839. }
  3840. .modal-footer .btn + .btn {
  3841. margin-left: 5px;
  3842. margin-bottom: 0;
  3843. }
  3844. .modal-footer .btn-group .btn + .btn {
  3845. margin-left: -1px;
  3846. }
  3847. .modal-footer .btn-block + .btn-block {
  3848. margin-left: 0;
  3849. }
  3850. .tooltip {
  3851. position: absolute;
  3852. z-index: 1030;
  3853. display: block;
  3854. visibility: visible;
  3855. font-size: 11px;
  3856. line-height: 1.4;
  3857. filter: alpha(opacity=0);
  3858. -webkit-opacity: 0;
  3859. -khtml-opacity: 0;
  3860. -moz-opacity: 0;
  3861. opacity: 0;
  3862. }
  3863. .tooltip.in {
  3864. opacity: 0.8;
  3865. filter: alpha(opacity=80);
  3866. -webkit-opacity: 80;
  3867. -khtml-opacity: 80;
  3868. -moz-opacity: 80;
  3869. opacity: 80;
  3870. }
  3871. .tooltip.top {
  3872. margin-top: -3px;
  3873. padding: 5px 0;
  3874. }
  3875. .tooltip.right {
  3876. margin-left: 3px;
  3877. padding: 0 5px;
  3878. }
  3879. .tooltip.bottom {
  3880. margin-top: 3px;
  3881. padding: 5px 0;
  3882. }
  3883. .tooltip.left {
  3884. margin-left: -3px;
  3885. padding: 0 5px;
  3886. }
  3887. .tooltip-inner {
  3888. max-width: 200px;
  3889. padding: 8px;
  3890. color: #ffffff;
  3891. text-align: center;
  3892. text-decoration: none;
  3893. background-color: #000000;
  3894. -webkit-border-radius: 4px;
  3895. -moz-border-radius: 4px;
  3896. border-radius: 4px;
  3897. -webkit-border-radius: 4px 0 0 0;
  3898. -moz-border-radius: 4px 0 0 0;
  3899. border-radius: 4px 0 0 0;
  3900. -webkit-background-clip: padding-box;
  3901. -moz-background-clip: padding;
  3902. background-clip: padding-box;
  3903. }
  3904. .tooltip-arrow {
  3905. position: absolute;
  3906. width: 0;
  3907. height: 0;
  3908. border-color: transparent;
  3909. border-style: solid;
  3910. }
  3911. .tooltip.top .tooltip-arrow {
  3912. bottom: 0;
  3913. left: 50%;
  3914. margin-left: -5px;
  3915. border-width: 5px 5px 0;
  3916. border-top-color: #000000;
  3917. }
  3918. .tooltip.right .tooltip-arrow {
  3919. top: 50%;
  3920. left: 0;
  3921. margin-top: -5px;
  3922. border-width: 5px 5px 5px 0;
  3923. border-right-color: #000000;
  3924. }
  3925. .tooltip.left .tooltip-arrow {
  3926. top: 50%;
  3927. right: 0;
  3928. margin-top: -5px;
  3929. border-width: 5px 0 5px 5px;
  3930. border-left-color: #000000;
  3931. }
  3932. .tooltip.bottom .tooltip-arrow {
  3933. top: 0;
  3934. left: 50%;
  3935. margin-left: -5px;
  3936. border-width: 0 5px 5px;
  3937. border-bottom-color: #000000;
  3938. }
  3939. .popover {
  3940. position: absolute;
  3941. top: 0;
  3942. left: 0;
  3943. z-index: 1010;
  3944. display: none;
  3945. max-width: 276px;
  3946. padding: 1px;
  3947. text-align: left;
  3948. background-color: #ffffff;
  3949. border: 1px solid #ccc;
  3950. border: 1px solid rgba(0, 0, 0, 0.2);
  3951. -webkit-border-radius: 6px;
  3952. -moz-border-radius: 6px;
  3953. border-radius: 6px;
  3954. -webkit-border-radius: 6px 0 0 0;
  3955. -moz-border-radius: 6px 0 0 0;
  3956. border-radius: 6px 0 0 0;
  3957. -webkit-background-clip: padding-box;
  3958. -moz-background-clip: padding;
  3959. background-clip: padding-box;
  3960. -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  3961. -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  3962. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  3963. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  3964. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  3965. -webkit-box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  3966. -moz-box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  3967. -ms-box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  3968. box-shadow: 0 0 0 5px 10px rgba(0, 0, 0, 0.2) #000000;
  3969. white-space: normal;
  3970. }
  3971. .popover.top {
  3972. margin-top: -10px;
  3973. }
  3974. .popover.right {
  3975. margin-left: 10px;
  3976. }
  3977. .popover.bottom {
  3978. margin-top: 10px;
  3979. }
  3980. .popover.left {
  3981. margin-left: -10px;
  3982. }
  3983. .popover-title {
  3984. margin: 0;
  3985. padding: 8px 14px;
  3986. font-size: 14px;
  3987. font-weight: normal;
  3988. line-height: 18px;
  3989. background-color: #f7f7f7;
  3990. border-bottom: 1px solid #ebebeb;
  3991. -webkit-border-radius: 5px 5px 0 0;
  3992. -moz-border-radius: 5px 5px 0 0;
  3993. border-radius: 5px 5px 0 0;
  3994. -webkit-border-radius: 5px 5px 0 0 0 0 0;
  3995. -moz-border-radius: 5px 5px 0 0 0 0 0;
  3996. border-radius: 5px 5px 0 0 0 0 0;
  3997. -webkit-background-clip: padding-box;
  3998. -moz-background-clip: padding;
  3999. background-clip: padding-box;
  4000. }
  4001. .popover-title:empty {
  4002. display: none;
  4003. }
  4004. .popover-content {
  4005. padding: 9px 14px;
  4006. }
  4007. .popover .arrow,
  4008. .popover .arrow:after {
  4009. position: absolute;
  4010. display: block;
  4011. width: 0;
  4012. height: 0;
  4013. border-color: transparent;
  4014. border-style: solid;
  4015. }
  4016. .popover .arrow {
  4017. border-width: 11px;
  4018. }
  4019. .popover .arrow:after {
  4020. border-width: 10px;
  4021. content: "";
  4022. }
  4023. .popover.top .arrow {
  4024. left: 50%;
  4025. margin-left: -11px;
  4026. border-bottom-width: 0;
  4027. border-top-color: #999;
  4028. border-top-color: rgba(0, 0, 0, 0.25);
  4029. bottom: -11px;
  4030. }
  4031. .popover.top .arrow:after {
  4032. bottom: 1px;
  4033. margin-left: -10px;
  4034. border-bottom-width: 0;
  4035. border-top-color: #ffffff;
  4036. }
  4037. .popover.right .arrow {
  4038. top: 50%;
  4039. left: -11px;
  4040. margin-top: -11px;
  4041. border-left-width: 0;
  4042. border-right-color: #999;
  4043. border-right-color: rgba(0, 0, 0, 0.25);
  4044. }
  4045. .popover.right .arrow:after {
  4046. left: 1px;
  4047. bottom: -10px;
  4048. border-left-width: 0;
  4049. border-right-color: #ffffff;
  4050. }
  4051. .popover.bottom .arrow {
  4052. left: 50%;
  4053. margin-left: -11px;
  4054. border-top-width: 0;
  4055. border-bottom-color: #999;
  4056. border-bottom-color: rgba(0, 0, 0, 0.25);
  4057. top: -11px;
  4058. }
  4059. .popover.bottom .arrow:after {
  4060. top: 1px;
  4061. margin-left: -10px;
  4062. border-top-width: 0;
  4063. border-bottom-color: #ffffff;
  4064. }
  4065. .popover.left .arrow {
  4066. top: 50%;
  4067. right: -11px;
  4068. margin-top: -11px;
  4069. border-right-width: 0;
  4070. border-left-color: #999;
  4071. border-left-color: rgba(0, 0, 0, 0.25);
  4072. }
  4073. .popover.left .arrow:after {
  4074. right: 1px;
  4075. border-right-width: 0;
  4076. border-left-color: #ffffff;
  4077. bottom: -10px;
  4078. }
  4079. .thumbnails {
  4080. margin-left: -20px;
  4081. list-style: none;
  4082. *zoom: 1;
  4083. }
  4084. .thumbnails:before,
  4085. .thumbnails:after {
  4086. display: table;
  4087. content: "";
  4088. line-height: 0;
  4089. }
  4090. .thumbnails:after {
  4091. clear: both;
  4092. }
  4093. .row-fluid .thumbnails {
  4094. margin-left: 0;
  4095. }
  4096. .thumbnails > li {
  4097. float: left;
  4098. margin-bottom: 20px;
  4099. margin-left: 20px;
  4100. }
  4101. .thumbnail {
  4102. display: block;
  4103. padding: 4px;
  4104. line-height: 20px;
  4105. border: 1px solid #ddd;
  4106. -webkit-border-radius: 4px;
  4107. -moz-border-radius: 4px;
  4108. border-radius: 4px;
  4109. -webkit-border-radius: 4px 0 0 0;
  4110. -moz-border-radius: 4px 0 0 0;
  4111. border-radius: 4px 0 0 0;
  4112. -webkit-background-clip: padding-box;
  4113. -moz-background-clip: padding;
  4114. background-clip: padding-box;
  4115. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  4116. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  4117. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  4118. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  4119. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  4120. -webkit-box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.055) #000000;
  4121. -moz-box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.055) #000000;
  4122. -ms-box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.055) #000000;
  4123. box-shadow: 0 0 0 1px 3px rgba(0, 0, 0, 0.055) #000000;
  4124. -webkit-transition: all 0.2s ease-in-out;
  4125. -moz-transition: all 0.2s ease-in-out;
  4126. -o-transition: all 0.2s ease-in-out;
  4127. transition: all 0.2s ease-in-out;
  4128. }
  4129. a.thumbnail:hover,
  4130. a.thumbnail:focus {
  4131. border-color: #0088cc;
  4132. -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  4133. -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  4134. box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  4135. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  4136. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  4137. -webkit-box-shadow: 0 0 0 1px 4px rgba(0, 105, 214, 0.25) #000000;
  4138. -moz-box-shadow: 0 0 0 1px 4px rgba(0, 105, 214, 0.25) #000000;
  4139. -ms-box-shadow: 0 0 0 1px 4px rgba(0, 105, 214, 0.25) #000000;
  4140. box-shadow: 0 0 0 1px 4px rgba(0, 105, 214, 0.25) #000000;
  4141. }
  4142. .thumbnail > img {
  4143. display: block;
  4144. max-width: 100%;
  4145. margin-left: auto;
  4146. margin-right: auto;
  4147. }
  4148. .thumbnail .caption {
  4149. padding: 9px;
  4150. color: #555555;
  4151. }
  4152. .media,
  4153. .media-body {
  4154. overflow: hidden;
  4155. *overflow: visible;
  4156. zoom: 1;
  4157. }
  4158. .media,
  4159. .media .media {
  4160. margin-top: 15px;
  4161. }
  4162. .media:first-child {
  4163. margin-top: 0;
  4164. }
  4165. .media-object {
  4166. display: block;
  4167. }
  4168. .media-heading {
  4169. margin: 0 0 5px;
  4170. }
  4171. .media > .pull-left {
  4172. margin-right: 10px;
  4173. }
  4174. .media > .pull-right {
  4175. margin-left: 10px;
  4176. }
  4177. .media-list {
  4178. margin-left: 0;
  4179. list-style: none;
  4180. }
  4181. .label,
  4182. .badge {
  4183. display: inline-block;
  4184. padding: 2px 4px;
  4185. font-size: 11.844px;
  4186. font-weight: bold;
  4187. line-height: 14px;
  4188. color: #ffffff;
  4189. vertical-align: baseline;
  4190. white-space: nowrap;
  4191. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  4192. background-color: #999999;
  4193. }
  4194. .label {
  4195. -webkit-border-radius: 3px;
  4196. -moz-border-radius: 3px;
  4197. border-radius: 3px;
  4198. -webkit-border-radius: 3px 0 0 0;
  4199. -moz-border-radius: 3px 0 0 0;
  4200. border-radius: 3px 0 0 0;
  4201. -webkit-background-clip: padding-box;
  4202. -moz-background-clip: padding;
  4203. background-clip: padding-box;
  4204. }
  4205. .badge {
  4206. padding-left: 9px;
  4207. padding-right: 9px;
  4208. -webkit-border-radius: 9px;
  4209. -moz-border-radius: 9px;
  4210. border-radius: 9px;
  4211. -webkit-border-radius: 9px 0 0 0;
  4212. -moz-border-radius: 9px 0 0 0;
  4213. border-radius: 9px 0 0 0;
  4214. -webkit-background-clip: padding-box;
  4215. -moz-background-clip: padding;
  4216. background-clip: padding-box;
  4217. }
  4218. .label:empty,
  4219. .badge:empty {
  4220. display: none;
  4221. }
  4222. a.label:hover,
  4223. a.label:focus,
  4224. a.badge:hover,
  4225. a.badge:focus {
  4226. color: #ffffff;
  4227. text-decoration: none;
  4228. cursor: pointer;
  4229. }
  4230. .label-important,
  4231. .badge-important {
  4232. background-color: #b94a48;
  4233. }
  4234. .label-important[href],
  4235. .badge-important[href] {
  4236. background-color: #953b39;
  4237. }
  4238. .label-warning,
  4239. .badge-warning {
  4240. background-color: #f89406;
  4241. }
  4242. .label-warning[href],
  4243. .badge-warning[href] {
  4244. background-color: #c67605;
  4245. }
  4246. .label-success,
  4247. .badge-success {
  4248. background-color: #468847;
  4249. }
  4250. .label-success[href],
  4251. .badge-success[href] {
  4252. background-color: #356635;
  4253. }
  4254. .label-info,
  4255. .badge-info {
  4256. background-color: #3a87ad;
  4257. }
  4258. .label-info[href],
  4259. .badge-info[href] {
  4260. background-color: #2d6987;
  4261. }
  4262. .label-inverse,
  4263. .badge-inverse {
  4264. background-color: #333333;
  4265. }
  4266. .label-inverse[href],
  4267. .badge-inverse[href] {
  4268. background-color: #1a1a1a;
  4269. }
  4270. .btn .label,
  4271. .btn .badge {
  4272. position: relative;
  4273. top: -1px;
  4274. }
  4275. .btn-mini .label,
  4276. .btn-mini .badge {
  4277. top: 0;
  4278. }
  4279. @-webkit-keyframes progress-bar-stripes {
  4280. from {
  4281. background-position: 40px 0;
  4282. }
  4283. to {
  4284. background-position: 0 0;
  4285. }
  4286. }
  4287. @-moz-keyframes progress-bar-stripes {
  4288. from {
  4289. background-position: 40px 0;
  4290. }
  4291. to {
  4292. background-position: 0 0;
  4293. }
  4294. }
  4295. @-ms-keyframes progress-bar-stripes {
  4296. from {
  4297. background-position: 40px 0;
  4298. }
  4299. to {
  4300. background-position: 0 0;
  4301. }
  4302. }
  4303. @-o-keyframes progress-bar-stripes {
  4304. from {
  4305. background-position: 0 0;
  4306. }
  4307. to {
  4308. background-position: 40px 0;
  4309. }
  4310. }
  4311. @keyframes progress-bar-stripes {
  4312. from {
  4313. background-position: 40px 0;
  4314. }
  4315. to {
  4316. background-position: 0 0;
  4317. }
  4318. }
  4319. .progress {
  4320. overflow: hidden;
  4321. height: 20px;
  4322. margin-bottom: 20px;
  4323. background-color: #f7f7f7;
  4324. background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  4325. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  4326. background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  4327. background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  4328. background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  4329. background-repeat: repeat-x;
  4330. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  4331. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4332. -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4333. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  4334. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  4335. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  4336. -webkit-box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.1) #000000;
  4337. -moz-box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.1) #000000;
  4338. -ms-box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.1) #000000;
  4339. box-shadow: 0 0 inset 0 1px 2px rgba(0, 0, 0, 0.1) #000000;
  4340. -webkit-border-radius: 4px;
  4341. -moz-border-radius: 4px;
  4342. border-radius: 4px;
  4343. -webkit-border-radius: 4px 0 0 0;
  4344. -moz-border-radius: 4px 0 0 0;
  4345. border-radius: 4px 0 0 0;
  4346. -webkit-background-clip: padding-box;
  4347. -moz-background-clip: padding;
  4348. background-clip: padding-box;
  4349. }
  4350. .progress .bar {
  4351. width: 0%;
  4352. height: 100%;
  4353. color: #ffffff;
  4354. float: left;
  4355. font-size: 12px;
  4356. text-align: center;
  4357. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  4358. background-color: #0e90d2;
  4359. background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  4360. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  4361. background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  4362. background-image: -o-linear-gradient(top, #149bdf, #0480be);
  4363. background-image: linear-gradient(to bottom, #149bdf, #0480be);
  4364. background-repeat: repeat-x;
  4365. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  4366. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  4367. -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  4368. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  4369. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  4370. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  4371. -webkit-box-shadow: 0 0 inset 0 -1px 0 rgba(0, 0, 0, 0.15) #000000;
  4372. -moz-box-shadow: 0 0 inset 0 -1px 0 rgba(0, 0, 0, 0.15) #000000;
  4373. -ms-box-shadow: 0 0 inset 0 -1px 0 rgba(0, 0, 0, 0.15) #000000;
  4374. box-shadow: 0 0 inset 0 -1px 0 rgba(0, 0, 0, 0.15) #000000;
  4375. -webkit-box-sizing: border-box;
  4376. -moz-box-sizing: border-box;
  4377. box-sizing: border-box;
  4378. -webkit-transition: width 0.6s ease;
  4379. -moz-transition: width 0.6s ease;
  4380. -o-transition: width 0.6s ease;
  4381. transition: width 0.6s ease;
  4382. }
  4383. .progress .bar + .bar {
  4384. -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  4385. -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  4386. box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  4387. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  4388. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  4389. -webkit-box-shadow: 0 0 inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15) #000000;
  4390. -moz-box-shadow: 0 0 inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15) #000000;
  4391. -ms-box-shadow: 0 0 inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15) #000000;
  4392. box-shadow: 0 0 inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15) #000000;
  4393. }
  4394. .progress-striped .bar {
  4395. background-color: #149bdf;
  4396. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  4397. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4398. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4399. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4400. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4401. -webkit-background-size: 40px 40px;
  4402. -moz-background-size: 40px 40px;
  4403. -o-background-size: 40px 40px;
  4404. background-size: 40px 40px;
  4405. }
  4406. .progress.active .bar {
  4407. -webkit-animation: progress-bar-stripes 2s linear infinite;
  4408. -moz-animation: progress-bar-stripes 2s linear infinite;
  4409. -ms-animation: progress-bar-stripes 2s linear infinite;
  4410. -o-animation: progress-bar-stripes 2s linear infinite;
  4411. animation: progress-bar-stripes 2s linear infinite;
  4412. }
  4413. .progress-danger .bar,
  4414. .progress .bar-danger {
  4415. background-color: #dd514c;
  4416. background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  4417. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  4418. background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  4419. background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  4420. background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  4421. background-repeat: repeat-x;
  4422. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
  4423. }
  4424. .progress-danger.progress-striped .bar,
  4425. .progress-striped .bar-danger {
  4426. background-color: #ee5f5b;
  4427. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  4428. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4429. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4430. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4431. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4432. }
  4433. .progress-success .bar,
  4434. .progress .bar-success {
  4435. background-color: #5eb95e;
  4436. background-image: -moz-linear-gradient(top, #62c462, #57a957);
  4437. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  4438. background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  4439. background-image: -o-linear-gradient(top, #62c462, #57a957);
  4440. background-image: linear-gradient(to bottom, #62c462, #57a957);
  4441. background-repeat: repeat-x;
  4442. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
  4443. }
  4444. .progress-success.progress-striped .bar,
  4445. .progress-striped .bar-success {
  4446. background-color: #62c462;
  4447. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  4448. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4449. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4450. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4451. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4452. }
  4453. .progress-info .bar,
  4454. .progress .bar-info {
  4455. background-color: #4bb1cf;
  4456. background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  4457. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  4458. background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  4459. background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  4460. background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  4461. background-repeat: repeat-x;
  4462. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
  4463. }
  4464. .progress-info.progress-striped .bar,
  4465. .progress-striped .bar-info {
  4466. background-color: #5bc0de;
  4467. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  4468. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4469. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4470. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4471. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4472. }
  4473. .progress-warning .bar,
  4474. .progress .bar-warning {
  4475. background-color: #faa732;
  4476. background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  4477. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  4478. background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  4479. background-image: -o-linear-gradient(top, #fbb450, #f89406);
  4480. background-image: linear-gradient(to bottom, #fbb450, #f89406);
  4481. background-repeat: repeat-x;
  4482. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  4483. }
  4484. .progress-warning.progress-striped .bar,
  4485. .progress-striped .bar-warning {
  4486. background-color: #fbb450;
  4487. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  4488. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4489. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4490. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4491. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  4492. }
  4493. .accordion {
  4494. margin-bottom: 20px;
  4495. }
  4496. .accordion-group {
  4497. margin-bottom: 2px;
  4498. border: 1px solid #e5e5e5;
  4499. -webkit-border-radius: 4px;
  4500. -moz-border-radius: 4px;
  4501. border-radius: 4px;
  4502. -webkit-border-radius: 4px 0 0 0;
  4503. -moz-border-radius: 4px 0 0 0;
  4504. border-radius: 4px 0 0 0;
  4505. -webkit-background-clip: padding-box;
  4506. -moz-background-clip: padding;
  4507. background-clip: padding-box;
  4508. }
  4509. .accordion-heading {
  4510. border-bottom: 0;
  4511. }
  4512. .accordion-heading .accordion-toggle {
  4513. display: block;
  4514. padding: 8px 15px;
  4515. }
  4516. .accordion-toggle {
  4517. cursor: pointer;
  4518. }
  4519. .accordion-inner {
  4520. padding: 9px 15px;
  4521. border-top: 1px solid #e5e5e5;
  4522. }
  4523. .carousel {
  4524. position: relative;
  4525. margin-bottom: 20px;
  4526. line-height: 1;
  4527. }
  4528. .carousel-inner {
  4529. overflow: hidden;
  4530. width: 100%;
  4531. position: relative;
  4532. }
  4533. .carousel-inner > .item {
  4534. display: none;
  4535. position: relative;
  4536. -webkit-transition: 0.6s ease-in-out left;
  4537. -moz-transition: 0.6s ease-in-out left;
  4538. -o-transition: 0.6s ease-in-out left;
  4539. transition: 0.6s ease-in-out left;
  4540. }
  4541. .carousel-inner > .item > img,
  4542. .carousel-inner > .item > a > img {
  4543. display: block;
  4544. line-height: 1;
  4545. }
  4546. .carousel-inner > .active,
  4547. .carousel-inner > .next,
  4548. .carousel-inner > .prev {
  4549. display: block;
  4550. }
  4551. .carousel-inner > .active {
  4552. left: 0;
  4553. }
  4554. .carousel-inner > .next,
  4555. .carousel-inner > .prev {
  4556. position: absolute;
  4557. top: 0;
  4558. width: 100%;
  4559. }
  4560. .carousel-inner > .next {
  4561. left: 100%;
  4562. }
  4563. .carousel-inner > .prev {
  4564. left: -100%;
  4565. }
  4566. .carousel-inner > .next.left,
  4567. .carousel-inner > .prev.right {
  4568. left: 0;
  4569. }
  4570. .carousel-inner > .active.left {
  4571. left: -100%;
  4572. }
  4573. .carousel-inner > .active.right {
  4574. left: 100%;
  4575. }
  4576. .carousel-control {
  4577. position: absolute;
  4578. top: 40%;
  4579. left: 15px;
  4580. width: 40px;
  4581. height: 40px;
  4582. margin-top: -20px;
  4583. font-size: 60px;
  4584. font-weight: 100;
  4585. line-height: 30px;
  4586. color: #ffffff;
  4587. text-align: center;
  4588. background: #222222;
  4589. border: 3px solid #ffffff;
  4590. -webkit-border-radius: 23px;
  4591. -moz-border-radius: 23px;
  4592. border-radius: 23px;
  4593. -webkit-border-radius: 23px 0 0 0;
  4594. -moz-border-radius: 23px 0 0 0;
  4595. border-radius: 23px 0 0 0;
  4596. -webkit-background-clip: padding-box;
  4597. -moz-background-clip: padding;
  4598. background-clip: padding-box;
  4599. opacity: 0.5;
  4600. filter: alpha(opacity=50);
  4601. -webkit-opacity: 50;
  4602. -khtml-opacity: 50;
  4603. -moz-opacity: 50;
  4604. opacity: 50;
  4605. }
  4606. .carousel-control.right {
  4607. left: auto;
  4608. right: 15px;
  4609. }
  4610. .carousel-control:hover,
  4611. .carousel-control:focus {
  4612. color: #ffffff;
  4613. text-decoration: none;
  4614. opacity: 0.9;
  4615. filter: alpha(opacity=90);
  4616. -webkit-opacity: 90;
  4617. -khtml-opacity: 90;
  4618. -moz-opacity: 90;
  4619. opacity: 90;
  4620. }
  4621. .carousel-indicators {
  4622. position: absolute;
  4623. top: 15px;
  4624. right: 15px;
  4625. z-index: 5;
  4626. margin: 0;
  4627. list-style: none;
  4628. }
  4629. .carousel-indicators li {
  4630. display: block;
  4631. float: left;
  4632. width: 10px;
  4633. height: 10px;
  4634. margin-left: 5px;
  4635. text-indent: -999px;
  4636. background-color: #ccc;
  4637. background-color: rgba(255, 255, 255, 0.25);
  4638. border-radius: 5px;
  4639. }
  4640. .carousel-indicators .active {
  4641. background-color: #fff;
  4642. }
  4643. .carousel-caption {
  4644. position: absolute;
  4645. left: 0;
  4646. right: 0;
  4647. bottom: 0;
  4648. padding: 15px;
  4649. background: #333333;
  4650. background: rgba(0, 0, 0, 0.75);
  4651. }
  4652. .carousel-caption h4,
  4653. .carousel-caption p {
  4654. color: #ffffff;
  4655. line-height: 20px;
  4656. }
  4657. .carousel-caption h4 {
  4658. margin: 0 0 5px;
  4659. }
  4660. .carousel-caption p {
  4661. margin-bottom: 0;
  4662. }
  4663. .hero-unit {
  4664. padding: 60px;
  4665. margin-bottom: 30px;
  4666. font-size: 18px;
  4667. font-weight: 200;
  4668. line-height: 30px;
  4669. color: inherit;
  4670. background-color: #eeeeee;
  4671. -webkit-border-radius: 6px;
  4672. -moz-border-radius: 6px;
  4673. border-radius: 6px;
  4674. -webkit-border-radius: 6px 0 0 0;
  4675. -moz-border-radius: 6px 0 0 0;
  4676. border-radius: 6px 0 0 0;
  4677. -webkit-background-clip: padding-box;
  4678. -moz-background-clip: padding;
  4679. background-clip: padding-box;
  4680. }
  4681. .hero-unit h1 {
  4682. margin-bottom: 0;
  4683. font-size: 60px;
  4684. line-height: 1;
  4685. color: inherit;
  4686. letter-spacing: -1px;
  4687. }
  4688. .hero-unit li {
  4689. line-height: 30px;
  4690. }
  4691. .pull-right {
  4692. float: right;
  4693. }
  4694. .pull-left {
  4695. float: left;
  4696. }
  4697. .hide {
  4698. display: none;
  4699. }
  4700. .show {
  4701. display: block;
  4702. }
  4703. .invisible {
  4704. visibility: hidden;
  4705. }
  4706. .affix {
  4707. position: fixed;
  4708. }
  4709. /*
  4710. * www.g-u-i.net
  4711. */
  4712. body {
  4713. font-size: 16px;
  4714. font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif;
  4715. font-weight: 500;
  4716. font-style: normal;
  4717. line-height: 1.3;
  4718. }
  4719. a {
  4720. color: #007BC2;
  4721. text-decoration: none;
  4722. }
  4723. h1 {
  4724. font-size: 1.6em;
  4725. }
  4726. h2 {
  4727. font-size: 1.5em;
  4728. }
  4729. h3 {
  4730. font-size: 1.4em;
  4731. }
  4732. h4 {
  4733. font-size: 1.3em;
  4734. }
  4735. h5 {
  4736. font-size: 1.2em;
  4737. }
  4738. h6 {
  4739. font-size: 1.1em;
  4740. }
  4741. input,
  4742. button,
  4743. select,
  4744. textarea {
  4745. font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif;
  4746. font-weight: 500;
  4747. font-style: normal;
  4748. }
  4749. #footer #footer-bottom {
  4750. text-align: center;
  4751. }
  4752. #footer #footer-bottom .block {
  4753. font-size: 8px;
  4754. }
  4755. /** RESPONSIVE break points */
  4756. body {
  4757. overflow-y: scroll;
  4758. top: 0;
  4759. }
  4760. /** NIVEAU 0 */
  4761. #root {
  4762. min-width: 320px;
  4763. }
  4764. .ie8 #root {
  4765. min-width: 1024px;
  4766. }
  4767. /** NIVEAU 1 */
  4768. #container {
  4769. margin: 0 auto;
  4770. position: relative;
  4771. -webkit-transition: padding-top 0.5s ease-out ease-out;
  4772. -moz-transition: padding-top 0.5s ease-out ease-out;
  4773. -o-transition: padding-top 0.5s ease-out ease-out;
  4774. transition: padding-top 0.5s ease-out ease-out;
  4775. }
  4776. /** NIVEAU 2 */
  4777. #header {
  4778. z-index: 1000;
  4779. width: 96%;
  4780. padding-left: 2%;
  4781. padding-right: 2%;
  4782. }
  4783. @media screen and (min-width: 768px) {
  4784. #header {
  4785. position: fixed;
  4786. top: 0;
  4787. margin: 0 auto;
  4788. background-color: #ffffff;
  4789. min-width: 310.4px;
  4790. }
  4791. }
  4792. .editmenu-enabled #header {
  4793. margin-top: 30px;
  4794. }
  4795. .admin-menu #header {
  4796. margin-top: 35px;
  4797. }
  4798. #utilities {
  4799. z-index: 999;
  4800. background-color: #ffffff;
  4801. width: 96%;
  4802. padding-left: 2%;
  4803. padding-right: 2%;
  4804. }
  4805. @media screen and (min-width: 768px) {
  4806. html.no-touch #utilities {
  4807. position: fixed;
  4808. top: 0;
  4809. margin: 0 auto;
  4810. min-width: 310.4px;
  4811. margin-top: 60px;
  4812. }
  4813. html.no-touch .editmenu-enabled #utilities {
  4814. margin-top: 80px;
  4815. }
  4816. html.no-touch .admin-menu #utilities {
  4817. margin-top: 85px;
  4818. }
  4819. }
  4820. @media screen and (max-width: 767px) {
  4821. #utilities > .region {
  4822. padding-top: 5px;
  4823. padding-bottom: 5px;
  4824. }
  4825. }
  4826. #main {
  4827. width: 96%;
  4828. padding-left: 2%;
  4829. padding-right: 2%;
  4830. overflow-x: hidden;
  4831. }
  4832. #footer {
  4833. width: 96%;
  4834. padding-left: 2%;
  4835. padding-right: 2%;
  4836. }
  4837. /** NIVEAU 3 */
  4838. .footer-block .region,
  4839. .header-block {
  4840. display: moz-inline-stack;
  4841. display: inline-block;
  4842. vertical-align: top;
  4843. zoom: 1;
  4844. *display: inline;
  4845. }
  4846. /** NIVEAU 4 */
  4847. #center {
  4848. padding: 5px;
  4849. }
  4850. /** Z-INDEX */
  4851. #block-feedback-form {
  4852. z-index: 1001;
  4853. }
  4854. #admin-menu {
  4855. z-index: 1002;
  4856. }
  4857. #admin-toolbar {
  4858. z-index: 1003;
  4859. }
  4860. .op-visible {
  4861. visibility: visible;
  4862. }
  4863. .csstransitions .op-visible {
  4864. opacity: 0.01;
  4865. filter: alpha(opacity=1);
  4866. -webkit-opacity: 1;
  4867. -khtml-opacity: 1;
  4868. -moz-opacity: 1;
  4869. opacity: 1;
  4870. -webkit-transition: opacity 0.3s ease-out;
  4871. -moz-transition: opacity 0.3s ease-out;
  4872. -o-transition: opacity 0.3s ease-out;
  4873. transition: opacity 0.3s ease-out;
  4874. }
  4875. .op-hidden {
  4876. visibility: hidden;
  4877. }
  4878. .op-hidden > * {
  4879. margin-top: -100000px;
  4880. }
  4881. .csstransition .op-hidden {
  4882. filter: alpha(opacity=0);
  4883. -webkit-opacity: 0;
  4884. -khtml-opacity: 0;
  4885. -moz-opacity: 0;
  4886. opacity: 0;
  4887. -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  4888. -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  4889. -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  4890. transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  4891. }
  4892. .csstransition .op-hidden > * {
  4893. -webkit-transition: margin-top 0s 0.3s;
  4894. -moz-transition: margin-top 0s 0.3s;
  4895. -o-transition: margin-top 0s 0.3s;
  4896. transition: margin-top 0s 0.3s;
  4897. }
  4898. /** colomnized() */
  4899. /** HEADER */
  4900. #header {
  4901. padding-top: 5px;
  4902. padding-bottom: 10px;
  4903. height: 45px;
  4904. }
  4905. #header a,
  4906. #header a:active,
  4907. #header a:visited {
  4908. color: #000;
  4909. }
  4910. #header .logo {
  4911. display: moz-inline-stack;
  4912. display: inline-block;
  4913. vertical-align: top;
  4914. zoom: 1;
  4915. *display: inline;
  4916. }
  4917. #header .logo h1 {
  4918. margin: 0;
  4919. font-size: 36px;
  4920. display: moz-inline-stack;
  4921. display: inline-block;
  4922. vertical-align: top;
  4923. zoom: 1;
  4924. *display: inline;
  4925. vertical-align: baseline;
  4926. position: relative;
  4927. line-height: 1.25;
  4928. }
  4929. #header .logo h1 a:hover {
  4930. text-decoration: none ;
  4931. }
  4932. #header .logo span.beta {
  4933. line-height: 1;
  4934. letter-spacing: 0.1em;
  4935. color: #00007a;
  4936. font-size: 12px;
  4937. position: absolute;
  4938. left: 0;
  4939. padding-left: 0;
  4940. margin-left: 0;
  4941. }
  4942. #header .logo span.slogan {
  4943. font-size: 14px;
  4944. margin-top: -3px;
  4945. margin-left: -0.5em;
  4946. font-weight: 900;
  4947. }
  4948. @media screen and (max-width: 979px) {
  4949. #header .logo span.slogan {
  4950. display: none;
  4951. }
  4952. }
  4953. .ie8 #header .logo span.slogan {
  4954. position: absolute;
  4955. margin-top: 22px;
  4956. }
  4957. #header #header-blocks {
  4958. padding-top: 17px;
  4959. float: right;
  4960. text-align: right;
  4961. text-transform: capitalize;
  4962. }
  4963. #header #header-blocks > .region {
  4964. display: moz-inline-stack;
  4965. display: inline-block;
  4966. vertical-align: top;
  4967. zoom: 1;
  4968. *display: inline;
  4969. vertical-align: middle;
  4970. padding-right: 1em;
  4971. margin-right: 1em;
  4972. border-right: 1px solid #707070;
  4973. }
  4974. @media screen and (max-width: 767px) {
  4975. #header #header-blocks > .region {
  4976. padding-right: 0.3em;
  4977. margin-right: 0.3em;
  4978. }
  4979. }
  4980. #header #header-blocks > .region:last-child {
  4981. border: none;
  4982. padding: 0;
  4983. margin: 0;
  4984. }
  4985. #header #header-blocks .block {
  4986. display: moz-inline-stack;
  4987. display: inline-block;
  4988. vertical-align: top;
  4989. zoom: 1;
  4990. *display: inline;
  4991. vertical-align: middle;
  4992. }
  4993. #header #header-blocks .block h2 {
  4994. font-size: 12px;
  4995. margin: 0;
  4996. line-height: 1.2;
  4997. font-weight: normal;
  4998. }
  4999. #header #header-blocks .block:not(:last-child) {
  5000. padding-right: 0.8em;
  5001. }
  5002. @media screen and (max-width: 1199px) {
  5003. #header #header-blocks .block:not(:last-child) {
  5004. padding-right: 0.3em;
  5005. }
  5006. }
  5007. #header #header-blocks #block-user-login {
  5008. font-size: 12px;
  5009. text-align: left;
  5010. position: relative;
  5011. }
  5012. #header #header-blocks #block-user-login h2 {
  5013. padding-right: 5px;
  5014. }
  5015. #header #header-blocks #block-user-login h2 i {
  5016. vertical-align: text-bottom;
  5017. margin: 0 2px 2px 0;
  5018. }
  5019. #header #header-blocks #block-user-login form#user-login-form {
  5020. position: absolute;
  5021. overflow: hidden;
  5022. right: 0;
  5023. margin: 0;
  5024. height: 0;
  5025. -webkit-transition: height 0.3s ease-out;
  5026. -moz-transition: height 0.3s ease-out;
  5027. -o-transition: height 0.3s ease-out;
  5028. transition: height 0.3s ease-out;
  5029. }
  5030. #header #header-blocks #block-user-login form#user-login-form > div {
  5031. padding: 5px;
  5032. margin: 5px;
  5033. background-color: #e6e6e6;
  5034. -webkit-border-radius: 5px;
  5035. -moz-border-radius: 5px;
  5036. border-radius: 5px;
  5037. -webkit-background-clip: padding-box;
  5038. -moz-background-clip: padding;
  5039. background-clip: padding-box;
  5040. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  5041. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  5042. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  5043. }
  5044. #header #header-blocks #block-user-login form#user-login-form .form-item {
  5045. margin: 0;
  5046. padding-bottom: 5px;
  5047. }
  5048. #header #header-blocks #block-user-login form#user-login-form label,
  5049. #header #header-blocks #block-user-login form#user-login-form input {
  5050. margin: 0;
  5051. font-size: 10px;
  5052. }
  5053. #header #header-blocks #block-user-login form#user-login-form input.form-text {
  5054. width: 150px;
  5055. }
  5056. #header #header-blocks #block-user-login form#user-login-form #edit-actions {
  5057. margin: 5px 0;
  5058. padding: 0;
  5059. background-color: transparent;
  5060. text-align: right;
  5061. }
  5062. #header #header-blocks #block-user-login form#user-login-form #edit-actions input.form-submit {
  5063. font-size: 12px;
  5064. padding: 10px;
  5065. }
  5066. #header #header-blocks #block-user-login form#user-login-form div.newpass a {
  5067. font-size: 12px;
  5068. color: #686868;
  5069. }
  5070. html.no-touch #header #header-blocks #block-user-login:hover form#user-login-form,
  5071. #header #header-blocks #block-user-login.hovered form#user-login-form {
  5072. height: 300px;
  5073. z-index: 1000;
  5074. }
  5075. @media screen and (max-width: 479px) {
  5076. #header #header-blocks #block-user-login span.login {
  5077. display: none;
  5078. }
  5079. }
  5080. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav {
  5081. position: relative;
  5082. }
  5083. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 {
  5084. margin: 0;
  5085. font-size: 12px;
  5086. line-height: 1.1;
  5087. }
  5088. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
  5089. position: absolute;
  5090. z-index: 20;
  5091. background-color: #ffffff;
  5092. background-color: rgba(255, 255, 255, 0.9);
  5093. *background-color: #ffffff;
  5094. min-width: 100%;
  5095. margin: 0 0 0 -5px;
  5096. -webkit-border-radius: 3px;
  5097. -moz-border-radius: 3px;
  5098. border-radius: 3px;
  5099. -webkit-background-clip: padding-box;
  5100. -moz-background-clip: padding;
  5101. background-clip: padding-box;
  5102. -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  5103. -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  5104. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  5105. }
  5106. .ie8 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
  5107. background: #FFF;
  5108. }
  5109. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists ul {
  5110. margin: 0;
  5111. }
  5112. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li {
  5113. list-style: none;
  5114. font-size: 12px;
  5115. font-weight: 700;
  5116. padding: 0 10px;
  5117. text-align: left;
  5118. width: 200px;
  5119. height: 0;
  5120. overflow: hidden;
  5121. -webkit-transition: height 0.3s ease-out;
  5122. -moz-transition: height 0.3s ease-out;
  5123. -o-transition: height 0.3s ease-out;
  5124. transition: height 0.3s ease-out;
  5125. }
  5126. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a,
  5127. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview {
  5128. white-space: nowrap;
  5129. cursor: pointer;
  5130. }
  5131. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a.open-list {
  5132. max-width: 150px;
  5133. }
  5134. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.count {
  5135. font-weight: 300;
  5136. padding: 0 5px;
  5137. }
  5138. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview,
  5139. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a.edit-list {
  5140. padding-right: 5px;
  5141. }
  5142. .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview,
  5143. .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list {
  5144. visibility: hidden;
  5145. }
  5146. .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *,
  5147. .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * {
  5148. margin-top: -100000px;
  5149. }
  5150. .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview,
  5151. .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list {
  5152. filter: alpha(opacity=0);
  5153. -webkit-opacity: 0;
  5154. -khtml-opacity: 0;
  5155. -moz-opacity: 0;
  5156. opacity: 0;
  5157. -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  5158. -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  5159. -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  5160. transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  5161. }
  5162. .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *,
  5163. .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * {
  5164. -webkit-transition: margin-top 0s 0.3s;
  5165. -moz-transition: margin-top 0s 0.3s;
  5166. -o-transition: margin-top 0s 0.3s;
  5167. transition: margin-top 0s 0.3s;
  5168. }
  5169. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists {
  5170. padding-bottom: 5px;
  5171. }
  5172. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists li {
  5173. height: 15px;
  5174. padding: 3px 10px;
  5175. }
  5176. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
  5177. vertical-align: text-bottom;
  5178. margin: 0 2px 2px 0;
  5179. }
  5180. @media screen and (min-width: 980px) {
  5181. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 i {
  5182. display: none;
  5183. }
  5184. }
  5185. @media screen and (max-width: 979px) {
  5186. #header #header-blocks #block-materio-flag-materio-flag-mylists-nav h2 span.menu-title {
  5187. display: none;
  5188. }
  5189. }
  5190. #header #header-blocks #block-ajax-register-ajax-register-block {
  5191. font-size: 12px;
  5192. text-transform: lowercase;
  5193. }
  5194. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in {
  5195. font-size: 12px;
  5196. }
  5197. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in i {
  5198. vertical-align: text-bottom;
  5199. margin: 0 2px 1px 0;
  5200. }
  5201. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
  5202. text-transform: lowercase;
  5203. }
  5204. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.logout {
  5205. display: none;
  5206. margin-left: 5px;
  5207. }
  5208. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in .icon-off {
  5209. margin: 0 0.5em 0 0.5em;
  5210. }
  5211. @media screen and (max-width: 767px) {
  5212. #header #header-blocks #block-logintoboggan-logintoboggan-logged-in a span.account {
  5213. display: none;
  5214. }
  5215. }
  5216. #header #header-blocks #headerblock-right .block {
  5217. display: moz-inline-stack;
  5218. display: inline-block;
  5219. vertical-align: top;
  5220. zoom: 1;
  5221. *display: inline;
  5222. vertical-align: middle;
  5223. padding: 0;
  5224. }
  5225. #header #header-blocks #headerblock-right .block:first-child {
  5226. padding: 0;
  5227. }
  5228. #header #header-blocks #block-locale-language {
  5229. margin-left: 1em;
  5230. }
  5231. #header #header-blocks #block-locale-language ul,
  5232. #header #header-blocks #block-locale-language li {
  5233. margin: 0;
  5234. padding: 0;
  5235. list-style-type: none;
  5236. font-size: 12px;
  5237. line-height: 1;
  5238. }
  5239. #header #header-blocks #block-locale-language ul.active,
  5240. #header #header-blocks #block-locale-language li.active {
  5241. display: none;
  5242. }
  5243. .ie8 #header #header-blocks #block-locale-language {
  5244. padding-top: 5px;
  5245. }
  5246. .ie8 #header #header-blocks #block-menu-menu-top-menu h2 {
  5247. display: none;
  5248. }
  5249. #header #header-blocks #block-menu-menu-top-menu h2 i {
  5250. vertical-align: text-bottom;
  5251. margin: 0 0 2px 0;
  5252. }
  5253. #header #header-blocks #block-menu-menu-top-menu ul.menu,
  5254. #header #header-blocks #block-menu-menu-top-menu li {
  5255. font-size: 12px;
  5256. list-style: none;
  5257. }
  5258. .ie8 #header #header-blocks #block-menu-menu-top-menu ul.menu,
  5259. .ie8 #header #header-blocks #block-menu-menu-top-menu li {
  5260. display: inline;
  5261. }
  5262. @media screen and (min-width: 768px) {
  5263. #header #header-blocks #block-menu-menu-top-menu h2 {
  5264. display: none;
  5265. }
  5266. #header #header-blocks #block-menu-menu-top-menu ul.menu,
  5267. #header #header-blocks #block-menu-menu-top-menu li {
  5268. display: moz-inline-stack;
  5269. display: inline-block;
  5270. vertical-align: top;
  5271. zoom: 1;
  5272. *display: inline;
  5273. vertical-align: middle;
  5274. padding: 0;
  5275. margin: 0;
  5276. }
  5277. #header #header-blocks #block-menu-menu-top-menu a {
  5278. padding: 0 0.5em 0 0;
  5279. }
  5280. }
  5281. @media screen and (max-width: 767px) {
  5282. #header #header-blocks #block-menu-menu-top-menu {
  5283. position: relative;
  5284. }
  5285. #header #header-blocks #block-menu-menu-top-menu h2 .menu-title {
  5286. display: none;
  5287. }
  5288. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper {
  5289. position: absolute;
  5290. width: 150px;
  5291. display: none;
  5292. right: 0;
  5293. padding-top: 5px;
  5294. }
  5295. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu {
  5296. background-color: #e6e6e6;
  5297. -webkit-border-radius: 5px;
  5298. -moz-border-radius: 5px;
  5299. border-radius: 5px;
  5300. -webkit-background-clip: padding-box;
  5301. -moz-background-clip: padding;
  5302. background-clip: padding-box;
  5303. padding: 0 5px 5px 5px;
  5304. margin: 0;
  5305. text-align: right;
  5306. }
  5307. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li {
  5308. height: 0;
  5309. overflow: hidden;
  5310. -webkit-transition: height 0.3s ease-out;
  5311. -moz-transition: height 0.3s ease-out;
  5312. -o-transition: height 0.3s ease-out;
  5313. transition: height 0.3s ease-out;
  5314. }
  5315. #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li a {
  5316. display: block;
  5317. width: 100%;
  5318. padding: 2px 5px;
  5319. font-size: 12px;
  5320. }
  5321. html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover,
  5322. #header #header-blocks #block-menu-menu-top-menu.hovered {
  5323. z-index: 1000;
  5324. }
  5325. html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover .menu-wrapper,
  5326. #header #header-blocks #block-menu-menu-top-menu.hovered .menu-wrapper {
  5327. display: block;
  5328. }
  5329. html.no-touch #header #header-blocks #block-menu-menu-top-menu:hover .menu-wrapper ul.menu li,
  5330. #header #header-blocks #block-menu-menu-top-menu.hovered .menu-wrapper ul.menu li {
  5331. height: 25px;
  5332. }
  5333. }
  5334. #header #header-blocks #block-materio-user-old-database-link a {
  5335. font-size: 12px;
  5336. }
  5337. #header #header-blocks #block-materio-user-front-link a {
  5338. font-size: 12px;
  5339. }
  5340. #header #header-blocks #block-materio-user-front-link i {
  5341. vertical-align: text-bottom;
  5342. margin: 0 2px 2px 0;
  5343. }
  5344. #header #header-blocks #block-materio-user-front-link span.text {
  5345. display: none;
  5346. }
  5347. #utilities {
  5348. margin-top: 60px;
  5349. }
  5350. .not-logged-in #utilities {
  5351. overflow: hidden;
  5352. }
  5353. #utilities.closed {
  5354. height: 0;
  5355. }
  5356. #utilities.closed .tabs,
  5357. #utilities.closed .node-didactique {
  5358. display: none;
  5359. }
  5360. #highlighted {
  5361. -webkit-border-radius: 5px;
  5362. -moz-border-radius: 5px;
  5363. border-radius: 5px;
  5364. -webkit-background-clip: padding-box;
  5365. -moz-background-clip: padding;
  5366. background-clip: padding-box;
  5367. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  5368. -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  5369. box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  5370. padding: 0.5em;
  5371. position: relative;
  5372. }
  5373. @media screen and (min-width: 768px) {
  5374. #highlighted {
  5375. margin: 20px 0 6px;
  5376. }
  5377. #highlighted .block {
  5378. display: moz-inline-stack;
  5379. display: inline-block;
  5380. zoom: 1;
  5381. *display: inline;
  5382. vertical-align: top;
  5383. }
  5384. #highlighted .block-materio-didactique {
  5385. width: 65%;
  5386. }
  5387. #highlighted .block-materio-didactique .side {
  5388. display: moz-inline-stack;
  5389. display: inline-block;
  5390. zoom: 1;
  5391. *display: inline;
  5392. vertical-align: top;
  5393. position: relative;
  5394. }
  5395. #highlighted .block-materio-didactique .group-sideleft {
  5396. width: 65%;
  5397. }
  5398. #highlighted .block-materio-didactique .group-sideright {
  5399. width: 30%;
  5400. }
  5401. #highlighted .block-materio-didactique .field-name-title-field {
  5402. font-size: 24px;
  5403. }
  5404. #highlighted .block-materio-didactique .node.emvideo .group-sideleft,
  5405. #highlighted .block-materio-didactique .node.emvideo .group-sideright {
  5406. width: 47%;
  5407. }
  5408. #highlighted .block-materio-didactique .node.emvideo .group-sideleft {
  5409. margin-right: 2%;
  5410. }
  5411. #highlighted #block-materio-user-user-register {
  5412. width: 30%;
  5413. padding: 5px;
  5414. height: 290px;
  5415. }
  5416. }
  5417. @media screen and (min-width: 480px) {
  5418. #highlighted .block-materio-didactique .side {
  5419. display: moz-inline-stack;
  5420. display: inline-block;
  5421. zoom: 1;
  5422. *display: inline;
  5423. vertical-align: top;
  5424. }
  5425. }
  5426. @media screen and (max-width: 767px) {
  5427. #highlighted {
  5428. margin: 10px 0 6px;
  5429. }
  5430. #highlighted .block-materio-didactique .group-sideleft,
  5431. #highlighted .block-materio-didactique .group-sideright {
  5432. width: 100%;
  5433. }
  5434. #highlighted .block-materio-didactique .field-name-title-field {
  5435. font-size: 20px;
  5436. cursor: pointer;
  5437. }
  5438. #highlighted .block-materio-didactique .node-didactique:not(:first-child) .field-name-title-field {
  5439. font-weight: normal;
  5440. }
  5441. #highlighted .block-materio-didactique .node-didactique:not(:first-child) .field-name-title-field:before {
  5442. content: "- ";
  5443. }
  5444. html.js #highlighted .block-materio-didactique .node-didactique {
  5445. height: auto;
  5446. height: 25px;
  5447. overflow: hidden;
  5448. }
  5449. html.js #highlighted .block-materio-didactique .node-didactique.opened {
  5450. height: auto;
  5451. }
  5452. }
  5453. @media screen and (min-width: 480px) and (max-width: 767px) {
  5454. #highlighted .block-materio-didactique .group-sideleft {
  5455. width: 50%;
  5456. }
  5457. #highlighted .block-materio-didactique .group-sideright {
  5458. width: 50%;
  5459. }
  5460. }
  5461. .oldie #highlighted .block {
  5462. display: moz-inline-stack;
  5463. display: inline-block;
  5464. vertical-align: top;
  5465. zoom: 1;
  5466. *display: inline;
  5467. }
  5468. #highlighted .block-materio-didactique .node-didactique {
  5469. font-size: 14px;
  5470. background-color: #ffffff;
  5471. margin: 0 auto;
  5472. }
  5473. #highlighted .block-materio-didactique .node-didactique .side {
  5474. position: relative;
  5475. }
  5476. #highlighted .block-materio-didactique .node-didactique .field-name-title-field {
  5477. font-weight: 900;
  5478. font-style: italic;
  5479. padding: 5px 0;
  5480. }
  5481. #highlighted .block-materio-didactique .node-didactique .field-name-field-visuel {
  5482. text-align: center;
  5483. }
  5484. #highlighted .block-materio-didactique .node-didactique .field-name-field-visuel figure,
  5485. #highlighted .block-materio-didactique .node-didactique .field-name-field-visuel img {
  5486. display: inline;
  5487. }
  5488. #highlighted .block-materio-didactique .node-didactique.emvideo .field-name-field-visuel {
  5489. display: none;
  5490. }
  5491. .ie8 #highlighted .block-materio-didactique .node-didactique .player {
  5492. display: none;
  5493. }
  5494. html.js #highlighted .block-materio-didactique {
  5495. position: relative;
  5496. overflow: hidden;
  5497. }
  5498. html.js #highlighted .block-materio-didactique .slides {
  5499. height: 270px;
  5500. margin: 0;
  5501. position: relative;
  5502. width: 100%;
  5503. overflow: hidden;
  5504. }
  5505. html.js #highlighted .block-materio-didactique .slides .node-didactique {
  5506. position: absolute;
  5507. width: 100%;
  5508. height: 100%;
  5509. top: 0;
  5510. left: 0;
  5511. }
  5512. html.js #highlighted .block-materio-didactique .slides .field-name-title-field {
  5513. height: 30px;
  5514. }
  5515. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper {
  5516. height: 240px;
  5517. }
  5518. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .side {
  5519. height: 100%;
  5520. }
  5521. @media screen and (max-width: 479px) {
  5522. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  5523. width: 290px;
  5524. height: 163.125px;
  5525. }
  5526. }
  5527. @media screen and (min-width: 480px) and (max-width: 767px) {
  5528. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  5529. width: 216px;
  5530. height: 121.5px;
  5531. }
  5532. }
  5533. @media screen and (min-width: 768px) and (max-width: 979px) {
  5534. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  5535. width: 216px;
  5536. height: 121.5px;
  5537. }
  5538. }
  5539. @media screen and (min-width: 980px) and (max-width: 1199px) {
  5540. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  5541. width: 280px;
  5542. height: 157.5px;
  5543. }
  5544. }
  5545. @media screen and (min-width: 1200px) {
  5546. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo {
  5547. width: 340px;
  5548. height: 191.25px;
  5549. }
  5550. }
  5551. html.js #highlighted .block-materio-didactique .slides .group-column-wrapper .field-name-field-emvideo * {
  5552. height: 100%;
  5553. width: 100%;
  5554. }
  5555. html.js #highlighted .block-materio-didactique .tabs {
  5556. height: 30px;
  5557. margin: 0;
  5558. text-align: left;
  5559. }
  5560. html.js #highlighted .block-materio-didactique .tabs > * {
  5561. display: moz-inline-stack;
  5562. display: inline-block;
  5563. vertical-align: top;
  5564. zoom: 1;
  5565. *display: inline;
  5566. vertical-align: top ;
  5567. padding: 5px 10px;
  5568. font-size: 12px;
  5569. cursor: pointer;
  5570. color: #bfbfbf;
  5571. }
  5572. html.js #highlighted .block-materio-didactique .tabs > *:hover,
  5573. html.js #highlighted .block-materio-didactique .tabs > *:focus,
  5574. html.js #highlighted .block-materio-didactique .tabs > *.active {
  5575. color: #3f3f3f;
  5576. }
  5577. /** block register */
  5578. #block-materio-user-user-register,
  5579. #block-materio-user-user-createaccount {
  5580. min-height: 120px;
  5581. padding: 5px;
  5582. background: transparent url('../img/register-block.png') no-repeat 100% 90%;
  5583. }
  5584. .ie8 #block-materio-user-user-register,
  5585. .ie8 #block-materio-user-user-createaccount {
  5586. max-width: 250px;
  5587. float: right;
  5588. background-image: none;
  5589. }
  5590. #block-materio-user-user-register h2,
  5591. #block-materio-user-user-createaccount h2,
  5592. #block-materio-user-user-register h3,
  5593. #block-materio-user-user-createaccount h3 {
  5594. font-weight: 900;
  5595. font-style: italic;
  5596. padding: 5px 0;
  5597. margin: 0;
  5598. line-height: 1;
  5599. background-color: #ffffff;
  5600. display: moz-inline-stack;
  5601. display: inline-block;
  5602. vertical-align: top;
  5603. zoom: 1;
  5604. *display: inline;
  5605. min-width: 50%;
  5606. }
  5607. #block-materio-user-user-register h2,
  5608. #block-materio-user-user-createaccount h2 {
  5609. font-size: 24px;
  5610. }
  5611. #block-materio-user-user-register h3,
  5612. #block-materio-user-user-createaccount h3 {
  5613. font-size: 16px;
  5614. }
  5615. #block-materio-user-user-register form,
  5616. #block-materio-user-user-createaccount form {
  5617. margin: 0;
  5618. background-color: #ffffff;
  5619. background-color: rgba(255, 255, 255, 0.7);
  5620. *background-color: #ffffff;
  5621. padding-bottom: 5px;
  5622. display: moz-inline-stack;
  5623. display: inline-block;
  5624. vertical-align: top;
  5625. zoom: 1;
  5626. *display: inline;
  5627. }
  5628. #block-materio-user-user-register .form-item,
  5629. #block-materio-user-user-createaccount .form-item,
  5630. #block-materio-user-user-register .form-wrapper,
  5631. #block-materio-user-user-createaccount .form-wrapper {
  5632. margin: 0;
  5633. display: moz-inline-stack;
  5634. display: inline-block;
  5635. vertical-align: top;
  5636. zoom: 1;
  5637. *display: inline;
  5638. vertical-align: middle;
  5639. position: relative;
  5640. }
  5641. #block-materio-user-user-register #edit-account,
  5642. #block-materio-user-user-createaccount #edit-account {
  5643. margin-right: 5px;
  5644. }
  5645. #block-materio-user-user-register input.form-text,
  5646. #block-materio-user-user-createaccount input.form-text {
  5647. font-size: 12px;
  5648. -webkit-border-radius: 5px;
  5649. -moz-border-radius: 5px;
  5650. border-radius: 5px;
  5651. -webkit-background-clip: padding-box;
  5652. -moz-background-clip: padding;
  5653. background-clip: padding-box;
  5654. margin-bottom: 4px;
  5655. }
  5656. .ie8 #block-materio-user-user-register input.form-text,
  5657. .ie8 #block-materio-user-user-createaccount input.form-text {
  5658. margin-right: 5px;
  5659. }
  5660. #block-materio-user-user-register .form-item-mail input.form-text,
  5661. #block-materio-user-user-createaccount .form-item-mail input.form-text,
  5662. #block-materio-user-user-register .form-item-name input.form-text,
  5663. #block-materio-user-user-createaccount .form-item-name input.form-text {
  5664. width: 11em;
  5665. }
  5666. #block-materio-user-user-register .form-item-pass input.form-text,
  5667. #block-materio-user-user-createaccount .form-item-pass input.form-text {
  5668. width: 7em;
  5669. }
  5670. #block-materio-user-user-register #edit-mail-check,
  5671. #block-materio-user-user-createaccount #edit-mail-check {
  5672. position: absolute;
  5673. bottom: 100%;
  5674. z-index: 9999;
  5675. background-image: none;
  5676. height: auto;
  5677. padding: 5px;
  5678. -webkit-border-radius: 5px;
  5679. -moz-border-radius: 5px;
  5680. border-radius: 5px;
  5681. -webkit-background-clip: padding-box;
  5682. -moz-background-clip: padding;
  5683. background-clip: padding-box;
  5684. margin-bottom: 10px;
  5685. font-size: 10px;
  5686. background-color: #fff;
  5687. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  5688. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  5689. box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  5690. -webkit-transition: bottom 0.1s ease-out;
  5691. -moz-transition: bottom 0.1s ease-out;
  5692. -o-transition: bottom 0.1s ease-out;
  5693. transition: bottom 0.1s ease-out;
  5694. }
  5695. #block-materio-user-user-register #edit-mail-check.error,
  5696. #block-materio-user-user-createaccount #edit-mail-check.error {
  5697. background-color: #f3968d;
  5698. color: #fff;
  5699. }
  5700. #block-materio-user-user-register #edit-mail-check.ok,
  5701. #block-materio-user-user-createaccount #edit-mail-check.ok {
  5702. display: none;
  5703. }
  5704. #block-materio-user-user-register .form-submit,
  5705. #block-materio-user-user-createaccount .form-submit {
  5706. font-size: 16px;
  5707. padding: 0.1em 0.6em 0.2em;
  5708. -webkit-border-radius: 0.3em;
  5709. -moz-border-radius: 0.3em;
  5710. border-radius: 0.3em;
  5711. -webkit-background-clip: padding-box;
  5712. -moz-background-clip: padding;
  5713. background-clip: padding-box;
  5714. font-weight: bold;
  5715. margin-bottom: 4px;
  5716. }
  5717. #block-materio-user-user-register .form-item-termsofservices,
  5718. #block-materio-user-user-createaccount .form-item-termsofservices,
  5719. #block-materio-user-user-register #edit-field-newsletter,
  5720. #block-materio-user-user-createaccount #edit-field-newsletter {
  5721. margin-bottom: 0;
  5722. display: block;
  5723. line-height: 1;
  5724. }
  5725. #block-materio-user-user-register .form-item-termsofservices > *,
  5726. #block-materio-user-user-createaccount .form-item-termsofservices > *,
  5727. #block-materio-user-user-register #edit-field-newsletter > *,
  5728. #block-materio-user-user-createaccount #edit-field-newsletter > * {
  5729. display: moz-inline-stack;
  5730. display: inline-block;
  5731. vertical-align: top;
  5732. zoom: 1;
  5733. *display: inline;
  5734. vertical-align: middle;
  5735. margin: 0;
  5736. }
  5737. #block-materio-user-user-register .form-item-termsofservices label,
  5738. #block-materio-user-user-createaccount .form-item-termsofservices label,
  5739. #block-materio-user-user-register #edit-field-newsletter label,
  5740. #block-materio-user-user-createaccount #edit-field-newsletter label {
  5741. font-size: 10px;
  5742. background-color: #fff;
  5743. -webkit-border-radius: 3px;
  5744. -moz-border-radius: 3px;
  5745. border-radius: 3px;
  5746. -webkit-background-clip: padding-box;
  5747. -moz-background-clip: padding;
  5748. background-clip: padding-box;
  5749. }
  5750. #block-materio-user-user-register #user-register-form .form-submit,
  5751. #block-materio-user-user-createaccount #user-register-form .form-submit {
  5752. border: 2px solid #69CDCF;
  5753. background-color: #69cdcf;
  5754. color: #fff;
  5755. cursor: pointer;
  5756. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5757. -webkit-transition: text-shadow 0.2s ease-out;
  5758. -moz-transition: text-shadow 0.2s ease-out;
  5759. -o-transition: text-shadow 0.2s ease-out;
  5760. transition: text-shadow 0.2s ease-out;
  5761. }
  5762. #block-materio-user-user-register #user-register-form .form-submit:hover,
  5763. #block-materio-user-user-createaccount #user-register-form .form-submit:hover,
  5764. #block-materio-user-user-register #user-register-form .form-submit:focus,
  5765. #block-materio-user-user-createaccount #user-register-form .form-submit:focus {
  5766. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  5767. }
  5768. #block-materio-user-user-register #user-register-form .form-submit:active,
  5769. #block-materio-user-user-createaccount #user-register-form .form-submit:active {
  5770. -webkit-transition: text-shadow 0s ease-out;
  5771. -moz-transition: text-shadow 0s ease-out;
  5772. -o-transition: text-shadow 0s ease-out;
  5773. transition: text-shadow 0s ease-out;
  5774. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5775. }
  5776. #block-materio-user-user-register #user-register-form .form-submit[disabled],
  5777. #block-materio-user-user-createaccount #user-register-form .form-submit[disabled] {
  5778. background-color: #dddddd;
  5779. border: 2px solid #ddd;
  5780. }
  5781. #block-materio-user-user-register #user-login .form-submit,
  5782. #block-materio-user-user-createaccount #user-login .form-submit {
  5783. border: 2px solid #E6DE1C;
  5784. background-color: #e6de1c;
  5785. color: #fff;
  5786. cursor: pointer;
  5787. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5788. -webkit-transition: text-shadow 0.2s ease-out;
  5789. -moz-transition: text-shadow 0.2s ease-out;
  5790. -o-transition: text-shadow 0.2s ease-out;
  5791. transition: text-shadow 0.2s ease-out;
  5792. }
  5793. #block-materio-user-user-register #user-login .form-submit:hover,
  5794. #block-materio-user-user-createaccount #user-login .form-submit:hover,
  5795. #block-materio-user-user-register #user-login .form-submit:focus,
  5796. #block-materio-user-user-createaccount #user-login .form-submit:focus {
  5797. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  5798. }
  5799. #block-materio-user-user-register #user-login .form-submit:active,
  5800. #block-materio-user-user-createaccount #user-login .form-submit:active {
  5801. -webkit-transition: text-shadow 0s ease-out;
  5802. -moz-transition: text-shadow 0s ease-out;
  5803. -o-transition: text-shadow 0s ease-out;
  5804. transition: text-shadow 0s ease-out;
  5805. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5806. }
  5807. #block-materio-user-user-register #edit-simplenews,
  5808. #block-materio-user-user-createaccount #edit-simplenews {
  5809. padding-top: 0.5em;
  5810. }
  5811. #block-materio-user-user-register #edit-simplenews .fieldset-description,
  5812. #block-materio-user-user-createaccount #edit-simplenews .fieldset-description {
  5813. font-size: 12px;
  5814. }
  5815. #block-materio-user-user-register #edit-simplenews .form-checkboxes .form-item,
  5816. #block-materio-user-user-createaccount #edit-simplenews .form-checkboxes .form-item {
  5817. display: block;
  5818. }
  5819. #block-materio-user-user-register #edit-simplenews .form-checkboxes .form-item label,
  5820. #block-materio-user-user-createaccount #edit-simplenews .form-checkboxes .form-item label {
  5821. font-size: 12px;
  5822. }
  5823. #block-materio-user-user-register a.join,
  5824. #block-materio-user-user-createaccount a.join {
  5825. display: block;
  5826. width: 5em;
  5827. font-size: 16px;
  5828. padding: 0.1em 0.3em 0.2em;
  5829. -webkit-border-radius: 0.3em;
  5830. -moz-border-radius: 0.3em;
  5831. border-radius: 0.3em;
  5832. -webkit-background-clip: padding-box;
  5833. -moz-background-clip: padding;
  5834. background-clip: padding-box;
  5835. font-weight: bold;
  5836. border: 2px solid #69CDCF;
  5837. background-color: #69cdcf;
  5838. color: #fff;
  5839. cursor: pointer;
  5840. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5841. -webkit-transition: text-shadow 0.2s ease-out;
  5842. -moz-transition: text-shadow 0.2s ease-out;
  5843. -o-transition: text-shadow 0.2s ease-out;
  5844. transition: text-shadow 0.2s ease-out;
  5845. text-align: center;
  5846. text-decoration: none;
  5847. }
  5848. #block-materio-user-user-register a.join:hover,
  5849. #block-materio-user-user-createaccount a.join:hover,
  5850. #block-materio-user-user-register a.join:focus,
  5851. #block-materio-user-user-createaccount a.join:focus {
  5852. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  5853. }
  5854. #block-materio-user-user-register a.join:active,
  5855. #block-materio-user-user-createaccount a.join:active {
  5856. -webkit-transition: text-shadow 0s ease-out;
  5857. -moz-transition: text-shadow 0s ease-out;
  5858. -o-transition: text-shadow 0s ease-out;
  5859. transition: text-shadow 0s ease-out;
  5860. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  5861. }
  5862. @media screen and (max-width: 479px) {
  5863. #block-materio-user-user-register,
  5864. #block-materio-user-user-createaccount {
  5865. background-position: 160% 50%;
  5866. }
  5867. #block-materio-user-user-register .form-item-mail input.form-text,
  5868. #block-materio-user-user-createaccount .form-item-mail input.form-text,
  5869. #block-materio-user-user-register .form-item-name input.form-text,
  5870. #block-materio-user-user-createaccount .form-item-name input.form-text {
  5871. width: 7em;
  5872. }
  5873. }
  5874. @media screen and (max-width: 767px) {
  5875. #block-materio-user-user-register,
  5876. #block-materio-user-user-createaccount {
  5877. min-height: 60px;
  5878. padding: 15px 0;
  5879. }
  5880. #block-materio-user-user-register #user-login,
  5881. #block-materio-user-user-createaccount #user-login,
  5882. #block-materio-user-user-register > h3:first-child,
  5883. #block-materio-user-user-createaccount > h3:first-child,
  5884. #block-materio-user-user-register > h3 span,
  5885. #block-materio-user-user-createaccount > h3 span {
  5886. display: none;
  5887. }
  5888. }
  5889. #block-materio-user-user-register .message-error,
  5890. #block-materio-user-user-createaccount .message-error {
  5891. color: #b94a48;
  5892. font-size: 12px;
  5893. }
  5894. .modal-content #block-materio-user-user-register,
  5895. .modal-content #block-materio-user-user-createaccount {
  5896. padding: 0.5em 0.5em 5em 0.5em;
  5897. width: 400px;
  5898. background-color: #fff;
  5899. padding: 5px;
  5900. -webkit-border-radius: 5px;
  5901. -moz-border-radius: 5px;
  5902. border-radius: 5px;
  5903. -webkit-background-clip: padding-box;
  5904. -moz-background-clip: padding;
  5905. background-clip: padding-box;
  5906. }
  5907. .modal-content #block-materio-user-user-register #user-register-form div.homepage-textfield,
  5908. .modal-content #block-materio-user-user-createaccount #user-register-form div.homepage-textfield {
  5909. display: none;
  5910. }
  5911. .modal-content #block-materio-user-user-register #user-register-form .description,
  5912. .modal-content #block-materio-user-user-createaccount #user-register-form .description {
  5913. font-size: 12px;
  5914. }
  5915. /** content-top */
  5916. #content-top {
  5917. /** flag-list */
  5918. }
  5919. #content-top #block-materio-flag-materio-flag-mybookmarks,
  5920. #content-top #block-materio-flag-materio-flag-mylists {
  5921. font-size: 10px;
  5922. color: #666666;
  5923. font-weight: 300;
  5924. }
  5925. .ie8 #content-top #block-materio-flag-materio-flag-mybookmarks,
  5926. .ie8 #content-top #block-materio-flag-materio-flag-mylists {
  5927. margin-top: 40px;
  5928. }
  5929. #content-top #block-materio-flag-materio-flag-mybookmarks h2,
  5930. #content-top #block-materio-flag-materio-flag-mylists h2 {
  5931. font-size: 12px;
  5932. font-weight: 700;
  5933. margin: 0;
  5934. line-height: 1.2;
  5935. color: #000;
  5936. }
  5937. #content-top #block-materio-flag-materio-flag-mybookmarks h2 a.open-list,
  5938. #content-top #block-materio-flag-materio-flag-mylists h2 a.open-list,
  5939. #content-top #block-materio-flag-materio-flag-mybookmarks h2 i.icon-remove,
  5940. #content-top #block-materio-flag-materio-flag-mylists h2 i.icon-remove {
  5941. display: moz-inline-stack;
  5942. display: inline-block;
  5943. vertical-align: top;
  5944. zoom: 1;
  5945. *display: inline;
  5946. cursor: pointer;
  5947. color: #000;
  5948. filter: alpha(opacity=0);
  5949. -webkit-opacity: 0;
  5950. -khtml-opacity: 0;
  5951. -moz-opacity: 0;
  5952. opacity: 0;
  5953. -webkit-transition: opacity 0.1s ease-out;
  5954. -moz-transition: opacity 0.1s ease-out;
  5955. -o-transition: opacity 0.1s ease-out;
  5956. transition: opacity 0.1s ease-out;
  5957. }
  5958. #content-top #block-materio-flag-materio-flag-mybookmarks:hover a.open-list,
  5959. #content-top #block-materio-flag-materio-flag-mylists:hover a.open-list,
  5960. #content-top #block-materio-flag-materio-flag-mybookmarks:hover i.icon-remove,
  5961. #content-top #block-materio-flag-materio-flag-mylists:hover i.icon-remove {
  5962. opacity: 0.01;
  5963. filter: alpha(opacity=1);
  5964. -webkit-opacity: 1;
  5965. -khtml-opacity: 1;
  5966. -moz-opacity: 1;
  5967. opacity: 1;
  5968. }
  5969. #content-top #block-materio-flag-materio-flag-mybookmarks span.listname[name=bookmarks],
  5970. #content-top #block-materio-flag-materio-flag-mylists span.listname[name=bookmarks] {
  5971. cursor: pointer;
  5972. }
  5973. #content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks,
  5974. #content-top #block-materio-flag-materio-flag-mylists section.bookmarks {
  5975. height: 0;
  5976. overflow: hidden;
  5977. }
  5978. #content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks.active,
  5979. #content-top #block-materio-flag-materio-flag-mylists section.bookmarks.active {
  5980. height: auto;
  5981. }
  5982. #content-top #block-materio-flag-materio-flag-mybookmarks section.bookmarks article.node.vm-bookmark,
  5983. #content-top #block-materio-flag-materio-flag-mylists section.bookmarks article.node.vm-bookmark {
  5984. overflow: hidden;
  5985. }
  5986. #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section h2,
  5987. #content-top #block-materio-flag-materio-flag-mylists .mylists section h2,
  5988. #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section .flaged,
  5989. #content-top #block-materio-flag-materio-flag-mylists .mylists section .flaged {
  5990. height: 0;
  5991. overflow: hidden;
  5992. }
  5993. #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section.active h2,
  5994. #content-top #block-materio-flag-materio-flag-mylists .mylists section.active h2,
  5995. #content-top #block-materio-flag-materio-flag-mybookmarks .mylists section.active .flaged,
  5996. #content-top #block-materio-flag-materio-flag-mylists .mylists section.active .flaged {
  5997. height: auto;
  5998. }
  5999. #tool-bar {
  6000. position: relative;
  6001. }
  6002. #tool-bar .inner-content {
  6003. padding-top: 10px;
  6004. padding-bottom: 10px;
  6005. }
  6006. #tool-bar .inner-content > * {
  6007. display: moz-inline-stack;
  6008. display: inline-block;
  6009. vertical-align: top;
  6010. zoom: 1;
  6011. *display: inline;
  6012. vertical-align: middle ;
  6013. }
  6014. @media screen and (max-width: 479px) {
  6015. #tool-bar .inner-content {
  6016. padding: 0;
  6017. }
  6018. #tool-bar .inner-content h1 {
  6019. line-height: 0.5;
  6020. }
  6021. }
  6022. .oldie #tool-bar {
  6023. background-color: #b1adad;
  6024. padding: 0 10px;
  6025. }
  6026. #tool-bar .btn-group {
  6027. padding: 0;
  6028. -webkit-border-radius: 3px;
  6029. -moz-border-radius: 3px;
  6030. border-radius: 3px;
  6031. -webkit-background-clip: padding-box;
  6032. -moz-background-clip: padding;
  6033. background-clip: padding-box;
  6034. background-color: #ffffff;
  6035. margin: 4px;
  6036. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6037. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6038. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6039. -webkit-transition: box-shadow 0.3s ease-out;
  6040. -moz-transition: box-shadow 0.3s ease-out;
  6041. -o-transition: box-shadow 0.3s ease-out;
  6042. transition: box-shadow 0.3s ease-out;
  6043. }
  6044. #tool-bar .btn-group:hover,
  6045. #tool-bar .btn-group:focus {
  6046. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  6047. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  6048. box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  6049. }
  6050. #tool-bar .btn-group:active {
  6051. -webkit-transition: box-shadow 0s ease-out;
  6052. -moz-transition: box-shadow 0s ease-out;
  6053. -o-transition: box-shadow 0s ease-out;
  6054. transition: box-shadow 0s ease-out;
  6055. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6056. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6057. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6058. }
  6059. #tool-bar #block-materio-page-title-materio-page-title {
  6060. margin: 0 10px 0 0;
  6061. }
  6062. #tool-bar #block-materio-page-title-materio-page-title h1 {
  6063. margin: 0;
  6064. font-size: 24px;
  6065. text-transform: capitalize;
  6066. font-weight: 300;
  6067. line-height: 1;
  6068. }
  6069. #tool-bar #block-materio-page-title-materio-page-title i {
  6070. vertical-align: middle ;
  6071. margin-right: 5px;
  6072. }
  6073. #tool-bar #block-materio-page-title-materio-page-title i.icon-materio-folder {
  6074. margin-bottom: 2px;
  6075. }
  6076. #tool-bar #block-materio-page-title-materio-page-title a.edit-list {
  6077. visibility: hidden;
  6078. }
  6079. #tool-bar #block-materio-page-title-materio-page-title a.edit-list > * {
  6080. margin-top: -100000px;
  6081. }
  6082. .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list {
  6083. filter: alpha(opacity=0);
  6084. -webkit-opacity: 0;
  6085. -khtml-opacity: 0;
  6086. -moz-opacity: 0;
  6087. opacity: 0;
  6088. -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  6089. -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  6090. -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  6091. transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  6092. }
  6093. .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list > * {
  6094. -webkit-transition: margin-top 0s 0.3s;
  6095. -moz-transition: margin-top 0s 0.3s;
  6096. -o-transition: margin-top 0s 0.3s;
  6097. transition: margin-top 0s 0.3s;
  6098. }
  6099. #tool-bar #block-materio-page-title-materio-page-title a.edit-list i {
  6100. margin: 0 0 0 5px;
  6101. }
  6102. #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
  6103. visibility: visible;
  6104. }
  6105. .csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
  6106. opacity: 0.01;
  6107. filter: alpha(opacity=1);
  6108. -webkit-opacity: 1;
  6109. -khtml-opacity: 1;
  6110. -moz-opacity: 1;
  6111. opacity: 1;
  6112. -webkit-transition: opacity 0.3s ease-out;
  6113. -moz-transition: opacity 0.3s ease-out;
  6114. -o-transition: opacity 0.3s ease-out;
  6115. transition: opacity 0.3s ease-out;
  6116. }
  6117. @media screen and (max-width: 979px) {
  6118. #tool-bar #block-materio-page-title-materio-page-title {
  6119. display: block;
  6120. }
  6121. }
  6122. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
  6123. display: moz-inline-stack;
  6124. display: inline-block;
  6125. vertical-align: top;
  6126. zoom: 1;
  6127. *display: inline;
  6128. margin: 0 2px;
  6129. }
  6130. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link.active {
  6131. cursor: normal;
  6132. }
  6133. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link .inner {
  6134. display: none;
  6135. font-size: 10px;
  6136. }
  6137. @media screen and (max-width: 767px) {
  6138. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
  6139. display: block;
  6140. }
  6141. #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link:not(.active) {
  6142. display: none;
  6143. }
  6144. }
  6145. @media screen and (max-width: 479px) {
  6146. html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardsmall,
  6147. #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardsmall,
  6148. html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardmedium,
  6149. #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardmedium {
  6150. display: block;
  6151. }
  6152. }
  6153. @media screen and (min-width: 480px) and (max-width: 767px) {
  6154. html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardsmall,
  6155. #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardsmall,
  6156. html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardmedium,
  6157. #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardmedium,
  6158. html.no-touch #tool-bar #block-materio-search-api-materio-search-api-viewmode:hover .viewmode-link.viewmode-cardbig,
  6159. #tool-bar #block-materio-search-api-materio-search-api-viewmode.hovered .viewmode-link.viewmode-cardbig {
  6160. display: block;
  6161. }
  6162. }
  6163. #tool-bar #block-materio-search-api-materio-search-api-search {
  6164. float: right;
  6165. }
  6166. #tool-bar #block-materio-search-api-materio-search-api-search > .inner {
  6167. display: moz-inline-stack;
  6168. display: inline-block;
  6169. vertical-align: top;
  6170. zoom: 1;
  6171. *display: inline;
  6172. margin: 0 0 0 10px;
  6173. padding: 3px 10px;
  6174. background-color: #ffffff;
  6175. -webkit-border-radius: 3px;
  6176. -moz-border-radius: 3px;
  6177. border-radius: 3px;
  6178. -webkit-background-clip: padding-box;
  6179. -moz-background-clip: padding;
  6180. background-clip: padding-box;
  6181. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6182. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6183. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6184. -webkit-transition: box-shadow 0.3s ease-out;
  6185. -moz-transition: box-shadow 0.3s ease-out;
  6186. -o-transition: box-shadow 0.3s ease-out;
  6187. transition: box-shadow 0.3s ease-out;
  6188. text-align: right;
  6189. }
  6190. #tool-bar #block-materio-search-api-materio-search-api-search > .inner:hover,
  6191. #tool-bar #block-materio-search-api-materio-search-api-search > .inner:focus {
  6192. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  6193. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  6194. box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  6195. }
  6196. #tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
  6197. -webkit-transition: box-shadow 0s ease-out;
  6198. -moz-transition: box-shadow 0s ease-out;
  6199. -o-transition: box-shadow 0s ease-out;
  6200. transition: box-shadow 0s ease-out;
  6201. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6202. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6203. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  6204. }
  6205. #tool-bar #materio-search-api-search-form {
  6206. text-align: right;
  6207. display: moz-inline-stack;
  6208. display: inline-block;
  6209. vertical-align: top;
  6210. zoom: 1;
  6211. *display: inline;
  6212. margin: 0;
  6213. }
  6214. #tool-bar #materio-search-api-search-form .form-item,
  6215. #tool-bar #materio-search-api-search-form input,
  6216. #tool-bar #materio-search-api-search-form .form-checkboxes {
  6217. display: moz-inline-stack;
  6218. display: inline-block;
  6219. vertical-align: top;
  6220. zoom: 1;
  6221. *display: inline;
  6222. margin: 0;
  6223. vertical-align: middle;
  6224. padding: 0;
  6225. }
  6226. #tool-bar #materio-search-api-search-form .form-checkboxes {
  6227. padding: 3px;
  6228. font-size: 12px;
  6229. }
  6230. #tool-bar #materio-search-api-search-form .form-checkboxes .form-item {
  6231. margin: 0 5px;
  6232. }
  6233. #tool-bar #materio-search-api-search-form .form-checkboxes .form-item label {
  6234. font-size: 10px;
  6235. }
  6236. #tool-bar #materio-search-api-search-form input#edit-searchfield {
  6237. border: 1px solid #cccccc;
  6238. -webkit-border-radius: 20px;
  6239. -moz-border-radius: 20px;
  6240. border-radius: 20px;
  6241. -webkit-background-clip: padding-box;
  6242. -moz-background-clip: padding;
  6243. background-clip: padding-box;
  6244. padding: 4px 5px;
  6245. height: 15px;
  6246. font-size: 12px;
  6247. line-height: 1;
  6248. background-position: 100% 5px;
  6249. }
  6250. #tool-bar #materio-search-api-search-form input#edit-searchfield.throbbing {
  6251. background-position: 100% -15px;
  6252. }
  6253. .oldie #tool-bar #materio-search-api-search-form #edit-searchfield-autocomplete-aria-live {
  6254. background-color: #1a1a1a;
  6255. }
  6256. #tool-bar #materio-search-api-search-form input#edit-create {
  6257. padding: 3px;
  6258. }
  6259. #tool-bar #materio-search-api-search-form.loading {
  6260. background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
  6261. }
  6262. #tool-bar #materio-search-api-search-form.loading input#edit-create {
  6263. visibility: hidden;
  6264. }
  6265. @media screen and (max-width: 479px) {
  6266. #tool-bar #materio-search-api-search-form input#edit-searchfield {
  6267. width: 16em;
  6268. }
  6269. #tool-bar #materio-search-api-search-form #edit-bundles-filter {
  6270. display: none;
  6271. }
  6272. }
  6273. #center {
  6274. background-color: #e6e6e6;
  6275. -webkit-border-radius: 10px;
  6276. -moz-border-radius: 10px;
  6277. border-radius: 10px;
  6278. -webkit-background-clip: padding-box;
  6279. -moz-background-clip: padding;
  6280. background-clip: padding-box;
  6281. }
  6282. .node-type-page #center {
  6283. background-color: #ffffff;
  6284. }
  6285. .ie8 #center {
  6286. height: 100%;
  6287. margin-top: 20px;
  6288. }
  6289. #content {
  6290. -webkit-transition: height 0.3s ease-out;
  6291. -moz-transition: height 0.3s ease-out;
  6292. -o-transition: height 0.3s ease-out;
  6293. transition: height 0.3s ease-out;
  6294. }
  6295. #content.faded {
  6296. opacity: 0.005;
  6297. filter: alpha(opacity=0.5);
  6298. -webkit-opacity: 0.5;
  6299. -khtml-opacity: 0.5;
  6300. -moz-opacity: 0.5;
  6301. opacity: 0.5;
  6302. -webkit-transition: opacity 0.3s ease-out;
  6303. -moz-transition: opacity 0.3s ease-out;
  6304. -o-transition: opacity 0.3s ease-out;
  6305. transition: opacity 0.3s ease-out;
  6306. }
  6307. #content .materiobase-results,
  6308. #content .materiobase-actuality,
  6309. #content .materio-flags-list {
  6310. padding: 0 0 30px 0;
  6311. margin: 0 0 20px 0;
  6312. }
  6313. #content .materiobase-results.loading,
  6314. #content .materiobase-actuality.loading,
  6315. #content .materio-flags-list.loading {
  6316. background-image: url('../img/ajax-loader.gif');
  6317. background-position: center bottom;
  6318. background-repeat: no-repeat;
  6319. }
  6320. #content .materiobase-results p.search-performance,
  6321. #content .materiobase-actuality p.search-performance,
  6322. #content .materio-flags-list p.search-performance,
  6323. #content .materiobase-results p.flaglist-infos,
  6324. #content .materiobase-actuality p.flaglist-infos,
  6325. #content .materio-flags-list p.flaglist-infos,
  6326. #content .materiobase-results p.actualities-infos,
  6327. #content .materiobase-actuality p.actualities-infos,
  6328. #content .materio-flags-list p.actualities-infos {
  6329. font-size: 12px;
  6330. font-weight: 500;
  6331. margin: 0;
  6332. padding: 10px 0 5px 15px;
  6333. }
  6334. #content .materiobase-results .search-results,
  6335. #content .materiobase-actuality .search-results,
  6336. #content .materio-flags-list .search-results,
  6337. #content .materiobase-results .actuality-items,
  6338. #content .materiobase-actuality .actuality-items,
  6339. #content .materio-flags-list .actuality-items,
  6340. #content .materiobase-results .flaglist-items,
  6341. #content .materiobase-actuality .flaglist-items,
  6342. #content .materio-flags-list .flaglist-items {
  6343. font-size: 0;
  6344. text-align: center;
  6345. }
  6346. #content .materiobase-results .search-results > *,
  6347. #content .materiobase-actuality .search-results > *,
  6348. #content .materio-flags-list .search-results > *,
  6349. #content .materiobase-results .actuality-items > *,
  6350. #content .materiobase-actuality .actuality-items > *,
  6351. #content .materio-flags-list .actuality-items > *,
  6352. #content .materiobase-results .flaglist-items > *,
  6353. #content .materiobase-actuality .flaglist-items > *,
  6354. #content .materio-flags-list .flaglist-items > * {
  6355. font-size: 16px;
  6356. }
  6357. #content .materiobase-results .search-results > *,
  6358. #content .materiobase-actuality .search-results > *,
  6359. #content .materio-flags-list .search-results > *,
  6360. #content .materiobase-results .actuality-items > *,
  6361. #content .materiobase-actuality .actuality-items > *,
  6362. #content .materio-flags-list .actuality-items > *,
  6363. #content .materiobase-results .flaglist-items > *,
  6364. #content .materiobase-actuality .flaglist-items > *,
  6365. #content .materio-flags-list .flaglist-items > * {
  6366. text-align: left;
  6367. }
  6368. #content ul.pager {
  6369. padding: 1em 0;
  6370. text-align: left;
  6371. }
  6372. .ie8 #content ul.pager {
  6373. position: absolute;
  6374. left: 37px;
  6375. bottom: 35px;
  6376. }
  6377. #content ul.pager li {
  6378. margin: 0;
  6379. display: moz-inline-stack;
  6380. display: inline-block;
  6381. vertical-align: top;
  6382. zoom: 1;
  6383. *display: inline;
  6384. vertical-align: middle;
  6385. }
  6386. #content ul.pager .pager-current,
  6387. #content ul.pager a {
  6388. color: #000;
  6389. font-size: 12px;
  6390. }
  6391. #content ul.pager .pager-current {
  6392. font-weight: 900;
  6393. font-size: 14px;
  6394. }
  6395. .ie8 #content ul.pager .pager-current {
  6396. background: #fff;
  6397. padding: 0.3em 1em 0.3em 1em;
  6398. margin-top: 0.05em;
  6399. border: 1px solid #333333;
  6400. }
  6401. #content ul.pager .pager-first a,
  6402. #content ul.pager .pager-previous a,
  6403. #content ul.pager .pager-next a,
  6404. #content ul.pager .pager-last a {
  6405. font-size: 24px;
  6406. font-weight: 300;
  6407. }
  6408. /** #content-bottom */
  6409. #content-bottom {
  6410. padding-top: 10px;
  6411. }
  6412. /** CARDS */
  6413. /** card search performance */
  6414. article.search-performance .inner {
  6415. padding: 1em;
  6416. }
  6417. article.search-performance p {
  6418. font-size: 14px;
  6419. }
  6420. article.search-performance a.button {
  6421. display: block;
  6422. margin: 10px auto;
  6423. max-width: 10em;
  6424. font-size: 18px;
  6425. padding: 0.1em 0.6em 0.2em;
  6426. -webkit-border-radius: 0.3em;
  6427. -moz-border-radius: 0.3em;
  6428. border-radius: 0.3em;
  6429. -webkit-background-clip: padding-box;
  6430. -moz-background-clip: padding;
  6431. background-clip: padding-box;
  6432. font-weight: bold;
  6433. border: 2px solid #69CDCF;
  6434. background-color: #69cdcf;
  6435. color: #fff;
  6436. cursor: pointer;
  6437. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  6438. -webkit-transition: text-shadow 0.2s ease-out;
  6439. -moz-transition: text-shadow 0.2s ease-out;
  6440. -o-transition: text-shadow 0.2s ease-out;
  6441. transition: text-shadow 0.2s ease-out;
  6442. text-align: center;
  6443. text-decoration: none;
  6444. }
  6445. article.search-performance a.button:hover,
  6446. article.search-performance a.button:focus {
  6447. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  6448. }
  6449. article.search-performance a.button:active {
  6450. -webkit-transition: text-shadow 0s ease-out;
  6451. -moz-transition: text-shadow 0s ease-out;
  6452. -o-transition: text-shadow 0s ease-out;
  6453. transition: text-shadow 0s ease-out;
  6454. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  6455. }
  6456. article.search-performance.view-mode-cardsmall {
  6457. width: 327px;
  6458. height: 140px;
  6459. display: moz-inline-stack;
  6460. display: inline-block;
  6461. vertical-align: top;
  6462. zoom: 1;
  6463. *display: inline;
  6464. position: relative;
  6465. margin: 7px;
  6466. -webkit-border-radius: 5px;
  6467. -moz-border-radius: 5px;
  6468. border-radius: 5px;
  6469. -webkit-background-clip: padding-box;
  6470. -moz-background-clip: padding;
  6471. background-clip: padding-box;
  6472. background-color: #FFF;
  6473. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6474. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6475. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6476. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6477. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6478. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6479. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6480. }
  6481. article.search-performance.view-mode-cardmedium {
  6482. width: 210px;
  6483. height: 295px;
  6484. display: moz-inline-stack;
  6485. display: inline-block;
  6486. vertical-align: top;
  6487. zoom: 1;
  6488. *display: inline;
  6489. position: relative;
  6490. margin: 7px;
  6491. -webkit-border-radius: 5px;
  6492. -moz-border-radius: 5px;
  6493. border-radius: 5px;
  6494. -webkit-background-clip: padding-box;
  6495. -moz-background-clip: padding;
  6496. background-clip: padding-box;
  6497. background-color: #FFF;
  6498. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6499. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6500. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6501. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6502. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6503. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6504. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6505. }
  6506. article.search-performance.view-mode-cardmedium .inner {
  6507. padding: 4em 1em 0;
  6508. }
  6509. article.search-performance.view-mode-cardbig {
  6510. width: 425px;
  6511. height: 115px;
  6512. display: moz-inline-stack;
  6513. display: inline-block;
  6514. vertical-align: top;
  6515. zoom: 1;
  6516. *display: inline;
  6517. position: relative;
  6518. margin: 7px;
  6519. -webkit-border-radius: 5px;
  6520. -moz-border-radius: 5px;
  6521. border-radius: 5px;
  6522. -webkit-background-clip: padding-box;
  6523. -moz-background-clip: padding;
  6524. background-clip: padding-box;
  6525. background-color: #FFF;
  6526. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6527. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6528. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6529. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6530. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6531. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6532. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6533. display: block;
  6534. margin: 0 auto;
  6535. }
  6536. article.search-performance.view-mode-cardfull {
  6537. width: 850px;
  6538. height: 115px;
  6539. display: moz-inline-stack;
  6540. display: inline-block;
  6541. vertical-align: top;
  6542. zoom: 1;
  6543. *display: inline;
  6544. position: relative;
  6545. margin: 7px;
  6546. -webkit-border-radius: 5px;
  6547. -moz-border-radius: 5px;
  6548. border-radius: 5px;
  6549. -webkit-background-clip: padding-box;
  6550. -moz-background-clip: padding;
  6551. background-clip: padding-box;
  6552. background-color: #FFF;
  6553. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6554. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6555. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6556. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6557. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6558. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6559. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6560. display: block;
  6561. margin: 0 auto;
  6562. }
  6563. article.search-performance.view-mode-cardfull .inner {
  6564. padding: 1em 212px;
  6565. }
  6566. /** CARD BOOKMARKS */
  6567. article.node-materiau.vm-bookmark,
  6568. article.node-breve.vm-bookmark {
  6569. width: 50px;
  6570. height: 70px;
  6571. display: moz-inline-stack;
  6572. display: inline-block;
  6573. vertical-align: top;
  6574. zoom: 1;
  6575. *display: inline;
  6576. position: relative;
  6577. margin: 7px;
  6578. -webkit-border-radius: 5px;
  6579. -moz-border-radius: 5px;
  6580. border-radius: 5px;
  6581. -webkit-background-clip: padding-box;
  6582. -moz-background-clip: padding;
  6583. background-clip: padding-box;
  6584. background-color: #FFF;
  6585. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6586. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6587. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6588. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6589. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6590. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6591. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6592. margin: 3px;
  6593. }
  6594. article.node-materiau.vm-bookmark > div.side,
  6595. article.node-breve.vm-bookmark > div.side {
  6596. -webkit-border-radius: 5px;
  6597. -moz-border-radius: 5px;
  6598. border-radius: 5px;
  6599. -webkit-background-clip: padding-box;
  6600. -moz-background-clip: padding;
  6601. background-clip: padding-box;
  6602. overflow: hidden;
  6603. }
  6604. article.node-materiau.vm-bookmark.focused,
  6605. article.node-breve.vm-bookmark.focused {
  6606. -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  6607. -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  6608. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  6609. }
  6610. article.node-materiau.vm-bookmark.just-added,
  6611. article.node-breve.vm-bookmark.just-added {
  6612. filter: alpha(opacity=0);
  6613. -webkit-opacity: 0;
  6614. -khtml-opacity: 0;
  6615. -moz-opacity: 0;
  6616. opacity: 0;
  6617. }
  6618. article.node-materiau.vm-bookmark.associated,
  6619. article.node-breve.vm-bookmark.associated {
  6620. -webkit-transition: margin 0.3s ease-out;
  6621. -moz-transition: margin 0.3s ease-out;
  6622. -o-transition: margin 0.3s ease-out;
  6623. transition: margin 0.3s ease-out;
  6624. }
  6625. article.node-materiau.vm-bookmark.associated.just-added,
  6626. article.node-breve.vm-bookmark.associated.just-added {
  6627. margin-left: -50px;
  6628. margin-right: 50px;
  6629. }
  6630. .modal-content article.node-materiau.vm-bookmark.associated,
  6631. .modal-content article.node-breve.vm-bookmark.associated {
  6632. position: absolute;
  6633. top: 0;
  6634. left: 0;
  6635. z-index: 999;
  6636. }
  6637. article.node-materiau.vm-bookmark.removed,
  6638. article.node-breve.vm-bookmark.removed {
  6639. -webkit-transition: width 0.3s ease-out;
  6640. -moz-transition: width 0.3s ease-out;
  6641. -o-transition: width 0.3s ease-out;
  6642. transition: width 0.3s ease-out;
  6643. width: 0;
  6644. padding-left: 0;
  6645. padding-right: 0;
  6646. margin-right: 0;
  6647. margin-left: 0;
  6648. overflow: hidden;
  6649. }
  6650. article.node-materiau.vm-bookmark nav.nav,
  6651. article.node-breve.vm-bookmark nav.nav {
  6652. position: absolute;
  6653. top: 0;
  6654. right: 0;
  6655. z-index: 11;
  6656. padding: 5px 0;
  6657. -webkit-border-radius: 0 5px 0 3px;
  6658. -moz-border-radius: 0 5px 0 3px;
  6659. border-radius: 0 5px 0 3px;
  6660. -webkit-background-clip: padding-box;
  6661. -moz-background-clip: padding;
  6662. background-clip: padding-box;
  6663. font-size: 10px;
  6664. background-color: #ffffff;
  6665. background-color: rgba(255, 255, 255, 0.9);
  6666. *background-color: #ffffff;
  6667. color: #000;
  6668. }
  6669. article.node-materiau.vm-bookmark nav.nav a,
  6670. article.node-breve.vm-bookmark nav.nav a {
  6671. color: #000;
  6672. }
  6673. article.node-materiau.vm-bookmark nav.nav ul,
  6674. article.node-breve.vm-bookmark nav.nav ul {
  6675. background-color: #ffffff;
  6676. background-color: rgba(255, 255, 255, 0.9);
  6677. *background-color: #ffffff;
  6678. }
  6679. article.node-materiau.vm-bookmark nav.nav span.op,
  6680. article.node-breve.vm-bookmark nav.nav span.op {
  6681. font-weight: 900;
  6682. font-size: 14px;
  6683. }
  6684. article.node-materiau.vm-bookmark nav.nav ul,
  6685. article.node-breve.vm-bookmark nav.nav ul {
  6686. padding: 0;
  6687. margin: 0;
  6688. }
  6689. article.node-materiau.vm-bookmark nav.nav section,
  6690. article.node-breve.vm-bookmark nav.nav section {
  6691. position: relative;
  6692. }
  6693. article.node-materiau.vm-bookmark nav.nav section > i,
  6694. article.node-breve.vm-bookmark nav.nav section > i {
  6695. margin: 0 5px;
  6696. }
  6697. article.node-materiau.vm-bookmark nav.nav section > i:hover,
  6698. article.node-breve.vm-bookmark nav.nav section > i:hover {
  6699. cursor: pointer;
  6700. }
  6701. article.node-materiau.vm-bookmark nav.nav ul,
  6702. article.node-breve.vm-bookmark nav.nav ul {
  6703. position: absolute;
  6704. right: 0;
  6705. top: 0;
  6706. margin-right: 22px;
  6707. min-width: 80px;
  6708. padding: 0;
  6709. display: block;
  6710. -webkit-border-radius: 3px;
  6711. -moz-border-radius: 3px;
  6712. border-radius: 3px;
  6713. -webkit-background-clip: padding-box;
  6714. -moz-background-clip: padding;
  6715. background-clip: padding-box;
  6716. -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  6717. -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  6718. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  6719. }
  6720. article.node-materiau.vm-bookmark nav.nav ul li,
  6721. article.node-breve.vm-bookmark nav.nav ul li {
  6722. padding: 0;
  6723. margin: 0;
  6724. line-height: 1;
  6725. display: block;
  6726. height: 0;
  6727. overflow: hidden;
  6728. -webkit-transition: height 0.2s ease-out;
  6729. -moz-transition: height 0.2s ease-out;
  6730. -o-transition: height 0.2s ease-out;
  6731. transition: height 0.2s ease-out;
  6732. }
  6733. article.node-materiau.vm-bookmark nav.nav ul li a,
  6734. article.node-breve.vm-bookmark nav.nav ul li a {
  6735. display: block;
  6736. }
  6737. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links,
  6738. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links {
  6739. width: 160px;
  6740. font-size: 0;
  6741. }
  6742. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links > *,
  6743. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links > * {
  6744. font-size: 11px;
  6745. }
  6746. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li,
  6747. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li {
  6748. display: moz-inline-stack;
  6749. display: inline-block;
  6750. vertical-align: top;
  6751. zoom: 1;
  6752. *display: inline;
  6753. min-width: 48%;
  6754. max-width: 98%;
  6755. padding-left: 2px;
  6756. }
  6757. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a,
  6758. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a {
  6759. color: #a6a6a6;
  6760. -webkit-transition: color 0.2s ease-out;
  6761. -moz-transition: color 0.2s ease-out;
  6762. -o-transition: color 0.2s ease-out;
  6763. transition: color 0.2s ease-out;
  6764. }
  6765. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover,
  6766. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover,
  6767. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action,
  6768. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action {
  6769. color: #000;
  6770. text-decoration: none;
  6771. }
  6772. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create,
  6773. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  6774. display: block;
  6775. width: 100%;
  6776. }
  6777. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create > *,
  6778. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  6779. margin-top: 1px;
  6780. padding-top: 1px;
  6781. border-top: 1px solid #e6e6e6;
  6782. }
  6783. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create a,
  6784. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  6785. color: #000;
  6786. }
  6787. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading,
  6788. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading {
  6789. background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
  6790. }
  6791. article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading a,
  6792. article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li.loading a {
  6793. visibility: hidden;
  6794. }
  6795. .ie8 article.node-materiau.vm-bookmark nav.nav ul,
  6796. .ie8 article.node-breve.vm-bookmark nav.nav ul {
  6797. background: #FFF;
  6798. }
  6799. article.node-materiau.vm-bookmark nav.nav section:hover ul,
  6800. article.node-breve.vm-bookmark nav.nav section:hover ul {
  6801. padding: 5px 5px;
  6802. }
  6803. article.node-materiau.vm-bookmark nav.nav section:hover ul li,
  6804. article.node-breve.vm-bookmark nav.nav section:hover ul li {
  6805. height: 17px;
  6806. }
  6807. article.node-materiau.vm-bookmark div.workflow,
  6808. article.node-breve.vm-bookmark div.workflow {
  6809. position: absolute;
  6810. top: 0;
  6811. left: 0;
  6812. z-index: 11;
  6813. padding: 5px;
  6814. -webkit-border-radius: 5px 0 3px 0;
  6815. -moz-border-radius: 5px 0 3px 0;
  6816. border-radius: 5px 0 3px 0;
  6817. -webkit-background-clip: padding-box;
  6818. -moz-background-clip: padding;
  6819. background-clip: padding-box;
  6820. font-size: 10px;
  6821. vertical-align: top;
  6822. background-color: #ffffff;
  6823. background-color: rgba(255, 255, 255, 0.9);
  6824. *background-color: #ffffff;
  6825. color: #000;
  6826. }
  6827. article.node-materiau.vm-bookmark div.workflow span,
  6828. article.node-breve.vm-bookmark div.workflow span {
  6829. padding: 3px 0 0 4px;
  6830. display: moz-inline-stack;
  6831. display: inline-block;
  6832. vertical-align: top;
  6833. zoom: 1;
  6834. *display: inline;
  6835. }
  6836. article.node-materiau.vm-bookmark .field-name-field-description .upgrade,
  6837. article.node-breve.vm-bookmark .field-name-field-description .upgrade {
  6838. font-size: 12px;
  6839. padding-top: 4em;
  6840. margin-top: -4.5em;
  6841. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 4em);
  6842. position: relative;
  6843. }
  6844. article.node-materiau.vm-bookmark .side.oops p,
  6845. article.node-breve.vm-bookmark .side.oops p,
  6846. article.node-materiau.vm-bookmark .side .upgrade p,
  6847. article.node-breve.vm-bookmark .side .upgrade p {
  6848. padding: 10px;
  6849. font-size: 12px;
  6850. }
  6851. article.node-materiau.vm-bookmark .side.oops p a,
  6852. article.node-breve.vm-bookmark .side.oops p a,
  6853. article.node-materiau.vm-bookmark .side .upgrade p a,
  6854. article.node-breve.vm-bookmark .side .upgrade p a {
  6855. display: block;
  6856. margin: 10px 0;
  6857. font-size: 18px;
  6858. padding: 0.1em 0.6em 0.2em;
  6859. -webkit-border-radius: 0.3em;
  6860. -moz-border-radius: 0.3em;
  6861. border-radius: 0.3em;
  6862. -webkit-background-clip: padding-box;
  6863. -moz-background-clip: padding;
  6864. background-clip: padding-box;
  6865. font-weight: bold;
  6866. border: 2px solid #69CDCF;
  6867. background-color: #69cdcf;
  6868. color: #fff;
  6869. cursor: pointer;
  6870. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  6871. -webkit-transition: text-shadow 0.2s ease-out;
  6872. -moz-transition: text-shadow 0.2s ease-out;
  6873. -o-transition: text-shadow 0.2s ease-out;
  6874. transition: text-shadow 0.2s ease-out;
  6875. text-align: center;
  6876. text-decoration: none;
  6877. }
  6878. article.node-materiau.vm-bookmark .side.oops p a:hover,
  6879. article.node-breve.vm-bookmark .side.oops p a:hover,
  6880. article.node-materiau.vm-bookmark .side .upgrade p a:hover,
  6881. article.node-breve.vm-bookmark .side .upgrade p a:hover,
  6882. article.node-materiau.vm-bookmark .side.oops p a:focus,
  6883. article.node-breve.vm-bookmark .side.oops p a:focus,
  6884. article.node-materiau.vm-bookmark .side .upgrade p a:focus,
  6885. article.node-breve.vm-bookmark .side .upgrade p a:focus {
  6886. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  6887. }
  6888. article.node-materiau.vm-bookmark .side.oops p a:active,
  6889. article.node-breve.vm-bookmark .side.oops p a:active,
  6890. article.node-materiau.vm-bookmark .side .upgrade p a:active,
  6891. article.node-breve.vm-bookmark .side .upgrade p a:active {
  6892. -webkit-transition: text-shadow 0s ease-out;
  6893. -moz-transition: text-shadow 0s ease-out;
  6894. -o-transition: text-shadow 0s ease-out;
  6895. transition: text-shadow 0s ease-out;
  6896. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  6897. }
  6898. article.node-materiau.vm-bookmark .group-header,
  6899. article.node-breve.vm-bookmark .group-header {
  6900. display: none;
  6901. }
  6902. article.node-materiau.vm-bookmark .group-images,
  6903. article.node-breve.vm-bookmark .group-images {
  6904. position: relative;
  6905. z-index: 1;
  6906. background-color: #ffffff;
  6907. }
  6908. article.node-materiau.vm-bookmark .group-images figure,
  6909. article.node-breve.vm-bookmark .group-images figure {
  6910. position: absolute;
  6911. top: 0;
  6912. left: 0;
  6913. }
  6914. article.node-materiau.vm-bookmark .group-images figure:first-child,
  6915. article.node-breve.vm-bookmark .group-images figure:first-child {
  6916. position: relative;
  6917. z-index: 1;
  6918. }
  6919. article.node-materiau.vm-bookmark div.workflow,
  6920. article.node-breve.vm-bookmark div.workflow {
  6921. display: none;
  6922. }
  6923. /** CARD SMALL */
  6924. article.node-materiau.vm-cardsmall,
  6925. article.node-breve.vm-cardsmall {
  6926. width: 100px;
  6927. height: 140px;
  6928. display: moz-inline-stack;
  6929. display: inline-block;
  6930. vertical-align: top;
  6931. zoom: 1;
  6932. *display: inline;
  6933. position: relative;
  6934. margin: 7px;
  6935. -webkit-border-radius: 5px;
  6936. -moz-border-radius: 5px;
  6937. border-radius: 5px;
  6938. -webkit-background-clip: padding-box;
  6939. -moz-background-clip: padding;
  6940. background-clip: padding-box;
  6941. background-color: #FFF;
  6942. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6943. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6944. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  6945. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6946. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6947. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6948. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  6949. }
  6950. article.node-materiau.vm-cardsmall > div.side,
  6951. article.node-breve.vm-cardsmall > div.side {
  6952. -webkit-border-radius: 5px;
  6953. -moz-border-radius: 5px;
  6954. border-radius: 5px;
  6955. -webkit-background-clip: padding-box;
  6956. -moz-background-clip: padding;
  6957. background-clip: padding-box;
  6958. overflow: hidden;
  6959. }
  6960. article.node-materiau.vm-cardsmall.focused,
  6961. article.node-breve.vm-cardsmall.focused {
  6962. -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  6963. -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  6964. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  6965. }
  6966. article.node-materiau.vm-cardsmall.just-added,
  6967. article.node-breve.vm-cardsmall.just-added {
  6968. filter: alpha(opacity=0);
  6969. -webkit-opacity: 0;
  6970. -khtml-opacity: 0;
  6971. -moz-opacity: 0;
  6972. opacity: 0;
  6973. }
  6974. article.node-materiau.vm-cardsmall.associated,
  6975. article.node-breve.vm-cardsmall.associated {
  6976. -webkit-transition: margin 0.3s ease-out;
  6977. -moz-transition: margin 0.3s ease-out;
  6978. -o-transition: margin 0.3s ease-out;
  6979. transition: margin 0.3s ease-out;
  6980. }
  6981. article.node-materiau.vm-cardsmall.associated.just-added,
  6982. article.node-breve.vm-cardsmall.associated.just-added {
  6983. margin-left: -100px;
  6984. margin-right: 100px;
  6985. }
  6986. .modal-content article.node-materiau.vm-cardsmall.associated,
  6987. .modal-content article.node-breve.vm-cardsmall.associated {
  6988. position: absolute;
  6989. top: 0;
  6990. left: 0;
  6991. z-index: 999;
  6992. }
  6993. article.node-materiau.vm-cardsmall.removed,
  6994. article.node-breve.vm-cardsmall.removed {
  6995. -webkit-transition: width 0.3s ease-out;
  6996. -moz-transition: width 0.3s ease-out;
  6997. -o-transition: width 0.3s ease-out;
  6998. transition: width 0.3s ease-out;
  6999. width: 0;
  7000. padding-left: 0;
  7001. padding-right: 0;
  7002. margin-right: 0;
  7003. margin-left: 0;
  7004. overflow: hidden;
  7005. }
  7006. article.node-materiau.vm-cardsmall nav.nav,
  7007. article.node-breve.vm-cardsmall nav.nav {
  7008. position: absolute;
  7009. top: 0;
  7010. right: 0;
  7011. z-index: 11;
  7012. padding: 5px 0;
  7013. -webkit-border-radius: 0 5px 0 3px;
  7014. -moz-border-radius: 0 5px 0 3px;
  7015. border-radius: 0 5px 0 3px;
  7016. -webkit-background-clip: padding-box;
  7017. -moz-background-clip: padding;
  7018. background-clip: padding-box;
  7019. font-size: 10px;
  7020. background-color: #ffffff;
  7021. background-color: rgba(255, 255, 255, 0.9);
  7022. *background-color: #ffffff;
  7023. color: #000;
  7024. }
  7025. article.node-materiau.vm-cardsmall nav.nav a,
  7026. article.node-breve.vm-cardsmall nav.nav a {
  7027. color: #000;
  7028. }
  7029. article.node-materiau.vm-cardsmall nav.nav ul,
  7030. article.node-breve.vm-cardsmall nav.nav ul {
  7031. background-color: #ffffff;
  7032. background-color: rgba(255, 255, 255, 0.9);
  7033. *background-color: #ffffff;
  7034. }
  7035. article.node-materiau.vm-cardsmall nav.nav span.op,
  7036. article.node-breve.vm-cardsmall nav.nav span.op {
  7037. font-weight: 900;
  7038. font-size: 14px;
  7039. }
  7040. article.node-materiau.vm-cardsmall nav.nav ul,
  7041. article.node-breve.vm-cardsmall nav.nav ul {
  7042. padding: 0;
  7043. margin: 0;
  7044. }
  7045. article.node-materiau.vm-cardsmall nav.nav section,
  7046. article.node-breve.vm-cardsmall nav.nav section {
  7047. position: relative;
  7048. }
  7049. article.node-materiau.vm-cardsmall nav.nav section > i,
  7050. article.node-breve.vm-cardsmall nav.nav section > i {
  7051. margin: 0 5px;
  7052. }
  7053. article.node-materiau.vm-cardsmall nav.nav section > i:hover,
  7054. article.node-breve.vm-cardsmall nav.nav section > i:hover {
  7055. cursor: pointer;
  7056. }
  7057. article.node-materiau.vm-cardsmall nav.nav ul,
  7058. article.node-breve.vm-cardsmall nav.nav ul {
  7059. position: absolute;
  7060. right: 0;
  7061. top: 0;
  7062. margin-right: 22px;
  7063. min-width: 80px;
  7064. padding: 0;
  7065. display: block;
  7066. -webkit-border-radius: 3px;
  7067. -moz-border-radius: 3px;
  7068. border-radius: 3px;
  7069. -webkit-background-clip: padding-box;
  7070. -moz-background-clip: padding;
  7071. background-clip: padding-box;
  7072. -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  7073. -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  7074. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  7075. }
  7076. article.node-materiau.vm-cardsmall nav.nav ul li,
  7077. article.node-breve.vm-cardsmall nav.nav ul li {
  7078. padding: 0;
  7079. margin: 0;
  7080. line-height: 1;
  7081. display: block;
  7082. height: 0;
  7083. overflow: hidden;
  7084. -webkit-transition: height 0.2s ease-out;
  7085. -moz-transition: height 0.2s ease-out;
  7086. -o-transition: height 0.2s ease-out;
  7087. transition: height 0.2s ease-out;
  7088. }
  7089. article.node-materiau.vm-cardsmall nav.nav ul li a,
  7090. article.node-breve.vm-cardsmall nav.nav ul li a {
  7091. display: block;
  7092. }
  7093. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links,
  7094. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links {
  7095. width: 160px;
  7096. font-size: 0;
  7097. }
  7098. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links > *,
  7099. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links > * {
  7100. font-size: 11px;
  7101. }
  7102. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li,
  7103. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li {
  7104. display: moz-inline-stack;
  7105. display: inline-block;
  7106. vertical-align: top;
  7107. zoom: 1;
  7108. *display: inline;
  7109. min-width: 48%;
  7110. max-width: 98%;
  7111. padding-left: 2px;
  7112. }
  7113. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a,
  7114. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a {
  7115. color: #a6a6a6;
  7116. -webkit-transition: color 0.2s ease-out;
  7117. -moz-transition: color 0.2s ease-out;
  7118. -o-transition: color 0.2s ease-out;
  7119. transition: color 0.2s ease-out;
  7120. }
  7121. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover,
  7122. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover,
  7123. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action,
  7124. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action {
  7125. color: #000;
  7126. text-decoration: none;
  7127. }
  7128. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create,
  7129. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  7130. display: block;
  7131. width: 100%;
  7132. }
  7133. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create > *,
  7134. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  7135. margin-top: 1px;
  7136. padding-top: 1px;
  7137. border-top: 1px solid #e6e6e6;
  7138. }
  7139. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create a,
  7140. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  7141. color: #000;
  7142. }
  7143. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading,
  7144. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading {
  7145. background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
  7146. }
  7147. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading a,
  7148. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li.loading a {
  7149. visibility: hidden;
  7150. }
  7151. .ie8 article.node-materiau.vm-cardsmall nav.nav ul,
  7152. .ie8 article.node-breve.vm-cardsmall nav.nav ul {
  7153. background: #FFF;
  7154. }
  7155. article.node-materiau.vm-cardsmall nav.nav section:hover ul,
  7156. article.node-breve.vm-cardsmall nav.nav section:hover ul {
  7157. padding: 5px 5px;
  7158. }
  7159. article.node-materiau.vm-cardsmall nav.nav section:hover ul li,
  7160. article.node-breve.vm-cardsmall nav.nav section:hover ul li {
  7161. height: 17px;
  7162. }
  7163. article.node-materiau.vm-cardsmall div.workflow,
  7164. article.node-breve.vm-cardsmall div.workflow {
  7165. position: absolute;
  7166. top: 0;
  7167. left: 0;
  7168. z-index: 11;
  7169. padding: 5px;
  7170. -webkit-border-radius: 5px 0 3px 0;
  7171. -moz-border-radius: 5px 0 3px 0;
  7172. border-radius: 5px 0 3px 0;
  7173. -webkit-background-clip: padding-box;
  7174. -moz-background-clip: padding;
  7175. background-clip: padding-box;
  7176. font-size: 10px;
  7177. vertical-align: top;
  7178. background-color: #ffffff;
  7179. background-color: rgba(255, 255, 255, 0.9);
  7180. *background-color: #ffffff;
  7181. color: #000;
  7182. }
  7183. article.node-materiau.vm-cardsmall div.workflow span,
  7184. article.node-breve.vm-cardsmall div.workflow span {
  7185. padding: 3px 0 0 4px;
  7186. display: moz-inline-stack;
  7187. display: inline-block;
  7188. vertical-align: top;
  7189. zoom: 1;
  7190. *display: inline;
  7191. }
  7192. article.node-materiau.vm-cardsmall .field-name-field-description .upgrade,
  7193. article.node-breve.vm-cardsmall .field-name-field-description .upgrade {
  7194. font-size: 12px;
  7195. padding-top: 4em;
  7196. margin-top: -4.5em;
  7197. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 4em);
  7198. position: relative;
  7199. }
  7200. article.node-materiau.vm-cardsmall .side.oops p,
  7201. article.node-breve.vm-cardsmall .side.oops p,
  7202. article.node-materiau.vm-cardsmall .side .upgrade p,
  7203. article.node-breve.vm-cardsmall .side .upgrade p {
  7204. padding: 10px;
  7205. font-size: 12px;
  7206. }
  7207. article.node-materiau.vm-cardsmall .side.oops p a,
  7208. article.node-breve.vm-cardsmall .side.oops p a,
  7209. article.node-materiau.vm-cardsmall .side .upgrade p a,
  7210. article.node-breve.vm-cardsmall .side .upgrade p a {
  7211. display: block;
  7212. margin: 10px 0;
  7213. font-size: 18px;
  7214. padding: 0.1em 0.6em 0.2em;
  7215. -webkit-border-radius: 0.3em;
  7216. -moz-border-radius: 0.3em;
  7217. border-radius: 0.3em;
  7218. -webkit-background-clip: padding-box;
  7219. -moz-background-clip: padding;
  7220. background-clip: padding-box;
  7221. font-weight: bold;
  7222. border: 2px solid #69CDCF;
  7223. background-color: #69cdcf;
  7224. color: #fff;
  7225. cursor: pointer;
  7226. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7227. -webkit-transition: text-shadow 0.2s ease-out;
  7228. -moz-transition: text-shadow 0.2s ease-out;
  7229. -o-transition: text-shadow 0.2s ease-out;
  7230. transition: text-shadow 0.2s ease-out;
  7231. text-align: center;
  7232. text-decoration: none;
  7233. }
  7234. article.node-materiau.vm-cardsmall .side.oops p a:hover,
  7235. article.node-breve.vm-cardsmall .side.oops p a:hover,
  7236. article.node-materiau.vm-cardsmall .side .upgrade p a:hover,
  7237. article.node-breve.vm-cardsmall .side .upgrade p a:hover,
  7238. article.node-materiau.vm-cardsmall .side.oops p a:focus,
  7239. article.node-breve.vm-cardsmall .side.oops p a:focus,
  7240. article.node-materiau.vm-cardsmall .side .upgrade p a:focus,
  7241. article.node-breve.vm-cardsmall .side .upgrade p a:focus {
  7242. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  7243. }
  7244. article.node-materiau.vm-cardsmall .side.oops p a:active,
  7245. article.node-breve.vm-cardsmall .side.oops p a:active,
  7246. article.node-materiau.vm-cardsmall .side .upgrade p a:active,
  7247. article.node-breve.vm-cardsmall .side .upgrade p a:active {
  7248. -webkit-transition: text-shadow 0s ease-out;
  7249. -moz-transition: text-shadow 0s ease-out;
  7250. -o-transition: text-shadow 0s ease-out;
  7251. transition: text-shadow 0s ease-out;
  7252. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7253. }
  7254. article.node-materiau.vm-cardsmall .group-header,
  7255. article.node-breve.vm-cardsmall .group-header {
  7256. display: none;
  7257. position: absolute;
  7258. font-size: 14px;
  7259. font-weight: 500;
  7260. }
  7261. article.node-materiau.vm-cardsmall .group-header .field-name-title-field,
  7262. article.node-breve.vm-cardsmall .group-header .field-name-title-field {
  7263. font-weight: 700;
  7264. }
  7265. article.node-materiau.vm-cardsmall .group-header .field-name-field-reference-materio,
  7266. article.node-breve.vm-cardsmall .group-header .field-name-field-reference-materio,
  7267. article.node-materiau.vm-cardsmall .group-header .field-name-field-localisation,
  7268. article.node-breve.vm-cardsmall .group-header .field-name-field-localisation {
  7269. display: moz-inline-stack;
  7270. display: inline-block;
  7271. vertical-align: top;
  7272. zoom: 1;
  7273. *display: inline;
  7274. font-size: 12px;
  7275. }
  7276. article.node-materiau.vm-cardsmall .group-header .field-name-field-localisation,
  7277. article.node-breve.vm-cardsmall .group-header .field-name-field-localisation {
  7278. float: right;
  7279. }
  7280. article.node-materiau.vm-cardsmall .group-images,
  7281. article.node-breve.vm-cardsmall .group-images {
  7282. position: relative;
  7283. z-index: 1;
  7284. background-color: #ffffff;
  7285. -webkit-border-radius: 5px;
  7286. -moz-border-radius: 5px;
  7287. border-radius: 5px;
  7288. -webkit-background-clip: padding-box;
  7289. -moz-background-clip: padding;
  7290. background-clip: padding-box;
  7291. overflow: hidden;
  7292. }
  7293. article.node-materiau.vm-cardsmall .group-images figure,
  7294. article.node-breve.vm-cardsmall .group-images figure {
  7295. position: absolute;
  7296. top: 0;
  7297. left: 0;
  7298. }
  7299. article.node-materiau.vm-cardsmall .group-images figure:first-child,
  7300. article.node-breve.vm-cardsmall .group-images figure:first-child {
  7301. position: relative;
  7302. z-index: 1;
  7303. }
  7304. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links,
  7305. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links {
  7306. width: 75px;
  7307. min-width: 75px;
  7308. }
  7309. article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li,
  7310. article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li {
  7311. width: 98%;
  7312. }
  7313. .ie8 article.node-materiau.vm-cardsmall nav.nav,
  7314. .ie8 article.node-breve.vm-cardsmall nav.nav {
  7315. background: #ffffff;
  7316. }
  7317. .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav,
  7318. .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav {
  7319. visibility: hidden;
  7320. }
  7321. .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *,
  7322. .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * {
  7323. margin-top: -100000px;
  7324. }
  7325. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav,
  7326. .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav {
  7327. filter: alpha(opacity=0);
  7328. -webkit-opacity: 0;
  7329. -khtml-opacity: 0;
  7330. -moz-opacity: 0;
  7331. opacity: 0;
  7332. -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7333. -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7334. -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7335. transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7336. }
  7337. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *,
  7338. .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * {
  7339. -webkit-transition: margin-top 0s 0.3s;
  7340. -moz-transition: margin-top 0s 0.3s;
  7341. -o-transition: margin-top 0s 0.3s;
  7342. transition: margin-top 0s 0.3s;
  7343. }
  7344. .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow,
  7345. .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
  7346. visibility: hidden;
  7347. }
  7348. .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *,
  7349. .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * {
  7350. margin-top: -100000px;
  7351. }
  7352. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow,
  7353. .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
  7354. filter: alpha(opacity=0);
  7355. -webkit-opacity: 0;
  7356. -khtml-opacity: 0;
  7357. -moz-opacity: 0;
  7358. opacity: 0;
  7359. -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7360. -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7361. -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7362. transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  7363. }
  7364. .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *,
  7365. .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * {
  7366. -webkit-transition: margin-top 0s 0.3s;
  7367. -moz-transition: margin-top 0s 0.3s;
  7368. -o-transition: margin-top 0s 0.3s;
  7369. transition: margin-top 0s 0.3s;
  7370. }
  7371. /** TOOLTIP SMALL CARD */
  7372. #tooltip .group-header.smallcard {
  7373. font-size: 14px;
  7374. font-weight: 500;
  7375. }
  7376. #tooltip .group-header.smallcard .field-name-title-field {
  7377. font-weight: 700;
  7378. }
  7379. #tooltip .group-header.smallcard .field-name-field-reference-materio,
  7380. #tooltip .group-header.smallcard .field-name-field-localisation {
  7381. display: moz-inline-stack;
  7382. display: inline-block;
  7383. vertical-align: top;
  7384. zoom: 1;
  7385. *display: inline;
  7386. font-size: 12px;
  7387. }
  7388. #tooltip .group-header.smallcard .field-name-field-localisation {
  7389. float: right;
  7390. }
  7391. /** CARD MEDIUM */
  7392. article.node-materiau.vm-cardmedium,
  7393. article.node-breve.vm-cardmedium {
  7394. width: 210px;
  7395. height: 295px;
  7396. display: moz-inline-stack;
  7397. display: inline-block;
  7398. vertical-align: top;
  7399. zoom: 1;
  7400. *display: inline;
  7401. position: relative;
  7402. margin: 7px;
  7403. -webkit-border-radius: 5px;
  7404. -moz-border-radius: 5px;
  7405. border-radius: 5px;
  7406. -webkit-background-clip: padding-box;
  7407. -moz-background-clip: padding;
  7408. background-clip: padding-box;
  7409. background-color: #FFF;
  7410. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7411. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7412. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7413. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  7414. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  7415. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  7416. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  7417. }
  7418. article.node-materiau.vm-cardmedium > div.side,
  7419. article.node-breve.vm-cardmedium > div.side {
  7420. -webkit-border-radius: 5px;
  7421. -moz-border-radius: 5px;
  7422. border-radius: 5px;
  7423. -webkit-background-clip: padding-box;
  7424. -moz-background-clip: padding;
  7425. background-clip: padding-box;
  7426. overflow: hidden;
  7427. }
  7428. article.node-materiau.vm-cardmedium.focused,
  7429. article.node-breve.vm-cardmedium.focused {
  7430. -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  7431. -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  7432. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  7433. }
  7434. article.node-materiau.vm-cardmedium.just-added,
  7435. article.node-breve.vm-cardmedium.just-added {
  7436. filter: alpha(opacity=0);
  7437. -webkit-opacity: 0;
  7438. -khtml-opacity: 0;
  7439. -moz-opacity: 0;
  7440. opacity: 0;
  7441. }
  7442. article.node-materiau.vm-cardmedium.associated,
  7443. article.node-breve.vm-cardmedium.associated {
  7444. -webkit-transition: margin 0.3s ease-out;
  7445. -moz-transition: margin 0.3s ease-out;
  7446. -o-transition: margin 0.3s ease-out;
  7447. transition: margin 0.3s ease-out;
  7448. }
  7449. article.node-materiau.vm-cardmedium.associated.just-added,
  7450. article.node-breve.vm-cardmedium.associated.just-added {
  7451. margin-left: -210px;
  7452. margin-right: 210px;
  7453. }
  7454. .modal-content article.node-materiau.vm-cardmedium.associated,
  7455. .modal-content article.node-breve.vm-cardmedium.associated {
  7456. position: absolute;
  7457. top: 0;
  7458. left: 0;
  7459. z-index: 999;
  7460. }
  7461. article.node-materiau.vm-cardmedium.removed,
  7462. article.node-breve.vm-cardmedium.removed {
  7463. -webkit-transition: width 0.3s ease-out;
  7464. -moz-transition: width 0.3s ease-out;
  7465. -o-transition: width 0.3s ease-out;
  7466. transition: width 0.3s ease-out;
  7467. width: 0;
  7468. padding-left: 0;
  7469. padding-right: 0;
  7470. margin-right: 0;
  7471. margin-left: 0;
  7472. overflow: hidden;
  7473. }
  7474. article.node-materiau.vm-cardmedium nav.nav,
  7475. article.node-breve.vm-cardmedium nav.nav {
  7476. position: absolute;
  7477. top: 0;
  7478. right: 0;
  7479. z-index: 11;
  7480. padding: 5px 0;
  7481. -webkit-border-radius: 0 5px 0 3px;
  7482. -moz-border-radius: 0 5px 0 3px;
  7483. border-radius: 0 5px 0 3px;
  7484. -webkit-background-clip: padding-box;
  7485. -moz-background-clip: padding;
  7486. background-clip: padding-box;
  7487. font-size: 10px;
  7488. background-color: #ffffff;
  7489. background-color: rgba(255, 255, 255, 0.9);
  7490. *background-color: #ffffff;
  7491. color: #000;
  7492. }
  7493. article.node-materiau.vm-cardmedium nav.nav a,
  7494. article.node-breve.vm-cardmedium nav.nav a {
  7495. color: #000;
  7496. }
  7497. article.node-materiau.vm-cardmedium nav.nav ul,
  7498. article.node-breve.vm-cardmedium nav.nav ul {
  7499. background-color: #ffffff;
  7500. background-color: rgba(255, 255, 255, 0.9);
  7501. *background-color: #ffffff;
  7502. }
  7503. article.node-materiau.vm-cardmedium nav.nav span.op,
  7504. article.node-breve.vm-cardmedium nav.nav span.op {
  7505. font-weight: 900;
  7506. font-size: 14px;
  7507. }
  7508. article.node-materiau.vm-cardmedium nav.nav ul,
  7509. article.node-breve.vm-cardmedium nav.nav ul {
  7510. padding: 0;
  7511. margin: 0;
  7512. }
  7513. article.node-materiau.vm-cardmedium nav.nav section,
  7514. article.node-breve.vm-cardmedium nav.nav section {
  7515. position: relative;
  7516. }
  7517. article.node-materiau.vm-cardmedium nav.nav section > i,
  7518. article.node-breve.vm-cardmedium nav.nav section > i {
  7519. margin: 0 5px;
  7520. }
  7521. article.node-materiau.vm-cardmedium nav.nav section > i:hover,
  7522. article.node-breve.vm-cardmedium nav.nav section > i:hover {
  7523. cursor: pointer;
  7524. }
  7525. article.node-materiau.vm-cardmedium nav.nav ul,
  7526. article.node-breve.vm-cardmedium nav.nav ul {
  7527. position: absolute;
  7528. right: 0;
  7529. top: 0;
  7530. margin-right: 22px;
  7531. min-width: 80px;
  7532. padding: 0;
  7533. display: block;
  7534. -webkit-border-radius: 3px;
  7535. -moz-border-radius: 3px;
  7536. border-radius: 3px;
  7537. -webkit-background-clip: padding-box;
  7538. -moz-background-clip: padding;
  7539. background-clip: padding-box;
  7540. -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  7541. -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  7542. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  7543. }
  7544. article.node-materiau.vm-cardmedium nav.nav ul li,
  7545. article.node-breve.vm-cardmedium nav.nav ul li {
  7546. padding: 0;
  7547. margin: 0;
  7548. line-height: 1;
  7549. display: block;
  7550. height: 0;
  7551. overflow: hidden;
  7552. -webkit-transition: height 0.2s ease-out;
  7553. -moz-transition: height 0.2s ease-out;
  7554. -o-transition: height 0.2s ease-out;
  7555. transition: height 0.2s ease-out;
  7556. }
  7557. article.node-materiau.vm-cardmedium nav.nav ul li a,
  7558. article.node-breve.vm-cardmedium nav.nav ul li a {
  7559. display: block;
  7560. }
  7561. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links,
  7562. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links {
  7563. width: 160px;
  7564. font-size: 0;
  7565. }
  7566. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links > *,
  7567. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links > * {
  7568. font-size: 11px;
  7569. }
  7570. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li,
  7571. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li {
  7572. display: moz-inline-stack;
  7573. display: inline-block;
  7574. vertical-align: top;
  7575. zoom: 1;
  7576. *display: inline;
  7577. min-width: 48%;
  7578. max-width: 98%;
  7579. padding-left: 2px;
  7580. }
  7581. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a,
  7582. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a {
  7583. color: #a6a6a6;
  7584. -webkit-transition: color 0.2s ease-out;
  7585. -moz-transition: color 0.2s ease-out;
  7586. -o-transition: color 0.2s ease-out;
  7587. transition: color 0.2s ease-out;
  7588. }
  7589. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover,
  7590. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover,
  7591. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action,
  7592. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action {
  7593. color: #000;
  7594. text-decoration: none;
  7595. }
  7596. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create,
  7597. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  7598. display: block;
  7599. width: 100%;
  7600. }
  7601. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create > *,
  7602. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  7603. margin-top: 1px;
  7604. padding-top: 1px;
  7605. border-top: 1px solid #e6e6e6;
  7606. }
  7607. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create a,
  7608. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  7609. color: #000;
  7610. }
  7611. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading,
  7612. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading {
  7613. background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
  7614. }
  7615. article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading a,
  7616. article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li.loading a {
  7617. visibility: hidden;
  7618. }
  7619. .ie8 article.node-materiau.vm-cardmedium nav.nav ul,
  7620. .ie8 article.node-breve.vm-cardmedium nav.nav ul {
  7621. background: #FFF;
  7622. }
  7623. article.node-materiau.vm-cardmedium nav.nav section:hover ul,
  7624. article.node-breve.vm-cardmedium nav.nav section:hover ul {
  7625. padding: 5px 5px;
  7626. }
  7627. article.node-materiau.vm-cardmedium nav.nav section:hover ul li,
  7628. article.node-breve.vm-cardmedium nav.nav section:hover ul li {
  7629. height: 17px;
  7630. }
  7631. article.node-materiau.vm-cardmedium div.workflow,
  7632. article.node-breve.vm-cardmedium div.workflow {
  7633. position: absolute;
  7634. top: 0;
  7635. left: 0;
  7636. z-index: 11;
  7637. padding: 5px;
  7638. -webkit-border-radius: 5px 0 3px 0;
  7639. -moz-border-radius: 5px 0 3px 0;
  7640. border-radius: 5px 0 3px 0;
  7641. -webkit-background-clip: padding-box;
  7642. -moz-background-clip: padding;
  7643. background-clip: padding-box;
  7644. font-size: 10px;
  7645. vertical-align: top;
  7646. background-color: #ffffff;
  7647. background-color: rgba(255, 255, 255, 0.9);
  7648. *background-color: #ffffff;
  7649. color: #000;
  7650. }
  7651. article.node-materiau.vm-cardmedium div.workflow span,
  7652. article.node-breve.vm-cardmedium div.workflow span {
  7653. padding: 3px 0 0 4px;
  7654. display: moz-inline-stack;
  7655. display: inline-block;
  7656. vertical-align: top;
  7657. zoom: 1;
  7658. *display: inline;
  7659. }
  7660. article.node-materiau.vm-cardmedium .field-name-field-description .upgrade,
  7661. article.node-breve.vm-cardmedium .field-name-field-description .upgrade {
  7662. font-size: 12px;
  7663. padding-top: 4em;
  7664. margin-top: -4.5em;
  7665. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 4em);
  7666. position: relative;
  7667. }
  7668. article.node-materiau.vm-cardmedium .side.oops p,
  7669. article.node-breve.vm-cardmedium .side.oops p,
  7670. article.node-materiau.vm-cardmedium .side .upgrade p,
  7671. article.node-breve.vm-cardmedium .side .upgrade p {
  7672. padding: 10px;
  7673. font-size: 12px;
  7674. }
  7675. article.node-materiau.vm-cardmedium .side.oops p a,
  7676. article.node-breve.vm-cardmedium .side.oops p a,
  7677. article.node-materiau.vm-cardmedium .side .upgrade p a,
  7678. article.node-breve.vm-cardmedium .side .upgrade p a {
  7679. display: block;
  7680. margin: 10px 0;
  7681. font-size: 18px;
  7682. padding: 0.1em 0.6em 0.2em;
  7683. -webkit-border-radius: 0.3em;
  7684. -moz-border-radius: 0.3em;
  7685. border-radius: 0.3em;
  7686. -webkit-background-clip: padding-box;
  7687. -moz-background-clip: padding;
  7688. background-clip: padding-box;
  7689. font-weight: bold;
  7690. border: 2px solid #69CDCF;
  7691. background-color: #69cdcf;
  7692. color: #fff;
  7693. cursor: pointer;
  7694. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7695. -webkit-transition: text-shadow 0.2s ease-out;
  7696. -moz-transition: text-shadow 0.2s ease-out;
  7697. -o-transition: text-shadow 0.2s ease-out;
  7698. transition: text-shadow 0.2s ease-out;
  7699. text-align: center;
  7700. text-decoration: none;
  7701. }
  7702. article.node-materiau.vm-cardmedium .side.oops p a:hover,
  7703. article.node-breve.vm-cardmedium .side.oops p a:hover,
  7704. article.node-materiau.vm-cardmedium .side .upgrade p a:hover,
  7705. article.node-breve.vm-cardmedium .side .upgrade p a:hover,
  7706. article.node-materiau.vm-cardmedium .side.oops p a:focus,
  7707. article.node-breve.vm-cardmedium .side.oops p a:focus,
  7708. article.node-materiau.vm-cardmedium .side .upgrade p a:focus,
  7709. article.node-breve.vm-cardmedium .side .upgrade p a:focus {
  7710. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  7711. }
  7712. article.node-materiau.vm-cardmedium .side.oops p a:active,
  7713. article.node-breve.vm-cardmedium .side.oops p a:active,
  7714. article.node-materiau.vm-cardmedium .side .upgrade p a:active,
  7715. article.node-breve.vm-cardmedium .side .upgrade p a:active {
  7716. -webkit-transition: text-shadow 0s ease-out;
  7717. -moz-transition: text-shadow 0s ease-out;
  7718. -o-transition: text-shadow 0s ease-out;
  7719. transition: text-shadow 0s ease-out;
  7720. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  7721. }
  7722. article.node-materiau.vm-cardmedium .side,
  7723. article.node-breve.vm-cardmedium .side {
  7724. position: absolute;
  7725. width: 100%;
  7726. height: 100%;
  7727. top: 0;
  7728. left: 0;
  7729. background-color: #ffffff;
  7730. cursor: pointer;
  7731. }
  7732. article.node-materiau.vm-cardmedium .side:nth-child(2),
  7733. article.node-breve.vm-cardmedium .side:nth-child(2) {
  7734. z-index: 1;
  7735. }
  7736. article.node-materiau.vm-cardmedium .group-header,
  7737. article.node-breve.vm-cardmedium .group-header {
  7738. position: absolute;
  7739. bottom: 0;
  7740. z-index: 2;
  7741. width: 190px;
  7742. padding: 5px 15px 5px 5px;
  7743. min-height: 55px;
  7744. font-size: 20px;
  7745. font-weight: 300;
  7746. line-height: 1;
  7747. background-color: #ffffff;
  7748. background-color: rgba(255, 255, 255, 0.8);
  7749. *background-color: #ffffff;
  7750. text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
  7751. -webkit-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7752. -moz-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7753. -o-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7754. transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7755. -webkit-border-radius: 0 0 4px 4px;
  7756. -moz-border-radius: 0 0 4px 4px;
  7757. border-radius: 0 0 4px 4px;
  7758. -webkit-background-clip: padding-box;
  7759. -moz-background-clip: padding;
  7760. background-clip: padding-box;
  7761. overflow: hidden;
  7762. }
  7763. article.node-materiau.vm-cardmedium .group-header .field-name-title-field,
  7764. article.node-breve.vm-cardmedium .group-header .field-name-title-field {
  7765. font-weight: 700;
  7766. }
  7767. article.node-materiau.vm-cardmedium .group-header .field-name-field-nature-titre,
  7768. article.node-breve.vm-cardmedium .group-header .field-name-field-nature-titre {
  7769. font-size: 14px;
  7770. }
  7771. article.node-materiau.vm-cardmedium .group-header .field-name-field-reference-materio,
  7772. article.node-breve.vm-cardmedium .group-header .field-name-field-reference-materio,
  7773. article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation,
  7774. article.node-breve.vm-cardmedium .group-header .field-name-field-localisation,
  7775. article.node-materiau.vm-cardmedium .group-header .field-name-field-authored-on,
  7776. article.node-breve.vm-cardmedium .group-header .field-name-field-authored-on {
  7777. display: moz-inline-stack;
  7778. display: inline-block;
  7779. vertical-align: top;
  7780. zoom: 1;
  7781. *display: inline;
  7782. font-size: 12px;
  7783. vertical-align: bottom;
  7784. width: 48%;
  7785. }
  7786. article.node-materiau.vm-cardmedium .group-header .field-name-field-localisation,
  7787. article.node-breve.vm-cardmedium .group-header .field-name-field-localisation {
  7788. text-align: right;
  7789. }
  7790. .ie8 article.node-materiau.vm-cardmedium .group-header,
  7791. .ie8 article.node-breve.vm-cardmedium .group-header {
  7792. background: #fff;
  7793. font-color: #000;
  7794. line-height: 1em;
  7795. padding: 10px;
  7796. }
  7797. article.node-materiau.vm-cardmedium.node-breve .group-header,
  7798. article.node-breve.vm-cardmedium.node-breve .group-header {
  7799. color: #fff;
  7800. background-color: #000000;
  7801. background-color: rgba(0, 0, 0, 0.7);
  7802. *background-color: #000000;
  7803. text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  7804. -webkit-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7805. -moz-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7806. -o-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7807. transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  7808. }
  7809. article.node-materiau.vm-cardmedium.node-breve .group-header .field-name-field-authored-on,
  7810. article.node-breve.vm-cardmedium.node-breve .group-header .field-name-field-authored-on {
  7811. font-size: 12px;
  7812. font-weight: 500;
  7813. }
  7814. .ie8 article.node-materiau.vm-cardmedium.node-breve .group-header,
  7815. .ie8 article.node-breve.vm-cardmedium.node-breve .group-header {
  7816. background: #000;
  7817. font-size: 15px;
  7818. line-height: 1.2em;
  7819. }
  7820. article.node-materiau.vm-cardmedium .group-images,
  7821. article.node-breve.vm-cardmedium .group-images {
  7822. position: relative;
  7823. z-index: 1;
  7824. background-color: #ffffff;
  7825. }
  7826. article.node-materiau.vm-cardmedium .group-images figure,
  7827. article.node-breve.vm-cardmedium .group-images figure {
  7828. position: absolute;
  7829. top: 0;
  7830. left: 0;
  7831. }
  7832. article.node-materiau.vm-cardmedium .group-images figure:first-child,
  7833. article.node-breve.vm-cardmedium .group-images figure:first-child {
  7834. position: relative;
  7835. z-index: 1;
  7836. }
  7837. article.node-materiau.vm-cardmedium .field-name-field-description,
  7838. article.node-breve.vm-cardmedium .field-name-field-description,
  7839. article.node-materiau.vm-cardmedium .field-name-body,
  7840. article.node-breve.vm-cardmedium .field-name-body {
  7841. font-size: 12px;
  7842. font-weight: 300;
  7843. overflow: hidden;
  7844. z-index: -1;
  7845. padding: 5px;
  7846. }
  7847. article.node-materiau.vm-cardmedium .field-name-field-description.columnized,
  7848. article.node-breve.vm-cardmedium .field-name-field-description.columnized,
  7849. article.node-materiau.vm-cardmedium .field-name-body.columnized,
  7850. article.node-breve.vm-cardmedium .field-name-body.columnized {
  7851. padding: 0;
  7852. -webkit-transition: margin-left 0.3s ease-out;
  7853. -moz-transition: margin-left 0.3s ease-out;
  7854. -o-transition: margin-left 0.3s ease-out;
  7855. transition: margin-left 0.3s ease-out;
  7856. }
  7857. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column > *,
  7858. article.node-breve.vm-cardmedium .field-name-field-description.columnized .column > *,
  7859. article.node-materiau.vm-cardmedium .field-name-body.columnized .column > *,
  7860. article.node-breve.vm-cardmedium .field-name-body.columnized .column > * {
  7861. padding: 5px;
  7862. }
  7863. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher,
  7864. article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher,
  7865. article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher,
  7866. article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher {
  7867. display: inline-block;
  7868. -webkit-border-radius: 3px;
  7869. -moz-border-radius: 3px;
  7870. border-radius: 3px;
  7871. -webkit-background-clip: padding-box;
  7872. -moz-background-clip: padding;
  7873. background-clip: padding-box;
  7874. color: #fff;
  7875. background-color: #3e3e3e;
  7876. vertical-align: middle;
  7877. font-weight: 700;
  7878. font-size: 22px;
  7879. padding: 0.05em 0.15em 0.2em 0.2em;
  7880. line-height: 0.5;
  7881. font-weight: normal;
  7882. }
  7883. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher.prev-column,
  7884. article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher.prev-column,
  7885. article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher.prev-column,
  7886. article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher.prev-column {
  7887. cursor: w-resize;
  7888. }
  7889. article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column-switcher.next-column,
  7890. article.node-breve.vm-cardmedium .field-name-field-description.columnized .column-switcher.next-column,
  7891. article.node-materiau.vm-cardmedium .field-name-body.columnized .column-switcher.next-column,
  7892. article.node-breve.vm-cardmedium .field-name-body.columnized .column-switcher.next-column {
  7893. cursor: e-resize;
  7894. }
  7895. article.node-materiau.vm-cardmedium .field-name-field-description .column > *,
  7896. article.node-breve.vm-cardmedium .field-name-field-description .column > *,
  7897. article.node-materiau.vm-cardmedium .field-name-body .column > *,
  7898. article.node-breve.vm-cardmedium .field-name-body .column > * {
  7899. padding-right: 25px;
  7900. }
  7901. article.node-materiau.vm-cardmedium .column-wrapper,
  7902. article.node-breve.vm-cardmedium .column-wrapper {
  7903. padding: 5px;
  7904. }
  7905. article.node-materiau.vm-cardmedium .column-wrapper.columnized,
  7906. article.node-breve.vm-cardmedium .column-wrapper.columnized {
  7907. padding: 0;
  7908. -webkit-transition: margin-left 0.3s ease-out;
  7909. -moz-transition: margin-left 0.3s ease-out;
  7910. -o-transition: margin-left 0.3s ease-out;
  7911. transition: margin-left 0.3s ease-out;
  7912. }
  7913. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column > *,
  7914. article.node-breve.vm-cardmedium .column-wrapper.columnized .column > * {
  7915. padding: 5px;
  7916. }
  7917. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher,
  7918. article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher {
  7919. display: inline-block;
  7920. -webkit-border-radius: 3px;
  7921. -moz-border-radius: 3px;
  7922. border-radius: 3px;
  7923. -webkit-background-clip: padding-box;
  7924. -moz-background-clip: padding;
  7925. background-clip: padding-box;
  7926. color: #fff;
  7927. background-color: #3e3e3e;
  7928. vertical-align: middle;
  7929. font-weight: 700;
  7930. font-size: 22px;
  7931. padding: 0.05em 0.15em 0.2em 0.2em;
  7932. line-height: 0.5;
  7933. font-weight: normal;
  7934. }
  7935. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher.prev-column,
  7936. article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher.prev-column {
  7937. cursor: w-resize;
  7938. }
  7939. article.node-materiau.vm-cardmedium .column-wrapper.columnized .column-switcher.next-column,
  7940. article.node-breve.vm-cardmedium .column-wrapper.columnized .column-switcher.next-column {
  7941. cursor: e-resize;
  7942. }
  7943. article.node-materiau.vm-cardmedium .field-name-field-company-fab,
  7944. article.node-breve.vm-cardmedium .field-name-field-company-fab,
  7945. article.node-materiau.vm-cardmedium .field-name-field-company-distrib,
  7946. article.node-breve.vm-cardmedium .field-name-field-company-distrib {
  7947. font-size: 12px;
  7948. padding: 5px;
  7949. font-weight: 300;
  7950. }
  7951. article.node-materiau.vm-cardmedium .field-name-field-company-fab .field-label,
  7952. article.node-breve.vm-cardmedium .field-name-field-company-fab .field-label,
  7953. article.node-materiau.vm-cardmedium .field-name-field-company-distrib .field-label,
  7954. article.node-breve.vm-cardmedium .field-name-field-company-distrib .field-label {
  7955. font-size: 10px;
  7956. text-transform: lowercase;
  7957. margin: 0;
  7958. }
  7959. article.node-materiau.vm-cardmedium .field-name-field-company-fab .field-name-field-tode-company,
  7960. article.node-breve.vm-cardmedium .field-name-field-company-fab .field-name-field-tode-company,
  7961. article.node-materiau.vm-cardmedium .field-name-field-company-distrib .field-name-field-tode-company,
  7962. article.node-breve.vm-cardmedium .field-name-field-company-distrib .field-name-field-tode-company {
  7963. font-size: 14px;
  7964. }
  7965. article.node-materiau.vm-cardmedium .field-name-field-materiau-ref,
  7966. article.node-breve.vm-cardmedium .field-name-field-materiau-ref,
  7967. article.node-materiau.vm-cardmedium .field-name-field-source,
  7968. article.node-breve.vm-cardmedium .field-name-field-source,
  7969. article.node-materiau.vm-cardmedium .field-name-field-attachments,
  7970. article.node-breve.vm-cardmedium .field-name-field-attachments {
  7971. font-size: 12px;
  7972. padding: 5px;
  7973. font-weight: 300;
  7974. }
  7975. article.node-materiau.vm-cardmedium .field-name-field-materiau-ref a,
  7976. article.node-breve.vm-cardmedium .field-name-field-materiau-ref a,
  7977. article.node-materiau.vm-cardmedium .field-name-field-source a,
  7978. article.node-breve.vm-cardmedium .field-name-field-source a,
  7979. article.node-materiau.vm-cardmedium .field-name-field-attachments a,
  7980. article.node-breve.vm-cardmedium .field-name-field-attachments a {
  7981. color: #000;
  7982. }
  7983. article.node-materiau.vm-cardmedium .field-label,
  7984. article.node-breve.vm-cardmedium .field-label {
  7985. font-weight: 900;
  7986. margin: 1em 0 0.5em;
  7987. }
  7988. .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav,
  7989. .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav {
  7990. visibility: hidden;
  7991. }
  7992. .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *,
  7993. .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * {
  7994. margin-top: -100000px;
  7995. }
  7996. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav,
  7997. .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav {
  7998. filter: alpha(opacity=0);
  7999. -webkit-opacity: 0;
  8000. -khtml-opacity: 0;
  8001. -moz-opacity: 0;
  8002. opacity: 0;
  8003. -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8004. -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8005. -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8006. transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8007. }
  8008. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *,
  8009. .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * {
  8010. -webkit-transition: margin-top 0s 0.3s;
  8011. -moz-transition: margin-top 0s 0.3s;
  8012. -o-transition: margin-top 0s 0.3s;
  8013. transition: margin-top 0s 0.3s;
  8014. }
  8015. .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow,
  8016. .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
  8017. visibility: hidden;
  8018. }
  8019. .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *,
  8020. .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * {
  8021. margin-top: -100000px;
  8022. }
  8023. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow,
  8024. .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
  8025. filter: alpha(opacity=0);
  8026. -webkit-opacity: 0;
  8027. -khtml-opacity: 0;
  8028. -moz-opacity: 0;
  8029. opacity: 0;
  8030. -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8031. -moz-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8032. -o-transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8033. transition: visibility 0s 0.3s, opacity 0.3s ease-out;
  8034. }
  8035. .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *,
  8036. .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * {
  8037. -webkit-transition: margin-top 0s 0.3s;
  8038. -moz-transition: margin-top 0s 0.3s;
  8039. -o-transition: margin-top 0s 0.3s;
  8040. transition: margin-top 0s 0.3s;
  8041. }
  8042. .ie8 article.node-materiau.vm-cardmedium nav.nav,
  8043. .ie8 article.node-breve.vm-cardmedium nav.nav {
  8044. background: #ffffff;
  8045. }
  8046. /** CARD BIG */
  8047. article.node-materiau.vm-cardbig,
  8048. article.node-breve.vm-cardbig {
  8049. width: 425px;
  8050. height: 610px;
  8051. display: moz-inline-stack;
  8052. display: inline-block;
  8053. vertical-align: top;
  8054. zoom: 1;
  8055. *display: inline;
  8056. position: relative;
  8057. margin: 7px;
  8058. -webkit-border-radius: 5px;
  8059. -moz-border-radius: 5px;
  8060. border-radius: 5px;
  8061. -webkit-background-clip: padding-box;
  8062. -moz-background-clip: padding;
  8063. background-clip: padding-box;
  8064. background-color: #FFF;
  8065. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  8066. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  8067. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  8068. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8069. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8070. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8071. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8072. }
  8073. article.node-materiau.vm-cardbig > div.side,
  8074. article.node-breve.vm-cardbig > div.side {
  8075. -webkit-border-radius: 5px;
  8076. -moz-border-radius: 5px;
  8077. border-radius: 5px;
  8078. -webkit-background-clip: padding-box;
  8079. -moz-background-clip: padding;
  8080. background-clip: padding-box;
  8081. overflow: hidden;
  8082. }
  8083. article.node-materiau.vm-cardbig.focused,
  8084. article.node-breve.vm-cardbig.focused {
  8085. -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  8086. -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  8087. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  8088. }
  8089. article.node-materiau.vm-cardbig.just-added,
  8090. article.node-breve.vm-cardbig.just-added {
  8091. filter: alpha(opacity=0);
  8092. -webkit-opacity: 0;
  8093. -khtml-opacity: 0;
  8094. -moz-opacity: 0;
  8095. opacity: 0;
  8096. }
  8097. article.node-materiau.vm-cardbig.associated,
  8098. article.node-breve.vm-cardbig.associated {
  8099. -webkit-transition: margin 0.3s ease-out;
  8100. -moz-transition: margin 0.3s ease-out;
  8101. -o-transition: margin 0.3s ease-out;
  8102. transition: margin 0.3s ease-out;
  8103. }
  8104. article.node-materiau.vm-cardbig.associated.just-added,
  8105. article.node-breve.vm-cardbig.associated.just-added {
  8106. margin-left: -425px;
  8107. margin-right: 425px;
  8108. }
  8109. .modal-content article.node-materiau.vm-cardbig.associated,
  8110. .modal-content article.node-breve.vm-cardbig.associated {
  8111. position: absolute;
  8112. top: 0;
  8113. left: 0;
  8114. z-index: 999;
  8115. }
  8116. article.node-materiau.vm-cardbig.removed,
  8117. article.node-breve.vm-cardbig.removed {
  8118. -webkit-transition: width 0.3s ease-out;
  8119. -moz-transition: width 0.3s ease-out;
  8120. -o-transition: width 0.3s ease-out;
  8121. transition: width 0.3s ease-out;
  8122. width: 0;
  8123. padding-left: 0;
  8124. padding-right: 0;
  8125. margin-right: 0;
  8126. margin-left: 0;
  8127. overflow: hidden;
  8128. }
  8129. article.node-materiau.vm-cardbig nav.nav,
  8130. article.node-breve.vm-cardbig nav.nav {
  8131. position: absolute;
  8132. top: 0;
  8133. right: 0;
  8134. z-index: 11;
  8135. padding: 5px 0;
  8136. -webkit-border-radius: 0 5px 0 3px;
  8137. -moz-border-radius: 0 5px 0 3px;
  8138. border-radius: 0 5px 0 3px;
  8139. -webkit-background-clip: padding-box;
  8140. -moz-background-clip: padding;
  8141. background-clip: padding-box;
  8142. font-size: 10px;
  8143. background-color: #ffffff;
  8144. background-color: rgba(255, 255, 255, 0.9);
  8145. *background-color: #ffffff;
  8146. color: #000;
  8147. }
  8148. article.node-materiau.vm-cardbig nav.nav a,
  8149. article.node-breve.vm-cardbig nav.nav a {
  8150. color: #000;
  8151. }
  8152. article.node-materiau.vm-cardbig nav.nav ul,
  8153. article.node-breve.vm-cardbig nav.nav ul {
  8154. background-color: #ffffff;
  8155. background-color: rgba(255, 255, 255, 0.9);
  8156. *background-color: #ffffff;
  8157. }
  8158. article.node-materiau.vm-cardbig nav.nav span.op,
  8159. article.node-breve.vm-cardbig nav.nav span.op {
  8160. font-weight: 900;
  8161. font-size: 14px;
  8162. }
  8163. article.node-materiau.vm-cardbig nav.nav ul,
  8164. article.node-breve.vm-cardbig nav.nav ul {
  8165. padding: 0;
  8166. margin: 0;
  8167. }
  8168. article.node-materiau.vm-cardbig nav.nav section,
  8169. article.node-breve.vm-cardbig nav.nav section {
  8170. position: relative;
  8171. }
  8172. article.node-materiau.vm-cardbig nav.nav section > i,
  8173. article.node-breve.vm-cardbig nav.nav section > i {
  8174. margin: 0 5px;
  8175. }
  8176. article.node-materiau.vm-cardbig nav.nav section > i:hover,
  8177. article.node-breve.vm-cardbig nav.nav section > i:hover {
  8178. cursor: pointer;
  8179. }
  8180. article.node-materiau.vm-cardbig nav.nav ul,
  8181. article.node-breve.vm-cardbig nav.nav ul {
  8182. position: absolute;
  8183. right: 0;
  8184. top: 0;
  8185. margin-right: 22px;
  8186. min-width: 80px;
  8187. padding: 0;
  8188. display: block;
  8189. -webkit-border-radius: 3px;
  8190. -moz-border-radius: 3px;
  8191. border-radius: 3px;
  8192. -webkit-background-clip: padding-box;
  8193. -moz-background-clip: padding;
  8194. background-clip: padding-box;
  8195. -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  8196. -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  8197. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  8198. }
  8199. article.node-materiau.vm-cardbig nav.nav ul li,
  8200. article.node-breve.vm-cardbig nav.nav ul li {
  8201. padding: 0;
  8202. margin: 0;
  8203. line-height: 1;
  8204. display: block;
  8205. height: 0;
  8206. overflow: hidden;
  8207. -webkit-transition: height 0.2s ease-out;
  8208. -moz-transition: height 0.2s ease-out;
  8209. -o-transition: height 0.2s ease-out;
  8210. transition: height 0.2s ease-out;
  8211. }
  8212. article.node-materiau.vm-cardbig nav.nav ul li a,
  8213. article.node-breve.vm-cardbig nav.nav ul li a {
  8214. display: block;
  8215. }
  8216. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links,
  8217. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links {
  8218. width: 160px;
  8219. font-size: 0;
  8220. }
  8221. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links > *,
  8222. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links > * {
  8223. font-size: 11px;
  8224. }
  8225. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li,
  8226. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li {
  8227. display: moz-inline-stack;
  8228. display: inline-block;
  8229. vertical-align: top;
  8230. zoom: 1;
  8231. *display: inline;
  8232. min-width: 48%;
  8233. max-width: 98%;
  8234. padding-left: 2px;
  8235. }
  8236. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a,
  8237. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a {
  8238. color: #a6a6a6;
  8239. -webkit-transition: color 0.2s ease-out;
  8240. -moz-transition: color 0.2s ease-out;
  8241. -o-transition: color 0.2s ease-out;
  8242. transition: color 0.2s ease-out;
  8243. }
  8244. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover,
  8245. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover,
  8246. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action,
  8247. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action {
  8248. color: #000;
  8249. text-decoration: none;
  8250. }
  8251. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create,
  8252. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  8253. display: block;
  8254. width: 100%;
  8255. }
  8256. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create > *,
  8257. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  8258. margin-top: 1px;
  8259. padding-top: 1px;
  8260. border-top: 1px solid #e6e6e6;
  8261. }
  8262. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create a,
  8263. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  8264. color: #000;
  8265. }
  8266. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading,
  8267. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading {
  8268. background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
  8269. }
  8270. article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading a,
  8271. article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li.loading a {
  8272. visibility: hidden;
  8273. }
  8274. .ie8 article.node-materiau.vm-cardbig nav.nav ul,
  8275. .ie8 article.node-breve.vm-cardbig nav.nav ul {
  8276. background: #FFF;
  8277. }
  8278. article.node-materiau.vm-cardbig nav.nav section:hover ul,
  8279. article.node-breve.vm-cardbig nav.nav section:hover ul {
  8280. padding: 5px 5px;
  8281. }
  8282. article.node-materiau.vm-cardbig nav.nav section:hover ul li,
  8283. article.node-breve.vm-cardbig nav.nav section:hover ul li {
  8284. height: 17px;
  8285. }
  8286. article.node-materiau.vm-cardbig div.workflow,
  8287. article.node-breve.vm-cardbig div.workflow {
  8288. position: absolute;
  8289. top: 0;
  8290. left: 0;
  8291. z-index: 11;
  8292. padding: 5px;
  8293. -webkit-border-radius: 5px 0 3px 0;
  8294. -moz-border-radius: 5px 0 3px 0;
  8295. border-radius: 5px 0 3px 0;
  8296. -webkit-background-clip: padding-box;
  8297. -moz-background-clip: padding;
  8298. background-clip: padding-box;
  8299. font-size: 10px;
  8300. vertical-align: top;
  8301. background-color: #ffffff;
  8302. background-color: rgba(255, 255, 255, 0.9);
  8303. *background-color: #ffffff;
  8304. color: #000;
  8305. }
  8306. article.node-materiau.vm-cardbig div.workflow span,
  8307. article.node-breve.vm-cardbig div.workflow span {
  8308. padding: 3px 0 0 4px;
  8309. display: moz-inline-stack;
  8310. display: inline-block;
  8311. vertical-align: top;
  8312. zoom: 1;
  8313. *display: inline;
  8314. }
  8315. article.node-materiau.vm-cardbig .field-name-field-description .upgrade,
  8316. article.node-breve.vm-cardbig .field-name-field-description .upgrade {
  8317. font-size: 12px;
  8318. padding-top: 4em;
  8319. margin-top: -4.5em;
  8320. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 4em);
  8321. position: relative;
  8322. }
  8323. article.node-materiau.vm-cardbig .side.oops p,
  8324. article.node-breve.vm-cardbig .side.oops p,
  8325. article.node-materiau.vm-cardbig .side .upgrade p,
  8326. article.node-breve.vm-cardbig .side .upgrade p {
  8327. padding: 10px;
  8328. font-size: 12px;
  8329. }
  8330. article.node-materiau.vm-cardbig .side.oops p a,
  8331. article.node-breve.vm-cardbig .side.oops p a,
  8332. article.node-materiau.vm-cardbig .side .upgrade p a,
  8333. article.node-breve.vm-cardbig .side .upgrade p a {
  8334. display: block;
  8335. margin: 10px 0;
  8336. font-size: 18px;
  8337. padding: 0.1em 0.6em 0.2em;
  8338. -webkit-border-radius: 0.3em;
  8339. -moz-border-radius: 0.3em;
  8340. border-radius: 0.3em;
  8341. -webkit-background-clip: padding-box;
  8342. -moz-background-clip: padding;
  8343. background-clip: padding-box;
  8344. font-weight: bold;
  8345. border: 2px solid #69CDCF;
  8346. background-color: #69cdcf;
  8347. color: #fff;
  8348. cursor: pointer;
  8349. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  8350. -webkit-transition: text-shadow 0.2s ease-out;
  8351. -moz-transition: text-shadow 0.2s ease-out;
  8352. -o-transition: text-shadow 0.2s ease-out;
  8353. transition: text-shadow 0.2s ease-out;
  8354. text-align: center;
  8355. text-decoration: none;
  8356. }
  8357. article.node-materiau.vm-cardbig .side.oops p a:hover,
  8358. article.node-breve.vm-cardbig .side.oops p a:hover,
  8359. article.node-materiau.vm-cardbig .side .upgrade p a:hover,
  8360. article.node-breve.vm-cardbig .side .upgrade p a:hover,
  8361. article.node-materiau.vm-cardbig .side.oops p a:focus,
  8362. article.node-breve.vm-cardbig .side.oops p a:focus,
  8363. article.node-materiau.vm-cardbig .side .upgrade p a:focus,
  8364. article.node-breve.vm-cardbig .side .upgrade p a:focus {
  8365. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  8366. }
  8367. article.node-materiau.vm-cardbig .side.oops p a:active,
  8368. article.node-breve.vm-cardbig .side.oops p a:active,
  8369. article.node-materiau.vm-cardbig .side .upgrade p a:active,
  8370. article.node-breve.vm-cardbig .side .upgrade p a:active {
  8371. -webkit-transition: text-shadow 0s ease-out;
  8372. -moz-transition: text-shadow 0s ease-out;
  8373. -o-transition: text-shadow 0s ease-out;
  8374. transition: text-shadow 0s ease-out;
  8375. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  8376. }
  8377. article.node-materiau.vm-cardbig .side,
  8378. article.node-breve.vm-cardbig .side {
  8379. position: absolute;
  8380. width: 100%;
  8381. height: 100%;
  8382. top: 0;
  8383. left: 0;
  8384. background-color: #ffffff;
  8385. height: 270px;
  8386. top: 340px;
  8387. cursor: pointer;
  8388. }
  8389. article.node-materiau.vm-cardbig .side:nth-child(2),
  8390. article.node-breve.vm-cardbig .side:nth-child(2) {
  8391. z-index: 1;
  8392. }
  8393. article.node-materiau.vm-cardbig .group-side1,
  8394. article.node-breve.vm-cardbig .group-side1 {
  8395. position: relative;
  8396. -webkit-border-radius: 5px 5px 0 0;
  8397. -moz-border-radius: 5px 5px 0 0;
  8398. border-radius: 5px 5px 0 0;
  8399. -webkit-background-clip: padding-box;
  8400. -moz-background-clip: padding;
  8401. background-clip: padding-box;
  8402. overflow: hidden;
  8403. }
  8404. article.node-materiau.vm-cardbig .group-header,
  8405. article.node-breve.vm-cardbig .group-header {
  8406. position: absolute;
  8407. bottom: 0;
  8408. z-index: 2;
  8409. width: 405px;
  8410. padding: 10px;
  8411. font-size: 20px;
  8412. font-weight: 300;
  8413. line-height: 1.1;
  8414. background-color: #ffffff;
  8415. background-color: rgba(255, 255, 255, 0.8);
  8416. *background-color: #ffffff;
  8417. text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
  8418. -webkit-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8419. -moz-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8420. -o-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8421. transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8422. }
  8423. article.node-materiau.vm-cardbig .group-header .field-name-title-field,
  8424. article.node-breve.vm-cardbig .group-header .field-name-title-field {
  8425. font-weight: 700;
  8426. }
  8427. article.node-materiau.vm-cardbig .group-header .field-name-field-nature-titre,
  8428. article.node-breve.vm-cardbig .group-header .field-name-field-nature-titre {
  8429. font-size: 14px;
  8430. }
  8431. article.node-materiau.vm-cardbig .group-header .field-name-field-reference-materio,
  8432. article.node-breve.vm-cardbig .group-header .field-name-field-reference-materio,
  8433. article.node-materiau.vm-cardbig .group-header .field-name-field-localisation,
  8434. article.node-breve.vm-cardbig .group-header .field-name-field-localisation,
  8435. article.node-materiau.vm-cardbig .group-header .field-name-field-authored-on,
  8436. article.node-breve.vm-cardbig .group-header .field-name-field-authored-on {
  8437. display: moz-inline-stack;
  8438. display: inline-block;
  8439. vertical-align: top;
  8440. zoom: 1;
  8441. *display: inline;
  8442. font-size: 12px;
  8443. vertical-align: bottom;
  8444. width: 48%;
  8445. }
  8446. article.node-materiau.vm-cardbig .group-header .field-name-field-localisation,
  8447. article.node-breve.vm-cardbig .group-header .field-name-field-localisation {
  8448. text-align: right;
  8449. }
  8450. .ie8 article.node-materiau.vm-cardbig .group-header,
  8451. .ie8 article.node-breve.vm-cardbig .group-header {
  8452. background: #fff;
  8453. font-color: #000;
  8454. line-height: 1em;
  8455. padding: 20px;
  8456. border-bottom: 1px solid #C6C6C6;
  8457. }
  8458. article.node-materiau.vm-cardbig.node-breve .group-header,
  8459. article.node-breve.vm-cardbig.node-breve .group-header {
  8460. color: #fff;
  8461. background-color: #000000;
  8462. background-color: rgba(0, 0, 0, 0.7);
  8463. *background-color: #000000;
  8464. text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  8465. -webkit-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8466. -moz-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8467. -o-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8468. transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  8469. }
  8470. article.node-materiau.vm-cardbig.node-breve .group-header .field-name-field-authored-on,
  8471. article.node-breve.vm-cardbig.node-breve .group-header .field-name-field-authored-on {
  8472. font-size: 12px;
  8473. font-weight: 500;
  8474. }
  8475. .ie8 article.node-materiau.vm-cardbig.node-breve .group-header,
  8476. .ie8 article.node-breve.vm-cardbig.node-breve .group-header {
  8477. background: #000;
  8478. font-color: #fff;
  8479. line-height: 1em;
  8480. padding: 20px;
  8481. }
  8482. article.node-materiau.vm-cardbig .group-images,
  8483. article.node-breve.vm-cardbig .group-images {
  8484. position: relative;
  8485. z-index: 1;
  8486. background-color: #ffffff;
  8487. height: auto;
  8488. }
  8489. article.node-materiau.vm-cardbig .group-images figure,
  8490. article.node-breve.vm-cardbig .group-images figure {
  8491. position: absolute;
  8492. top: 0;
  8493. left: 0;
  8494. }
  8495. article.node-materiau.vm-cardbig .group-images figure:first-child,
  8496. article.node-breve.vm-cardbig .group-images figure:first-child {
  8497. position: relative;
  8498. z-index: 1;
  8499. }
  8500. article.node-materiau.vm-cardbig .field-name-field-description,
  8501. article.node-breve.vm-cardbig .field-name-field-description,
  8502. article.node-materiau.vm-cardbig .field-name-body,
  8503. article.node-breve.vm-cardbig .field-name-body {
  8504. font-size: 12px;
  8505. font-weight: 300;
  8506. padding: 10px;
  8507. }
  8508. article.node-materiau.vm-cardbig .field-name-field-description.columnized,
  8509. article.node-breve.vm-cardbig .field-name-field-description.columnized,
  8510. article.node-materiau.vm-cardbig .field-name-body.columnized,
  8511. article.node-breve.vm-cardbig .field-name-body.columnized {
  8512. padding: 0;
  8513. -webkit-transition: margin-left 0.3s ease-out;
  8514. -moz-transition: margin-left 0.3s ease-out;
  8515. -o-transition: margin-left 0.3s ease-out;
  8516. transition: margin-left 0.3s ease-out;
  8517. }
  8518. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column > *,
  8519. article.node-breve.vm-cardbig .field-name-field-description.columnized .column > *,
  8520. article.node-materiau.vm-cardbig .field-name-body.columnized .column > *,
  8521. article.node-breve.vm-cardbig .field-name-body.columnized .column > * {
  8522. padding: 10px;
  8523. }
  8524. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher,
  8525. article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher,
  8526. article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher,
  8527. article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher {
  8528. display: inline-block;
  8529. -webkit-border-radius: 3px;
  8530. -moz-border-radius: 3px;
  8531. border-radius: 3px;
  8532. -webkit-background-clip: padding-box;
  8533. -moz-background-clip: padding;
  8534. background-clip: padding-box;
  8535. color: #fff;
  8536. background-color: #3e3e3e;
  8537. vertical-align: middle;
  8538. font-weight: 700;
  8539. font-size: 22px;
  8540. padding: 0.05em 0.15em 0.2em 0.2em;
  8541. line-height: 0.5;
  8542. font-weight: normal;
  8543. }
  8544. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher.prev-column,
  8545. article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher.prev-column,
  8546. article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher.prev-column,
  8547. article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher.prev-column {
  8548. cursor: w-resize;
  8549. }
  8550. article.node-materiau.vm-cardbig .field-name-field-description.columnized .column-switcher.next-column,
  8551. article.node-breve.vm-cardbig .field-name-field-description.columnized .column-switcher.next-column,
  8552. article.node-materiau.vm-cardbig .field-name-body.columnized .column-switcher.next-column,
  8553. article.node-breve.vm-cardbig .field-name-body.columnized .column-switcher.next-column {
  8554. cursor: e-resize;
  8555. }
  8556. article.node-materiau.vm-cardbig .column-wrapper,
  8557. article.node-breve.vm-cardbig .column-wrapper {
  8558. padding: 10px;
  8559. }
  8560. article.node-materiau.vm-cardbig .column-wrapper.columnized,
  8561. article.node-breve.vm-cardbig .column-wrapper.columnized {
  8562. padding: 0;
  8563. -webkit-transition: margin-left 0.3s ease-out;
  8564. -moz-transition: margin-left 0.3s ease-out;
  8565. -o-transition: margin-left 0.3s ease-out;
  8566. transition: margin-left 0.3s ease-out;
  8567. }
  8568. article.node-materiau.vm-cardbig .column-wrapper.columnized .column > *,
  8569. article.node-breve.vm-cardbig .column-wrapper.columnized .column > * {
  8570. padding: 10px;
  8571. }
  8572. article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher,
  8573. article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher {
  8574. display: inline-block;
  8575. -webkit-border-radius: 3px;
  8576. -moz-border-radius: 3px;
  8577. border-radius: 3px;
  8578. -webkit-background-clip: padding-box;
  8579. -moz-background-clip: padding;
  8580. background-clip: padding-box;
  8581. color: #fff;
  8582. background-color: #3e3e3e;
  8583. vertical-align: middle;
  8584. font-weight: 700;
  8585. font-size: 22px;
  8586. padding: 0.05em 0.15em 0.2em 0.2em;
  8587. line-height: 0.5;
  8588. font-weight: normal;
  8589. }
  8590. article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher.prev-column,
  8591. article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher.prev-column {
  8592. cursor: w-resize;
  8593. }
  8594. article.node-materiau.vm-cardbig .column-wrapper.columnized .column-switcher.next-column,
  8595. article.node-breve.vm-cardbig .column-wrapper.columnized .column-switcher.next-column {
  8596. cursor: e-resize;
  8597. }
  8598. article.node-materiau.vm-cardbig .field-name-field-company-fab,
  8599. article.node-breve.vm-cardbig .field-name-field-company-fab,
  8600. article.node-materiau.vm-cardbig .field-name-field-company-distrib,
  8601. article.node-breve.vm-cardbig .field-name-field-company-distrib {
  8602. font-size: 12px;
  8603. padding: 10px;
  8604. font-weight: 300;
  8605. }
  8606. article.node-materiau.vm-cardbig .field-name-field-company-fab .field-label,
  8607. article.node-breve.vm-cardbig .field-name-field-company-fab .field-label,
  8608. article.node-materiau.vm-cardbig .field-name-field-company-distrib .field-label,
  8609. article.node-breve.vm-cardbig .field-name-field-company-distrib .field-label {
  8610. font-size: 10px;
  8611. text-transform: lowercase;
  8612. float: none;
  8613. }
  8614. article.node-materiau.vm-cardbig .field-name-field-company-fab .field-name-field-tode-company,
  8615. article.node-breve.vm-cardbig .field-name-field-company-fab .field-name-field-tode-company,
  8616. article.node-materiau.vm-cardbig .field-name-field-company-distrib .field-name-field-tode-company,
  8617. article.node-breve.vm-cardbig .field-name-field-company-distrib .field-name-field-tode-company {
  8618. font-size: 14px;
  8619. }
  8620. article.node-materiau.vm-cardbig .field-name-field-materiau-ref,
  8621. article.node-breve.vm-cardbig .field-name-field-materiau-ref,
  8622. article.node-materiau.vm-cardbig .field-name-field-source,
  8623. article.node-breve.vm-cardbig .field-name-field-source,
  8624. article.node-materiau.vm-cardbig .field-name-field-attachments,
  8625. article.node-breve.vm-cardbig .field-name-field-attachments {
  8626. font-size: 12px;
  8627. padding: 10px;
  8628. font-weight: 300;
  8629. }
  8630. article.node-materiau.vm-cardbig .field-name-field-materiau-ref a,
  8631. article.node-breve.vm-cardbig .field-name-field-materiau-ref a,
  8632. article.node-materiau.vm-cardbig .field-name-field-source a,
  8633. article.node-breve.vm-cardbig .field-name-field-source a,
  8634. article.node-materiau.vm-cardbig .field-name-field-attachments a,
  8635. article.node-breve.vm-cardbig .field-name-field-attachments a {
  8636. color: #000;
  8637. }
  8638. article.node-materiau.vm-cardbig .field-label,
  8639. article.node-breve.vm-cardbig .field-label {
  8640. font-weight: 900;
  8641. margin: 0 0 0.5em;
  8642. }
  8643. .ie8 article.node-materiau.vm-cardbig nav.nav,
  8644. .ie8 article.node-breve.vm-cardbig nav.nav {
  8645. background: #ffffff;
  8646. }
  8647. article.node-materiau.vm-cardbig .side.oops p,
  8648. article.node-breve.vm-cardbig .side.oops p,
  8649. article.node-materiau.vm-cardbig .side .upgrade p,
  8650. article.node-breve.vm-cardbig .side .upgrade p {
  8651. padding: 3em;
  8652. }
  8653. article.node-materiau.vm-cardbig .side.oops p a,
  8654. article.node-breve.vm-cardbig .side.oops p a,
  8655. article.node-materiau.vm-cardbig .side .upgrade p a,
  8656. article.node-breve.vm-cardbig .side .upgrade p a {
  8657. border: 2px solid #eee;
  8658. background-color: #eeeeee;
  8659. color: #fff;
  8660. -webkit-transition: border 0.3s ease-out;
  8661. -moz-transition: border 0.3s ease-out;
  8662. -o-transition: border 0.3s ease-out;
  8663. transition: border 0.3s ease-out;
  8664. -webkit-transition: background-color 0.3s ease-out;
  8665. -moz-transition: background-color 0.3s ease-out;
  8666. -o-transition: background-color 0.3s ease-out;
  8667. transition: background-color 0.3s ease-out;
  8668. }
  8669. article.node-materiau.vm-cardbig:hover .side.oops p a,
  8670. article.node-breve.vm-cardbig:hover .side.oops p a,
  8671. article.node-materiau.vm-cardbig:hover .side .upgrade p a,
  8672. article.node-breve.vm-cardbig:hover .side .upgrade p a {
  8673. border: 2px solid #69CDCF;
  8674. background-color: #69cdcf;
  8675. }
  8676. /** CARD FULL */
  8677. article.node-materiau.vm-cardfull,
  8678. article.node-breve.vm-cardfull {
  8679. width: 850px;
  8680. height: 610px;
  8681. display: moz-inline-stack;
  8682. display: inline-block;
  8683. vertical-align: top;
  8684. zoom: 1;
  8685. *display: inline;
  8686. position: relative;
  8687. margin: 7px;
  8688. -webkit-border-radius: 5px;
  8689. -moz-border-radius: 5px;
  8690. border-radius: 5px;
  8691. -webkit-background-clip: padding-box;
  8692. -moz-background-clip: padding;
  8693. background-clip: padding-box;
  8694. background-color: #FFF;
  8695. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  8696. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  8697. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  8698. -webkit-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8699. -moz-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8700. -o-transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8701. transition: box-shadow 0.3s ease-out, opacity 0.3s ease-out;
  8702. font-size: 0px;
  8703. }
  8704. article.node-materiau.vm-cardfull > div.side,
  8705. article.node-breve.vm-cardfull > div.side {
  8706. -webkit-border-radius: 5px;
  8707. -moz-border-radius: 5px;
  8708. border-radius: 5px;
  8709. -webkit-background-clip: padding-box;
  8710. -moz-background-clip: padding;
  8711. background-clip: padding-box;
  8712. overflow: hidden;
  8713. }
  8714. article.node-materiau.vm-cardfull.focused,
  8715. article.node-breve.vm-cardfull.focused {
  8716. -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  8717. -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  8718. box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  8719. }
  8720. article.node-materiau.vm-cardfull.just-added,
  8721. article.node-breve.vm-cardfull.just-added {
  8722. filter: alpha(opacity=0);
  8723. -webkit-opacity: 0;
  8724. -khtml-opacity: 0;
  8725. -moz-opacity: 0;
  8726. opacity: 0;
  8727. }
  8728. article.node-materiau.vm-cardfull.associated,
  8729. article.node-breve.vm-cardfull.associated {
  8730. -webkit-transition: margin 0.3s ease-out;
  8731. -moz-transition: margin 0.3s ease-out;
  8732. -o-transition: margin 0.3s ease-out;
  8733. transition: margin 0.3s ease-out;
  8734. }
  8735. article.node-materiau.vm-cardfull.associated.just-added,
  8736. article.node-breve.vm-cardfull.associated.just-added {
  8737. margin-left: -850px;
  8738. margin-right: 850px;
  8739. }
  8740. .modal-content article.node-materiau.vm-cardfull.associated,
  8741. .modal-content article.node-breve.vm-cardfull.associated {
  8742. position: absolute;
  8743. top: 0;
  8744. left: 0;
  8745. z-index: 999;
  8746. }
  8747. article.node-materiau.vm-cardfull.removed,
  8748. article.node-breve.vm-cardfull.removed {
  8749. -webkit-transition: width 0.3s ease-out;
  8750. -moz-transition: width 0.3s ease-out;
  8751. -o-transition: width 0.3s ease-out;
  8752. transition: width 0.3s ease-out;
  8753. width: 0;
  8754. padding-left: 0;
  8755. padding-right: 0;
  8756. margin-right: 0;
  8757. margin-left: 0;
  8758. overflow: hidden;
  8759. }
  8760. article.node-materiau.vm-cardfull nav.nav,
  8761. article.node-breve.vm-cardfull nav.nav {
  8762. position: absolute;
  8763. top: 0;
  8764. right: 0;
  8765. z-index: 11;
  8766. padding: 5px 0;
  8767. -webkit-border-radius: 0 5px 0 3px;
  8768. -moz-border-radius: 0 5px 0 3px;
  8769. border-radius: 0 5px 0 3px;
  8770. -webkit-background-clip: padding-box;
  8771. -moz-background-clip: padding;
  8772. background-clip: padding-box;
  8773. font-size: 10px;
  8774. background-color: #ffffff;
  8775. background-color: rgba(255, 255, 255, 0.9);
  8776. *background-color: #ffffff;
  8777. color: #000;
  8778. }
  8779. article.node-materiau.vm-cardfull nav.nav a,
  8780. article.node-breve.vm-cardfull nav.nav a {
  8781. color: #000;
  8782. }
  8783. article.node-materiau.vm-cardfull nav.nav ul,
  8784. article.node-breve.vm-cardfull nav.nav ul {
  8785. background-color: #ffffff;
  8786. background-color: rgba(255, 255, 255, 0.9);
  8787. *background-color: #ffffff;
  8788. }
  8789. article.node-materiau.vm-cardfull nav.nav span.op,
  8790. article.node-breve.vm-cardfull nav.nav span.op {
  8791. font-weight: 900;
  8792. font-size: 14px;
  8793. }
  8794. article.node-materiau.vm-cardfull nav.nav ul,
  8795. article.node-breve.vm-cardfull nav.nav ul {
  8796. padding: 0;
  8797. margin: 0;
  8798. }
  8799. article.node-materiau.vm-cardfull nav.nav section,
  8800. article.node-breve.vm-cardfull nav.nav section {
  8801. position: relative;
  8802. }
  8803. article.node-materiau.vm-cardfull nav.nav section > i,
  8804. article.node-breve.vm-cardfull nav.nav section > i {
  8805. margin: 0 5px;
  8806. }
  8807. article.node-materiau.vm-cardfull nav.nav section > i:hover,
  8808. article.node-breve.vm-cardfull nav.nav section > i:hover {
  8809. cursor: pointer;
  8810. }
  8811. article.node-materiau.vm-cardfull nav.nav ul,
  8812. article.node-breve.vm-cardfull nav.nav ul {
  8813. position: absolute;
  8814. right: 0;
  8815. top: 0;
  8816. margin-right: 22px;
  8817. min-width: 80px;
  8818. padding: 0;
  8819. display: block;
  8820. -webkit-border-radius: 3px;
  8821. -moz-border-radius: 3px;
  8822. border-radius: 3px;
  8823. -webkit-background-clip: padding-box;
  8824. -moz-background-clip: padding;
  8825. background-clip: padding-box;
  8826. -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  8827. -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  8828. box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  8829. }
  8830. article.node-materiau.vm-cardfull nav.nav ul li,
  8831. article.node-breve.vm-cardfull nav.nav ul li {
  8832. padding: 0;
  8833. margin: 0;
  8834. line-height: 1;
  8835. display: block;
  8836. height: 0;
  8837. overflow: hidden;
  8838. -webkit-transition: height 0.2s ease-out;
  8839. -moz-transition: height 0.2s ease-out;
  8840. -o-transition: height 0.2s ease-out;
  8841. transition: height 0.2s ease-out;
  8842. }
  8843. article.node-materiau.vm-cardfull nav.nav ul li a,
  8844. article.node-breve.vm-cardfull nav.nav ul li a {
  8845. display: block;
  8846. }
  8847. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links,
  8848. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links {
  8849. width: 160px;
  8850. font-size: 0;
  8851. }
  8852. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links > *,
  8853. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links > * {
  8854. font-size: 11px;
  8855. }
  8856. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li,
  8857. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li {
  8858. display: moz-inline-stack;
  8859. display: inline-block;
  8860. vertical-align: top;
  8861. zoom: 1;
  8862. *display: inline;
  8863. min-width: 48%;
  8864. max-width: 98%;
  8865. padding-left: 2px;
  8866. }
  8867. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a,
  8868. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a {
  8869. color: #a6a6a6;
  8870. -webkit-transition: color 0.2s ease-out;
  8871. -moz-transition: color 0.2s ease-out;
  8872. -o-transition: color 0.2s ease-out;
  8873. transition: color 0.2s ease-out;
  8874. }
  8875. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover,
  8876. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover,
  8877. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action,
  8878. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action {
  8879. color: #000;
  8880. text-decoration: none;
  8881. }
  8882. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create,
  8883. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create {
  8884. display: block;
  8885. width: 100%;
  8886. }
  8887. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create > *,
  8888. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create > * {
  8889. margin-top: 1px;
  8890. padding-top: 1px;
  8891. border-top: 1px solid #e6e6e6;
  8892. }
  8893. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create a,
  8894. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.flag-lists-create a {
  8895. color: #000;
  8896. }
  8897. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading,
  8898. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading {
  8899. background: transparent url('../img/ajax-loader.gif') no-repeat 98% center;
  8900. }
  8901. article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading a,
  8902. article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li.loading a {
  8903. visibility: hidden;
  8904. }
  8905. .ie8 article.node-materiau.vm-cardfull nav.nav ul,
  8906. .ie8 article.node-breve.vm-cardfull nav.nav ul {
  8907. background: #FFF;
  8908. }
  8909. article.node-materiau.vm-cardfull nav.nav section:hover ul,
  8910. article.node-breve.vm-cardfull nav.nav section:hover ul {
  8911. padding: 5px 5px;
  8912. }
  8913. article.node-materiau.vm-cardfull nav.nav section:hover ul li,
  8914. article.node-breve.vm-cardfull nav.nav section:hover ul li {
  8915. height: 17px;
  8916. }
  8917. article.node-materiau.vm-cardfull div.workflow,
  8918. article.node-breve.vm-cardfull div.workflow {
  8919. position: absolute;
  8920. top: 0;
  8921. left: 0;
  8922. z-index: 11;
  8923. padding: 5px;
  8924. -webkit-border-radius: 5px 0 3px 0;
  8925. -moz-border-radius: 5px 0 3px 0;
  8926. border-radius: 5px 0 3px 0;
  8927. -webkit-background-clip: padding-box;
  8928. -moz-background-clip: padding;
  8929. background-clip: padding-box;
  8930. font-size: 10px;
  8931. vertical-align: top;
  8932. background-color: #ffffff;
  8933. background-color: rgba(255, 255, 255, 0.9);
  8934. *background-color: #ffffff;
  8935. color: #000;
  8936. }
  8937. article.node-materiau.vm-cardfull div.workflow span,
  8938. article.node-breve.vm-cardfull div.workflow span {
  8939. padding: 3px 0 0 4px;
  8940. display: moz-inline-stack;
  8941. display: inline-block;
  8942. vertical-align: top;
  8943. zoom: 1;
  8944. *display: inline;
  8945. }
  8946. article.node-materiau.vm-cardfull .field-name-field-description .upgrade,
  8947. article.node-breve.vm-cardfull .field-name-field-description .upgrade {
  8948. font-size: 12px;
  8949. padding-top: 4em;
  8950. margin-top: -4.5em;
  8951. background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 4em);
  8952. position: relative;
  8953. }
  8954. article.node-materiau.vm-cardfull .side.oops p,
  8955. article.node-breve.vm-cardfull .side.oops p,
  8956. article.node-materiau.vm-cardfull .side .upgrade p,
  8957. article.node-breve.vm-cardfull .side .upgrade p {
  8958. padding: 10px;
  8959. font-size: 12px;
  8960. }
  8961. article.node-materiau.vm-cardfull .side.oops p a,
  8962. article.node-breve.vm-cardfull .side.oops p a,
  8963. article.node-materiau.vm-cardfull .side .upgrade p a,
  8964. article.node-breve.vm-cardfull .side .upgrade p a {
  8965. display: block;
  8966. margin: 10px 0;
  8967. font-size: 18px;
  8968. padding: 0.1em 0.6em 0.2em;
  8969. -webkit-border-radius: 0.3em;
  8970. -moz-border-radius: 0.3em;
  8971. border-radius: 0.3em;
  8972. -webkit-background-clip: padding-box;
  8973. -moz-background-clip: padding;
  8974. background-clip: padding-box;
  8975. font-weight: bold;
  8976. border: 2px solid #69CDCF;
  8977. background-color: #69cdcf;
  8978. color: #fff;
  8979. cursor: pointer;
  8980. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  8981. -webkit-transition: text-shadow 0.2s ease-out;
  8982. -moz-transition: text-shadow 0.2s ease-out;
  8983. -o-transition: text-shadow 0.2s ease-out;
  8984. transition: text-shadow 0.2s ease-out;
  8985. text-align: center;
  8986. text-decoration: none;
  8987. }
  8988. article.node-materiau.vm-cardfull .side.oops p a:hover,
  8989. article.node-breve.vm-cardfull .side.oops p a:hover,
  8990. article.node-materiau.vm-cardfull .side .upgrade p a:hover,
  8991. article.node-breve.vm-cardfull .side .upgrade p a:hover,
  8992. article.node-materiau.vm-cardfull .side.oops p a:focus,
  8993. article.node-breve.vm-cardfull .side.oops p a:focus,
  8994. article.node-materiau.vm-cardfull .side .upgrade p a:focus,
  8995. article.node-breve.vm-cardfull .side .upgrade p a:focus {
  8996. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  8997. }
  8998. article.node-materiau.vm-cardfull .side.oops p a:active,
  8999. article.node-breve.vm-cardfull .side.oops p a:active,
  9000. article.node-materiau.vm-cardfull .side .upgrade p a:active,
  9001. article.node-breve.vm-cardfull .side .upgrade p a:active {
  9002. -webkit-transition: text-shadow 0s ease-out;
  9003. -moz-transition: text-shadow 0s ease-out;
  9004. -o-transition: text-shadow 0s ease-out;
  9005. transition: text-shadow 0s ease-out;
  9006. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  9007. }
  9008. article.node-materiau.vm-cardfull nav.nav,
  9009. article.node-breve.vm-cardfull nav.nav {
  9010. top: 0;
  9011. }
  9012. article.node-materiau.vm-cardfull > *,
  9013. article.node-breve.vm-cardfull > * {
  9014. font-size: 16px;
  9015. }
  9016. article.node-materiau.vm-cardfull > .side,
  9017. article.node-breve.vm-cardfull > .side {
  9018. display: moz-inline-stack;
  9019. display: inline-block;
  9020. vertical-align: top;
  9021. zoom: 1;
  9022. *display: inline;
  9023. width: 50%;
  9024. }
  9025. article.node-materiau.vm-cardfull > .side.group-side-left,
  9026. article.node-breve.vm-cardfull > .side.group-side-left {
  9027. -webkit-border-radius: 5px 0 0 5px;
  9028. -moz-border-radius: 5px 0 0 5px;
  9029. border-radius: 5px 0 0 5px;
  9030. -webkit-background-clip: padding-box;
  9031. -moz-background-clip: padding;
  9032. background-clip: padding-box;
  9033. }
  9034. article.node-materiau.vm-cardfull > .side.group-side-right,
  9035. article.node-breve.vm-cardfull > .side.group-side-right {
  9036. -webkit-border-radius: 0 5px 5px 0;
  9037. -moz-border-radius: 0 5px 5px 0;
  9038. border-radius: 0 5px 5px 0;
  9039. -webkit-background-clip: padding-box;
  9040. -moz-background-clip: padding;
  9041. background-clip: padding-box;
  9042. }
  9043. article.node-materiau.vm-cardfull .group-images,
  9044. article.node-breve.vm-cardfull .group-images {
  9045. position: relative;
  9046. z-index: 1;
  9047. background-color: #ffffff;
  9048. }
  9049. article.node-materiau.vm-cardfull .group-images figure,
  9050. article.node-breve.vm-cardfull .group-images figure {
  9051. position: absolute;
  9052. top: 0;
  9053. left: 0;
  9054. }
  9055. article.node-materiau.vm-cardfull .group-images figure:first-child,
  9056. article.node-breve.vm-cardfull .group-images figure:first-child {
  9057. position: relative;
  9058. z-index: 1;
  9059. }
  9060. article.node-materiau.vm-cardfull .group-header,
  9061. article.node-breve.vm-cardfull .group-header {
  9062. font-size: 20px;
  9063. font-weight: 300;
  9064. padding: 10px;
  9065. }
  9066. article.node-materiau.vm-cardfull .group-header .field-name-title-field,
  9067. article.node-breve.vm-cardfull .group-header .field-name-title-field {
  9068. font-weight: 700;
  9069. }
  9070. article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio,
  9071. article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio,
  9072. article.node-materiau.vm-cardfull .group-header .field-name-field-localisation,
  9073. article.node-breve.vm-cardfull .group-header .field-name-field-localisation,
  9074. article.node-materiau.vm-cardfull .group-header .field-name-field-authored-on,
  9075. article.node-breve.vm-cardfull .group-header .field-name-field-authored-on {
  9076. display: moz-inline-stack;
  9077. display: inline-block;
  9078. vertical-align: top;
  9079. zoom: 1;
  9080. *display: inline;
  9081. font-size: 12px;
  9082. padding-right: 15px;
  9083. }
  9084. article.node-materiau.vm-cardfull.node-breve .group-header,
  9085. article.node-breve.vm-cardfull.node-breve .group-header {
  9086. color: #fff;
  9087. background-color: #000000;
  9088. background-color: rgba(0, 0, 0, 0.7);
  9089. *background-color: #000000;
  9090. text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  9091. -webkit-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  9092. -moz-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  9093. -o-transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  9094. transition: background-color 0.2s ease-out, text-shadow 0.2s ease-out;
  9095. }
  9096. article.node-materiau.vm-cardfull.node-breve .group-header .field-name-field-authored-on,
  9097. article.node-breve.vm-cardfull.node-breve .group-header .field-name-field-authored-on {
  9098. font-weight: 500;
  9099. }
  9100. article.node-materiau.vm-cardfull .field-name-field-description,
  9101. article.node-breve.vm-cardfull .field-name-field-description,
  9102. article.node-materiau.vm-cardfull .field-name-body,
  9103. article.node-breve.vm-cardfull .field-name-body {
  9104. font-size: 12px;
  9105. font-weight: 300;
  9106. padding: 10px;
  9107. }
  9108. article.node-materiau.vm-cardfull .field-name-field-attachments,
  9109. article.node-breve.vm-cardfull .field-name-field-attachments {
  9110. padding: 10px;
  9111. font-size: 12px;
  9112. }
  9113. article.node-materiau.vm-cardfull .field-name-field-company-fab,
  9114. article.node-breve.vm-cardfull .field-name-field-company-fab,
  9115. article.node-materiau.vm-cardfull .field-name-field-company-distrib,
  9116. article.node-breve.vm-cardfull .field-name-field-company-distrib {
  9117. font-size: 12px;
  9118. padding: 10px;
  9119. font-weight: 300;
  9120. display: moz-inline-stack;
  9121. display: inline-block;
  9122. vertical-align: top;
  9123. zoom: 1;
  9124. *display: inline;
  9125. width: 40%;
  9126. }
  9127. article.node-materiau.vm-cardfull .field-name-field-company-fab .field-item,
  9128. article.node-breve.vm-cardfull .field-name-field-company-fab .field-item,
  9129. article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-item,
  9130. article.node-breve.vm-cardfull .field-name-field-company-distrib .field-item {
  9131. margin-top: 1em;
  9132. }
  9133. article.node-materiau.vm-cardfull .field-name-field-company-fab .field-label,
  9134. article.node-breve.vm-cardfull .field-name-field-company-fab .field-label,
  9135. article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-label,
  9136. article.node-breve.vm-cardfull .field-name-field-company-distrib .field-label {
  9137. font-size: 10px;
  9138. text-transform: lowercase;
  9139. float: none;
  9140. }
  9141. article.node-materiau.vm-cardfull .field-name-field-company-fab .field-name-field-tode-company,
  9142. article.node-breve.vm-cardfull .field-name-field-company-fab .field-name-field-tode-company,
  9143. article.node-materiau.vm-cardfull .field-name-field-company-distrib .field-name-field-tode-company,
  9144. article.node-breve.vm-cardfull .field-name-field-company-distrib .field-name-field-tode-company {
  9145. font-size: 14px;
  9146. }
  9147. article.node-materiau.vm-cardfull .field-name-field-materiau-ref,
  9148. article.node-breve.vm-cardfull .field-name-field-materiau-ref,
  9149. article.node-materiau.vm-cardfull .field-name-field-source,
  9150. article.node-breve.vm-cardfull .field-name-field-source,
  9151. article.node-materiau.vm-cardfull .field-name-field-attachments,
  9152. article.node-breve.vm-cardfull .field-name-field-attachments {
  9153. font-size: 12px;
  9154. padding: 10px;
  9155. font-weight: 300;
  9156. }
  9157. article.node-materiau.vm-cardfull .field-name-field-materiau-ref a,
  9158. article.node-breve.vm-cardfull .field-name-field-materiau-ref a,
  9159. article.node-materiau.vm-cardfull .field-name-field-source a,
  9160. article.node-breve.vm-cardfull .field-name-field-source a,
  9161. article.node-materiau.vm-cardfull .field-name-field-attachments a,
  9162. article.node-breve.vm-cardfull .field-name-field-attachments a {
  9163. color: #000;
  9164. }
  9165. article.node-materiau.vm-cardfull .field-label,
  9166. article.node-breve.vm-cardfull .field-label {
  9167. font-weight: 900;
  9168. margin: 0 0 0.5em;
  9169. }
  9170. article.node-materiau.vm-cardfull nav.nav,
  9171. article.node-breve.vm-cardfull nav.nav {
  9172. margin: 5px;
  9173. }
  9174. article.node-materiau.vm-cardfull div.workflow,
  9175. article.node-breve.vm-cardfull div.workflow {
  9176. margin: 5px;
  9177. }
  9178. article.node-materiau.vm-cardfull .side.oops p,
  9179. article.node-breve.vm-cardfull .side.oops p,
  9180. article.node-materiau.vm-cardfull .side .upgrade p,
  9181. article.node-breve.vm-cardfull .side .upgrade p {
  9182. padding: 3em;
  9183. }
  9184. article.node-materiau.vm-cardfull .side.oops p a,
  9185. article.node-breve.vm-cardfull .side.oops p a,
  9186. article.node-materiau.vm-cardfull .side .upgrade p a,
  9187. article.node-breve.vm-cardfull .side .upgrade p a {
  9188. border: 2px solid #eee;
  9189. background-color: #eeeeee;
  9190. color: #fff;
  9191. -webkit-transition: border 0.3s ease-out;
  9192. -moz-transition: border 0.3s ease-out;
  9193. -o-transition: border 0.3s ease-out;
  9194. transition: border 0.3s ease-out;
  9195. -webkit-transition: background-color 0.3s ease-out;
  9196. -moz-transition: background-color 0.3s ease-out;
  9197. -o-transition: background-color 0.3s ease-out;
  9198. transition: background-color 0.3s ease-out;
  9199. }
  9200. article.node-materiau.vm-cardfull:hover .side.oops p a,
  9201. article.node-breve.vm-cardfull:hover .side.oops p a,
  9202. article.node-materiau.vm-cardfull:hover .side .upgrade p a,
  9203. article.node-breve.vm-cardfull:hover .side .upgrade p a {
  9204. border: 2px solid #69CDCF;
  9205. background-color: #69cdcf;
  9206. }
  9207. div.messages {
  9208. padding: 9px;
  9209. margin: 0.5em 0 0;
  9210. color: #3a87ad;
  9211. background: #d9edf7;
  9212. border: 1px solid #bce8f1;
  9213. -moz-border-radius: 5px;
  9214. -webkit-border-radius: 5px;
  9215. border-radius: 5px;
  9216. font-size: 12px;
  9217. }
  9218. div.messages.warning {
  9219. color: #c09853;
  9220. background-color: #fcf8e3;
  9221. border-color: #fbeed5;
  9222. }
  9223. div.messages.error {
  9224. color: #b94a48;
  9225. background-color: #f2dede;
  9226. border-color: #eed3d7;
  9227. }
  9228. div.messages.status {
  9229. color: #468847;
  9230. background-color: #dff0d8;
  9231. border-color: #d6e9c6;
  9232. font-size: 14px;
  9233. }
  9234. .messages-label {
  9235. display: none;
  9236. }
  9237. #better-messages-wrapper {
  9238. background-color: rgba(255, 255, 255, 0.7);
  9239. padding: 10px;
  9240. -webkit-border-radius: 5px;
  9241. -moz-border-radius: 5px;
  9242. border-radius: 5px;
  9243. -webkit-background-clip: padding-box;
  9244. -moz-background-clip: padding;
  9245. background-clip: padding-box;
  9246. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  9247. -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  9248. box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  9249. }
  9250. #better-messages-wrapper #better-messages-default div.messages {
  9251. padding: 9px;
  9252. margin: 0.5em 0 0;
  9253. color: #3a87ad;
  9254. background: #d9edf7;
  9255. border: 1px solid #bce8f1;
  9256. -moz-border-radius: 5px;
  9257. -webkit-border-radius: 5px;
  9258. border-radius: 5px;
  9259. font-size: 12px;
  9260. margin: 0 0 10px 0;
  9261. }
  9262. #better-messages-wrapper #better-messages-default div.messages.warning {
  9263. color: #c09853;
  9264. background-color: #fcf8e3;
  9265. border-color: #fbeed5;
  9266. }
  9267. #better-messages-wrapper #better-messages-default div.messages.error {
  9268. color: #b94a48;
  9269. background-color: #f2dede;
  9270. border-color: #eed3d7;
  9271. }
  9272. #better-messages-wrapper #better-messages-default div.messages.status {
  9273. color: #468847;
  9274. background-color: #dff0d8;
  9275. border-color: #d6e9c6;
  9276. font-size: 14px;
  9277. }
  9278. #better-messages-wrapper #better-messages-default .footer {
  9279. border: none;
  9280. padding: 0;
  9281. margin: 0;
  9282. }
  9283. #better-messages-wrapper #better-messages-default .footer a.message-close {
  9284. background: #ffffff url('../img/close.png') no-repeat center center;
  9285. width: 15px;
  9286. height: 15px;
  9287. -webkit-border-radius: 3px;
  9288. -moz-border-radius: 3px;
  9289. border-radius: 3px;
  9290. -webkit-background-clip: padding-box;
  9291. -moz-background-clip: padding;
  9292. background-clip: padding-box;
  9293. display: block;
  9294. }
  9295. /** Tab navigation */
  9296. /**
  9297. * icons
  9298. */
  9299. i.icon-materio-viewmode-cardsmall {
  9300. background-image: url('../img/sprite.png');
  9301. width: 20px;
  9302. height: 20px;
  9303. line-height: 20px;
  9304. background-position: -42px 0;
  9305. background-color: #ffffff;
  9306. }
  9307. i.icon-materio-viewmode-cardsmall.active {
  9308. background-image: url('../img/sprite.png');
  9309. width: 21px;
  9310. height: 21px;
  9311. line-height: 21px;
  9312. background-position: 0 0;
  9313. background-color: #ffffff;
  9314. }
  9315. i.icon-materio-viewmode-cardsmall:hover:not(.active) {
  9316. background-image: url('../img/sprite.png');
  9317. width: 21px;
  9318. height: 21px;
  9319. line-height: 21px;
  9320. background-position: -21px 0;
  9321. background-color: #ffffff;
  9322. }
  9323. i.icon-materio-viewmode-cardmedium {
  9324. background-image: url('../img/sprite.png');
  9325. width: 21px;
  9326. height: 21px;
  9327. line-height: 21px;
  9328. background-position: -42px -21px;
  9329. background-color: #ffffff;
  9330. }
  9331. i.icon-materio-viewmode-cardmedium.active {
  9332. background-image: url('../img/sprite.png');
  9333. width: 21px;
  9334. height: 21px;
  9335. line-height: 21px;
  9336. background-position: 0 -21px;
  9337. background-color: #ffffff;
  9338. }
  9339. i.icon-materio-viewmode-cardmedium:hover:not(.active) {
  9340. background-image: url('../img/sprite.png');
  9341. width: 21px;
  9342. height: 21px;
  9343. line-height: 21px;
  9344. background-position: -21px -21px;
  9345. background-color: #ffffff;
  9346. }
  9347. i.icon-materio-viewmode-cardbig {
  9348. background-image: url('../img/sprite.png');
  9349. width: 21px;
  9350. height: 21px;
  9351. line-height: 21px;
  9352. background-position: -42px -42px;
  9353. background-color: #ffffff;
  9354. }
  9355. i.icon-materio-viewmode-cardbig.active {
  9356. background-image: url('../img/sprite.png');
  9357. width: 21px;
  9358. height: 21px;
  9359. line-height: 21px;
  9360. background-position: 0 -42px;
  9361. background-color: #ffffff;
  9362. }
  9363. i.icon-materio-viewmode-cardbig:hover:not(.active) {
  9364. background-image: url('../img/sprite.png');
  9365. width: 21px;
  9366. height: 21px;
  9367. line-height: 21px;
  9368. background-position: -21px -42px;
  9369. background-color: #ffffff;
  9370. }
  9371. i.icon-materio-viewmode-cardfull {
  9372. background-image: url('../img/sprite.png');
  9373. width: 21px;
  9374. height: 21px;
  9375. line-height: 21px;
  9376. background-position: -42px -63px;
  9377. background-color: #ffffff;
  9378. }
  9379. i.icon-materio-viewmode-cardfull.active {
  9380. background-image: url('../img/sprite.png');
  9381. width: 21px;
  9382. height: 21px;
  9383. line-height: 21px;
  9384. background-position: 0 -63px;
  9385. background-color: #ffffff;
  9386. }
  9387. i.icon-materio-viewmode-cardfull:hover:not(.active) {
  9388. background-image: url('../img/sprite.png');
  9389. width: 21px;
  9390. height: 21px;
  9391. line-height: 21px;
  9392. background-position: -21px -63px;
  9393. background-color: #ffffff;
  9394. }
  9395. i.icon-materio-search {
  9396. background-image: url('../img/sprite.png');
  9397. width: 21px;
  9398. height: 21px;
  9399. line-height: 21px;
  9400. background-position: -63px -63px;
  9401. background-color: #ffffff;
  9402. }
  9403. i.icon-materio-folder {
  9404. background-image: url('../img/sprite.png');
  9405. width: 21px;
  9406. height: 21px;
  9407. line-height: 21px;
  9408. background-position: -84px -63px;
  9409. background-color: #ffffff;
  9410. }
  9411. /**
  9412. * figures
  9413. */
  9414. figure figcaption {
  9415. display: none;
  9416. }
  9417. figure .blank {
  9418. position: absolute;
  9419. top: 0;
  9420. left: 0;
  9421. width: 100%;
  9422. height: 100%;
  9423. }
  9424. /* ==|== print styles =======================================================
  9425. Print styles.
  9426. Inlined to avoid required HTTP connection: h5bp.com/r
  9427. ========================================================================== */
  9428. a:focus {
  9429. outline: 0;
  9430. }
  9431. /*
  9432. * Improves readability when focused and also mouse hovered in all browsers.
  9433. */
  9434. a:active,
  9435. a:hover {
  9436. outline: 0;
  9437. }
  9438. /** COLORBOX */
  9439. #colorbox {
  9440. -webkit-border-radius: 2px;
  9441. -moz-border-radius: 2px;
  9442. border-radius: 2px;
  9443. -webkit-background-clip: padding-box;
  9444. -moz-background-clip: padding;
  9445. background-clip: padding-box;
  9446. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  9447. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  9448. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  9449. }
  9450. #colorbox #cboxLoadedContent {
  9451. background-color: #fff;
  9452. }
  9453. /** embed player */
  9454. @media screen and (max-width: 767px) {
  9455. .embedded-video .player iframe {
  9456. max-width: 100%;
  9457. height: auto;
  9458. }
  9459. }
  9460. /** devel */
  9461. .not-logged-in #tasks ul.tabs.primary {
  9462. display: none;
  9463. }
  9464. /** AUTOCOMPLETE */
  9465. #autocomplete {
  9466. border: 0;
  9467. -webkit-border-radius: 3px;
  9468. -moz-border-radius: 3px;
  9469. border-radius: 3px;
  9470. -webkit-background-clip: padding-box;
  9471. -moz-background-clip: padding;
  9472. background-clip: padding-box;
  9473. background-color: #000000;
  9474. background-color: rgba(0, 0, 0, 0.6);
  9475. *background-color: #000000;
  9476. text-align: left;
  9477. margin-left: 2px;
  9478. }
  9479. .oldie #autocomplete {
  9480. background-color: #545454;
  9481. }
  9482. #autocomplete li {
  9483. color: #FFF;
  9484. background-color: transparent;
  9485. font-size: 12px;
  9486. }
  9487. #autocomplete li.selected {
  9488. background-color: #000000;
  9489. background-color: rgba(0, 0, 0, 0.8);
  9490. *background-color: #000000;
  9491. }
  9492. #autocomplete li div {
  9493. padding: 0.1em 5px;
  9494. }
  9495. /**
  9496. * the old modal api (balck bg) for contextual forms (create new flag list)
  9497. */
  9498. #modal {
  9499. background-color: rgba(0, 0, 0, 0.7);
  9500. -webkit-border-radius: 5px;
  9501. -moz-border-radius: 5px;
  9502. border-radius: 5px;
  9503. -webkit-background-clip: padding-box;
  9504. -moz-background-clip: padding;
  9505. background-clip: padding-box;
  9506. border: 0;
  9507. font-size: 12px;
  9508. }
  9509. #modal * {
  9510. color: #fff;
  9511. background-color: transparent;
  9512. }
  9513. #modal form {
  9514. background-color: transparent;
  9515. color: #fff;
  9516. border: 0px;
  9517. }
  9518. #modal form .form-actions {
  9519. background-color: transparent;
  9520. margin: 0;
  9521. padding: 0;
  9522. border: 0;
  9523. }
  9524. #modal form input.form-text,
  9525. #modal form textarea,
  9526. #modal form div.grippie {
  9527. background-color: #ffffff;
  9528. color: #000;
  9529. border: 0;
  9530. }
  9531. #modal form .form-actions {
  9532. text-align: right ;
  9533. }
  9534. #modal form input.form-submit {
  9535. display: inline-block;
  9536. *display: inline;
  9537. /* IE7 inline-block hack */
  9538. *zoom: 1;
  9539. padding: 4px 12px;
  9540. margin-bottom: 0;
  9541. font-size: 14px;
  9542. line-height: 20px;
  9543. text-align: center;
  9544. vertical-align: middle;
  9545. cursor: pointer;
  9546. color: #333333;
  9547. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  9548. background-color: #f5f5f5;
  9549. background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  9550. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  9551. background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  9552. background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  9553. background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  9554. background-repeat: repeat-x;
  9555. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  9556. border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  9557. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  9558. *background-color: #e6e6e6;
  9559. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  9560. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  9561. border: 1px solid #cccccc;
  9562. *border: 0;
  9563. border-bottom-color: #b3b3b3;
  9564. -webkit-border-radius: 4px;
  9565. -moz-border-radius: 4px;
  9566. border-radius: 4px;
  9567. -webkit-border-radius: 4px 0 0 0;
  9568. -moz-border-radius: 4px 0 0 0;
  9569. border-radius: 4px 0 0 0;
  9570. *margin-left: .3em;
  9571. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  9572. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  9573. box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  9574. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  9575. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  9576. -webkit-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9577. -moz-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9578. -ms-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9579. box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9580. padding: 0 6px;
  9581. font-size: 10.5px;
  9582. -webkit-border-radius: 3px;
  9583. -moz-border-radius: 3px;
  9584. border-radius: 3px;
  9585. -webkit-border-radius: 3px 0 0 0;
  9586. -moz-border-radius: 3px 0 0 0;
  9587. border-radius: 3px 0 0 0;
  9588. -webkit-background-clip: padding-box;
  9589. -moz-background-clip: padding;
  9590. background-clip: padding-box;
  9591. color: #000;
  9592. }
  9593. #modal form input.form-submit:hover,
  9594. #modal form input.form-submit:focus,
  9595. #modal form input.form-submit:active,
  9596. #modal form input.form-submit.active,
  9597. #modal form input.form-submit.disabled,
  9598. #modal form input.form-submit[disabled] {
  9599. color: #333333;
  9600. background-color: #e6e6e6;
  9601. *background-color: #d9d9d9;
  9602. }
  9603. #modal form input.form-submit:active,
  9604. #modal form input.form-submit.active {
  9605. background-color: #cccccc \9;
  9606. }
  9607. #modal form input.form-submit:first-child {
  9608. *margin-left: 0;
  9609. }
  9610. #modal form input.form-submit:hover,
  9611. #modal form input.form-submit:focus {
  9612. color: #333333;
  9613. text-decoration: none;
  9614. background-position: 0 -15px;
  9615. -webkit-transition: background-position 0.1s linear;
  9616. -moz-transition: background-position 0.1s linear;
  9617. -o-transition: background-position 0.1s linear;
  9618. transition: background-position 0.1s linear;
  9619. }
  9620. #modal form input.form-submit:focus {
  9621. outline: thin dotted #333;
  9622. outline: 5px auto -webkit-focus-ring-color;
  9623. outline-offset: -2px;
  9624. }
  9625. #modal form input.form-submit.active,
  9626. #modal form input.form-submit:active {
  9627. background-image: none;
  9628. outline: 0;
  9629. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  9630. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  9631. box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  9632. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  9633. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  9634. -webkit-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9635. -moz-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9636. -ms-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9637. box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9638. }
  9639. #modal form input.form-submit.disabled,
  9640. #modal form input.form-submit[disabled] {
  9641. cursor: default;
  9642. background-image: none;
  9643. opacity: 0.65;
  9644. filter: alpha(opacity=65);
  9645. -webkit-opacity: 65;
  9646. -khtml-opacity: 65;
  9647. -moz-opacity: 65;
  9648. opacity: 65;
  9649. -webkit-box-shadow: none;
  9650. -moz-box-shadow: none;
  9651. box-shadow: none;
  9652. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  9653. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  9654. -webkit-box-shadow: 0 0 none #000000;
  9655. -moz-box-shadow: 0 0 none #000000;
  9656. -ms-box-shadow: 0 0 none #000000;
  9657. box-shadow: 0 0 none #000000;
  9658. }
  9659. #modal form input.form-submit .label,
  9660. #modal form input.form-submit .badge {
  9661. position: relative;
  9662. top: -1px;
  9663. }
  9664. #modal form input.form-submit .label,
  9665. #modal form input.form-submit .badge {
  9666. top: 0;
  9667. }
  9668. #modal form input.form-submit[name="create"] {
  9669. color: #ffffff;
  9670. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  9671. background-color: #49afcd;
  9672. background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  9673. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  9674. background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  9675. background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  9676. background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  9677. background-repeat: repeat-x;
  9678. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  9679. border-color: #2f96b4 #2f96b4 #1f6377;
  9680. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  9681. *background-color: #2f96b4;
  9682. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  9683. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  9684. }
  9685. #modal form input.form-submit[name="create"]:hover,
  9686. #modal form input.form-submit[name="create"]:focus,
  9687. #modal form input.form-submit[name="create"]:active,
  9688. #modal form input.form-submit[name="create"].active,
  9689. #modal form input.form-submit[name="create"].disabled,
  9690. #modal form input.form-submit[name="create"][disabled] {
  9691. color: #ffffff;
  9692. background-color: #2f96b4;
  9693. *background-color: #2a85a0;
  9694. }
  9695. #modal form input.form-submit[name="create"]:active,
  9696. #modal form input.form-submit[name="create"].active {
  9697. background-color: #24748c \9;
  9698. }
  9699. #modal form input.form-submit[name="create"] .caret {
  9700. border-top-color: #ffffff;
  9701. border-bottom-color: #ffffff;
  9702. }
  9703. #modal > * {
  9704. padding: 10px;
  9705. }
  9706. #modal .form-item-flag-lists-name input {
  9707. width: 95%;
  9708. }
  9709. #modal .actions {
  9710. text-align: right;
  9711. }
  9712. /**
  9713. * the new modal api used for preview and register modal
  9714. */
  9715. .modal-wrapper {
  9716. bottom: 0;
  9717. left: 0;
  9718. position: fixed;
  9719. right: 0;
  9720. text-align: center;
  9721. top: 0;
  9722. white-space: nowrap;
  9723. z-index: 99998;
  9724. }
  9725. .modal-wrapper:before {
  9726. content: "";
  9727. display: inline-block;
  9728. height: 100%;
  9729. margin-right: -0.25em;
  9730. vertical-align: middle;
  9731. }
  9732. .modal-wrapper:after,
  9733. .modal-wrapper:before {
  9734. -moz-box-sizing: border-box;
  9735. }
  9736. .modal-wrapper .modal-bg {
  9737. background-color: #000;
  9738. position: absolute;
  9739. top: 0;
  9740. left: 0;
  9741. width: 100%;
  9742. height: 100%;
  9743. opacity: 0.005;
  9744. filter: alpha(opacity=0.5);
  9745. -webkit-opacity: 0.5;
  9746. -khtml-opacity: 0.5;
  9747. -moz-opacity: 0.5;
  9748. opacity: 0.5;
  9749. }
  9750. .modal-wrapper .modal-content {
  9751. position: relative;
  9752. display: inline-block;
  9753. margin: 0 auto;
  9754. text-align: left;
  9755. vertical-align: middle;
  9756. white-space: normal;
  9757. min-height: 200px;
  9758. }
  9759. /** MODALCONTENT */
  9760. /** JSCROLLPAN */
  9761. .jspContainer .jspVerticalBar {
  9762. background-color: transparent;
  9763. width: 5px;
  9764. }
  9765. .jspContainer .jspVerticalBar .jspTrack {
  9766. background-color: transparent;
  9767. }
  9768. .jspContainer .jspVerticalBar .jspTrack .jspDrag {
  9769. background-color: #ccc;
  9770. -webkit-border-radius: 3px;
  9771. -moz-border-radius: 3px;
  9772. border-radius: 3px;
  9773. -webkit-background-clip: padding-box;
  9774. -moz-background-clip: padding;
  9775. background-clip: padding-box;
  9776. }
  9777. /** TOOLTIP */
  9778. #tooltip {
  9779. position: absolute;
  9780. z-index: 999;
  9781. max-width: 180px;
  9782. background-color: #ffffff;
  9783. padding: 5px;
  9784. -webkit-border-radius: 3px;
  9785. -moz-border-radius: 3px;
  9786. border-radius: 3px;
  9787. -webkit-background-clip: padding-box;
  9788. -moz-background-clip: padding;
  9789. background-clip: padding-box;
  9790. font-size: 12px;
  9791. font-weight: 500;
  9792. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  9793. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  9794. box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  9795. }
  9796. #tooltip.op-visible {
  9797. -webkit-transition: opacity 0.1s ease-out, top 0.1s linear;
  9798. -moz-transition: opacity 0.1s ease-out, top 0.1s linear;
  9799. -o-transition: opacity 0.1s ease-out, top 0.1s linear;
  9800. transition: opacity 0.1s ease-out, top 0.1s linear;
  9801. }
  9802. /** FEEDBACK */
  9803. @media screen and (max-width: 767px) {
  9804. #block-feedback-form {
  9805. bottom: 5px;
  9806. left: 5px;
  9807. right: auto;
  9808. }
  9809. }
  9810. #block-feedback-form h2 {
  9811. line-height: 1.2;
  9812. font-size: 14px;
  9813. margin: 0;
  9814. }
  9815. #block-feedback-form h2 .title {
  9816. display: none;
  9817. }
  9818. #block-feedback-form #feedback-form-toggle {
  9819. padding: 2px 3px;
  9820. -webkit-border-radius: 3px;
  9821. -moz-border-radius: 3px;
  9822. border-radius: 3px;
  9823. -webkit-background-clip: padding-box;
  9824. -moz-background-clip: padding;
  9825. background-clip: padding-box;
  9826. background-color: #ff7600;
  9827. color: #fff;
  9828. line-height: 2;
  9829. font-weight: 900;
  9830. }
  9831. #block-feedback-form .content {
  9832. background-color: rgba(0, 0, 0, 0.7);
  9833. -webkit-border-radius: 5px;
  9834. -moz-border-radius: 5px;
  9835. border-radius: 5px;
  9836. -webkit-background-clip: padding-box;
  9837. -moz-background-clip: padding;
  9838. background-clip: padding-box;
  9839. border: 0;
  9840. font-size: 12px;
  9841. }
  9842. #block-feedback-form .content * {
  9843. color: #fff;
  9844. background-color: transparent;
  9845. }
  9846. #block-feedback-form .content form {
  9847. background-color: transparent;
  9848. color: #fff;
  9849. border: 0px;
  9850. }
  9851. #block-feedback-form .content form .form-actions {
  9852. background-color: transparent;
  9853. margin: 0;
  9854. padding: 0;
  9855. border: 0;
  9856. }
  9857. #block-feedback-form .content form input.form-text,
  9858. #block-feedback-form .content form textarea,
  9859. #block-feedback-form .content form div.grippie {
  9860. background-color: #ffffff;
  9861. color: #000;
  9862. border: 0;
  9863. }
  9864. #block-feedback-form .content form .form-actions {
  9865. text-align: right ;
  9866. }
  9867. #block-feedback-form .content form input.form-submit {
  9868. display: inline-block;
  9869. *display: inline;
  9870. /* IE7 inline-block hack */
  9871. *zoom: 1;
  9872. padding: 4px 12px;
  9873. margin-bottom: 0;
  9874. font-size: 14px;
  9875. line-height: 20px;
  9876. text-align: center;
  9877. vertical-align: middle;
  9878. cursor: pointer;
  9879. color: #333333;
  9880. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  9881. background-color: #f5f5f5;
  9882. background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  9883. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  9884. background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  9885. background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  9886. background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  9887. background-repeat: repeat-x;
  9888. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  9889. border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  9890. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  9891. *background-color: #e6e6e6;
  9892. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  9893. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  9894. border: 1px solid #cccccc;
  9895. *border: 0;
  9896. border-bottom-color: #b3b3b3;
  9897. -webkit-border-radius: 4px;
  9898. -moz-border-radius: 4px;
  9899. border-radius: 4px;
  9900. -webkit-border-radius: 4px 0 0 0;
  9901. -moz-border-radius: 4px 0 0 0;
  9902. border-radius: 4px 0 0 0;
  9903. *margin-left: .3em;
  9904. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  9905. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  9906. box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  9907. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  9908. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  9909. -webkit-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9910. -moz-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9911. -ms-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9912. box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  9913. padding: 0 6px;
  9914. font-size: 10.5px;
  9915. -webkit-border-radius: 3px;
  9916. -moz-border-radius: 3px;
  9917. border-radius: 3px;
  9918. -webkit-border-radius: 3px 0 0 0;
  9919. -moz-border-radius: 3px 0 0 0;
  9920. border-radius: 3px 0 0 0;
  9921. -webkit-background-clip: padding-box;
  9922. -moz-background-clip: padding;
  9923. background-clip: padding-box;
  9924. color: #000;
  9925. }
  9926. #block-feedback-form .content form input.form-submit:hover,
  9927. #block-feedback-form .content form input.form-submit:focus,
  9928. #block-feedback-form .content form input.form-submit:active,
  9929. #block-feedback-form .content form input.form-submit.active,
  9930. #block-feedback-form .content form input.form-submit.disabled,
  9931. #block-feedback-form .content form input.form-submit[disabled] {
  9932. color: #333333;
  9933. background-color: #e6e6e6;
  9934. *background-color: #d9d9d9;
  9935. }
  9936. #block-feedback-form .content form input.form-submit:active,
  9937. #block-feedback-form .content form input.form-submit.active {
  9938. background-color: #cccccc \9;
  9939. }
  9940. #block-feedback-form .content form input.form-submit:first-child {
  9941. *margin-left: 0;
  9942. }
  9943. #block-feedback-form .content form input.form-submit:hover,
  9944. #block-feedback-form .content form input.form-submit:focus {
  9945. color: #333333;
  9946. text-decoration: none;
  9947. background-position: 0 -15px;
  9948. -webkit-transition: background-position 0.1s linear;
  9949. -moz-transition: background-position 0.1s linear;
  9950. -o-transition: background-position 0.1s linear;
  9951. transition: background-position 0.1s linear;
  9952. }
  9953. #block-feedback-form .content form input.form-submit:focus {
  9954. outline: thin dotted #333;
  9955. outline: 5px auto -webkit-focus-ring-color;
  9956. outline-offset: -2px;
  9957. }
  9958. #block-feedback-form .content form input.form-submit.active,
  9959. #block-feedback-form .content form input.form-submit:active {
  9960. background-image: none;
  9961. outline: 0;
  9962. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  9963. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  9964. box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  9965. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  9966. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  9967. -webkit-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9968. -moz-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9969. -ms-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9970. box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  9971. }
  9972. #block-feedback-form .content form input.form-submit.disabled,
  9973. #block-feedback-form .content form input.form-submit[disabled] {
  9974. cursor: default;
  9975. background-image: none;
  9976. opacity: 0.65;
  9977. filter: alpha(opacity=65);
  9978. -webkit-opacity: 65;
  9979. -khtml-opacity: 65;
  9980. -moz-opacity: 65;
  9981. opacity: 65;
  9982. -webkit-box-shadow: none;
  9983. -moz-box-shadow: none;
  9984. box-shadow: none;
  9985. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  9986. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  9987. -webkit-box-shadow: 0 0 none #000000;
  9988. -moz-box-shadow: 0 0 none #000000;
  9989. -ms-box-shadow: 0 0 none #000000;
  9990. box-shadow: 0 0 none #000000;
  9991. }
  9992. #block-feedback-form .content form input.form-submit .label,
  9993. #block-feedback-form .content form input.form-submit .badge {
  9994. position: relative;
  9995. top: -1px;
  9996. }
  9997. #block-feedback-form .content form input.form-submit .label,
  9998. #block-feedback-form .content form input.form-submit .badge {
  9999. top: 0;
  10000. }
  10001. #block-feedback-form .content form input.form-submit[name="create"] {
  10002. color: #ffffff;
  10003. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  10004. background-color: #49afcd;
  10005. background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  10006. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  10007. background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  10008. background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  10009. background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  10010. background-repeat: repeat-x;
  10011. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  10012. border-color: #2f96b4 #2f96b4 #1f6377;
  10013. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  10014. *background-color: #2f96b4;
  10015. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  10016. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  10017. }
  10018. #block-feedback-form .content form input.form-submit[name="create"]:hover,
  10019. #block-feedback-form .content form input.form-submit[name="create"]:focus,
  10020. #block-feedback-form .content form input.form-submit[name="create"]:active,
  10021. #block-feedback-form .content form input.form-submit[name="create"].active,
  10022. #block-feedback-form .content form input.form-submit[name="create"].disabled,
  10023. #block-feedback-form .content form input.form-submit[name="create"][disabled] {
  10024. color: #ffffff;
  10025. background-color: #2f96b4;
  10026. *background-color: #2a85a0;
  10027. }
  10028. #block-feedback-form .content form input.form-submit[name="create"]:active,
  10029. #block-feedback-form .content form input.form-submit[name="create"].active {
  10030. background-color: #24748c \9;
  10031. }
  10032. #block-feedback-form .content form input.form-submit[name="create"] .caret {
  10033. border-top-color: #ffffff;
  10034. border-bottom-color: #ffffff;
  10035. }
  10036. .ie8 #block-feedback-form .content {
  10037. background: #000;
  10038. }
  10039. #block-feedback-form #feedback-status-message {
  10040. background-color: #ffffff;
  10041. padding: 5px;
  10042. }
  10043. /** TASK / TABS **/
  10044. #tasks ul.tabs {
  10045. display: moz-inline-stack;
  10046. display: inline-block;
  10047. vertical-align: top;
  10048. zoom: 1;
  10049. *display: inline;
  10050. border: 0 solid #fff;
  10051. padding: 0;
  10052. margin: 0;
  10053. }
  10054. #tasks ul.tabs li {
  10055. padding: 0;
  10056. margin: 2px 5px;
  10057. border: 0 solid #fff;
  10058. }
  10059. #tasks ul.tabs a {
  10060. border: 0;
  10061. color: #7f7f7f;
  10062. }
  10063. #tasks ul.tabs a.active,
  10064. #tasks ul.tabs a:hover {
  10065. font-weight: 900;
  10066. color: #000;
  10067. }
  10068. #tasks ul.tabs.primary a {
  10069. font-size: 12px;
  10070. padding: 5px 10px;
  10071. background-color: #e6e6e6;
  10072. -webkit-border-radius: 3px;
  10073. -moz-border-radius: 3px;
  10074. border-radius: 3px;
  10075. -webkit-background-clip: padding-box;
  10076. -moz-background-clip: padding;
  10077. background-clip: padding-box;
  10078. }
  10079. #tasks ul.tabs.primary a.active,
  10080. #tasks ul.tabs.primary a:hover {
  10081. background-color: #e6e6e6;
  10082. }
  10083. #tasks ul.tabs.secondary {
  10084. font-size: 10px;
  10085. padding: 0.5em 1em;
  10086. }
  10087. /** STATICS */
  10088. /** user */
  10089. .page-user #main,
  10090. .page-user-edit #main,
  10091. .page-user-password #main,
  10092. .page-user-reset #main,
  10093. .page-toboggan #main {
  10094. background: #ffffff url('../img/user-page-bg.gif') no-repeat bottom right;
  10095. }
  10096. .page-user .messages,
  10097. .page-user-edit .messages,
  10098. .page-user-password .messages,
  10099. .page-user-reset .messages,
  10100. .page-toboggan .messages {
  10101. width: 800px;
  10102. margin: 0 auto;
  10103. }
  10104. .page-user.role-6 #tasks .tabs.primary,
  10105. .page-user-edit.role-6 #tasks .tabs.primary,
  10106. .page-user-password.role-6 #tasks .tabs.primary,
  10107. .page-user-reset.role-6 #tasks .tabs.primary,
  10108. .page-toboggan.role-6 #tasks .tabs.primary {
  10109. display: none;
  10110. }
  10111. .page-user.role-6 #tasks .tabs.secondary a,
  10112. .page-user-edit.role-6 #tasks .tabs.secondary a,
  10113. .page-user-password.role-6 #tasks .tabs.secondary a,
  10114. .page-user-reset.role-6 #tasks .tabs.secondary a,
  10115. .page-toboggan.role-6 #tasks .tabs.secondary a {
  10116. font-size: 12px;
  10117. padding: 5px 10px;
  10118. background-color: #e6e6e6;
  10119. -webkit-border-radius: 3px;
  10120. -moz-border-radius: 3px;
  10121. border-radius: 3px;
  10122. -webkit-background-clip: padding-box;
  10123. -moz-background-clip: padding;
  10124. background-clip: padding-box;
  10125. }
  10126. .page-user.role-6 #tasks .tabs.secondary a.active,
  10127. .page-user-edit.role-6 #tasks .tabs.secondary a.active,
  10128. .page-user-password.role-6 #tasks .tabs.secondary a.active,
  10129. .page-user-reset.role-6 #tasks .tabs.secondary a.active,
  10130. .page-toboggan.role-6 #tasks .tabs.secondary a.active,
  10131. .page-user.role-6 #tasks .tabs.secondary a:hover,
  10132. .page-user-edit.role-6 #tasks .tabs.secondary a:hover,
  10133. .page-user-password.role-6 #tasks .tabs.secondary a:hover,
  10134. .page-user-reset.role-6 #tasks .tabs.secondary a:hover,
  10135. .page-toboggan.role-6 #tasks .tabs.secondary a:hover {
  10136. background-color: #e6e6e6;
  10137. }
  10138. .page-user #content .inner-content > *,
  10139. .page-user-edit #content .inner-content > *,
  10140. .page-user-password #content .inner-content > *,
  10141. .page-user-reset #content .inner-content > *,
  10142. .page-toboggan #content .inner-content > * {
  10143. width: 800px;
  10144. margin: 0 auto;
  10145. padding-top: 1em;
  10146. font-size: 14px;
  10147. /* #user-profile-form */
  10148. }
  10149. .page-user #content .inner-content > * fieldset,
  10150. .page-user-edit #content .inner-content > * fieldset,
  10151. .page-user-password #content .inner-content > * fieldset,
  10152. .page-user-reset #content .inner-content > * fieldset,
  10153. .page-toboggan #content .inner-content > * fieldset {
  10154. margin-bottom: 1em;
  10155. }
  10156. .page-user #content .inner-content > * legend,
  10157. .page-user-edit #content .inner-content > * legend,
  10158. .page-user-password #content .inner-content > * legend,
  10159. .page-user-reset #content .inner-content > * legend,
  10160. .page-toboggan #content .inner-content > * legend {
  10161. font-size: 16px;
  10162. margin: 0;
  10163. padding: 10px 0 5px 0;
  10164. line-height: 1;
  10165. border: 0 solid #fff;
  10166. }
  10167. .page-user #content .inner-content > * legend a,
  10168. .page-user-edit #content .inner-content > * legend a,
  10169. .page-user-password #content .inner-content > * legend a,
  10170. .page-user-reset #content .inner-content > * legend a,
  10171. .page-toboggan #content .inner-content > * legend a {
  10172. color: #000;
  10173. }
  10174. .page-user #content .inner-content > * .form-item,
  10175. .page-user-edit #content .inner-content > * .form-item,
  10176. .page-user-password #content .inner-content > * .form-item,
  10177. .page-user-reset #content .inner-content > * .form-item,
  10178. .page-toboggan #content .inner-content > * .form-item {
  10179. margin: 0 0 0.5em 0;
  10180. width: 100%;
  10181. }
  10182. .page-user #content .inner-content > * .form-item label,
  10183. .page-user-edit #content .inner-content > * .form-item label,
  10184. .page-user-password #content .inner-content > * .form-item label,
  10185. .page-user-reset #content .inner-content > * .form-item label,
  10186. .page-toboggan #content .inner-content > * .form-item label,
  10187. .page-user #content .inner-content > * .form-item input.form-text,
  10188. .page-user-edit #content .inner-content > * .form-item input.form-text,
  10189. .page-user-password #content .inner-content > * .form-item input.form-text,
  10190. .page-user-reset #content .inner-content > * .form-item input.form-text,
  10191. .page-toboggan #content .inner-content > * .form-item input.form-text {
  10192. display: moz-inline-stack;
  10193. display: inline-block;
  10194. vertical-align: top;
  10195. zoom: 1;
  10196. *display: inline;
  10197. vertical-align: middle;
  10198. }
  10199. .page-user #content .inner-content > * .form-item label,
  10200. .page-user-edit #content .inner-content > * .form-item label,
  10201. .page-user-password #content .inner-content > * .form-item label,
  10202. .page-user-reset #content .inner-content > * .form-item label,
  10203. .page-toboggan #content .inner-content > * .form-item label {
  10204. margin-right: 1em;
  10205. min-width: 6em;
  10206. }
  10207. .page-user #content .inner-content > * .form-item input.form-text,
  10208. .page-user-edit #content .inner-content > * .form-item input.form-text,
  10209. .page-user-password #content .inner-content > * .form-item input.form-text,
  10210. .page-user-reset #content .inner-content > * .form-item input.form-text,
  10211. .page-toboggan #content .inner-content > * .form-item input.form-text {
  10212. padding: 2px 4px;
  10213. }
  10214. .page-user #content .inner-content > * .form-wrapper > .form-item,
  10215. .page-user-edit #content .inner-content > * .form-wrapper > .form-item,
  10216. .page-user-password #content .inner-content > * .form-wrapper > .form-item,
  10217. .page-user-reset #content .inner-content > * .form-wrapper > .form-item,
  10218. .page-toboggan #content .inner-content > * .form-wrapper > .form-item {
  10219. margin: 0 0 2em 0;
  10220. }
  10221. .page-user #content .inner-content > * .form-type-password-confirm label,
  10222. .page-user-edit #content .inner-content > * .form-type-password-confirm label,
  10223. .page-user-password #content .inner-content > * .form-type-password-confirm label,
  10224. .page-user-reset #content .inner-content > * .form-type-password-confirm label,
  10225. .page-toboggan #content .inner-content > * .form-type-password-confirm label,
  10226. .page-user #content .inner-content > * .form-type-new-password-confirm label,
  10227. .page-user-edit #content .inner-content > * .form-type-new-password-confirm label,
  10228. .page-user-password #content .inner-content > * .form-type-new-password-confirm label,
  10229. .page-user-reset #content .inner-content > * .form-type-new-password-confirm label,
  10230. .page-toboggan #content .inner-content > * .form-type-new-password-confirm label {
  10231. width: 9em;
  10232. }
  10233. .page-user #content .inner-content > * .form-type-password-confirm .password-parent,
  10234. .page-user-edit #content .inner-content > * .form-type-password-confirm .password-parent,
  10235. .page-user-password #content .inner-content > * .form-type-password-confirm .password-parent,
  10236. .page-user-reset #content .inner-content > * .form-type-password-confirm .password-parent,
  10237. .page-toboggan #content .inner-content > * .form-type-password-confirm .password-parent,
  10238. .page-user #content .inner-content > * .form-type-new-password-confirm .password-parent,
  10239. .page-user-edit #content .inner-content > * .form-type-new-password-confirm .password-parent,
  10240. .page-user-password #content .inner-content > * .form-type-new-password-confirm .password-parent,
  10241. .page-user-reset #content .inner-content > * .form-type-new-password-confirm .password-parent,
  10242. .page-toboggan #content .inner-content > * .form-type-new-password-confirm .password-parent {
  10243. width: auto;
  10244. }
  10245. .page-user #content .inner-content > * .form-type-password-confirm .password-strength,
  10246. .page-user-edit #content .inner-content > * .form-type-password-confirm .password-strength,
  10247. .page-user-password #content .inner-content > * .form-type-password-confirm .password-strength,
  10248. .page-user-reset #content .inner-content > * .form-type-password-confirm .password-strength,
  10249. .page-toboggan #content .inner-content > * .form-type-password-confirm .password-strength,
  10250. .page-user #content .inner-content > * .form-type-new-password-confirm .password-strength,
  10251. .page-user-edit #content .inner-content > * .form-type-new-password-confirm .password-strength,
  10252. .page-user-password #content .inner-content > * .form-type-new-password-confirm .password-strength,
  10253. .page-user-reset #content .inner-content > * .form-type-new-password-confirm .password-strength,
  10254. .page-toboggan #content .inner-content > * .form-type-new-password-confirm .password-strength,
  10255. .page-user #content .inner-content > * .form-type-password-confirm .password-confirm,
  10256. .page-user-edit #content .inner-content > * .form-type-password-confirm .password-confirm,
  10257. .page-user-password #content .inner-content > * .form-type-password-confirm .password-confirm,
  10258. .page-user-reset #content .inner-content > * .form-type-password-confirm .password-confirm,
  10259. .page-toboggan #content .inner-content > * .form-type-password-confirm .password-confirm,
  10260. .page-user #content .inner-content > * .form-type-new-password-confirm .password-confirm,
  10261. .page-user-edit #content .inner-content > * .form-type-new-password-confirm .password-confirm,
  10262. .page-user-password #content .inner-content > * .form-type-new-password-confirm .password-confirm,
  10263. .page-user-reset #content .inner-content > * .form-type-new-password-confirm .password-confirm,
  10264. .page-toboggan #content .inner-content > * .form-type-new-password-confirm .password-confirm {
  10265. width: 15em;
  10266. margin-top: 0;
  10267. }
  10268. .page-user #content .inner-content > * .form-type-checkbox input,
  10269. .page-user-edit #content .inner-content > * .form-type-checkbox input,
  10270. .page-user-password #content .inner-content > * .form-type-checkbox input,
  10271. .page-user-reset #content .inner-content > * .form-type-checkbox input,
  10272. .page-toboggan #content .inner-content > * .form-type-checkbox input {
  10273. margin: 0;
  10274. }
  10275. .page-user #content .inner-content > * .form-type-checkbox label,
  10276. .page-user-edit #content .inner-content > * .form-type-checkbox label,
  10277. .page-user-password #content .inner-content > * .form-type-checkbox label,
  10278. .page-user-reset #content .inner-content > * .form-type-checkbox label,
  10279. .page-toboggan #content .inner-content > * .form-type-checkbox label {
  10280. font-size: 14px;
  10281. margin: 0;
  10282. }
  10283. .page-user #content .inner-content > * #edit-language .form-item,
  10284. .page-user-edit #content .inner-content > * #edit-language .form-item,
  10285. .page-user-password #content .inner-content > * #edit-language .form-item,
  10286. .page-user-reset #content .inner-content > * #edit-language .form-item,
  10287. .page-toboggan #content .inner-content > * #edit-language .form-item {
  10288. display: moz-inline-stack;
  10289. display: inline-block;
  10290. vertical-align: top;
  10291. zoom: 1;
  10292. *display: inline;
  10293. width: auto;
  10294. margin-right: 1em;
  10295. }
  10296. .page-user #content .inner-content > * #edit-language .form-item input,
  10297. .page-user-edit #content .inner-content > * #edit-language .form-item input,
  10298. .page-user-password #content .inner-content > * #edit-language .form-item input,
  10299. .page-user-reset #content .inner-content > * #edit-language .form-item input,
  10300. .page-toboggan #content .inner-content > * #edit-language .form-item input,
  10301. .page-user #content .inner-content > * #edit-language .form-item label,
  10302. .page-user-edit #content .inner-content > * #edit-language .form-item label,
  10303. .page-user-password #content .inner-content > * #edit-language .form-item label,
  10304. .page-user-reset #content .inner-content > * #edit-language .form-item label,
  10305. .page-toboggan #content .inner-content > * #edit-language .form-item label {
  10306. margin: 0;
  10307. }
  10308. .page-user #content .inner-content > * select.form-select,
  10309. .page-user-edit #content .inner-content > * select.form-select,
  10310. .page-user-password #content .inner-content > * select.form-select,
  10311. .page-user-reset #content .inner-content > * select.form-select,
  10312. .page-toboggan #content .inner-content > * select.form-select {
  10313. width: auto;
  10314. padding: 2px 4px;
  10315. height: auto;
  10316. }
  10317. .page-user #content .inner-content > * div.description,
  10318. .page-user-edit #content .inner-content > * div.description,
  10319. .page-user-password #content .inner-content > * div.description,
  10320. .page-user-reset #content .inner-content > * div.description,
  10321. .page-toboggan #content .inner-content > * div.description {
  10322. font-size: 10px;
  10323. }
  10324. .page-user #content .inner-content > * div.form-actions,
  10325. .page-user-edit #content .inner-content > * div.form-actions,
  10326. .page-user-password #content .inner-content > * div.form-actions,
  10327. .page-user-reset #content .inner-content > * div.form-actions,
  10328. .page-toboggan #content .inner-content > * div.form-actions {
  10329. margin: 0;
  10330. text-align: right;
  10331. padding: 1em 0.5em;
  10332. }
  10333. .page-user #content .inner-content > * input#edit-submit,
  10334. .page-user-edit #content .inner-content > * input#edit-submit,
  10335. .page-user-password #content .inner-content > * input#edit-submit,
  10336. .page-user-reset #content .inner-content > * input#edit-submit,
  10337. .page-toboggan #content .inner-content > * input#edit-submit {
  10338. display: inline-block;
  10339. *display: inline;
  10340. /* IE7 inline-block hack */
  10341. *zoom: 1;
  10342. padding: 4px 12px;
  10343. margin-bottom: 0;
  10344. font-size: 14px;
  10345. line-height: 20px;
  10346. text-align: center;
  10347. vertical-align: middle;
  10348. cursor: pointer;
  10349. color: #333333;
  10350. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  10351. background-color: #f5f5f5;
  10352. background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  10353. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  10354. background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  10355. background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  10356. background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  10357. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  10358. border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  10359. *background-color: #e6e6e6;
  10360. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  10361. border: 1px solid #cccccc;
  10362. *border: 0;
  10363. border-bottom-color: #b3b3b3;
  10364. -webkit-border-radius: 4px;
  10365. -moz-border-radius: 4px;
  10366. border-radius: 4px;
  10367. -webkit-border-radius: 4px 0 0 0;
  10368. -moz-border-radius: 4px 0 0 0;
  10369. border-radius: 4px 0 0 0;
  10370. -webkit-background-clip: padding-box;
  10371. -moz-background-clip: padding;
  10372. background-clip: padding-box;
  10373. *margin-left: .3em;
  10374. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  10375. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  10376. box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  10377. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  10378. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  10379. -webkit-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  10380. -moz-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  10381. -ms-box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  10382. box-shadow: 0 0 inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) #000000;
  10383. color: #ffffff;
  10384. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  10385. background-color: #5bb75b;
  10386. background-image: -moz-linear-gradient(top, #62c462, #51a351);
  10387. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  10388. background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  10389. background-image: -o-linear-gradient(top, #62c462, #51a351);
  10390. background-image: linear-gradient(to bottom, #62c462, #51a351);
  10391. background-repeat: repeat-x;
  10392. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  10393. border-color: #51a351 #51a351 #387038;
  10394. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  10395. *background-color: #51a351;
  10396. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  10397. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  10398. }
  10399. .page-user #content .inner-content > * input#edit-submit:hover,
  10400. .page-user-edit #content .inner-content > * input#edit-submit:hover,
  10401. .page-user-password #content .inner-content > * input#edit-submit:hover,
  10402. .page-user-reset #content .inner-content > * input#edit-submit:hover,
  10403. .page-toboggan #content .inner-content > * input#edit-submit:hover,
  10404. .page-user #content .inner-content > * input#edit-submit:focus,
  10405. .page-user-edit #content .inner-content > * input#edit-submit:focus,
  10406. .page-user-password #content .inner-content > * input#edit-submit:focus,
  10407. .page-user-reset #content .inner-content > * input#edit-submit:focus,
  10408. .page-toboggan #content .inner-content > * input#edit-submit:focus,
  10409. .page-user #content .inner-content > * input#edit-submit:active,
  10410. .page-user-edit #content .inner-content > * input#edit-submit:active,
  10411. .page-user-password #content .inner-content > * input#edit-submit:active,
  10412. .page-user-reset #content .inner-content > * input#edit-submit:active,
  10413. .page-toboggan #content .inner-content > * input#edit-submit:active,
  10414. .page-user #content .inner-content > * input#edit-submit.active,
  10415. .page-user-edit #content .inner-content > * input#edit-submit.active,
  10416. .page-user-password #content .inner-content > * input#edit-submit.active,
  10417. .page-user-reset #content .inner-content > * input#edit-submit.active,
  10418. .page-toboggan #content .inner-content > * input#edit-submit.active,
  10419. .page-user #content .inner-content > * input#edit-submit.disabled,
  10420. .page-user-edit #content .inner-content > * input#edit-submit.disabled,
  10421. .page-user-password #content .inner-content > * input#edit-submit.disabled,
  10422. .page-user-reset #content .inner-content > * input#edit-submit.disabled,
  10423. .page-toboggan #content .inner-content > * input#edit-submit.disabled,
  10424. .page-user #content .inner-content > * input#edit-submit[disabled],
  10425. .page-user-edit #content .inner-content > * input#edit-submit[disabled],
  10426. .page-user-password #content .inner-content > * input#edit-submit[disabled],
  10427. .page-user-reset #content .inner-content > * input#edit-submit[disabled],
  10428. .page-toboggan #content .inner-content > * input#edit-submit[disabled] {
  10429. color: #333333;
  10430. background-color: #e6e6e6;
  10431. *background-color: #d9d9d9;
  10432. }
  10433. .page-user #content .inner-content > * input#edit-submit:active,
  10434. .page-user-edit #content .inner-content > * input#edit-submit:active,
  10435. .page-user-password #content .inner-content > * input#edit-submit:active,
  10436. .page-user-reset #content .inner-content > * input#edit-submit:active,
  10437. .page-toboggan #content .inner-content > * input#edit-submit:active,
  10438. .page-user #content .inner-content > * input#edit-submit.active,
  10439. .page-user-edit #content .inner-content > * input#edit-submit.active,
  10440. .page-user-password #content .inner-content > * input#edit-submit.active,
  10441. .page-user-reset #content .inner-content > * input#edit-submit.active,
  10442. .page-toboggan #content .inner-content > * input#edit-submit.active {
  10443. background-color: #cccccc \9;
  10444. }
  10445. .page-user #content .inner-content > * input#edit-submit:first-child,
  10446. .page-user-edit #content .inner-content > * input#edit-submit:first-child,
  10447. .page-user-password #content .inner-content > * input#edit-submit:first-child,
  10448. .page-user-reset #content .inner-content > * input#edit-submit:first-child,
  10449. .page-toboggan #content .inner-content > * input#edit-submit:first-child {
  10450. *margin-left: 0;
  10451. }
  10452. .page-user #content .inner-content > * input#edit-submit:hover,
  10453. .page-user-edit #content .inner-content > * input#edit-submit:hover,
  10454. .page-user-password #content .inner-content > * input#edit-submit:hover,
  10455. .page-user-reset #content .inner-content > * input#edit-submit:hover,
  10456. .page-toboggan #content .inner-content > * input#edit-submit:hover,
  10457. .page-user #content .inner-content > * input#edit-submit:focus,
  10458. .page-user-edit #content .inner-content > * input#edit-submit:focus,
  10459. .page-user-password #content .inner-content > * input#edit-submit:focus,
  10460. .page-user-reset #content .inner-content > * input#edit-submit:focus,
  10461. .page-toboggan #content .inner-content > * input#edit-submit:focus {
  10462. color: #333333;
  10463. text-decoration: none;
  10464. background-position: 0 -15px;
  10465. -webkit-transition: background-position 0.1s linear;
  10466. -moz-transition: background-position 0.1s linear;
  10467. -o-transition: background-position 0.1s linear;
  10468. transition: background-position 0.1s linear;
  10469. }
  10470. .page-user #content .inner-content > * input#edit-submit:focus,
  10471. .page-user-edit #content .inner-content > * input#edit-submit:focus,
  10472. .page-user-password #content .inner-content > * input#edit-submit:focus,
  10473. .page-user-reset #content .inner-content > * input#edit-submit:focus,
  10474. .page-toboggan #content .inner-content > * input#edit-submit:focus {
  10475. outline: thin dotted #333;
  10476. outline: 5px auto -webkit-focus-ring-color;
  10477. outline-offset: -2px;
  10478. }
  10479. .page-user #content .inner-content > * input#edit-submit.active,
  10480. .page-user-edit #content .inner-content > * input#edit-submit.active,
  10481. .page-user-password #content .inner-content > * input#edit-submit.active,
  10482. .page-user-reset #content .inner-content > * input#edit-submit.active,
  10483. .page-toboggan #content .inner-content > * input#edit-submit.active,
  10484. .page-user #content .inner-content > * input#edit-submit:active,
  10485. .page-user-edit #content .inner-content > * input#edit-submit:active,
  10486. .page-user-password #content .inner-content > * input#edit-submit:active,
  10487. .page-user-reset #content .inner-content > * input#edit-submit:active,
  10488. .page-toboggan #content .inner-content > * input#edit-submit:active {
  10489. background-image: none;
  10490. outline: 0;
  10491. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  10492. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  10493. box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  10494. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  10495. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  10496. -webkit-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  10497. -moz-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  10498. -ms-box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  10499. box-shadow: 0 0 inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05) #000000;
  10500. }
  10501. .page-user #content .inner-content > * input#edit-submit.disabled,
  10502. .page-user-edit #content .inner-content > * input#edit-submit.disabled,
  10503. .page-user-password #content .inner-content > * input#edit-submit.disabled,
  10504. .page-user-reset #content .inner-content > * input#edit-submit.disabled,
  10505. .page-toboggan #content .inner-content > * input#edit-submit.disabled,
  10506. .page-user #content .inner-content > * input#edit-submit[disabled],
  10507. .page-user-edit #content .inner-content > * input#edit-submit[disabled],
  10508. .page-user-password #content .inner-content > * input#edit-submit[disabled],
  10509. .page-user-reset #content .inner-content > * input#edit-submit[disabled],
  10510. .page-toboggan #content .inner-content > * input#edit-submit[disabled] {
  10511. cursor: default;
  10512. background-image: none;
  10513. opacity: 0.65;
  10514. filter: alpha(opacity=65);
  10515. -webkit-opacity: 65;
  10516. -khtml-opacity: 65;
  10517. -moz-opacity: 65;
  10518. opacity: 65;
  10519. -webkit-box-shadow: none;
  10520. -moz-box-shadow: none;
  10521. box-shadow: none;
  10522. filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
  10523. -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
  10524. -webkit-box-shadow: 0 0 none #000000;
  10525. -moz-box-shadow: 0 0 none #000000;
  10526. -ms-box-shadow: 0 0 none #000000;
  10527. box-shadow: 0 0 none #000000;
  10528. }
  10529. .page-user #content .inner-content > * input#edit-submit .label,
  10530. .page-user-edit #content .inner-content > * input#edit-submit .label,
  10531. .page-user-password #content .inner-content > * input#edit-submit .label,
  10532. .page-user-reset #content .inner-content > * input#edit-submit .label,
  10533. .page-toboggan #content .inner-content > * input#edit-submit .label,
  10534. .page-user #content .inner-content > * input#edit-submit .badge,
  10535. .page-user-edit #content .inner-content > * input#edit-submit .badge,
  10536. .page-user-password #content .inner-content > * input#edit-submit .badge,
  10537. .page-user-reset #content .inner-content > * input#edit-submit .badge,
  10538. .page-toboggan #content .inner-content > * input#edit-submit .badge {
  10539. position: relative;
  10540. top: -1px;
  10541. }
  10542. .page-user #content .inner-content > * input#edit-submit:hover,
  10543. .page-user-edit #content .inner-content > * input#edit-submit:hover,
  10544. .page-user-password #content .inner-content > * input#edit-submit:hover,
  10545. .page-user-reset #content .inner-content > * input#edit-submit:hover,
  10546. .page-toboggan #content .inner-content > * input#edit-submit:hover,
  10547. .page-user #content .inner-content > * input#edit-submit:focus,
  10548. .page-user-edit #content .inner-content > * input#edit-submit:focus,
  10549. .page-user-password #content .inner-content > * input#edit-submit:focus,
  10550. .page-user-reset #content .inner-content > * input#edit-submit:focus,
  10551. .page-toboggan #content .inner-content > * input#edit-submit:focus,
  10552. .page-user #content .inner-content > * input#edit-submit:active,
  10553. .page-user-edit #content .inner-content > * input#edit-submit:active,
  10554. .page-user-password #content .inner-content > * input#edit-submit:active,
  10555. .page-user-reset #content .inner-content > * input#edit-submit:active,
  10556. .page-toboggan #content .inner-content > * input#edit-submit:active,
  10557. .page-user #content .inner-content > * input#edit-submit.active,
  10558. .page-user-edit #content .inner-content > * input#edit-submit.active,
  10559. .page-user-password #content .inner-content > * input#edit-submit.active,
  10560. .page-user-reset #content .inner-content > * input#edit-submit.active,
  10561. .page-toboggan #content .inner-content > * input#edit-submit.active,
  10562. .page-user #content .inner-content > * input#edit-submit.disabled,
  10563. .page-user-edit #content .inner-content > * input#edit-submit.disabled,
  10564. .page-user-password #content .inner-content > * input#edit-submit.disabled,
  10565. .page-user-reset #content .inner-content > * input#edit-submit.disabled,
  10566. .page-toboggan #content .inner-content > * input#edit-submit.disabled,
  10567. .page-user #content .inner-content > * input#edit-submit[disabled],
  10568. .page-user-edit #content .inner-content > * input#edit-submit[disabled],
  10569. .page-user-password #content .inner-content > * input#edit-submit[disabled],
  10570. .page-user-reset #content .inner-content > * input#edit-submit[disabled],
  10571. .page-toboggan #content .inner-content > * input#edit-submit[disabled] {
  10572. color: #ffffff;
  10573. background-color: #51a351;
  10574. *background-color: #499249;
  10575. }
  10576. .page-user #content .inner-content > * input#edit-submit:active,
  10577. .page-user-edit #content .inner-content > * input#edit-submit:active,
  10578. .page-user-password #content .inner-content > * input#edit-submit:active,
  10579. .page-user-reset #content .inner-content > * input#edit-submit:active,
  10580. .page-toboggan #content .inner-content > * input#edit-submit:active,
  10581. .page-user #content .inner-content > * input#edit-submit.active,
  10582. .page-user-edit #content .inner-content > * input#edit-submit.active,
  10583. .page-user-password #content .inner-content > * input#edit-submit.active,
  10584. .page-user-reset #content .inner-content > * input#edit-submit.active,
  10585. .page-toboggan #content .inner-content > * input#edit-submit.active {
  10586. background-color: #408140 \9;
  10587. }
  10588. .page-user #content .inner-content > * input#edit-submit .caret,
  10589. .page-user-edit #content .inner-content > * input#edit-submit .caret,
  10590. .page-user-password #content .inner-content > * input#edit-submit .caret,
  10591. .page-user-reset #content .inner-content > * input#edit-submit .caret,
  10592. .page-toboggan #content .inner-content > * input#edit-submit .caret {
  10593. border-top-color: #ffffff;
  10594. border-bottom-color: #ffffff;
  10595. }
  10596. .page-user #content .inner-content > * #edit-profile-adherent-field-first-name,
  10597. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-first-name,
  10598. .page-user-password #content .inner-content > * #edit-profile-adherent-field-first-name,
  10599. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-first-name,
  10600. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-first-name,
  10601. .page-user #content .inner-content > * #edit-profile-adherent-field-name,
  10602. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-name,
  10603. .page-user-password #content .inner-content > * #edit-profile-adherent-field-name,
  10604. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-name,
  10605. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-name,
  10606. .page-user #content .inner-content > * #edit-profile-adherent-field-private-quality,
  10607. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-private-quality,
  10608. .page-user-password #content .inner-content > * #edit-profile-adherent-field-private-quality,
  10609. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-private-quality,
  10610. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-private-quality,
  10611. .page-user #content .inner-content > * #edit-profile-adherent-field-service,
  10612. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-service,
  10613. .page-user-password #content .inner-content > * #edit-profile-adherent-field-service,
  10614. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-service,
  10615. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-service,
  10616. .page-user #content .inner-content > * #edit-profile-adherent-field-employee,
  10617. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-employee,
  10618. .page-user-password #content .inner-content > * #edit-profile-adherent-field-employee,
  10619. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-employee,
  10620. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-employee,
  10621. .page-user #content .inner-content > * #edit-profile-adherent-field-naf,
  10622. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-naf,
  10623. .page-user-password #content .inner-content > * #edit-profile-adherent-field-naf,
  10624. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-naf,
  10625. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-naf,
  10626. .page-user #content .inner-content > * #edit-profile-adherent-field-siret,
  10627. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-siret,
  10628. .page-user-password #content .inner-content > * #edit-profile-adherent-field-siret,
  10629. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-siret,
  10630. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-siret {
  10631. display: moz-inline-stack;
  10632. display: inline-block;
  10633. vertical-align: top;
  10634. zoom: 1;
  10635. *display: inline;
  10636. vertical-align: middle;
  10637. width: auto;
  10638. margin: 0 1em 0.5em 0;
  10639. }
  10640. .page-user #content .inner-content > * #edit-profile-adherent-field-first-name div,
  10641. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-first-name div,
  10642. .page-user-password #content .inner-content > * #edit-profile-adherent-field-first-name div,
  10643. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-first-name div,
  10644. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-first-name div,
  10645. .page-user #content .inner-content > * #edit-profile-adherent-field-name div,
  10646. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-name div,
  10647. .page-user-password #content .inner-content > * #edit-profile-adherent-field-name div,
  10648. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-name div,
  10649. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-name div,
  10650. .page-user #content .inner-content > * #edit-profile-adherent-field-private-quality div,
  10651. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-private-quality div,
  10652. .page-user-password #content .inner-content > * #edit-profile-adherent-field-private-quality div,
  10653. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-private-quality div,
  10654. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-private-quality div,
  10655. .page-user #content .inner-content > * #edit-profile-adherent-field-service div,
  10656. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-service div,
  10657. .page-user-password #content .inner-content > * #edit-profile-adherent-field-service div,
  10658. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-service div,
  10659. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-service div,
  10660. .page-user #content .inner-content > * #edit-profile-adherent-field-employee div,
  10661. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-employee div,
  10662. .page-user-password #content .inner-content > * #edit-profile-adherent-field-employee div,
  10663. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-employee div,
  10664. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-employee div,
  10665. .page-user #content .inner-content > * #edit-profile-adherent-field-naf div,
  10666. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-naf div,
  10667. .page-user-password #content .inner-content > * #edit-profile-adherent-field-naf div,
  10668. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-naf div,
  10669. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-naf div,
  10670. .page-user #content .inner-content > * #edit-profile-adherent-field-siret div,
  10671. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-siret div,
  10672. .page-user-password #content .inner-content > * #edit-profile-adherent-field-siret div,
  10673. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-siret div,
  10674. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-siret div {
  10675. width: auto;
  10676. margin: 0;
  10677. padding: 0;
  10678. }
  10679. .page-user #content .inner-content > * #edit-profile-adherent-field-name label,
  10680. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-name label,
  10681. .page-user-password #content .inner-content > * #edit-profile-adherent-field-name label,
  10682. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-name label,
  10683. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-name label,
  10684. .page-user #content .inner-content > * #edit-profile-adherent-field-service label,
  10685. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-service label,
  10686. .page-user-password #content .inner-content > * #edit-profile-adherent-field-service label,
  10687. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-service label,
  10688. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-service label,
  10689. .page-user #content .inner-content > * #edit-profile-adherent-field-naf label,
  10690. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-naf label,
  10691. .page-user-password #content .inner-content > * #edit-profile-adherent-field-naf label,
  10692. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-naf label,
  10693. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-naf label,
  10694. .page-user #content .inner-content > * #edit-profile-adherent-field-siret label,
  10695. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-siret label,
  10696. .page-user-password #content .inner-content > * #edit-profile-adherent-field-siret label,
  10697. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-siret label,
  10698. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-siret label,
  10699. .page-user #content .inner-content > * .form-item-profile-adherent-field-adresse-und-0-locality label,
  10700. .page-user-edit #content .inner-content > * .form-item-profile-adherent-field-adresse-und-0-locality label,
  10701. .page-user-password #content .inner-content > * .form-item-profile-adherent-field-adresse-und-0-locality label,
  10702. .page-user-reset #content .inner-content > * .form-item-profile-adherent-field-adresse-und-0-locality label,
  10703. .page-toboggan #content .inner-content > * .form-item-profile-adherent-field-adresse-und-0-locality label {
  10704. min-width: auto;
  10705. }
  10706. .page-user #content .inner-content > * #edit-profile-adherent-field-siret input,
  10707. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-siret input,
  10708. .page-user-password #content .inner-content > * #edit-profile-adherent-field-siret input,
  10709. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-siret input,
  10710. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-siret input {
  10711. width: 8em;
  10712. }
  10713. .page-user #content .inner-content > * #edit-profile-adherent-field-naf input,
  10714. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-naf input,
  10715. .page-user-password #content .inner-content > * #edit-profile-adherent-field-naf input,
  10716. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-naf input,
  10717. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-naf input {
  10718. width: 13em;
  10719. }
  10720. .page-user #content .inner-content > * #edit-profile-adherent-field-organization,
  10721. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-organization,
  10722. .page-user-password #content .inner-content > * #edit-profile-adherent-field-organization,
  10723. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-organization,
  10724. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-organization {
  10725. margin: 2em 0 0 0;
  10726. }
  10727. .page-user #content .inner-content > * #edit-profile-adherent-field-organization input,
  10728. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-organization input,
  10729. .page-user-password #content .inner-content > * #edit-profile-adherent-field-organization input,
  10730. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-organization input,
  10731. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-organization input {
  10732. width: 35em;
  10733. }
  10734. .page-user #content .inner-content > * #edit-profile-adherent-field-employee input,
  10735. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-employee input,
  10736. .page-user-password #content .inner-content > * #edit-profile-adherent-field-employee input,
  10737. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-employee input,
  10738. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-employee input {
  10739. width: 4em;
  10740. }
  10741. .page-user #content .inner-content > * #edit-profile-adherent-field-private-phone .form-phone-number,
  10742. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-private-phone .form-phone-number,
  10743. .page-user-password #content .inner-content > * #edit-profile-adherent-field-private-phone .form-phone-number,
  10744. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-private-phone .form-phone-number,
  10745. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-private-phone .form-phone-number {
  10746. display: moz-inline-stack;
  10747. display: inline-block;
  10748. vertical-align: top;
  10749. zoom: 1;
  10750. *display: inline;
  10751. vertical-align: middle;
  10752. }
  10753. .page-user #content .inner-content > * #edit-profile-adherent-field-adresse .street-block input,
  10754. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-adresse .street-block input,
  10755. .page-user-password #content .inner-content > * #edit-profile-adherent-field-adresse .street-block input,
  10756. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-adresse .street-block input,
  10757. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-adresse .street-block input {
  10758. width: 35em;
  10759. }
  10760. .page-user #content .inner-content > * #edit-profile-adherent-field-adresse .locality-block .form-item,
  10761. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-adresse .locality-block .form-item,
  10762. .page-user-password #content .inner-content > * #edit-profile-adherent-field-adresse .locality-block .form-item,
  10763. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-adresse .locality-block .form-item,
  10764. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-adresse .locality-block .form-item {
  10765. width: auto;
  10766. margin-right: 1em;
  10767. }
  10768. .page-user #content .inner-content > * #edit-profile-adherent-field-user-website,
  10769. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-user-website,
  10770. .page-user-password #content .inner-content > * #edit-profile-adherent-field-user-website,
  10771. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-user-website,
  10772. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-user-website {
  10773. margin: 2em 0 0 0;
  10774. }
  10775. .page-user #content .inner-content > * #edit-profile-adherent-field-user-website .form-item > *,
  10776. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-user-website .form-item > *,
  10777. .page-user-password #content .inner-content > * #edit-profile-adherent-field-user-website .form-item > *,
  10778. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-user-website .form-item > *,
  10779. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-user-website .form-item > * {
  10780. display: moz-inline-stack;
  10781. display: inline-block;
  10782. vertical-align: top;
  10783. zoom: 1;
  10784. *display: inline;
  10785. vertical-align: middle;
  10786. }
  10787. .page-user #content .inner-content > * #edit-profile-adherent-field-user-website input,
  10788. .page-user-edit #content .inner-content > * #edit-profile-adherent-field-user-website input,
  10789. .page-user-password #content .inner-content > * #edit-profile-adherent-field-user-website input,
  10790. .page-user-reset #content .inner-content > * #edit-profile-adherent-field-user-website input,
  10791. .page-toboggan #content .inner-content > * #edit-profile-adherent-field-user-website input {
  10792. width: 35em;
  10793. }
  10794. .page-user #content .inner-content > *.profile h3,
  10795. .page-user-edit #content .inner-content > *.profile h3,
  10796. .page-user-password #content .inner-content > *.profile h3,
  10797. .page-user-reset #content .inner-content > *.profile h3,
  10798. .page-toboggan #content .inner-content > *.profile h3 {
  10799. border: 0 solid transparent;
  10800. }
  10801. .page-user #content .inner-content > *.profile .field-label,
  10802. .page-user-edit #content .inner-content > *.profile .field-label,
  10803. .page-user-password #content .inner-content > *.profile .field-label,
  10804. .page-user-reset #content .inner-content > *.profile .field-label,
  10805. .page-toboggan #content .inner-content > *.profile .field-label {
  10806. display: inline;
  10807. }
  10808. /** SIMPLENEWS */
  10809. body.node-type-simplenews #content .inner-content {
  10810. text-align: center;
  10811. }
  10812. body.node-type-simplenews #content article.node.node-simplenews {
  10813. display: moz-inline-stack;
  10814. display: inline-block;
  10815. vertical-align: top;
  10816. zoom: 1;
  10817. *display: inline;
  10818. max-width: 600px;
  10819. padding: 1em 0;
  10820. }
  10821. body.node-type-simplenews #content article.node.node-simplenews tbody {
  10822. border-top: 0px;
  10823. }
  10824. /** PAGE CONTACT */
  10825. .page-node-11175 #main {
  10826. background: #ffffff url('../img/bg-contact.gif') no-repeat bottom right;
  10827. }
  10828. .page-node-11175 #main .field-name-body p {
  10829. display: moz-inline-stack;
  10830. display: inline-block;
  10831. vertical-align: top;
  10832. zoom: 1;
  10833. *display: inline;
  10834. margin: 15px;
  10835. }
  10836. .page-node-11175 #main .field-name-body p strong {
  10837. font-size: 18px;
  10838. }
  10839. /** PRICING */
  10840. @media screen and (min-width: 480px) {
  10841. body.page-node-11187 .node-11187 .field-name-body div.column,
  10842. body.page-node-11187 .node-11187 .field-name-body div.column-demi,
  10843. body.page-node-11187 .node-11187 .field-name-body div.column-full,
  10844. body.page-node-11187 .node-11187 .field-name-body div.column-auto {
  10845. display: moz-inline-stack;
  10846. display: inline-block;
  10847. vertical-align: top;
  10848. zoom: 1;
  10849. *display: inline;
  10850. margin: 10px;
  10851. }
  10852. body.page-node-11187 .node-11187 .field-name-body div.column {
  10853. width: 22.4%;
  10854. }
  10855. body.page-node-11187 .node-11187 .field-name-body div.column ul.list-text {
  10856. min-height: 170px;
  10857. }
  10858. body.page-node-11187 .node-11187 .field-name-body div.column-demi {
  10859. width: 46%;
  10860. }
  10861. body.page-node-11187 .node-11187 .field-name-body div.column-demi ul.list-text {
  10862. min-height: 110px;
  10863. }
  10864. body.page-node-11187 .node-11187 .field-name-body div.column-full {
  10865. width: 92%;
  10866. }
  10867. body.page-node-11187 .node-11187 .field-name-body div.column-auto {
  10868. width: auto;
  10869. max-width: 98%;
  10870. }
  10871. }
  10872. @media screen and (max-width: 479px) {
  10873. body.page-node-11187 #block-system-help {
  10874. text-align: center;
  10875. }
  10876. }
  10877. body.page-node-11187 .node-11187 .field-name-body {
  10878. text-align: center;
  10879. }
  10880. body.page-node-11187 .node-11187 .field-name-body > * {
  10881. text-align: left;
  10882. }
  10883. body.page-node-11187 .node-11187 .field-name-body div.column,
  10884. body.page-node-11187 .node-11187 .field-name-body div.column-demi,
  10885. body.page-node-11187 .node-11187 .field-name-body div.column-full,
  10886. body.page-node-11187 .node-11187 .field-name-body div.column-auto {
  10887. position: relative;
  10888. -webkit-border-radius: 5px;
  10889. -moz-border-radius: 5px;
  10890. border-radius: 5px;
  10891. -webkit-background-clip: padding-box;
  10892. -moz-background-clip: padding;
  10893. background-clip: padding-box;
  10894. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  10895. -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  10896. box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  10897. overflow: hidden;
  10898. }
  10899. .ie8 body.page-node-11187 .node-11187 .field-name-body div.column,
  10900. .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-demi,
  10901. .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-full,
  10902. .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-auto {
  10903. max-width: 500px;
  10904. margin: auto;
  10905. margin-bottom: 15px;
  10906. border: 1px solid #C6C6C6;
  10907. }
  10908. body.page-node-11187 .node-11187 .field-name-body div.column > *,
  10909. body.page-node-11187 .node-11187 .field-name-body div.column-demi > *,
  10910. body.page-node-11187 .node-11187 .field-name-body div.column-full > *,
  10911. body.page-node-11187 .node-11187 .field-name-body div.column-auto > * {
  10912. padding: 0 10px;
  10913. }
  10914. body.page-node-11187 .node-11187 .field-name-body div.column img,
  10915. body.page-node-11187 .node-11187 .field-name-body div.column-demi img,
  10916. body.page-node-11187 .node-11187 .field-name-body div.column-full img,
  10917. body.page-node-11187 .node-11187 .field-name-body div.column-auto img {
  10918. float: left;
  10919. padding: 0;
  10920. }
  10921. body.page-node-11187 .node-11187 .field-name-body div.column h2,
  10922. body.page-node-11187 .node-11187 .field-name-body div.column-demi h2,
  10923. body.page-node-11187 .node-11187 .field-name-body div.column-full h2,
  10924. body.page-node-11187 .node-11187 .field-name-body div.column-auto h2 {
  10925. text-align: left;
  10926. margin: 5px 0 0;
  10927. }
  10928. body.page-node-11187 .node-11187 .field-name-body div.column .subtitle,
  10929. body.page-node-11187 .node-11187 .field-name-body div.column-demi .subtitle,
  10930. body.page-node-11187 .node-11187 .field-name-body div.column-full .subtitle,
  10931. body.page-node-11187 .node-11187 .field-name-body div.column-auto .subtitle {
  10932. padding: 0 0 0 1em;
  10933. font-size: 18px;
  10934. font-style: italic;
  10935. font-weight: bold;
  10936. line-height: 1;
  10937. }
  10938. body.page-node-11187 .node-11187 .field-name-body div.column ul,
  10939. body.page-node-11187 .node-11187 .field-name-body div.column-demi ul,
  10940. body.page-node-11187 .node-11187 .field-name-body div.column-full ul,
  10941. body.page-node-11187 .node-11187 .field-name-body div.column-auto ul {
  10942. margin: 0;
  10943. padding: 0 15px;
  10944. }
  10945. body.page-node-11187 .node-11187 .field-name-body div.column li,
  10946. body.page-node-11187 .node-11187 .field-name-body div.column-demi li,
  10947. body.page-node-11187 .node-11187 .field-name-body div.column-full li,
  10948. body.page-node-11187 .node-11187 .field-name-body div.column-auto li {
  10949. list-style: none;
  10950. font-size: 12px;
  10951. }
  10952. body.page-node-11187 .node-11187 .field-name-body div.column li:before,
  10953. body.page-node-11187 .node-11187 .field-name-body div.column-demi li:before,
  10954. body.page-node-11187 .node-11187 .field-name-body div.column-full li:before,
  10955. body.page-node-11187 .node-11187 .field-name-body div.column-auto li:before {
  10956. content: "+ ";
  10957. font-weight: 900;
  10958. }
  10959. body.page-node-11187 .node-11187 .field-name-body div.column .get-link,
  10960. body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link,
  10961. body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link,
  10962. body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link {
  10963. margin: 0;
  10964. -webkit-border-radius: 0 0 5px 5px;
  10965. -moz-border-radius: 0 0 5px 5px;
  10966. border-radius: 0 0 5px 5px;
  10967. -webkit-border-radius: 0 0 5px 5px 0 0 0;
  10968. -moz-border-radius: 0 0 5px 5px 0 0 0;
  10969. border-radius: 0 0 5px 5px 0 0 0;
  10970. -webkit-background-clip: padding-box;
  10971. -moz-background-clip: padding;
  10972. background-clip: padding-box;
  10973. border: 1px solid #fff;
  10974. min-height: 92px;
  10975. }
  10976. body.page-node-11187 .node-11187 .field-name-body div.column .get-link a,
  10977. body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link a,
  10978. body.page-node-11187 .node-11187 .field-name-body div.column-full .get-link a,
  10979. body.page-node-11187 .node-11187 .field-name-body div.column-auto .get-link a {
  10980. display: block;
  10981. width: 100%;
  10982. padding: 15px 0;
  10983. color: #1A1A1A;
  10984. text-decoration: none;
  10985. }
  10986. body.page-node-11187 .node-11187 .field-name-body div.column.gratos .get-link,
  10987. body.page-node-11187 .node-11187 .field-name-body div.column-demi.gratos .get-link,
  10988. body.page-node-11187 .node-11187 .field-name-body div.column-full.gratos .get-link,
  10989. body.page-node-11187 .node-11187 .field-name-body div.column-auto.gratos .get-link {
  10990. background-color: #4BA13D;
  10991. }
  10992. body.page-node-11187 .node-11187 .field-name-body div.column.flocon .get-link,
  10993. body.page-node-11187 .node-11187 .field-name-body div.column-demi.flocon .get-link,
  10994. body.page-node-11187 .node-11187 .field-name-body div.column-full.flocon .get-link,
  10995. body.page-node-11187 .node-11187 .field-name-body div.column-auto.flocon .get-link {
  10996. background-color: #69CDCF;
  10997. }
  10998. body.page-node-11187 .node-11187 .field-name-body div.column.etoile .get-link,
  10999. body.page-node-11187 .node-11187 .field-name-body div.column-demi.etoile .get-link,
  11000. body.page-node-11187 .node-11187 .field-name-body div.column-full.etoile .get-link,
  11001. body.page-node-11187 .node-11187 .field-name-body div.column-auto.etoile .get-link {
  11002. background-color: #D476AE;
  11003. }
  11004. body.page-node-11187 .node-11187 .field-name-body div.column.cinqetoiles .get-link,
  11005. body.page-node-11187 .node-11187 .field-name-body div.column-demi.cinqetoiles .get-link,
  11006. body.page-node-11187 .node-11187 .field-name-body div.column-full.cinqetoiles .get-link,
  11007. body.page-node-11187 .node-11187 .field-name-body div.column-auto.cinqetoiles .get-link {
  11008. background-color: #E6DE1C;
  11009. }
  11010. body.page-node-11187 .node-11187 .field-name-body div.column h2 {
  11011. padding: 10px 0 0;
  11012. font-size: 24px;
  11013. }
  11014. body.page-node-11187 .node-11187 .field-name-body div.column .subtitle {
  11015. min-height: 3em;
  11016. }
  11017. body.page-node-11187 .node-11187 .field-name-body div.column .get-link {
  11018. padding: 0;
  11019. font-size: 24px;
  11020. text-align: center;
  11021. font-style: italic;
  11022. font-weight: 900;
  11023. cursor: pointer;
  11024. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11025. -webkit-transition: text-shadow 0.3s ease-out;
  11026. -moz-transition: text-shadow 0.3s ease-out;
  11027. -o-transition: text-shadow 0.3s ease-out;
  11028. transition: text-shadow 0.3s ease-out;
  11029. }
  11030. body.page-node-11187 .node-11187 .field-name-body div.column .get-link span {
  11031. font-size: 20px;
  11032. }
  11033. body.page-node-11187 .node-11187 .field-name-body div.column .get-link:hover,
  11034. body.page-node-11187 .node-11187 .field-name-body div.column .get-link:focus {
  11035. text-shadow: 0 0 3px #ffffff;
  11036. }
  11037. body.page-node-11187 .node-11187 .field-name-body div.column .get-link:active {
  11038. -webkit-transition: text-shadow 0s ease-out;
  11039. -moz-transition: text-shadow 0s ease-out;
  11040. -o-transition: text-shadow 0s ease-out;
  11041. transition: text-shadow 0s ease-out;
  11042. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11043. }
  11044. body.page-node-11187 .node-11187 .field-name-body div.column-demi h2 {
  11045. padding: 10px 0 0;
  11046. font-size: 24px;
  11047. top: 0;
  11048. }
  11049. body.page-node-11187 .node-11187 .field-name-body div.column-demi .subtitle {
  11050. min-height: 2em;
  11051. }
  11052. body.page-node-11187 .node-11187 .field-name-body div.column-demi ul {
  11053. font-size: 14px;
  11054. min-height: 120px;
  11055. }
  11056. body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
  11057. font-size: 14px;
  11058. text-align: left;
  11059. padding: 0 1em;
  11060. background-color: #dddddd;
  11061. }
  11062. body.page-node-11187.logged-in .column.gratos .get-link {
  11063. cursor: auto!important;
  11064. }
  11065. body.page-node-11187.logged-in .column.gratos .get-link a {
  11066. display: none!important;
  11067. }
  11068. body.page-node-11187.logged-in.role-6 .column.flocon .get-link {
  11069. cursor: auto!important;
  11070. }
  11071. body.page-node-11187.logged-in.role-6 .column.flocon .get-link a {
  11072. display: none!important;
  11073. }
  11074. /** ADHESION FORM */
  11075. .node-11186 nav ul.links a.language-link {
  11076. display: none;
  11077. }
  11078. #webform-client-form-11186 {
  11079. background-color: #e6e6e6;
  11080. -webkit-border-radius: 10px;
  11081. -moz-border-radius: 10px;
  11082. border-radius: 10px;
  11083. -webkit-background-clip: padding-box;
  11084. -moz-background-clip: padding;
  11085. background-clip: padding-box;
  11086. }
  11087. @media screen and (min-width: 768px) {
  11088. #webform-client-form-11186 {
  11089. padding: 10px 30px;
  11090. }
  11091. #webform-client-form-11186 #webform-component-column-left--membership-options {
  11092. margin: 10px 0;
  11093. }
  11094. #webform-client-form-11186 #webform-component-column-left--membership-options label {
  11095. width: auto;
  11096. }
  11097. #webform-client-form-11186 fieldset {
  11098. -webkit-border-radius: 5px;
  11099. -moz-border-radius: 5px;
  11100. border-radius: 5px;
  11101. -webkit-background-clip: padding-box;
  11102. -moz-background-clip: padding;
  11103. background-clip: padding-box;
  11104. border-left: 1px solid #cccccc;
  11105. border-bottom: 1px solid #cccccc;
  11106. padding: 10px;
  11107. }
  11108. #webform-client-form-11186 fieldset fieldset {
  11109. border: 0 solid #ddd;
  11110. padding: 0;
  11111. }
  11112. #webform-client-form-11186 legend {
  11113. margin: 0;
  11114. font-size: 18px;
  11115. font-weight: 700;
  11116. }
  11117. #webform-client-form-11186 .form-item {
  11118. margin: 0 20px 0 0;
  11119. }
  11120. #webform-client-form-11186 label {
  11121. font-size: 12px;
  11122. width: 10em;
  11123. display: moz-inline-stack;
  11124. display: inline-block;
  11125. vertical-align: top;
  11126. zoom: 1;
  11127. *display: inline;
  11128. vertical-align: middle;
  11129. margin-right: 1em;
  11130. border-bottom: 1px solid #cccccc;
  11131. }
  11132. #webform-client-form-11186 .description {
  11133. font-size: 10px;
  11134. width: 25em;
  11135. display: moz-inline-stack;
  11136. display: inline-block;
  11137. vertical-align: top;
  11138. zoom: 1;
  11139. *display: inline;
  11140. vertical-align: bottom;
  11141. margin-left: 1em;
  11142. color: #7f7f7f;
  11143. }
  11144. #webform-client-form-11186 input.form-text {
  11145. width: 13em;
  11146. }
  11147. }
  11148. @media screen and (max-width: 767px) {
  11149. #webform-client-form-11186 {
  11150. padding: 10px;
  11151. }
  11152. #webform-client-form-11186 #webform-component-column-left--membership-options {
  11153. margin: 0 0 10px 0;
  11154. }
  11155. #webform-client-form-11186 #webform-component-column-left--membership-options .form-item {
  11156. width: 100%;
  11157. }
  11158. #webform-client-form-11186 #webform-component-column-left--membership-options label {
  11159. width: 75%;
  11160. }
  11161. #webform-client-form-11186 legend {
  11162. margin: 0;
  11163. font-size: 16px;
  11164. font-weight: 700;
  11165. }
  11166. #webform-client-form-11186 .form-item {
  11167. margin: 0;
  11168. float: none;
  11169. }
  11170. #webform-client-form-11186 label {
  11171. font-size: 12px;
  11172. width: 30%;
  11173. display: moz-inline-stack;
  11174. display: inline-block;
  11175. vertical-align: top;
  11176. zoom: 1;
  11177. *display: inline;
  11178. vertical-align: middle;
  11179. margin-right: 0.5em;
  11180. }
  11181. #webform-client-form-11186 input.form-text,
  11182. #webform-client-form-11186 select.form-select {
  11183. width: 60%;
  11184. }
  11185. #webform-client-form-11186 #webform-component-infos {
  11186. font-size: 14px;
  11187. }
  11188. }
  11189. #webform-client-form-11186 .fieldset-wrapper > .form-item {
  11190. display: moz-inline-stack;
  11191. display: inline-block;
  11192. vertical-align: top;
  11193. zoom: 1;
  11194. *display: inline;
  11195. }
  11196. #webform-client-form-11186 #webform-component-column-left {
  11197. display: moz-inline-stack;
  11198. display: inline-block;
  11199. vertical-align: top;
  11200. zoom: 1;
  11201. *display: inline;
  11202. width: 25%;
  11203. border: none;
  11204. }
  11205. #webform-client-form-11186 #webform-component-column-right {
  11206. display: moz-inline-stack;
  11207. display: inline-block;
  11208. vertical-align: top;
  11209. zoom: 1;
  11210. *display: inline;
  11211. min-width: 70%;
  11212. }
  11213. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio {
  11214. border: 1px solid #ddd;
  11215. -webkit-border-radius: 5px;
  11216. -moz-border-radius: 5px;
  11217. border-radius: 5px;
  11218. -webkit-background-clip: padding-box;
  11219. -moz-background-clip: padding;
  11220. background-clip: padding-box;
  11221. padding: 10px 5px;
  11222. margin: 5px 0;
  11223. background-color: #fff;
  11224. }
  11225. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio input {
  11226. display: moz-inline-stack;
  11227. display: inline-block;
  11228. vertical-align: top;
  11229. zoom: 1;
  11230. *display: inline;
  11231. vertical-align: middle;
  11232. margin: 0 5px;
  11233. }
  11234. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio label {
  11235. font-size: 20px;
  11236. font-weight: 700;
  11237. display: moz-inline-stack;
  11238. display: inline-block;
  11239. vertical-align: top;
  11240. zoom: 1;
  11241. *display: inline;
  11242. vertical-align: middle;
  11243. margin: 0;
  11244. }
  11245. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio:hover {
  11246. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11247. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11248. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11249. }
  11250. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) {
  11251. background-color: #69CDCF;
  11252. }
  11253. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(2) {
  11254. background-color: #D476AE;
  11255. }
  11256. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(3) {
  11257. background-color: #E6DE1C;
  11258. }
  11259. #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:not(.selected) {
  11260. opacity: 0.4;
  11261. }
  11262. #webform-client-form-11186 #webform-component-column-left--membership-options > label {
  11263. width: 200px;
  11264. font-size: 18px;
  11265. font-weight: 700;
  11266. }
  11267. #webform-client-form-11186 #webform-component-column-left--membership-options label {
  11268. border: 0;
  11269. }
  11270. #webform-client-form-11186 #webform-component-column-right--me--my-account-email {
  11271. display: block;
  11272. }
  11273. #webform-client-form-11186 #webform-component-column-right--company--administrative-e-mail .description {
  11274. display: moz-inline-stack;
  11275. display: inline-block;
  11276. vertical-align: top;
  11277. zoom: 1;
  11278. *display: inline;
  11279. }
  11280. #webform-client-form-11186 #addressfield-wrapper {
  11281. margin-top: 1em;
  11282. }
  11283. #webform-client-form-11186 .street-block .form-item {
  11284. display: moz-inline-stack;
  11285. display: inline-block;
  11286. vertical-align: top;
  11287. zoom: 1;
  11288. *display: inline;
  11289. }
  11290. #webform-client-form-11186 #webform-component-column-right--collaborators {
  11291. margin: 20px 0;
  11292. overflow: hidden;
  11293. }
  11294. #webform-client-form-11186 #webform-component-column-right--collaborators fieldset {
  11295. display: moz-inline-stack;
  11296. display: inline-block;
  11297. vertical-align: top;
  11298. zoom: 1;
  11299. *display: inline;
  11300. width: 33%;
  11301. }
  11302. #webform-client-form-11186 #webform-component-column-right--collaborators .form-item {
  11303. display: block;
  11304. }
  11305. #webform-client-form-11186 #webform-component-column-right--collaborators label {
  11306. width: 6em;
  11307. }
  11308. #webform-client-form-11186 #webform-component-column-right--collaborators input {
  11309. width: 11em;
  11310. }
  11311. #webform-client-form-11186 #webform-component-infos {
  11312. margin: 20px 0;
  11313. }
  11314. #webform-client-form-11186 .form-actions {
  11315. padding: 0;
  11316. margin: 0;
  11317. border: 0px;
  11318. background-color: transparent;
  11319. text-align: left;
  11320. }
  11321. #webform-client-form-11186 .form-actions .form-submit {
  11322. border: 2px solid #69CDCF;
  11323. background-color: #69cdcf;
  11324. color: #fff;
  11325. font-size: 18px;
  11326. padding: 0.2em 1em 0.3em;
  11327. -webkit-border-radius: 0.3em;
  11328. -moz-border-radius: 0.3em;
  11329. border-radius: 0.3em;
  11330. -webkit-background-clip: padding-box;
  11331. -moz-background-clip: padding;
  11332. background-clip: padding-box;
  11333. font-weight: bold;
  11334. margin-bottom: 9px;
  11335. cursor: pointer;
  11336. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11337. -webkit-transition: text-shadow 0.2s ease-out;
  11338. -moz-transition: text-shadow 0.2s ease-out;
  11339. -o-transition: text-shadow 0.2s ease-out;
  11340. transition: text-shadow 0.2s ease-out;
  11341. }
  11342. #webform-client-form-11186 .form-actions .form-submit:hover,
  11343. #webform-client-form-11186 .form-actions .form-submit:focus {
  11344. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  11345. }
  11346. #webform-client-form-11186 .form-actions .form-submit:active {
  11347. -webkit-transition: text-shadow 0s ease-out;
  11348. -moz-transition: text-shadow 0s ease-out;
  11349. -o-transition: text-shadow 0s ease-out;
  11350. transition: text-shadow 0s ease-out;
  11351. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11352. }
  11353. #webform-client-form-11186 #webform-component-column-right--news-letters > label {
  11354. margin: 0;
  11355. font-size: 18px;
  11356. font-weight: 700;
  11357. border: none;
  11358. line-height: 40px;
  11359. }
  11360. #webform-client-form-11186 #webform-component-column-right--news-letters .form-item {
  11361. display: moz-inline-stack;
  11362. display: inline-block;
  11363. vertical-align: top;
  11364. zoom: 1;
  11365. *display: inline;
  11366. }
  11367. #webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
  11368. width: auto;
  11369. }
  11370. #webform-client-form-11186 #webform-component-column-right--news-letters .form-item input,
  11371. #webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
  11372. margin: 0;
  11373. }
  11374. #webform-client-form-11186 #edit-submitted-terms-of-services {
  11375. margin-bottom: 0.5em;
  11376. }
  11377. #webform-client-form-11186 #edit-submitted-terms-of-services input,
  11378. #webform-client-form-11186 #edit-submitted-terms-of-services label {
  11379. margin: 0 0.3em 0 0;
  11380. }
  11381. #webform-client-form-11186 #edit-submitted-terms-of-services label {
  11382. width: auto;
  11383. }
  11384. /** UC CART VIEW FORM */
  11385. #uc-cart-view-form {
  11386. background-color: #e6e6e6;
  11387. padding: 10px 30px;
  11388. display: inline-block;
  11389. }
  11390. #uc-cart-view-form table {
  11391. width: auto;
  11392. display: table;
  11393. background-color: #fff;
  11394. }
  11395. #uc-cart-view-form table thead th {
  11396. border-bottom: none;
  11397. padding: 1em;
  11398. }
  11399. #uc-cart-view-form table tbody {
  11400. border-top: none;
  11401. }
  11402. #uc-cart-view-form table tbody tr.even,
  11403. #uc-cart-view-form table tbody tr.odd {
  11404. background-color: #fff;
  11405. border-bottom: none;
  11406. }
  11407. #uc-cart-view-form table tbody td {
  11408. padding: 1em;
  11409. }
  11410. #uc-cart-view-form .form-type-uc-quantity input {
  11411. width: 2em;
  11412. }
  11413. #uc-cart-view-form .form-actions {
  11414. padding: 0;
  11415. margin: 0;
  11416. border: 0px;
  11417. background-color: transparent;
  11418. text-align: right;
  11419. display: block;
  11420. width: 100%;
  11421. }
  11422. #uc-cart-view-form .form-actions:before,
  11423. #uc-cart-view-form .form-actions:after {
  11424. display: block;
  11425. }
  11426. #uc-cart-view-form .form-actions .form-submit {
  11427. font-size: 16px;
  11428. font-weight: bold;
  11429. padding: 0.1em 0.3em 0.2em;
  11430. -webkit-border-radius: 0.3em;
  11431. -moz-border-radius: 0.3em;
  11432. border-radius: 0.3em;
  11433. -webkit-background-clip: padding-box;
  11434. -moz-background-clip: padding;
  11435. background-clip: padding-box;
  11436. border: 2px solid #ccc;
  11437. background-color: #cccccc;
  11438. color: #4D4D4D;
  11439. cursor: pointer;
  11440. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11441. -webkit-transition: text-shadow 0.3s ease-out;
  11442. -moz-transition: text-shadow 0.3s ease-out;
  11443. -o-transition: text-shadow 0.3s ease-out;
  11444. transition: text-shadow 0.3s ease-out;
  11445. text-align: center;
  11446. text-decoration: none;
  11447. margin-left: 1em;
  11448. }
  11449. #uc-cart-view-form .form-actions .form-submit:hover,
  11450. #uc-cart-view-form .form-actions .form-submit:focus {
  11451. text-shadow: 0 0 3px #ffffff;
  11452. }
  11453. #uc-cart-view-form .form-actions .form-submit:active {
  11454. -webkit-transition: text-shadow 0s ease-out;
  11455. -moz-transition: text-shadow 0s ease-out;
  11456. -o-transition: text-shadow 0s ease-out;
  11457. transition: text-shadow 0s ease-out;
  11458. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11459. }
  11460. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2 {
  11461. font-size: 16px;
  11462. font-weight: bold;
  11463. padding: 0.1em 0.3em 0.2em;
  11464. -webkit-border-radius: 0.3em;
  11465. -moz-border-radius: 0.3em;
  11466. border-radius: 0.3em;
  11467. -webkit-background-clip: padding-box;
  11468. -moz-background-clip: padding;
  11469. background-clip: padding-box;
  11470. border: 2px solid #ccc;
  11471. background-color: #cccccc;
  11472. color: #4D4D4D;
  11473. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11474. -webkit-transition: text-shadow 0.3s ease-out;
  11475. -moz-transition: text-shadow 0.3s ease-out;
  11476. -o-transition: text-shadow 0.3s ease-out;
  11477. transition: text-shadow 0.3s ease-out;
  11478. text-align: center;
  11479. text-decoration: none;
  11480. cursor: pointer;
  11481. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11482. -webkit-transition: text-shadow 0.2s ease-out;
  11483. -moz-transition: text-shadow 0.2s ease-out;
  11484. -o-transition: text-shadow 0.2s ease-out;
  11485. transition: text-shadow 0.2s ease-out;
  11486. border-color: #69CDCF;
  11487. background-color: #69cdcf;
  11488. color: #fff;
  11489. }
  11490. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover,
  11491. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
  11492. text-shadow: 0 0 3px #ffffff;
  11493. }
  11494. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
  11495. -webkit-transition: text-shadow 0s ease-out;
  11496. -moz-transition: text-shadow 0s ease-out;
  11497. -o-transition: text-shadow 0s ease-out;
  11498. transition: text-shadow 0s ease-out;
  11499. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11500. }
  11501. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover,
  11502. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
  11503. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  11504. }
  11505. #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
  11506. -webkit-transition: text-shadow 0s ease-out;
  11507. -moz-transition: text-shadow 0s ease-out;
  11508. -o-transition: text-shadow 0s ease-out;
  11509. transition: text-shadow 0s ease-out;
  11510. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11511. }
  11512. /** UC CHECKOUT FORM */
  11513. #uc-cart-checkout-form {
  11514. display: inline-block;
  11515. background-color: #e6e6e6;
  11516. padding: 10px 30px;
  11517. }
  11518. #uc-cart-checkout-form fieldset.form-row {
  11519. padding-bottom: 20px;
  11520. margin-bottom: 20px;
  11521. }
  11522. #uc-cart-checkout-form fieldset.form-column {
  11523. display: moz-inline-stack;
  11524. display: inline-block;
  11525. vertical-align: top;
  11526. zoom: 1;
  11527. *display: inline;
  11528. max-width: 39%;
  11529. margin: 15px 1em;
  11530. }
  11531. #uc-cart-checkout-form fieldset.form-column > .fieldset-wrapper > .form-wrapper {
  11532. margin: 10px 0;
  11533. }
  11534. #uc-cart-checkout-form fieldset.form-column-right {
  11535. border-left: 1px solid #ccc;
  11536. margin-left: 2em;
  11537. padding-left: 2em;
  11538. }
  11539. #uc-cart-checkout-form legend {
  11540. margin: 0;
  11541. font-size: 18px;
  11542. font-weight: 700;
  11543. border: none;
  11544. line-height: 2;
  11545. }
  11546. #uc-cart-checkout-form .fieldset-description {
  11547. font-size: 12px;
  11548. }
  11549. #uc-cart-checkout-form .fieldset-wrapper {
  11550. font-size: 12px;
  11551. }
  11552. #uc-cart-checkout-form .form-item {
  11553. margin: 0 20px 0 0;
  11554. }
  11555. #uc-cart-checkout-form .description {
  11556. font-size: 10px;
  11557. width: 25em;
  11558. display: moz-inline-stack;
  11559. display: inline-block;
  11560. vertical-align: top;
  11561. zoom: 1;
  11562. *display: inline;
  11563. vertical-align: bottom;
  11564. margin-left: 1em;
  11565. color: #7f7f7f;
  11566. }
  11567. #uc-cart-checkout-form #cart-pane > .fieldset-wrapper {
  11568. display: moz-inline-stack;
  11569. display: inline-block;
  11570. vertical-align: top;
  11571. zoom: 1;
  11572. *display: inline;
  11573. -webkit-border-radius: 5px;
  11574. -moz-border-radius: 5px;
  11575. border-radius: 5px;
  11576. -webkit-background-clip: padding-box;
  11577. -moz-background-clip: padding;
  11578. background-clip: padding-box;
  11579. padding: 10px;
  11580. background-color: #ffffff;
  11581. }
  11582. #uc-cart-checkout-form #cart-pane table {
  11583. font-size: 14px;
  11584. min-width: 20em;
  11585. }
  11586. #uc-cart-checkout-form #cart-pane table td.price {
  11587. width: 4em;
  11588. }
  11589. #uc-cart-checkout-form #cart-pane tbody {
  11590. border: none;
  11591. }
  11592. #uc-cart-checkout-form #cart-pane tr {
  11593. background-color: transparent;
  11594. border: none;
  11595. }
  11596. #uc-cart-checkout-form #cart-pane td {
  11597. padding: 0 5px;
  11598. vertical-align: bottom;
  11599. }
  11600. #uc-cart-checkout-form #cart-pane td.products {
  11601. width: auto;
  11602. }
  11603. #uc-cart-checkout-form #cart-pane td.products a {
  11604. color: inherit;
  11605. font-weight: 700;
  11606. }
  11607. #uc-cart-checkout-form #cart-pane td.products ul.product-description {
  11608. margin: 0;
  11609. font-size: 12px;
  11610. }
  11611. #uc-cart-checkout-form #cart-pane td.products li {
  11612. list-style: none;
  11613. }
  11614. #uc-cart-checkout-form #cart-pane tr.subtotal td {
  11615. font-size: 16px;
  11616. font-weight: 700;
  11617. }
  11618. #uc-cart-checkout-form #customer-pane {
  11619. width: 35em;
  11620. }
  11621. #uc-cart-checkout-form #billing-pane label {
  11622. font-size: 12px;
  11623. width: 8em;
  11624. display: moz-inline-stack;
  11625. display: inline-block;
  11626. vertical-align: top;
  11627. zoom: 1;
  11628. *display: inline;
  11629. vertical-align: middle;
  11630. margin-right: 1em;
  11631. border-bottom: 1px solid #cccccc;
  11632. }
  11633. #uc-cart-checkout-form #billing-pane input.form-text {
  11634. width: 13em;
  11635. }
  11636. #uc-cart-checkout-form #payment-pane {
  11637. float: right;
  11638. }
  11639. #uc-cart-checkout-form #payment-pane .fieldset-wrapper {
  11640. background-color: #ffffff;
  11641. -webkit-border-radius: 5px;
  11642. -moz-border-radius: 5px;
  11643. border-radius: 5px;
  11644. -webkit-background-clip: padding-box;
  11645. -moz-background-clip: padding;
  11646. background-clip: padding-box;
  11647. padding: 10px;
  11648. }
  11649. #uc-cart-checkout-form #payment-pane #line-items-div {
  11650. float: none;
  11651. border: none;
  11652. display: moz-inline-stack;
  11653. display: inline-block;
  11654. vertical-align: top;
  11655. zoom: 1;
  11656. *display: inline;
  11657. margin: 10px 0 20px;
  11658. }
  11659. #uc-cart-checkout-form #payment-pane #line-items-div table {
  11660. font-size: 14px;
  11661. min-width: 20em;
  11662. }
  11663. #uc-cart-checkout-form #payment-pane #line-items-div table td.price {
  11664. width: 4em;
  11665. }
  11666. #uc-cart-checkout-form #payment-pane #line-items-div tbody {
  11667. border: none;
  11668. }
  11669. #uc-cart-checkout-form #payment-pane #line-items-div td {
  11670. padding: 0 5px;
  11671. }
  11672. #uc-cart-checkout-form #payment-pane #line-items-div tr td {
  11673. font-weight: 500;
  11674. }
  11675. #uc-cart-checkout-form #payment-pane #line-items-div tr.line-item-total td {
  11676. font-size: 16px;
  11677. font-weight: 700;
  11678. text-align: right;
  11679. }
  11680. #uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method label {
  11681. width: auto;
  11682. border-bottom: none;
  11683. }
  11684. #uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method .form-item-panes-payment-payment-method {
  11685. border: 1px solid #ddd;
  11686. border-radius: 5px;
  11687. margin: 0.5em;
  11688. padding: 0.5em;
  11689. }
  11690. #uc-cart-checkout-form #payment-pane #edit-panes-payment-payment-method .form-item-panes-payment-payment-method label {
  11691. font-weight: bold;
  11692. }
  11693. #uc-cart-checkout-form #payment-pane #payment-details {
  11694. width: 25em;
  11695. border-top: none;
  11696. padding: 0;
  11697. margin: 0;
  11698. }
  11699. #uc-cart-checkout-form .form-actions {
  11700. padding: 0;
  11701. margin: 0;
  11702. border: 0px;
  11703. background-color: transparent;
  11704. text-align: right;
  11705. }
  11706. #uc-cart-checkout-form .form-actions .form-submit {
  11707. font-size: 16px;
  11708. font-weight: bold;
  11709. padding: 0.1em 0.3em 0.2em;
  11710. -webkit-border-radius: 0.3em;
  11711. -moz-border-radius: 0.3em;
  11712. border-radius: 0.3em;
  11713. -webkit-background-clip: padding-box;
  11714. -moz-background-clip: padding;
  11715. background-clip: padding-box;
  11716. border: 2px solid #ccc;
  11717. background-color: #cccccc;
  11718. color: #4D4D4D;
  11719. cursor: pointer;
  11720. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11721. -webkit-transition: text-shadow 0.3s ease-out;
  11722. -moz-transition: text-shadow 0.3s ease-out;
  11723. -o-transition: text-shadow 0.3s ease-out;
  11724. transition: text-shadow 0.3s ease-out;
  11725. text-align: center;
  11726. text-decoration: none;
  11727. margin-left: 1em;
  11728. }
  11729. #uc-cart-checkout-form .form-actions .form-submit:hover,
  11730. #uc-cart-checkout-form .form-actions .form-submit:focus {
  11731. text-shadow: 0 0 3px #ffffff;
  11732. }
  11733. #uc-cart-checkout-form .form-actions .form-submit:active {
  11734. -webkit-transition: text-shadow 0s ease-out;
  11735. -moz-transition: text-shadow 0s ease-out;
  11736. -o-transition: text-shadow 0s ease-out;
  11737. transition: text-shadow 0s ease-out;
  11738. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11739. }
  11740. #uc-cart-checkout-form .form-actions .form-submit#edit-continue {
  11741. font-size: 16px;
  11742. font-weight: bold;
  11743. padding: 0.1em 0.3em 0.2em;
  11744. -webkit-border-radius: 0.3em;
  11745. -moz-border-radius: 0.3em;
  11746. border-radius: 0.3em;
  11747. -webkit-background-clip: padding-box;
  11748. -moz-background-clip: padding;
  11749. background-clip: padding-box;
  11750. border: 2px solid #ccc;
  11751. background-color: #cccccc;
  11752. color: #4D4D4D;
  11753. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11754. -webkit-transition: text-shadow 0.3s ease-out;
  11755. -moz-transition: text-shadow 0.3s ease-out;
  11756. -o-transition: text-shadow 0.3s ease-out;
  11757. transition: text-shadow 0.3s ease-out;
  11758. text-align: center;
  11759. text-decoration: none;
  11760. cursor: pointer;
  11761. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11762. -webkit-transition: text-shadow 0.2s ease-out;
  11763. -moz-transition: text-shadow 0.2s ease-out;
  11764. -o-transition: text-shadow 0.2s ease-out;
  11765. transition: text-shadow 0.2s ease-out;
  11766. border-color: #69CDCF;
  11767. background-color: #69cdcf;
  11768. color: #fff;
  11769. }
  11770. #uc-cart-checkout-form .form-actions .form-submit#edit-continue:hover,
  11771. #uc-cart-checkout-form .form-actions .form-submit#edit-continue:focus {
  11772. text-shadow: 0 0 3px #ffffff;
  11773. }
  11774. #uc-cart-checkout-form .form-actions .form-submit#edit-continue:active {
  11775. -webkit-transition: text-shadow 0s ease-out;
  11776. -moz-transition: text-shadow 0s ease-out;
  11777. -o-transition: text-shadow 0s ease-out;
  11778. transition: text-shadow 0s ease-out;
  11779. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11780. }
  11781. #uc-cart-checkout-form .form-actions .form-submit#edit-continue:hover,
  11782. #uc-cart-checkout-form .form-actions .form-submit#edit-continue:focus {
  11783. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  11784. }
  11785. #uc-cart-checkout-form .form-actions .form-submit#edit-continue:active {
  11786. -webkit-transition: text-shadow 0s ease-out;
  11787. -moz-transition: text-shadow 0s ease-out;
  11788. -o-transition: text-shadow 0s ease-out;
  11789. transition: text-shadow 0s ease-out;
  11790. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11791. }
  11792. /* UC CART && UC CHECKOUT VALIDATION */
  11793. .page-cart-checkout-review #content > .inner-content {
  11794. display: inline-block;
  11795. padding: 1em;
  11796. }
  11797. .page-cart-checkout-review #edit-actions {
  11798. margin: 0;
  11799. padding: 0;
  11800. }
  11801. .page-cart-checkout-review #edit-actions:before,
  11802. .page-cart-checkout-review #edit-actions:after {
  11803. display: block;
  11804. }
  11805. .page-cart-checkout-review #review-instructions {
  11806. width: 30em;
  11807. padding: 1em 0;
  11808. }
  11809. .page-cart-checkout-review table.order-review-table {
  11810. border: none;
  11811. }
  11812. .page-cart-checkout-review table.order-review-table .pane-title-row {
  11813. border: none;
  11814. background-color: transparent;
  11815. text-align: left;
  11816. font-size: 18px;
  11817. }
  11818. .page-cart-checkout-review table.order-review-table .pane-title-row td {
  11819. padding: 1em 0 0 0;
  11820. }
  11821. .page-cart-checkout-review table.order-review-table table.cart-review tr.odd {
  11822. background-color: transparent;
  11823. border: none;
  11824. }
  11825. .page-cart-checkout-review table.order-review-table td.title-col {
  11826. padding: 0;
  11827. text-align: left;
  11828. }
  11829. .page-cart-checkout-review table.order-review-table td.data-col {
  11830. padding: 0;
  11831. width: 75%;
  11832. }
  11833. .page-cart-checkout-review table.order-review-table .review-button-row {
  11834. border: none;
  11835. background-color: transparent;
  11836. }
  11837. .page-cart-checkout-review table.order-review-table .review-button-row > td {
  11838. padding: 3em 0 0 0;
  11839. }
  11840. .page-cart-checkout-review table.order-review-table .review-button-row form {
  11841. margin: 0 0.5em 0 0;
  11842. display: moz-inline-stack;
  11843. display: inline-block;
  11844. vertical-align: top;
  11845. zoom: 1;
  11846. *display: inline;
  11847. }
  11848. .page-cart-checkout-review #edit-actions {
  11849. border: 0px;
  11850. background-color: transparent;
  11851. text-align: right;
  11852. }
  11853. .page-cart-checkout-review input.form-submit {
  11854. font-size: 16px;
  11855. font-weight: bold;
  11856. padding: 0.1em 0.3em 0.2em;
  11857. -webkit-border-radius: 0.3em;
  11858. -moz-border-radius: 0.3em;
  11859. border-radius: 0.3em;
  11860. -webkit-background-clip: padding-box;
  11861. -moz-background-clip: padding;
  11862. background-clip: padding-box;
  11863. border: 2px solid #ccc;
  11864. background-color: #cccccc;
  11865. color: #4D4D4D;
  11866. cursor: pointer;
  11867. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11868. -webkit-transition: text-shadow 0.3s ease-out;
  11869. -moz-transition: text-shadow 0.3s ease-out;
  11870. -o-transition: text-shadow 0.3s ease-out;
  11871. transition: text-shadow 0.3s ease-out;
  11872. text-align: center;
  11873. text-decoration: none;
  11874. margin-left: 1em;
  11875. }
  11876. .page-cart-checkout-review input.form-submit:hover,
  11877. .page-cart-checkout-review input.form-submit:focus {
  11878. text-shadow: 0 0 3px #ffffff;
  11879. }
  11880. .page-cart-checkout-review input.form-submit:active {
  11881. -webkit-transition: text-shadow 0s ease-out;
  11882. -moz-transition: text-shadow 0s ease-out;
  11883. -o-transition: text-shadow 0s ease-out;
  11884. transition: text-shadow 0s ease-out;
  11885. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11886. }
  11887. .page-cart-checkout-review input.form-submit#edit-submit {
  11888. font-size: 16px;
  11889. font-weight: bold;
  11890. padding: 0.1em 0.3em 0.2em;
  11891. -webkit-border-radius: 0.3em;
  11892. -moz-border-radius: 0.3em;
  11893. border-radius: 0.3em;
  11894. -webkit-background-clip: padding-box;
  11895. -moz-background-clip: padding;
  11896. background-clip: padding-box;
  11897. border: 2px solid #ccc;
  11898. background-color: #cccccc;
  11899. color: #4D4D4D;
  11900. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11901. -webkit-transition: text-shadow 0.3s ease-out;
  11902. -moz-transition: text-shadow 0.3s ease-out;
  11903. -o-transition: text-shadow 0.3s ease-out;
  11904. transition: text-shadow 0.3s ease-out;
  11905. text-align: center;
  11906. text-decoration: none;
  11907. cursor: pointer;
  11908. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11909. -webkit-transition: text-shadow 0.2s ease-out;
  11910. -moz-transition: text-shadow 0.2s ease-out;
  11911. -o-transition: text-shadow 0.2s ease-out;
  11912. transition: text-shadow 0.2s ease-out;
  11913. border-color: #69CDCF;
  11914. background-color: #69cdcf;
  11915. color: #fff;
  11916. }
  11917. .page-cart-checkout-review input.form-submit#edit-submit:hover,
  11918. .page-cart-checkout-review input.form-submit#edit-submit:focus {
  11919. text-shadow: 0 0 3px #ffffff;
  11920. }
  11921. .page-cart-checkout-review input.form-submit#edit-submit:active {
  11922. -webkit-transition: text-shadow 0s ease-out;
  11923. -moz-transition: text-shadow 0s ease-out;
  11924. -o-transition: text-shadow 0s ease-out;
  11925. transition: text-shadow 0s ease-out;
  11926. text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  11927. }
  11928. .page-cart-checkout-review input.form-submit#edit-submit:hover,
  11929. .page-cart-checkout-review input.form-submit#edit-submit:focus {
  11930. text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  11931. }
  11932. .page-cart-checkout-review input.form-submit#edit-submit:active {
  11933. -webkit-transition: text-shadow 0s ease-out;
  11934. -moz-transition: text-shadow 0s ease-out;
  11935. -o-transition: text-shadow 0s ease-out;
  11936. transition: text-shadow 0s ease-out;
  11937. text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  11938. }
  11939. /** WHO WE ARE */
  11940. #didactique-page .node-didactique {
  11941. -webkit-border-radius: 5px;
  11942. -moz-border-radius: 5px;
  11943. border-radius: 5px;
  11944. -webkit-background-clip: padding-box;
  11945. -moz-background-clip: padding;
  11946. background-clip: padding-box;
  11947. background-color: #FFF;
  11948. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11949. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11950. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11951. max-width: 850px;
  11952. font-size: 14px;
  11953. background-color: #ffffff;
  11954. margin: 1em auto;
  11955. padding: 1em;
  11956. }
  11957. #didactique-page .node-didactique .field-name-field-emvideo {
  11958. margin: 1em 0;
  11959. }
  11960. #didactique-page .node-didactique .field-name-title-field {
  11961. font-size: 24px;
  11962. font-weight: 900;
  11963. font-style: italic;
  11964. padding: 5px 0;
  11965. }
  11966. #didactique-page .node-didactique .field-name-field-visuel figure,
  11967. #didactique-page .node-didactique .field-name-field-visuel img {
  11968. max-width: 100%;
  11969. }
  11970. @media screen and (min-width: 480px) {
  11971. #didactique-page .side {
  11972. display: moz-inline-stack;
  11973. display: inline-block;
  11974. zoom: 1;
  11975. *display: inline;
  11976. vertical-align: top;
  11977. }
  11978. #didactique-page .group-sideleft {
  11979. width: 60%;
  11980. }
  11981. #didactique-page .group-sideright {
  11982. width: 39%;
  11983. }
  11984. }
  11985. /** DIDACTIQUE */
  11986. @media screen and (max-width: 479px) {
  11987. .page-whoweare #tool-bar #block-materio-page-title-materio-page-title {
  11988. display: none;
  11989. }
  11990. }
  11991. /** maintenance */
  11992. .maintenance-page #container,
  11993. .maintenance-page #header {
  11994. text-align: center;
  11995. padding: 0;
  11996. position: relative;
  11997. }
  11998. .maintenance-page #main {
  11999. background-color: transparent;
  12000. }
  12001. .maintenance-page #header h1.site-name {
  12002. font-size: 36px;
  12003. margin: 0;
  12004. padding-left: 0;
  12005. }
  12006. .maintenance-page h2.site-slogan {
  12007. font-size: 16px;
  12008. font-weight: 300;
  12009. margin: 0;
  12010. line-height: 1.1;
  12011. }
  12012. /** FAQ */
  12013. .page-faq-page #main {
  12014. background: #ffffff url('../img/bg-faq.png') no-repeat bottom right;
  12015. }
  12016. #content .faq-content .faq-description {
  12017. font-size: 12px;
  12018. padding-bottom: 2em;
  12019. }
  12020. #content .faq-content ul.faq-ul-questions-top {
  12021. margin: 0;
  12022. }
  12023. #content .faq-content ul.faq-ul-questions-top li {
  12024. list-style: none;
  12025. }
  12026. #content .faq-content ul.faq-ul-questions-top li a {
  12027. font-size: 18px;
  12028. font-weight: 500;
  12029. }
  12030. #content .faq-content h3.faq-header {
  12031. font-size: 20px;
  12032. font-weight: 700;
  12033. line-height: 1.2;
  12034. margin: 0;
  12035. }
  12036. #content .faq-content h3.faq-header a {
  12037. color: #000;
  12038. }
  12039. #content .faq-content .faq-dl-hide-answer {
  12040. padding: 0;
  12041. }
  12042. #content .faq-content .faq-category-group {
  12043. padding-bottom: 1em;
  12044. }
  12045. #content .faq-content .faq-question-answer {
  12046. padding: 0.3em 0 0 0.8em;
  12047. }
  12048. #content .faq-content .faq-question-answer .faq-question {
  12049. font-size: 16px;
  12050. padding: 0;
  12051. font-weight: 500;
  12052. }
  12053. #content .faq-content .faq-question-answer .faq-question a {
  12054. color: #000;
  12055. }
  12056. #content .faq-content .faq-question-answer .faq-answer {
  12057. padding: 0;
  12058. margin-bottom: 2em;
  12059. font-size: 12px;
  12060. }
  12061. #content .faq-content .field-name-body img {
  12062. max-width: 50%;
  12063. height: auto;
  12064. }