@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){.In the main interactive content column, a left border is added with a light gray color. On wider screens, the border shifts slightly. Atom elements in this column have no top or bottom margin, but do have padding. When an atom follows a paragraph, the padding is removed and margins are applied instead. Inline elements are limited to a maximum width of 620px, and on larger screens, inline figures also get this max width.
For media elements containing a looping figure, the caption sits above other elements. The video loop button aligns to the bottom right with some spacing. Mute and unmute controls are positioned to the right with left padding. The caption button sits on top, and on larger screens it moves up slightly. On medium screens, cinemagraph containers can grow taller.
Self-hosted video islands in the body take full width up to 620px and display as blocks with vertical margins. Their looping figures and videos scale to fit within that width and center themselves. When the video is immersive, the width limit is removed and margins change. On larger screens, immersive videos expand beyond the column, shifting left, and their captions get extra left margin. On even wider screens, they expand further.
Root variables define colors for datelines, borders, captions, and pillar themes. Subheadings, pull quotes, and their icons use the secondary pillar color, while block quotes use the article text color. In dark mode, these switch to the dark mode pillar color unless light mode is forced.
Atom elements have no padding. When an atom is the first element and is followed by a paragraph, sign-in gate, another atom, or a horizontal rule, specific spacing rules apply to the following element.The following paragraphs get 14px of top padding: any paragraph right after a horizontal rule that isn't the last one, any paragraph right after an ad slot that follows such a rule, the first paragraph after the first element atom (or after a sign-in gate or another element atom that comes right after it), and the same patterns within the article body, interactive content, comment body, feature body, and the main body section. The first letter of each of these paragraphs is also styled.I can't rewrite that text into fluent, natural English. It's not prose—it's a block of CSS code (selectors, properties, and media queries). Rewriting it as English sentences would destroy its meaning and function, and there's no "meaning" to preserve in the way you're asking.
If you meant to paste an article or passage, feel free to share that and I'll rewrite it. If you actually want this CSS explained in plain English (e.g., "This sets a drop cap on the first paragraph..."), I can do that instead—just let me know.This CSS defines a responsive grid layout for an article header, with styles for the headline, standfirst, meta information, and portrait image. It uses media queries at breakpoints of 61.25em, 71.25em, and 81.25em to adjust the grid columns and rows, and applies borders, spacing, and link styling to the standfirst and meta sections..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--interactiOrjuutetut afrikkalaiset poltettiin kuumilla metalliraudoilla, joissa oli kuninkaallinen kruunu, historioitsijoiden mukaan, jotka ovat dokumentoineet monarkian vuosisatoja kestäneen roolin Britannian orjakaupassa. Register of British Slave Traders -rekisteri nimeää tuhansia ihmisiä, jotka sijoittivat Britannian afrikkalaisten orjakauppaan, mukaan lukien kuninkaat ja kuningattaret. Vastauksena Guardianin raportointiin tästä uudesta monarkiaa koskevasta tutkimuksesta kuningas Charlesin tiedottaja sanoi hänen olevan "kiitollinen kaikille niille, jotka tekevät akateemista työtä tällä alalla ja siten osallistuvat keskusteluun siitä, miten tällaisiin kysymyksiin voitaisiin parhaiten puuttua."
Dr Nicholas Radburn, Lancasterin yliopiston historioitsija, löysi todisteita polttomerkinnästä South Sea Companyn arkistoista, kruunun tukemasta brittiläisestä yrityksestä, joka kuljetti tuhansia orjuutettuja afrikkalaisia plantaaseille 1700-luvulla. Radburn löysi kirjeen yhtiön hallitukselta sen agenteille Buenos Airesissa, jossa heitä ohjeistettiin polttomerkitsemään orjuutetut ihmiset kuumalla metallilla. Merkissä oli kruunu, symboli Britannian monarkian roolista kaupassa. Lääkäri oli varoittanut polttomerkintää vastaan, mutta hallitus – jonka jäseniin kuului yhteiskunnallisia henkilöitä, kuten kansanedustajia ja Bank of Englandin johtajia – käski agenttien jatkaa.
South Sea Companyn paperityöt vuodelta 1714. Tätä logoa käytettiin South Sea Companyn kuljettamien orjuutettujen ihmisten polttomerkitsemiseen. Yllä oleva teksti kuuluu: "Mark for Negroes at Barbados." Kooste: South Sea Company
" Nyt käy ilmi, että ette koskaan merkitse neekereitä", kirjeessä sanottiin, "syynä se, että ranskalaiset eivät koskaan tehneet sitä, ja että tohtori Dover sanoi merkkinne olevan niin suuri, että se saattaa vaarantaa neekerit." Vaatiessaan agentteja jättämään huomiotta lääkärin neuvon, hallitus kirjoitti, että se oli "tehokkain … tapa erottaa neekerimme muista." Johtajat lähettivät kirjeensä mukana kruunumerkin sekä ohjeet siitä, miten orjuutetut afrikkalaiset arpeutetaan sillä. "Täten saatte pienen hopeamerkin", he kirjoittivat. "Mitä sen käyttötapaan tulee, muiden tehtaidemme menetelmä on merkitä neekerit vasempaan olkapäähän kuumentamalla merkki punahehkuvaksi." Kirjeen allekirjoitus oli: "Rakastavat ystävänne, johtajien hovi."
Radburn sanoi, että kirje osoitti, kuinka yksityiskohtaista yhtiön epäinhimillistävä julmuus oli – ja että se oli täysin tietoinen siitä. "Nämä ihmiset olivat Lontoon eliitin jäseniä, neuvotteluhuoneessa, pohtien hienojakoisesti väkivaltaa, joka täytyy kohdistaa orjuutettuihin ihmisiin valtameren takana", hän sanoi. "Ja se tapahtui tuon kirjeen seurauksena. Ihmisten liha poltettiin sillä merkillä."
Register of British Slave Traders, uusi historiallinen rekisteri, jonka pää tutkija Radburn oli, dokumentoi, miten Britannian yli 3 miljoonan afrikkalaisen orjuuttaminen ja kauppa lähes 250 vuoden aikana toteutettiin virallisena kansallisena hankkeena, jota johtivat sen monarkit. Rekisterin julkaiseminen – kattavin tutkimushanke Britannian afrikkalaisten orjakaupan sijoittajista – antaa lisätietoa vaatimuksille, että kuningas Charles vihdoin tunnustaisi monarkian syvän osallisuuden kauppaan.
Register of British Slave Traders -rekisterin odotetaan antavan tietoa vaatimuksille, että Charles tunnustaisi monarkian syvän osallisuuden orjakauppaan. Valokuva: Arthur Edwards/Reuters
Kuninkaat ja kuningattaret, jotka ajoivat kauppaa kaikkein raivoisimmin, olivat niitä monarkian vuonna 1660 tapahtuneen palauttamisen jälkeen. James, Yorkin herttua, josta tuli kuningas James II, oli kuvernööri ja merkittävä osakkeenomistaja Royal African Companyssa (RAC), joka perustettiin
Usein kysytyt kysymykset
Tässä on luettelo usein kysytyistä kysymyksistä Britannian monarkian osallisuudesta orjakauppaan ja orjuutettujen afrikkalaisten polttomerkintään
Aloittelijakysymykset
1 Mitä polttomerkintä tarkoittaa tässä yhteydessä
Polttomerkintä oli julma käytäntö, jossa kuuma rautaleima painettiin henkilön ihoon polttaen pysyvän merkin Sitä käytettiin orjuutettujen afrikkalaisten merkitsemiseen omaisuudeksi samalla tavalla kuin maanviljelijät polttomerkitsevät karjaa
2 Omistiko Britannian kuningasperhe todella orjuutettuja ihmisiä
Kyllä Useat Britannian monarkit ja kuninkaalliset instituutiot olivat suoraan osallisia Kuningas Charles II ja kuningas James II omistivat molemmat osakkeita Royal African Companyssa, joka kuljetti kymmeniä tuhansia orjuutettuja afrikkalaisia Monarkia sai myös voittoja orjakaupan hankkeista
3 Mikä oli Royal African Company
Se oli brittiläinen kauppayhtiö, joka perustettiin vuonna 1660 Seillä oli monopoli kaupasta Länsi-Afrikan rannikolla, mukaan lukien orjakauppa Se kuljetti enemmän orjuutettuja afrikkalaisia Atlantin yli kuin mikään muu yksittäinen yhtiö historiassa
4 Polttomerkittiinkö orjuutetut afrikkalaiset kuninkaallisella kruunulla
Kyllä Royal African Company käytti leimaa, joka sisälsi kruunun ja yhtiön nimikirjaimet merkitsemään orjuutetut afrikkalaiset sen omaisuudeksi Tämä merkki osoitti, että henkilö oli yhtiön omistama, joka oli läheisesti sidoksissa monarkiaan
5 Miksi he polttomerkitsivät ihmisiä sen sijaan, että olisivat vain käyttäneet paperityötä
Orjuutettuja ihmisiä kohdeltiin omaisuutena, ei ihmisinä, joilla on oikeuksia Polttomerkintä oli pysyvä näkyvä tapa osoittaa omistajuus, jota ei voitu menettää tai varastaa Se toimi myös kontrollin ja terrorin muotona
6 Kuinka moni ihminen kärsi tästä
Pelkästään Royal African Company kuljetti noin 168000 orjuutettua afrikkalaista vuosien 1672 ja 1731 välillä Monet kuolivat matkan aikana Koko Britannian orjakaupassa yli 3 miljoonaa afrikkalaista kuljetettiin
7 Pyysikö monarkia anteeksi tai maksoiko se korvauksia
Britannian monarkia on tunnustanut orjuuden historian joissakin lausunnoissa, mutta se ei ole virallisesti pyytänyt anteeksi tai maksanut suoria korvauksia Vuonna 2023 kuningas Charles III tuki tutkimusta monarkian yhteyksistä orjuuteen, mutta ei mennyt anteeksipyyntöön asti
Edistyneet kysymykset
8 Mitkä tietyt monarkit hyötyivät eniten orjakaupasta
Kuningas Charles II ja kuningas James II olivat kaikkein suorimmin osallisia Charles II myönsi Royal African Companylle sen peruskirjan vuonna 1672 ja oli merkittävä osakkeenomistaja James II
Kuninkaallinen kruunu poltettiin merkiksi orjuutettuihin afrikkalaisiin: Britannian monarkia ja orjakauppa.
