<![CDATA[ .dec_rouge, .meta__publisher.dec_rouge { color: rgba(190, 21, 20, 1); }
.renvoi { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 17px; font-weight: 600; color: var(–lmd-color-storm-content-dark); } .dec_contenu { max-width: 900px; margin: 0 auto; position: relative; } .dec_contenu .grasdecodeurs { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 1.7rem; font-weight: bold; } .dec_contenu .d_titre { padding: 6px 0; display: block; } .dec_contenu .d_texte { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; margin: 1em after meeting donald trump, volodymyr 0; padding: 0; font-weight: 400; font-size: 1.6rem; line-height: 1.5; } .dec_contenu .d_explications { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; margin: 0 auto 1rem auto; padding: 1em 1.5em; border-radius: 2px; font-size: 1.6rem; line-height: 1.4; color: #3f4142; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); } .d_explications svg { height: 2rem; width: 2rem; margin-bottom: -0.4rem; margin-right: 0.25rem; opacity: 0.7; } .dec_contenu .source { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; color: #9a9a9a; margin: 1rem auto 0 auto; width: 100%; font-size: 1.1rem; } .dec_contenu .passelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dec_contenu span.desktop { display: inline; } .dec_contenu span.mobile { display: none; } .contenant_glissiere { display: block; position: relative; } .contenant_glissiere.mobile { display: none; } .carte { position: relative; } .carte .nom_mer { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 1.6rem; font-style: italic; letter-spacing: 0.1rem; fill: #7f9ab1; text-anchor: middle; } .contenantlegende { after meeting donald trump, volodymyr position: relative; font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-size: 12px; padding: 5px; } .legende span { margin-bottom: -1.5px; height: 12px; width: 12px; margin-right: 2.5px; display: inline-block; } .legende .rectangle { height: 10px; width: 10px; margin-bottom: -1px; display: inline-block; border: 1px solid white; margin-left: 2.5px; margin-right: 7.5px; } .legende .rectangle.noir { background-color: #426a81; } .legende .rectangle.dispute { background-color: #013a6b; background-image: -webkit-linear-gradient(30deg, #426a81 50%, #b75050 50%); } .legende .rectangle.rouge { background-color: #b75050; } .legende svg path, #centralesnucleaires path { fill: rgba(0, 0, 0, 0.4); } .legende span.revendique { background-color: #f0a4a4; border: 1px solid rgba(0, 0, 0, 0.1); } .legende span.terr_occup { background-color: #fde1e1; border: 1px solid rgba(0, 0, 0, 0.1); } .legende span.incursion_ukr { background: linear-gradient(45deg, rgba(2, 172, 233, 0.6) 1%, #ddedf7 1%, #ddedf7 49%, rgba(2, 172, 233, 0.6) 49%, rgba(2, 172, 233, 0.6) 51%, #ddedf7 51%, #ddedf7 99%, rgba(2, 172, 233, 0.6) 99%); background-size: 5px 5px; background-position: 50px 50px; border: after meeting donald trump, volodymyr 1px solid #a3d4ef; } .carte .ligne_echelle { stroke-width: 1.2px; stroke: black; } .carte .tick { stroke-width: 1.2px; stroke: black; } .label { font-size: 1.2rem; font-weight: 500; text-anchor: middle; font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; } .carte .date { position: absolute; top: 14px; right: 4px; font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; font-size: 14px; text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px; } .carte .carre_ville { stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.5px; after meeting donald trump, volodymyr fill: #426a81; } .carte .carre_ville.rouge { fill: #b75050; } .carte .carre_ville.dispute { fill: url(#diagonal); stroke: #fff; stroke-miterlimit: 10; stroke-width: 1.5px; } .carte path.etat { fill: #f4f4f4; stroke-width: 0; } .carte .dispute.mda { display: none; } .carte .pointilles { fill: none; stroke: rgba(0, 0, 0, 1); stroke-width: 2px; stroke-dasharray: 3, 2; } .carte .oblasts { fill: none; stroke: rgba(0, 0, 0, 0.03); stroke-width: 1px; } .carte .frontiere { fill: none; stroke: #a4a4a4; stroke-width: 1px; } .carte .dispute { stroke: none; } .carte .dispute.ukr { fill: none; } .carte path.etat.ukr { fill: white; } .carte .frontiere.ukr { fill: none; stroke: #9a9a9a; stroke-width: 1.5px; } .carte .riviere { fill: none; stroke: #a5bed3; stroke-width: 0.5px; } .carte .reservoirs { stroke: #a5bed3; fill: #c3d3de; stroke-width: 0.5px; } .carte .fondmer rect { fill: #c3d3de; } .dec_contenu text.end { text-anchor: end; } .dec_contenu text.start { text-anchor: start; } .dec_contenu text.dessus, .dec_contenu text.dessous { text-anchor: middle; } .dec_contenu after meeting donald trump, volodymyr .capitale { font-size: 17px; letter-spacing: 1px; font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-weight: 600; fill: #24343e; } .dec_contenu .texte_ville { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; font-weight: 500; font-size: 9px; fill: #24343e; } .dec_contenu .texte_ville.rouge { fill: #661313; } .dec_contenu .capitale.blanc, .dec_contenu .nom_region.blanc, .dec_contenu .texte_ville.blanc { fill: white; stroke: white; stroke-width: 2.5px; } .dec_contenu text.etat, .dec_contenu textPath.etat { font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; fill: rgba(0, 0, 0, 0.2); font-size: 22px; letter-spacing: 7px; text-anchor: middle; } .dec_contenu text.etat.petit { font-size: 13px; letter-spacing: 0.3rem; } .dec_contenu text.etat.grand, .dec_contenu textPath.etat.grand { font-size: 4px; letter-spacing: 30px; } .dec_contenu .occupe { stroke: rgba(175, 22, 15, 0.8); stroke-width: 0; fill: #fde1e1; } .dec_contenu .revendique { fill: #f0a4a4; stroke-width: 1px; stroke: #f0a4a4; } .dec_contenu .uaf { fill: #ffff00; } .dec_contenu .nom_region { font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; font-size: 10px; font-style: italic; text-anchor: middle; fill: #661313; } .dec_contenu after meeting donald trump, volodymyr .nom_region.pasitalique { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; font-size: 12px; font-style: initial; font-weight: 600; } .contenant_glissiere { display: flex; flex-wrap: nowrap; align-items: flex-start; } .contenant_glissiere .glissiere { width: calc(100% – 30px); } .contenant_glissiere .glissiere .ticks .tick text.gras { font-weight: 600; } .contenant_glissiere .lecturepause { width: 30px; text-align: center; align-self: flex-start; } .contenant_glissiere .lecturepause svg { cursor: pointer; max-width: 30px; } .contenant_glissiere .lecturepause svg .fond { fill: #2c2d2e; } .contenant_glissiere .lecturepause svg circle { fill: none; stroke: #2c2d2e; stroke-width: 6px; } .contenant_glissiere .lecturepause svg:hover circle { fill: #2c2d2e; } .contenant_glissiere .lecturepause svg:hover .fond { fill: white; } .contenant_glissiere .lecturepause svg .pause { pointer-events: none; visibility: hidden; } .contenant_glissiere .lecturepause svg .lecture { pointer-events: none; } #glissou .ticks .domain { display: none; } #glissou .ticks text { font-family: “Marr Sans”, “Helvetica Neue”, Helvetica, Arial; text-anchor: end; } #glissou svg line.track-color { stroke: #2c2d2e; stroke-width: 8px; } #glissou svg line.track-inset after meeting donald trump, volodymyr { stroke: rgba(0, 0, 0, 0.2); stroke-width: 8px; } #glissou svg line.track-overlay { stroke: transparent; stroke-width: 40px; stroke-opacity: 0; cursor: ew-resize; } #glissou svg .handle { fill: #2c2d2e; stroke: #fff; stroke-width: 3px; cursor: grab !important; } #glissou svg .handle:active { cursor: grabbed; } #glissou svg line.track-overlay, #glissou svg line.track, #glissou svg line.track-inset, #glissou svg line.track-color { stroke-linecap: round; } .tt_date { font-family: “Marr Sans Condensed”, “Helvetica Neue”, Helvetica, Arial; text-transform: uppercase; letter-spacing: 0.065rem; font-size: 1.4rem; font-weight: 600; border-radius: 0; padding: 2rem 1.5rem; position: absolute; z-index: 9999; max-width: 250px; min-width: 115px; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #e2e4e9; background: #fff; color: #131e2b; z-index: 5; top: -60px; text-align: center; /* transition: left 0.01s ease; */ } .tt_date .hr { margin-top: 1rem; border-top: 1px solid #e8eaee; padding-bottom: 1rem; } .tt_date, .arrow:after { background: #fff; border: 1px solid #e2e4e9 !important; } .arrow { width: 70px; height: 16px; overflow: hidden;250 position: absolute; after meeting donald trump, volodymyr left: 50%; margin-left: -35px; bottom: -16px; } .arrow:after { content: “”. position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .carte .date sup, .tt_date .contenu sup { text-transform: lowercase; letter-spacing: initial; } @media screen and (max-width: 600px) { #glissou .ticks text { font-size: 90%; } .contenantlegende { display: block; position: relative; font-size: 13px; margin-left: 10px; margin-bottom: 2px; bottom: initial; left: initial; background-color: transparent; } .label { font-size: 1rem; font-weight: 500; } .contenantlegende .legende { display: inline-block; padding: 2px 4px 2px 2px; } .contenantlegende .legende.cacher { display: none; } .contenant_glissiere, .tt_date, .arrow, .dec_contenu text.etat { display: none; } .dec_contenu textPath.etat.grand { font-size: 3rem; letter-spacing: 1.8rem; } .contenant_glissiere.mobile { display: flex; } .dec_contenu span.desktop { display: none; } .dec_contenu span.mobile { display: inline; } .carte .frontiere.ukr { stroke-width: 1px; } .contenant_glissiere .lecturepause svg circle { stroke-width: 4px; } .contenant_glissiere .lecturepause svg { after meeting donald trump, volodymyr width: 80%; margin-left: 10px; } .contenant_glissiere .glissiere { width: calc(100% – 40px); } .contenant_glissiere .lecturepause { width: 30px; align-self: flex-start; } } [data-color-mode=”dark”] .carte .date { text-shadow: #080f1d 2px 0px 0px, #080f1d 1.75517px 0.958851px 0px, #080f1d 1.0806px 1.68294px 0px, #080f1d 0.141474px 1.99499px 0px, #080f1d -0.832294px 1.81859px 0px, #080f1d -1.60229px 1.19694px 0px, #080f1d -1.97998px 0.28224px 0px, #080f1d -1.87291px -0.701566px 0px, #080f1d -1.30729px -1.5136px 0px, #080f1d -0.421592px -1.95506px 0px, #080f1d 0.567324px -1.91785px 0px, #080f1d 1.41734px -1.41108px 0px, #080f1d 1.92034px -0.558831px 0px; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg .fond { fill: white; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg circle { fill: #181a1e; stroke: white; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg:hover circle { fill: white; } [data-color-mode=”dark”] .contenant_glissiere .lecturepause svg:hover .fond { fill: #181a1e; } [data-color-mode=”dark”] #glissou svg .handle { stroke: #181a1e; fill: #fff; } [data-color-mode=”dark”] #glissou svg line.track-color { stroke: #fff; } [data-color-mode=”dark”] #glissou svg line.track-inset { stroke: rgba(255, 255, 255, 0.2); } [data-color-mode=”dark”] .carte path.etat after meeting donald trump, volodymyr { fill: #080f1d; } [data-color-mode=”dark”] .dec_contenu .capitale.blanc, [data-color-mode=”dark”] .dec_contenu .nom_region.blanc, [data-color-mode=”dark”] .dec_contenu .texte_ville.blanc { fill: none; stroke: rgba(0, 0, 0, 0.2); } [data-color-mode=”dark”] .carte path.etat.ukr { fill: #2a303c; } [data-color-mode=”dark”] .dec_contenu .capitale, [data-color-mode=”dark”] .dec_contenu .nom_region, [data-color-mode=”dark”] .dec_contenu .texte_ville { fill: rgba(255, 255, 255, 0.75); } [data-color-mode=”dark”] .dec_contenu textPath.etat { fill: rgba(255, 255, 255, 0.2); } [data-color-mode=”dark”] .dec_contenu .revendique { fill: #9e3737; stroke: #9e3737; } [data-color-mode=”dark”] .dec_contenu .occupe { fill: #6c2121; } [data-color-mode=”dark”] .carte .fondmer rect { fill: #102b3f; } [data-color-mode=”dark”] .carte .reservoirs { stroke: #a5bed3; fill: #102b3f; stroke-width: 0; } [data-color-mode=”dark”] .carte .riviere { stroke: #102b3f; } [data-color-mode=”dark”] .carte .frontiere { stroke: #696969; } [data-color-mode=”dark”] .carte .oblasts { stroke: rgba(255, 255, 255, 0.03); } [data-color-mode=”dark”] .dec_contenu .carre_ville.rouge { fill: rgba(190, 21, 20, 1); } [data-color-mode=”dark”] .dec_contenu .texte_ville.rouge { fill: #d04a4a; } [data-color-mode=”dark”] .carte .contenantlegende { background-color: rgba(245, 245, 245, 0); } [data-color-mode=”dark”] .carte .occupe { fill: #6c2121; } [data-color-mode=”dark”] .carte after meeting donald trump, volodymyr .revendique { fill: #9e3737; } [data-color-mode=”dark”] .carte .legende span.revendique { background-color: #9e3737; border-width: 0; } [data-color-mode=”dark”] .carte .legende span.terr_occup { background-color: #6c2121; border-width: 0; } [data-color-mode=”dark”] .carte .legende span.incursion_ukr { background: linear-gradient(45deg, rgba(2, 172, 233, 0.6) 1%, rgba(2, 172, 233, 0.1) 1%, rgba(2, 172, 233, 0.1) 49%, rgba(2, 172, 233, 0.6) 49%, rgba(2, 172, 233, 0.6) 51%, rgba(2, 172, 233, 0.1) 51%, rgba(2, 172, 233, 0.1) 99%, rgba(2, 172, 233, 0.6) 99%); background-size: 5px 5px; background-position: 50px 50px; border: 1px solid #a3d4ef; } [data-color-mode=”dark”] .tt_date { border-color: rgba(255, 255, 255, 0.2) !important; border-width: 1px 0 0 0; background: #181a1e !important; color: rgba(255, 255, 255, 0.85) !important; } [data-color-mode=”dark”] .tt_date:after, [data-color-mode=”dark”] .arrow:after { border-color: rgba(255, 255, 255, 0.2) !important; background: #181a1e !important; } [data-color-mode=”dark”] .carte .tick, [data-color-mode=”dark”] .carte .ligne_echelle { stroke: white; opacity: 0.7; } [data-color-mode=”dark”] .label { fill: white; opacity: 0.7; } [data-color-mode=”dark”] .d_explications { background-color: #3f4142; color: rgba(255, 255, after meeting donald trump, volodymyr 255, 0.85); } [data-color-mode=”dark”] .d_explications svg { fill: white; } ]]>
Territory occupied by Russia
Combat zone
Ukrainian foray
City controlled by Ukrainians
City controlled by the Russians
City with disputed status
Read all our articles, analyzes and reports on the war in Ukraine.
Find our previous live on the war in Ukraine.