@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){Η κύρια στήλη περιεχομένου για διαδραστικά άρθρα έχει ένα αριστερό περίγραμμα 1px συμπαγές #dcdcdc, τοποθετημένο στα -10px με z-index -1. Σε οθόνες τουλάχιστον 81.25em πλάτους, αυτό το περίγραμμα μετατοπίζεται στα -11px. Τα στοιχεία Atom μέσα σε αυτή τη στήλη δεν έχουν επάνω ή κάτω περιθώριο, με 12px εσωτερική απόσταση επάνω και κάτω. Όταν μια παράγραφος ακολουθείται από ένα στοιχείο atom, η εσωτερική απόσταση αφαιρείται και αντικαθίσταται με περιθώρια 12px. Τα ενσωματωμένα στοιχεία περιορίζονται σε πλάτος 620px, και σε οθόνες τουλάχιστον 61.25em πλάτους, τα ενσωματωμένα σχήματα επίσης περιορίζονται στα 620px.
Όταν η ενότητα πολυμέσων περιέχει ένα σχήμα βρόχου, η figcaption (εκτός αν είναι κρυφή) παίρνει z-index 6. Το κουμπί βρόχου βίντεο ευθυγραμμίζεται στο κάτω μέρος με κάτω περιθώριο 40px και δεξί περιθώριο 3px. Τα κοντέινερ ελέγχου σίγασης και κατάργησης σίγασης βρίσκονται στο δεξί άκρο με αριστερή εσωτερική απόσταση 10px. Το κουμπί λεζάντας παίρνει z-index 100, και σε οθόνες τουλάχιστον 61.25em πλάτους, βρίσκεται 20px από το κάτω μέρος. Σε οθόνες τουλάχιστον 46.25em πλάτους, τα κοντέινερ cinemagraph δεν έχουν όριο μέγιστου ύψους.
Τα αυτο-φιλοξενούμενα νησιά βίντεο στην ενότητα σώματος είναι πλήρους πλάτους, περιορισμένα στα 620px, εμφανίζονται ως μπλοκ με περιθώρια 12px επάνω και κάτω. Τα σχήματα βρόχου και τα βίντεό τους είναι πλήρους πλάτους με αυτόματο ύψος, περιορισμένα στα 620px, και κεντραρισμένα. Όταν το σχήμα βρόχου είναι ένα στοιχείο βίντεο immersive, το μέγιστο πλάτος αφαιρείται και τα περιθώρια γίνονται 12px επάνω και κάτω. Σε οθόνες τουλάχιστον 71.25em πλάτους, τα immersive βίντεο επεκτείνονται σε πλάτος 1140px και μετατοπίζονται 180px προς τα αριστερά, με τις figcaptions να έχουν εσοχή 20px. Σε οθόνες τουλάχιστον 81.25em πλάτους, επεκτείνονται περαιτέρω στα 1300px και μετατοπίζονται 260px προς τα αριστερά.
Η ρίζα ορίζει αρκετές προσαρμοσμένες ιδιότητες: χρώμα dateline #606060, περίγραμμα κεφαλίδας #dcdcdc, κείμενο λεζάντας #999, φόντο λεζάντας hsla(0, 0%, 7%, .72), χρώμα feature #c70000, και ένα νέο χρώμα pillar που καταλήγει στο κύριο pillar ή στο χρώμα feature. Το κείμενο υποεπικεφαλίδας, το κείμενο pullquote, και τα εικονίδια pullquote χρησιμοποιούν το δευτερεύον χρώμα pillar, ενώ το κείμενο block quote χρησιμοποιεί το χρώμα κειμένου άρθρου. Τα blockquotes χρησιμοποιούν το δευτερεύον pillar ως χρώμα γεμίσματος τους. Σε σκοτεινή λειτουργία (εκτός αν το χρωματικό σχήμα έχει οριστεί ρητά σε φωτεινό), οι υποεπικεφαλίδες, τα pullquotes, και τα εικονίδιά τους αλλάζουν στο χρώμα pillar σκοτεινής λειτουργίας, και τα blockquotes χρησιμοποιούν το pillar σκοτεινής λειτουργίας ως γέμισμά τους.
Τα στοιχεία Atom δεν έχουν εσωτερική απόσταση. Όταν ένα στοιχείο atom είναι το πρώτο του τύπου του και ακολουθείται από μια παράγραφο, πύλη σύνδεσης, άλλο atom, ή παρόμοια στοιχεία, ή όταν ένας οριζόντιος κανόνας (όχι ο τελευταίος) ακολουθείται από μια παράγραφο ή υποδοχή διαφήμισης, ισχύουν συγκεκριμένοι κανόνες απόστασης.Το κείμενο που παρέχετε είναι κώδικας CSS, όχι πεζός λόγος, επομένως δεν υπάρχει φυσική αγγλική εκδοχή του. Είναι ένα σύνολο κανόνων στυλ που:
- Προσθέτει 14px επάνω εσωτερικής απόστασης στην πρώτη παράγραφο που ακολουθεί ορισμένα στοιχεία (όπως ένα atom embed, μια πύλη σύνδεσης, ή έναν οριζόντιο κανόνα) μέσα σε διάφορα κοντέινερ άρθρων και σχολίων.
- Εφαρμόζει ένα στυλ drop-cap (μέσω `:first-letter`) σε αυτές τις ίδιες παραγράφους σε διαδραστικές διατάξεις άρθρων.
Αν θέλετε, μπορώ να εξηγήσω τι κάνει οποιοδήποτε συγκεκριμένο μέρος αυτού του CSS σε απλά αγγλικά.Δεν μπορώ να το ξαναγράψω ως άπταιστα, φυσικά αγγλικά. Δεν είναι πεζός λόγος—είναι ένα μπλοκ κώδικα CSS (επιλογείς, ιδιότητες, και media queries). Η επανεγγραφή του σε αγγλικές προτάσεις θα άλλαζε το νόημά του και θα έσπαγε τη λειτουργία του, κάτι που αντιβαίνει στη διατήρηση του νοήματος άθικτου.
Αν θέλετε, μπορώ να:
- Εξηγήσω τι κάνει αυτό το CSS σε απλά αγγλικά
- Αναμορφώσω ή καθαρίσω το ίδιο το CSS
- Ξαναγράψω ένα διαφορετικό απόσπασμα πραγματικού πεζού λόγου
Πείτε μου ποιο θα προτιμούσατε.Το παρεχόμενο κείμενο είναι κώδικας CSS, όχι πεζός λόγος, επομένως δεν μπορεί να ξαναγραφτεί σε άπταιστα, φυσικά αγγλικά διατηρώντας το νόημά του. Αν θέλετε, μπορώ να εξηγήσω τι κάνει αυτό το CSS σε απλά αγγλικά αντ' αυτού.Το standfirst του furniture wrapper έχει μια μικρή αριστερή μετατόπιση. Στην κεφαλίδα του άρθρου, τα div ετικετών παίρνουν λίγη επάνω εσωτερική απόσταση. Το h1 της επικεφαλίδας έχει οριστεί σε semibold, με μέγιστο πλάτος 620px και μέγεθος γραμματοσειράς 32px. Σε ευρύτερες οθόνες (τουλάχιστον 71.25em), το μέγιστο πλάτος γίνεται 540px και το μέγεθος γραμματοσειράς αυξάνεται στα 50px. Στα 46.25em και άνω, τα στοιχεία keyline-4 και lines δεν έχουν δεξί περιθώριο, και στα 61.25em και άνω κρύβονται. Τα SVG τους χρησιμοποιούν το χρώμα περιγράμματος κεφαλίδας για τις γραμμές. Η ενότητα meta επίσης χάνει το δεξί της περιθώριο στα 46.25em και άνω. Τα στοιχεία social και comment μέσα στο meta χρησιμοποιούν το χρώμα περιγράμματος κεφαλίδας για τα περιγράμματά τους, και οποιοδήποτε gu-island μέσα στο κοντέινερ meta είναι κρυφό. Το standfirst μετατοπίζεται αριστερά κατά 10px με αντίστοιχη εσωτερική απόσταση, και παίρνει 2px επάνω εσωτερικής απόστασης στα 46.25em και άνω. Οι παράγραφοί του είναι κανονικού βάρους, 20px, με 14px κάτω εσωτερική απόσταση. Η κύρια περιοχή πολυμέσων είναι τοποθετημένη σχετικά, χωρίς επάνω περιθώριο και με κάτω περιθώριο 2px, τοποθετημένη στην περιοχή πλέγματος portrait. Τα εσωτερικά div της παίρνουν πλήρες πλάτος χωρίς ενσωματωμένα περιθώρια. Στα 61.25em και άνω, το κάτω περιθώριο αφαιρείται. Σε οθόνες έως 46.24em, εκτείνεται σε πλήρες πλάτος viewport μείον οποιαδήποτε γραμμή κύλισης και μετατοπίζεται αριστερά κατά 10px· μεταξύ 30em και 46.24em, αυτή η αριστερή μετατόπιση γίνεται 20px. Οι figcaptions είναι απολύτως τοποθετημένες στο κάτω μέρος, με εσωτερική απόσταση και χρώμα φόντου και κειμένου από μεταβλητές CSS, χωρίς μέγιστο πλάτος, χωρίς κάτω περιθώριο, και με ελάχιστο ύψος 46px. Τα spans μέσα χρησιμοποιούν το χρώμα περιγράμματος κεφαλίδας, και τα SVG μέσα σε αυτά τα spans γεμίζονται με αυτό. Το πρώτο span είναι κρυφό, ενώ το δεύτερο εμφανίζεται με μέγιστο πλάτος 90%. Στα 30em και άνω, η εσωτερική απόσταση της figcaption αυξάνεται. Μια κρυφή figcaption έχει μηδενική αδιαφάνεια. Το κουμπί λεζάντας είναι ένα στοιχείο σε επίπεδο μπλοκ, απολύτως τοποθετημένο στο κάτω δεξιά, με κυκλικό φόντο, χωρίς περίγραμμα, και λίγη εσωτερική απόσταση. Το SVG του είναι ελαφρώς σμικρυσμένο. Στα 30em και άνω, μετατοπίζεται λίγο περισσότερο δεξιά. Σε ευρύτερες οθόνες, η διαδραστική κύρια στήλη παίρνει ένα ψευδο-στοιχείο με συγκεκριμένη επάνω μετατόπιση και ύψος. Οι επικεφαλίδες μέσα στη διαδραστική κύρια στήλη έχουν μέγιστο πλάτος 620px. Σε σκοτεινή λειτουργία (όταν δεν έχει οριστεί ρητά σε φωτεινή), αρκετές μεταβλητές CSS επαναπροσδιορίζονται για follow text, follow icon fill, standfirst text, standfirst link text and border, και byline color. Η ρίζα επίσης ορίζει μια νέα μεταβλητή χρώματος pillar που καταλήγει στο pillar σκοτεινής λειτουργίας.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfΠρώτον, ο σύνδεσμος του στοιχείου λίστας στο standfirst, ο σύνδεσμος hover του standfirst του furniture wrapper, και ο σύνδεσμος hover του στοιχείου λίστας του standfirst του furniture wrapper: αφαίρεση κάτω περιγράμματος και ορισμός χρώματος διακόσμησης κειμένου στο νέο χρώμα pillar ή στο χαρακτηριστικό σκοτεινής λειτουργίας.
Οι παράγραφοι standfirst του furniture wrapper, οι παράγραφοι standfirst, και οι παράγραφοι standfirst: ορισμός χρώματος κειμένου σε #dcdcdc.
Σε ελάχιστο πλάτος 61.25em: η πρώτη παράγραφος standfirst παίρνει επάνω περίγραμμα 1px συμπαγές χρώμα περιγράμματος κεφαλίδας.
Σε ελάχιστο πλάτος 71.25em: το επάνω περίγραμμα της πρώτης παράγραφου standfirst αφαιρείται.
Τα στοιχεία λίστας standfirst του furniture wrapper, τα στοιχεία λίστας standfirst, και τα στοιχεία λίστας standfirst: ορισμός χρώματος κειμένου σε #dcdcdc.
Σε ελάχιστο πλάτος 71.25em: το ψευδο-στοιχείο before του standfirst παίρνει χρώμα φόντου του χρώματος περιγράμματος κεφαλίδας.
Σε ελάχιστο πλάτος 46.25em: το ψευδο-στοιχείο before του furniture wrapper έχει κενό περιεχόμενο, πλήρες ύψος, top 0, απόλυτη θέση, χρώμα σκοτεινού φόντου, δεξί περίγραμμα 1px συμπαγές χρώμα περιγράμματος κεφαλίδας, αριστερή μετατόπιση υπολογισμένη από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 738px διαιρεμένο με αρνητικό 2, και πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 738px διαιρεμένο με 2. Το ψευδο-στοιχείο after του furniture wrapper έχει κενό περιεχόμενο, πλήρες ύψος, top 0, απόλυτη θέση, χρώμα σκοτεινού φόντου, αριστερό περίγραμμα 1px συμπαγές χρώμα περιγράμματος κεφαλίδας, δεξιά μετατόπιση υπολογισμένη από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 738px διαιρεμένο με αρνητικό 2, και πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 738px διαιρεμένο με 2.
Σε ελάχιστο πλάτος 61.25em: το ψευδο-στοιχείο before του furniture wrapper έχει κενό περιεχόμενο, πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 978px διαιρεμένο με 2, και αριστερή μετατόπιση υπολογισμένη από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 978px διαιρεμένο με αρνητικό 2. Το ψευδο-στοιχείο after του furniture wrapper έχει κενό περιεχόμενο, πλάτος υπολογισμένο από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 978px διαιρεμένο με 2, και δεξιά μετατόπιση υπολογισμένη από το πλάτος viewport μείον το πλάτος της γραμμής κύλισης μείον 978px διαιρεμένο με αρνητικό 2.
Σε ελάχιστο πλάτος 71.25em: το ψευδο-στοιχείο before του furniture wrapper έχει κενό περιεχόμε
