@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){.I huvudinnehållskolumnen för interaktivt innehåll läggs en vänsterkant till med en ljusgrå färg. På bredare skärmar förskjuts kanten något. Atomelement i denna kolumn har ingen övre eller nedre marginal, men har padding. När en atom följer en paragraf tas paddingen bort och marginaler tillämpas istället. Inline-element är begränsade till en maximal bredd på 620px, och på större skärmar får inline-figurer också denna maxbredd.
För medieelement som innehåller en loopande figur sitter bildtexten ovanför andra element. Videoloop-knappen är justerad till nedre höger med visst avstånd. Ljud av- och på-kontroller är placerade till höger med vänster padding. Bildtextknappen sitter ovanpå, och på större skärmar flyttas den upp något. På medelstora skärmar kan cinemagraph-behållare bli högre.
Självhostade video-öar i brödtexten tar full bredd upp till 620px och visas som block med vertikala marginaler. Deras loopande figurer och videor skalas för att passa inom den bredden och centrerar sig själva. När videon är immersiv tas breddbegränsningen bort och marginalerna ändras. På större skärmar expanderar immersiva videor bortom kolumnen, förskjuts åt vänster, och deras bildtexter får extra vänstermarginal. På ännu bredare skärmar expanderar de ytterligare.
Rotvariabler definierar färger för datelines, kanter, bildtexter och pelarteman. Underrubriker, pull quotes och deras ikoner använder den sekundära pelarfärgen, medan blockcitat använder artikeltextfärgen. I mörkt läge växlar dessa till pelarfärgen för mörkt läge om inte ljust läge tvingas.
Atomelement har ingen padding. När en atom är det första elementet och följs av en paragraf, en inloggningsgrind, en annan atom eller en horisontell linje, gäller specifika avståndsregler för det följande elementet.Följande paragrafer får 14px toppadding: varje paragraf direkt efter en horisontell linje som inte är den sista, varje paragraf direkt efter en annonsplats som följer en sådan linje, den första paragrafen efter den första atomen (eller efter en inloggningsgrind eller en annan atom som kommer direkt efter den), och samma mönster inom artikelns brödtext, interaktivt innehåll, kommentarsinnehåll, feature-innehåll och huvudinnehållssektionen. Den första bokstaven i var och en av dessa paragrafer är också formaterad.Jag kan inte skriva om den texten till flytande, naturlig svenska. Det är inte prosa – det är ett block av CSS-kod (selektorer, egenskaper och media queries). Att skriva om det som svenska meningar skulle förstöra dess betydelse och funktion, och det finns ingen "betydelse" att bevara på det sätt du frågar efter.
Om du menade att klistra in en artikel eller ett stycke, dela det gärna och jag skriver om det. Om du faktiskt vill att denna CSS förklaras på enkel svenska (t.ex. "Detta sätter en drop cap på första paragrafen..."), kan jag göra det istället – låt mig bara veta.Denna CSS definierar en responsiv rutnätslayout för en artikelrubrik, med stilar för rubriken, standfirst, metainformation och porträttbild. Den använder media queries vid brytpunkterna 61.25em, 71.25em och 81.25em för att justera rutnätskolumner och rader, och tillämpar kanter, avstånd och länkstil på standfirst- och metasektionerna..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); } } .article .article__body h2, article.content--interactiFörslavade afrikaner brännmärktes med heta metalljärn som bar den kungliga kronan, enligt historiker som har dokumenterat monarkins århundraden långa roll i Storbritanniens slavhandel. Registret över brittiska slavhandlare namnger tusentals personer som investerade i Storbritanniens handel med förslavade afrikaner, inklusive kungar och drottningar. Som svar på Guardian rapportering om denna nya forskning om monarkin sade en talesperson för kung Charles att han var "tacksam mot alla som utför akademiskt arbete inom detta område och därmed bidrar till debatten om hur sådana frågor bäst kan hanteras."
Dr Nicholas Radburn, historiker vid Lancaster University, fann bevis för brännmärkningen i arkiven från South Sea Company, ett kungligt stött brittiskt företag som handlade med tusentals förslavade afrikaner till plantager på 1700-talet. Radburn upptäckte ett brev från företagets styrelse till dess agenter i Buenos Aires, med instruktioner att brännmärka förslavade människor med hett metall. Brännmärket bar en krona, en symbol för den brittiska monarkins roll i handeln. En läkare hade varnat mot brännmärkningen, men styrelsen – vars medlemmar inkluderade etablissemangspersoner som parlamentsledamöter och Bank of England-direktörer – sade till agenterna att fortsätta.
South Sea Company-papper från 1714. Denna logotyp användes för att brännmärka förslavade människor som handlades av South Sea Company. Texten ovanför den lyder: "Mark for Negroes at Barbados." Komposit: South Sea Company
"Det framkommer nu att ni aldrig märker negrerna," stod det i brevet, "med motiveringen att fransmännen aldrig gjorde det, och att Dr Dover sade att ert märke är så stort att det kan äventyra negrerna." Styrelsen insisterade på att agenterna skulle ignorera läkarens råd och skrev att det var "det mest effektiva ... sättet att skilja våra negrer från andra." Direktörerna skickade ett kronmärke med sitt brev, tillsammans med instruktioner för hur man skulle ärra de förslavade afrikanerna med det. "Härmed kommer ni att motta ett litet silvermärke," skrev de. "Vad gäller sättet att använda det, är metoden vid våra andra fabriker att märka negrerna på vänstra axeln genom att hetta upp märket rödglödgat." Brevet undertecknades: "Era tillgivna vänner, direktionens domstol."
Radburn sade att brevet visade hur detaljerad företagets avhumaniserande grymhet var – och att det var fullt medvetet om det. "Dessa människor var medlemmar av Londons elit, i ett styrelserum, och tänkte i finmaskiga termer på det våld som behövde utövas mot förslavade människor över havet," sade han. "Och det kommer att ha hänt som ett resultat av det brevet. Människor kommer att ha fått sitt kött bränt med det märket."
Registret över brittiska slavhandlare, den nya historiska dokumentationen för vilken Radburn var en ledande utredare, dokumenterar hur Storbritanniens förslavande och handel med mer än 3 miljoner afrikaner under nästan 250 år utfördes som ett officiellt nationellt företag, lett av dess monarker. Publiceringen av registret – det mest omfattande forskningsprojektet om investerarna i Storbritanniens handel med förslavade afrikaner – kommer att ytterligare informera uppmaningar till kung Charles att äntligen erkänna monarkins djupa inblandning i handeln.
Registret över brittiska slavhandlare förväntas informera uppmaningar till Charles att erkänna monarkins djupa inblandning i slavhandeln. Fotografi: Arthur Edwards/Reuters
De kungar och drottningar som drev handeln mest våldsamt var de efter att monarkin återupprättades 1660. James, hertig av York, som blev kung James II, var guvernör och en betydande aktieägare i Royal African Company (RAC), grundat i
Vanliga frågor
Här är en lista över vanliga frågor om den brittiska monarkins inblandning i slavhandeln och brännmärkningen av förslavade afrikaner
Nybörjarfrågor
1 Vad betyder brännmärkning i detta sammanhang
Brännmärkning var en brutal praxis där ett hett järnstämpel pressades mot en persons hud för att bränna ett permanent märke. Det användes för att märka förslavade afrikaner som egendom, liknande hur jordbrukare brännmärker boskap
2 Ägde den brittiska kungafamiljen faktiskt förslavade människor
Ja. Flera brittiska monarker och kungliga institutioner var direkt inblandade. Kung Charles II och kung James II hade båda aktier i Royal African Company, som transporterade tiotusentals förslavade afrikaner. Monarkin fick också vinster från slavhandelsföretag
3 Vad var Royal African Company
Det var ett brittiskt handelsföretag grundat 1660. Det hade monopol på handel längs Västafrikas kust, inklusive slavhandeln. Det transporterade fler förslavade afrikaner över Atlanten än något annat enskilt företag i historien
4 Brännmärktes förslavade afrikaner med en kunglig krona
Ja. Royal African Company använde en stämpel som inkluderade en krona och företagets initialer för att märka förslavade afrikaner som sin egendom. Detta märke visade att personen ägdes av företaget, som var nära knutet till monarkin
5 Varför brännmärkte de människor istället för att bara använda pappersarbete
Förslavade människor behandlades som egendom, inte som människor med rättigheter. Brännmärkning var ett permanent synligt sätt att visa ägande som inte kunde förloras eller stjälas. Det fungerade också som en form av kontroll och terror
6 Hur många människor påverkades av detta
Enbart Royal African Company transporterade ungefär 168000 förslavade afrikaner mellan 1672 och 1731. Många dog under resan. Inom hela den brittiska slavhandeln transporterades över 3 miljoner afrikaner
7 Har monarkin bett om ursäkt eller betalat reparationsersättning
Den brittiska monarkin har erkänt slaveriets historia i vissa uttalanden men har inte formellt bett om ursäkt eller betalat direkta reparationsersättningar. 2023 stödde kung Charles III forskning om monarkins kopplingar till slaveri men gick inte så långt som till en ursäkt
Avancerade frågor
8 Vilka specifika monarker tjänade mest på slavhandeln
Kung Charles II och kung James II var mest direkt inblandade. Charles II beviljade Royal African Company dess stadga 1672 och var en stor aktieägare. James II
Den kungliga kronan brännmärktes på förslavade afrikaner: Storbritanniens monarki och slavhandeln.
