:root {
–Fő márka színe-sötétkék: #0B1B4A;
— Brand Emphasis-Gold: #E6B800;
–Háttérszín: #F4F6F9;
–Tiszta fehér háttér: #FFFFFF;
–A fő szöveg színe: #222222;
–Alszöveg színe: #666666;
}
/* ================= 👇 Új globális túlcsordulásgátló kód 👇 ================== */
* {
/* Győződjön meg arról, hogy az elemek kitöltése és szegélye nem növeli a tároló szélességét */
box-sizing: border-box;
/* Mag: Ha szuper hosszú szavakkal (például paraszimpatikus) vagy hosszú hivatkozásokkal találkozik, a kényszerített sortörések soha nem törik szét a külső keretet */
overflow-wrap: break-word;
word-wrap: törőszó;
szótörés: szótörés;
/* ================= 👆 Az új kód vége 👆 ================= */
/* — Alapbeállítások — */
.A céloldal teljes tárolója {
háttérszín: var(–háttérszín);
szín: var(–fő szöveg színe);
margó: 0;
párnázás: 2%;
kijelző: flex;
flexi irány: oszlop;
align-items: center;
szélesség: 100%;
/* Túlcsordulás elleni kettős biztosítás */
overflow-x: rejtett;
}
. Céloldal teljes konténer img {
szélesség: 100%;
magasság: auto;
kijelző: blokk;
margó: 2% auto;
határsugár: 8 képpont;
}
/* — Magtartály: Adaptív kártya — */
.Adaptive Card {
háttérszín: var(–tiszta fehér háttér);
border-radius: 12px;
párnázás: 5%;
box-shadow: 0 4px 15px rgba(11, 27, 74, 0,08);
szélesség: 100%;
margó-alsó: 5%;
kijelző: flex;
flexi irány: oszlop;
align-items: center;
text-align: left;
/* 👇 Új: A kártyán kívüli tartalom kényszerített kivágása */
maximális szélesség: 100%;
túlcsordulás: rejtett;
}
.Tartalomközpontú {
text-align: center;
szélesség: 100%;
kijelző: flex;
flexi irány: oszlop;
align-items: center;
/* 👇 Újonnan hozzáadva: Ha a kémiai képletek hosszú listájával találkozik, vízszintesen csúszhat egy kis tartományon belül, ahelyett, hogy feltörné a nagy keretet */
maximális szélesség: 100%;
túlcsordulás-x: auto;
}
. Függőleges lista {
szélesség: 100%;
padding: 0;
margó: 0;
lista-stílus: nincs;
kijelző: flex;
flexi irány: oszlop;
rés: 3%;
}
. Függőleges listaelemek {
szélesség: 100%;
párnázás: 3%;
háttérszín: var(–háttérszín);
border-left: 3px solid var(–brand emphasis-gold);
határsugár: 4 képpont;
}
.Információs blokk {
szélesség: 100%;
kijelző: flex;
flexi irány: oszlop;
háttérszín: var(–háttérszín);
border-top: 4px solid var(–márka fő színe-sötétkék);
határsugár: 8 képpont;
párnázás: 5%;
margó-alsó: 4%;
/* 👇 Új: A belső kártyák felrobbanásának megakadályozása */
maximális szélesség: 100%;
túlcsordulás: rejtett;
}
/* — GYIK bővítő komponens — */
.expand tároló {
szélesség: 100%;
háttérszín: var(–tiszta fehér háttér);
szegély: 1 képpont tömör rgba(11, 27, 74, 0,1);
határsugár: 8 képpont;
margó-alsó: 3%;
kijelző: flex;
flexi irány: oszlop;
.Contend expand [megnyitás] { border-color: var(–brand emphasis-gold);
.collapse title {
párnázás: 4% 5%;
kurzor: pointer;
font-weight: félkövér;
szín: var(–márka fő színe-sötétkék);
kijelző: flex;
justify-content: space-beween;
align-items: center;
szélesség: 100%;
.összecsukható tartalom {
párnázás: 0 5% 5% 5%;
szín: var(–subtext color);
kijelző: flex;
flexi irány: oszlop;
szélesség: 100%;
}
.Aranykiemelés { color: var(–Márkakiemelés-arany); betűsúly: félkövér;
.Dark blue emphasis { color: var(–márka fő színe-sötétkék); betűsúly: félkövér; }
/* ================= Alap: Lebegő animációs rendszer ================= */
A @keyframes felfelé lebeg {
0% {
átlátszatlanság: 0;
transzformáció: translateY(40px);
100% {
Átlátszatlanság: 1;
transzformáció: translateY(0);
}
. A kiúsztatni kívánt elem { opacitás: 0;
.Execute floating out { animation: floating upward 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) előre;
Teljes nyitóoldal – Acezozla® Exon-Max 60 azonnali erekciós krém
Tapasztalta már valaha ezeket a pillanatokat?
Ez nem a te végzeted – darabonként. mikroműanyaggal telített és olyan orvosi rendszerrel, amely










Értékelések
Még nincsenek értékelések.