/* MD2: MYDWOJE_003 Panel 2.0 - legacy bridge (L1 sandbox). Maps BS3-era layout of the old content to the 2.0 container so pages render inside .md2-legacy without their own chrome. F0: minimal; 00315: full mapping (tables, frame7, forms, col-md-*, mobile overflow, legacy media-query typo). ASCII only. */ .md2-legacy .container, .md2-legacy .container-fluid { width: auto !important; max-width: none !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .md2-legacy .row { margin-left: 0; margin-right: 0; } .md2-legacy #div_page_content { padding: 0; margin: 0; } .md2-legacy .page_title h1 { font-family: "Albert Sans", system-ui, Arial, sans-serif; font-weight: 900; color: var(--md2-navy); font-size: 26px; margin: 0 0 16px; } .md2-legacy img { max-width: 100%; } .md2-legacy img:not([src$="piksel.gif"]) { height: auto; } /* 00321 R3 B1: the 1x1 piksel.gif sizers (photo = td background, size = width/height attributes, my/func_pulpit.php pic_mini_res) keep their height attribute - height:auto cropped 93x137 to 93x93 (M08 card, 7 photos on p=53); max-width stays for all (R1-00321 r2 N10) */ .md2-legacy table { max-width: 100%; } /* ---- 00315: full mapping of the legacy (BS3-era) content inside the 2.0 sandbox ---- */ /* BS3 grid inside the sandbox: rows/cols keep their gutters, but never exceed the card */ .md2-legacy [class*="col-"] { max-width: 100%; } .md2-legacy .col-md-12, .md2-legacy .col-sm-12, .md2-legacy .col-xs-12 { padding-left: 0; padding-right: 0; } /* frame7 boxes (ofert/poczta cards): shadow strips are images sized for 1170 px - let them scale */ .md2-legacy .frame7_box, .md2-legacy .frame7_box_tc, .md2-legacy .frame7_box_bc { max-width: 100%; } /* legacy tables/images: the F0 part above caps them at 100 %; on mobile the sandbox scrolls horizontally instead of the page */ /* frame7 card frames: the 2.0 renders the legacy content in full standards mode, where an inline in a 7 px table cell gets descender space (cell grows to ~21 px, frame "unglued" on 71/101 sandbox pages - R3-00315 K1) */ .md2-legacy td > img[alt^="ramka"], .md2-legacy td[height="7"] > img, .md2-legacy td[height="8"] > img { display: block; } /* forms: G7 - fields >= 16 px on mobile (no iOS zoom), targets >= 44 px */ @media (max-width: 767.98px) { .md2-legacy { overflow-x: auto; -webkit-overflow-scrolling: touch; } .md2-legacy input:not([type]), .md2-legacy input[type="text"], .md2-legacy input[type="password"], .md2-legacy input[type="email"], .md2-legacy input[type="number"], .md2-legacy input[type="search"], .md2-legacy select, .md2-legacy textarea { font-size: 16px; min-height: 44px; } .md2-legacy input[type="submit"], .md2-legacy input[type="button"], .md2-legacy button, .md2-legacy .btn { min-height: 44px; } .md2-legacy .menu_user_btn, .md2-legacy [class^="menu_user_btn"], .md2-legacy .btn-primary, .md2-legacy .btn-secondary { display: inline-flex; align-items: center; min-height: 44px; } /* CMS/legacy CTA links (paywall, brak-uslugi) - R3-00315 r3 N2 */ } /* legacy typo `and(max-width` (style_home_res.css:7235) makes that block invalid - the rule restated here for the sandbox */ @media (min-width: 768px) and (max-width: 991px) { .md2-legacy .cat-box .content img { margin: 0 40px; } } /* 00316: legacy sub-headers / rules inside a 2.0 box body (Flirt, Pozdrowienia, Powiadomienia, "Odpisz na listy" lists stay legacy markup in the sandbox; only their headers take the 2.0 sub-header look) */ .md2-pulpit .md2-box__body .pb_content_header { margin: var(--md2-space-2) 0 10px; font-family: var(--md2-font); font-size: 14px; font-weight: 600; color: var(--md2-navy); } .md2-pulpit .md2-box__body .pb_content_hr { height: 0; margin: var(--md2-space-2) 0 0; border-top: 1px dashed var(--md2-line-3); } .md2-pulpit .md2-box__body .div_nav_pb_pozdrowienia, .md2-pulpit .md2-box__body .div_nav_pb_listy { overflow-x: auto; }