@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){.Na coluna principal de conteúdo interativo, uma borda esquerda é adicionada com uma cor cinza claro. Em telas mais largas, a borda se desloca ligeiramente. Elementos Atom nesta coluna não têm margem superior ou inferior, mas têm preenchimento. Quando um átomo segue um parágrafo, o preenchimento é removido e margens são aplicadas em vez disso. Elementos inline são limitados a uma largura máxima de 620px, e em telas maiores, figuras inline também recebem essa largura máxima.
Para elementos de mídia contendo uma figura em loop, a legenda fica acima de outros elementos. O botão de loop de vídeo se alinha ao canto inferior direito com algum espaçamento. Os controles de mudo e ativar som são posicionados à direita com preenchimento à esquerda. O botão de legenda fica no topo, e em telas maiores ele se move ligeiramente para cima. Em telas médias, contêineres de cinemagraph podem ficar mais altos.
Ilhas de vídeo auto-hospedadas no corpo ocupam largura total até 620px e são exibidas como blocos com margens verticais. Suas figuras em loop e vídeos se ajustam para caber dentro dessa largura e se centralizam. Quando o vídeo é imersivo, o limite de largura é removido e as margens mudam. Em telas maiores, vídeos imersivos se expandem além da coluna, deslocando-se para a esquerda, e suas legendas recebem margem esquerda extra. Em telas ainda mais largas, eles se expandem mais.
Variáveis raiz definem cores para linhas de data, bordas, legendas e temas de pilar. Subtítulos, citações destacadas e seus ícones usam a cor secundária do pilar, enquanto citações em bloco usam a cor do texto do artigo. No modo escuro, estes mudam para a cor do pilar do modo escuro, a menos que o modo claro seja forçado.
Elementos Atom não têm preenchimento. Quando um átomo é o primeiro elemento e é seguido por um parágrafo, portão de login, outro átomo ou uma linha horizontal, regras de espaçamento específicas se aplicam ao elemento seguinte.Os parágrafos seguintes recebem 14px de preenchimento superior: qualquer parágrafo logo após uma linha horizontal que não seja o último, qualquer parágrafo logo após um espaço publicitário que segue tal linha, o primeiro parágrafo após o primeiro átomo de elemento (ou após um portão de login ou outro átomo de elemento que vem logo após ele), e os mesmos padrões dentro do corpo do artigo, conteúdo interativo, corpo de comentário, corpo de matéria especial e a seção do corpo principal. A primeira letra de cada um desses parágrafos também é estilizada.Não posso reescrever esse texto em inglês fluente e natural. Não é prosa—é um bloco de código CSS (seletores, propriedades e media queries). Reescrevê-lo como frases em inglês destruiria seu significado e função, e não há "significado" a preservar da forma que você está pedindo.
Se você quis dizer colar um artigo ou passagem, sinta-se à vontade para compartilhar isso e eu reescreverei. Se você realmente quer este CSS explicado em inglês simples (por exemplo, "Isto define uma capitular no primeiro parágrafo..."), posso fazer isso em vez disso—apenas me avise.Este CSS define um layout de grade responsivo para um cabeçalho de artigo, com estilos para o título, standfirst, informações meta e imagem de retrato. Ele usa media queries nos breakpoints de 61.25em, 71.25em e 81.25em para ajustar as colunas e linhas da grade, e aplica bordas, espaçamento e estilização de links às seções standfirst e meta..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--interactiAfricanos escravizados foram marcados com ferros de metal quente ostentando a coroa real, de acordo com historiadores que documentaram o papel secular da monarquia no tráfico de escravos da Grã-Bretanha. O Registro de Traficantes de Escravos Britânicos nomeia milhares de pessoas que investiram no tráfico de africanos escravizados pela Grã-Bretanha, incluindo reis e rainhas. Em resposta à reportagem do Guardian sobre esta nova pesquisa sobre a monarquia, um porta-voz do Rei Charles disse que ele estava "grato a todos aqueles que realizam trabalho acadêmico nesta área e, assim, contribuem para o debate sobre como tais questões podem ser melhor abordadas."
O Dr. Nicholas Radburn, historiador da Universidade de Lancaster, encontrou evidências da marcação nos arquivos da South Sea Company, uma empresa britânica apoiada pela coroa que traficou milhares de africanos escravizados para plantações nos anos 1700. Radburn descobriu uma carta do conselho da empresa aos seus agentes em Buenos Aires, instruindo-os a marcar pessoas escravizadas com metal quente. A marca ostentava uma coroa, um símbolo do papel da monarquia britânica no comércio. Um médico havia alertado contra a marcação, mas o conselho—cujos membros incluíam figuras do establishment como parlamentares e diretores do Banco da Inglaterra—disse aos agentes para prosseguir.
Documentação da South Sea Company de 1714. Este logotipo era usado para marcar pessoas escravizadas traficadas pela South Sea Company. A cópia acima dele diz: "Mark for Negroes at Barbados." Composto: South Sea Company
"Agora vem à tona, que vocês nunca marcam os Negros," dizia a carta, "dando como razão que os franceses nunca o fizeram, e que o Dr. Dover disse que a sua marca sendo tão grande, poderia pôr em perigo os Negros." Insistindo que os agentes ignorassem o conselho do médico, o conselho escreveu que era "a maneira mais eficaz … de distinguir os nossos Negros dos outros." Os diretores enviaram uma marca de coroa com a sua carta, juntamente com instruções sobre como marcar os africanos escravizados com ela. "Com isto receberão uma pequena marca de prata," escreveram. "Quanto à maneira de usá-la, o método das nossas outras feitorias, é marcar os Negros no ombro esquerdo aquecendo a marca ao rubro." A carta foi assinada: "Seus afetuosos amigos, o tribunal de diretores."
Radburn disse que a carta mostrava quão detalhada era a crueldade desumanizante da empresa—e que ela estava plenamente consciente disso. "Essas pessoas eram membros da elite de Londres, numa sala de reuniões, pensando em termos minuciosos sobre a violência que precisa ser feita a pessoas escravizadas do outro lado do oceano," disse ele. "E isso terá acontecido como resultado daquela carta. Pessoas terão tido a sua carne cauterizada com aquela marca."
O Registro de Traficantes de Escravos Britânicos, o novo registro histórico para o qual Radburn foi um investigador principal, documenta como a escravização e o tráfico de mais de 3 milhões de africanos pela Grã-Bretanha ao longo de quase 250 anos foi realizado como uma empresa nacional oficial, liderada pelos seus monarcas. A publicação do registro—o projeto de pesquisa mais abrangente sobre os investidores no tráfico de africanos escravizados pela Grã-Bretanha—informará ainda mais os apelos para que o Rei Charles finalmente reconheça o profundo envolvimento da monarquia no comércio.
Espera-se que o Registro de Traficantes de Escravos Britânicos informe os apelos para que Charles reconheça o profundo envolvimento da monarquia no tráfico de escravos. Fotografia: Arthur Edwards/Reuters
Os reis e rainhas que impulsionaram o tráfico mais ferozmente foram aqueles após a restauração da monarquia em 1660. James, Duque de York, que se tornou Rei James II, foi o governador e um acionista substancial da Royal African Company (RAC), fundada em
Perguntas Frequentes
Aqui está uma lista de perguntas frequentes sobre o envolvimento da monarquia britânica no tráfico de escravos e a marcação de africanos escravizados
Perguntas para Iniciantes
1 O que significa marcação neste contexto
Marcação era uma prática brutal onde um carimbo de ferro quente era pressionado na pele de uma pessoa para queimar uma marca permanente. Era usada para marcar africanos escravizados como propriedade, semelhante a como os fazendeiros marcam o gado
2 A família real britânica realmente possuía pessoas escravizadas
Sim Vários monarcas britânicos e instituições reais estiveram diretamente envolvidos O Rei Charles II e o Rei James II ambos tinham ações na Royal African Company que transportou dezenas de milhares de africanos escravizados A monarquia também recebeu lucros de empreendimentos de tráfico de escravos
3 O que era a Royal African Company
Era uma empresa comercial britânica fundada em 1660 Detinha um monopólio sobre o comércio ao longo da costa da África Ocidental, incluindo o tráfico de escravos Transportou mais africanos escravizados através do Atlântico do que qualquer outra empresa única na história
4 Africanos escravizados eram marcados com uma coroa real
Sim A Royal African Company usava um carimbo que incluía uma coroa e as iniciais da empresa para marcar africanos escravizados como sua propriedade Esta marca mostrava que a pessoa era propriedade da empresa, que estava intimamente ligada à monarquia
5 Por que eles marcavam pessoas em vez de apenas usar documentação
Pessoas escravizadas eram tratadas como propriedade, não como humanos com direitos A marcação era uma maneira permanente e visível de mostrar propriedade que não podia ser perdida ou roubada Também servia como uma forma de controle e terror
6 Quantas pessoas foram afetadas por isso
A Royal African Company sozinha transportou aproximadamente 168000 africanos escravizados entre 1672 e 1731 Muitos morreram durante a viagem Em todo o tráfico de escravos britânico, mais de 3 milhões de africanos foram transportados
7 A monarquia pediu desculpas ou pagou reparações
A monarquia britânica reconheceu a história da escravidão em algumas declarações, mas não pediu desculpas formalmente nem pagou reparações diretas Em 2023, o Rei Charles III apoiou pesquisas sobre os vínculos da monarquia com a escravidão, mas parou antes de um pedido de desculpas
Perguntas Avançadas
8 Quais monarcas específicos lucraram mais com o tráfico de escravos
O Rei Charles II e o Rei James II foram os mais diretamente envolvidos Charles II concedeu à Royal African Company sua carta em 1672 e foi um grande acionista James II
