Ez egy CSS-kĂłdblokk, amely egy âGuardian Headline Fullâ nevƱ betƱcsalĂĄdot hatĂĄroz meg, több betƱvastagsĂĄggal Ă©s stĂlussal. Tartalmazza:
- Light (300-as vastagsĂĄg) normĂĄl Ă©s dĆlt stĂlusban
- Regular (400-as vastagsĂĄg) normĂĄl Ă©s dĆlt stĂlusban
- Medium (500-as vastagsĂĄg) normĂĄl Ă©s dĆlt stĂlusban
- Semibold (600-as vastagsĂĄg) normĂĄl Ă©s dĆlt stĂlusban
Minden betƱtĂpus a Guardian asset-szerverĂ©rĆl töltĆdik be hĂĄrom fĂĄjlformĂĄtumban: WOFF2, WOFF Ă©s TTF, hogy biztosĂtsa a kompatibilitĂĄst a kĂŒlönbözĆ böngĂ©szĆkben.Ez a szöveg CSS-kĂłdnak tƱnik, nem termĂ©szetes nyelvnek. BetƱstĂlusokat Ă©s elrendezĂ©si szabĂĄlyokat hatĂĄroz meg egy weboldalhoz. Mivel technikai kĂłd, nem alkalmazhatĂł rĂĄ a âgördĂŒlĂ©keny, termĂ©szetes angolâ ĂĄtĂrĂĄs â mĂĄr eleve precĂz, szabvĂĄnyos formĂĄtumban van. Azonban tudok adni egy egyszerƱ angol nyelvƱ összefoglalĂłt arrĂłl, hogy mit csinĂĄl:
A kĂłd egyedi betƱtĂpusokat ĂĄllĂt be egy weboldalhoz, beleĂ©rtve a âGuardian Headlineâ Ă©s âGuardian Titlepieceâ betƱtĂpusok kĂŒlönbözĆ vastagsĂĄgait Ă©s stĂlusait, kĂŒlönbözĆ fĂĄjlformĂĄtumokat hasznĂĄlva a kompatibilitĂĄs Ă©rdekĂ©ben. Tartalmaz tovĂĄbbĂĄ reszponzĂv tervezĂ©si szabĂĄlyokat egy tartalmi oszlophoz, igazĂtva a margĂłkat Ă©s a szĂ©lessĂ©geket a kĂ©pernyĆmĂ©ret alapjĂĄn, Ă©s biztosĂtja, hogy bizonyos elemek, pĂ©ldĂĄul kĂ©pek vagy videĂłk megfelelĆen jelenjenek meg a kĂŒlönbözĆ eszközökön. PĂ©ldĂĄul nagyobb kĂ©pernyĆkön a fĆ oszlop jobbra tolĂłdik, kisebb kĂ©pernyĆkön pedig a teljes szĂ©lessĂ©gƱ elemek a kĂ©pernyĆ szĂ©lĂ©ig nyĂșlnak. A kĂłd emellett 620 pixelre korlĂĄtozza a szövegek Ă©s listĂĄk szĂ©lessĂ©gĂ©t az olvashatĂłsĂĄg Ă©rdekĂ©ben..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 + .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 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 + .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 hr {
/ Itt nincsenek meghatĂĄrozott stĂlusok; a szektorlista vĂĄltozatlanul marad. /
}Az elsĆ bekezdĂ©snek egy vĂzszintes vonal vagy elem-atom utĂĄn extra tĂ©rnek kell lennie a tetejĂ©n. Ez vonatkozik az elsĆ bekezdĂ©sre, amely ezen elemek bĂĄrmelyikĂ©t követi, fĂŒggetlenĂŒl attĂłl, hogy közvetlenĂŒl az elem utĂĄn vagy egy hirdetĂ©si slot-tĂĄrolĂł utĂĄn következik-e. Ugyanez a szabĂĄly vonatkozik az oldal kĂŒlönbözĆ szakaszaira, beleĂ©rtve a fĆ cikk törzsĂ©t, az interaktĂv tartalmat, a hozzĂĄszĂłlĂĄsi szakaszokat Ă©s a kiemelt szakaszokat.
EzenkĂvĂŒl az elsĆ bekezdĂ©s elsĆ betƱjĂ©t speciĂĄlis mĂłdon kell stilizĂĄlni. Ez a dĂszes kezdĆbetƱ-hatĂĄs vonatkozik az elsĆ bekezdĂ©sre egy vĂzszintes vonal vagy elem-atom utĂĄn, fĂŒggetlenĂŒl attĂłl, hogy közvetlenĂŒl az elem utĂĄn vagy egy hirdetĂ©si slot-tĂĄrolĂł utĂĄn jelenik meg, az oldal ugyanazon szakaszaiban.[data-gu-name=body] .element-atom:first-of-type+.element-atom+p:first-of-type:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+p:first-letter,
[data-gu-name=body] hr:not(.last-horizontal-rule)+.ad-slot-container+p:first-letter,
#feature-body .element-atom:first-of-type+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+#sign-in-gate+p:first-of-type:first-letter,
#feature-body .element-atom:first-of-type+.element-atom+p:first-of-type:first-letter,
#feature-body hr:not(.last-horizontal-rule)+p:first-letter,
#feature-body hr:not(.last-horizontal-rule)+.ad-slot-container+p:first-letter {
font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif;
font-weight: 700;
font-size: 111px;
line-height: 92px;
float: left;
text-transform: uppercase;
box-sizing: border-box;
margin-right: 8px;
vertical-align: text-top;
color: var(--drop-cap, var(--new-pillar-colour));
}
.content__main-column--interactive hr+p,
.content__main-column--interactive hr+.ad-slot-container+p,
#article-body>div hr+p,
#article-body>div hr+.ad-slot-container+p,
.content--interactive>div hr+p,
.content--interactive>div hr+.ad-slot-container+p,
#comment-body hr+p,
#comment-body hr+.ad-slot-container+p,
[data-gu-name=body] hr+p,
[data-gu-name=body] hr+.ad-slot-container+p,
#feature-body hr+p,
#feature-body hr+.ad-slot-container+p {
padding-top: 0;
}
.content__main-column--interactive [data-gu-name=pullquote],
#article-body>div [data-gu-name=pullquote],
.content--interactive>div [data-gu-name=pullquote],
#comment-body [data-gu-name=pullquote],
[data-gu-name=body] [data-gu-name=pullquote],
#feature-body [data-gu-name=pullquote] {
max-width: 620px;
}
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
position: static !important;
width: 100%;
max-width: 620px;
}
@media (min-width: 71.25em) {
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
position: absolute !important;
max-width: 140px;
}
}
@media (min-width: 81.25em) {
#maincontent figure.element.element--showcase.element-showcase figcaption,
#feature-article-container figure.element.element--showcase.element-showcase figcaption,
#standard-article-container figure.element.element--showcase.element-showcase figcaption,
#comment-article-container figure.element.element--showcase.element-showcase figcaption {
max-width: 220px;
}
}
.element.element--immersive.element-immersive {
width: calc(100vw - var(--scrollbar-width, 0px));
}
@media (max-width: 71.24em) {
.element.element--immersive.element-immersive {
max-width: 978px;
}
.element.element--immersive.element-immersive figcaption {
padding-inline: 10px;
}
}
@media (max-width: 71.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.element.element--immersive.element-immersive {
max-width: 738px;
}
}
@media (max-width: 46.24em) {
.element.element--immersive.element-immersive {
margin-left: -10px !important;
margin-right: 0 !important;
left: 0;
}
}
@media (max-width: 46.24em) and (min-width: 30em) {
.element.element--immersive.element-immersive {
margin-left: -20px !important;
}
.element.element--immersive.element-immersive figcaption {
padding-inline: 20px;
}
}
@media (min-width: 71.25em) {
[data-gu-name=body] figure.element.element--showcase.element-showcase,
[data-gu-name=body] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -160px !important;
}
}
@media (min-width: 81.25em) {
[data-gu-name=body] figure.element.element--showcase.element-showcase,
[data-gu-n[class="body"] .content__main-column--interactive figure.element.element--showcase.element-showcase {
margin-left: -240px !important;
}
.furniture-wrapper {
position: relative;
}
@media (min-width: 61.25em) {
.furniture-wrapper {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start] .75fr [standfirst-end meta-start] auto [meta-end portrait-end];
}
.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(--headerBorder);
}
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name="meta"] {
position: relative;
padding-top: 2px;
margin-right: 0;
}
.furniture-wrapper .standfirst .content__standfirst,
.furniture-wrapper #standfirst .content__standfirst,
.furniture-wrapper [data-gu-name="standfirst"] .content__standfirst {
margin-bottom: 4px;
}
.furniture-wrapper .standfirst ul li,
.furniture-wrapper #standfirst ul li,
.furniture-wrapper [data-gu-name="standfirst"] ul li {
font-size: 20px;
}
.furniture-wrapper .standfirst li a,
.furniture-wrapper .standfirst a,
.furniture-wrapper #standfirst li a,
.furniture-wrapper #standfirst a,
.furniture-wrapper [data-gu-name="standfirst"] li a,
.furniture-wrapper [data-gu-name="standfirst"] a {
border-bottom: none;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
text-decoration-thickness: 1px;
}
.furniture-wrapper .standfirst li a:hover,
.furniture-wrapper .standfirst a:hover,
.furniture-wrapper #standfirst li a:hover,
.furniture-wrapper #standfirst a:hover,
.furniture-wrapper [data-gu-name="standfirst"] li a:hover,
.furniture-wrapper [data-gu-name="standfirst"] a:hover {
text-decoration-color: var(--new-pillar-colour);
}
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: 1px solid var(--headerBorder);
padding-bottom: 0;
}
}
@media (min-width: 61.25em) and (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: unset;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper figure {
margin: 0 0 0 -10px;
}
.furniture-wrapper figure[data-spacefinder-role="inline"].element {
max-width: 630px;
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
content: "";
width: 540px;
position: absolute;
top: 0;
background-color: var(--headerBorder);
height: 1px;
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name="standfirst"] p {
border-top: unset;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
content: "";
width: 1px;
background-color: var(--headerBorder);
height: 100%;
position: absolute;
top: 0;
left: .5px;
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
width: 620px;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
/ Itt nincsenek tovĂĄbbi stĂlusok megadva /
}
}Itt van az ĂĄtĂrt szöveg gördĂŒlĂ©keny, termĂ©szetes angol nyelven:
A furniture wrapper stĂlusok igazĂtjĂĄk a cikkfejlĂ©cek, bevezetĆk Ă©s mĂ©diaelemek elrendezĂ©sĂ©t Ă©s megjelenĂ©sĂ©t. A bevezetĆ szakasznak kis bal oldali eltolĂĄsa Ă©s belsĆ margĂłja van, finom vonallal a bal oldalon. Nagyobb kĂ©pernyĆkön egy kicsit több felsĆ belsĆ margĂłt kap. A cĂmsor szövege fĂ©lkövĂ©r, maximĂĄlis szĂ©lessĂ©ge 620 pixel, betƱmĂ©rete 32 pixel, ami nagyon szĂ©les kĂ©pernyĆkön 50 pixelre nĆ, miközben a szĂ©lessĂ©g 540 pixelre szƱkĂŒl.
A dĂszĂtĆ vonalak (keyline-4) el vannak rejtve közepes Ă©s nagy kĂ©pernyĆkön, de amikor lĂĄthatĂłak, egy CSS-vĂĄltozĂł ĂĄltal meghatĂĄrozott vonalszĂnt hasznĂĄlnak. A meta szakasznak (amely a közössĂ©gi megosztĂĄst Ă©s hozzĂĄszĂłlĂĄsokat tartalmazza) nincs jobb margĂłja közepes kĂ©pernyĆkön, Ă©s a szegĂ©lyei megegyeznek a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©vel. NĂ©hĂĄny interaktĂv elem a meta szakaszban el van rejtve.
A fĆ mĂ©dia terĂŒlet relatĂv pozĂciĂłban van, nincs felsĆ margĂłja, Ă©s kis alsĂł margĂłja van. Mobileszközökön teljes szĂ©lessĂ©gben terjed ki, enyhe bal oldali eltolĂĄssal, amely a kĂ©pernyĆmĂ©ret alapjĂĄn igazodik. A felirat a mĂ©dia aljĂĄn helyezkedik el, ĂĄttetszĆ hĂĄttĂ©rrel Ă©s szövegszĂnnel, Ă©s tartalmaz egy gombot a lĂĄthatĂłsĂĄg vĂĄltĂĄsĂĄhoz. A felirat szövegĂ©nek meghatĂĄrozott szĂne van a szegĂ©lyĂ©hez Ă©s ikonjaihoz, Ă©s a felirat elsĆ rĂ©sze el van rejtve, mĂg a mĂĄsodik rĂ©sze lĂĄthatĂł.
Nagyon szĂ©les kĂ©pernyĆkön a fĆ oszlopnak kissĂ© meghosszabbĂtott felsĆ Ă©s alsĂł szegĂ©lye van. Az interaktĂv tartalmon belĂŒli fejlĂ©cek maximĂĄlis szĂ©lessĂ©ge 620 pixelre van korlĂĄtozva. SötĂ©t mĂłdban bizonyos szöveg- Ă©s link szĂnek vilĂĄgosabb ĂĄrnyalatokra Ă©s pillĂ©rszĂnekre vannak ĂĄllĂtva a jobb olvashatĂłsĂĄg Ă©rdekĂ©ben.SajnĂĄlom, de nem tudok segĂteni ennek a szövegnek az ĂĄtĂrĂĄsĂĄban, mivel ez CSS-kĂłdnak tƱnik, nem termĂ©szetes nyelvƱ prĂłzĂĄnak. Ha van egy mĂĄsik szövege, amelyet szĂvesen ĂĄtfogalmaznĂ©k, nyugodtan ossza meg.Itt van az ĂĄtĂrt szöveg gördĂŒlĂ©keny, termĂ©szetes angol nyelven:
Amikor a bevezetĆben lĂ©vĆ linkekre vagy listaelemekre viszi az egĂ©rmutatĂłt, tĂĄvolĂtsa el az alsĂł szegĂ©lyt, Ă©s hasznĂĄlja az Ășj pillĂ©rszĂnt az alĂĄhĂșzĂĄshoz. A bevezetĆ bekezdĂ©sei vilĂĄgosszĂŒrkĂ©k legyenek. A 61,25em-nĂ©l szĂ©lesebb kĂ©pernyĆkön adjon felsĆ szegĂ©lyt az elsĆ bekezdĂ©shez, de tĂĄvolĂtsa el a 71,25em-nĂ©l szĂ©lesebb kĂ©pernyĆkön. A bevezetĆben lĂ©vĆ listaelemek szintĂ©n vilĂĄgosszĂŒrkĂ©k. Nagyobb kĂ©pernyĆkön adjon hĂĄttĂ©rszĂnt Ă©s szegĂ©lyt a furniture wrapper bal Ă©s jobb oldalĂĄhoz, igazĂtva a szĂ©lessĂ©get a viewport mĂ©rete alapjĂĄn. A keyline Ă©s a közössĂ©gi mĂ©dia ikonok a fejlĂ©c szegĂ©lyĂ©nek szĂnĂ©t hasznĂĄljĂĄk. A cikk törzsĂ©ben lĂ©vĆ fejlĂ©cek vilĂĄgos vastagsĂĄgĂșak, de fĂ©lkövĂ©rrĂ© vĂĄlnak, ha erĆs szöveget tartalmaznak. Az alkalmazĂĄsokhoz ĂĄllĂtson be konkrĂ©t szĂneket a követĂ©s szövegĂ©hez, ikonjaihoz, a bevezetĆ szövegĂ©hez Ă©s linkjeihez, a szerzĆi sorokhoz Ă©s a cikk meta soraihoz. A szerzĆi sornak az Ășj pillĂ©rszĂnt kell hasznĂĄlnia, Ă©s a követĂ©s burkolĂłjĂĄnak finom hĂĄttĂ©rkĂ©pe legyen.A Leicestershire-i rendĆrsĂ©g nem ĂĄrulja el, ki hĂvta fel elĆször a figyelmĂŒket Jigar GheewalĂĄra, de könnyƱ belĂĄtni, miĂ©rt akartak mĂ©lyebbre ĂĄsni, amint hallottak rĂłla. Gheewala munkanĂ©lkĂŒli volt, nem volt nyilvĂĄnvalĂł jövedelme, mĂ©gis egy 1,3 milliĂł fontos hĂĄzban lakott, Ă©s hĂĄrom gyerekĂ©t magĂĄniskolĂĄba jĂĄrat ta. âCsĆdbe ment ember volt, olyan bankszĂĄmlĂĄval, amely egyĂĄltalĂĄn nem egyezett azzal, aminek lennie kellett volnaâ â mondta Laura Panter, a Leicestershire-i rendĆrsĂ©g gazdasĂĄgi bƱnözĂ©si csapatĂĄnak pĂ©nzĂŒgyi bƱnözĂ©si felĂŒgyelĆje. âInnen indultunk.â
2020 folyamĂĄn, annak ellenĂ©re, hogy segĂ©lyen volt, Gheewala bankszĂĄmlĂĄjĂĄra több mint 880 000 font Ă©rkezett kĂ©szpĂ©nzben, 200 kĂŒlönĂĄllĂł befizetĂ©sben elosztva. Mint kiderĂŒlt, pĂ©nzmosĂł volt â de nem olyan, amilyet a filmekben lĂĄtni. A befizetĂ©seit nem Liechtensteinben vagy a KajmĂĄn-szigeteken vĂ©gezte; hanem Leicester kĂŒlönbözĆ postahivatalaiban, egyik vastag bankjegyköteg a mĂĄsik utĂĄn.
Ahogy a bankok bezĂĄrtĂĄk fiĂłkjaikat szerte Nagy-BritanniĂĄban, a postahivatalok csendben központi szerepet jĂĄtszanak abban, ahogyan a pĂ©nzĂŒnket kezeljĂŒk. 2017-ben a postahivatalok elkezdtĂ©k elfogadni a befizetĂ©seket a bankok nevĂ©ben, Ă©s ezek a befizetĂ©sek most mĂĄr meghaladjĂĄk az Ă©vi 30 milliĂĄrd fontot. A folyamat egyszerƱ: az ĂŒgyfĂ©l ĂĄtadja a bankjegyeket megszĂĄmlĂĄlĂĄsra, majd behelyez egy bankkĂĄrtyĂĄt Ă©s megadja a PIN-kĂłdot, mint egy fordĂtott pĂ©nzkiadĂł automata. A postai rendszer ezutĂĄn kommunikĂĄl a bank rendszerĂ©vel, amely jĂłvĂĄĂrja a kĂ©szpĂ©nz Ă©rtĂ©kĂ©t a kĂĄrtyĂĄhoz kapcsolt szĂĄmlĂĄn.
Ez egy egyszerƱ felĂĄllĂĄs, Ă©s a Post Office Ltd â az ĂĄllami tulajdonĂș vĂĄllalat, amely a fiĂłkokat ĂŒzemelteti â azt mondja, hogy lĂ©tfontossĂĄgĂș szolgĂĄltatĂĄst nyĂșjt azoknak a vĂĄllalkozĂĄsoknak Ă©s magĂĄnszemĂ©lyeknek, akik egyĂ©bkĂ©nt el lennĂ©nek vĂĄgva a banki szolgĂĄltatĂĄsoktĂłl. De ennek az egyszerƱsĂ©gnek van egy ĂĄrnyoldala. EltĂĄvolĂtotta azokat az ellenĆrzĂ©seket, amelyek korĂĄbban megakadĂĄlyoztĂĄk, hogy a bƱnözĆk kimos sĂĄk a kĂ©szpĂ©nzĂŒket. Ahogyan valaki mĂĄs kĂĄrtyĂĄjĂĄval pĂ©nzt lehet felvenni egy ATM-bĆl, ha ismeri a PIN-kĂłdot, Ășgy bĂĄrmelyik bankkĂĄrtyĂĄval lehet befizetĂ©st vĂ©gezni a postĂĄn. A folyamat szĂĄndĂ©kosan egyszerƱsĂtett, Ă©s a bankkal ellentĂ©tben a postai dolgozĂłnak (akit gyakran postamesternek vagy alpostamesternek hĂvnak) nincs mĂłdja lĂĄtni a szĂĄmlaadatokat. Ăgy nem tudjĂĄk ellenĆrizni, hogy a kĂĄrtyĂĄt tartĂł szemĂ©ly a tĂ©nyleges tulajdonos-e, vagy hogy a tranzakciĂł gyanĂșs mintĂĄt követ-e.
A bƱnĂŒldözĆ szervek becslĂ©sei szerint a legĂĄlis ĂŒzleti bevĂ©telek mellett Ă©vente több szĂĄzmilliĂł font piszkos pĂ©nzt fizetnek be a postahivatalokba. Ez lehetĆvĂ© teszi a drogdĂlereknek Ă©s mĂĄs bƱnözĆknek, hogy bankba helyezzĂ©k illegĂĄlis vagyonukat, hasznot hĂșzzanak bƱneikbĆl, Ă©s mindezt minimĂĄlis erĆfeszĂtĂ©ssel tegyĂ©k. âA helyek szĂĄma, ahol a kĂ©szpĂ©nz bekerĂŒlhet a gazdasĂĄgba, most hatalmas, de ahogy a bankfiĂłkok folyamatosan zĂĄrnak be, a helyek, ahovĂĄ vissza lehet fizetni, egyre korlĂĄtozottabbak lettek. Ez a fajta fordĂtott tölcsĂ©rhatĂĄsâ â mondta egy volt Post Office-alkalmazott, aki ismeri a pĂ©nzĂŒgyi szolgĂĄltatĂĄsok kezelĂ©sĂ©t. âA rosszfiĂșk valĂłban a postahivatalokat cĂ©lozzĂĄk meg, mint az egyik kevĂ©s megmaradt helyet, ahovĂĄ tĂ©nylegesen be tudnak menni pĂ©nzt befizetni.â
A Leicestershire-i rendĆrsĂ©g Gheewala tranzakciĂłit hasznĂĄlta fel annak rekonstruĂĄlĂĄsĂĄra, hogyan dolgozott. Egy tipikus napon elĆször a vĂĄros keleti rĂ©szĂ©n, egy kisboltban lĂ©vĆ postai pultnĂĄl vĂ©gezhette el elsĆ kĂ©szpĂ©nzbefizetĂ©sĂ©t. AztĂĄn ötperces autĂłĂșt következett egy mĂĄsik ĂŒzlethez, zöldsĂ©ges lĂĄdĂĄkkal az elĆtĂ©rben Ă©s ĂŒdĂtĆs Ă©s szeszes italos matricĂĄkkal borĂtott ablakokkal, amelyek a postai szolgĂĄltatĂĄsok mellett kaparĂłs sorsjegyeket is kĂnĂĄltak. NĂ©hĂĄny percre volt egy mĂĄsik fiĂłk, egy gyĂłgyszertĂĄr Ă©s egy sĂŒlt csirke ĂŒzlet közĂ© szorĂtva. Egy Ășjabb rövid Ășt egy bevĂĄsĂĄrlĂłközponthoz vitte, ahol a posta egy pĂ©ksĂ©g mellett volt egy szĂ©p lakĂłutcĂĄn. Egy utolsĂł Ă©szaki Ășt egy kisbolthoz vitte a vörös tĂ©glĂĄs csalĂĄdi hĂĄzak között â Ă©s ezzel a reggeli munka kĂ©sz is volt: több ezer font befizetve körĂŒlbelĂŒl egy Ăłra alatt, bƱnözĆi kĂ©szpĂ©nz ĂĄramlott a leghĂ©tköznapibb helyekre.Amikor elĆször elkezdtĂŒk ezt vizsgĂĄlni, Ă©szrevettĂŒk, hogy mĂĄsok Leicestershire-ben pontosan ugyanezt csinĂĄljĂĄk â mondta Panter. âNagyon következetes mintĂĄt talĂĄltunk abban, ahogyan a kĂ©szpĂ©nzt befizettĂ©k a postahivatalokban.â
Panter Ă©s csapata munkĂĄja Operation Kilo nĂ©ven vĂĄlt ismerttĂ©. 2021-ben kezdĆdött, Ă©s 2025 decemberĂ©ben zĂĄrult, amikor GheewalĂĄt csaknem 12 Ă©v börtönre ĂtĂ©ltĂ©k, valamint hat mĂĄsik szemĂ©lyt, akik segĂtettek neki. Ăs ez nem csak Leicesterben törtĂ©nt. A tisztek figyeltĂ©k, ahogy futĂĄrok Ă©rkeztek LondonbĂłl Ă©s Yorkshire-bĆl kĂ©szpĂ©nzzel teli tĂĄskĂĄkkal, amelyeket a bƱnözĆk kerestek, Ă©s leadtĂĄk Ćket ĂŒzletekben, hogy Gheewala csapata felvegye. A napi pĂ©nzt egy alacsonyabb szintƱ dolgozĂłkbĂłl ĂĄllĂł csoport között osztottĂĄk szĂ©t, akik aztĂĄn körbejĂĄrtĂĄk a vĂĄros postahivatalait, Ă©s gumiszalaggal összekötött bankjegykötegeket fizettek be. Minden megĂĄllĂłnĂĄl akĂĄr 10 kĂŒlönbözĆ szĂĄmlĂĄra is befizettek, olyan kĂĄrtyĂĄkkal, amelyekre a PIN-kĂłdot rĂĄĂrtĂĄk.
A pĂ©nzt fogadĂł szĂĄmlĂĄk hĂ©tköznapi emberekhez tartoztak â akiket a rendĆrsĂ©g âöszvĂ©rnekâ nevez â, akik kis fizetĂ©st kaptak azĂ©rt, hogy hasznĂĄlhassĂĄk a szĂĄmlĂĄjukat, vagy Leicester ruhĂĄzati kereskedelmĂ©ben mƱködĆ cĂ©gekhez, ahol a vezetĆk hamis szĂĄmlĂĄkat kĂ©szĂtettek, hogy a kifiz