这段CSS代码定义了"Guardian Headline Full"字体家族,包含多种字重和样式:细体、常规体、中等体和半粗体,每种都提供常规和斜体版本。代码指定了托管在《卫报》服务器上的WOFF2、WOFF和TrueType格式字体文件。
该CSS代码为Guardian Headline和Guardian Titlepiece字体定义多个字体家族,以不同格式(WOFF2、WOFF、TTF)指定字体源文件及其字重样式。同时包含针对交互式布局中主内容栏的响应式设计规则,根据视口尺寸调整边距、宽度和定位。例如在宽屏设备上添加左侧边距和边框,而在小屏设备上则将元素扩展至全宽并居中显示。这些样式通过为原子组件、展示区和沉浸式元素等内容类型设置最大宽度,确保跨设备格式统一。
对于交互式内容栏,会在元素左侧11像素处添加左边框。这些内容栏内的原子元素(组件)没有上下边距,但包含12像素的上下内边距。当段落跟随原子元素时,会移除内边距并改为应用12像素边距。行内元素限制为最大620像素宽度,在宽屏设备(超过61.25em)上,具有特定角色的行内图片也遵循此宽度限制。
代码为日期行、标题、说明文字和专题元素等定义了颜色变量,默认专题色设为红色。主栏及其他区域的原子元素不设内边距。
特定规则适用于不同内容区域(正文区、交互内容、评论区、专题区)中某些元素或水平分割线后的首段段落,为其添加14像素的上内边距。此外,这些段落的首字母会设置为特定字体的粗体大写样式,根据变量着色并左浮动带边距。
这些区域中跟随水平分割线的段落不设上内边距。特定内容区域内的引文框限制最大宽度为620像素。
各类文章容器中的展示元素,其说明文字采用静态定位,最大宽度为620像素。
沉浸式元素横跨视口宽度减去滚动条宽度。在宽度不超过71.24em的屏幕上,这些元素宽度限制为978px,说明文字内边距为10px。在30em至71.24em之间时,说明文字内边距增至20px。在46.25em至61.24em范围内,最大宽度变为738px。低于46.24em时,沉浸式元素左对齐并调整边距,在30em至46.24em间保持20px说明文字内边距。
家具包装器在61.25em及以上屏幕使用响应式网格布局,组织标题、头条、元信息、导语和肖像区域。头条设有上边框,元信息区包含上内边距,导语文本中的列表和链接采用自定义下划线样式,悬停时改变颜色。导语首段在较大屏幕显示上边框,但在71.25em以上移除。
家具包装器内的图片左对齐边距,行内元素限制为630px宽度。在71.25em以上,网格布局调整为肖像内容容纳更多列。
布局针对不同屏幕尺寸使用特定行列数的网格。小屏设备采用三列自动调整行高布局,标题和肖像区域固定高度80px。元信息区上方显示细线,导语区左侧设垂直分隔线。
在大屏设备上,网格扩展为更多使用分数单位的灵活行列。元信息区顶线加宽,导语区垂直线微调位置。头条最大宽度和字体尺寸随屏幕增大而增加,某些元素如分隔线在不同断点处隐藏或调整边距。
元信息区的社交和评论元素共享相同边框颜色,部分组件不予显示。导语文本采用特定样式,左外边距和内边距减小,并设置字体属性。主媒体元素采用相对定位,在不同设备上保持全宽并调整边距,说明文字绝对定位于底部,配有自定义背景和文本颜色。
该CSS代码定义了家具包装器组件的样式,包括其布局、颜色和跨屏幕尺寸的响应行为。通过CSS自定义属性设置背景色、文字颜色和边框样式以支持深色模式等主题。包装器在大屏设备上调整边距、内边距和定位,包含隐藏或显示说明文字与按钮的规则。头条和元信息使用特定字体和颜色样式,社交媒体按钮具有悬停变色效果。媒体查询确保设计适配各种设备。
这段CSS代码定义了网页家具包装器类的样式,重点关注元信息和导语区域。将文字颜色设为浅灰色(#dcdcdc),链接颜色采用基于变量的色调,悬停时改变文字装饰颜色。导语区域的链接使用特定偏移量的下划线且无边框,段落和列表项同样采用浅灰色。
在较大屏幕(最小宽度61.25em)上,导语首段显示上边框,在更大屏幕(71.25em)上移除。代码还使用伪元素(:before和:after)创建根据视口尺寸调整宽度的装饰性侧边栏,配有深色背景和边框边缘。此外为SVG元素设置描边颜色,并设计元信息区内的社交媒体和评论图标。
评论区边框颜色与标题边框颜色保持一致。
文章中正文部分的二级标题(h2)使用200的细体字重。但若h2包含strong元素,则采用700的粗体字重。
Guardian Headline Full字体家族包含以下具体样式和字重的字体文件源(WOFF2、WOFF和TrueType格式):
- 细体(字重300,常规样式)
- 细斜体(字重300,斜体样式)
- 常规体(字重400,常规样式)
- 常规斜体(字重400,斜体样式)
- 中等体(字重500,常规样式)
- 中等斜体(字重500,斜体样式)
- 半粗体(字重600,常规样式)
- 半粗体斜体(字重600,斜体样式)
这段CSS代码为"Guardian Headline Full"字体家族定义多个字体面,涵盖从半粗体(600)到特粗体(900)的不同字重和样式(常规与斜体)。每个字体面均指定来自《卫报》资源服务器的WOFF2、WOFF和TrueType格式源文件。
同时定义了字重为700(粗体)常规样式的"Guardian Titlepiece"字体,使用来自不同子域的类似文件格式。
代码包含针对色彩方案的CSS自定义属性(变量),特别是iOS和Android设备的深色模式。设置深色背景色、浅色/深色模式的专题色,并通过媒体查询根据用户偏好色彩方案调整主题色。
此外,对iOS和Android设备上文章容器内段落的首字母设有特殊样式规则,当它们跟随原子组件、登录门控或特定门控元素时生效。
在Android设备上,标准文章和评论文章首段的首字母使用次级主题色着色。iOS和Android均隐藏文章标题,家具包装器设有特定内边距。包装器内的标签使用头条样式的粗体大写字体,并采用新主题色。头条设置为32px粗体,带下内边距和深色。家具包装器内的图片采用相对定位,横跨视口宽度减去滚动条宽度,高度自动调整。
Android设备上,文章容器内的图片设透明背景,横跨视口全宽减去滚动条宽度,高度自动调整。
iOS和Android平台上,文章导语区上下内边距分别为4px和24px,右外边距偏移-10px。内部文字使用Guardian Headline字体家族或备用衬线字体。
两个平台上导语区的链接使用特定颜色,带6px偏移量的下划线,且下划线采用指定颜色并在悬停时变化。背景图片和下边框被移除。
此外,iOS和Android的文章元信息区在专题、标准和评论容器中保持统一样式。
Android设备上,移除标准和评论文章容器中元元素的外边距。
iOS设备上,将专题、标准和评论文章容器中的作者署名和作者元素颜色设为新主题色。同时移除元信息杂项元素的内边距,并将其内SVG图标的描边设为新主题色。此外,为展示元素中的标题按钮设置特定显示、内边距、对齐方式和尺寸。
iOS和Android设备上,将专题、标准和评论文章容器的正文区域内边距设为左右0、上下12px。
iOS和Android设备上,在专题、标准和评论文章容器中,非缩略图和非沉浸式的正文图片将无外边距,宽度为视口全宽减去24像素和滚动条宽度,高度自动。其说明文字无内边距。
这些容器中的沉浸式图片将横跨视口全宽减去滚动条宽度。
正文中引用的块引用将使用新主题色显示彩色标记。
正文中的链接使用主主题色,带偏移量下划线,且下划线采用标题边框颜色。悬停时下划线颜色变为新主题色。
深色模式下,家具包装器的背景设为深灰色(#1a1a1a)。
iOS和Android设备上,以下样式适用于专题、标准和评论文章容器:
- 内容标签使用新主题色
- 头条无背景,文字使用标题边框颜色
- 导语段落和链接使用标题边框颜色
- 作者署名及其链接使用新主题色
- 元数据杂项图标描边使用新主题色
- 展示图片说明文字使用日期行颜色
- 正文中引用的块引用使用新主题色样式
iOS和Android设备上,正文中引用块的文字颜色设为特定主题色。
此外,iOS和Android上各类正文区域的背景色改为深色背景,确保覆盖其他样式。
再者,对iOS上正文中特定元素后的首字母应用特殊样式,但具体效果未在此说明。
这似乎是针对iOS和Android平台各类文章容器中特定元素后段落首字母的CSS选择器。该选择器适用于不同文章类型(标准、专题、评论),并考虑了元素间可能出现的登录门控。
这段CSS代码定义了Android和iOS设备上特定元素的样式。将某些段落首字母颜色设为变量颜色,调整评论文章导语元素的内外边距,并为标题设置24px字体尺寸。
标题按钮在iOS和Android上应用不同内边距值。深色模式下,将各颜色变量改为更深深色以提升可读性,并设置深色背景。
此外,通过将文章标题设为完全透明来在两大操作系统上隐藏它们,并对家具包装器应用样式(但后者代码不完整)。
iOS和Android设备上,文章容器的家具包装器无外边距。在专题、标准和评论文章中,内容标签使用特定颜色变量,而头条设为浅灰色。文章标题区的链接也采用指定颜色变量。
此外,在元信息区前应用重复线性渐变作为背景,创建图案化边框效果。元信息区的署名文字显示为浅灰色,元信息区内的链接相应设置样式。
iOS和Android设备上,以下样式适用于专题、标准和评论文章容器元信息区内的链接:
- 链接颜色使用新主题色或深色模式专题色
- 元信息杂项区的SVG图标描边设为相同颜色
- 警示标签以重要优先级显示为浅灰色(#dcdcdc)
- 含data-icon属性的span元素同样采用新主题色或深色模式专题色
iOS和Android设备上,专题、标准和评论文章容器元信息区内图标的颜色设为新主题色或深色模式专题色。
在较大屏幕(71.25em及以上)时,这些容器的元信息区显示使用新主题色或标题边框颜色的顶边框。此外,元信息杂项元素的左外边距调整为20px。
这些容器正文中的段落和无序列表限制最大宽度为620px。
正文散文区中带"quoted"类的块引用同样遵循这些样式规则。
文章中引用的块引用,其前方颜色在iOS和Android设备上均设为次级主题色。
iOS和Android上正文中的链接使用主主题色样式,文字下方6像素处显示浅灰色下划线,无背景图片。悬停时下划线变为次级主题色,仍无背景图片。
深色模式下,引用块和链接的颜色切换为深色主题色,链接的悬停下划线也采用此深色主题色。
对于应用内渲染,使用主题变量定义各种文字和图标的颜色,包括关注文字、导语元素、署名和元信息线,并对浅色模式下的赞助商徽标进行反色调整。
与此同时,使用化名的伊朗寻求庇护者阿夫兰再次来到巴黎一处避难所附近,周遭是混凝土建筑和头顶火车传来的噪音。这已是他第二次陷入此境——七周前他首次来此,觉得现在同样令人恐惧。
他因成为首例根据9月19日推行的争议性"一进一出"政策被驱逐至法国后,再乘小船返回英国的寻求庇护者而受到关注。11月5日,他再次被遣返巴黎。
"法国、英国、法国、英国、法国——这不是我能决定的,"他解释道,"我两次前往英国,是因为觉得自己别无选择。法国北部的走私者袭击并威胁过我。"在8月6日首次抵达英国前,我过着不同的生活。当内政部首次遣返我时,我认为走私者仍在追捕我,现在依然这么想。每次离开避难所我都害怕,在这里没有安全感。
阿夫兰与另外三名最近从英国返回的人坐在一起,包括首位根据该计划被驱逐的女性。在他们分享经历后不久,政府将推出更严格措施,旨在阻止寻求庇护者乘小船穿越英吉利海峡。然而他们关于危险、流离失所以及遭驱逐后仍缺乏保护的叙述,凸显了威慑政策可能与紧迫的生存需求相冲突。
甚至在这些新措施出台前,该计划就备受争议。右翼批评者认为其无效——迄今仅113人被遣返法国,84名寻求庇护者获准进入英国。仅某个周五就有217人乘船渡海,是被该计划驱逐总人数的两倍。人权倡导者则认为该计划过于严苛,且决定谁去谁留时武断随意。
四名被遣返者坐在车流繁忙的环岛附近咖啡馆。避难所就在不远处,隐藏在长径尽头紧锁的大门后。那是个大帐篷式结构,单人床紧密排列,作为被遣返至法国者的第二站——先是酒店暂住数日,再来此地,随后被分送至不同地区的临时住所。
最终部分人可能根据《都柏林条例》被送往其他欧盟国家,该条例允许成员国将寻求庇护者遣返至其首次录入指纹的国家。他们觉得在法国重建安全新生活的机会渺茫,未来仍如逃离祖国时般充满未知。
阿夫兰拨弄着盘里的鱼条,啜饮茶水。这群因境遇相聚的人穿着各式捐赠运动服,缺少合脚鞋履与保暖外套。他们因处境的绝望时而歇斯底里大笑,时而潸然落泪。
"我见识过两次被关押的拘留中心安保,"阿夫兰说,"我告诉他们我会回来过圣诞节。"他发出空洞的笑声,随即开始哭泣。
海峡对岸,一名厄立特里亚男子在拘留中心等待未卜的命运。他是被强制送往法国后第二例返回英国的人。首次被拘留期间,他告诉《卫报》自己忧心如焚,无法饮食入眠。
他返回英国是因为在法国感到不安全。在巴黎某慈善机构接受医疗护理后,他晚归避难所却因大门紧锁被拒之门外。被迫露宿街头的他说自己遭两名男子袭击,最终因恐惧离开。
"遇袭后我陷入休克,"他说,"我联系家人告知遭遇。他们安排我乘小船回英国,因为他们理解法国对我不安全。"
他补充道:"我遭受太多苦难,非常害怕被送回法国。如果10月23日就诊后避难所安保放我进去,那晚就不会遇袭,现在应该还在法国。因为那次糟糕经历……""我不再相信法国能保护我。"
《卫报》查阅的遣返前文件显示,拘留中心医生认定其陈述与遭受酷刑的情形吻合。他逃离厄立特里亚后,在利比亚遭贩卖和酷刑,随后首次抵达英国。
慈善机构"拘留行动"代理主任洛克林·帕克指出:"内政部急于将寻求庇护者送往法国,剥夺了他们陈述处境的机会并造成严重痛苦。结果导致包括人口贩卖幸存者在内最脆弱的群体,长期被关押在监狱般环境中,面临被强制驱逐的恐怖前景。"
医疗公正组织调查了33名根据"一进一出"政策被拘留者。其中20人经过专业医疗评估,显示17人是酷刑幸存者,14人是人口贩卖幸存者,15人患有创伤后应激障碍。
在巴黎咖啡馆,三名男性寻求庇护者保护着同行的女性。"他们为何将女性送回法国?这实在错误,"阿夫兰评论道。
"连英国安保人员都震惊内政部要把我遣返法国,"这位女性补充道。她叙述了在厄立特里亚因基督教信仰受迫害,辗转多个非洲和欧洲国家抵达有兄弟居住的英国的经历。
一位来自厄立特里亚的女性寻求庇护者举起记录经历的日记。
"过程非常艰难,我必须坚强,"她说,"抵达英国时我以为安全了,但他们把我关进拘留中心。这个我视为避难所的国家却是第一个囚禁我的地方。他们夺走了我的力量。我并非索要英国护照,只想要安全和家人团聚。"
桌边每个人都形容拘留经历令人崩溃。
"我目睹四人试图自杀,"一位叙利亚男子说,"我们从走私者手中落入英国监狱。自2018年我一直在逃亡,只想停下。"另一位来自前苏联国家的男子称"一进一出"政策是"政治足球",并补充道:"我们不傻,知道自己是任人踢打的球。"
几天后,阿夫兰将再次被转移,乘火车前往法国其他地方的临时住所。咖啡馆里,他双手抱头坐着。"我们谁都无处安身,"他说,"若在伊朗能安全度日,我绝不会背井离乡。"
"来英国前我心理健康正常,现在已不正常。不知该去往何处,如何求得安全。内政部不配为人,他们摧毁了我,终结了我的生命。"
常见问题解答
以下是关于"无处安身:根据一进一出协议被遣返法国者的绝望"主题的常见问题清单,包含清晰自然的问题与直接答案
基础理解
1. 什么是"一进一出"协议?
这是英法两国间的协议:英国将特定数量的寻求庇护者遣返法国,作为交换,法国允许英国将同等数量的在法寻求庇护者送往英国,旨在管理移民数量。
2. 文中提及的被遣返法国者是什么人?
他们是先前从法国前往英国寻求庇护的寻求庇护者。根据该协议,因其英国庇护申请未获接纳或非正规抵达而被送回法国。
3. "无处安身"在此语境中意味着什么?
指被遣返法国者感到当地没有安全的家园、生计或社区。他们常面临无家可归、贫困和恐惧,觉得两国皆不安全且不受欢迎。
流程与影响
4. 既然法国是欧盟国家