今日,"家"意味着什么?一位女性在加沙废墟中寻找安全的两年之旅。

今日,"家"意味着什么?一位女性在加沙废墟中寻找安全的两年之旅。
这段CSS代码定义了一个名为"Guardian Headline Full"的自定义字体,包含多种样式和字重。它涵盖了细体、常规体、中等体和半粗体版本,每个版本都包含正常和斜体两种样式。字体文件以三种格式提供——WOFF2、WOFF和TrueType——并托管在《卫报》的服务器上。 div#maincontent:focus { box-shadow: none !important; } .content__main-column--interactive .element-immersive { position: relative; width: calc(100vw - var(--scrollbar-width)); left: 50%; right: 50%; margin-left: calc(-50vw + var(--half-scrollbar-width)) !important; margin-right: calc(-50vw + var(--half-scrollbar-width)) !important; } @media (min-width: 61.25em) { .content__main-column--interactive .element-immersive { margin-left: calc(-50vw + 180px + var(--half-scrollbar-width)) !important; } } @media (min-width: 71.25em) { .content__main-column--interactive .element-immersive { margin-left: calc(-50vw + 80px + var(--half-scrollbar-width)) !important; } } @media (min-width: 81.25em) { .content__main-column--interactive .element-immersive { margin-left: calc(-50vw + 45px + var(--half-scrollbar-width)) !important; } } .content__main-column--interactive { margin-left: 0; } @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:before { position: absolute; top: 0; height: calc(100% + 15px); min-height: 100px; content: ""; } @media (min-width: 71.25em) { .content__main-column--interactive:before { border-left: 1px solid #dcdcdc; z-index: -1; left: -10px; } } @media (min-width: 81.25em) { .content__main-column--interactive:before { left: -11px; } } .content__main-column--interactive p, .content__main-column--interactive h2 { max-width: 620px; } .ios .element--immersive, .android .element--immersive { margin: 0 -12px; } @media (prefers-color-scheme: dark) { .element-atom, .interactive-atom { background-color: transparent !important; } } body > div:first-of-type > aside, body > div:first-of-type > section { display: none; } article.conte这段CSS代码为交互式文章定义了响应式布局。在较小屏幕上,内容使用单列布局。随着屏幕变宽,它会切换到两列布局,然后在更大的桌面视图中添加侧边栏和左侧边框列。 标题具有深色背景,并根据不同屏幕调整字体大小。文章标题将标题、摘要和作者署名等元素排列在网格中。文章主体也使用响应式网格系统,在不同断点处改变列结构以适应不同屏幕尺寸。这段CSS代码定义了网页布局和排版的样式。它为较大屏幕上的文章列设置了边框,并指定了自定义字体族,包括Guardian Text Sans Web Medium和Guardian Headline Full,具有多种字重和样式。代码还包含了浅色和深色模式的颜色变量,调整了Android设备的布局,并定义了图像的响应式网格样式。此外,它还防止了canvas元素上的文本选择。 当26岁的努尔·阿布沙马拉(Nour AbuShammala)在十月回到她家在加沙城的公寓时,房间已被掏空,墙壁因轰炸而受损,没有水电——但这仍然是家。 自2023年10月战争开始以来,她被迫逃离了六次。这是她关于无休止的流离失所、生存和失去的故事,通过她自己的照片和视频,以及被摧毁的加沙的卫星图像来讲述。 @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/font