Denna CSS-kod definierar en anpassad teckensnittsfamilj som heter "Guardian Headline Full" med flera teckensnittsvikter och stilar. Den specificerar teckensnittsfilerna i olika format (WOFF2, WOFF och TrueType) och deras platser pÄ servern. Teckensnittet inkluderar lÀtt, normal, medium och halvfet vikt, var och en med normala och kursiva stilar.
Denna CSS-kod definierar flera teckensnittsfamiljer och stilar för Guardian-webbplatsen. Den specificerar kÀllorna för olika teckensnittsfiler i WOFF2-, WOFF- och TrueType-format, tillsammans med deras vikter och stilar. Teckensnitten inkluderar Guardian Headline Full i fet, fet kursiv, svart och svart kursiv variant, samt Guardian Titlepiece i fet stil.
Koden inkluderar Àven media queries för skript och reducerad rörelse, vilket sÀtter opacitetsövergÄngar för huvudinnehÄllet nÀr det laddas. Dessutom definierar den olika CSS-egendefinierade egenskaper (variabler) för fÀrger och stilar som anvÀnds över hela webbplatsen, sÄsom övertoningsförtoning, bildtexttext, ljus typ och mörk bakgrund.
Ytterligare justeringar görs för specifika komponenter som serie-karuseller och artikeldelar, inklusive rubriker, huvudrubriker och standfirst-text. Teckensnittsfamiljer, storlekar och fÀrger Àr skrÀddarsydda för olika skÀrmstorlekar, med större teckensnittsstorlekar som appliceras pÄ bredare skÀrmar. Vissa element, som specifika spann i titeln, Àr dolda frÄn visning.
För artikeltitlar visas lÀnken eller serietexten inline med en specifik fÀrg, med Guardian-rubrikteckensnitt i 20px storlek, fet vikt och 115% radhöjd. Vid hovring understryks titellÀnken.
Intervjuobjektsnamn Àr formgivna med en mediatematisk fÀrg, 28px kursivt teckensnitt, lÀtt vikt och 115% radhöjd.
Artikelsammanfattningen och dess lÀnkar anvÀnder en media-200 fÀrg, 17px teckensnitt med medium vikt, som ökar till 20px pÄ bredare skÀrmar. SammanfattningslÀnkar fÄr en understrykning vid hovring.
Bildtexter och videotranskriptlÀnkar har en bildtextsfÀrg med ett sans-serif-teckensnitt i 12px storlek och 130% radhöjd.
Byline-lÀnkar anvÀnder Guardian-rubrikteckensnitt i 17px och fet vikt, medan byline-knapptext anvÀnder ett sans-serif-teckensnitt med medium vikt. Datumradstexten matchar bildtextsfÀrgen.
Rullcitat har en ljus fÀrg, 32px rubrikteckensnitt (vÀxer till 42px pÄ stora skÀrmar), lÀtt vikt och 115% radhöjd. Deras bildtexter anvÀnder ett sans-serif-teckensnitt i 14px. PÄ medelstora och större skÀrmar anvÀnder bÄda mediatextfÀrgen.
Den första bokstaven i huvudinnehÄllets stycke Àr formgiven med en media-200 fÀrg, 112px rubrikteckensnitt, lÀtt vikt, 80% radhöjd, flyttad till vÀnster med en liten marginal.
Mediasektionen Àr positionerad relativt, full höjd, med en mediabakgrundsfÀrg, som strÀcker sig 10px utanför sin behÄllare pÄ varje sida (20px pÄ bredare skÀrmar). Den anvÀnder en grid-layout med omrÄden för media och mobila element. PÄ större skÀrmar vÀxlar den till ett tvÄkolumnsgrid med specifika radallokeringar och ett 20px gap.
Titelelement inom media har marginaler och en bakgrundsfÀrg, med justerad padding och transparanta bakgrunder för inre divar. PÄ mindre skÀrmar flyttas titeln till det mobila omrÄdet.
För medelstora skÀrmar och uppÄt har mediasektionen en fast body-bredd och pseudoelement som skapar fÀrgade sidopaneler med kanter, som strÀcker sig till kanten av visningsporten.
Mediaelementet har en heldragen kant och Àr positionerat till höger, med sin bredd berÀknad baserat pÄ visningsport och body-bredd. För större skÀrmar justeras body-bredden vid specifika brytpunkter: 978px för 61.25em, 1138px för 71.25em och 1298px för 81.25em.
Artikelns innehÄllsgridlayout Àndras med skÀrmstorlek. PÄ mindre skÀrmar staplas media, meta, standfirst och body vertikalt. PÄ medelstora skÀrmar (61.25em och uppÄt) anvÀnds en tvÄkolumnslayout med media som strÀcker sig över bÄda kolumnerna. PÄ större skÀrmar (71.25em och 81.25em) lÀggs fler kolumner till och gridomrÄdena justeras dÀrefter.
Standfirst-sektionen har en toppmarginal, och linjer Àr dolda. Bildtexter för rubriker och videor inkluderar ikoner med specifik formgivning och avstÄnd. Vissa element Àr dolda eller justerade i layout, som det andra stycket i rubrikbildtexter.
Knappar för att lyssna pÄ artiklar har topp- och bottenmarginaler. Pin-spacer tillÄter pekarehÀndelser pÄ sina barn men inte pÄ sig sjÀlv. Rubriken Àr positionerad med ett högre z-index.
Pappar har datumraden ingen bottenmarginal. I liggande lÀge pÄ smÄ skÀrmar omorganiseras mediagriden med specifika omrÄden för titel, intervjuobjekt och mediabehÄllare.
För iOS Àr vissa pseudoelement i statiska och videorubriker dolda. NÀr skript Àr inaktiverat anpassas layouten med media som tar full bredd och gridomrÄden som omorganiseras för olika skÀrmstorlekar.
SkÀrmlÀsarspecifikt innehÄll Àr positionerat utanför skÀrmen för tillgÀnglighet.
För interaktivt innehÄll i huvudkolumnen sÀtts stödjande figurer till 75% bredd och rensar inte tidigare element. PÄ medelstora skÀrmar och större förblir dessa figurer pÄ 75% bredd, positionerade statiskt utan flyt, och har normal radhöjd och ingen toppmarginal. PÄ bredare skÀrmar har de ingen vÀnstermarginal, och deras bildtexter Àr statiska utan breddbegrÀnsningar. PÄ extra breda skÀrmar behÄller figurerna 75% bredd utan vÀnstermarginal, och bildtexter har ingen maxbredd. För medelstora till stora skÀrmar strÀcker sig immersiva element 20px till höger.
Rubriker för statiskt och videoinnehÄll har padding pÄ 0 10px, som ökar till 0 20px pÄ smÄ skÀrmar. Deras mediabehÄllare tar upp full bredd och höjd, med ett 4:5 bildförhÄllande pÄ större skÀrmar. Bildomslag Àr fastsatta högst upp och tÀcker hela omrÄdet, och blir relativa pÄ större skÀrmar. Bilder och bilder inom fyller sina behÄllare och beskÀrs för att tÀcka, medan intilliggande spann och lÀnkar Àr dolda. Ett andra bildlager Àr positionerat absolut högst upp till vÀnster.
Mobila inredningsomslag Àr fastsatta lÀngst ner, flex-kolumn och anpassar sig till sitt innehÄll med en bakgrundsfÀrg, och blir en del av det normala flödet pÄ större skÀrmar. Titlar och intervjuobjektinformation Àr ordnade som andra respektive tredje. PÄ mindre skÀrmar appliceras en gradienttoning ovanför omslaget.
RubrikbehÄllare Àr högst upp, full bredd, med bottenpadding, bakgrundsfÀrg, justerade till slutet och z-indexade ovanför andra element. De anvÀnder en grid-layout för rubriker, med första och andra rubriken som upptar samma omrÄde.
För skÀrmar bredare Àn 61.25em, justera rubrikbehÄllarens toppmarginal till noll, sÀtt en maxbredd pÄ 540px och lÀgg till en överkant med mediakantfÀrg.
PÄ skÀrmar smalare Àn 61.24em, justera den första rubriken till behÄllarens början.
SÀtt den andra rubrikens maxbredd till 620px och gör dess första bokstav versal. PÄ skÀrmar minst 30em breda, skiftar den andra rubriken 20px till höger. För skÀrmar 61.25em eller bredare, positionera den 4px frÄn toppen istÀllet för botten.
NÀr reducerad rörelse föredras, visa rubrikbehÄllaren som ett blockelement. PÄ smÄ skÀrmar (max-bredd 46.24em) med reducerad rörelse, ÄterstÀll toppmarginalerna för bÄda rubrikerna. LÀgg ocksÄ till 10px topppadding till den andra rubriken.
Positionera intervjuobjektsektionen i gridens 'intervjuobjekt'-omrÄde med 20px bottenpadding. För videorubriker, placera kontroller absolut lÀngst ner med en 10px offset.
PÄ skÀrmar upp till 46.24em breda, sÀtt rubrikhöjden till 100%. För iOS-enheter, anvÀnd en grid-layout med den första raden satt till 100lvh och justera intervjuobjektpadding för att ta hÀnsyn till det nedre verktygsfÀltet pÄ smÄ skÀrmar.
PÄ Android-enheter, berÀkna gridradhöjden genom att subtrahera toppfÀltets höjd frÄn 100vh och justera det mobila inredningsomslagets padding dÀrefter.
I liggande lÀge pÄ smala skÀrmar (max-bredd 700px), gör rubrikhöjden anpassad till dess innehÄll och visa mediabehÄllaren med en anpassad höjd.
Dölj etiketter inom bildomslag nÀr renderingsmÄlet Àr appar.
För videobehÄllare, se till att videon tÀcker hela omrÄdet med ett object-fit av cover och en toningsövergÄng nÀr den Àr aktiv. Positionera kontrollknappar absolut lÀngst ner till höger med en cirkulÀr design och lÀmpligt avstÄnd.
Justera videobehÄllarens bildförhÄllande till 4/5 pÄ större skÀrmar.
För rullcitat, sÀtt mediabehÄllaren att fastna högst upp med 100vh höjd och dolt overflow, positionera objekt absolut inom den.
Bilden i rullcitatsektionen Àr instÀlld pÄ att tÀcka sin behÄllare fullstÀndigt, med bibehÄllet bildförhÄllande. CitatbehÄllaren Àr positionerad för att fastna högst upp i visningsporten, med en semitransparent bakgrund pÄ mindre skÀrmar. Citat visas i ett omslag som tar upp 75% av bredden och stöder ordbrytning.
PÄ större skÀrmar Àndras layouten till ett tvÄkolumnsgrid, och bakgrunden justeras dÀrefter. Den totala höjden pÄ rullcitatsektionen berÀknas baserat pÄ visningsportshöjd och innehÄllslÀngd, med reducerad höjd för anvÀndare som föredrar mindre rörelse.
För iOS-enheter anvÀnds specifika visningsportsenheter för att sÀkerstÀlla korrekt storlek. Interaktiva element som figurer och blockcitat har mjuka toningsanimationer nÀr de kommer i vyn.
I mörkt lÀge justeras olika fÀrgvariabler till mörkare nyanser för bÀttre lÀsbarhet och visuell komfort.
"Det Ă€r svĂ„rt att inte se detta som ett slags slutkapitel," anmĂ€rker Tim Curry om sin memoar, Vagabond. Att han överhuvudtaget skrev den kommer som en överraskning. Curry har alltid satt vĂ€rde pĂ„ sin integritet â mina försök att övertala honom att göra en intervju med Guardian började för över fem Ă„r sedan. Nu 79 Ă„r gammal föredrar han fortfarande att se framĂ„t, vilket förklarar hur han har uppnĂ„tt sĂ„ mycket i sin karriĂ€r.
SkÄdespelaren Àr kÀnd för sin grÀnslösa energi. Under inspelningen av mordmysteriekomedin Clue, dÀr han spelar den hektiske, skarptungade butlern Wadsworth, anstrÀngde han sig sÄ mycket att en sjuksköterska pÄ plats varnade honom för att han riskerade en hjÀrtattack efter att ha kontrollerat hans blodtryck.
Hans mest ikoniska skÀrmroll förblir hans genombrott 1975 som Dr. Frank-N-Furter, den förbryllande sexsymbolen i The Rocky Horror Picture Show. Men han har portrÀtterat mÄnga oförglömliga skurkar; för mig kommer han alltid att vara Pennywise-clownen frÄn den skrÀmmande 1990-miniserieanpassningen av Stephen Kings It. Hans scenframtrÀdanden i The Pirates of Penzance 1982 och Spamalot 2007 gav bÄda Olivier-nomineringar. Dessutom har han dubbat mÄnga karaktÀrer och vunnit över en generation millennials som upptÀcktsresanden Nigel Thornberry i tecknade klassikern The Wild Thornberrys.
I varje roll utstrÄlar Curry hjÀrta och livsglÀdje, med ett flin som balanserar mellan hot och glÀdje. Har nÄgon skÄdespelare nÄgonsin haft roligare Àn han hade nÀr han spelade Long John Silver i Muppet Treasure Island?
"Jag Àr mycket medveten om att jag har tur," sÀger han. "Jag Àr faktiskt förvÄnad över hur ambitiös jag har varit. Jag tÀnkte aldrig pÄ mig sjÀlv som ambitiös överhuvudtaget."
Komedi har alltid varit viktigt för honom som utövare, men pĂ„ senare tid har det ocksĂ„ blivit en "copingmekanism". 2012, vid 67 Ă„rs Ă„lder, drabbades han av en svĂ„r stroke som lĂ€mnade hans vĂ€nstra sida förlamad. Han Ă€r tacksam för att han inte förlorade sin förmĂ„ga att tala. Att fĂ„ andra att skratta ger honom uppenbarligen glĂ€dje â hans konversation Ă€r fylld av skarpa anmĂ€rkningar, slagord och imponerande röstarbete. Hur förĂ€ndrade stroken hans syn pĂ„ livet? "Dagen före min stroke rökte jag tre paket Marlboro Reds," delar han med sig. "Det kommer jag inte att göra igen!"
Mellan stroken och pandemin hade Curry vad han kallar "en förskrÀcklig mÀngd tid att reflektera." Resultatet Àr Vagabond, en kvick och engagerande sidvÀndare full av liv. LÀsarna dras in av hans karriÀrhistorier och stannar för kÀndismötena: spontana middagar med David Bowie efter Rocky Horror Show-förestÀllningar; dela skÄlar med kokain pÄ Studio 54 med Truman Capote och Andy Warhol (Carly Simon, som ocksÄ var dÀr, deltog inte); och ett komiskt nafsigt sammantrÀffande med Donald Trump pÄ inspelningen av Home Alone 2: Lost in New York (mer om det senare, oroa dig inte).
Det finns nĂ„gra utelĂ€mnanden. Han skriver att hjĂ€rtesaker eller sovrumsangelĂ€genheter "Ă€r â respektfullt â inget som angĂ„r dig."
"Jag försökte vara sÄ absolut sanningsenlig som möjligt," sÀger han. "Jag kunde inte se poÀngen med att inte vara det." Att göra det annorlunda var verkligen uppiggande, mÄste jag sÀga. Det var fantastiskt, delvis pÄ grund av spÀnningen i en ny miljö.
Som Pennywise-clownen i 1990-Ärsanpassningen av Stephen Kings It har jag alltid strÀvat efter att göra mina skurkar underhÄllande, vilket ökar deras hotfullhet.
I Home Alone 2: Lost in New York (1992) minns jag att Ivana Trump knackade pÄ min dörr och frÄgade om jag var nöjd med mitt rum. Jag avskydde det absolut.
Jag medger att jag Àr en showoff.
