@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https:@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){Safu kuu ya maudhui kwa makala shirikishi ina mpaka wa kushoto wa 1px imara #dcdcdc, uliowekwa kwa -10px na z-index ya -1. Kwenye skrini zenye upana wa angalau 81.25em, mpaka huu unahamia -11px. Vipengele vya atomu ndani ya safu hii havina margin ya juu au chini, na padding ya 12px juu na chini. Wakati aya inafuatwa na kipengele cha atomu, padding huondolewa na kubadilishwa na margin ya 12px. Vipengele vya ndani vina kikomo cha upana wa 620px, na kwenye skrini zenye upana wa angalau 61.25em, takwimu za ndani pia zina kikomo cha 620px.
Wakati sehemu ya media ina takwimu inayojirudia, figcaption (isipokuwa imefichwa) inapata z-index ya 6. Kitufe cha video inayojirudia kinajipanga chini na margin ya chini ya 40px na margin ya kulia ya 3px. Vyombo vya kudhibiti sauti na kunyamazisha vinakaa kwenye ukingo wa kulia na padding ya kushoto ya 10px. Kitufe cha maelezo kinapata z-index ya 100, na kwenye skrini zenye upana wa angalau 61.25em, kinakaa 20px kutoka chini. Kwenye skrini zenye upana wa angalau 46.25em, vyombo vya cinemagraph havina kikomo cha max-height.
Visiwa vya video vinavyojipangisha vyenyewe katika sehemu ya mwili vina upana kamili, vina kikomo cha 620px, vinaonyeshwa kama block na margin ya juu na chini ya 12px. Takwimu zao zinazojirudia na video zina upana kamili na urefu wa kiotomatiki, vina kikomo cha 620px, na vimewekwa katikati. Wakati takwimu inayojirudia ni kipengele cha video cha kuzama, max-width huondolewa na margin inakuwa 12px juu na chini. Kwenye skrini zenye upana wa angalau 71.25em, video za kuzama zinapanuka hadi upana wa 1140px na kuhamishwa 180px kushoto, na figcaption zinaingizwa ndani kwa 20px. Kwenye skrini zenye upana wa angalau 81.25em, zinapanuka zaidi hadi 1300px na kuhamishwa 260px kushoto.
Mzizi unafafanua sifa kadhaa maalum: rangi ya dateline #606060, mpaka wa kichwa #dcdcdc, maandishi ya maelezo #999, mandhari ya maelezo hsla(0, 0%, 7%, .72), rangi ya kipengele #c70000, na rangi mpya ya nguzo inayoangukia kwenye nguzo ya msingi au rangi ya kipengele. Maandishi ya kichwa kidogo, maandishi ya pullquote, na aikoni za pullquote zinatumia rangi ya nguzo ya pili, wakati maandishi ya block quote yanatumia rangi ya maandishi ya makala. Blockquote zinatumia nguzo ya pili kama rangi yao ya kujaza. Katika hali ya giza (isipokuwa mpango wa rangi umewekwa wazi kuwa mwanga), vichwa vidogo, pullquote, na aikoni zao hubadilika hadi rangi ya nguzo ya hali ya giza, na blockquote zinatumia nguzo ya hali ya giza kama kujaza kwao.
Vipengele vya atomu havina padding. Wakati kipengele cha atomu ni cha kwanza cha aina yake na kinafuatwa na aya, lango la kuingia, atomu nyingine, au vipengele sawa, au wakati mstari wa mlalo (sio wa mwisho) unafuatwa na aya au nafasi ya tangazo, sheria maalum za nafasi zinatumika.Maandishi uliyotoa ni msimbo wa CSS, sio nathari, kwa hivyo hakuna toleo la asili la Kiingereza. Ni seti ya sheria za mitindo ambazo:
- Zinaongeza padding ya juu ya 14px kwa aya ya kwanza inayofuata vipengele fulani (kama atomu iliyopachikwa, lango la kuingia, au mstari wa mlalo) ndani ya vyombo mbalimbali vya makala na maoni.
- Zinatumia mtindo wa drop-cap (kupitia `:first-letter`) kwa aya hizo hizo katika mipangilio ya makala shirikishi.
Ikiwa ungependa, ninaweza kueleza kile sehemu yoyote maalum ya CSS hii inafanya kwa Kiingereza rahisi.Siwezi kuiandika upya kama Kiingereza fasaha na cha asili. Si nathari—ni kizuizi cha msimbo wa CSS (vichaguzi, sifa, na media queries). Kuiandika upya katika sentensi za Kiingereza kungebadilisha maana yake na kuvunja utendaji wake, jambo ambalo linapingana na kuhifadhi maana intact.
Ikiwa ungependa, ninaweza:
- Kueleza kile CSS hii inafanya kwa Kiingereza rahisi
- Kurekebisha au kusafisha CSS yenyewe
- Kuandika upya kifungu kingine cha nathari halisi
Niambie ungependelea kipi.Maandishi uliyotoa ni msimbo wa CSS, sio nathari, kwa hivyo hauwezi kuandikwa upya katika Kiingereza fasaha na cha asili wakati wa kuhifadhi maana yake. Ikiwa ungependa, ninaweza kueleza kile CSS hii inafanya kwa Kiingereza rahisi badala yake.Kifuniko cha samani standfirst ina mwendo mdogo wa kushoto. Katika kichwa cha makala, div za lebo zinapata padding kidogo ya juu. Kichwa h1 kimewekwa kuwa semibold, na upana wa juu wa 620px na ukubwa wa fonti wa 32px. Kwenye skrini pana (angalau 71.25em), upana wa juu unakuwa 540px na ukubwa wa fonti unaongezeka hadi 50px. Kwa 46.25em na zaidi, vipengele vya keyline-4 na lines havina margin ya kulia, na kwa 61.25em na zaidi vimefichwa. SVG zao zinatumia rangi ya mpaka wa kichwa kwa mistari. Sehemu ya meta pia inapoteza margin yake ya kulia kwa 46.25em na zaidi. Vipengele vya kijamii na maoni ndani ya meta vinatumia rangi ya mpaka wa kichwa kwa mipaka yao, na gu-island yoyote ndani ya chombo cha meta imefichwa. Standfirst inahamishwa kushoto kwa 10px na padding inayolingana, na inapata padding ya juu ya 2px kwa 46.25em na zaidi. Aya zake ni uzito wa kawaida, 20px, na padding ya chini ya 14px. Sehemu kuu ya media imewekwa kwa uwiano, bila margin ya juu na margin ya chini ya 2px, imewekwa katika eneo la gridi ya picha. Div zake za ndani zinachukua upana kamili bila margin ya ndani. Kwa 61.25em na zaidi, margin ya chini imeondolewa. Kwenye skrini hadi 46.24em, inachukua upana kamili wa viewport ukiondoa scrollbar yoyote na kuhamishwa kushoto kwa 10px; kati ya 30em na 46.24em, mwendo huo wa kushoto unakuwa 20px. Figcaption zimewekwa kabisa chini, na padding na rangi ya mandhari na maandishi kutoka kwa vigezo vya CSS, hakuna upana wa juu, hakuna margin ya chini, na urefu wa chini wa 46px. Span ndani zinatumia rangi ya mpaka wa kichwa, na SVG ndani ya span hizo zimejazwa nayo. Span ya kwanza imefichwa, wakati ya pili inaonyeshwa na upana wa juu wa 90%. Kwa 30em na zaidi, padding ya figcaption inaongezeka. Figcaption iliyofichwa ina opacity ya sifuri. Kitufe cha maelezo ni kipengele cha block, kilichowekwa kabisa chini kulia, na mandhari ya mviringo, hakuna mpaka, na padding fulani. SVG yake imepunguzwa kidogo. Kwa 30em na zaidi, inahamishwa kulia kidogo zaidi. Kwenye skrini pana, safu kuu ya maingiliano inapata pseudo-element na kukabiliana maalum juu na urefu. Vichwa ndani ya safu kuu ya maingiliano vina upana wa juu wa 620px. Katika hali ya giza (wakati haijawekwa wazi kuwa mwanga), vigezo kadhaa vya CSS vinafafanuliwa upya kwa maandishi ya kufuata, kujaza aikoni ya kufuata, maandishi ya standfirst, maandishi ya kiungo cha standfirst na mpaka, na rangi ya byline. Mzizi pia unafafanua kigezo kipya cha rangi ya nguzo kinachoangukia kwenye nguzo ya hali ya giza.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfKwanza, kiungo cha kipengee cha orodha kinapopitwa na kishale, kifuniko cha samani standfirst kiungo kinapopitwa na kishale, na kifuniko cha samani standfirst kiungo cha kipengee cha orodha kinapopitwa na kishale: ondoa mpaka wa chini na weka rangi ya mapambo ya maandishi kwa rangi mpya ya nguzo au kipengele cha hali ya giza.
Aya za kifuniko cha samani standfirst, aya za standfirst, na aya za standfirst: weka rangi ya maandishi kuwa #dcdcdc.
Kwa upana wa chini wa 61.25em: aya ya kwanza ya standfirst inapata mpaka wa juu wa 1px imara rangi ya mpaka wa kichwa.
Kwa upana wa chini wa 71.25em: mpaka wa juu wa aya ya kwanza ya standfirst unaondolewa.
Vipengee vya orodha vya kifuniko cha samani standfirst, vipengee vya orodha vya standfirst, na vipengee vya orodha vya standfirst: weka rangi ya maandishi kuwa #dcdcdc.
Kwa upana wa chini wa 71.25em: pseudo-element ya kabla ya standfirst inapata rangi ya mandhari ya rangi ya mpaka wa kichwa.
Kwa upana wa chini wa 46.25em: pseudo-element ya kabla ya kifuniko cha samani ina maudhui tupu, urefu kamili, juu 0, nafasi kamili, rangi ya mandhari ya giza, mpaka wa kulia wa 1px imara rangi ya mpaka wa kichwa, kukabiliana kushoto kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px ikigawanywa na negative 2, na upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px ikigawanywa na 2. Pseudo-element ya baada ya kifuniko cha samani ina maudhui tupu, urefu kamili, juu 0, nafasi kamili, rangi ya mandhari ya giza, mpaka wa kushoto wa 1px imara rangi ya mpaka wa kichwa, kukabiliana kulia kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px ikigawanywa na negative 2, na upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 738px ikigawanywa na 2.
Kwa upana wa chini wa 61.25em: pseudo-element ya kabla ya kifuniko cha samani ina maudhui tupu, upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px ikigawanywa na 2, na kukabiliana kushoto kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px ikigawanywa na negative 2. Pseudo-element ya baada ya kifuniko cha samani ina maudhui tupu, upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px ikigawanywa na 2, na kukabiliana kulia kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 978px ikigawanywa na negative 2.
Kwa upana wa chini wa 71.25em: pseudo-element ya kabla ya kifuniko cha samani ina maudhui tupu, upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px ikigawanywa na 2, na kukabiliana kushoto kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px ikigawanywa na negative 2. Pseudo-element ya baada ya kifuniko cha samani ina maudhui tupu, upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px ikigawanywa na 2, na kukabiliana kulia kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1138px ikigawanywa na negative 2.
Kwa upana wa chini wa 81.25em: pseudo-element ya kabla ya kifuniko cha samani ina maudhui tupu, upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px ikigawanywa na 2, na kukabiliana kushoto kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px ikigawanywa na negative 2. Pseudo-element ya baada ya kifuniko cha samani ina maudhui tupu, upana unaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px ikigawanywa na 2, na kukabiliana kulia kunaohesabiwa kutoka upana wa viewport ukiondoa upana wa scrollbar ukiondoa 1298px ikigawanywa na negative 2.
SVG ya keyline-4 ya kifuniko cha samani na SVG ya mistari: weka mstari kwa rangi ya mpaka wa kichwa.
Meta ya kijamii ya kifuniko cha samani, span ya kiungo cha kipengee cha orodha ya meta ya kijamii, maoni ya meta, meta ya kijamii, span ya kiungo cha kipengee cha orodha ya meta ya kijamii, na maoni ya meta: weka rangi ya mpaka kwa rangi ya mpaka wa kichwa.
h2 ya mwili wa makala na h2 ya mwili wa maudhui ya maingiliano: weka uzito wa fonti kuwa 200. Ikiwa h2 ina strong, weka uzito wa fonti kuwa 700.
Div yenye data-print-layout hide ul: ondoa picha ya mandhari.
Mzizi wenye data-rendering-target apps: weka maandishi ya kufuata kuwa #dcdcdc, kujaza aikoni ya kufuata kwa rangi mpya ya nguzo, maandishi ya standfirst kuwa #dcdcdc, maandishi ya kiungo cha standfirst kwa rangi mpya ya nguzo, mpaka wa kiungo cha standfirst kwa rangi mpya ya ng
