فاجعهی دیگر: یک شکست بزرگ سینمایی برای تام کروز و هالیوود چه معنایی دارد
.content__main-column--interactive{display:grid;grid-template-columns:1fr;grid-gap:0;grid-template-areas:"media" "title" "headline" "standfirst" "lines" "meta" "body"}.content__main-column--interactive .content__main-column--interactive{display:contents}@media (min-width: 30em){.content__main-column--interactive figure[data-spacefinder-role=immersive] figcaption{max-width:620px;padding-left:20px;padding-right:20px}}@media (min-width: 46.25em){.content__main-column--interactive{grid-template-columns:1fr;grid-gap:10px;grid-template-areas:"title" "headline" "standfirst" "media" "lines" "meta" "body";padding-right:80px}}@media (min-width: 61.25em){.content__main-column--interactive{grid-template-columns:620px 300px;grid-template-areas:"title right-column" "headline right-column" "standfirst right-column" "media right-column" "lines right-column" "meta right-column" "body right-column";padding-right:0}}@media (min-width: 71.25em){.content__main-column--interactive{grid-template-columns:140px 1px 620px 300px;grid-template-areas:"title . right-column right-column" "headline . right-column right-column" "standfirst . right-column right-column" "media . right-column right-column" "lines . right-column right-column" "meta . right-column right-column" "body . right-column right-column"}.content__main-column--interactive [data-gu-name=standfirst]{padding-bottom:0}}.content__main-column--interactive figure[data-spacefinder-role=immersive] figcaption{padding-top:4px}.content__main-column--interactive [data-gu-name=lines],.content__main-column--interactive [data-gu-name=meta]{grid-area:2/1/5/2}.content__main-column--interactive [data-gu-name=lines]{height:max-content;margin-top:5px}.content__main-column--interactive [data-gu-name=meta]{margin-top:18px}@media (min-width: 81.25em){.content__main-column--interactive{grid-template-columns:219px 1px 620px 80px 300px}}@media (min-width: 46.25em){.content__main-column--interactive [data-gu-name=standfirst] p{font-family:"Guardian Headline",Guardian Headline Full,Guardian Headline,Guardian Egyptian Web,Georgia,serif;font-weight:500}.content__main-column--interactive [data-gu-name=title] .content__labels{display:block}.content__main-column--interactive [data-gu-name=title] .content__labels:first-letter{text-transform:uppercase}.content__main-column--interactive .keyline-4{padding-top:12px}.content__main-column--interactive .byline a{font-family:"Guardian Headline",Guardian Headline Full,Guardian Headline,Guardian Egyptian Web,Georgia,serif;font-weight:700}}@media (max-width: 46.24em){.content__main-column--interactive figure[data-spacefinder-role=immersive] .element-image__inner{height:auto}.content__main-column--interactive figure[data-spacefinder-role=immersive] p{margin-top:0}}
@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){
.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{
border-left:1px solid #dcdcdc;
left:-11px
}
}
.content__main-column--interactive .element-atom{
margin-top:0;
margin-bottom:0;
padding-bottom:12px;
padding-top:12px
}
.content__main-column--interactive p+.element-atom{
padding-top:0;
padding-bottom:0;
margin-top:12px;
margin-bottom:12px
}
.content__main-column--interactive .element-inline{max-width:620px}
@media (min-width: 61.25em){
figure[data-spacefinder-role=inline].element{max-width:620px}
}
[data-gu-name=media]:has(figure.loop) figure.loop figcaption:not(.hidden){z-index:6}
[data-gu-name=media]:has(figure.loop) figure.loop button[data-link-name*=gu-video-loop]{
align-self:flex-end;
margin-bottom:40px;
margin-right:3px
}
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=unmute-icon]),
[data-gu-name=media]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid=mute-icon]){
right:0;
padding-left:10px
}
[data-gu-name=media]:has(figure.loop) #caption-button{z-index:100}
@media (min-width: 61.25em){
[data-gu-name=media]:has(figure.loop) #caption-button{bottom:20px}
}
@media (min-width: 46.25em){
[data-gu-name=media]:has(figure.cinemagraph) .cinemagraph>div{max-height:unset}
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]{
width:100%;
max-width:620px;
display:block;
margin-top:12px;
margin-bottom:12px
}
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo] figure.loop video{
width:100%;
height:auto;
max-width:620px;
margin:0 auto
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
max-width:unset;
margin:12px 0
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure.loop video{
max-width:unset;
margin:0
}
@media (min-width: 71.25em){
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
width:1140px;
margin-left:-180px
}
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive) figure figcaption{
margin-left:20px
}
}
@media (min-width: 81.25em){
[data-gu-name=body] gu-island[name=SelfHostedVideo]:has(figure.loop.element-video-immersive){
width:1300px;
margin-left:-260px
}
}
:root{
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, .72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature))
}
```:root:root{--subheading-text: var(--secondary-pillar);--pullquote-text: var(--secondary-pillar);--pullquote-icon: var(--secondary-pillar);--block-quote-text: var(--article-text)}:root:root blockquote{--block-quote-fill: var(--secondary-pillar)}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--subheading-text: var(--darkmode-pillar);--pullquote-text: var(--darkmode-pillar);--pullquote-icon: var(--darkmode-pillar)}:root:root:not([data-color-scheme=light]) blockquote{--block-quote-fill: var(--darkmode-pillar)}}.content__main-column--interactive .element.element-atom,.element.element-atom{padding:0}.content__main-column--interactive .element-atom:first-of-type+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+.sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+#sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+.element-atom+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,.content__main-column--interactive .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,.content__main-column--interactive hr:not(.last-horizontal-rule)+p,.content__main-column--interactive hr:not(.last-horizontal-rule)+.ad-slot-container+p,#article-body>div .element-atom:first-of-type+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,#article-body>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+.element-atom+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,#article-body>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,#article-body>div hr:not(.last-horizontal-rule)+p,#article-body>div hr:not(.last-horizontal-rule)+.ad-slot-container+p,.content--interactive>div .element-atom:first-of-type+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,.content--interactive>div .element-atom:first-of-type+.sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+#sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+.element-atom+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,.content--interactive>div .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,.content--interactive>div hr:not(.last-horizontal-rule)+p,.content--interactive>div hr:not(.last-horizontal-rule)+.ad-slot-container+p,#comment-body .element-atom:first-of-type+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+p:first-of-type,#comment-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+.element-atom+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+.sign-in-gate+p:first-of-type,#comment-body .element-atom:first-of-type+figure:has(gu-island[name=UnsafeEmbedBlockComponent])+#sign-in-gate+p:first-of-type,#comment-body hr:not(.last-horizontal-rule)+p,#comment-body hr:not(.last-horizontal-rule)+.ad-slot-container+p,[data-gu-name=body] .element-atom:first-of-type+p:first-of-type,[data-gu-name=body] .element-atom:first-of-type+figure:has(gu-island[naاین انتخابگر CSS اولین پاراگراف پس از عناصر مختلف—مانند یک atom جاسازیشده، یک دروازه ورود، یا یک خط افقی—را در بدنه مقاله، بدنه ویژه یا ظرفهای محتوای تعاملی هدف قرار میدهد. به آن پاراگرافها 14px padding بالا اعمال میکند و برای محتوای تعاملی، حرف اول پاراگراف را نیز استایل میدهد.متن ارائهشده کد CSS است، نه نثر، بنابراین نمیتوان آن را بدون تغییر معنایش به انگلیسی روان بازنویسی کرد. اگر بخواهید، میتوانم توضیح دهم که انتخابگرها و قواعد CSS به زبان ساده چه کاری انجام میدهند.در اینجا متن به انگلیسی روان و طبیعی بازنویسی شده است:
برای figcaptionهای داخل عناصر showcase در محتوای اصلی، مقاله ویژه، مقاله استاندارد و ظرفهای مقاله نظر، موقعیت به static با عرض 100% و حداکثر عرض 620px تنظیم میشود. در viewportهای 71.25em و بالاتر، این figcaptionها به صورت absolute با حداکثر عرض 140px قرار میگیرند. در 81.25em و بالاتر، حداکثر عرض به 220px افزایش مییابد.
عناصر immersive به عرض کامل viewport، منهای هر عرض scrollbar، اندازهگیری میشوند. زیر 71.25em، عناصر immersive حداکثر عرض 978
