@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){A CSS-szabĂĄlyok interaktĂv cikkelrendezĂ©sek stĂlusait hatĂĄrozzĂĄk meg, beleĂ©rtve a szegĂ©lyeket, tĂ©rközöket Ă©s mĂ©diaelemeket. Kezelik a reszponzĂv törĂ©spontokat, videĂł ĂĄbrĂĄkat, kĂ©palĂĄĂrĂĄsokat Ă©s sötĂ©t mĂłd szĂnsĂ©mĂĄkat. A stĂlusok beĂĄllĂtjĂĄk a belsĆ margĂłkat Ă©s kĂŒlsĆ margĂłkat az atom elemekhez, vĂzszintes vonalakhoz Ă©s bekezdĂ©sekhez a fĆ tartalomoszlopon belĂŒl.A megadott szöveg CSS-kĂłd, nem prĂłza, ezĂ©rt nincs termĂ©szetes angol szöveg, amit ĂĄt lehetne Ărni. Ez egy szelektorhalmaz, amely 14px felsĆ belsĆ margĂłt Ă©s kezdĆbetƱ-stĂlust alkalmaz az elsĆ bekezdĂ©sre bizonyos elemeket követĆen (mint az elsĆ atom elem, egy bejelentkezĂ©si kapu vagy egy vĂzszintes vonal) kĂŒlönbözĆ tĂĄrolĂłkban, mint a cikk törzs, hozzĂĄszĂłlĂĄs törzs Ă©s feature törzs.Nem tudom ezt folyĂ©kony angol prĂłzakĂ©nt ĂĄtĂrni â ez egy CSS-kĂłd blokk (szelektorok, tulajdonsĂĄgok Ă©s mĂ©dialekĂ©rdezĂ©sek), nem termĂ©szetes nyelvi szöveg. Nincs Ă©rtelmes mĂłdja mondatokkĂĄ alakĂtĂĄsĂĄra anĂ©lkĂŒl, hogy tönkretennĂ©nk a funkciĂłjĂĄt.
Ha egy mĂĄsik ĂrĂĄst szerettĂ©l volna beilleszteni, nyugodtan oszd meg, Ă©s ĂĄtĂrom neked.Ez a CSS-kĂłd reszponzĂv elrendezĂ©st hatĂĄroz meg cikkfejlĂ©cekhez, fĆcĂmekhez, metaadatokhoz, standfirstekhez Ă©s portrĂ©khoz. CSS Gridet hasznĂĄl ezen elemek elrendezĂ©sĂ©re kĂŒlönbözĆ kĂ©pernyĆmĂ©reteken, törĂ©spontokkal 61.25em, 71.25em Ă©s 81.25em Ă©rtĂ©keknĂ©l. Az elrendezĂ©s beĂĄllĂtja az oszlop- Ă©s sorszerkezeteket, szegĂ©lyeket ad hozzĂĄ, Ă©s stĂlusozza a hivatkozĂĄsokat Ă©s ĂĄbrĂĄkat ennek megfelelĆen..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--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 #standfFirst, a listaelemekben Ă©s standfirst szakaszokban lĂ©vĆ hivatkozĂĄsoknak nem lehet alsĂł szegĂ©lyĂŒk, az alĂĄhĂșzĂĄs szĂne a pillar colour vagy dark mode feature colour legyen. A standfirsten belĂŒli bekezdĂ©sek vilĂĄgosszĂŒrkĂ©k (#dcdcdc) legyenek.
SzĂ©lesebb kĂ©pernyĆkön (legalĂĄbb 61.25em) a standfirst elsĆ bekezdĂ©se felsĆ szegĂ©lyt kap a header border colour szĂnben. MĂ©g szĂ©lesebb kĂ©pernyĆkön (legalĂĄbb 71.25em) ez a felsĆ szegĂ©ly eltĂĄvolĂtĂĄsra kerĂŒl.
A standfirstben lĂ©vĆ listaelemek szintĂ©n vilĂĄgosszĂŒrkĂ©k (#dcdcdc) legyenek.
LegalĂĄbb 71.25em szĂ©les kĂ©pernyĆkön a standfirst pszeudo-elem hĂĄttere a header border colour szĂnt hasznĂĄlja.
46.25em-tĆl a furniture wrapper dekoratĂv oldalpanelokat kap. Ezek teljes magassĂĄgĂșak, felĂŒl pozicionĂĄltak, sötĂ©t hĂĄttĂ©rrel Ă©s szegĂ©llyel a belsĆ Ă©len. SzĂ©lessĂ©gĂŒk Ă©s pozĂciĂłjuk a viewport szĂ©lessĂ©ge mĂnusz a scrollbar Ă©s egy rögzĂtett tartalomszĂ©lessĂ©g (738px ezen a törĂ©sponton) alapjĂĄn szĂĄmĂtĂłdik. Ez a rögzĂtett szĂ©lessĂ©g nagyobb törĂ©spontokon növekszik: 978px 61.25em-nĂ©l, 1138px 71.25em-nĂ©l Ă©s 1298px 81.25em-nĂ©l.
A keyline Ă©s lines szakaszokban lĂ©vĆ SVG elemek stroke-ja a header border colour legyen.
A meta szakaszban a közössĂ©gi ikonok, hozzĂĄszĂłlĂĄs elemek Ă©s kapcsolĂłdĂł szegĂ©lyek mind a header border colour szĂnt hasznĂĄljĂĄk.
A cikk törzsĂ©ben lĂ©vĆ H2 cĂmsorok betƱvastagsĂĄga 200 legyen, de ha strong taget tartalmaznak, a vastagsĂĄg 700 lesz.
A nyomtatĂĄsi elrendezĂ©sben elrejtendĆkĂ©nt megjelölt elemeken belĂŒli listĂĄknak nem lehet hĂĄttĂ©rkĂ©pĂŒk.
Amikor a renderelĂ©si cĂ©l apps-ra van ĂĄllĂtva, több CSS vĂĄltozĂł definiĂĄlĂłdik: a follow text Ă©s standfirst text vilĂĄgosszĂŒrke (#dcdcdc); a follow icon fill, standfirst link text, standfirst link border Ă©s byline a pillar colour szĂnt hasznĂĄlja; az article meta lines a header border colour szĂnt hasznĂĄlja; Ă©s a byline a dark mode pillar colour szĂnt hasznĂĄlja.
Az apps renderelĂ©si cĂ©lban a byline spanek a pillar colour szĂnt hasznĂĄljĂĄk. Egy byline span, amely egy divet tartalmaz egy FollowWrapper elem mellett, hĂĄttĂ©rkĂ©pe a header border colour szĂnbĆl ĂĄlljon.Több mint 1000 nĆ fektetett be a rabszolgakereskedelembe, szemben azzal a közkeletƱ hittel, hogy passzĂv haszonĂ©lvezĆk voltak, akik többnyire annak eltörlĂ©séért harcoltak. A kutatĂłk azt talĂĄltĂĄk, hogy a nĆk rĂ©szesedĂ©seket vĂĄsĂĄroltak, adtak el Ă©s közvetĂtettek a Royal African Companyban, a South Sea Companyban Ă©s mĂĄs kĂŒlönĂĄllĂł vĂĄllalkozĂĄsokban, a rabszolgĂĄvĂĄ tett afrikaiak kereskedelmĂ©bĆl szĂĄrmazĂł nyeresĂ©get felhasznĂĄlva anyagi fĂŒggetlensĂ©g megszerzĂ©sĂ©re Ă©s csalĂĄdjaik tĂĄmogatĂĄsĂĄra. Mire a RAC-t, amely mintegy 150 000 rabszolgĂĄvĂĄ tett embert kereskedett, 1752-ben feloszlattĂĄk, a nĆk a rĂ©szvĂ©nyesek mintegy 10%-ĂĄt tettĂ©k ki. A Brit RabszolgakereskedĆk NyilvĂĄntartĂĄsa, amelyet a Guardian mutatott be kizĂĄrĂłlagosan, azt mutatja, hogy a tĂĄrsadalom minden szintjĂ©rĆl szĂĄrmazĂł nĆk aktĂv szerepet jĂĄtszottak a rabszolgĂĄvĂĄ tett afrikaiak transzatlanti kereskedelmĂ©nek finanszĂrozĂĄsĂĄban Ă©s fenntartĂĄsĂĄban.
A 17. Ă©s 18. szĂĄzadban a gazdag eurĂłpaiakat gyakran festettĂ©k le rabszolgĂĄvĂĄ tett fekete gyermekekkel szolgĂĄlĂłkĂ©nt. Ez a portrĂ© Dysart grĂłfnĆjĂ©t ĂĄbrĂĄzolja, egy fiatal nĆt, akit Lady Frances Tollemache-nak tartanak, Ă©s egy fiatal fekete szolgĂĄlĂłt, körĂŒlbelĂŒl 1740-bĆl.
A befektetĆk a kirĂĄlynĆktĆl Ă©s hercegnĆktĆl a cĂmzetes nemessĂ©gig, kereskedĆkig, boltosokig Ă©s tehĂ©npĂĄsztorokig terjedtek. Az archĂvumok olyan leveleket tartalmaznak, amelyekben a nĆk az "afrikai rĂ©szvĂ©nybĆl" szĂĄrmazĂł nyeresĂ©grĆl beszĂ©lnek, mĂg a cĂ©giratok azt mutatjĂĄk, hogy egy befektetĆ, Helen Gladman arra kĂ©rte a RAC-t, hogy szĂĄllĂtson egy fiatal afrikai lĂĄnyt a Sierra Leone melletti Sherbro-szigetrĆl AngliĂĄba, hogy a hĂĄztartĂĄsĂĄban szolgĂĄljon. A kutatĂłk azt talĂĄltĂĄk, hogy a nĆk "szinte minden szintjĂ©n" rĂ©szt vettek a cĂ©g tevĂ©kenysĂ©geinek. KözvetĂtĆkĂ©nt mƱködtek, ĂĄrukat szĂĄllĂtottak, beleĂ©rtve az atlanti-afrikai parton kereskedett hordĂłkat Ă©s kardokat, kezeltĂ©k a cĂ©g vagyonĂĄt, Ă©s csalĂĄdi Ă©s tĂĄrsadalmi hĂĄlĂłzataikat hasznĂĄltĂĄk a cĂ©g pĂ©nzĂŒgyeinek Ă©s politikai befolyĂĄsĂĄnak megerĆsĂtĂ©sĂ©re.
Lila O'Leary Chambers, a Cambridge-i Egyetem oktatĂłja, aki a nĆk rĂ©szvĂ©telĂ©t kutatta a nyilvĂĄntartĂĄsi projekthez, azt mondta: "Ez a kutatĂĄs valĂłban azt mutatja, hogy ez nem csak egy pillanatnyi fellĂĄngolĂĄs volt. A Royal African Company Ă©s kĂŒlönbözĆ formĂĄi teljes egĂ©szĂ©ben voltak nĆk, akik anyagilag hozzĂĄjĂĄrultak Ă©s pĂ©nzĂŒgyi megtĂ©rĂŒlĂ©st vĂĄrtak a rabszolgakereskedelembĆl."
A nĆk a rabszolgĂĄvĂĄ tĂ©tel legkorĂĄbbi Ă©veitĆl kezdve befektettek, I. ErzsĂ©bet kirĂĄlynĆ 1560-as Ă©vekbeli tĂĄmogatĂĄsĂĄtĂłl Lady Elizabeth Craven 1000 fontos kölcsönĂ©ig, amely egy GambiĂĄba irĂĄnyulĂł utat finanszĂrozott a Guinea Companyn keresztĂŒl. NĂ©hĂĄny befektetĆ, aki nem tudta leĂrni a nevĂ©t, pĂłkhĂĄlĂłszerƱ "X"-szel Ărta alĂĄ a cĂ©giratok. A kutatĂĄs 1100 nĆi befektetĆt azonosĂt a RAC, a South Sea Company Ă©s mĂĄs kĂŒlönĂĄllĂł vĂĄllalkozĂĄsok törtĂ©netĂ©ben, bĂĄr a valĂłdi szĂĄm valĂłszĂnƱleg magasabb volt. A 457 nĆ közĂŒl, akiknek a csalĂĄdi ĂĄllapotĂĄt meg lehetett ĂĄllapĂtani, csaknem fele özvegy volt, Ă©s valamivel több mint 42%-a hajadon. A 7%-bĂłl, akik hĂĄzasok voltak, a legtöbb arisztokrata volt. Sokak szĂĄmĂĄra ezek a befektetĂ©sek kulcsfontossĂĄgĂșak voltak a gazdasĂĄgi fĂŒggetlensĂ©g megszerzĂ©sĂ©hez. "MeghoztĂĄk a döntĂ©st, hogy befektetnek, vagy örököltek rĂ©szvĂ©nyeket, Ă©s hirtelen rendelkeztek ezzel a mĂĄsik vagyonnal, amivel korĂĄbban nem rendelkeztek" â mondta Chambers.
Sarah Longrich elfogadott egy 100 fontos ĂĄtutalĂĄst George MordaunttĂłl 1720. ĂĄprilis 7-Ă©n. Kiemelve az a szakasz, amely megemlĂti a Royal African Companyban lĂ©vĆ rĂ©szvĂ©nyeit. Mivel nem tudta leĂrni a sajĂĄt nevĂ©t, Longrich egy jelet tett az oldalra helyette.
NĂ©hĂĄnyan aktĂv kereskedĆkkĂ© vĂĄltak Ă©s rĂ©szvĂ©nyeket kereskedtek barĂĄtoknak Ă©s csalĂĄdtagoknak â tette hozzĂĄ. "Ez nem karrier volt, ahogy Ćk lĂĄttĂĄk volna, de mi azt gondolhatjuk: ez a munkĂĄddĂĄ vĂĄlt." Chambers azt mondta, a kutatĂĄs közvetlenĂŒl megkĂ©rdĆjelezi azt a hagyomĂĄnyos narratĂvĂĄt, hogy "a fehĂ©r nĆk az eltörlĂ©s pontjĂĄn lĂ©pnek be, lĂĄtjĂĄk a rabszolgĂĄvĂĄ tett emberek szenvedĂ©sĂ©t, azonosulnak azzal az elnyomĂĄssal, majd vagy reformĂĄlni, vagy vĂ©gsĆ soron eltörölni igyekeznek a rabszolgakereskedelmet Ă©s magĂĄt a rabszolgasĂĄgot." A fĂ©lreĂ©rtĂ©s megdöntĂ©sĂ©re irĂĄnyulĂł munka a karibi Ă©s nyugat-afrikai törtĂ©nĂ©szek, köztĂŒk Eric Williams, Elsa