/* === uyum (2026-11-03 eski tema temizligi) === #mainTD table.mt-sar { width: 100%; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: var(--golge); color: var(--metin); border-collapse: separate; border-spacing: 0; margin: 0 0 16px; } #mainTD table.mt-sar > tbody > tr > td { padding: 18px 22px; line-height: 1.65; } #mainTD table.mt-sar img { max-width: 100%; height: auto; } #mainTD table.mt-sar-iki > tbody > tr > td.yari { width: 50%; vertical-align: top; } #mainTD .mt-uyari-yazi { color: #c8102e; font-weight: 600; margin: 0 0 10px; } @media (max-width: 760px) { #mainTD table.mt-sar-iki > tbody > tr > td.yari { display: block; width: auto; } } Eski satir ici CSS (css/style.php, top-menu.php, menu.php) ile templates/default/css/fa ve mb-4x-uyum.css kaldirildi. Asagidakiler, olcumle (139 sayfa, kural.py) sayfalarda gercekten bir ogeye uyan eski kurallarin GORSELSIZ, eski renk/yazi tipi icermeyen notr karsiliklari. Eski CSS mt.css'ten once geldigi icin bu blok da en basta: mt.css'in kurallari her zaman ustun. */ body,div,dl,dt,dd,pre,h1,h2,h3,h4,h5,h6,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } body { line-height: 17px; } h1,h2,h3,h4,h5,h6,strong,.bold { font-weight: 700; } h1 { font-size: 1.5em; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } h4 { font-size: .75em; } table { border-collapse: collapse; border-spacing: 0; } img, fieldset { border: 0; vertical-align: middle; } ul, ol { list-style: none; margin-left: 5px; padding-left: 5px; } a { font-weight: 700; color: var(--lacivert, #1e4f8f); text-decoration: none; } a:hover { color: var(--vurgu-mavi, #2f7de1); } hr { border: 0; height: 1px; border-bottom: 1px solid var(--cizgi, #e3e8ef); } input, textarea, select { margin: 2px; padding: 2px 4px; font: inherit; color: inherit; border: 1px solid var(--cizgi, #e3e8ef); border-radius: 4px; background: var(--kart, #fff); } input[type=checkbox], input[type=radio], input[type=image] { border: 0; padding: 0; background: transparent; } textarea { overflow: auto; } #mainData { width: 100%; margin: 0 auto; } table#mainData td#mainTD { vertical-align: top; padding-top: 5px; } #mainData #tablehead { padding-left: 5px; padding-top: 8px; margin-bottom: 5px; font-size: 18px; height: 25px; font-weight: 400; } table#mainData td { padding: 5px; } table#mainData td table td { padding: 2px; font-size: 12px; } table.data { border: 1px solid var(--cizgi, #e3e8ef); background: var(--kart, #fff); } table.data td { padding: 5px; } table#mainData table.data td { border: 0; } .row_0, .row1_0, tr.row1_0 td { background-color: var(--zemin, #f6f8fb); } .row_1, .row1_1, tr.row1_1 td { background-color: var(--kart, #fff); } div#blockDiv { position: absolute; width: 270px; height: 100px; border: 1px solid var(--cizgi, #e3e8ef); border-radius: 12px; background: var(--kart, #fff); box-shadow: 0 10px 30px rgba(15,23,42,.18); text-align: center; z-index: 3000; visibility: hidden; top: -1000px; } div#blockDiv div#blockDivText { font-weight: 700; display: block; padding: 5px; margin: 5px; height: 40%; position: relative; } .checked, .unchecked, .selected, .unselected { padding: 1px; border: 0; clear: both; cursor: pointer; font-weight: 700; } .awform { margin: -10px 0 0; padding: 5px; } form.ccaform { margin: 5px; padding: 5px; } .ccaform fieldset { margin-bottom: 10px; border: 1px solid var(--cizgi, #e3e8ef); } .ccaform fieldset td { padding: 5px 10px 7px; } .boxtitle, td.boxtitle { background: var(--zemin, #f6f8fb); font-weight: 700; } a.boxlink, a.boxlink:visited { color: var(--lacivert, #1e4f8f); } table.totalRecords { border-top: 1px solid var(--cizgi, #e3e8ef); border-bottom: 1px solid var(--cizgi, #e3e8ef); font-weight: 700; background: var(--zemin, #f6f8fb); } table.totalRecords td { padding: 2px; } .disabledInput { background: var(--zemin, #f6f8fb); color: var(--soluk, #5f6b7a); font-weight: 700; } .editunselectedwithtext { border: 1px solid var(--lacivert, #1e4f8f); } .invisible { display: none; } .clear { clear: both; } .block { display: block; } .inline { display: inline; } .ac { text-align: center; } .ar { text-align: right; padding-right: 5px; } .al { text-align: left; } .vlt { vertical-align: top; } .vlm { vertical-align: middle; } .vlb { vertical-align: bottom; } .width-100 { width: 100%; } .width-99 { width: 99%; } .width-98 { width: 98%; } .width-95 { width: 95%; } .width-90 { width: 90%; } .width-85 { width: 85%; } .width-80 { width: 80%; } .width-75 { width: 75%; } .width-70 { width: 70%; } .width-65 { width: 65%; } .width-60 { width: 60%; } .width-55 { width: 55%; } .width-50 { width: 50%; } .width-45 { width: 45%; } .width-40 { width: 40%; } .width-35 { width: 35%; } .width-33 { width: 33%; } .width-30 { width: 30%; } .width-25 { width: 25%; } .width-20 { width: 20%; } .width-15 { width: 15%; } .width-10 { width: 10%; } .width-5 { width: 5%; } .leftcol { float: left; clear: left; width: 50%; } .rightcol { float: left; clear: right; width: 50%; } .red { color: #d7141a; } .green { color: #1f9d55; } .grey { color: #5f6b7a; } .small { font-size: 11px; } .mt-oneri { position: absolute; left: 0; right: 0; top: 100%; z-index: 50; margin: 4px 0 0; padding: 4px; list-style: none; background: var(--kart, #fff); border: 1px solid var(--cizgi, #e3e8ef); border-radius: 10px; box-shadow: 0 10px 24px rgba(15,23,42,.12); } .mt-oneri li { padding: 8px 10px; border-radius: 6px; cursor: pointer; font-size: 14px; } .mt-oneri li:hover { background: var(--zemin, #f6f8fb); } /* === uyum sonu === */ /* Medyabim 2026 temasi (templates/medyabim2026) - G ana sayfa + B paneli, acik/koyu tema. Eski tema (templates/default) dosyalarina dokunulmaz. Butun yeni bilesenler mt- onekli kapsayicilarin altinda. Hareketler yalniz transform / opacity / stroke-dashoffset; blur, backdrop-filter, tam ekran karisim katmani yok. */ /* ---------- renkler ---------- */ :root, [data-tema="acik"] { --lacivert: #1e4f8f; --lacivert-koyu: #163c6e; --lacivert-acik: #eaf1fa; --vurgu-mavi: #2f7de1; --kirmizi: #d7141a; --kirmizi-acik: #fff1f2; --kirmizi-cizgi: #fecdd3; --yesil: #1f9d55; --yesil-acik: #e8f7ef; --turuncu: #ef7d00; --turuncu-acik: #fff4e5; --turuncu-metin: #b45309; --sari: #ffd400; --metin: #1f2933; --soluk: #5f6b7a; --sonuk: #8a95a5; --cizgi: #e3e8ef; --zemin: #f6f8fb; --sayfa: #ffffff; --kart: #ffffff; --girdi: #ffffff; --sekme-zemin: #f6f8fb; --menu-zemin: #ffffff; --golge: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08); --golge-buyuk: 0 14px 34px -10px rgba(16,24,40,.22); --bant-1: #eef5ff; --bant-2: #ffffff; --bant-cizgi: rgba(30,79,143,.10); --ag-cizgi: rgba(47,125,225,.35); --dc-zemin: #0f1b2e; --dc-metin: #e6edf7; --dc-soluk: #9fb0c8; --dc-kart: rgba(255,255,255,.05); --dc-cizgi: rgba(255,255,255,.10); --logo-acik: none; --logo-koyu: inline-block; color-scheme: light; } [data-tema="koyu"] { --lacivert: #7fb0ff; --lacivert-koyu: #a8c8ff; --lacivert-acik: #16253b; --vurgu-mavi: #5aa0ff; --kirmizi: #ff4d55; --kirmizi-acik: #2a1519; --kirmizi-cizgi: #5a2027; --yesil: #34c77b; --yesil-acik: #11291f; --turuncu: #ff9a2e; --turuncu-acik: #2b2010; --turuncu-metin: #ffb45c; --sari: #ffd84d; --metin: #e7edf6; --soluk: #9aa8bc; --sonuk: #7b8aa0; --cizgi: #243246; --zemin: #0e1828; --sayfa: #0b1320; --kart: #121d2f; --girdi: #0e1828; --sekme-zemin: #0f1a2a; --menu-zemin: #0d1626; --golge: 0 1px 0 rgba(255,255,255,.03); --golge-buyuk: 0 18px 40px -12px rgba(0,0,0,.6); --bant-1: #0e1a2d; --bant-2: #0b1320; --bant-cizgi: rgba(127,176,255,.08); --ag-cizgi: rgba(90,160,255,.45); --dc-zemin: #070d18; --dc-kart: rgba(255,255,255,.04); --logo-acik: inline-block; --logo-koyu: none; color-scheme: dark; } /* ---------- temel (eski style.php uzerine) ---------- */ html[data-tema] { -webkit-text-size-adjust: 100%; overflow-x: clip; } html[data-tema] body { background: var(--sayfa) !important; color: var(--metin); font: 14px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif; height: auto; overflow-x: clip; transition: background-color .25s, color .25s; } html[data-tema] a { color: var(--lacivert); } .mt-svg { position: absolute; width: 0; height: 0; overflow: hidden; } .mt-ikon, [class^="mt-"] svg, [class*=" mt-"] svg { width: 18px; height: 18px; flex: none; vertical-align: middle; } :focus-visible { outline: 2px solid var(--vurgu-mavi); outline-offset: 2px; } .mt-kap { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .mt-kap *, .mt-ana *, .mt-panel *, .mt-alt * { box-sizing: border-box; } .logo-koyu { display: var(--logo-koyu) !important; } .logo-acik { display: var(--logo-acik) !important; } .mt-gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .t-gunes { display: none !important; } [data-tema="koyu"] .t-gunes { display: inline-block !important; } [data-tema="koyu"] .t-ay { display: none !important; } /* dugmeler */ .mt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 8px; padding: 9px 16px; font: 600 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; border: 1px solid transparent; cursor: pointer; text-decoration: none !important; white-space: nowrap; transition: transform .12s, background-color .15s, border-color .15s, box-shadow .15s; box-sizing: border-box; } .mt-btn:active { transform: scale(.98); } .mt-btn svg { width: 16px; height: 16px; } .mt-btn-lac, a.mt-btn-lac { background: #1e4f8f; color: #fff !important; } .mt-btn-lac:hover { background: #163c6e; } [data-tema="koyu"] .mt-btn-lac { background: #2f6fd0; } [data-tema="koyu"] .mt-btn-lac:hover { background: #3b7fe6; } .mt-btn-kirmizi, a.mt-btn-kirmizi { background: #d7141a; color: #fff !important; } .mt-btn-kirmizi:hover { background: #b51015; } .mt-btn-yesil, a.mt-btn-yesil { background: #1f9d55; color: #fff !important; } .mt-btn-yesil:hover { background: #188048; } .mt-btn-turuncu, a.mt-btn-turuncu { background: #ef7d00; color: #fff !important; } .mt-btn-turuncu:hover { background: #d66f00; } .mt-btn-cizgi, a.mt-btn-cizgi { background: var(--kart); color: var(--lacivert) !important; border-color: var(--cizgi); } .mt-btn-cizgi:hover { border-color: var(--lacivert); } .mt-btn-gri, a.mt-btn-gri { background: var(--kart); color: var(--metin) !important; border-color: var(--cizgi); } .mt-btn-gri:hover { border-color: var(--lacivert); } .mt-btn-ikon { width: 40px; height: 40px; padding: 0; } .mt-btn-kucuk { font-size: 13px; padding: 6px 12px; } /* ---------- ust bolum ---------- */ .mt-ustbar { font-size: 12.5px; color: var(--soluk); } .mt-ustbar .mt-kap { display: flex; justify-content: space-between; gap: 14px; padding-top: 8px; padding-bottom: 4px; } .mt-ustbar .sol { display: inline-flex; align-items: center; gap: 6px; } .mt-ustbar a { color: var(--soluk); text-decoration: none; } .mt-ustbar a:hover { color: var(--lacivert); text-decoration: underline; } .mt-ustbar .baglantilar { display: flex; gap: 14px; flex-wrap: wrap; } .mt-isik { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #22c55e; animation: mt-nabiz 2.4s infinite; flex: none; } @keyframes mt-nabiz { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.55); } 80%, 100% { box-shadow: 0 0 0 8px rgba(34,197,94,0); } } .mt-baslik .mt-kap { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 10px; padding-bottom: 16px; } .mt-marka { display: flex; align-items: center; gap: 16px; text-decoration: none !important; } .mt-rozet { position: relative; overflow: hidden; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 14px; background: linear-gradient(160deg, #2c6bb8, #163c6e); color: #fff; font-weight: 700; line-height: 1.05; font-size: 11px; text-align: center; flex: none; } .mt-rozet b { font-size: 26px; font-weight: 800; letter-spacing: -1px; } .mt-rozet::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%); transform: translateX(-120%); animation: mt-parilti 6s ease-in-out infinite 1s; } @keyframes mt-parilti { 0%, 70% { transform: translateX(-120%); } 85%, 100% { transform: translateX(120%); } } .mt-marka img { width: 340px; max-width: 100%; height: auto; } .mt-uye { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; } .mt-uye .merhaba { font-size: 13px; color: var(--soluk); text-align: right; line-height: 1.3; } .mt-uye .merhaba b { color: var(--metin); display: block; font-size: 14px; } .mt-uye .rozetcik { display: inline-flex; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #d7141a; color: #fff; font-size: 11px; font-weight: 800; align-items: center; justify-content: center; } .mt-uye select { height: 34px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--girdi); color: var(--metin); font: 13px system-ui, sans-serif; padding: 0 8px; } .mt-mobil-link { font-size: 13px; } /* ana menu: eski mega menu (group1menu.php) korunur, yalniz gorunumu degisir */ .mt-menu { border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); background: var(--menu-zemin); position: sticky; top: 0; z-index: 900; transition: background-color .25s; } .mt-menu > .mt-kap { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .mt-menu .nav, .mt-menu .nav.sticky { position: static !important; float: none; height: auto; background: transparent; z-index: auto; flex: 1; min-width: 0; } .mt-menu #tmenu { width: auto; height: auto; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; display: flex; align-items: stretch; flex-wrap: wrap; } .mt-menu #tmenu > div { float: none !important; width: auto !important; margin: 0 !important; display: flex; align-items: center; } .mt-menu #tmenu a.ana { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 48px; padding: 0 !important; background: none !important; color: var(--lacivert); } .mt-menu #tmenu a.ana::before { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 11.5h3V21h5.5v-6h3v6H19v-9.5h3z'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 11.5h3V21h5.5v-6h3v6H19v-9.5h3z'/%3E%3C/svg%3E") center/contain no-repeat; } .mt-menu #tmenu > li { float: none; position: relative; margin: 0; padding: 0 !important; height: auto; border: 0 !important; border-radius: 0; background: transparent !important; z-index: 2000; } .mt-menu #tmenu > li > a { position: relative; display: block; white-space: nowrap; padding: 14px 13px; font: 600 15px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; color: var(--metin) !important; text-shadow: none !important; background: none !important; } .mt-menu #tmenu > li > a::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--lacivert); transform: scaleX(0); transition: transform .2s ease-out; } .mt-menu #tmenu > li:hover > a, .mt-menu #tmenu > li > a:focus-visible { color: var(--lacivert) !important; text-decoration: none; } .mt-menu #tmenu > li:hover > a::after { transform: scaleX(1); } .mt-menu #tmenu > li > a.drop { padding-right: 13px; } /* acilir paneller */ .mt-menu #tmenu [class^="dropdown_"] { background: var(--kart) !important; border: 1px solid var(--cizgi) !important; border-radius: 0 0 12px 12px !important; box-shadow: var(--golge-buyuk) !important; color: var(--metin); top: 100% !important; margin-top: 0 !important; padding: 12px !important; text-align: left; } .mt-menu #tmenu [class^="dropdown_"] a { color: var(--lacivert) !important; text-shadow: none !important; } .mt-menu #tmenu [class^="dropdown_"] p, .mt-menu #tmenu [class^="dropdown_"] td { color: var(--soluk) !important; font-size: 12.5px; text-align: left; } .mt-menu #tmenu [class^="dropdown_"] hr { border: 0; border-top: 1px solid var(--cizgi); } .mt-menu #tmenu [class^="dropdown_"] .margin5 { border-radius: 8px; padding: 6px 8px; transition: background-color .15s; } .mt-menu #tmenu [class^="dropdown_"] .margin5:hover { background: var(--lacivert-acik); } [data-tema="koyu"] .mt-menu #tmenu [class^="dropdown_"] img { filter: brightness(.85); } .mt-sepet { display: inline-flex; align-items: center; gap: 8px; color: var(--kirmizi) !important; font-weight: 600; font-size: 14px; white-space: nowrap; flex: none; padding-left: 10px; text-decoration: none !important; } .mt-sepet svg { width: 20px; height: 20px; } .mt-sepet .say { min-width: 20px; height: 20px; border-radius: 10px; background: #d7141a; color: #fff; font-size: 11.5px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; padding: 0 6px; } /* sayfa govdesi (eski #wrapper / #content / #doc korunur) */ html[data-tema] div#wrapper.mt-sarmal { width: auto; max-width: 1200px; margin: 0 auto; padding: 18px 20px 0; background: none; font-size: 13.5px; box-sizing: border-box; } html[data-tema] div#wrapper.mt-sarmal.mt-genis { max-width: none; padding: 0; } html[data-tema] .mt-sarmal div#content { width: auto; background: transparent; } html[data-tema] .mt-sarmal table#doc { width: 100%; background: transparent; table-layout: fixed; } html[data-tema] .mt-sarmal table#doc > tbody > tr > td, html[data-tema] .mt-sarmal table#doc > tr > td { padding: 0; } #blockDiv { z-index: 3000; } /* ---------- alt bilgi ---------- */ .mt-alt { contain: inline-size; margin-top: 48px; background: var(--zemin); border-top: 1px solid var(--cizgi); font-size: 13.5px; color: var(--metin); transition: background-color .25s; } .mt-alt .sosyal { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 18px; color: var(--soluk); font-size: 13px; flex-wrap: wrap; } .mt-alt .sosyal a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi); background: var(--kart); color: var(--lacivert); margin-left: 6px; } .mt-alt .sutunlar { display: grid; grid-template-columns: repeat(5, 1fr) 1.15fr; gap: 20px; padding-top: 22px; padding-bottom: 24px; } .mt-alt h4 { margin: 0 0 10px; font-size: 14px; color: var(--lacivert); font-weight: 700; } .mt-alt ul { list-style: none; margin: 0; padding: 0; } .mt-alt li { margin: 6px 0; } .mt-alt li a { color: var(--soluk); text-decoration: none; font-weight: 400; } .mt-alt li a:hover { color: var(--lacivert); text-decoration: underline; } .mt-alt li a.vurgu { color: #102a4c; font-weight: 700; background: #fff3a6; padding: 1px 4px; border-radius: 4px; } .mt-alt .guven { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .mt-alt .guven .resimler { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; } .mt-alt .guven img { border-radius: 6px; background: #fff; padding: 2px; } .mt-alt .ip { font-size: 12.5px; color: var(--soluk); } .mt-alt .ip b { color: var(--metin); } .mt-logolar { contain: inline-size; border-top: 1px solid var(--cizgi); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); } .mt-logolar .akan { display: flex; gap: 14px; width: max-content; padding: 14px 0; animation: mt-kay 40s linear infinite; } .mt-logolar:hover .akan, .mt-duraklat .akan { animation-play-state: paused; } @keyframes mt-kay { to { transform: translateX(-50%); } } .mt-urun { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px 8px 8px; border-radius: 10px; background: var(--kart); border: 1px solid var(--cizgi); font-weight: 700; font-size: 13.5px; white-space: nowrap; color: var(--metin); } a.mt-urun { text-decoration: none !important; color: var(--metin) !important; } a.mt-urun:hover { border-color: var(--lacivert); } .mt-urun i { width: 28px; height: 28px; border-radius: 7px; display: grid; place-items: center; font: 800 11.5px/1 system-ui, sans-serif; color: #fff; font-style: normal; } .mt-telif { border-top: 1px solid var(--cizgi); } .mt-telif .mt-kap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-top: 14px; padding-bottom: 18px; color: var(--soluk); font-size: 12.5px; } .mt-telif a { color: var(--soluk); font-weight: 400; } .mt-destek-dugme { position: fixed; right: 18px; bottom: 18px; z-index: 950; background: #1e4f8f; color: #fff !important; padding: 12px 18px; border-radius: 999px; font-weight: 700; box-shadow: var(--golge-buyuk); display: inline-flex; gap: 8px; align-items: center; text-decoration: none !important; } .mt-destek-dugme svg { width: 18px; height: 18px; } .mt-destek-dugme::before { content: ""; position: absolute; inset: 0; border-radius: inherit; border: 2px solid #2f7de1; animation: mt-halka 2.8s ease-out infinite; } @keyframes mt-halka { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.25); opacity: 0; } } .mt-yukari { color: var(--soluk) !important; } /* ---------- ortak kart / sekme / baslik ---------- */ .mt-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: var(--golge); color: var(--metin); } .mt-bolum-baslik { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 14px; } .mt-bolum-baslik h2 { margin: 0; font-size: 19px; font-weight: 700; color: var(--lacivert); padding-left: 12px; border-left: 4px solid var(--kirmizi); letter-spacing: .2px; line-height: 1.25; } .mt-sekmeler { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--cizgi); margin: 0; padding: 0; } .mt-sekmeler a, .mt-sekmeler button { padding: 9px 14px; font: 600 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; color: var(--soluk); border-radius: 8px 8px 0 0; border: 1px solid transparent; border-bottom: 0; margin-bottom: -1px; background: none; cursor: pointer; text-decoration: none !important; white-space: nowrap; } .mt-sekmeler a:hover, .mt-sekmeler button:hover { color: var(--lacivert); } .mt-sekmeler button[aria-selected="true"] { color: var(--lacivert); background: var(--kart); border-color: var(--cizgi); } /* ---------- ana sayfa (index1.php) ---------- */ .mt-tam { width: 100vw; margin-left: calc(50% - 50vw); } .mt-ana { font-size: 14.5px; } .mt-ana h2, .mt-ana h3, .mt-ana p { font-weight: inherit; } .mt-bant { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--bant-1), var(--bant-2)); padding: 22px 0 6px; margin-top: -18px; } .mt-bant::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(var(--bant-cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--bant-cizgi) 1px, transparent 1px); background-size: 36px 36px; -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent); mask-image: linear-gradient(180deg, #000 30%, transparent); pointer-events: none; } .mt-ag { position: absolute; inset: 0; width: 100% !important; height: 100% !important; pointer-events: none; } .mt-ag path { fill: none; stroke: var(--ag-cizgi); stroke-width: 1.5; stroke-dasharray: 4 14; animation: mt-akis 3s linear infinite; } .mt-ag path:nth-child(2) { animation-duration: 4.2s; } .mt-ag path:nth-child(3) { animation-duration: 5s; animation-direction: reverse; } .mt-ag circle { fill: var(--vurgu-mavi); opacity: .55; } @keyframes mt-akis { to { stroke-dashoffset: -72; } } .mt-duraklat .mt-ag path, .mt-duraklat .mt-rozet::after { animation-play-state: paused; } .mt-bant > .mt-kap { position: relative; } .mt-ust-izgara { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 20px; } .mt-sorgu { overflow: hidden; } .mt-sorgu .mt-sekmeler { background: var(--sekme-zemin); padding: 10px 12px 0; } .mt-sorgu .ic { padding: 16px; } .mt-sorgu .panel[hidden] { display: none; } .mt-arama { display: flex; border: 2px solid #1e4f8f; border-radius: 10px; overflow: hidden; background: var(--girdi); transition: box-shadow .2s; } [data-tema="koyu"] .mt-arama { border-color: #2f6fd0; } .mt-arama:focus-within { box-shadow: 0 0 0 4px rgba(47,125,225,.18); } .mt-arama .on { display: flex; align-items: center; padding: 0 12px; color: var(--soluk); font-weight: 600; background: var(--sekme-zemin); border-right: 1px solid var(--cizgi); } .mt-arama input[type="text"] { flex: 1; border: 0; padding: 13px 14px; font: 16px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; outline: none; min-width: 0; background: transparent; color: var(--metin); height: auto; margin: 0; } .mt-arama select { border: 0; border-left: 1px solid var(--cizgi); background: var(--sekme-zemin); color: var(--metin); font: 600 15px system-ui, sans-serif; padding: 0 10px; } .mt-arama button { border: 0; background: #d7141a; color: #fff; font: 700 15px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; padding: 0 22px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; } .mt-arama button:hover { background: #b51015; } .mt-arama button svg { width: 18px; height: 18px; } .mt-uzantilar { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; margin-top: 14px; font-size: 13.5px; } .mt-uzantilar label { display: flex; align-items: center; gap: 6px; padding: 4px 6px; border-radius: 6px; cursor: pointer; transition: background-color .12s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--metin); } .mt-uzantilar label:hover { background: var(--lacivert-acik); } .mt-uzantilar input { accent-color: #1e4f8f; width: 15px; height: 15px; margin: 0; flex: none; } .mt-tumu { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--soluk); } .mt-tumu b { color: var(--metin); } .mt-sorgu .bilgi { color: var(--soluk); font-size: 13.5px; margin: 12px 0 0; line-height: 1.55; } .mt-sorgu .bilgi b { color: var(--metin); } .mt-sorgu .baslikcik { font-weight: 800; font-size: 18px; color: var(--lacivert); margin: 0 0 6px; } /* kayan afis */ .mt-slayt { overflow: hidden; display: flex; flex-direction: column; position: relative; } .mt-slayt .pencere { flex: 1; overflow: hidden; position: relative; min-height: 250px; } .mt-slayt .ray { display: flex; height: 100%; transition: transform .6s cubic-bezier(.2,.8,.2,1); } .mt-slayt .kare { flex: 0 0 100%; position: relative; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 8px; padding: 22px; overflow: hidden; } .mt-slayt .kare h3 { margin: 0 0 6px; font-size: 24px; line-height: 1.15; letter-spacing: -.02em; font-weight: 800; } .mt-slayt .kare p { margin: 0 0 12px; font-size: 13.5px; } .mt-slayt .kare .fiyat { font-size: 30px; font-weight: 800; letter-spacing: -.02em; line-height: 1; margin-bottom: 12px; } .mt-slayt .kare .fiyat small { font-size: 12px; font-weight: 600; opacity: .8; } .mt-slayt .k1 { background: linear-gradient(135deg, #ffe45c, #ffc400); color: #102a4c; } .mt-slayt .k2 { background: linear-gradient(135deg, #0f2747, #1e4f8f); color: #fff; } .mt-slayt .k3 { background: linear-gradient(135deg, #e6f7ef, #c8efdc); color: #0f3d2a; } .mt-slayt .k4 { background: linear-gradient(135deg, #fde2e3, #f9c3c6); color: #5a0a0d; } .mt-slayt .k5 { background: linear-gradient(135deg, #e8eefc, #c9d8f7); color: #102a4c; } [data-tema="koyu"] .mt-slayt .k3 { background: linear-gradient(135deg, #0f3326, #155a3d); color: #e6fff3; } [data-tema="koyu"] .mt-slayt .k4 { background: linear-gradient(135deg, #3a1316, #5c1a1f); color: #ffe8ea; } [data-tema="koyu"] .mt-slayt .k5 { background: linear-gradient(135deg, #142846, #1e3d6c); color: #e6edf7; } .mt-slayt .gorsel { position: relative; height: 100%; display: grid; place-items: center; } .mt-slayt .gorsel img { max-height: 210px; width: auto; animation: mt-suz 6s ease-in-out infinite; } @keyframes mt-suz { 50% { transform: translateY(-8px); } } .mt-slayt .tr-buyuk { font: 900 92px/1 system-ui, sans-serif; letter-spacing: -.05em; color: #102a4c; transform: rotate(-6deg); text-shadow: 6px 6px 0 rgba(215,20,26,.9); animation: mt-suz 5s ease-in-out infinite; } .mt-slayt .buyuk-yazi { font: 900 64px/1 system-ui, sans-serif; letter-spacing: -.04em; animation: mt-suz 5s ease-in-out infinite; } .mt-slayt .posta { position: relative; width: 150px; height: 110px; } .mt-slayt .posta span { position: absolute; width: 120px; height: 80px; border-radius: 10px; background: #fff; box-shadow: 0 10px 24px -8px rgba(15,61,42,.45); } .mt-slayt .posta span::before { content: ""; position: absolute; inset: 0; background: linear-gradient(150deg, transparent 49%, #1f9d55 50%, transparent 52%), linear-gradient(30deg, transparent 49%, #1f9d55 50%, transparent 52%); background-size: 100% 60%; background-repeat: no-repeat; opacity: .7; } .mt-slayt .posta span:nth-child(1) { left: 0; top: 24px; animation: mt-suz 5s ease-in-out infinite; } .mt-slayt .posta span:nth-child(2) { left: 20px; top: 12px; animation: mt-suz 5s ease-in-out infinite .6s; opacity: .9; } .mt-slayt .posta span:nth-child(3) { left: 40px; top: 0; animation: mt-suz 5s ease-in-out infinite 1.2s; opacity: .8; } .mt-slayt .noktalar { display: flex; justify-content: center; gap: 6px; padding: 10px; border-top: 1px solid var(--cizgi); } .mt-slayt .noktalar button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 5px; background: #cfd8e3; cursor: pointer; transition: width .3s, background-color .3s; } [data-tema="koyu"] .mt-slayt .noktalar button { background: #33445e; } .mt-slayt .noktalar button[aria-current="true"] { background: #d7141a; width: 24px; } .mt-slayt .ok { position: absolute; top: calc(50% - 17px); width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.85); color: #102a4c; display: grid; place-items: center; cursor: pointer; opacity: 0; transition: opacity .2s; z-index: 2; padding: 0; } .mt-slayt:hover .ok, .mt-slayt .ok:focus-visible { opacity: 1; } .mt-slayt .ok.sol { left: 8px; } .mt-slayt .ok.sag { right: 8px; } /* paketler */ .mt-orta-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; } .mt-paket-sekmeler { margin-top: 0; } .mt-paket-panel[hidden] { display: none !important; } .mt-paketler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; } .mt-paket { display: flex; flex-direction: column; overflow: hidden; position: relative; transition: box-shadow .2s, transform .2s; } .mt-paket:hover { box-shadow: var(--golge-buyuk); transform: translateY(-4px); } .mt-paket .bas { position: relative; overflow: hidden; background: linear-gradient(135deg, #1e4f8f, #2a68b5); color: #fff; padding: 12px 14px; display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; } .mt-paket .bas::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 40%, rgba(255,255,255,.22) 50%, transparent 60%); transform: translateX(-120%); transition: transform .7s ease; } .mt-paket:hover .bas::after { transform: translateX(120%); } .mt-paket.vurgu .bas { background: linear-gradient(135deg, #ef7d00, #ff9d2e); } .mt-paket.yesil .bas { background: linear-gradient(135deg, #15803d, #22a35a); } .mt-paket.koyu .bas { background: linear-gradient(135deg, #0f2747, #1e3d6c); } .mt-paket .serit-etiket { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #d7141a; color: #fff; font-size: 10px; font-weight: 800; padding: 2px 12px 3px; border-radius: 0 0 8px 8px; letter-spacing: .06em; z-index: 1; } .mt-paket .ad { font-weight: 800; font-size: 15px; line-height: 1.15; text-transform: uppercase; min-width: 0; overflow-wrap: anywhere; } .mt-paket .ad small { display: block; font-weight: 600; font-size: 11px; opacity: .85; } .mt-paket .fiyat { font-weight: 800; font-size: 24px; letter-spacing: -.5px; white-space: nowrap; line-height: 1.1; } .mt-paket .fiyat small { font-size: 11px; font-weight: 600; } .mt-paket ul { list-style: none; margin: 0; padding: 10px 14px; flex: 1; font-size: 13.5px; } .mt-paket li { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px dashed var(--cizgi); margin: 0; } .mt-paket li:last-child { border-bottom: 0; } .mt-paket li svg { width: 15px; height: 15px; color: var(--yesil); } .mt-paket .donem { padding: 0 14px 10px; font-size: 13.5px; } .mt-paket .donem label { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--metin); } .mt-paket .donem small { color: var(--soluk); display: block; margin: 2px 0 0 23px; } .mt-paket .alt { display: flex; justify-content: space-between; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--cizgi); background: var(--zemin); } .mt-not { color: var(--kirmizi); font-size: 13px; font-weight: 600; text-align: right; margin-top: 10px; } .mt-yan-sutun { display: flex; flex-direction: column; gap: 16px; margin-top: 30px; } .mt-yan-sutun .mt-kart { overflow: hidden; } .mt-yan-sutun h3 { margin: 0; padding: 12px 14px; font-size: 15px; font-weight: 700; color: var(--lacivert); border-bottom: 1px solid var(--cizgi); } .mt-yan-sutun .ic { padding: 14px; font-size: 13.5px; } .mt-yan-sutun .satir { display: flex; gap: 6px; margin: 0 0 8px; } .mt-yan-sutun .satir input[type="text"], .mt-yan-sutun .satir select { border: 1px solid var(--cizgi); border-radius: 8px; padding: 8px 10px; font: inherit; min-width: 0; background: var(--girdi); color: var(--metin); height: auto; } .mt-yan-sutun .satir input[type="text"] { flex: 1; } .mt-promo { position: relative; overflow: hidden; display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 10px; border: 1px solid rgba(215,20,26,.22); background: linear-gradient(135deg, var(--kart) 0, rgba(215,20,26,.06) 100%); color: var(--metin) !important; text-decoration: none !important; transition: transform .2s, box-shadow .2s; } .mt-promo:hover { transform: translateY(-2px); box-shadow: var(--golge-buyuk); } .mt-promo.mavi { border-color: rgba(47,125,225,.3); background: linear-gradient(135deg, var(--kart) 0, rgba(47,125,225,.08) 100%); } .mt-promo .tutar { white-space: nowrap; flex: none; font-size: 28px; font-weight: 800; color: var(--kirmizi); letter-spacing: -1px; line-height: 1; } .mt-promo.mavi .tutar { color: var(--lacivert); } .mt-promo .tutar small { display: block; font-size: 11px; color: var(--soluk); font-weight: 600; letter-spacing: 0; margin-top: 4px; } .mt-promo .yazi { font-weight: 700; line-height: 1.3; } .mt-promo .yazi small { display: block; color: var(--soluk); font-weight: 500; font-size: 12px; } .mt-liste-onay { list-style: none; padding: 0; margin: 0; } .mt-liste-onay li { display: flex; gap: 8px; margin: 6px 0; } .mt-liste-onay svg { width: 16px; height: 16px; color: var(--kirmizi); margin-top: 2px; } /* sunucu vitrini */ .mt-dc-vitrin { position: relative; overflow: hidden; margin-top: 40px; background: radial-gradient(1200px 400px at 75% 20%, rgba(47,125,225,.25), transparent 60%), var(--dc-zemin); color: var(--dc-metin); } .mt-dc-vitrin::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 44px 44px; pointer-events: none; } .mt-dc-vitrin .mt-kap { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 32px; align-items: center; padding-top: 48px; padding-bottom: 48px; } .mt-dc-vitrin .ust-yazi { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: .08em; color: #7fb0ff; text-transform: uppercase; } .mt-dc-vitrin h2 { margin: 8px 0 10px; font-size: 32px; line-height: 1.15; letter-spacing: -.02em; color: #fff; font-weight: 800; } .mt-dc-vitrin h2 em { font-style: normal; color: #ffd400; } .mt-dc-vitrin p.alt { margin: 0 0 22px; color: var(--dc-soluk); max-width: 56ch; } .mt-dc-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .mt-dc-kart { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; padding: 14px; border-radius: 12px; background: var(--dc-kart); border: 1px solid var(--dc-cizgi); color: inherit !important; text-decoration: none !important; transition: transform .2s, border-color .2s, background-color .2s; } .mt-dc-kart:hover { transform: translateY(-3px); border-color: rgba(127,176,255,.5); background: rgba(255,255,255,.08); } .mt-dc-kart .ikon { grid-row: span 3; width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; } .mt-dc-kart .ikon svg { width: 22px; height: 22px; } .mt-dc-kart.turuncu .ikon { background: linear-gradient(135deg, #ff9d2e, #ef7d00); } .mt-dc-kart.yesil .ikon { background: linear-gradient(135deg, #34c77b, #1f9d55); } .mt-dc-kart.mor .ikon { background: linear-gradient(135deg, #a78bfa, #7c3aed); } .mt-dc-kart b { color: #fff; font-size: 15px; } .mt-dc-kart span { color: var(--dc-soluk); font-size: 13px; } .mt-dc-kart .f { color: #ffd400; font-weight: 800; font-size: 15px; } .mt-dc-kart .f small { color: var(--dc-soluk); font-weight: 600; font-size: 11.5px; } .mt-dc-vitrin .kabin { position: relative; } .mt-dc-vitrin .kabin img { display: block; width: 100%; height: auto; animation: mt-suz 7s ease-in-out infinite; } .mt-dc-vitrin .kabin .cip { position: absolute; display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 10px; background: rgba(15,27,46,.9); border: 1px solid rgba(127,176,255,.35); color: #e6edf7; font-size: 12.5px; font-weight: 700; box-shadow: 0 10px 24px -10px rgba(0,0,0,.6); animation: mt-suz 5s ease-in-out infinite; } .mt-dc-vitrin .kabin .cip svg { width: 15px; height: 15px; color: #34d399; } .mt-dc-vitrin .kabin .c1 { top: 12%; left: -6%; } .mt-dc-vitrin .kabin .c2 { top: 46%; right: -4%; animation-delay: 1s; } .mt-dc-vitrin .kabin .c3 { bottom: 12%; left: 2%; animation-delay: 2s; } .mt-dc-sayilar { display: flex; gap: 28px; margin-top: 24px; flex-wrap: wrap; } .mt-dc-sayilar div { display: grid; } .mt-dc-sayilar b { font-size: 30px; font-weight: 800; color: #fff; letter-spacing: -.02em; line-height: 1.1; } .mt-dc-sayilar span { font-size: 12.5px; color: var(--dc-soluk); } .mt-duraklat img, .mt-duraklat .cip { animation-play-state: paused !important; } .mt-dc-satir { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .mt-dc-satir .mt-kart { padding: 18px; display: flex; flex-direction: column; gap: 10px; transition: transform .2s, box-shadow .2s; } .mt-dc-satir .mt-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); } .mt-dc-satir h3 { margin: 0; font-size: 16px; font-weight: 700; display: flex; align-items: center; gap: 8px; color: var(--metin); } .mt-dc-satir h3 svg { color: var(--lacivert); width: 20px; height: 20px; } .mt-dc-satir .fiyat { font-size: 26px; font-weight: 800; color: var(--lacivert); letter-spacing: -.5px; } .mt-dc-satir .fiyat small { font-size: 12px; font-weight: 600; color: var(--soluk); } .mt-dc-satir .ozellik { color: var(--soluk); font-size: 13.5px; flex: 1; } .mt-dc-satir .mt-btn { align-self: flex-start; } /* kaydirinca belirme */ .mt-js .mt-belir { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; } .mt-js .mt-belir.gorundu { opacity: 1; transform: none; } .mt-js .mt-belir.aninda { transition: none; } .mt-belir.g2 { transition-delay: .08s; } .mt-belir.g3 { transition-delay: .16s; } .mt-belir.g4 { transition-delay: .24s; } .mt-belir.g5 { transition-delay: .32s; } .mt-belir.g6 { transition-delay: .4s; } /* FancyForm (eski moocheck.js): gercek kutu ekran disina itilir, ust etikete checked/unchecked/selected/unselected sinifi verilir */ .mt-ana label.checked, .mt-ana label.unchecked, .mt-ana label.selected, .mt-ana label.unselected, .mt-panel label.checked, .mt-panel label.unchecked { background-image: none !important; padding: 4px 6px !important; font-weight: inherit; clear: none; position: relative; } .mt-ana .mt-uzantilar label.checked::before, .mt-ana .mt-uzantilar label.unchecked::before { content: ""; width: 15px; height: 15px; flex: none; border-radius: 4px; border: 1.5px solid var(--sonuk); background: var(--girdi) center/11px no-repeat; box-sizing: border-box; transition: background-color .12s, border-color .12s; } .mt-ana .mt-uzantilar label.checked::before { background-color: #1e4f8f; border-color: #1e4f8f; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E"); } [data-tema="koyu"] .mt-ana .mt-uzantilar label.checked::before { background-color: #2f6fd0; border-color: #2f6fd0; } .mt-ana .mt-paket .donem label.selected, .mt-ana .mt-paket .donem label.unselected { padding: 2px 0 !important; } .mt-ana .mt-paket .donem label.selected::before, .mt-ana .mt-paket .donem label.unselected::before { content: ""; width: 15px; height: 15px; flex: none; border-radius: 50%; border: 1.5px solid var(--sonuk); box-sizing: border-box; background: var(--girdi); } .mt-ana .mt-paket .donem label.selected::before { border: 5px solid #1e4f8f; } .mt-ana label > input[style*="-9999px"] { position: absolute !important; } .mt-dc-sayilar b [data-mt-say] { font-size: inherit !important; color: inherit !important; } /* ---------- uye paneli (welcome) - B paneli yerlesimi ---------- */ .mt-panel { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; align-items: start; font-size: 14px; } .mt-panel-yan { position: sticky; top: 64px; } .mt-panel-ust { display: flex; align-items: center; gap: 12px; padding: 12px 16px; margin-bottom: 0; border-radius: 10px 10px 0 0; border-bottom: 0; } .mt-panel-ara { flex: 1; max-width: 520px; display: flex; align-items: center; gap: 8px; border: 2px solid var(--cizgi); border-radius: 10px; padding: 0 0 0 12px; background: var(--girdi); transition: border-color .15s, box-shadow .2s; margin: 0; overflow: hidden; } .mt-panel-ara:focus-within { border-color: #1e4f8f; box-shadow: 0 0 0 4px rgba(47,125,225,.18); } .mt-panel-ara svg { color: var(--soluk); } .mt-panel-ara input[type="text"] { border: 0; background: transparent; color: var(--metin); padding: 10px 0; font: inherit; font-size: 14.5px; outline: none; flex: 1; min-width: 0; height: auto; margin: 0; } .mt-panel-ara button { border: 0; border-left: 1px solid var(--cizgi); background: var(--sekme-zemin); color: var(--lacivert); font: 600 13.5px system-ui, sans-serif; padding: 0 14px; align-self: stretch; cursor: pointer; } .mt-panel-ust .durum-isik { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--soluk); white-space: nowrap; } .mt-panel-kisi { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 14px; } .mt-panel-kisi .bas-harf { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(160deg, #2c6bb8, #163c6e); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; box-shadow: 0 0 0 2px var(--kart), 0 0 0 4px var(--kirmizi); flex: none; } .mt-panel-kisi small { display: block; color: var(--soluk); font-size: 12px; } .mt-panel-bant { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--bant-1), var(--bant-2)); border: 1px solid var(--cizgi); border-radius: 0 0 10px 10px; margin-bottom: 20px; } .mt-panel-bant::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(var(--bant-cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--bant-cizgi) 1px, transparent 1px); background-size: 36px 36px; -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent); mask-image: linear-gradient(180deg, #000 30%, transparent); pointer-events: none; } .mt-panel-bant .ic { position: relative; padding: 22px 22px 20px; } .mt-panel-bant h1 { font-size: 26px; margin: 0 0 4px; letter-spacing: -.01em; font-weight: 800; color: var(--metin); } .mt-panel-bant p { color: var(--soluk); margin: 0; font-size: 14.5px; } .mt-panel-uyari { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 10px; background: var(--kart); border: 1px solid var(--kirmizi-cizgi); border-left: 4px solid var(--kirmizi); box-shadow: var(--golge); margin-bottom: 16px; } .mt-panel-uyari.turuncu { border-color: rgba(239,125,0,.35); border-left-color: var(--turuncu); } .mt-panel-uyari .daire { width: 38px; height: 38px; border-radius: 10px; background: var(--kirmizi-acik); color: var(--kirmizi); display: flex; align-items: center; justify-content: center; flex: none; } .mt-panel-uyari.turuncu .daire { background: var(--turuncu-acik); color: var(--turuncu); } .mt-panel-uyari .daire svg { width: 20px; height: 20px; animation: mt-salla 4s ease-in-out infinite 2s; } @keyframes mt-salla { 0%, 86%, 100% { transform: rotate(0); } 89% { transform: rotate(-12deg); } 92% { transform: rotate(10deg); } 95% { transform: rotate(-6deg); } } .mt-panel-uyari b { display: block; color: var(--metin); } .mt-panel-uyari span { color: var(--soluk); font-size: 14px; } .mt-panel-uyari .mt-btn { margin-left: auto; } .mt-panel-mesaj { margin-bottom: 16px; } .mt-panel-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; } .mt-panel-kart { position: relative; overflow: hidden; padding: 18px; display: block; color: var(--metin) !important; text-decoration: none !important; transition: transform .18s, box-shadow .18s, border-color .18s; --renk: #1e4f8f; } .mt-panel-kart::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--renk); } .mt-panel-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); border-color: var(--renk); } .mt-panel-kart .ust { display: flex; justify-content: space-between; align-items: center; color: var(--soluk); font-weight: 650; font-size: 14px; } .mt-panel-kart .daire { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--lacivert-acik); color: var(--renk); } .mt-panel-kart .deger { font-size: 32px; font-weight: 800; letter-spacing: -.02em; margin: 8px 0 2px; line-height: 1.15; } .mt-panel-kart .ek { font-size: 13px; color: var(--soluk); } .mt-panel-kart .ek.kirmizi { color: var(--kirmizi); font-weight: 650; } .mt-panel-kart.k-alan { --renk: #2f7de1; } .mt-panel-kart.k-host { --renk: #1f9d55; } .mt-panel-kart.k-fatura { --renk: #d7141a; } .mt-panel-kart.k-destek { --renk: #ef7d00; } [data-tema="koyu"] .mt-panel-kart.k-alan { --renk: #5aa0ff; } [data-tema="koyu"] .mt-panel-kart.k-host { --renk: #34c77b; } [data-tema="koyu"] .mt-panel-kart.k-fatura { --renk: #ff4d55; } [data-tema="koyu"] .mt-panel-kart.k-destek { --renk: #ff9a2e; } .mt-panel-izgara { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 20px; } .mt-panel-kutu { overflow: hidden; margin-bottom: 20px; } .mt-panel-kutu .bas { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); } .mt-panel-kutu .bas h2 { margin: 0; font-size: 16.5px; font-weight: 700; color: var(--lacivert); padding-left: 10px; border-left: 4px solid var(--kirmizi); line-height: 1.2; } .mt-panel-kutu .bas a { font-size: 14px; font-weight: 650; } .mt-panel-kutu .kaydir { overflow-x: auto; } .mt-tablo { width: 100%; border-collapse: collapse; font-size: 14px; } .mt-tablo th { text-align: left; font-weight: 650; color: var(--soluk); font-size: 13px; padding: 10px 18px !important; background: var(--zemin); } .mt-tablo td { padding: 12px 18px !important; border-top: 1px solid var(--cizgi); vertical-align: middle; color: var(--metin); font-size: 14px !important; } .mt-tablo tr:hover td { background: var(--lacivert-acik); } .mt-tablo td b { font-weight: 650; } .mt-tablo .sag { text-align: right; } .mt-tablo .bos { text-align: center; color: var(--soluk); padding: 22px !important; } .mt-durum { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 650; padding: 3px 10px; border-radius: 999px; white-space: nowrap; } .mt-durum::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .mt-durum.aktif { background: var(--yesil-acik); color: var(--yesil); } .mt-durum.aktif::before { animation: mt-nabiz 2.4s infinite; } .mt-durum.yakin { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-durum.bitti { background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-durum.bekliyor { background: var(--lacivert-acik); color: var(--lacivert); } .mt-kalan { display: block; height: 4px; margin-top: 6px; width: 110px; border-radius: 4px; background: var(--cizgi); overflow: hidden; } .mt-kalan i { display: block; height: 100%; border-radius: 4px; background: var(--yesil); transform-origin: left; } .mt-kalan.yakin i { background: var(--turuncu); } .mt-kalan.bitti i { background: var(--kirmizi); } .mt-hizli { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px 18px; } .mt-hizli a { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 10px; color: var(--metin) !important; font-weight: 650; font-size: 14px; text-decoration: none !important; transition: transform .15s, border-color .15s, box-shadow .15s; } .mt-hizli a:hover { border-color: var(--lacivert); transform: translateY(-2px); box-shadow: var(--golge-buyuk); } .mt-hizli .daire { width: 34px; height: 34px; border-radius: 9px; background: var(--lacivert-acik); color: var(--lacivert); display: flex; align-items: center; justify-content: center; flex: none; transition: background-color .15s, color .15s; } .mt-hizli a:hover .daire { background: #1e4f8f; color: #fff; } .mt-akis { list-style: none; margin: 0; padding: 8px 18px 14px; } .mt-akis li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-size: 14px; margin: 0; color: var(--metin); } .mt-akis li:last-child { border-bottom: 0; } .mt-akis .nokta { width: 10px; height: 10px; border-radius: 50%; background: var(--vurgu-mavi); margin-top: 6px; flex: none; box-shadow: 0 0 0 3px var(--lacivert-acik); } .mt-akis .nokta.yesil { background: var(--yesil); } .mt-akis .nokta.kirmizi { background: var(--kirmizi); } .mt-akis small { display: block; color: var(--soluk); font-size: 12.5px; } .mt-akis .tutar { margin-left: auto; font-weight: 700; white-space: nowrap; color: var(--metin); } .mt-akis .tutar.arti { color: var(--yesil); } .mt-akis a { color: inherit; } .mt-panel-alt-not { text-align: center; color: var(--soluk); font-size: 13px; padding: 0 0 14px; } /* ---------- sol uye menusu (usermenu.php: Spry paneller) - B panelinin yan menusu gibi ---------- */ #uvmenu, .mt-yan-menu { font-size: 14px; } html[data-tema] #uvmenu { float: none !important; width: auto !important; background: transparent !important; font-family: inherit !important; margin: 0; padding: 0; } html[data-tema] #uvmenu .pacStyle { width: auto !important; height: auto !important; margin: 0 !important; display: inline !important; } html[data-tema] #uvmenu input, html[data-tema] #uvmenu select { max-width: 100%; } .mt-yan-menu form, #uvmenu form { padding: 4px 10px; } .mt-yan-menu { padding: 14px 12px; } .mt-yan-menu > .CollapsiblePanelTab:first-child { display: none; } #uvmenu .CollapsiblePanel { border: 0 !important; margin: 0 0 6px; background: none !important; } #uvmenu .CollapsiblePanelTab { background: none !important; border: 0 !important; font: 800 11.5px/1.2 system-ui, sans-serif !important; letter-spacing: .08em; color: var(--sonuk) !important; padding: 12px 10px 6px !important; margin: 0 !important; cursor: pointer; text-transform: uppercase; } #uvmenu .CollapsiblePanelContent { background: none !important; border: 0 !important; } #uvmenu ul { list-style: none; margin: 0 !important; padding: 0 !important; } #uvmenu li { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; } #uvmenu li a { position: relative; display: flex !important; align-items: center; gap: 10px; padding: 8px 10px !important; border-radius: 8px; color: var(--metin) !important; font-weight: 600; font-size: 14px; text-decoration: none !important; background: none !important; border: 0 !important; transition: background-color .15s, color .15s; } #uvmenu li a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sonuk); flex: none; transition: background-color .15s; } #uvmenu li a:hover { background: var(--lacivert-acik) !important; color: var(--lacivert) !important; } #uvmenu li a:hover::before { background: var(--lacivert); } #uvmenu li a.selectLeft { background: var(--lacivert-acik) !important; color: var(--lacivert) !important; } #uvmenu li a.selectLeft::after { content: ""; position: absolute; left: -12px; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: var(--kirmizi); } #uvmenu li a.selectLeft::before { background: var(--kirmizi); } #uvmenu .pacStyle { color: inherit !important; font: inherit !important; background: none !important; padding: 0 !important; } .mt-yan-menu .canli { display: flex; align-items: center; gap: 8px; margin: 16px 4px 0; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 10px; font-size: 12.5px; color: var(--soluk); background: var(--zemin); } /* ---------- ic sayfalar: eski sablonlara genel yenileme ---------- */ html[data-tema] .mt-sarmal table#mainData { background: transparent !important; width: 100%; } html[data-tema] .mt-sarmal table#mainData > tbody > tr > td[width="170"], html[data-tema] .mt-sarmal table#mainData > tr > td[width="170"] { width: 250px !important; padding: 0 20px 0 0 !important; } html[data-tema] .mt-sarmal td[width="170"] > #uvmenu, html[data-tema] .mt-sarmal td[width="170"] > .CollapsiblePanelTab { } html[data-tema] .mt-sarmal td[width="170"] { vertical-align: top; } html[data-tema] .mt-sarmal td[width="170"] > .CollapsiblePanelTab:first-child { display: none; } html[data-tema] .mt-sarmal td[width="170"] #uvmenu { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: var(--golge); padding: 6px 12px 12px; } html[data-tema] #mainData #tablehead { height: auto; padding: 4px 0 10px 12px !important; margin: 4px 0 16px !important; border: 0 !important; border-left: 4px solid var(--kirmizi) !important; font: 700 21px/1.25 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; color: var(--lacivert) !important; text-transform: none; } html[data-tema] .mt-sarmal table.data, html[data-tema] .mt-sarmal table#data { border: 1px solid var(--cizgi) !important; border-radius: 10px; background: var(--kart) !important; box-shadow: var(--golge); border-collapse: separate !important; border-spacing: 0; overflow: hidden; } html[data-tema] .mt-sarmal td.boxtitle, html[data-tema] .mt-sarmal th, html[data-tema] .mt-sarmal .TabTitleBar { background: var(--zemin) !important; color: var(--soluk) !important; font-weight: 650; border-bottom: 1px solid var(--cizgi) !important; } html[data-tema] .mt-sarmal input[type="text"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="password"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="email"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="tel"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="number"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal select:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal textarea:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *) { border: 1px solid var(--cizgi); border-radius: 8px; background-color: var(--girdi); background-image: none; color: var(--metin); padding: 6px 9px; line-height: 1.4; font-size: 13.5px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; box-sizing: border-box; } html[data-tema] .mt-sarmal input[type="text"]:focus, html[data-tema] .mt-sarmal input[type="password"]:focus, html[data-tema] .mt-sarmal select:focus, html[data-tema] .mt-sarmal textarea:focus { outline: none; border-color: var(--vurgu-mavi); box-shadow: 0 0 0 3px rgba(47,125,225,.18); } html[data-tema] .mt-sarmal input[type="submit"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="button"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal button:not([class*="mt-"]):not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *) { background: #1e4f8f; color: #fff; border: 1px solid #1e4f8f; border-radius: 8px; padding: 7px 14px; font: 600 13.5px system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; cursor: pointer; text-shadow: none; box-shadow: none; height: auto; width: auto; } html[data-tema] .mt-sarmal input[type="submit"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *):hover, html[data-tema] .mt-sarmal input[type="button"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *):hover { background: #163c6e; } [data-tema="koyu"] .mt-sarmal input[type="submit"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), [data-tema="koyu"] .mt-sarmal input[type="button"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *) { background: #2f6fd0; border-color: #2f6fd0; } html[data-tema] .mt-sarmal .warning, html[data-tema] .mt-sarmal .alert { background: var(--kart) !important; border: 1px solid var(--kirmizi-cizgi) !important; border-left: 4px solid var(--kirmizi) !important; border-radius: 10px; padding: 12px 16px !important; margin: 0 0 14px !important; color: var(--metin); box-shadow: var(--golge); } html[data-tema] .mt-sarmal hr { border: 0; border-top: 1px solid var(--cizgi); } /* ic sayfalar: AWBS 4.x siniflari ve eski liste parcalari */ html[data-tema] .mt-sarmal .col-md-3 { flex: 0 0 250px; max-width: 250px; padding-right: 20px; } html[data-tema] .mt-sarmal .col-md-3 > .CollapsiblePanelTab:first-child { display: none; } html[data-tema] .mt-sarmal .col-md-3 #uvmenu { background: var(--kart) !important; border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: var(--golge); padding: 6px 12px 12px; } html[data-tema] .mt-sarmal table.totalRecords { background: var(--zemin) !important; border: 1px solid var(--cizgi); border-radius: 10px; border-collapse: separate; margin: 8px 0; } html[data-tema] .mt-sarmal table.totalRecords td { background: transparent !important; color: var(--soluk) !important; font-weight: 600; padding: 6px 10px !important; } html[data-tema] .mt-sarmal fieldset { border: 1px solid var(--cizgi) !important; border-radius: 10px; background: var(--kart); padding: 8px 12px 12px !important; margin: 0 0 12px; } html[data-tema] .mt-sarmal legend, html[data-tema] .mt-sarmal .boxlegend { color: var(--lacivert) !important; font-weight: 700; padding: 0 6px !important; } html[data-tema] .mt-sarmal a.btn, html[data-tema] .mt-sarmal span.btn { display: inline-flex; align-items: center; background: var(--kart) !important; color: var(--lacivert) !important; border: 1px solid var(--cizgi) !important; border-radius: 8px; padding: 5px 11px !important; font-size: 13px !important; font-weight: 600; text-decoration: none !important; margin: 2px; } html[data-tema] .mt-sarmal a.btn:hover { border-color: var(--lacivert) !important; } html[data-tema] .mt-sarmal .btn-primary { background: #1e4f8f !important; color: #fff !important; border-color: #1e4f8f !important; } html[data-tema] .mt-sarmal .card { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; box-shadow: var(--golge); margin-bottom: 14px; } html[data-tema] .mt-sarmal .card-header { background: var(--zemin); color: var(--lacivert); border-bottom: 1px solid var(--cizgi); padding: 10px 14px; font-size: 14px; } html[data-tema] .mt-sarmal .card-body { padding: 12px 14px; color: var(--metin); } html[data-tema] .mt-sarmal .divTableHeading, html[data-tema] .mt-sarmal .divTableCell.boxtitle { background: var(--zemin) !important; color: var(--soluk) !important; border-bottom-color: var(--cizgi) !important; } html[data-tema] .mt-sarmal .divTableCell, html[data-tema] .mt-sarmal .divTableHead { border-bottom-color: var(--cizgi) !important; font-size: 13px; color: var(--metin); } html[data-tema] .mt-sarmal .divTableRow.row1_1 .divTableCell { background: var(--zemin) !important; } html[data-tema] .mt-sarmal tr.row1_1 td { background: var(--zemin) !important; } html[data-tema] .mt-sarmal tr.row1_0 td { background: var(--kart) !important; } html[data-tema] .mt-sarmal .divTableRow:hover .divTableCell, html[data-tema] .mt-sarmal tr[class^="row1_"]:hover td { background: var(--lacivert-acik) !important; } html[data-tema] #uvmenu input[type="text"], html[data-tema] #uvmenu select { border: 1px solid var(--cizgi); border-radius: 8px; background: var(--girdi) !important; color: var(--metin); padding: 5px 7px; font: 13px system-ui, sans-serif; } html[data-tema] #uvmenu input[type="submit"] { background: #1e4f8f !important; color: #fff; border: 0; border-radius: 8px; padding: 6px 12px; font: 600 13px system-ui, sans-serif; cursor: pointer; } [data-tema="koyu"] #uvmenu input[type="submit"] { background: #2f6fd0 !important; } html[data-tema] .mt-sarmal tr[class^="sprite-"], html[data-tema] .mt-sarmal tr[class^="sprite-"] > td { background: var(--zemin) !important; color: var(--soluk) !important; } /* koyu tema: eski ic sayfa iceriginde sabit acik renkleri koyulastir */ [data-tema="koyu"] .mt-sarmal table, [data-tema="koyu"] .mt-sarmal td, [data-tema="koyu"] .mt-sarmal div:not([class*="mt-"]) { border-color: var(--cizgi); } [data-tema="koyu"] .mt-sarmal #mainData, [data-tema="koyu"] .mt-sarmal #mainData td, [data-tema="koyu"] .mt-sarmal #mainData div:not([class*="mt-"]):not([class*="dropdown_"]), [data-tema="koyu"] .mt-sarmal #mainData span:not([class*="mt-"]), [data-tema="koyu"] .mt-sarmal #mainData p, [data-tema="koyu"] .mt-sarmal #mainData li, [data-tema="koyu"] .mt-sarmal #mainData font:not([color]) { color: var(--metin); } [data-tema="koyu"] .mt-sarmal #mainData [bgcolor], [data-tema="koyu"] .mt-sarmal #mainData [style*="background:#fff"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background: #fff"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background:white"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background: white"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background-color:#fff"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background-color: #fff"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background-color:white"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background-color: white"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background:#f"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background-color:#f"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background:#e"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background-color:#e"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background-color: #e"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background: #e"], [data-tema="koyu"] .mt-sarmal #mainData [style*="background: #f"] { background-color: var(--kart) !important; background-image: none !important; } [data-tema="koyu"] .mt-sarmal #mainData [class^="row1_"], [data-tema="koyu"] .mt-sarmal #mainData [class^="row1_"] td, [data-tema="koyu"] .mt-sarmal #mainData tr[class^="row"] td { background: transparent !important; } [data-tema="koyu"] .mt-sarmal #mainData font[color="#000000"], [data-tema="koyu"] .mt-sarmal #mainData font[color="black"], [data-tema="koyu"] .mt-sarmal #mainData font[color="#333333"], [data-tema="koyu"] .mt-sarmal #mainData font[color="#515659"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#000"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color: #000"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#333"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color: #333"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#494949"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#4"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color: #4"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#5"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color: #5"] { color: var(--metin) !important; } [data-tema="koyu"] .mt-sarmal #mainData font[color="#124E8A"], [data-tema="koyu"] .mt-sarmal #mainData font[color="#1E5790"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#1E5790"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color: #1E5790"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#003d5b"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color: #003d5b"], [data-tema="koyu"] .mt-sarmal #mainData [style*="color:#0c4a87"] { color: var(--lacivert) !important; } [data-tema="koyu"] .mt-sarmal #mainData img:not([src$=".png"]):not([src$=".svg"]):not([src$=".gif"]) { filter: brightness(.9); } /* ---------- duyarli ---------- */ @media (max-width: 1080px) { .mt-panel { grid-template-columns: minmax(0, 1fr); } .mt-panel-yan { position: static; order: 2; } .mt-panel-izgara { grid-template-columns: minmax(0, 1fr); } .mt-panel-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-panel-ust .durum-isik { display: none; } } @media (max-width: 1000px) { .mt-ust-izgara, .mt-orta-izgara, .mt-dc-satir, .mt-dc-vitrin .mt-kap { grid-template-columns: minmax(0, 1fr); } .mt-paketler { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-uzantilar { grid-template-columns: repeat(4, minmax(0, 1fr)); } .mt-alt .sutunlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-menu #tmenu { flex-wrap: nowrap; overflow-x: auto; } .mt-menu #tmenu [class^="dropdown_"] { display: none !important; } .mt-dc-vitrin .kabin { max-width: 360px; margin: 0 auto; } .mt-marka img { width: 260px; } } @media (max-width: 640px) { .mt-paketler, .mt-dc-kartlar, .mt-panel-kartlar, .mt-hizli { grid-template-columns: minmax(0, 1fr); } .mt-baslik .mt-kap { flex-wrap: wrap; } .mt-marka img { width: 200px; } .mt-rozet { width: 52px; height: 52px; } .mt-rozet b { font-size: 21px; } .mt-ustbar .baglantilar { display: none; } .mt-slayt .kare { grid-template-columns: minmax(0, 1fr); } .mt-slayt .gorsel { display: none; } .mt-sepet .yazi { display: none; } .mt-dc-vitrin h2 { font-size: 26px; } .mt-sekmeler { flex-wrap: nowrap; overflow-x: auto; } .mt-tumu { flex-direction: column; gap: 4px; } .mt-panel-ust { flex-wrap: wrap; } .mt-panel-kisi > div:last-child, .mt-panel-ust .mt-yeni-siparis span { display: none; } .mt-panel-uyari { display: grid; grid-template-columns: 38px minmax(0, 1fr); } .mt-panel-uyari .mt-btn { grid-column: 2; justify-self: start; margin: 0; } .mt-tablo { min-width: 520px; } .mt-alt .sutunlar { grid-template-columns: minmax(0, 1fr); } html[data-tema] div#wrapper.mt-sarmal { padding-left: 12px; padding-right: 12px; } } @media (prefers-reduced-motion: reduce) { .mt-ana *, .mt-panel *, .mt-ana *::before, .mt-ana *::after, .mt-panel *::before, .mt-panel *::after, .mt-baslik *, .mt-ustbar *, .mt-alt *, .mt-destek-dugme, .mt-destek-dugme::before { animation: none !important; transition: none !important; } .mt-js .mt-belir { opacity: 1; transform: none; } } /* yonetici musteri hesabinda (AWBS sudo) */ .mt-sudo { background: #ffd400; color: #102a4c; font-size: 13.5px; } .mt-sudo .mt-kap { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; padding-bottom: 8px; flex-wrap: wrap; } .mt-sudo b { font-weight: 800; } .mt-sudo a.mt-btn { background: #102a4c; color: #fff !important; padding: 6px 12px; font-size: 13px; } .mt-sudo a.mt-btn:hover { background: #1e4f8f; } /* eski sabit yukseklikli metin kutulari (.createField 15px vb.) */ html[data-tema] .mt-sarmal input[type="text"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="password"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="email"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *), html[data-tema] .mt-sarmal input[type="tel"]:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *) { height: auto !important; min-height: 32px; margin: 2px 0; } html[data-tema] .mt-sarmal select:not(:is(.mt-ana, .mt-panel, .mt-uye, .mt-menu) *) { min-height: 32px; height: auto; } /* eski GIF dugmelerin yerine (mt.js) */ .mt-gif-dugme { margin: 2px; vertical-align: middle; } a > .mt-gif-dugme { text-decoration: none; } html[data-tema] .mt-sarmal div.RegTitleBar, html[data-tema] .mt-sarmal div.TabTitleBar { background: var(--zemin) !important; color: var(--lacivert) !important; border: 0 !important; border-bottom: 1px solid var(--cizgi) !important; border-radius: 8px 8px 0 0; padding: 9px 12px !important; } html[data-tema] .mt-sarmal td.ccaHeader, html[data-tema] .mt-sarmal .ccaHeader { background: var(--zemin) !important; color: var(--lacivert) !important; border-bottom: 1px solid var(--cizgi) !important; padding: 9px 12px !important; } html[data-tema] .mt-sarmal input[type="reset"]:not(:is(.mt-ana, .mt-panel) *) { background: var(--kart); color: var(--metin); border: 1px solid var(--cizgi); border-radius: 8px; padding: 7px 14px; font: 600 13.5px system-ui, sans-serif; cursor: pointer; } /* 4.x sayfalari: #tablehead icindeki breadcrumb yatay, son oge sayfa basligi */ html[data-tema] #mainData #tablehead .breadcrumb { display: flex; flex-wrap: wrap; align-items: baseline; margin: 0; padding: 0; list-style: none; font: 600 13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--soluk); } html[data-tema] #mainData #tablehead .breadcrumb li { display: inline; margin: 0; padding: 0; } html[data-tema] #mainData #tablehead .breadcrumb li + li::before { content: "›"; margin: 0 8px; color: var(--sonuk); } html[data-tema] #mainData #tablehead .breadcrumb a { color: var(--soluk); } html[data-tema] #mainData #tablehead .breadcrumb li:last-child { flex-basis: 100%; font: 700 21px/1.25 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--lacivert); margin-top: 4px; } html[data-tema] #mainData #tablehead .breadcrumb li:last-child::before { content: none; } /* uye menusu hangi kapsayicida olursa olsun (td width=170/100, 4.x col-md-3) ayni kart gorunumu */ html[data-tema] .mt-sarmal td:has(> #uvmenu) { width: 250px !important; padding: 0 20px 0 0 !important; vertical-align: top; } html[data-tema] .mt-sarmal :is(td, .col-md-3):has(> #uvmenu) > .CollapsiblePanelTab:first-child { display: none; } html[data-tema] .mt-sarmal :is(td, .col-md-3) > #uvmenu { background: var(--kart) !important; border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: var(--golge); padding: 6px 12px 12px !important; } /* mobil/tablet: eski #mainData iki sutunu alt alta (once icerik, sonra uye menusu) */ @media (max-width: 1080px) { html[data-tema] .mt-sarmal table#mainData, html[data-tema] .mt-sarmal table#mainData > tbody { display: block; width: 100% !important; } html[data-tema] .mt-sarmal table#mainData > tbody > tr { display: flex; flex-direction: column; } html[data-tema] .mt-sarmal table#mainData > tbody > tr > td { display: block; width: auto !important; padding: 0 !important; } html[data-tema] .mt-sarmal table#mainData > tbody > tr > td:has(> #uvmenu) { order: 2; margin-top: 20px; } html[data-tema] .mt-sarmal .row:has(> .col-md-3) { flex-wrap: wrap; } html[data-tema] .mt-sarmal .col-md-3:has(> #uvmenu) { order: 2; flex: 1 1 100%; max-width: none; padding-right: 0; margin-top: 20px; } html[data-tema] .mt-sarmal .col-md-9 { flex: 1 1 100%; } html[data-tema] .mt-sarmal #mainTD { overflow-x: auto; } } /* ===================== urun sayfalari: ortak "paket dili" (mt_bilesen.php) ===================== */ .mt-urunsayfa { font-size: 14px; } .mt-urunsayfa p { margin: 0 0 10px; } .mt-urun-sekme { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; } .mt-urun-sekme a { display: inline-flex; align-items: center; padding: 7px 13px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--kart); color: var(--metin) !important; font-weight: 600; font-size: 13.5px; text-decoration: none !important; transition: border-color .15s, background-color .15s, color .15s; } .mt-urun-sekme a:hover { border-color: var(--lacivert); color: var(--lacivert) !important; } .mt-urun-sekme a.aktif { background: #1e4f8f; border-color: #1e4f8f; color: #fff !important; } [data-tema="koyu"] .mt-urun-sekme a.aktif { background: #2f6fd0; border-color: #2f6fd0; } .mt-urun-giris { position: relative; padding: 14px 18px 14px 20px; margin: 0 0 6px; border-radius: 10px; background: linear-gradient(135deg, var(--bant-1), var(--kart)); border: 1px solid var(--cizgi); color: var(--metin); line-height: 1.6; } .mt-urun-giris::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 4px; border-radius: 0 4px 4px 0; background: var(--vurgu-mavi); } .mt-urun-giris p:last-child { margin-bottom: 0; } .mt-urunsayfa .mt-bolum-baslik { flex-wrap: wrap; gap: 6px 14px; margin-top: 26px; } .mt-bolum-alt { color: var(--soluk); font-size: 13px; } .mt-urunsayfa .mt-paketler { margin-top: 0; } .mt-paketler.s2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-paketler.s4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .mt-paket .kdv { padding: 7px 14px; font-size: 12.5px; color: var(--soluk); background: var(--zemin); border-bottom: 1px solid var(--cizgi); } .mt-paket .kdv b { color: var(--metin); } .mt-paket li.satir { justify-content: space-between; gap: 10px; } .mt-paket li.satir span { color: var(--soluk); } .mt-paket li.satir b { text-align: right; font-weight: 650; } .mt-paket .donem b { display: block; font-size: 13px; color: var(--metin); } .mt-paket .donem small { margin-left: 0; } .mt-paket.turuncu .bas { background: linear-gradient(135deg, #ef7d00, #ff9d2e); } .mt-paket.mor .bas { background: linear-gradient(135deg, #6d28d9, #8b5cf6); } /* karsilastirma tablosu */ .mt-karsilastir { overflow: hidden; margin-top: 16px; } .mt-karsilastir .kaydir { overflow-x: auto; } .mt-karsilastir table { width: 100%; border-collapse: collapse; font-size: 13.5px; } .mt-karsilastir th, .mt-karsilastir td { padding: 9px 12px !important; text-align: center; border-bottom: 1px solid var(--cizgi); color: var(--metin); } .mt-karsilastir thead th { background: linear-gradient(135deg, #1e4f8f, #2a68b5); color: #fff; font-weight: 700; font-size: 13.5px; } .mt-karsilastir thead th.vurgu { background: linear-gradient(135deg, #ef7d00, #ff9d2e); } .mt-karsilastir thead th.ozellik-sutun { text-align: left; } .mt-karsilastir tbody th { text-align: left; font-weight: 600; color: var(--soluk); background: var(--zemin); white-space: nowrap; } .mt-karsilastir tbody tr:hover td, .mt-karsilastir tbody tr:hover th { background: var(--lacivert-acik); } .mt-karsilastir td.vurgu { background: rgba(239,125,0,.06); } .mt-karsilastir svg.var { width: 16px; height: 16px; color: var(--yesil); } .mt-karsilastir .yok { color: var(--sonuk); } .mt-karsilastir tfoot th { text-align: left; background: var(--zemin); color: var(--soluk); } .mt-karsilastir tfoot td { vertical-align: top; } .mt-karsilastir .tutar { display: block; font-size: 19px; font-weight: 800; color: var(--lacivert); white-space: nowrap; } .mt-karsilastir .tutar small { font-size: 11px; font-weight: 600; color: var(--soluk); } .mt-karsilastir .dahil { display: block; font-size: 11.5px; color: var(--soluk); margin: 2px 0 8px; white-space: nowrap; } /* ozellik listesi */ .mt-ozellikler { padding: 16px 18px; margin-top: 16px; } .mt-ozellikler h3 { margin: 0 0 6px; font-size: 16px; font-weight: 700; color: var(--lacivert); padding-left: 10px; border-left: 4px solid var(--kirmizi); } .mt-ozellikler .not { color: var(--soluk); font-size: 13px; margin: 0 0 10px; } .mt-ozellikler ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 24px; } .mt-ozellikler li { display: flex; gap: 8px; align-items: flex-start; padding: 5px 0; border-bottom: 1px dashed var(--cizgi); margin: 0; font-size: 13.5px; color: var(--metin); } .mt-ozellikler li svg { width: 15px; height: 15px; color: var(--yesil); margin-top: 3px; } /* vurgu kutusu */ .mt-vurgu-kutu { display: flex; gap: 14px; align-items: flex-start; margin-top: 16px; padding: 16px 18px; border-radius: 10px; background: radial-gradient(600px 200px at 90% 0, rgba(47,125,225,.22), transparent 70%), var(--dc-zemin); color: var(--dc-metin); } .mt-vurgu-kutu .ikon { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; flex: none; } .mt-vurgu-kutu .ikon svg { width: 22px; height: 22px; } .mt-vurgu-kutu > div > b { display: block; color: #fff; font-size: 16px; margin-bottom: 4px; } .mt-vurgu-kutu li b { color: #fff; } .mt-vurgu-kutu ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; } .mt-vurgu-kutu li { display: flex; gap: 8px; color: var(--dc-soluk); margin: 0; } .mt-vurgu-kutu li svg { width: 15px; height: 15px; color: #34d399; margin-top: 3px; } .mt-vurgu-kutu li strong { color: #ffd400; } /* eski bilgi metinleri (icerik aynen, gorunum yeni) */ .mt-metin { padding: 18px 22px; margin-top: 16px; line-height: 1.65; font-size: 14px; color: var(--metin); } .mt-metin-baslik { margin: 0 0 10px !important; font-size: 16px !important; font-weight: 700; color: var(--lacivert) !important; padding-left: 10px; border-left: 4px solid var(--kirmizi); } .mt-metin h1, .mt-metin h2, .mt-metin h3, .mt-metin h4 { font-size: 15.5px !important; font-weight: 700; color: var(--lacivert) !important; margin: 18px 0 6px !important; } .mt-metin font, .mt-metin span[style*="font"], .mt-metin p[style*="font"] { font-family: inherit !important; font-size: inherit !important; } .mt-metin table { max-width: 100%; } .mt-metin img { max-width: 100%; height: auto; border-radius: 8px; } .mt-metin ul, .mt-metin ol { padding-left: 20px; margin: 6px 0 10px; } .mt-metin ul { list-style: disc; } .mt-metin ol { list-style: decimal; } .mt-metin li { margin: 3px 0; } .mt-metin a { font-weight: 600; } /* sunucu grubu basligi */ .mt-urunsayfa .grup-not { color: var(--soluk); font-size: 13px; } @media (max-width: 1180px) { .mt-paketler.s4 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1000px) { .mt-paketler.s4, .mt-paketler.s3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-ozellikler ul { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 640px) { .mt-paketler.s4, .mt-paketler.s3, .mt-paketler.s2 { grid-template-columns: minmax(0, 1fr); } } .mt-paket .serit-etiket + .bas { padding-top: 24px; } .mt-galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 12px; } .mt-galeri a { display: block; border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; background: var(--kart); box-shadow: var(--golge); text-decoration: none !important; transition: transform .15s, box-shadow .15s; } .mt-galeri a:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); } .mt-galeri img { display: block; width: 100%; height: 110px; object-fit: cover; object-position: top; } .mt-galeri span { display: block; padding: 7px 10px; font-size: 12.5px; font-weight: 600; color: var(--metin); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ===================== yeni ana menu acilir panelleri (group1menu.php) ===================== */ .mt-menu #tmenu > li.mt-m { position: relative; } .mt-menu .mt-acilir { position: absolute; top: 100%; left: 0; z-index: 3000; display: none; grid-template-columns: repeat(var(--s, 2), minmax(0, 1fr)); gap: 6px 14px; width: max-content; max-width: min(860px, calc(100vw - 40px)); padding: 14px; background: var(--kart); border: 1px solid var(--cizgi); border-top: 3px solid var(--lacivert); border-radius: 0 0 12px 12px; box-shadow: var(--golge-buyuk); text-align: left; animation: mt-ac .16s ease-out; } .mt-menu .mt-acilir.s1 { --s: 1; min-width: 300px; } .mt-menu .mt-acilir.s2 { --s: 2; min-width: 560px; } .mt-menu .mt-acilir.s3 { --s: 3; min-width: 780px; } .mt-menu .mt-acilir.sag { left: 0; right: auto; } .mt-menu .mt-acilir { transform: translateX(var(--kay, 0px)); } @keyframes mt-ac { from { opacity: 0; } to { opacity: 1; } } .mt-menu #tmenu > li.mt-m:hover > .mt-acilir, .mt-menu #tmenu > li.mt-m:focus-within > .mt-acilir { display: grid; } .mt-menu .mt-acilir .sutun { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .mt-menu .mt-acilir .sutun.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; grid-column: span 2; align-content: start; } .mt-menu .mt-acilir .sutun.ikili .mt-m-baslik { grid-column: 1 / -1; } .mt-menu .mt-m-baslik { font: 800 11px/1.2 system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--sonuk); padding: 4px 8px 6px; } .mt-menu a.mt-m-oge { display: flex !important; align-items: center; gap: 10px; padding: 8px !important; border-radius: 8px; color: var(--metin) !important; font: inherit !important; text-decoration: none !important; transition: background-color .12s; } .mt-menu a.mt-m-oge:hover { background: var(--lacivert-acik); } .mt-menu .mt-m-oge .ik { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: var(--lacivert-acik); color: var(--lacivert); flex: none; transition: background-color .12s, color .12s; } .mt-menu .mt-m-oge:hover .ik { background: #1e4f8f; color: #fff; } .mt-menu .mt-m-oge .ik svg { width: 18px; height: 18px; } .mt-menu .mt-m-oge .yz { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; } .mt-menu .mt-m-oge .yz b { font: 650 13.5px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--metin); } .mt-menu .mt-m-oge .yz small { font: 12px/1.35 system-ui, sans-serif; color: var(--soluk); margin-top: 1px; } .mt-menu .mt-m-oge .sag { margin-left: auto; padding-left: 10px; font: 700 12.5px/1 system-ui, sans-serif; color: var(--lacivert); white-space: nowrap; } .mt-menu .mt-m-oge .sayi { display: inline-flex; min-width: 22px; height: 20px; padding: 0 6px; align-items: center; justify-content: center; border-radius: 10px; background: var(--zemin); border: 1px solid var(--cizgi); color: var(--soluk); font-size: 11.5px; } .mt-menu .mt-m-oge .sayi.kirmizi { background: #d7141a; border-color: #d7141a; color: #fff; } .mt-menu a.mt-m-link { display: flex !important; align-items: center; gap: 8px; padding: 6px 8px !important; border-radius: 7px; color: var(--metin) !important; font: 13px/1.3 system-ui, sans-serif !important; text-decoration: none !important; } .mt-menu a.mt-m-link:hover { background: var(--lacivert-acik); color: var(--lacivert) !important; } .mt-menu a.mt-m-link svg { width: 15px; height: 15px; color: var(--vurgu-mavi); flex: none; } .mt-menu a.mt-m-serit { grid-column: 1 / -1; display: flex !important; align-items: center; gap: 10px; margin-top: 4px; padding: 10px 12px !important; border-radius: 10px; background: linear-gradient(135deg, var(--bant-1), var(--zemin)); border: 1px solid var(--cizgi); color: var(--metin) !important; font: 13px/1.3 system-ui, sans-serif !important; text-decoration: none !important; } .mt-menu a.mt-m-serit:hover { border-color: var(--lacivert); } .mt-menu a.mt-m-serit > svg { width: 18px; height: 18px; color: var(--lacivert); flex: none; } .mt-menu a.mt-m-serit.turuncu { background: linear-gradient(135deg, rgba(239,125,0,.10), var(--zemin)); } .mt-menu a.mt-m-serit.turuncu > svg:first-child { color: var(--turuncu); } .mt-menu a.mt-m-serit .ok { margin-left: auto; width: 16px; height: 16px; color: var(--soluk); } .mt-menu a.mt-m-kart { display: flex !important; flex-direction: column; gap: 6px; height: 100%; padding: 14px !important; border-radius: 12px; background: linear-gradient(135deg, #ef7d00, #ff9d2e); color: #fff !important; text-decoration: none !important; font: inherit !important; } .mt-menu a.mt-m-kart .ust { display: flex; align-items: center; gap: 8px; font: 800 14px/1.2 system-ui, sans-serif; } .mt-menu a.mt-m-kart .ust svg { width: 20px; height: 20px; } .mt-menu a.mt-m-kart .fiyat { font: 800 26px/1.1 system-ui, sans-serif; letter-spacing: -.5px; } .mt-menu a.mt-m-kart .fiyat small { font-size: 12px; font-weight: 600; letter-spacing: 0; opacity: .9; } .mt-menu a.mt-m-kart .alt { font: 12.5px/1.4 system-ui, sans-serif; opacity: .95; flex: 1; } .mt-menu a.mt-m-kart .mt-btn { align-self: flex-start; background: #fff; color: #b45309 !important; } .mt-menu .mt-m-canli { align-self: flex-start; margin: 6px 0 0 8px; } @media (max-width: 1000px) { .mt-menu .mt-acilir { display: none !important; } } /* uye girisi (aLogIn.php) */ .mt-giris-izgara { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 18px; margin: 4px 0 16px; } .mt-giris-kart { padding: 20px 22px; display: flex; flex-direction: column; gap: 14px; } .mt-giris-kart .bas { display: flex; align-items: center; gap: 12px; } .mt-giris-kart .bas .ik { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; flex: none; } .mt-giris-kart.yeni .bas .ik { background: linear-gradient(135deg, #34c77b, #1f9d55); } .mt-giris-kart .bas .ik svg { width: 22px; height: 22px; } .mt-giris-kart h2 { margin: 0; font-size: 19px; font-weight: 800; color: var(--metin); } .mt-giris-kart .bas p { margin: 2px 0 0; color: var(--soluk); font-size: 13px; } .mt-form { display: flex; flex-direction: column; gap: 12px; margin: 0; } .mt-form .alan { display: flex; flex-direction: column; gap: 5px; font-weight: 650; font-size: 13px; color: var(--soluk); } .mt-form .girdi { display: flex; align-items: center; gap: 8px; border: 2px solid var(--cizgi); border-radius: 10px; background: var(--girdi); padding: 0 12px; transition: border-color .15s, box-shadow .2s; } .mt-form .girdi:focus-within { border-color: #1e4f8f; box-shadow: 0 0 0 4px rgba(47,125,225,.18); } .mt-form .girdi svg { width: 18px; height: 18px; color: var(--soluk); } html[data-tema] .mt-form .girdi input { flex: 1; min-width: 0; border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 11px 0 !important; margin: 0 !important; font: 15px system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; color: var(--metin); outline: none; height: auto !important; min-height: 0; } .mt-form .satir { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; } .mt-form .hatirla { display: inline-flex; align-items: center; gap: 6px; color: var(--soluk); } .mt-btn.mt-genis { width: 100%; padding: 12px 16px; font-size: 15px; } .mt-giris-kart.yeni form { margin-top: auto; } .mt-giris-kart .mt-liste-onay svg { color: var(--yesil); } .mt-giris-not svg { width: 16px; height: 16px; color: var(--lacivert); vertical-align: -3px; } @media (max-width: 760px) { .mt-giris-izgara { grid-template-columns: minmax(0, 1fr); } } .mt-form .alan, .mt-form .girdi { width: 100%; box-sizing: border-box; } .mt-form .alan { display: flex !important; } .mt-form .girdi { display: flex !important; } html[data-tema] .mt-form label.hatirla { display: inline-flex !important; align-items: center; gap: 8px; background-image: none !important; padding: 0 !important; font-weight: 500 !important; clear: none; cursor: pointer; } html[data-tema] .mt-form label.hatirla::before { content: ""; width: 16px; height: 16px; border-radius: 4px; border: 1.5px solid var(--sonuk); background: var(--girdi) center/11px no-repeat; box-sizing: border-box; } html[data-tema] .mt-form label.hatirla.checked::before { background-color: #1e4f8f; border-color: #1e4f8f; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E"); } html[data-tema] .mt-form label.hatirla:not(.checked):not(.unchecked)::before { display: none; } html[data-tema] .mt-form label, html[data-tema] .mt-form .alan { float: none !important; height: auto !important; width: auto; margin: 0 !important; line-height: 1.4 !important; } html[data-tema] .mt-form .alan { width: 100%; } /* eski metin sayfalari: madde imi resimleri yerine tema isareti, tablolar esnek */ .mt-metin img[src*="site_haritasi_ana1"], .mt-metin img[src$="/ok.gif"] { display: none; } .mt-metin img[src*="site_haritasi_ana1"] + *, .mt-metin img[src*="site_haritasi_ana1"] { } .mt-hakkimizda > table > tbody > tr > td > table > tbody > tr { display: flex; flex-wrap: wrap; gap: 0 24px; } .mt-hakkimizda > table > tbody > tr > td > table > tbody > tr > td { display: block; flex: 1 1 320px; width: auto !important; } .mt-hakkimizda > table > tbody > tr > td > table > tbody > tr > td[width="10"] { display: none; } .mt-hakkimizda p { text-align: left !important; } .mt-hakkimizda b { color: var(--metin); } .mt-metin svg.mt-madde { width: 15px; height: 15px; color: var(--yesil); vertical-align: -2px; margin-right: 4px; } /* uye paneli tablolari: ic kaydirma kutusu yok, her genislikte sigar */ .mt-panel-kutu .kaydir { overflow: visible !important; } .mt-tablo { table-layout: auto; min-width: 0 !important; } .mt-tablo th, .mt-tablo td { padding: 10px 12px !important; } .mt-tablo td:first-child b { word-break: break-word; } .mt-tablo .sag { width: 1%; white-space: nowrap; } .mt-tablo .mt-kalan { width: 90px; } @media (max-width: 1280px) { .mt-panel-izgara { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 640px) { .mt-tablo tr:first-child { display: none; } .mt-tablo, .mt-tablo tbody { display: block; } .mt-tablo tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; padding: 12px 14px; border-top: 1px solid var(--cizgi); } .mt-tablo td { display: block; padding: 0 !important; border: 0 !important; } .mt-tablo tr:hover td { background: transparent; } .mt-tablo td.bos { grid-column: 1 / -1; } } .mt-tablo th, .mt-tablo td { padding: 10px 10px !important; } .mt-tablo td:first-child { min-width: 165px; } .mt-tablo td:first-child b { font-size: 13.5px; } .mt-tablo .mt-kalan { width: 80px; } @media (max-width: 640px) { .mt-tablo td:first-child { min-width: 0; } } /* hakkimizda */ .mt-hk-ust { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; align-items: center; padding: 26px 26px; border-radius: 12px; background: radial-gradient(700px 260px at 85% 10%, rgba(47,125,225,.28), transparent 65%), var(--dc-zemin); color: var(--dc-metin); } .mt-hk-ust::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 36px 36px; pointer-events: none; } .mt-hk-ust > * { position: relative; } .mt-hk-ust .ust-yazi { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em; color: #7fb0ff; text-transform: uppercase; } .mt-hk-ust h2 { margin: 8px 0 10px; font-size: 24px; line-height: 1.2; font-weight: 800; color: #fff; } .mt-hk-ust h2 em { font-style: normal; color: #ffd400; } .mt-hk-ust p { color: var(--dc-soluk); margin: 0 0 16px; } .mt-hk-ust .baglanti, .mt-hk-son .baglanti { display: flex; flex-wrap: wrap; gap: 8px; } .mt-hk-ust .mt-btn-cizgi { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); color: #fff !important; } .mt-hk-ust .sayilar { display: grid; gap: 10px; } .mt-hk-ust .sayilar div { display: flex; align-items: baseline; gap: 10px; padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.10); } .mt-hk-ust .sayilar b { font-size: 26px; font-weight: 800; color: #ffd400; line-height: 1; white-space: nowrap; } .mt-hk-ust .sayilar span { color: var(--dc-soluk); font-size: 13px; } .mt-hk-anayasa { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .mt-hk-anayasa .mt-kart { padding: 18px; display: flex; flex-direction: column; gap: 6px; } .mt-hk-anayasa small { color: var(--soluk); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; } .mt-hk-anayasa b { font-size: 15.5px; line-height: 1.4; color: var(--metin); } .mt-hk .ik { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; flex: none; } .mt-hk .ik.kirmizi { background: linear-gradient(135deg, #f04b50, #d7141a); } .mt-hk .ik.yesil { background: linear-gradient(135deg, #34c77b, #1f9d55); } .mt-hk .ik.fb { background: linear-gradient(135deg, #3b82f6, #1d4ed8); } .mt-hk .ik svg { width: 20px; height: 20px; } .mt-hk-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 20px; align-items: start; } .mt-hk-zaman { list-style: none; margin: 0; padding: 8px 20px; } .mt-hk-zaman li { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; padding: 14px 0 14px; border-bottom: 1px solid var(--cizgi); margin: 0; } .mt-hk-zaman li:last-child { border-bottom: 0; } .mt-hk-zaman .yil { align-self: start; text-align: center; padding: 5px 0; border-radius: 8px; background: var(--lacivert-acik); color: var(--lacivert); font-weight: 800; font-size: 15px; } .mt-hk-zaman p { margin: 0 0 8px; line-height: 1.6; color: var(--metin); } .mt-hk-zaman p:last-child { margin: 0; } .mt-hk-yan { display: flex; flex-direction: column; gap: 12px; margin-top: 30px; } .mt-hk-rozet { display: flex; flex-direction: column; gap: 8px; padding: 12px; text-decoration: none !important; } .mt-hk-rozet img { width: 100%; height: auto; border-radius: 8px; } .mt-hk-rozet span { font-size: 12.5px; font-weight: 600; color: var(--lacivert); } .mt-hk-sosyal { display: flex; align-items: center; gap: 12px; padding: 12px; color: var(--metin) !important; text-decoration: none !important; transition: transform .15s, box-shadow .15s; } .mt-hk-sosyal:hover, .mt-hk-rozet:hover { transform: translateY(-2px); box-shadow: var(--golge-buyuk); } .mt-hk-sosyal .ik { background: #111; } [data-tema="koyu"] .mt-hk-sosyal .ik { background: #2a3546; } .mt-hk-sosyal b { display: block; } .mt-hk-sosyal small { display: block; color: var(--soluk); font-size: 12px; } .mt-hk-sosyal .ok { margin-left: auto; color: var(--soluk); width: 16px; height: 16px; } .mt-hk-linkler { display: flex; flex-direction: column; padding: 6px; } .mt-hk-linkler a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; color: var(--metin) !important; font-weight: 600; font-size: 13.5px; text-decoration: none !important; } .mt-hk-linkler a:hover { background: var(--lacivert-acik); color: var(--lacivert) !important; } .mt-hk-linkler svg { width: 16px; height: 16px; color: var(--lacivert); } .mt-hk-blok { margin-top: 24px; } .mt-hk-blok h3 { margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--lacivert); } .mt-hk-alt { color: var(--soluk); margin: 0 0 12px !important; } .mt-hk-hizmet { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-bottom: 8px; } .mt-hk-hizmet .mt-kart { display: flex; align-items: center; gap: 12px; padding: 14px; font-weight: 600; font-size: 13.5px; line-height: 1.4; transition: transform .15s, box-shadow .15s; } .mt-hk-hizmet .mt-kart:hover { transform: translateY(-2px); box-shadow: var(--golge-buyuk); } .mt-hk-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; } .mt-hk-iki .mt-ozellikler ul { grid-template-columns: minmax(0, 1fr); } .mt-hk-son { margin-top: 24px; } .mt-hk-son p { color: var(--dc-soluk); margin: 0 0 10px; line-height: 1.6; } .mt-hk-marka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .mt-hk-marka .mt-kart { padding: 16px; text-align: center; display: flex; flex-direction: column; gap: 10px; } .mt-hk-marka .resim { height: 150px; display: grid; place-items: center; background: #fff; border-radius: 8px; border: 1px solid var(--cizgi); } .mt-hk-marka img { max-height: 130px; width: auto; max-width: 90%; } .mt-hk-marka p { margin: 0; font-size: 13px; color: var(--soluk); } @media (max-width: 1000px) { .mt-hk-ust, .mt-hk-izgara, .mt-hk-iki { grid-template-columns: minmax(0, 1fr); } .mt-hk-yan { margin-top: 0; } } @media (max-width: 700px) { .mt-hk-anayasa, .mt-hk-marka { grid-template-columns: minmax(0, 1fr); } } .mt-hk-anayasa .mt-kart > span:not(.ik) { display: flex; flex-direction: column; gap: 6px; } /* acik tema: icerik alani acik gri, ust bolum + menu + alt bilgi beyaz (kartlar beyaz kalir) */ [data-tema="acik"] { --icerik-zemin: #f4f6fa; --bant-2: #f4f6fa; } html[data-tema="acik"] body { background: var(--icerik-zemin) !important; } [data-tema="acik"] .mt-sudo + .mt-ustbar, [data-tema="acik"] .mt-ustbar, [data-tema="acik"] .mt-baslik { background: #fff; } [data-tema="acik"] .mt-menu { background: #fff; } [data-tema="acik"] .mt-alt { background: #fff; } [data-tema="acik"] .mt-ana .mt-sekmeler button[aria-selected="true"] { background: var(--kart); } /* iletisim */ .mt-il-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .mt-il-kart { display: flex; flex-direction: column; gap: 8px; padding: 18px; color: var(--metin) !important; text-decoration: none !important; transition: transform .15s, box-shadow .15s, border-color .15s; } .mt-il-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); border-color: var(--lacivert); } .mt-il-kart b { font-size: 16px; } .mt-il-kart > span:not(.ik):not(.mt-btn) { color: var(--soluk); font-size: 13.5px; line-height: 1.5; flex: 1; } .mt-il-kart > span strong { color: var(--metin); } .mt-il-kart small { display: flex; align-items: center; gap: 6px; color: var(--soluk); font-size: 12px; } .mt-il-kart small svg { width: 14px; height: 14px; } .mt-il-kart .mt-btn { align-self: flex-start; margin-top: 4px; } .mt-iletisim .ik { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; } .mt-iletisim .ik.yesil { background: linear-gradient(135deg, #34c77b, #1f9d55); } .mt-iletisim .ik.kirmizi { background: linear-gradient(135deg, #f04b50, #d7141a); } .mt-iletisim .ik svg { width: 21px; height: 21px; } .mt-il-adres { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .mt-il-adres .mt-kart { padding: 18px; } .mt-il-adres h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 15.5px; font-weight: 800; color: var(--lacivert); } .mt-il-adres h3 svg { width: 18px; height: 18px; } .mt-il-adres .adres { color: var(--soluk); margin: 0 0 10px; } .mt-il-adres ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; } .mt-il-adres li { display: flex; align-items: center; gap: 8px; margin: 0; } .mt-il-adres li svg { width: 16px; height: 16px; color: var(--lacivert); } .mt-il-adres li a { font-weight: 600; } @media (max-width: 900px) { .mt-il-kartlar, .mt-il-adres { grid-template-columns: minmax(0, 1fr); } } .mt-iletisim .mt-il-kart > span:not(.mt-btn), .mt-iletisim .mt-il-kart small, .mt-il-adres p, .mt-il-adres li { font-weight: 400 !important; } .mt-il-adres li a, .mt-il-kart > span strong { font-weight: 650 !important; } /* alan adi: ortadan bolunmez, gerekirse noktadan kayar */ .mt-tablo b.mt-alan { word-break: normal !important; overflow-wrap: break-word; } .mt-tablo td.mt-durum-bitis { white-space: nowrap; } .mt-tablo td.mt-durum-bitis .tarih { display: block; margin-top: 5px; font-size: 13px; color: var(--soluk); } .mt-tablo td.mt-durum-bitis .mt-kalan { margin-top: 4px; } @media (max-width: 640px) { .mt-tablo td.mt-durum-bitis { grid-column: 1; } } /* sunucu barindirma semasi */ .mt-colo-sema { position: relative; overflow: hidden; display: flex; align-items: center; gap: 0; margin: 16px 0 4px; padding: 26px 22px; border-radius: 12px; background: radial-gradient(700px 240px at 80% 0, rgba(47,125,225,.25), transparent 65%), var(--dc-zemin); } .mt-colo-sema::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 36px 36px; pointer-events: none; } .mt-colo-sema .dugum { position: relative; flex: 0 0 auto; width: 150px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 14px 10px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); color: #e6edf7; } .mt-colo-sema .dugum b { font-size: 14.5px; color: #fff; } .mt-colo-sema .dugum small { font-size: 11.5px; line-height: 1.35; color: #9fb0c8; } .mt-colo-sema .ik { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; } .mt-colo-sema .ik.kirmizi { background: linear-gradient(135deg, #f04b50, #d7141a); } .mt-colo-sema .ik.yesil { background: linear-gradient(135deg, #34c77b, #1f9d55); } .mt-colo-sema .ik svg { width: 24px; height: 24px; } .mt-colo-sema .dugum.kabin { border-color: rgba(255,212,0,.45); } .mt-colo-sema .dugum.kabin img { height: 86px; width: auto; animation: mt-suz 6s ease-in-out infinite; } .mt-colo-sema .dugum.kabin b { color: #ffd400; } .mt-colo-sema .hat { position: relative; flex: 1 1 auto; min-width: 24px; height: 4px; margin: 0 6px; border-radius: 2px; background: rgba(127,176,255,.18); overflow: hidden; } .mt-colo-sema .hat i { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, #5aa0ff 0 10px, transparent 10px 22px); animation: mt-colo-akis 1.2s linear infinite; } @keyframes mt-colo-akis { from { transform: translateX(-22px); } to { transform: translateX(0); } } .mt-duraklat.mt-colo-sema .hat i, .mt-duraklat.mt-colo-sema img { animation-play-state: paused; } @media (max-width: 860px) { .mt-colo-sema { flex-direction: column; } .mt-colo-sema .dugum { width: 100%; max-width: 320px; } .mt-colo-sema .hat { width: 4px; height: 26px; flex: 0 0 26px; margin: 6px 0; } .mt-colo-sema .hat i { background: repeating-linear-gradient(180deg, #5aa0ff 0 8px, transparent 8px 16px); animation-name: mt-colo-akis-d; } @keyframes mt-colo-akis-d { from { transform: translateY(-16px); } to { transform: translateY(0); } } } @media (prefers-reduced-motion: reduce) { .mt-colo-sema .hat i, .mt-colo-sema img { animation: none !important; } } /* eski kirmizi "Diger sunucularimiz icin tiklayin" resim dugmesi -> tema dugmesi */ html[data-tema] .diger_buton { display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; height: auto !important; float: none !important; margin: 18px 0 6px !important; padding: 10px 18px; border-radius: 8px; background: #1e4f8f !important; color: #fff; font: 600 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; box-shadow: var(--golge); transition: background-color .15s, transform .12s; } html[data-tema] .diger_buton::after { content: "Tüm Kiralık Sunucularımız →"; } html[data-tema] .diger_buton:hover { background: #163c6e !important; } [data-tema="koyu"] .diger_buton { background: #2f6fd0 !important; } html[data-tema] div:has(> a > .diger_buton) { width: auto !important; text-align: center; } /* sifremi unuttum: AWBS Securimage guvenlik kodu (2026-11-01) */ .mt-captcha #captcha_container_1 { font-weight: 400; } .mt-captcha #captcha_image { float: none !important; display: block; max-width: 100%; height: auto; border: 2px solid var(--cizgi); border-radius: 10px; background: #fff; margin-bottom: 6px; } .mt-captcha #captcha_image_audio_controls, .mt-captcha .securimage-refresh-btn { display: inline-block; vertical-align: middle; margin-right: 6px; } .mt-captcha #captcha_image_audio_controls img, .mt-captcha .securimage-refresh-btn img { width: 28px; height: 28px; opacity: .75; } html[data-tema="koyu"] .mt-captcha #captcha_image_audio_controls img { filter: invert(1); } .mt-captcha br { display: none; } .mt-captcha label[for="captcha_code"] { display: block; margin: 8px 0 5px; font-weight: 650; font-size: 13px; color: var(--soluk); } html[data-tema] .mt-captcha input#captcha_code { width: 100% !important; box-sizing: border-box; border: 2px solid var(--cizgi) !important; border-radius: 10px !important; background: var(--girdi) !important; color: var(--metin) !important; padding: 10px 12px !important; font: 600 16px system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; letter-spacing: 3px; height: auto !important; } html[data-tema] .mt-captcha input#captcha_code:focus { border-color: #2f7de1 !important; outline: none; } /* Dunya alan adlari sayfasi (2026-11-01; tablo duzeni) */ .mt-dunya-adim { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; padding: 0; } .mt-dunya-adim li { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--kart); color: var(--metin); font-size: 13.5px; font-weight: 600; line-height: 1.35; } .mt-dunya-adim b { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--lacivert); color: var(--kart); font-size: 13px; } .mt-dunya-ara { padding: 18px; margin-top: 12px; } .mt-dunya-secilen { margin-top: 12px; padding: 10px 12px; border: 1px dashed var(--cizgi); border-radius: 10px; background: var(--zemin); } .mt-dunya-secilen .bas { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13.5px; color: var(--metin); margin-bottom: 8px; } .mt-dunya-secilen .bas a { font-size: 13px; } .mt-dunya-secilen .liste { display: flex; flex-wrap: wrap; gap: 6px; } .mt-dunya-secilen .ipucu { font-size: 13px; color: var(--soluk); } .mt-dunya-secilen .secim { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--lacivert); background: var(--lacivert-acik); color: var(--lacivert); border-radius: 999px; padding: 3px 6px 3px 10px; font: 650 13px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; cursor: pointer; } .mt-dunya-secilen .secim span { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: var(--lacivert); color: var(--kart); font-size: 13px; line-height: 1; } .mt-dunya-secilen .secim:hover span { background: var(--kirmizi); } .mt-dunya-uyari { margin-top: 10px; padding: 9px 12px; border-radius: 8px; background: var(--turuncu-acik); color: var(--turuncu-metin); font-size: 13.5px; font-weight: 600; } .mt-dunya-sonuc { margin-top: 14px; border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; } .mt-dunya-sonuc .mt-tablo { margin: 0; } .mt-dunya-sonuc .durum { white-space: nowrap; } .mt-dunya-sonuc .nokta { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 7px; vertical-align: 1px; background: var(--sonuk); } .mt-dunya-sonuc .d-bekle .nokta { animation: mt-dn-nabiz 1s ease-in-out infinite; } .mt-dunya-sonuc .d-ok .durum { color: var(--yesil); font-weight: 650; } .mt-dunya-sonuc .d-ok .nokta { background: var(--yesil); } .mt-dunya-sonuc .d-ol .durum { color: var(--turuncu-metin); font-weight: 600; } .mt-dunya-sonuc .d-ol .nokta { background: var(--turuncu); } .mt-dunya-sonuc .d-er td { color: var(--soluk); } .mt-dunya-sonuc .d-er .nokta { background: var(--kirmizi); } .mt-dunya-sonuc .d-ha .durum { color: var(--soluk); } .mt-dunya-sonuc small { color: var(--soluk); font-weight: 400; } @keyframes mt-dn-nabiz { 50% { opacity: .25; } } @media (prefers-reduced-motion: reduce) { .mt-dunya-sonuc .d-bekle .nokta { animation: none; } } .mt-dunya-filtre { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; } .mt-dunya-filtre .cipler { display: flex; flex-wrap: wrap; gap: 6px; } .mt-dunya-filtre .cip { border: 1px solid var(--cizgi); background: var(--kart); color: var(--metin); border-radius: 999px; padding: 5px 12px; font: 600 13px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; cursor: pointer; transition: background-color .12s, border-color .12s; } .mt-dunya-filtre .cip small { font-weight: 500; color: var(--soluk); margin-left: 2px; } .mt-dunya-filtre .cip:hover { border-color: var(--lacivert); } .mt-dunya-filtre .cip.aktif { background: var(--lacivert); border-color: var(--lacivert); color: var(--kart); } .mt-dunya-filtre .cip.aktif small { color: inherit; opacity: .8; } .mt-dunya-filtre .arac { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .mt-dunya-filtre .ara { display: flex; align-items: center; gap: 6px; border: 1px solid var(--cizgi); border-radius: 8px; padding: 0 10px; background: var(--girdi); flex: 1 1 260px; max-width: 420px; } .mt-dunya-filtre .ara svg { width: 16px; height: 16px; color: var(--soluk); flex: none; } .mt-dunya-filtre .ara input { border: 0; outline: none; background: transparent; color: var(--metin); padding: 8px 0; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; width: 100%; height: auto; margin: 0; } .mt-dunya-filtre .sirala { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--soluk); } .mt-dunya-filtre .sirala select { border: 1px solid var(--cizgi); border-radius: 8px; background: var(--girdi); color: var(--metin); padding: 7px 8px; font: 14px system-ui, sans-serif; margin: 0; } .mt-dunya-tablo { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; background: var(--kart); } .mt-dunya-liste { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; table-layout: auto; } .mt-dunya-liste th { text-align: left; font-weight: 650; color: var(--soluk); font-size: 13px; padding: 10px 12px !important; background: var(--zemin); white-space: nowrap; } .mt-dunya-liste td { padding: 9px 12px !important; border-top: 1px solid var(--cizgi); vertical-align: middle; color: var(--metin); font-size: 14px; background: transparent; } .mt-dunya-liste .sag { text-align: right; } .mt-dunya-liste .kutu { width: 22px; padding-right: 0 !important; text-align: center; } .mt-dunya-liste input[type="checkbox"] { display: inline-block; width: 18px; height: 18px; margin: 0; padding: 0; border: 0; background: none; accent-color: #1e4f8f; cursor: pointer; vertical-align: middle; opacity: 1; visibility: visible; } .mt-dunya-liste tbody tr { cursor: pointer; transition: background-color .1s; } .mt-dunya-liste tbody tr:hover { background: var(--zemin); } .mt-dunya-liste tbody tr[hidden] { display: none; } .mt-dunya-liste tbody tr.secili { background: var(--lacivert-acik); } .mt-dunya-liste .uz { width: 1%; white-space: nowrap; } .mt-dunya-liste .uz label { display: inline; font-size: 16px; font-weight: 750; color: var(--lacivert); cursor: pointer; padding: 0; margin: 0; } .mt-dunya-liste .aci span { color: var(--metin); margin-right: 6px; } .mt-dunya-liste td.kat { color: var(--soluk); font-size: 13px; white-space: nowrap; width: 1%; } .mt-dunya-liste .fiyat { white-space: nowrap; width: 1%; } .mt-dunya-liste .fiyat b { display: block; font-size: 15px; font-weight: 700; } .mt-dunya-liste .fiyat small { display: block; font-size: 11.5px; color: var(--sonuk); } .mt-dunya-liste .rozet { display: inline-block; font-size: 10.5px; font-weight: 650; padding: 2px 7px; border-radius: 999px; margin: 2px 4px 2px 0; white-space: nowrap; } .mt-dunya-liste .rozet.sart { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-dunya-liste .rozet.elle { background: var(--zemin); color: var(--soluk); border: 1px solid var(--cizgi); } .mt-dunya-bos { text-align: center; color: var(--soluk); padding: 20px; margin: 0; } .mt-dunya-bilgi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 26px; } .mt-dunya-bilgi .mt-kart { display: flex; gap: 12px; padding: 16px; } .mt-dunya-bilgi .ik { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; background: var(--lacivert-acik); color: var(--lacivert); } .mt-dunya-bilgi .ik svg { width: 20px; height: 20px; } .mt-dunya-bilgi h3 { margin: 0 0 4px; font-size: 15px; color: var(--metin); } .mt-dunya-bilgi p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--soluk); } @media (max-width: 900px) { .mt-dunya-bilgi, .mt-dunya-adim { grid-template-columns: 1fr; } } @media (max-width: 600px) { .mt-dunya-liste .kat { display: none; } .mt-dunya-liste th, .mt-dunya-liste td { padding: 9px 5px !important; } .mt-dunya-liste th:first-child, .mt-dunya-liste td:first-child { padding-left: 10px !important; } .mt-dunya-liste th:last-child, .mt-dunya-liste td:last-child { padding-right: 10px !important; } .mt-dunya-liste .aci { font-size: 12.5px; } .mt-dunya-liste .uz label { font-size: 15px; } .mt-dunya-liste .fiyat b { font-size: 14px; } .mt-dunya-liste .fiyat small { font-size: 10.5px; } .mt-dunya-filtre .ara { max-width: none; flex-basis: 100%; } .mt-dunya-sonuc .mt-tablo th:nth-child(3), .mt-dunya-sonuc .mt-tablo td:nth-child(3) { display: none; } .mt-dunya-sonuc .durum { white-space: normal; } } /* Kiralik sunucu tablosu (2026-11-01; canlidaki tablo duzeni, yeni tasarim dili) */ .mt-sunucu-tablo { border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; background: var(--kart); box-shadow: var(--golge); } .mt-sunucu-tablo table { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; } .mt-sunucu-tablo thead th { background: linear-gradient(180deg, var(--lacivert-acik), var(--zemin)); color: var(--lacivert); font-size: 12.5px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; text-align: left; padding: 13px 14px !important; border-bottom: 2px solid var(--lacivert); white-space: nowrap; } .mt-sunucu-tablo thead th.sag { text-align: right; } .mt-sunucu-tablo td { padding: 18px 12px !important; border-top: 1px solid var(--cizgi); vertical-align: middle; color: var(--metin); font-size: 14px; background: transparent; } .mt-sunucu-tablo tbody tr:first-child td { border-top: 0; } .mt-sunucu-tablo tbody tr { transition: background-color .12s; } .mt-sunucu-tablo tbody tr:hover { background: var(--zemin); } .mt-sunucu-tablo .model b { display: block; font-size: 15px; font-weight: 750; color: var(--lacivert); white-space: nowrap; } .mt-sunucu-tablo .model .etiket { display: inline-block; margin-top: 5px; font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--kirmizi); color: #fff; letter-spacing: .3px; } .mt-sunucu-tablo .fiyat { text-align: right; white-space: nowrap; } .mt-sunucu-tablo td.ram, .mt-sunucu-tablo td.disk, .mt-sunucu-tablo td.raid, .mt-sunucu-tablo td.ip { white-space: nowrap; } .mt-sunucu-tablo td.cpu .marka { display: block; font-size: 11.5px; color: var(--soluk); white-space: nowrap; } .mt-sunucu-tablo td.cpu b { font-weight: 650; white-space: nowrap; } .mt-sunucu-tablo td.trafik { min-width: 70px; } .mt-sunucu-tablo td.kisa { white-space: nowrap; } .mt-sunucu-tablo .fiyat b { display: block; font-size: 19px; font-weight: 800; color: var(--metin); letter-spacing: -.3px; } .mt-sunucu-tablo .fiyat b small { font-size: 12px; font-weight: 600; color: var(--soluk); letter-spacing: 0; } .mt-sunucu-tablo .fiyat span { display: block; font-size: 11.5px; color: var(--sonuk); margin-top: 1px; } .mt-sunucu-tablo .fiyat .mt-btn { margin-top: 8px; } .mt-sunucu-tablo thead th { padding-left: 12px !important; padding-right: 12px !important; } .mt-sunucu-tablo .islem { width: 1%; white-space: nowrap; text-align: right; } .mt-sunucu-tablo .gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } @media (max-width: 1220px) { .mt-sunucu-tablo thead { display: none; } .mt-sunucu-tablo table, .mt-sunucu-tablo tbody { display: block; } .mt-sunucu-tablo tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 12px; padding: 16px; border-top: 1px solid var(--cizgi); } .mt-sunucu-tablo tbody tr:first-child { border-top: 0; } .mt-sunucu-tablo td { display: block; padding: 0 !important; border: 0 !important; font-size: 13.5px; } .mt-sunucu-tablo td[data-e]::before { content: attr(data-e); display: block; font-size: 11px; font-weight: 700; color: var(--soluk); text-transform: uppercase; letter-spacing: .3px; margin-bottom: 2px; } .mt-sunucu-tablo .model { grid-column: 1 / -1; } .mt-sunucu-tablo .fiyat { grid-column: 1 / -1; text-align: left; } .mt-sunucu-tablo .fiyat .mt-btn { display: flex; width: 100%; margin-top: 10px; } } @media (max-width: 480px) { .mt-sunucu-tablo tbody tr { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-sunucu-tablo .fiyat { grid-column: 1 / -1; } } /* Sol menu sabit genislik (2026-11-01, kullanici: "sol menu kayiyor, sayfa eni degisiyor"). #mainData otomatik tablo duzenindeyken genis icerikli sayfalarda (kiralik sunucu tablosu, 6 sutunlu karsilastirma) tarayici menu sutununu daraltiyordu (169-270 px arasi). Sabit duzende ilk satirdaki menu hucresi her sayfada 270 px (250 + 20 bosluk), icerik kalan alani alir. */ html[data-tema] .mt-sarmal table#mainData:has(> tbody > tr > td[width="170"]), html[data-tema] .mt-sarmal table#mainData:has(> tbody > tr > td > #uvmenu) { table-layout: fixed; } html[data-tema] .mt-sarmal table#mainData > tbody > tr > td[width="170"] { width: 270px !important; box-sizing: border-box; } html[data-tema] .mt-sarmal table#mainData > tbody > tr > td#mainTD { width: auto; min-width: 0; overflow-wrap: break-word; } .mt-sunucu-tablo { max-width: 100%; } /* ---------- datacenter sayfasi (2026-11-01; kullanici: "en vurucu sayfa bu olmali") ---------- Vitrin ve ag bolumu her temada koyu. Hareket: LED (opacity, steps), kablo/hat akisi (stroke-dashoffset), suzulme (transform). Ekranda olmayan bolumler mt-duraklat ile durur. Fotograflar Wikimedia Commons CC0 (NERSC). */ .mt-dck { --dck-zemin: #0a1424; --dck-kenar: rgba(127,176,255,.18); } .mt-dck .ust { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--kirmizi); } /* vitrin */ .mt-dck-vitrin { position: relative; overflow: hidden; border-radius: 16px; margin: 6px 0 22px; color: #e6edf7; background: #070d18; isolation: isolate; box-shadow: 0 24px 50px -24px rgba(7,13,24,.65); } .mt-dck-vitrin::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--foto) center 40% / cover no-repeat; opacity: .55; } .mt-dck-vitrin::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,13,24,.97) 0%, rgba(7,13,24,.86) 48%, rgba(10,24,48,.55) 100%), radial-gradient(600px 300px at 82% 30%, rgba(47,125,225,.35), transparent 70%); } .mt-dck-vitrin .ic { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 26px; align-items: center; padding: 34px 34px 18px; } .mt-dck-vitrin .ust { color: #7fb0ff; } .mt-dck-vitrin h1 { margin: 12px 0 12px; font-size: 38px; line-height: 1.08; letter-spacing: -.025em; font-weight: 850; color: #fff; } .mt-dck-vitrin h1 em { font-style: normal; color: #ffd400; position: relative; } .mt-dck-vitrin p { margin: 0 0 20px; color: #b8c6da; font-size: 15px; line-height: 1.6; max-width: 54ch; } .mt-dck-vitrin p b { color: #fff; } .mt-dck-vitrin .dugmeler { display: flex; flex-wrap: wrap; gap: 10px; } .mt-dck-vitrin .dugmeler .mt-btn { padding: 12px 20px; font-size: 15px; } .mt-dck-vitrin .dugmeler .mt-btn-kirmizi { box-shadow: 0 10px 24px -10px rgba(215,20,26,.8); } a.mt-dck-cam { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); color: #fff !important; } a.mt-dck-cam:hover { background: rgba(255,255,255,.16); } .mt-dck-vitrin .cipler { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: #cfdbeb; } .mt-dck-vitrin .cipler li { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; background: none; } .mt-dck-vitrin .cipler svg { width: 15px; height: 15px; color: #34d399; } .mt-dck-vitrin .gorsel { position: relative; } .mt-dck-kabin { display: block; width: 100% !important; height: auto !important; animation: mt-suz 7s ease-in-out infinite; } .mt-dck-kabin .led { animation: mt-dck-led 1.8s steps(2, jump-none) infinite; } .mt-dck-kabin .led.y { fill: #34d399; } .mt-dck-kabin .led.s { fill: #fbbf24; animation-duration: .9s; } .mt-dck-kabin .led.m { fill: #60a5fa; animation-duration: 2.6s; } .mt-dck-kabin .ekran { fill: #7dd3fc; animation: mt-dck-led 3.2s steps(2, jump-none) infinite; } .mt-dck-kabin .kablo { fill: none; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 6 8; opacity: .85; animation: mt-akis 2.4s linear infinite; } @keyframes mt-dck-led { 0% { opacity: 1; } 100% { opacity: .2; } } .mt-dck-vitrin .balon { position: absolute; display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 10px; background: rgba(10,20,36,.92); border: 1px solid rgba(127,176,255,.35); color: #e6edf7; font-size: 12px; font-weight: 700; white-space: nowrap; box-shadow: 0 10px 24px -10px rgba(0,0,0,.7); animation: mt-suz 5s ease-in-out infinite; } .mt-dck-vitrin .balon svg { width: 14px; height: 14px; color: #34d399; } .mt-dck-vitrin .balon.b1 { top: 16%; left: -34%; } .mt-dck-vitrin .balon.b2 { bottom: 20%; right: -6%; animation-delay: 1.4s; } .mt-dck-vitrin .sayilar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.1); background: rgba(7,13,24,.55); } .mt-dck-vitrin .sayilar > div { padding: 16px 20px; border-left: 1px solid rgba(255,255,255,.08); } .mt-dck-vitrin .sayilar > div:first-child { border-left: 0; } .mt-dck-vitrin .sayilar b { display: block; font-size: 24px; font-weight: 850; color: #fff; letter-spacing: -.02em; line-height: 1.15; } .mt-dck-vitrin .sayilar b [data-mt-say] { font: inherit; color: inherit; } .mt-dck-vitrin .sayilar span { font-size: 12.5px; color: #9fb0c8; } .mt-duraklat .mt-dck-kabin, .mt-duraklat .mt-dck-kabin *, .mt-duraklat .balon, .mt-duraklat .hatlar path, .mt-duraklat .halka { animation-play-state: paused !important; } /* dahil olanlar */ .mt-dck-dahil { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0 0 34px; } .mt-dck-kart { position: relative; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; padding: 18px 16px 16px; box-shadow: var(--golge); transition: transform .18s, box-shadow .18s, border-color .18s; } .mt-dck-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); border-color: var(--vurgu-mavi); } .mt-dck-kart .ikon { display: inline-flex; width: 42px; height: 42px; border-radius: 11px; align-items: center; justify-content: center; color: #fff; margin-bottom: 12px; } .mt-dck-kart .ikon svg { width: 21px; height: 21px; } .mt-dck-kart .i1 { background: linear-gradient(135deg, #1e4f8f, #2f7de1); } .mt-dck-kart .i2 { background: linear-gradient(135deg, #0f766e, #22c55e); } .mt-dck-kart .i3 { background: linear-gradient(135deg, #b91c1c, #ef4444); } .mt-dck-kart .i4 { background: linear-gradient(135deg, #c2410c, #f59e0b); } .mt-dck-kart b { display: block; font-size: 15px; color: var(--metin); margin-bottom: 6px; } .mt-dck-kart p { margin: 0; font-size: 13px; color: var(--soluk); line-height: 1.55; } .mt-dck-kart p strong { color: var(--metin); } /* bolum basliklari */ .mt-dck-bolum-bas { margin: 8px 0 18px; } .mt-dck-bolum-bas h2 { margin: 6px 0 6px; font-size: 26px; line-height: 1.2; letter-spacing: -.02em; font-weight: 800; color: var(--metin); } .mt-dck-bolum-bas p { margin: 0; color: var(--soluk); max-width: 70ch; } .mt-dck-modeller { scroll-margin-top: 70px; } .mt-dck-seviye { display: flex; align-items: center; gap: 14px; margin: 22px 0 10px; } .mt-dck-seviye .no { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; font-weight: 850; font-size: 16px; color: #fff; background: linear-gradient(135deg, #1e4f8f, #2f7de1); box-shadow: 0 8px 18px -8px rgba(30,79,143,.7); } .mt-dck-seviye.s-kurumsal .no { background: linear-gradient(135deg, #0f766e, #22c55e); box-shadow: 0 8px 18px -8px rgba(15,118,110,.7); } .mt-dck-seviye.s-epik .no { background: linear-gradient(135deg, #b91c1c, #f97316); box-shadow: 0 8px 18px -8px rgba(185,28,28,.7); } .mt-dck-seviye > div { flex: 1; min-width: 0; } .mt-dck-seviye h3 { margin: 0; font-size: 18px; font-weight: 750; color: var(--metin); line-height: 1.25; } .mt-dck-seviye p { margin: 2px 0 0; font-size: 13px; color: var(--soluk); } .mt-dck-seviye .rozet { flex: none; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; padding: 5px 10px; border-radius: 999px; background: var(--lacivert-acik); color: var(--lacivert); white-space: nowrap; } /* tablo eklentileri: mini sunucu yuzu + cekirdek cubugu */ .mt-mini-sunucu { position: relative; display: block; width: 58px; height: 14px; margin-bottom: 7px; border-radius: 3px; background: repeating-linear-gradient(90deg, #22314b 0 3px, #2c3e5d 3px 5px) 0 0 / 30px 100% no-repeat, linear-gradient(180deg, #2b3a52, #18233a); border: 1px solid #3a4c69; } .mt-mini-sunucu::before, .mt-mini-sunucu::after, .mt-mini-sunucu i { content: ""; position: absolute; top: 4px; width: 4px; height: 4px; border-radius: 50%; background: #34d399; animation: mt-dck-led 1.6s steps(2, jump-none) infinite; } .mt-mini-sunucu::before { right: 16px; } .mt-mini-sunucu::after { right: 9px; background: #60a5fa; animation-duration: 2.3s; } .mt-mini-sunucu i { right: 23px; animation-delay: -.7s; } .mt-sunucu-tablo tbody tr:nth-child(2) .mt-mini-sunucu::before { animation-delay: -.5s; } .mt-sunucu-tablo tbody tr:nth-child(3) .mt-mini-sunucu::before { animation-delay: -1.1s; } .mt-sunucu-tablo tbody tr:nth-child(4) .mt-mini-sunucu::before { animation-delay: -.3s; } .mt-sunucu-tablo.epik .mt-mini-sunucu { height: 24px; background: repeating-linear-gradient(180deg, transparent 0 5px, rgba(0,0,0,.35) 5px 6px), repeating-linear-gradient(90deg, #3b2a1f 0 3px, #4d3626 3px 5px) 0 0 / 30px 100% no-repeat, linear-gradient(180deg, #3a2a20, #1d1510); border-color: #7c4a2a; } .mt-sunucu-tablo.epik .mt-mini-sunucu::before { background: #fbbf24; } .mt-cekirdek { display: block; width: 84px; height: 5px; margin-top: 5px; border-radius: 999px; background: var(--cizgi); overflow: hidden; } .mt-cekirdek i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2f7de1, #22c55e); } .mt-sunucu-tablo.epik .mt-cekirdek i { background: linear-gradient(90deg, #f97316, #ef4444); } .mt-sunucu-tablo .model .etiket { margin-left: 0; } .mt-dck .mt-sunucu-tablo tbody tr:hover { background: var(--lacivert-acik); } .mt-dck .mt-sunucu-tablo tbody tr:hover .mt-btn { box-shadow: 0 8px 18px -8px rgba(31,157,85,.9); } /* epik: koyu, isilti cizgili */ .mt-sunucu-tablo.epik { position: relative; background: linear-gradient(120deg, #0d1626 0%, #1a1020 60%, #2a1012 100%); border: 1px solid rgba(249,115,22,.45); box-shadow: 0 20px 44px -22px rgba(239,68,68,.55); } .mt-sunucu-tablo.epik::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: linear-gradient(100deg, transparent 35%, rgba(255,255,255,.07) 50%, transparent 65%); transform: translateX(-120%); animation: mt-parilti 6s ease-in-out infinite; pointer-events: none; } html[data-tema] .mt-sarmal .mt-sunucu-tablo.epik thead th { background: rgba(255,255,255,.04) !important; color: #fdba74 !important; border-bottom: 2px solid #f97316; } .mt-sunucu-tablo.epik td { color: #e6edf7; border-top-color: rgba(255,255,255,.08); } .mt-sunucu-tablo.epik .model b { color: #fff; } .mt-sunucu-tablo.epik td.cpu .marka, .mt-sunucu-tablo.epik .fiyat span, .mt-sunucu-tablo.epik .fiyat b small { color: #c9b6a8; } .mt-sunucu-tablo.epik .fiyat b { color: #fff; font-size: 22px; } .mt-sunucu-tablo.epik .mt-cekirdek { background: rgba(255,255,255,.12); } .mt-dck .mt-sunucu-tablo.epik tbody tr:hover { background: rgba(255,255,255,.03); } .mt-sunucu-tablo.epik .etiket { background: linear-gradient(90deg, #ef4444, #f97316); } /* galeri */ .mt-dck-galeri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 34px 0; } .mt-dck-galeri figure { position: relative; margin: 0; border-radius: 14px; overflow: hidden; aspect-ratio: 4 / 4.6; background: #0a1424; box-shadow: var(--golge-buyuk); } .mt-dck-galeri img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.02); transition: transform .6s ease; filter: saturate(1.05) contrast(1.05); } .mt-dck-galeri figure:hover img { transform: scale(1.08); } .mt-dck-galeri figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,13,24,0) 45%, rgba(7,13,24,.92) 100%); pointer-events: none; } .mt-dck-galeri figcaption { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 1; color: #fff; } .mt-dck-galeri figcaption b { display: block; font-size: 16px; font-weight: 800; } .mt-dck-galeri figcaption span { font-size: 12.5px; color: #c4d2e6; } /* ag */ .mt-dck-ag { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 10px; align-items: center; padding: 30px 28px; margin: 0 0 34px; border-radius: 16px; color: #e6edf7; background: radial-gradient(500px 260px at 72% 50%, rgba(47,125,225,.28), transparent 70%), #070d18; } .mt-dck-ag::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 36px 36px; pointer-events: none; } .mt-dck-ag > * { position: relative; } .mt-dck-ag .ust { color: #7fb0ff; } .mt-dck-ag h2 { margin: 8px 0 10px; font-size: 26px; line-height: 1.2; color: #fff; font-weight: 800; letter-spacing: -.02em; } .mt-dck-ag p { margin: 0 0 16px; color: #b8c6da; font-size: 14px; } .mt-dck-ag p.kucuk { font-size: 12.5px; color: #8fa2bd; margin: 12px 0 0; } .mt-dck-ag .buyuk b { display: block; font-size: 40px; font-weight: 850; color: #ffd400; letter-spacing: -.03em; line-height: 1; } .mt-dck-ag .buyuk b [data-mt-say] { font: inherit; color: inherit; } .mt-dck-ag .buyuk span { font-size: 13px; color: #9fb0c8; } .mt-dck-ag .sema { width: 100% !important; height: auto !important; } .mt-dck-ag .hatlar path { fill: none; stroke: rgba(90,160,255,.55); stroke-width: 1.6; stroke-dasharray: 5 9; animation: mt-akis 2.2s linear infinite; } .mt-dck-ag .hatlar path:nth-child(even) { animation-duration: 3.1s; stroke: rgba(52,211,153,.5); } .mt-dck-ag .hatlar path:nth-child(3n) { animation-direction: reverse; } .mt-dck-ag .dugum circle { fill: #0f1b2e; stroke: #5aa0ff; stroke-width: 2; } .mt-dck-ag .dugum text { fill: #dbe6f5; font: 600 13px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; } .mt-dck-ag .merkez .ic { fill: #d7141a; } .mt-dck-ag .merkez .halka { fill: none; stroke: #ff4d55; stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: mt-halka 2.4s ease-out infinite; } .mt-dck-ag .merkez .halka.h2 { animation-delay: 1.2s; } .mt-dck-ag .merkez .m1 { fill: #fff; font: 850 11.5px system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; letter-spacing: .04em; } .mt-dck-ag .merkez .m2 { fill: #ffd9db; font: 700 8.5px system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; letter-spacing: .12em; } /* teslim adimlari */ .mt-dck-adimlar { list-style: none; counter-reset: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0 0 14px; padding: 0; position: relative; } .mt-dck-adimlar::before { content: ""; position: absolute; left: 10%; right: 10%; top: 22px; height: 2px; background: repeating-linear-gradient(90deg, var(--vurgu-mavi) 0 8px, transparent 8px 14px); opacity: .5; } .mt-dck-adimlar li { position: relative; text-align: center; padding: 0 8px; margin: 0; background: none; list-style: none; } .mt-dck-adimlar .no { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--kart); border: 2px solid var(--vurgu-mavi); color: var(--lacivert); font-weight: 850; font-size: 17px; margin-bottom: 10px; box-shadow: 0 0 0 6px var(--sayfa); } .mt-dck-adimlar li:last-child .no { background: #1f9d55; border-color: #1f9d55; color: #fff; } .mt-dck-adimlar b { display: block; font-size: 14.5px; color: var(--metin); margin-bottom: 3px; } .mt-dck-adimlar li > span:last-child { display: block; font-size: 12.5px; color: var(--soluk); line-height: 1.45; } .mt-dck-detay, .mt-dck-sss details { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; margin: 0 0 10px; } .mt-dck-detay { margin: 6px 0 34px; } .mt-dck-detay summary, .mt-dck-sss summary { cursor: pointer; list-style: none; padding: 14px 44px 14px 16px; font-weight: 700; font-size: 14.5px; color: var(--metin); position: relative; } .mt-dck-detay summary::-webkit-details-marker, .mt-dck-sss summary::-webkit-details-marker { display: none; } .mt-dck-detay summary::after, .mt-dck-sss summary::after { content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; background: var(--lacivert-acik); color: var(--lacivert); font-weight: 800; display: flex; align-items: center; justify-content: center; transition: transform .2s; } .mt-dck-detay[open] summary::after, .mt-dck-sss details[open] summary::after { content: "–"; } .mt-dck-detay summary:hover, .mt-dck-sss summary:hover { color: var(--lacivert); } .mt-dck-detay ol { margin: 0; padding: 0 20px 16px 38px; color: var(--soluk); font-size: 13.5px; } .mt-dck-detay ol li { margin: 0 0 6px; padding-left: 4px; } .mt-dck-sss { margin: 0 0 30px; } .mt-dck-sss details p { margin: 0; padding: 0 16px 16px; color: var(--soluk); font-size: 13.5px; line-height: 1.65; } .mt-dck-sss details[open] { border-color: var(--vurgu-mavi); } /* kapanis */ .mt-dck-son { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 26px; border-radius: 16px; margin: 0 0 10px; color: #fff; background: linear-gradient(120deg, #163c6e, #1e4f8f 55%, #2f7de1); } .mt-dck-son::before { content: ""; position: absolute; right: -40px; top: -60px; width: 220px; height: 220px; border-radius: 50%; border: 40px solid rgba(255,255,255,.06); } .mt-dck-son > * { position: relative; } .mt-dck-son b { display: block; font-size: 20px; font-weight: 800; margin-bottom: 4px; } .mt-dck-son span { color: #d6e4f7; font-size: 14px; } .mt-dck-son .mt-btn { padding: 12px 20px; font-size: 15px; flex: none; } /* dar ekranlar */ @media (max-width: 1180px) { .mt-dck-vitrin .ic { grid-template-columns: minmax(0, 1fr) 200px; padding: 28px 24px 16px; } .mt-dck-vitrin h1 { font-size: 32px; } .mt-dck-vitrin .balon.b1 { left: -20%; } .mt-dck-dahil { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-dck-ag { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 760px) { .mt-dck-vitrin .ic { grid-template-columns: minmax(0, 1fr); padding: 24px 18px 12px; } .mt-dck-vitrin .gorsel { display: none; } .mt-dck-vitrin h1 { font-size: 28px; } .mt-dck-vitrin .sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-dck-vitrin .sayilar > div:nth-child(3) { border-left: 0; } .mt-dck-vitrin .sayilar > div:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.08); } .mt-dck-dahil, .mt-dck-galeri { grid-template-columns: minmax(0, 1fr); } .mt-dck-galeri figure { aspect-ratio: 16 / 10; } .mt-dck-adimlar { grid-template-columns: minmax(0, 1fr); gap: 12px; } .mt-dck-adimlar::before { display: none; } .mt-dck-adimlar li { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 12px; text-align: left; } .mt-dck-adimlar .no { grid-row: span 2; margin: 0; } .mt-dck-son { flex-direction: column; align-items: flex-start; } .mt-dck-seviye .rozet { display: none; } } @media (prefers-reduced-motion: reduce) { .mt-dck-kabin, .mt-dck-kabin *, .mt-dck-vitrin .balon, .mt-dck-ag *, .mt-mini-sunucu::before, .mt-mini-sunucu::after, .mt-mini-sunucu i, .mt-sunucu-tablo.epik::after { animation: none !important; } } /* ---------- alan adi (domain) sorgulama: tek sayfa, sekmeli uzanti secimi (2026-11-01, kullanici secimi A) ---------- */ .mt-ad-ara, .mt-ad-ara * { box-sizing: border-box; } .mt-ad-ara { margin: 10px 0 14px; padding: 18px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--kart); box-shadow: var(--golge); color: var(--metin); } .mt-ad-ara .uz-izgara { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 20px; } .mt-ad-ara h2 { margin: 0 0 6px; font-size: 18px; font-weight: 800; color: var(--metin); } .mt-ad-ara .uz-sol p { margin: 0 0 10px; font-size: 12.5px; color: var(--soluk); line-height: 1.5; } .mt-ad-ara textarea { display: block; width: 100%; min-height: 120px; margin: 0 0 10px; padding: 10px 12px; border: 2px solid var(--lacivert); border-radius: 10px; background: var(--girdi); color: var(--metin); font: 600 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; resize: vertical; } .mt-ad-ara textarea:focus { outline: none; border-color: var(--vurgu-mavi); box-shadow: 0 0 0 4px rgba(47,125,225,.15); } .mt-ad-ara .uz-dugme { width: 100%; padding: 12px 16px; font-size: 15px; } .mt-ad-ara .uz-secili { margin-top: 10px; font-size: 12.5px; color: var(--soluk); } .mt-ad-ara .uz-secili b { color: var(--lacivert); font-size: 14px; } .mt-ad-ara .uz-uyari { margin-top: 10px; padding: 9px 11px; border-radius: 8px; background: var(--kirmizi-acik); border: 1px solid var(--kirmizi-cizgi); color: var(--kirmizi); font-size: 12.5px; font-weight: 600; } .mt-ad-ara .uz-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .mt-ad-ara .uz-sekmeler button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--kart); color: var(--metin); font: 700 13.5px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; cursor: pointer; } .mt-ad-ara .uz-sekmeler button span { font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 999px; background: var(--zemin); color: var(--soluk); } .mt-ad-ara .uz-sekmeler button:hover { border-color: var(--lacivert); } .mt-ad-ara .uz-sekmeler button[aria-selected="true"] { background: var(--lacivert); border-color: var(--lacivert); color: #fff; } [data-tema="koyu"] .mt-ad-ara .uz-sekmeler button[aria-selected="true"] { background: #2f6fd0; border-color: #2f6fd0; } .mt-ad-ara .uz-sekmeler button[aria-selected="true"] span { background: rgba(255,255,255,.2); color: #fff; } .mt-ad-ara .uz-filtre input { width: 100%; margin: 0 0 8px; padding: 8px 12px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--girdi); color: var(--metin); font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; } .mt-ad-ara .uz-katlar { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; } .mt-ad-ara .uz-katlar button { padding: 4px 10px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--zemin); color: var(--soluk); font: 600 12px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; cursor: pointer; } .mt-ad-ara .uz-katlar button span { opacity: .7; } .mt-ad-ara .uz-katlar button.on { background: var(--lacivert-acik); border-color: var(--lacivert); color: var(--lacivert); } .mt-ad-ara .uz-panel-not { margin: 0 0 8px; font-size: 12px; color: var(--soluk); } .mt-ad-ara .ek-nokta, .mt-ad-ara label.u.ek .ad::after { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--turuncu); vertical-align: middle; } .mt-ad-ara label.u.ek .ad::after { content: ""; margin-left: 5px; } .mt-ad-ara .uz-kutular { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 6px; max-height: 330px; overflow-y: auto; padding: 2px 4px 2px 0; } .mt-ad-ara label.u { position: relative; display: flex; flex-direction: column; gap: 1px; margin: 0; padding: 7px 10px 7px 32px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--kart); cursor: pointer; transition: border-color .12s, background-color .12s; background-image: none !important; } .mt-ad-ara label.u[hidden] { display: none; } .mt-ad-ara label.u:hover { border-color: var(--lacivert); } .mt-ad-ara label.u.secili { border-color: var(--lacivert); background: var(--lacivert-acik); } .mt-ad-ara label.u input[type=checkbox] { position: absolute !important; left: 10px; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 !important; padding: 0; accent-color: #1e4f8f; cursor: pointer; } .mt-ad-ara label.u .ad { font-weight: 750; font-size: 14px; color: var(--metin); line-height: 1.25; } .mt-ad-ara label.u small { font-size: 11px; color: var(--soluk); } .mt-ad-ara .uz-fiyat-not { margin: 8px 0 0; font-size: 11.5px; color: var(--sonuk); } @media (max-width: 900px) { .mt-ad-ara .uz-izgara { grid-template-columns: minmax(0, 1fr); } } /* eski tema button/textarea stillerini ez (style.php) */ html[data-tema] .mt-ad-ara .uz-sekmeler button { background: var(--kart) !important; color: var(--metin) !important; border: 1px solid var(--cizgi) !important; box-shadow: none !important; text-shadow: none !important; height: auto !important; } html[data-tema] .mt-ad-ara .uz-sekmeler button:hover { border-color: var(--lacivert) !important; } html[data-tema] .mt-ad-ara .uz-sekmeler button[aria-selected="true"] { background: var(--lacivert) !important; border-color: var(--lacivert) !important; color: #fff !important; } html[data-tema="koyu"] .mt-ad-ara .uz-sekmeler button[aria-selected="true"] { background: #2f6fd0 !important; border-color: #2f6fd0 !important; } html[data-tema] .mt-ad-ara .uz-katlar button { background: var(--zemin) !important; color: var(--soluk) !important; border: 1px solid var(--cizgi) !important; box-shadow: none !important; text-shadow: none !important; height: auto !important; } html[data-tema] .mt-ad-ara .uz-katlar button.on { background: var(--lacivert-acik) !important; border-color: var(--lacivert) !important; color: var(--lacivert) !important; } html[data-tema] .mt-ad-ara textarea { border: 2px solid var(--lacivert) !important; background: var(--girdi) !important; color: var(--metin) !important; border-radius: 10px !important; margin: 0 0 10px !important; padding: 10px 12px !important; } html[data-tema] .mt-ad-ara textarea::placeholder { color: var(--sonuk); font-weight: 500; } html[data-tema] .mt-ad-ara .uz-filtre input { border: 1px solid var(--cizgi) !important; background: var(--girdi) !important; border-radius: 8px !important; margin: 0 0 8px !important; padding: 8px 12px !important; } /* ana sayfa: coklu sorgu / tum uzantilar baglantisi (2026-11-01) */ .mt-sorgu a.mt-coklu { display: flex; align-items: center; gap: 7px; margin-top: 10px; padding: 9px 12px; border: 1px dashed var(--lacivert); border-radius: 9px; background: var(--lacivert-acik); color: var(--lacivert) !important; font-size: 13px; font-weight: 600; text-decoration: none; } .mt-sorgu a.mt-coklu:hover { border-style: solid; } .mt-sorgu a.mt-coklu svg { width: 15px; height: 15px; } .mt-sorgu a.mt-coklu svg:last-child { margin-left: auto; } /* yardim konulari (helpdesk/*.htm tema icinde, 2026-11-01) */ .mt-yk-iz { font-size: 13px; color: var(--soluk); margin: 4px 0 12px; } .mt-yk-iz a { font-weight: 600; } .mt-yk-iz span { margin: 0 6px; opacity: .6; } .mt-yk-iz b { color: var(--metin); } .mt-yk-izgara { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; align-items: start; } .mt-yk-liste { padding: 14px 10px; position: sticky; top: 70px; } .mt-yk-liste h3 { margin: 10px 8px 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sonuk); } .mt-yk-liste h3:first-child { margin-top: 0; } .mt-yk-liste ul { list-style: none; margin: 0 0 6px; padding: 0; } .mt-yk-liste li { margin: 0; padding: 0; background: none; } .mt-yk-liste a { display: block; padding: 7px 10px; border-radius: 8px; font-size: 13.5px; font-weight: 600; color: var(--metin) !important; text-decoration: none; } .mt-yk-liste a:hover { background: var(--zemin); color: var(--lacivert) !important; } .mt-yk-liste a[aria-current="page"] { background: var(--lacivert-acik); color: var(--lacivert) !important; box-shadow: inset 3px 0 0 var(--lacivert); } .mt-yk-icerik { padding: 24px 28px; } .mt-yk-icerik .ust { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kirmizi); } .mt-yk-icerik h1 { margin: 6px 0 14px; font-size: 26px; line-height: 1.2; font-weight: 800; color: var(--metin); letter-spacing: -.01em; } .mt-yk-icerik .metin { font-size: 15px; line-height: 1.7; color: var(--metin); max-width: 72ch; } .mt-yk-icerik .metin p { margin: 0 0 14px; } .mt-yk-icerik .metin a { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; } .mt-yk-icerik .metin ul, .mt-yk-icerik .metin ol { margin: 0 0 14px 20px; padding: 0; list-style: disc; } .mt-yk-icerik .metin li { margin: 0 0 6px; list-style: inherit; } .mt-yk-icerik .alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--cizgi); } .mt-yk-icerik .alt span { font-weight: 700; color: var(--soluk); margin-right: auto; } /* online yardim sayfasi alt bolum: konu kartlari */ .mt-yk-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 10px 0 6px; } .mt-yk-kartlar .mt-kart { padding: 16px; } .mt-yk-kartlar h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--metin); } .mt-yk-kartlar h3 svg { color: var(--lacivert); } .mt-yk-kartlar ul { list-style: none; margin: 0; padding: 0; } .mt-yk-kartlar li { margin: 0; padding: 0; background: none; } .mt-yk-kartlar a { display: flex; align-items: center; gap: 6px; padding: 5px 0; font-size: 13.5px; font-weight: 600; text-decoration: none; } .mt-yk-kartlar a::before { content: "›"; color: var(--kirmizi); font-weight: 800; } .mt-yk-kartlar a:hover { text-decoration: underline; } @media (max-width: 1180px) { .mt-yk-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .mt-yk-izgara { grid-template-columns: minmax(0, 1fr); } .mt-yk-liste { position: static; order: 2; } .mt-yk-icerik { padding: 18px; } } @media (max-width: 560px) { .mt-yk-kartlar { grid-template-columns: minmax(0, 1fr); } } /* destek sayfasi ust kutu (eski "destek sistemine giris" gorseli + maskot yerine, 2026-11-01) */ .mt-destek-kutu { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 12px 0 18px; padding: 16px 18px; border: 1px solid var(--cizgi); border-left: 4px solid var(--kirmizi); border-radius: 12px; background: var(--kart); box-shadow: var(--golge); } .mt-destek-kutu .yazi b { display: block; font-size: 16px; font-weight: 800; color: var(--metin); margin-bottom: 3px; } .mt-destek-kutu .yazi span { font-size: 13.5px; color: var(--soluk); } .mt-destek-kutu .dugmeler { display: flex; gap: 8px; flex-wrap: wrap; } /* domain yonetimi (managehome.php, 2026-11-01) */ .mt-md-ust { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 6px 0 14px; } .mt-md-ust > div:first-child { margin-right: auto; } .mt-md-ust h2 { margin: 0; font-size: 22px; font-weight: 800; color: var(--metin); } .mt-md-ust p { margin: 2px 0 0; font-size: 13px; color: var(--soluk); } .mt-md-ust .ozet { display: flex; gap: 6px; flex-wrap: wrap; } .mt-md-ust .r { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 600; background: var(--zemin); color: var(--soluk); border: 1px solid var(--cizgi); } .mt-md-ust .r b { font-size: 14px; } .mt-md-ust .r.aktif b { color: var(--yesil); } .mt-md-ust .r.yakin { background: var(--turuncu-acik); color: var(--turuncu-metin); border-color: transparent; } .mt-md-ust .r.bitti { background: var(--kirmizi-acik); color: var(--kirmizi); border-color: transparent; } .mt-md-ara { display: flex; gap: 8px; margin: 0 0 8px; } html[data-tema] .mt-md-ara select, html[data-tema] .mt-md-ara input[type=text] { margin: 0 !important; padding: 9px 12px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; } html[data-tema] .mt-md-ara input[type=text] { flex: 1; min-width: 0; } .mt-md-ara .mt-btn { flex: none; } .mt-md-harfler { display: flex; flex-wrap: wrap; gap: 3px; margin: 0 0 14px; } .mt-md-harfler a { min-width: 28px; padding: 4px 7px; border-radius: 7px; text-align: center; font-size: 12.5px; font-weight: 700; color: var(--soluk) !important; text-decoration: none; } .mt-md-harfler a:hover { background: var(--zemin); color: var(--lacivert) !important; } .mt-md-harfler a.on { background: var(--lacivert); color: #fff !important; } .mt-md-tablo { border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; background: var(--kart); box-shadow: var(--golge); } .mt-md-tablo table { width: 100%; border-collapse: collapse; margin: 0; } html[data-tema] .mt-sarmal .mt-md-tablo thead th { background: var(--zemin) !important; color: var(--soluk) !important; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-align: left; padding: 12px 14px !important; border-bottom: 1px solid var(--cizgi); white-space: nowrap; } .mt-md-tablo th.sag { text-align: right !important; } .mt-md-tablo th a.sirala { color: inherit !important; text-decoration: none; } .mt-md-tablo th a.sirala:hover { color: var(--lacivert) !important; } html[data-tema] .mt-md-tablo td { padding: 14px 14px !important; border-top: 1px solid var(--cizgi); vertical-align: middle; font-size: 14px; color: var(--metin); background: transparent; } .mt-md-tablo tbody tr:first-child td { border-top: 0; } .mt-md-tablo tbody tr:hover td { background: var(--zemin); } .mt-md-tablo td.ad a:first-child { color: var(--metin) !important; text-decoration: none; font-size: 15px; } .mt-md-tablo td.ad a:first-child:hover b { color: var(--lacivert); text-decoration: underline; } .mt-md-tablo td.ad b { font-weight: 750; } .mt-md-tablo td.ad .tld { font-weight: 600; color: var(--soluk); } .mt-md-tablo td.ad a.host { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--yesil) !important; text-decoration: none; } .mt-md-tablo .pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; white-space: nowrap; background: var(--yesil-acik); color: var(--yesil); } .mt-md-tablo .pill .n { width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .mt-md-tablo .d-yakin .pill { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-md-tablo .d-bitti .pill { background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-md-tablo .d-bekle .pill { background: var(--zemin); color: var(--soluk); } .mt-md-tablo td.tarih b { display: block; font-weight: 700; white-space: nowrap; } .mt-md-tablo td.tarih span { font-size: 12px; color: var(--soluk); white-space: nowrap; } .mt-md-tablo .d-yakin td.tarih span { color: var(--turuncu-metin); font-weight: 700; } .mt-md-tablo .d-bitti td.tarih span { color: var(--kirmizi); font-weight: 700; } .mt-md-tablo .oto { font-size: 12.5px; font-weight: 700; color: var(--sonuk); } .mt-md-tablo .oto.acik { color: var(--yesil); } .mt-md-tablo .oto.kapali { color: var(--soluk); } .mt-md-tablo .oto.acik::before, .mt-md-tablo .oto.kapali::before { content: ""; display: inline-block; width: 26px; height: 15px; margin-right: 6px; vertical-align: -3px; border-radius: 999px; background: var(--cizgi); box-shadow: inset -11px 0 0 2px var(--cizgi), inset 0 0 0 2px var(--cizgi); background-image: radial-gradient(circle at 7px 50%, #fff 5px, transparent 5.5px); } .mt-md-tablo .oto.acik::before { background-color: var(--yesil); box-shadow: none; background-image: radial-gradient(circle at 19px 50%, #fff 5px, transparent 5.5px); } .mt-md-tablo td.islem { text-align: right; white-space: nowrap; } .mt-md-tablo td.islem .mt-btn { margin-left: 4px; } .mt-md-tablo .bekle-not { font-size: 12.5px; color: var(--soluk); font-style: italic; } .mt-md-tablo tr.bos td { text-align: center; padding: 28px 14px !important; color: var(--soluk); } .mt-md-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 12px 0 6px; } .mt-md-alt .sayfa { margin: 0; font-size: 13px; color: var(--soluk); } html[data-tema] .mt-md-alt select { margin: 0 0 0 6px !important; padding: 4px 8px !important; border: 1px solid var(--cizgi) !important; border-radius: 7px !important; background: var(--girdi) !important; color: var(--metin) !important; } .mt-md-not { font-size: 12.5px; color: var(--sonuk); margin: 6px 0 0; } @media (max-width: 860px) { .mt-md-tablo thead { display: none; } .mt-md-tablo table, .mt-md-tablo tbody, .mt-md-tablo tr, .mt-md-tablo td { display: block; width: 100%; } .mt-md-tablo tr { padding: 12px 14px; border-top: 1px solid var(--cizgi); display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; } .mt-md-tablo tbody tr:first-child { border-top: 0; } html[data-tema] .mt-md-tablo td { padding: 0 !important; border: 0 !important; } .mt-md-tablo td.ad { grid-column: 1; } .mt-md-tablo td.durum { grid-column: 2; text-align: right; } .mt-md-tablo td.tarih { grid-column: 1; } .mt-md-tablo td.oto { grid-column: 2; text-align: right; align-self: center; } .mt-md-tablo td.islem { grid-column: 1 / -1; text-align: left; display: flex; gap: 8px; } .mt-md-tablo td.islem .mt-btn { margin: 0; flex: 1; } .mt-md-ust > a.mt-btn { width: 100%; } } @media (min-width: 1300px) { .mt-md-tablo td.ad a:first-child { white-space: nowrap; } } .mt-md-harfler { gap: 2px; } .mt-md-harfler a { min-width: 24px; padding: 4px 5px; } .mt-md-alt .sayfalar .row { margin: 0; padding: 0 !important; } .mt-md-alt #paging { display: flex; gap: 6px; } html[data-tema] .mt-md-alt #paging .btn, html[data-tema] .mt-md-alt #paging a { display: inline-flex; align-items: center; padding: 6px 12px !important; border: 1px solid var(--cizgi) !important; border-radius: 8px !important; background: var(--kart) !important; color: var(--lacivert) !important; font: 600 13px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; text-decoration: none; height: auto !important; box-shadow: none !important; } html[data-tema] .mt-md-alt #paging .btn[disabled] { color: var(--sonuk) !important; background: var(--zemin) !important; cursor: default; } html[data-tema] .mt-md-alt #paging a:hover { border-color: var(--lacivert) !important; } .mt-md-tablo td.tarih .oto { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 600; white-space: nowrap; } .mt-md-tablo td.tarih .oto::before { width: 20px !important; height: 11px !important; vertical-align: -1px !important; margin-right: 5px !important; background-image: radial-gradient(circle at 5.5px 50%, #fff 3.5px, transparent 4px) !important; } .mt-md-tablo td.tarih .oto.acik::before { background-image: radial-gradient(circle at 14.5px 50%, #fff 3.5px, transparent 4px) !important; } @media (max-width: 860px) { .mt-md-tablo td.tarih { grid-column: 1 / -1; } } .mt-md-tablo td.tarih span.oto { color: var(--soluk) !important; font-weight: 600 !important; } .mt-md-tablo td.tarih span.oto.acik { color: var(--yesil) !important; } /* alt bilgi: rozet/IP/kayan logolar yerine iletisim blogu (2026-11-02) */ .mt-alt .mt-alt-iletisim { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } .mt-alt .mt-alt-iletisim h4 { margin-bottom: 4px; } .mt-alt .mt-alt-iletisim a.tel { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 800; color: var(--metin) !important; text-decoration: none; letter-spacing: -.01em; } .mt-alt .mt-alt-iletisim a.tel.ikinci { font-size: 14px; font-weight: 700; color: var(--soluk) !important; } .mt-alt .mt-alt-iletisim a.tel svg { width: 16px; height: 16px; color: var(--kirmizi); } .mt-alt .mt-alt-iletisim a.tel:hover { color: var(--lacivert) !important; } .mt-alt .mt-alt-iletisim .saat { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--soluk); margin-bottom: 4px; } .mt-alt .mt-alt-iletisim .saat svg { width: 14px; height: 14px; } .mt-alt .mt-alt-iletisim .adres { font-size: 12px; color: var(--sonuk); line-height: 1.45; margin-top: 4px; } /* hosting yonetimi (HostingPaneli.php, 2026-11-02) - mt-md tablosunu kullanir */ .mt-hy-bilgi { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: var(--lacivert-acik); color: var(--metin); font-size: 13px; } .mt-hy-bilgi svg { color: var(--lacivert); margin-top: 1px; } .mt-hy .mt-md-tablo td.ad .paket { display: block; margin-top: 2px; font-size: 12.5px; color: var(--soluk); } html[data-tema] .mt-hy .mt-md-tablo button.kullanim { display: inline-flex; align-items: center; gap: 5px; margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--lacivert) !important; font: 600 12px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; cursor: pointer; height: auto !important; } .mt-hy .mt-md-tablo button.kullanim svg { width: 14px; height: 14px; } .mt-hy .kullanim-kutu { margin-top: 6px; padding: 8px 10px; border-radius: 8px; background: var(--zemin); border: 1px solid var(--cizgi); font-size: 12.5px; } .mt-hy .mt-md-tablo td.durum .odeme-not { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 700; color: var(--kirmizi); white-space: nowrap; } .mt-hy .mt-md-tablo td.islem { white-space: normal; min-width: 220px; } .mt-hy .mt-md-tablo td.islem form.satir-ici { display: inline; margin: 0; } .mt-hy .mt-md-tablo td.islem .ikincil { display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; } .mt-hy .mt-md-tablo td.islem .ikincil a { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 600; color: var(--soluk) !important; text-decoration: none; white-space: nowrap; } .mt-hy .mt-md-tablo td.islem .ikincil a:hover { color: var(--lacivert) !important; } .mt-hy .mt-md-tablo td.islem .ikincil svg { width: 13px; height: 13px; } @media (max-width: 860px) { .mt-hy .mt-md-tablo td.islem { flex-wrap: wrap; } .mt-hy .mt-md-tablo td.islem .ikincil { width: 100%; justify-content: flex-start; } .mt-hy .mt-md-tablo td.islem form.satir-ici { flex: 1; display: flex; } .mt-hy .mt-md-tablo td.islem form.satir-ici .mt-btn { flex: 1; } } /* kredi yukle (acctrefill, 2026-11-02) */ .mt-kr-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 6px 0 16px; } .mt-kr-kartlar .mt-kart { display: flex; flex-direction: column; gap: 3px; padding: 16px; } .mt-kr-kartlar .ik { display: inline-flex; width: 36px; height: 36px; border-radius: 10px; align-items: center; justify-content: center; color: #fff; margin-bottom: 6px; background: linear-gradient(135deg, #0f766e, #22c55e); } .mt-kr-kartlar .k-bekleyen .ik { background: linear-gradient(135deg, #c2410c, #f59e0b); } .mt-kr-kartlar .k-borc .ik { background: linear-gradient(135deg, #b91c1c, #ef4444); } .mt-kr-kartlar small { font-size: 12.5px; color: var(--soluk); font-weight: 600; } .mt-kr-kartlar b { font-size: 24px; font-weight: 850; color: var(--metin); letter-spacing: -.02em; } .mt-kr-kartlar .k-bakiye b { color: var(--yesil); } .mt-kr-kartlar a, .mt-kr-kartlar span:last-child { font-size: 12.5px; } .mt-kr-kartlar span:last-child { color: var(--sonuk); } .mt-kr-form { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; padding: 22px; margin: 0; } .mt-kr-form h2, .mt-kr-onay h2 { margin: 0 0 8px; font-size: 20px; font-weight: 800; color: var(--metin); } .mt-kr-form p { margin: 0 0 12px; color: var(--soluk); font-size: 13.5px; line-height: 1.6; } .mt-kr-form ul { list-style: none; margin: 0; padding: 0; } .mt-kr-form li { display: flex; gap: 7px; align-items: center; margin: 0 0 6px; padding: 0; background: none; font-size: 13px; color: var(--metin); } .mt-kr-form li svg { width: 15px; height: 15px; color: var(--yesil); } .mt-kr-form .giris { padding: 16px; border-radius: 12px; background: var(--zemin); border: 1px solid var(--cizgi); } .mt-kr-form label { display: block; font-size: 13px; font-weight: 700; color: var(--soluk); margin-bottom: 6px; } .mt-kr-form .tutar { display: flex; align-items: center; border: 2px solid var(--lacivert); border-radius: 10px; background: var(--girdi); overflow: hidden; } html[data-tema] .mt-kr-form .tutar input { flex: 1; min-width: 0; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; background: transparent !important; color: var(--metin) !important; font: 800 24px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; text-align: right; height: auto !important; box-shadow: none !important; } .mt-kr-form .tutar span { padding: 0 14px; font-weight: 800; color: var(--soluk); } .mt-kr-form .hizli { display: flex; gap: 6px; margin: 10px 0 12px; flex-wrap: wrap; } html[data-tema] .mt-kr-form .hizli button { flex: 1; padding: 7px 8px !important; border: 1px solid var(--cizgi) !important; border-radius: 8px !important; background: var(--kart) !important; color: var(--lacivert) !important; font: 700 13px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; cursor: pointer; height: auto !important; box-shadow: none !important; } html[data-tema] .mt-kr-form .hizli button:hover { border-color: var(--lacivert) !important; } .mt-kr-form .gonder { width: 100%; padding: 12px; font-size: 15px; } .mt-kr-onay { max-width: 560px; padding: 24px; } .mt-kr-onay .adim { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--kirmizi); } .mt-kr-onay h2 { margin-top: 6px; } .mt-kr-onay dl { margin: 12px 0; border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; } .mt-kr-onay dl div { display: flex; justify-content: space-between; padding: 10px 14px; border-top: 1px solid var(--cizgi); } .mt-kr-onay dl div:first-child { border-top: 0; } .mt-kr-onay dt { color: var(--soluk); font-size: 13.5px; } .mt-kr-onay dd { margin: 0; font-weight: 700; color: var(--metin); } .mt-kr-onay dd.tutar { font-size: 20px; font-weight: 850; color: var(--yesil); } .mt-kr-onay p { color: var(--soluk); font-size: 13.5px; } .mt-kr-onay p.kucuk { font-size: 12px; margin-bottom: 0; } .mt-kr-onay .dugmeler { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; } @media (max-width: 900px) { .mt-kr-kartlar, .mt-kr-form { grid-template-columns: minmax(0, 1fr); } } /* faturalarim (imanage, 2026-11-02) - mt-md tablosunu kullanir */ .mt-fa-borc { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; } .mt-fa-borc small { font-size: 12.5px; color: var(--soluk); } .mt-fa-borc small b { color: var(--kirmizi); } .mt-fa-borc > b { font-size: 22px; font-weight: 850; color: var(--kirmizi); letter-spacing: -.02em; } .mt-md-ust form.satir-ici { margin: 0; } .mt-fa .mt-md-tablo th.sec, .mt-fa .mt-md-tablo td.sec { width: 34px; padding-right: 0 !important; } .mt-fa .mt-md-tablo input[type=checkbox] { width: 16px; height: 16px; margin: 0; accent-color: #1e4f8f; position: static !important; } .mt-fa .mt-md-tablo td.ad b { font-size: 15px; } .mt-fa .mt-md-tablo td.ad .aciklama { display: block; margin-top: 2px; font-size: 13px; color: var(--metin); } .mt-fa .mt-md-tablo td.ad .kucuk { display: block; font-size: 11.5px; color: var(--sonuk); } .mt-fa .mt-md-tablo td.tutar { text-align: right; white-space: nowrap; } .mt-fa .mt-md-tablo td.tutar b { font-size: 15px; font-weight: 800; } .mt-fa .mt-md-tablo td.tutar span { display: block; font-size: 12px; color: var(--kirmizi); } .mt-fa .mt-md-tablo .f-odendi .pill { background: var(--yesil-acik); color: var(--yesil); } .mt-fa .mt-md-tablo .f-acik .pill { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-fa .mt-md-tablo .f-gecikti .pill { background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-fa .mt-md-tablo .f-acik td.tarih span { color: var(--turuncu-metin); font-weight: 700; } .mt-fa .mt-md-tablo .f-gecikti td.tarih span { color: var(--kirmizi); font-weight: 700; } .mt-fa .mt-md-tablo .f-odendi td.tarih b { color: var(--soluk); font-weight: 600; } .mt-fa .mt-md-tablo .f-gecikti td { background: color-mix(in srgb, var(--kirmizi-acik) 45%, transparent); } .mt-fa .mt-md-tablo tr[hidden] { display: none; } .mt-fa-secili { margin-top: 10px; } @media (max-width: 860px) { .mt-fa .mt-md-tablo td.sec { grid-column: 1; grid-row: 1; width: auto; } .mt-fa .mt-md-tablo td.ad { grid-column: 1 / -1; } .mt-fa .mt-md-tablo td.tutar { grid-column: 2; text-align: right; } .mt-fa .mt-md-tablo td.tarih { grid-column: 1; } .mt-fa .mt-md-tablo td.sec:empty { display: none; } .mt-md-ust .mt-fa-borc { align-items: flex-start; } } .mt-fa .mt-md-tablo td.islem .mt-btn.ikon { padding-left: 9px; padding-right: 9px; } .mt-btn[disabled], button.mt-btn:disabled { opacity: .45; cursor: not-allowed; } .mt-fa .mt-md-tablo td.islem .mt-btn span { display: none; } @media (max-width: 1299px) { html[data-tema] .mt-md-tablo td { padding: 12px 9px !important; } html[data-tema] .mt-sarmal .mt-md-tablo thead th { padding: 11px 9px !important; } } @media (max-width: 860px) { .mt-fa .mt-md-tablo .f-gecikti td { background: transparent; } .mt-fa .mt-md-tablo tr.f-gecikti { background: color-mix(in srgb, var(--kirmizi-acik) 45%, transparent); } } /* banka hesaplarimiz (kurumsal.php, 2026-11-02) */ .mt-bk-firma { display: flex; gap: 16px; align-items: flex-start; padding: 18px; margin: 6px 0 14px; } .mt-bk-firma .ik { flex: none; display: inline-flex; width: 42px; height: 42px; border-radius: 11px; align-items: center; justify-content: center; background: linear-gradient(135deg, #1e4f8f, #2f7de1); color: #fff; } .mt-bk dl { margin: 0; display: grid; gap: 0; flex: 1; } .mt-bk-firma dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; } .mt-bk dl div { display: flex; flex-direction: column; } .mt-bk dt { font-size: 12px; font-weight: 700; color: var(--sonuk); text-transform: uppercase; letter-spacing: .04em; } .mt-bk dd { margin: 2px 0 0; font-size: 14.5px; font-weight: 650; color: var(--metin); display: flex; align-items: center; gap: 6px; } .mt-bk .rozet { font-size: 12px; font-weight: 800; padding: 3px 9px; border-radius: 999px; background: var(--yesil-acik); color: var(--yesil); } .mt-bk-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .mt-bk-banka { padding: 18px; border-top: 4px solid var(--renk); } .mt-bk-banka .ust { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .mt-bk-banka .ust img { width: auto; height: 36px; border-radius: 6px; background: #fff; padding: 3px 6px; border: 1px solid var(--cizgi); } .mt-bk-banka .ust b { font-size: 16px; font-weight: 800; color: var(--metin); } .mt-bk-banka .iban { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; padding: 10px 12px; margin-bottom: 8px; border-radius: 10px; background: var(--zemin); border: 1px solid var(--cizgi); } .mt-bk-banka .iban small { grid-column: 1; font-size: 11.5px; font-weight: 700; color: var(--renk); } .mt-bk-banka .iban code { grid-column: 1; font: 700 15.5px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--metin); letter-spacing: .02em; word-break: break-word; } .mt-bk-banka .iban .kopya { grid-column: 2; grid-row: 1 / span 2; } .mt-bk-banka dl { margin-top: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } html[data-tema] .mt-bk .kopya { display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px !important; margin: 0 !important; border: 1px solid var(--cizgi) !important; border-radius: 8px !important; background: var(--kart) !important; color: var(--lacivert) !important; font: 700 12.5px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; cursor: pointer; height: auto !important; box-shadow: none !important; } html[data-tema] .mt-bk .kopya:hover { border-color: var(--lacivert) !important; } html[data-tema] .mt-bk .kopya.tamam { background: var(--yesil-acik) !important; color: var(--yesil) !important; border-color: transparent !important; } .mt-bk .kopya svg { width: 14px; height: 14px; } .mt-bk-firma dd .kopya { padding: 3px 6px !important; } .mt-bk-not { margin-top: 14px; } .mt-bk-not span { display: block; } @media (max-width: 1000px) { .mt-bk-liste { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 560px) { .mt-bk-firma dl, .mt-bk-banka dl { grid-template-columns: minmax(0, 1fr); } .mt-bk-firma { flex-direction: column; } } .mt-bk-banka .iban code { font-size: 14px; letter-spacing: 0; white-space: nowrap; } @media (max-width: 560px) { .mt-bk-banka .iban code { white-space: normal; } } .mt-vurgu-kutu a { color: #ffd400 !important; text-decoration: underline; text-underline-offset: 2px; } /* .tr belgeler (trbelge.php, 2026-11-02) */ .mt-tb-giris { padding: 22px; margin: 6px 0 18px; border-radius: 14px; background: linear-gradient(120deg, #eaf7ef, #f6fbff); border: 1px solid var(--cizgi); } [data-tema="koyu"] .mt-tb-giris { background: linear-gradient(120deg, #11291f, #0f1a2a); } .mt-tb-giris .ust { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--yesil); } .mt-tb-giris h2 { margin: 6px 0 8px; font-size: 22px; font-weight: 800; color: var(--metin); } .mt-tb-giris p { margin: 0 0 14px; color: var(--soluk); font-size: 14px; line-height: 1.6; max-width: 75ch; } .mt-tb-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 10px; } .mt-tb-cipler span { padding: 7px 13px; border-radius: 999px; background: var(--yesil-acik); color: var(--yesil); font-weight: 800; font-size: 14px; } .mt-tb-not { font-size: 13px; color: var(--soluk); margin: 0 0 22px; } .mt-tb-belgeli { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; } .mt-tb-belgeli details { padding: 0; } .mt-tb-belgeli summary { cursor: pointer; list-style: none; display: flex; align-items: baseline; gap: 10px; padding: 13px 40px 13px 14px; position: relative; } .mt-tb-belgeli summary::-webkit-details-marker { display: none; } .mt-tb-belgeli summary::after { content: "+"; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: var(--lacivert-acik); color: var(--lacivert); font-weight: 800; display: flex; align-items: center; justify-content: center; } .mt-tb-belgeli details[open] summary::after { content: "–"; } .mt-tb-belgeli summary b { font-size: 15.5px; font-weight: 800; color: var(--lacivert); min-width: 62px; } .mt-tb-belgeli summary span { font-size: 13.5px; color: var(--soluk); } .mt-tb-belgeli details p { margin: 0; padding: 0 14px 14px; font-size: 13.5px; line-height: 1.6; color: var(--metin); } .mt-tb-belgeli details[open] { border-color: var(--vurgu-mavi); } .mt-tb-son { margin-top: 18px; } .mt-tb-son span { display: block; } @media (max-width: 760px) { .mt-tb-belgeli { grid-template-columns: minmax(0, 1fr); } } /* sss (2026-11-02) */ .mt-sss { margin-top: 6px; } .mt-sss .dns { display: flex; gap: 10px; align-items: baseline; margin-top: 6px; } .mt-sss .dns code { font: 700 14px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--lacivert); } .mt-sss .dns small { color: var(--soluk); font-size: 13px; } /* cozum ortaklari (2026-11-02) */ .mt-co-giris { margin: 4px 0 14px; color: var(--soluk); font-size: 14px; } .mt-co-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .mt-co-kart { display: flex; flex-direction: column; overflow: hidden; padding: 0; transition: transform .18s, box-shadow .18s, border-color .18s; } .mt-co-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); border-color: var(--vurgu-mavi); } .mt-co-kart .logo { display: flex; align-items: center; justify-content: center; gap: 10px; height: 110px; padding: 16px 20px; background: #fff; border-bottom: 1px solid var(--cizgi); text-decoration: none; } .mt-co-kart .logo.koyu { background: #000; } .mt-co-kart .logo img { max-width: 100%; max-height: 72px; width: auto; height: auto; object-fit: contain; } .mt-co-kart .logo .harf { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; height: 52px; padding: 0 8px; border-radius: 14px; color: #fff; font-weight: 850; font-size: 20px; } .mt-co-kart .logo b { font-size: 20px; font-weight: 800; color: #1f2933; } .mt-co-kart .yazi { display: flex; flex-direction: column; flex: 1; padding: 14px 16px 16px; } .mt-co-kart .etiket { align-self: flex-start; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; background: var(--lacivert-acik); color: var(--lacivert); } .mt-co-kart h3 { margin: 8px 0 6px; font-size: 16px; font-weight: 800; color: var(--metin); } .mt-co-kart p { margin: 0 0 12px; font-size: 13px; color: var(--soluk); line-height: 1.55; flex: 1; } .mt-co-kart .baglanti { display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; font-weight: 700; } .mt-co-kart .baglanti a { text-decoration: none; } .mt-co-kart .baglanti a:hover { text-decoration: underline; } @media (max-width: 1180px) { .mt-co-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .mt-co-izgara { grid-template-columns: minmax(0, 1fr); } } /* medyabim yazilim (2026-11-02) */ .mt-yz-giris { margin: 4px 0 14px; color: var(--soluk); font-size: 14px; } .mt-yz-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .mt-yz-kart { display: flex; flex-direction: column; padding: 0; overflow: hidden; transition: transform .18s, box-shadow .18s; } .mt-yz-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); } .mt-yz-kart .resim { display: flex; align-items: center; justify-content: center; height: 150px; background: var(--zemin); border-bottom: 1px solid var(--cizgi); overflow: hidden; } .mt-yz-kart .resim img { max-width: 92%; max-height: 136px; object-fit: contain; border-radius: 4px; box-shadow: 0 4px 14px -6px rgba(0,0,0,.35); } .mt-yz-kart .yazi { display: flex; flex-direction: column; flex: 1; padding: 12px 14px 14px; } .mt-yz-kart .tur { align-self: flex-start; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; padding: 2px 7px; border-radius: 6px; background: var(--lacivert-acik); color: var(--lacivert); } .mt-yz-kart h3 { margin: 7px 0 5px; font-size: 15px; font-weight: 800; color: var(--metin); } .mt-yz-kart p { margin: 0 0 12px; font-size: 13px; color: var(--soluk); line-height: 1.5; flex: 1; } .mt-yz-kart .mt-btn { align-self: flex-start; } .mt-yz-film { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .mt-yz-film a { display: flex; align-items: center; gap: 12px; padding: 14px; text-decoration: none; } .mt-yz-film .ik { display: inline-flex; width: 42px; height: 42px; border-radius: 50%; align-items: center; justify-content: center; background: var(--kirmizi); color: #fff; flex: none; } .mt-yz-film b { display: block; color: var(--metin); font-size: 14.5px; } .mt-yz-film small { color: var(--soluk); font-size: 12.5px; } @media (max-width: 1180px) { .mt-yz-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .mt-yz-izgara, .mt-yz-film { grid-template-columns: minmax(0, 1fr); } } /* is basvuru (isbasvuru.php, 2026-11-02) */ .mt-ib-ust { padding: 20px 22px; margin: 6px 0 14px; border-radius: 14px; color: #e6edf7; background: radial-gradient(500px 220px at 85% 20%, rgba(47,125,225,.35), transparent 70%), var(--dc-zemin); } .mt-ib-ust .ust { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #7fb0ff; } .mt-ib-ust h2 { margin: 6px 0 8px; font-size: 24px; font-weight: 800; color: #fff; } .mt-ib-ust p { margin: 0; color: #b8c6da; font-size: 14px; max-width: 70ch; } .mt-ib-secim { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; } .mt-ib-secim a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 2px solid var(--cizgi); border-radius: 12px; background: var(--kart); text-decoration: none; color: var(--metin) !important; transition: border-color .15s; } .mt-ib-secim a:hover { border-color: var(--vurgu-mavi); } .mt-ib-secim a.on { border-color: var(--lacivert); background: var(--lacivert-acik); } .mt-ib-secim .ik { display: inline-flex; width: 42px; height: 42px; border-radius: 11px; align-items: center; justify-content: center; background: var(--lacivert); color: #fff; flex: none; } .mt-ib-secim b { display: block; font-size: 15.5px; } .mt-ib-secim small { color: var(--soluk); font-size: 12.5px; } .mt-ib-hata { display: flex; gap: 10px; padding: 12px 14px; margin-bottom: 12px; border-radius: 10px; background: var(--kirmizi-acik); border: 1px solid var(--kirmizi-cizgi); color: var(--kirmizi); font-size: 13.5px; font-weight: 600; } .mt-ib-hata ul { margin: 0; padding-left: 16px; } .mt-ib-hata li { list-style: disc; margin: 0; } .mt-ib-form { padding: 20px 22px; } .mt-ib-form h3 { margin: 0 0 14px; font-size: 18px; font-weight: 800; color: var(--metin); } .mt-ib-form .izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; } .mt-ib-form label { display: flex; flex-direction: column; gap: 5px; } .mt-ib-form label.tam { grid-column: 1 / -1; } .mt-ib-form label > span { font-size: 13px; font-weight: 700; color: var(--soluk); } html[data-tema] .mt-ib-form input[type=text], html[data-tema] .mt-ib-form input[type=email], html[data-tema] .mt-ib-form input[type=tel], html[data-tema] .mt-ib-form textarea, html[data-tema] .mt-ib-form .guvenlik input[type=text] { width: 100%; margin: 0 !important; padding: 10px 12px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; box-sizing: border-box; } html[data-tema] .mt-ib-form input:focus, html[data-tema] .mt-ib-form textarea:focus { outline: none; border-color: var(--vurgu-mavi) !important; box-shadow: 0 0 0 3px rgba(47,125,225,.15); } .mt-ib-form .dosya input { padding: 10px; border: 1px dashed var(--cizgi); border-radius: 9px; background: var(--zemin); } .mt-ib-form .guvenlik { margin: 14px 0 6px; } .mt-ib-form .guvenlik > span { display: block; font-size: 13px; font-weight: 700; color: var(--soluk); margin-bottom: 6px; } .mt-ib-form .guvenlik input[type=text] { max-width: 220px; } .mt-ib-form label.onay { flex-direction: row; align-items: flex-start; gap: 8px; margin: 12px 0 14px; font-size: 13px; color: var(--metin); } .mt-ib-form label.onay input { margin-top: 2px; accent-color: #1e4f8f; width: 16px; height: 16px; flex: none; } .mt-ib-form .gonder { padding: 12px 22px; font-size: 15px; } .mt-ib-form .notlar { margin: 14px 0 0; padding-left: 16px; color: var(--sonuk); font-size: 12px; } .mt-ib-form .notlar li { list-style: disc; margin: 0 0 3px; } .mt-ib-tamam { padding: 32px; text-align: center; max-width: 560px; margin: 20px auto; } .mt-ib-tamam .ik { display: inline-flex; width: 56px; height: 56px; border-radius: 50%; align-items: center; justify-content: center; background: var(--yesil); color: #fff; } .mt-ib-tamam .ik svg { width: 28px; height: 28px; } .mt-ib-tamam h2 { margin: 12px 0 8px; font-size: 22px; font-weight: 800; color: var(--metin); } .mt-ib-tamam p { color: var(--soluk); } @media (max-width: 700px) { .mt-ib-secim, .mt-ib-form .izgara { grid-template-columns: minmax(0, 1fr); } } .mt-vurgu-kutu a.mt-btn { color: #fff !important; text-decoration: none; } /* === Profil + sifre (2026-11-02) === */ html[data-tema] .mt-ib-form input[type=password], html[data-tema] .mt-ib-form select { width: 100%; margin: 0 !important; padding: 10px 12px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; box-sizing: border-box; height: auto !important; } html[data-tema] .mt-ib-form input[type=password]:focus, html[data-tema] .mt-ib-form select:focus { outline: none; border-color: var(--vurgu-mavi) !important; box-shadow: 0 0 0 3px rgba(47,125,225,.15); } html[data-tema] .mt-ib-form input:disabled { opacity: .7; } .mt-pf-form h3 { display: flex; align-items: center; gap: 10px; margin: 22px 0 12px !important; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: 16px !important; } .mt-pf-form h3:first-of-type { margin-top: 0 !important; padding-top: 0; border-top: 0; } .mt-pf-form h3 small { font-size: 12.5px; font-weight: 500; color: var(--soluk); } .mt-pf-form h3 .ik, .mt-pf-ipucu h3 .ik { display: inline-flex; width: 32px; height: 32px; border-radius: 9px; align-items: center; justify-content: center; background: var(--lacivert-acik); color: var(--lacivert); flex: none; } .mt-pf-form h3 .ik svg, .mt-pf-ipucu h3 .ik svg { width: 17px; height: 17px; } .mt-pf-form .izgara.tek { grid-template-columns: minmax(0, 1fr); } .mt-pf-form label.onay { margin-top: 20px; } .mt-pf-dugme { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 16px; } .mt-pf-tamam, .mt-pf-uyari { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; margin-bottom: 12px; border-radius: 10px; font-size: 13.5px; } .mt-pf-tamam { background: var(--yesil-acik); color: var(--yesil); font-weight: 600; } .mt-pf-uyari { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-pf-tamam svg, .mt-pf-uyari svg, .mt-ib-hata svg { width: 18px; height: 18px; flex: none; margin-top: 1px; } .mt-pf-tamam *, .mt-pf-uyari a { color: inherit !important; } .mt-pf-uyari a { font-weight: 700; } .mt-pf-tamam table, .mt-ib-hata table { width: auto !important; background: none !important; border: 0 !important; } .mt-pf-ikili { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; align-items: start; } .mt-pf-ipucu { padding: 20px 22px; } .mt-pf-ipucu h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 16px; font-weight: 800; color: var(--metin); } .mt-pf-ipucu ul { margin: 0 0 12px; padding-left: 18px; font-size: 13.5px; color: var(--metin); } .mt-pf-ipucu li { list-style: disc; margin: 0 0 6px; } .mt-pf-ipucu p { margin: 0; font-size: 13px; color: var(--soluk); } .mt-pf-guc { display: flex; align-items: center; gap: 5px; margin: -4px 0 2px; font-size: 12.5px; color: var(--soluk); } .mt-pf-guc i { width: 34px; height: 5px; border-radius: 3px; background: var(--cizgi); } .mt-pf-guc span { margin-left: 6px; } .mt-pf-guc.g1 i:nth-child(-n+1) { background: var(--kirmizi); } .mt-pf-guc.g2 i:nth-child(-n+2) { background: var(--turuncu); } .mt-pf-guc.g3 i:nth-child(-n+3) { background: var(--vurgu-mavi); } .mt-pf-guc.g4 i { background: var(--yesil); } @media (max-width: 760px) { .mt-pf-ikili, .mt-pf-form .izgara { grid-template-columns: minmax(0, 1fr); } } .mt-pf-form label.onay input[type=checkbox] { display: inline-block !important; position: static !important; width: 16px !important; height: 16px !important; margin: 2px 0 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; accent-color: #1e4f8f; cursor: pointer; flex: none; } /* === Destek talepleri (2026-11-02) === */ .mt-hd-sayac { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0 0 12px; } .mt-hd-sayac a { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--kart); text-decoration: none; color: var(--metin) !important; transition: border-color .15s; } .mt-hd-sayac a:hover { border-color: var(--vurgu-mavi); } .mt-hd-sayac a.on { border-color: var(--lacivert); box-shadow: inset 0 0 0 1px var(--lacivert); } .mt-hd-sayac b { font-size: 22px; font-weight: 800; line-height: 1.1; } .mt-hd-sayac span { font-size: 12.5px; color: var(--soluk); } .mt-hd-sayac .d-acik b { color: var(--vurgu-mavi); } .mt-hd-sayac .d-bekle b { color: var(--turuncu-metin); } .mt-hd-sayac .d-askida b { color: var(--soluk); } .mt-hd-sayac .d-kapali b { color: var(--yesil); } .mt-hd-d { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; white-space: nowrap; } .mt-hd-d .n { width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .mt-hd-d.d-acik { background: var(--lacivert-acik); color: var(--vurgu-mavi); } .mt-hd-d.d-bekle { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-hd-d.d-askida { background: var(--zemin); color: var(--soluk); } .mt-hd-d.d-kapali { background: var(--yesil-acik); color: var(--yesil); } .mt-hd-tablo td.ad a { text-decoration: none; color: var(--metin) !important; } .mt-hd-tablo td.ad a:hover b { color: var(--lacivert); } .mt-hd-tablo td.ad .kucuk { display: block; font-size: 12px; color: var(--soluk); margin-top: 2px; } .mt-hd-tablo tr.d-bekle td.ad b { color: var(--turuncu-metin); } .mt-hd-tablo tr.bos td { padding: 26px 12px !important; text-align: center; color: var(--soluk); line-height: 1.7; } .mt-hd-bilgi { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; padding: 16px 20px; margin-bottom: 14px; } .mt-hd-bilgi small { display: block; font-size: 12px; color: var(--soluk); margin-bottom: 2px; } .mt-hd-bilgi b { font-size: 14px; color: var(--metin); } .mt-hd-bilgi .kapat { margin-left: auto; } .mt-hd-akis { display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; } .mt-hd-msj { max-width: 88%; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--kart); overflow: hidden; } .mt-hd-msj.musteri { align-self: flex-end; border-color: var(--lacivert-acik); } .mt-hd-msj.destek { align-self: flex-start; border-left: 4px solid var(--kirmizi); } .mt-hd-msj .ust { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--zemin); font-size: 13px; } .mt-hd-msj.musteri .ust { background: var(--lacivert-acik); } .mt-hd-msj .ust .ik { display: inline-flex; width: 26px; height: 26px; border-radius: 8px; align-items: center; justify-content: center; background: var(--lacivert); color: #fff; } .mt-hd-msj.destek .ust .ik { background: var(--kirmizi); } .mt-hd-msj .ust .ik svg { width: 14px; height: 14px; } .mt-hd-msj .ust > span:last-child { margin-left: auto; color: var(--soluk); font-size: 12px; } .mt-hd-msj .govde { padding: 12px 16px; font-size: 14px; line-height: 1.6; color: var(--metin); overflow-wrap: anywhere; } .mt-hd-ekler { margin-bottom: 14px; font-size: 13px; } .mt-hd-dosya { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; } .mt-hd-dosya > span { font-size: 13px; font-weight: 700; color: var(--soluk); } .mt-hd-dosya small { font-weight: 500; } .mt-hd-dosya input[type=file] { padding: 8px; border: 1px dashed var(--cizgi); border-radius: 9px; background: var(--zemin); font-size: 13px; color: var(--metin); } .mt-hd-yanit h3:first-of-type { margin-bottom: 10px !important; } .mt-hd-tel { list-style: none !important; padding: 0 !important; } .mt-hd-tel li { list-style: none !important; font-size: 16px; } .mt-hd .hd-acil { grid-column: 2; margin: 22px 0 0 !important; } .mt-hd-ham { padding: 16px; } @media (max-width: 760px) { .mt-hd-sayac { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-hd-sayac a:first-child { grid-column: 1 / -1; } .mt-hd-msj { max-width: 100%; } .mt-hd-bilgi .kapat { margin-left: 0; } .mt-hd .hd-acil { grid-column: auto; margin: 0 !important; } } .mt-ib-form .izgara > .tam { grid-column: 1 / -1; } .mt-hd-dosya input[type=file] { width: 100%; box-sizing: border-box; } /* === Gecmis + son islemler (2026-11-02) === */ .mt-gc-sira { margin: 0 0 8px; font-size: 12.5px; } .mt-gc-sira a { display: inline-flex; align-items: center; gap: 6px; color: var(--soluk) !important; text-decoration: none; } .mt-gc-sira a:hover { color: var(--lacivert) !important; } .mt-gc-sira svg { width: 14px; height: 14px; } .mt-gc-akis { list-style: none !important; margin: 0; padding: 6px 0 !important; } .mt-gc-akis li { list-style: none !important; display: grid; grid-template-columns: 92px 30px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0 !important; padding: 8px 18px; border-top: 1px solid var(--cizgi); font-size: 13.5px; } .mt-gc-akis li:first-child { border-top: 0; } .mt-gc-akis .tarih { font-weight: 700; color: var(--metin); white-space: nowrap; font-size: 13px; } .mt-gc-akis .ik { display: inline-flex; width: 30px; height: 30px; border-radius: 9px; align-items: center; justify-content: center; background: var(--zemin); color: var(--soluk); } .mt-gc-akis .ik svg { width: 15px; height: 15px; } .mt-gc-akis .metin { color: var(--metin); overflow-wrap: anywhere; } .mt-gc-akis .ayr { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 8px; color: var(--soluk) !important; } .mt-gc-akis .ayr:hover { background: var(--zemin); color: var(--lacivert) !important; } .mt-gc-akis .ayr svg { width: 14px; height: 14px; } .mt-gc-akis .t-fatura .ik { background: var(--lacivert-acik); color: var(--lacivert); } .mt-gc-akis .t-odeme .ik, .mt-gc-akis .t-kredi .ik { background: var(--yesil-acik); color: var(--yesil); } .mt-gc-akis .t-alan .ik, .mt-gc-akis .t-hosting .ik { background: var(--lacivert-acik); color: var(--vurgu-mavi); } .mt-gc-akis .t-uyari .ik { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-gc-akis .t-iptal .ik { background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-gc-bos { padding: 24px; text-align: center; color: var(--soluk); } .mt-md-ust .mt-btn + .mt-btn { margin-left: -8px; } .mt-jr-tablo .tutar.arti b { color: var(--yesil); } .mt-jr-tablo .tutar.eksi b { color: var(--kirmizi); } .mt-jr-tablo .tutar { text-align: right; white-space: nowrap; } .mt-jr-tablo .soluk { color: var(--sonuk); } .mt-jr-fat { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; text-decoration: none; color: var(--lacivert) !important; } .mt-jr-fat svg { width: 14px; height: 14px; } @media (max-width: 760px) { .mt-gc-akis li { grid-template-columns: 30px minmax(0, 1fr) auto; padding: 8px 12px; } .mt-gc-akis .tarih { grid-column: 1 / -1; } .mt-gc-akis .tarih:empty { display: none; } .mt-md-ust .mt-btn + .mt-btn { margin-left: 0; } } /* === Alan adi sorgu sonucu (2026-11-02) === */ .mt-ws { margin: 0 0 16px; } .mt-ws-sonuc { padding: 0 !important; overflow: hidden; } .mt-ws-sonuc .ust { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding: 16px 20px 12px; border-bottom: 1px solid var(--cizgi); } .mt-ws-sonuc .ust h2 { margin: 0; font-size: 18px; font-weight: 800; color: var(--metin); } .mt-ws-sonuc .ust span { font-size: 13px; color: var(--soluk); } .mt-ws-satir { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) auto 150px 190px; align-items: center; gap: 14px; margin: 0 !important; padding: 11px 20px !important; border-bottom: 1px solid var(--cizgi); cursor: pointer; font-weight: 400 !important; transition: background .12s; } .mt-ws-satir:hover { background: var(--zemin); } .mt-ws-satir input[type=checkbox] { display: inline-block !important; position: static !important; width: 18px !important; height: 18px !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; accent-color: #1e4f8f; cursor: pointer; } .mt-ws-satir input[type=checkbox]:disabled { cursor: not-allowed; opacity: .35 !important; } .mt-ws-satir .ad { font-size: 15px; color: var(--soluk); overflow-wrap: anywhere; } .mt-ws-satir .ad b { color: var(--metin); font-weight: 800; } .mt-ws-satir .not { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: var(--zemin); color: var(--soluk); vertical-align: 1px; text-decoration: none; } .mt-ws-satir .not.elle { background: var(--turuncu-acik); color: var(--turuncu-metin); cursor: help; } .mt-ws-satir a.not.belge { background: var(--lacivert-acik); color: var(--lacivert) !important; } .mt-ws-satir .whois a { font-size: 12.5px; font-weight: 600; color: var(--lacivert) !important; } .mt-ws-satir .fiyat { text-align: right; white-space: nowrap; } .mt-ws-satir .fiyat b { font-size: 14.5px; color: var(--metin); } .mt-ws-satir .fiyat small { display: block; font-size: 11.5px; color: var(--sonuk); } .mt-ws-satir .durum { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; } .mt-ws-satir .durum small { font-size: 11.5px; color: var(--turuncu-metin); } .mt-ws-satir .durum .tekrar { font-size: 12px; font-weight: 700; color: var(--lacivert) !important; } .mt-ws-d { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-size: 12.5px; font-weight: 700; white-space: nowrap; } .mt-ws-d .n { width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .mt-ws-d.bos { background: var(--yesil-acik); color: var(--yesil); } .mt-ws-d.dolu { background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-ws-d.hata { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-ws-d.bekle { background: var(--zemin); color: var(--soluk); } .mt-ws-d.bekle .n { animation: mtWsNabiz 1s ease-in-out infinite; } @keyframes mtWsNabiz { 50% { opacity: .2; } } .mt-ws-satir.d-dolu { cursor: default; } .mt-ws-satir.d-dolu .ad b, .mt-ws-satir.d-dolu .fiyat b { color: var(--soluk); font-weight: 600; } .mt-ws-satir.d-bos .ad b { color: var(--lacivert); } .mt-ws-sonuc .alt { display: flex; align-items: center; justify-content: flex-end; gap: 14px; flex-wrap: wrap; padding: 14px 20px; background: var(--zemin); } .mt-ws-sonuc .alt span { font-size: 13.5px; color: var(--soluk); } .mt-ws-sonuc .alt span b { color: var(--metin); } .mt-ws-sonuc .alt .mt-btn { padding: 11px 20px; font-size: 15px; } .mt-ws-sonuc .alt .mt-btn:disabled { opacity: .45; cursor: not-allowed; } @media (max-width: 760px) { .mt-ws-satir { grid-template-columns: 22px minmax(0, 1fr) auto; gap: 6px 10px; padding: 12px 14px !important; } .mt-ws-satir .whois { grid-column: 2; grid-row: 2; } .mt-ws-satir .whois:empty { display: none; } .mt-ws-satir .fiyat { grid-column: 3; grid-row: 1; } .mt-ws-satir .durum { grid-column: 2 / -1; align-items: flex-start; flex-direction: row; gap: 8px; align-items: center; } .mt-ws-sonuc .alt { justify-content: stretch; } .mt-ws-sonuc .alt .mt-btn { flex: 1; justify-content: center; } } .mt-ana label.mt-ws-satir > input[type=checkbox][id] { position: static !important; left: auto !important; top: auto !important; display: inline-block !important; } /* === Yeni uyelik (2026-11-02) === */ .mt-yh-ikili { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); } .mt-yh .mt-ib-form label > small { font-size: 11.5px; color: var(--sonuk); font-weight: 500; } .mt-yh .mt-ib-form label > small.mt-pf-guc { margin: 2px 0 0; } .mt-yh-tur { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .mt-yh-tur label { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px !important; padding: 12px 14px; border: 2px solid var(--cizgi); border-radius: 12px; cursor: pointer; } .mt-yh-tur label:has(input:checked) { border-color: var(--lacivert); background: var(--lacivert-acik); } .mt-ana .mt-yh-tur label > input[type=radio] { position: static !important; display: inline-block !important; opacity: 1 !important; width: 18px; height: 18px; margin: 0 !important; accent-color: #1e4f8f; flex: none; } .mt-yh-tur b { display: block; font-size: 14.5px; color: var(--metin); } .mt-yh-tur small { font-size: 12px; color: var(--soluk); } .mt-yh-kurum { margin-top: 12px; } .mt-yh .mt-pf-form label.onay input[type=checkbox] { display: inline-block !important; position: static !important; width: 16px !important; height: 16px !important; opacity: 1 !important; margin: 2px 0 0 !important; accent-color: #1e4f8f; flex: none; } .mt-ana .mt-pf-form label.onay > input[type=checkbox][id] { position: static !important; left: auto !important; } .mt-yh-hata { padding: 10px 14px; border-radius: 10px; background: var(--kirmizi-acik); border: 1px solid var(--kirmizi-cizgi); color: var(--kirmizi); font-size: 13.5px; font-weight: 600; } .mt-yh-hata ul { margin: 0; padding-left: 16px; } .mt-yh-hata li { list-style: disc; margin: 2px 0; } .mt-yh-tamam { max-width: 560px; margin: 16px auto; padding: 30px; text-align: center; } .mt-yh-tamam .ik { display: inline-flex; width: 56px; height: 56px; border-radius: 50%; align-items: center; justify-content: center; background: var(--yesil-acik); color: var(--yesil); margin-bottom: 10px; } .mt-yh-tamam .ik svg { width: 28px; height: 28px; } .mt-yh-tamam h2 { margin: 0 0 10px; font-size: 22px; font-weight: 800; color: var(--metin); } .mt-yh-tamam p { margin: 0 0 8px; font-size: 14.5px; color: var(--metin); } .mt-yh-tamam p.soluk { color: var(--soluk); font-size: 13px; margin-bottom: 18px; } @media (max-width: 760px) { .mt-yh-ikili, .mt-yh-tur { grid-template-columns: minmax(0, 1fr); } } .mt-yh-kurum[hidden], .mt-yh-hata[hidden] { display: none !important; } /* === Sepet (2026-11-02) === */ .mt-sp-adim { display: flex; gap: 6px; margin: 0 !important; padding: 0 !important; list-style: none !important; } .mt-sp-adim li { list-style: none !important; display: inline-flex; align-items: center; gap: 6px; margin: 0 !important; padding: 6px 12px; border-radius: 999px; background: var(--zemin); color: var(--soluk); font-size: 12.5px; font-weight: 700; } .mt-sp-adim li span { display: inline-flex; width: 20px; height: 20px; border-radius: 50%; align-items: center; justify-content: center; background: var(--cizgi); color: var(--metin); font-size: 11px; } .mt-sp-adim li.on { background: var(--lacivert); color: #fff; } .mt-sp-adim li.on span { background: #fff; color: var(--lacivert); } .mt-sp-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; } .mt-sp-izgara.tek { grid-template-columns: minmax(0, 1fr); } .mt-sp-liste { padding: 0 !important; overflow: hidden; } .mt-sp-liste .baslik { display: flex; align-items: center; gap: 8px; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); font-size: 15px; color: var(--metin); } .mt-sp-liste .baslik svg { width: 18px; height: 18px; color: var(--lacivert); } .mt-sp-liste form { margin: 0 !important; padding: 0 !important; } .mt-sp-liste table { width: 100% !important; border-collapse: collapse; border: 0 !important; margin: 0 !important; } .mt-sp-liste td { padding: 0 !important; border: 0 !important; background: none !important; } .mt-sp-urun { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 120px auto; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); } .mt-sp-urun .ik { display: inline-flex; width: 40px; height: 40px; border-radius: 11px; align-items: center; justify-content: center; background: var(--lacivert-acik); color: var(--lacivert); } .mt-sp-urun .ik svg { width: 20px; height: 20px; } .mt-sp-urun.t-host .ik { background: var(--yesil-acik); color: var(--yesil); } .mt-sp-urun.t-sunucu .ik { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-sp-urun .ad { min-width: 0; overflow-wrap: anywhere; } .mt-sp-urun .ad .tur { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--soluk); } .mt-sp-urun .ad b { font-size: 15.5px; color: var(--metin); } .mt-sp-urun .ad .ek { color: var(--soluk); font-size: 12.5px; } .mt-sp-urun .ad .paket, .mt-sp-urun .ad .alt { display: block; margin-top: 3px; font-size: 12.5px; color: var(--soluk); } .mt-sp-urun .ad .alt a { font-weight: 700; color: var(--lacivert) !important; text-decoration: none; } .mt-sp-urun .ad .alt a:hover { text-decoration: underline; } .mt-sp-urun .sure label { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12.5px; color: var(--soluk); font-weight: 600; } html[data-tema] .mt-sp-urun select { width: auto !important; min-width: 96px; margin: 0 !important; padding: 7px 10px !important; border: 1px solid var(--cizgi) !important; border-radius: 8px !important; background: var(--girdi) !important; color: var(--metin) !important; font: 600 13.5px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; } .mt-sp-urun .tutar { text-align: right; white-space: nowrap; } .mt-sp-urun .tutar b { font-size: 16px; color: var(--metin); } .mt-sp-sil { display: inline-flex; align-items: center; gap: 4px; padding: 6px 8px; border-radius: 8px; font-size: 12px; font-weight: 700; color: var(--soluk) !important; text-decoration: none !important; } .mt-sp-sil:hover { background: var(--kirmizi-acik); color: var(--kirmizi) !important; } .mt-sp-sil svg { width: 14px; height: 14px; } .mt-sp-liste td.ar.vlm { padding: 12px 18px !important; background: var(--zemin) !important; } .mt-sp-liste td.ar.vlm table { width: auto !important; margin-left: auto !important; } .mt-sp-liste td.ar.vlm table td { padding: 0 0 0 8px !important; background: none !important; } .mt-sp-liste td.ac.vlt[colspan="4"] { padding: 14px 18px !important; background: var(--zemin) !important; text-align: right; } .mt-sp-liste td.ac.vlt[colspan="4"] .mt-btn { margin-left: 8px; } .mt-sp-ham { padding: 8px 18px; } .mt-sp-ham td { padding: 6px 4px !important; font-size: 13.5px; } /* on ayar formu */ .mt-sp-liste tr.row1_0 > td.al.bold, .mt-sp-liste tr.row1_1 > td.al.bold { padding: 12px 18px 4px !important; font-size: 14.5px; color: var(--metin); } .mt-sp-liste td.ar.width-40 { padding: 8px 10px 8px 18px !important; font-weight: 700; font-size: 13px; color: var(--soluk); width: 30%; } .mt-sp-liste td.al.vlt { padding: 8px 18px 8px 0 !important; } html[data-tema] .mt-sp-liste input[type=text], html[data-tema] .mt-sp-liste textarea { width: 100% !important; max-width: 420px; margin: 0 !important; padding: 9px 12px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; box-sizing: border-box; height: auto !important; } .mt-sp-liste em { color: var(--kirmizi); font-style: normal; margin-right: 2px; } .mt-sp-liste tr.invisible { display: none; } /* ozet + kupon */ .mt-sp-yan { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 12px; } .mt-sp-ozet { padding: 18px 18px 16px !important; } .mt-sp-ozet h3 { margin: 0 0 12px; font-size: 16px; font-weight: 800; color: var(--metin); } .mt-sp-ozet dl { margin: 0; } .mt-sp-ozet dl > div { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px dashed var(--cizgi); font-size: 13.5px; } .mt-sp-ozet dt { color: var(--soluk); font-weight: 600; } .mt-sp-ozet dd { margin: 0; font-weight: 700; color: var(--metin); white-space: nowrap; } .mt-sp-ozet .indirim dd, .mt-sp-ozet .indirim dt { color: var(--yesil); } .mt-sp-ozet .toplam { border-bottom: 0 !important; padding-top: 12px !important; } .mt-sp-ozet .toplam dt { color: var(--metin); font-size: 14.5px; } .mt-sp-ozet .toplam dd { font-size: 22px; font-weight: 800; color: var(--lacivert); } .mt-sp-ozet .not { margin: 6px 0 14px; font-size: 11.5px; color: var(--sonuk); } .mt-sp-odeme { width: 100%; justify-content: center; padding: 13px 16px !important; font-size: 16px !important; box-sizing: border-box; } .mt-sp-devam { display: block; margin-top: 10px; text-align: center; font-size: 12.5px; font-weight: 600; color: var(--soluk) !important; text-decoration: none; } .mt-sp-kupon { padding: 14px 16px !important; margin: 0 !important; } .mt-sp-kupon label { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--metin); } .mt-sp-kupon label svg { width: 15px; height: 15px; color: var(--lacivert); } .mt-sp-kupon .satir { display: flex; gap: 6px; } html[data-tema] .mt-sp-kupon input[type=text] { flex: 1; min-width: 0; margin: 0 !important; padding: 8px 10px !important; border: 1px solid var(--cizgi) !important; border-radius: 8px !important; background: var(--girdi) !important; color: var(--metin) !important; font: 13.5px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; text-transform: uppercase; height: auto !important; } .mt-sp-guven { display: flex; flex-direction: column; gap: 6px; padding: 0 4px; font-size: 12.5px; color: var(--soluk); } .mt-sp-guven span { display: flex; align-items: center; gap: 7px; } .mt-sp-guven svg { width: 15px; height: 15px; color: var(--yesil); } /* bos sepet */ .mt-sp-bos { padding: 36px 24px !important; text-align: center; } .mt-sp-bos .ik { display: inline-flex; width: 64px; height: 64px; border-radius: 50%; align-items: center; justify-content: center; background: var(--lacivert-acik); color: var(--lacivert); margin-bottom: 10px; } .mt-sp-bos .ik svg { width: 30px; height: 30px; } .mt-sp-bos h3 { margin: 0 0 6px; font-size: 20px; font-weight: 800; color: var(--metin); } .mt-sp-bos p { margin: 0 0 18px; color: var(--soluk); } .mt-sp-bos .d { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } /* ek hizmetler */ .mt-sp-ekler { margin-top: 22px; } .mt-sp-ekler h3 { margin: 0 0 10px; font-size: 16px; font-weight: 800; color: var(--metin); } .mt-sp-ekler .kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .mt-sp-ekler .kartlar a { display: flex; flex-direction: column; gap: 2px; padding: 16px !important; text-decoration: none; color: var(--metin) !important; transition: border-color .15s, transform .15s; border: 1px solid var(--cizgi); } .mt-sp-ekler .kartlar a:hover { border-color: var(--vurgu-mavi); transform: translateY(-2px); } .mt-sp-ekler .ik { display: inline-flex; width: 36px; height: 36px; border-radius: 10px; align-items: center; justify-content: center; background: var(--lacivert-acik); color: var(--lacivert); margin-bottom: 6px; } .mt-sp-ekler .ik svg { width: 18px; height: 18px; } .mt-sp-ekler b { font-size: 14.5px; } .mt-sp-ekler small { font-size: 12px; color: var(--soluk); } .mt-sp-ekler .fiyat { margin-top: 8px; font-size: 15px; font-weight: 800; } .mt-sp-ekler .fiyat small { font-weight: 600; } .mt-sp-ekler .ekle { margin-top: 6px; font-size: 12.5px; font-weight: 700; color: var(--kirmizi); } @media (max-width: 900px) { .mt-sp-izgara { grid-template-columns: minmax(0, 1fr); } .mt-sp-yan { position: static; } } @media (max-width: 760px) { .mt-sp-urun { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 14px; } .mt-sp-urun .ik { width: 36px; height: 36px; } .mt-sp-urun .sure { grid-column: 2; } .mt-sp-urun .tutar { grid-column: 3; grid-row: 1; } .mt-sp-urun .sil { grid-column: 3; grid-row: 2; text-align: right; } .mt-sp-ekler .kartlar { grid-template-columns: minmax(0, 1fr); } .mt-sp-adim { width: 100%; } .mt-sp-liste td.ar.width-40 { width: auto; display: block; padding-bottom: 0 !important; } .mt-sp-liste td.al.vlt { display: block; padding-left: 18px !important; } } .mt-sp > .success, .mt-sp > .warning, .mt-sp > .error, .mt-sp > div[id=sptChange] { display: flex; align-items: center; gap: 8px; margin: 0 0 12px !important; padding: 11px 14px !important; border-radius: 10px !important; border: 0 !important; background: var(--yesil-acik) !important; color: var(--yesil) !important; font-size: 13.5px; font-weight: 700; text-align: left !important; } .mt-sp > .warning { background: var(--turuncu-acik) !important; color: var(--turuncu-metin) !important; } .mt-sp > .error { background: var(--kirmizi-acik) !important; color: var(--kirmizi) !important; } .mt-sp > .success img, .mt-sp > .warning img, .mt-sp > .error img { width: 18px; height: 18px; } .mt-sp > div.warning[id], .mt-sp > .warning { background: var(--turuncu-acik) !important; color: var(--turuncu-metin) !important; border-left: 0 !important; } .mt-sp > div.error[id] { background: var(--kirmizi-acik) !important; color: var(--kirmizi) !important; } .mt-sp-liste tr { background: none !important; } /* === Hosting siparisi 1. adim (2026-11-02) === */ .mt-hs-form { padding: 20px 22px !important; } .mt-hs-secenek { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .mt-hs-secenek label { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 13px 14px; border: 2px solid var(--cizgi); border-radius: 12px; cursor: pointer; font-weight: 400 !important; transition: border-color .15s; } .mt-hs-secenek label:hover { border-color: var(--vurgu-mavi); } .mt-hs-secenek label:has(input:checked) { border-color: var(--lacivert); background: var(--lacivert-acik); } .mt-ana .mt-hs-secenek label > input[type=radio] { position: static !important; display: inline-block !important; opacity: 1 !important; left: auto !important; width: 18px; height: 18px; margin: 0 !important; accent-color: #1e4f8f; flex: none; } .mt-hs-secenek .ik { display: inline-flex; width: 36px; height: 36px; border-radius: 10px; align-items: center; justify-content: center; background: var(--zemin); color: var(--lacivert); flex: none; } .mt-hs-secenek .ik svg { width: 18px; height: 18px; } .mt-hs-secenek b { display: block; font-size: 14.5px; color: var(--metin); } .mt-hs-secenek small { font-size: 12px; color: var(--soluk); } .mt-hs-panel { margin-top: 16px; padding: 16px; border-radius: 12px; background: var(--zemin); } .mt-hs-panel .p[hidden], .mt-hs-panel .bos[hidden] { display: none !important; } .mt-hs-panel .et, .mt-hs-panel label > span { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 700; color: var(--soluk); } .mt-hs-panel label { display: block; margin: 0; } .mt-hs-panel .ad { display: flex; align-items: center; gap: 6px; } .mt-hs-panel .ad b { font-size: 20px; color: var(--soluk); } html[data-tema] .mt-hs-panel input[type=text], html[data-tema] .mt-hs-panel select { margin: 0 !important; padding: 10px 12px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi) !important; color: var(--metin) !important; font: 15px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; } html[data-tema] .mt-hs-panel .ad input[type=text] { flex: 1; min-width: 0; } html[data-tema] .mt-hs-panel .ad input.uz { flex: 0 0 110px; } html[data-tema] .mt-hs-panel .ad select { width: auto !important; min-width: 110px; } html[data-tema] .mt-hs-panel label select { width: 100% !important; max-width: 420px; } .mt-hs-panel small { display: block; margin-top: 8px; font-size: 12px; color: var(--soluk); } .mt-hs-panel .bos { margin: 0; font-size: 13px; color: var(--soluk); } .mt-hs-alt { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; } @media (max-width: 760px) { .mt-hs-secenek { grid-template-columns: minmax(0, 1fr); } } .mt-sp-urun .ad .paket b { font-size: 12.5px !important; font-weight: 700; } /* === WHOIS kontrol (2026-11-02) === */ .mt-wk-form { padding: 20px 22px !important; } .mt-wk-form .wk-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: start; } html[data-tema] .mt-wk-form .alan input[type=text] { font-size: 16px !important; padding: 12px 14px !important; } .mt-wk-form .guvenlik { margin: 0 !important; } .mt-wk-form .gonder { margin-top: 14px; } .mt-wk-sonuc { padding: 0 !important; overflow: hidden; margin-bottom: 14px; } .mt-wk-sonuc .ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); } .mt-wk-sonuc .ust h3 { margin: 0 auto 0 0; font-size: 18px; font-weight: 800; color: var(--metin); overflow-wrap: anywhere; } .mt-wk-sonuc pre { margin: 0; padding: 16px 18px; max-height: 520px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--metin); background: var(--zemin); } .mt-wk-sonuc .mt-md-not { padding: 10px 18px; margin: 0; } @media (max-width: 760px) { .mt-wk-form .wk-satir { grid-template-columns: minmax(0, 1fr); } } .mt-wk-form .wk-satir > label.alan { width: 100%; margin: 0; } html[data-tema] .mt-wk-form .alan input[type=text] { width: 100% !important; box-sizing: border-box; } .mt-wk-form label.alan { border: 0 !important; padding: 0 !important; background: none !important; } /* === Sunucu yonetimi + e-posta arsivi (2026-11-02) === */ .mt-sm-tablo td.islem form { display: inline; margin: 0; } .mt-sm-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; } .mt-sm-kutu { padding: 18px 20px !important; } .mt-sm-kutu h3 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 12px; font-size: 16px; font-weight: 800; color: var(--metin); } .mt-sm-kutu h3 .ik { display: inline-flex; width: 32px; height: 32px; border-radius: 9px; align-items: center; justify-content: center; background: var(--lacivert-acik); color: var(--lacivert); } .mt-sm-kutu h3 .ik svg { width: 17px; height: 17px; } .mt-sm-kutu h3 .mt-ws-d { margin-left: auto; } .mt-sm-kutu dl { margin: 0; } .mt-sm-kutu dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--cizgi); font-size: 13.5px; } .mt-sm-kutu dt { color: var(--soluk); font-weight: 600; } .mt-sm-kutu dd { margin: 0; color: var(--metin); font-weight: 600; text-align: right; overflow-wrap: anywhere; } .mt-sm-kutu .d { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; } .mt-sm-kutu .d .mt-btn { justify-content: center; } .mt-sm-ham { padding: 16px; overflow-x: auto; } @media (max-width: 760px) { .mt-sm-ikili { grid-template-columns: minmax(0, 1fr); } } .mt-uy td.ad .kucuk { display: block; font-size: 12.5px; color: var(--soluk); margin-top: 2px; } .mt-uy td.ad .kucuk.soluk { font-size: 11.5px; color: var(--sonuk); } /* === Ham AWBS tablolari (profil, alt hesap) 2026-11-02 === */ .mt-ham-tablo table.data td { padding: 12px 14px !important; border: 0 !important; border-bottom: 1px solid var(--cizgi) !important; background: none !important; font-size: 13.5px; color: var(--metin); vertical-align: middle !important; } .mt-ham-tablo table.data td.boxtitle { background: var(--zemin) !important; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--soluk); } .mt-ham-tablo table.data td.boxtitle a { color: var(--soluk) !important; text-decoration: none; } .mt-ham-tablo table.data td.boxtitle i { display: none; } .mt-ham-tablo table.data tr:last-child td { border-bottom: 0 !important; } .mt-ham-tablo .soluk { color: var(--sonuk); } .mt-pm-yardim { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .mt-pm-yardim a { display: flex; align-items: center; gap: 12px; padding: 14px 16px !important; text-decoration: none; color: var(--metin) !important; border: 1px solid var(--cizgi); } .mt-pm-yardim a:hover { border-color: var(--vurgu-mavi); } .mt-pm-yardim svg { width: 22px; height: 22px; color: var(--lacivert); flex: none; } .mt-pm-yardim b { display: block; font-size: 13.5px; } .mt-pm-yardim small { font-size: 12px; color: var(--soluk); } @media (max-width: 760px) { .mt-pm-yardim { grid-template-columns: minmax(0, 1fr); } } /* ===== Haberler (news.php + haberler.php) 2026-11-02 ===== */ .mt-hb-izgara { grid-template-columns: minmax(0, 1fr) 260px; } .mt-hb-izgara .mt-yk-liste a { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; } .mt-hb-izgara .mt-yk-liste small { font-size: 11.5px; font-weight: 600; color: var(--soluk); } .mt-hb-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .mt-hb-yil { grid-column: 1 / -1; margin: 14px 0 0; font-size: 13px; font-weight: 800; letter-spacing: .08em; color: var(--soluk); display: flex; align-items: center; gap: 10px; } .mt-hb-yil::after { content: ""; flex: 1; height: 1px; background: var(--cizgi); } .mt-hb-yil:first-child { margin-top: 4px; } .mt-hb-kart { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; text-decoration: none !important; color: var(--metin) !important; transition: transform .15s, box-shadow .15s; } .mt-hb-kart:hover { transform: translateY(-2px); box-shadow: var(--golge-buyuk); } .mt-hb-kart .t { font-size: 12px; font-weight: 700; color: var(--kirmizi); } .mt-hb-kart b { font-size: 16px; line-height: 1.3; color: var(--lacivert); } .mt-hb-kart .o { font-size: 13.5px; line-height: 1.55; color: var(--soluk); } .mt-hb-kart .d { margin-top: auto; font-size: 13px; font-weight: 700; color: var(--lacivert); } .mt-hb-bos { padding: 22px; text-align: center; margin-bottom: 12px; } .mt-bh-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .mt-bh-kartlar .mt-kart { padding: 18px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .mt-bh-kartlar h3, .mt-bh-sunucu h3 { margin: 0; font-size: 16px; line-height: 1.3; font-weight: 800; color: var(--metin); } .mt-bh-kartlar p, .mt-bh-sunucu p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--metin); } .mt-bh-kartlar .mt-btn { margin-top: auto; } .mt-bh-durum { padding: 6px 18px; } .mt-bh-durum .satir { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 14px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-size: 13.5px; line-height: 1.55; } .mt-bh-durum .satir:last-child { border-bottom: 0; } .mt-bh-durum code { justify-self: start; font: 700 12.5px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding: 4px 8px; border-radius: 6px; background: var(--lacivert-acik); color: var(--lacivert); word-break: break-word; } .mt-bh-durum code.yesil { background: rgba(31,157,85,.12); color: var(--yesil); } .mt-bh-durum code.turuncu { background: var(--turuncu-acik); color: var(--turuncu-metin); } .mt-bh-durum code.kirmizi { background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-bh-sunucu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .mt-bh-sunucu .mt-kart, .mt-bh-arsiv .mt-kart { display: flex; flex-direction: column; gap: 10px; padding: 18px; text-decoration: none !important; color: var(--metin) !important; transition: transform .15s, box-shadow .15s; } .mt-bh-sunucu .mt-kart:hover, .mt-bh-arsiv .mt-kart:hover { transform: translateY(-2px); box-shadow: var(--golge-buyuk); } .mt-bh-sunucu .d { margin-top: auto; font-size: 13px; font-weight: 700; color: var(--lacivert); } .mt-bh-arsiv { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .mt-bh-arsiv .mt-kart { gap: 6px; } .mt-bh-arsiv .t { font-size: 12px; font-weight: 800; color: var(--kirmizi); letter-spacing: .04em; } .mt-bh-arsiv b { font-size: 15px; color: var(--lacivert); } .mt-bh-arsiv .mt-kart > span:last-child { font-size: 13px; line-height: 1.55; color: var(--soluk); } @media (max-width: 1000px) { .mt-hb-izgara { grid-template-columns: minmax(0, 1fr); } .mt-bh-kartlar, .mt-bh-arsiv { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 700px) { .mt-hb-liste, .mt-bh-sunucu { grid-template-columns: minmax(0, 1fr); } .mt-bh-durum .satir { grid-template-columns: minmax(0, 1fr); gap: 6px; } } .mt-hb-kart, .mt-bh-sunucu .mt-kart, .mt-bh-arsiv .mt-kart { font-weight: 400; } /* ===== DNS degisikligi anlatimi 2026-11-02 ===== */ .mt-dn-ns { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; margin-bottom: 18px; border-left: 4px solid var(--lacivert); } .mt-dn .ik { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; flex: none; } .mt-dn .ik svg { width: 20px; height: 20px; } .mt-dn-ns b { font-size: 15px; color: var(--metin); } .mt-dn-ns ul { list-style: none; margin: 10px 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; } .mt-dn-ns li { margin: 0; padding: 8px 12px; background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 9px; display: flex; align-items: baseline; gap: 10px; } .mt-dn-ns li span { font-size: 12px; font-weight: 700; color: var(--soluk); } .mt-dn-ns code { font: 700 14px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--lacivert); user-select: all; } .mt-dn-ns small { font-size: 12px; color: var(--soluk); } .mt-dn-ns p { margin: 0; font-size: 13px; color: var(--soluk); } .mt-dn-adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; counter-reset: none; } .mt-dn-adimlar > li { margin: 0; padding: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: center; } .mt-dn-adimlar .no { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--kirmizi); color: #fff; font-weight: 800; font-size: 15px; } .mt-dn-adimlar h3 { margin: 10px 0 6px; font-size: 17px; font-weight: 800; color: var(--metin); } .mt-dn-adimlar p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--metin); } .mt-dn .ekran { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; background: var(--kart, #fff); box-shadow: 0 6px 18px rgba(16,42,80,.08); font-size: 12.5px; } .mt-dn .ekran .ust { display: flex; align-items: center; gap: 5px; padding: 7px 10px; background: var(--zemin); border-bottom: 1px solid var(--cizgi); } .mt-dn .ekran .ust i { width: 8px; height: 8px; border-radius: 50%; background: #d5dbe3; } .mt-dn .ekran .ust span { margin-left: 8px; font-size: 11.5px; font-weight: 700; color: var(--soluk); } .mt-dn .ekran .ic { padding: 12px 14px; display: grid; gap: 8px; } .mt-dn .ekran .bas { font-size: 13px; color: var(--lacivert); } .mt-dn .ekran .sat { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 8px; } .mt-dn .ekran .sat > span:first-child { font-weight: 700; color: var(--metin); margin-right: auto; } .mt-dn .ekran .sat.soluk { opacity: .55; } .mt-dn .ekran .sat.vurgu { border-color: var(--lacivert); background: var(--lacivert-acik); } .mt-dn .ekran .y { font-style: normal; font-size: 11px; font-weight: 700; color: var(--yesil); } .mt-dn .ekran .dg { padding: 4px 10px; border-radius: 7px; background: var(--lacivert); color: #fff; font-weight: 700; font-size: 11.5px; } .mt-dn .ekran .on { position: relative; box-shadow: 0 0 0 3px rgba(215,20,26,.35); } .mt-dn .ekran .on::after { content: ""; position: absolute; right: -6px; bottom: -10px; width: 14px; height: 14px; background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1.5 4 8-3 1.5-4-8L4 20z' fill='%23111' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E"); } .mt-dn .ekran .ic.iki { grid-template-columns: 1fr 1fr; } .mt-dn .ekran .kutu { display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--cizgi); border-radius: 8px; font-weight: 700; color: var(--lacivert); } .mt-dn .ekran .kutu svg { width: 16px; height: 16px; flex: none; } .mt-dn .ekran label { display: grid; grid-template-columns: 110px 1fr; align-items: center; gap: 8px; margin: 0; } .mt-dn .ekran label span { font-weight: 700; color: var(--soluk); font-size: 11.5px; } .mt-dn .ekran .kutu-g { font-style: normal; padding: 7px 9px; border: 1px solid var(--cizgi); border-radius: 7px; background: var(--girdi, #fff); font-family: ui-monospace, Menlo, Consolas, monospace; color: var(--metin); } .mt-dn .ekran .gonder { justify-self: end; padding: 7px 14px; border-radius: 8px; background: var(--kirmizi); color: #fff; font-weight: 800; box-shadow: 0 0 0 3px rgba(215,20,26,.25); } .mt-dn-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; } .mt-dn-alt .mt-kart { padding: 18px 20px; } .mt-dn-alt h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 15px; font-weight: 800; color: var(--lacivert); } .mt-dn-alt h3 svg { width: 18px; height: 18px; color: var(--kirmizi); } .mt-dn-alt p { margin: 0; font-size: 13.5px; line-height: 1.65; } .mt-dn-alt ul { margin: 0 0 0 18px; padding: 0; list-style: disc; } .mt-dn-alt li { margin: 0 0 6px; font-size: 13.5px; line-height: 1.55; list-style: inherit; background: none; padding: 0; } .mt-dn-yardim { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 18px; margin-top: 14px; } .mt-dn-yardim span { font-weight: 700; color: var(--soluk); margin-right: auto; } @media (max-width: 900px) { .mt-dn-adimlar > li, .mt-dn-alt { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 480px) { .mt-dn .ekran .ic.iki { grid-template-columns: 1fr; } .mt-dn .ekran label { grid-template-columns: 1fr; gap: 3px; } } /* ===== Alan adi yonetimi (DomainMain) + Nameserver (DomainNs) 2026-11-02 ===== */ .mt-ay .ik { width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2f7de1, #1e4f8f); color: #fff; flex: none; } .mt-ay .ik svg { width: 20px; height: 20px; } .mt-ay-mesaj { margin: 0 0 14px; } .mt-ay-mesaj .success, .mt-ay-mesaj .error, .mt-ay-mesaj .warning { padding: 12px 16px; border-radius: 10px; font-size: 14px; } .mt-ay-ust { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 20px 22px; } .mt-ay-ust .ad { flex: 1; min-width: 220px; } .mt-ay-ust h2 { margin: 0 0 8px; font-size: 26px; line-height: 1.15; font-weight: 800; color: var(--metin); word-break: break-word; } .mt-ay-ust h2 span { color: var(--soluk); font-weight: 700; } .mt-ay-ust .cipler { display: flex; flex-wrap: wrap; gap: 6px; } .mt-ay .cip { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 700; background: var(--zemin); color: var(--soluk); border: 1px solid var(--cizgi); } .mt-ay .cip.yesil { background: rgba(31,157,85,.10); color: var(--yesil); border-color: transparent; } .mt-ay .cip.turuncu { background: var(--turuncu-acik); color: var(--turuncu-metin); border-color: transparent; } .mt-ay .cip.kirmizi { background: var(--kirmizi-acik); color: var(--kirmizi); border-color: transparent; } .mt-ay .cip.mavi { background: var(--lacivert-acik); color: var(--lacivert); border-color: transparent; } .mt-ay-ust .d { display: flex; gap: 8px; flex-wrap: wrap; } .mt-ay-canli { margin-top: 14px; padding: 16px 20px; } .mt-ay-canli h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 15px; font-weight: 800; color: var(--lacivert); } .mt-ay-canli h3 svg { width: 18px; height: 18px; } .mt-ay-canli dl { margin: 0; display: grid; gap: 0; } .mt-ay-canli dl > div { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 12px; align-items: center; padding: 9px 0; border-top: 1px solid var(--cizgi); } .mt-ay-canli dt { font-size: 13px; font-weight: 700; color: var(--soluk); } .mt-ay-canli dd { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; } .mt-ay code, .mt-ns code { font: 700 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding: 3px 8px; border-radius: 6px; background: var(--lacivert-acik); color: var(--lacivert); } .mt-ay-canli form.satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; } .mt-ay .hata, .mt-ns .hata { margin: 0 0 10px; padding: 10px 14px; border-radius: 9px; background: var(--kirmizi-acik); color: var(--kirmizi); font-weight: 600; font-size: 13.5px; } .mt-ay-islemler { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; } .mt-ay-islemler .mt-kart { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px; text-align: left; font: inherit; color: var(--metin) !important; text-decoration: none !important; cursor: pointer; transition: transform .15s, box-shadow .15s, border-color .15s; } .mt-ay-islemler button.mt-kart { width: 100%; } .mt-ay-islemler .mt-kart:hover { transform: translateY(-2px); box-shadow: var(--golge-buyuk); border-color: var(--lacivert); } .mt-ay-islemler .mt-kart b { font-size: 15px; color: var(--lacivert); } .mt-ay-islemler .mt-kart small { font-size: 13px; line-height: 1.5; color: var(--soluk); font-weight: 400; } .mt-ay-islemler .mt-kart.kapali { cursor: default; opacity: .75; } .mt-ay-islemler .mt-kart.kapali:hover { transform: none; box-shadow: none; } .mt-ay-islemler .mt-kart.kapali .ik { background: linear-gradient(135deg, #9aa4b2, #6b7686); } .mt-ay-kilit { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 18px; margin-top: 12px; } .mt-ay-kilit > div:not(.sec) { flex: 1; min-width: 200px; display: flex; flex-direction: column; } .mt-ay-kilit small { color: var(--soluk); font-size: 13px; } .mt-ay-dialog { border: 0; border-radius: 14px; padding: 0; width: min(440px, calc(100vw - 32px)); box-shadow: 0 24px 60px rgba(10,30,60,.35); background: var(--kart, #fff); color: var(--metin); } .mt-ay-dialog::backdrop { background: rgba(10,25,45,.45); } .mt-ay-dialog form { padding: 22px; display: grid; gap: 12px; margin: 0; } .mt-ay-dialog h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 17px; font-weight: 800; color: var(--metin); } .mt-ay-dialog h3 svg { width: 18px; height: 18px; color: var(--kirmizi); } .mt-ay-dialog p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--soluk); } .mt-ay label, .mt-ay-dialog label { display: grid; gap: 5px; margin: 0; } .mt-ay label > span:first-child, .mt-ay-dialog label > span:first-child { font-size: 12.5px; font-weight: 700; color: var(--soluk); } html[data-tema] .mt-ay input[type=text], html[data-tema] .mt-ay input:not([type]), html[data-tema] .mt-ay-dialog input { margin: 0 !important; padding: 9px 11px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi, #fff) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; width: 100%; min-width: 0; box-sizing: border-box; } .mt-ay .ek, .mt-ay-dialog .ek { display: flex; align-items: center; gap: 6px; } .mt-ay .ek i { font-style: normal; font-size: 13px; font-weight: 700; color: var(--soluk); white-space: nowrap; } .mt-ay-dialog .d { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; } .mt-ay-host { padding: 0; overflow: hidden; } .mt-ay-host .ust { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px 20px; border-bottom: 1px solid var(--cizgi); } .mt-ay-host .ust > div { flex: 1; min-width: 200px; display: flex; flex-direction: column; } .mt-ay-host .ust small { color: var(--soluk); font-size: 12.5px; } .mt-ay-host .ust form { margin: 0; } .mt-ay-host .sekmeler { display: flex; gap: 4px; padding: 8px 12px 0; border-bottom: 1px solid var(--cizgi); background: var(--zemin); overflow-x: auto; } .mt-ay-host .sekmeler button { display: inline-flex; align-items: center; gap: 7px; padding: 10px 14px; border: 0; border-bottom: 3px solid transparent; background: none; font: 700 13.5px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; color: var(--soluk); cursor: pointer; white-space: nowrap; } .mt-ay-host .sekmeler button svg { width: 16px; height: 16px; } .mt-ay-host .sekmeler button[aria-selected="true"] { color: var(--lacivert); border-bottom-color: var(--kirmizi); } .mt-ay-host .bildirim { margin: 14px 20px 0; padding: 10px 14px; border-radius: 9px; font-weight: 600; font-size: 13.5px; } .mt-ay-host .bildirim.tamam { background: rgba(31,157,85,.10); color: var(--yesil); } .mt-ay-host .bildirim.hata { background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-ay-host .pano { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; padding: 16px 20px; } .mt-ay-host .pano[hidden] { display: none; } .mt-ay-host .liste { display: flex; flex-direction: column; border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; align-self: start; } .mt-ay-host .liste > p { margin: 0; padding: 16px; font-size: 13.5px; } .mt-ay-host .liste .soluk { color: var(--soluk); } .mt-ay-host .liste .hata { margin: 10px; } .mt-ay-host .satir { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-top: 1px solid var(--cizgi); } .mt-ay-host .satir:first-child { border-top: 0; } .mt-ay-host .satir .y { flex: 1; min-width: 0; display: flex; flex-direction: column; } .mt-ay-host .satir .y b { font-size: 14px; word-break: break-all; } .mt-ay-host .satir .y small { font-size: 12px; color: var(--soluk); } .mt-ay-host .satir .d { display: flex; gap: 6px; flex: none; } .mt-ay-host .satir .sil:hover { color: var(--kirmizi) !important; border-color: var(--kirmizi) !important; } .mt-ay-host .yeni { display: grid; gap: 10px; align-content: start; padding: 14px; border-radius: 10px; background: var(--zemin); margin: 0; } .mt-ay-host .yeni h4 { margin: 0; font-size: 14px; font-weight: 800; color: var(--metin); } .mt-ay-host .yeni > .mt-btn { justify-self: start; } .mt-ay-host .not { margin: 0; padding: 0 20px 16px; font-size: 12.5px; color: var(--soluk); } .mt-ay-bos { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 16px 20px; } .mt-ay-bos span { flex: 1; min-width: 220px; font-size: 14px; color: var(--metin); } .mt-ay-geri { margin: 18px 0 0; font-size: 13.5px; } .mt-ay-geri a { font-weight: 700; } .mt-ns-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: start; } .mt-ns-form { padding: 22px 24px; display: grid; gap: 14px; margin: 0; } .mt-ns-form h2 { margin: 0; font-size: 22px; font-weight: 800; color: var(--metin); word-break: break-word; } .mt-ns-form h2 small { font-size: 14px; font-weight: 600; color: var(--soluk); } .mt-ns-form > p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--metin); } .mt-ns-form .mevcut { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .mt-ns-form .secim { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .mt-ns-form .secim legend { padding: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--soluk); } .mt-ns-form .secim label { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 10px; cursor: pointer; } .mt-ns-form .secim label:has(input:checked) { border-color: var(--lacivert); background: var(--lacivert-acik); box-shadow: inset 0 0 0 1px var(--lacivert); } .mt-ns-form .secim input { margin: 3px 0 0; position: static !important; left: auto !important; } .mt-ns-form .secim span { display: flex; flex-direction: column; gap: 2px; } .mt-ns-form .secim small { font-size: 12.5px; color: var(--soluk); } .mt-ns-form .alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .mt-ns-form .alanlar[hidden] { display: none; } .mt-ns-form .alanlar em { color: var(--kirmizi); font-style: normal; } .mt-ns-form .alanlar > .mt-btn { justify-self: start; grid-column: 1 / -1; } .mt-ns-form .d { display: flex; justify-content: flex-end; gap: 8px; padding-top: 14px; border-top: 1px solid var(--cizgi); } .mt-ns-tamam { justify-items: start; } .mt-ns-tamam .ik { background: linear-gradient(135deg, #34c77b, #1f9d55); } .mt-ns-yan { padding: 18px; } .mt-ns-yan h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 14.5px; font-weight: 800; color: var(--lacivert); } .mt-ns-yan h3:not(:first-child) { margin-top: 18px; } .mt-ns-yan h3 svg { width: 17px; height: 17px; } .mt-ns-yan ul { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; } .mt-ns-yan li { margin: 0; padding: 0; background: none; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } .mt-ns-yan li small { color: var(--soluk); font-size: 12px; } .mt-ns-yan p { margin: 0 0 6px; font-size: 13px; line-height: 1.55; color: var(--metin); } .mt-ns-yan > a { font-size: 13px; font-weight: 700; } @media (max-width: 900px) { .mt-ay-host .pano, .mt-ns-izgara { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 560px) { .mt-ns-form .secim, .mt-ns-form .alanlar { grid-template-columns: minmax(0, 1fr); } .mt-ay-canli dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } .mt-ay-ust h2 { font-size: 21px; } } .mt-ana .mt-ns-form .secim label > input[type=radio] { position: static !important; display: inline-block !important; opacity: 1 !important; left: auto !important; width: 18px; height: 18px; margin: 2px 0 0 !important; accent-color: #1e4f8f; flex: none; } /* ===== Kontrol panel bilgisi 2026-11-02 ===== */ .mt-kp-da { display: flex; gap: 20px; align-items: flex-start; padding: 22px; } .mt-kp-da img { width: 64px; height: 64px; border-radius: 12px; flex: none; background: #fff; } .mt-kp-da h3 { margin: 0 0 10px; font-size: 18px; font-weight: 800; color: var(--metin); } .mt-kp-da ul { list-style: none; margin: 0 0 10px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 20px; } .mt-kp-da li { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 0; background: none; font-size: 14px; line-height: 1.5; } .mt-kp-da li svg { width: 16px; height: 16px; color: var(--yesil); flex: none; margin-top: 3px; } .mt-kp-da .not { margin: 0; font-size: 12.5px; color: var(--soluk); } .mt-kp .mt-dn-yardim { margin-top: 18px; } @media (max-width: 700px) { .mt-kp-da { flex-direction: column; } .mt-kp-da ul { grid-template-columns: 1fr; } } /* ===== Ucretsiz hizmetler 2026-11-02 ===== */ .mt-uh-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; } .mt-uh-izgara .mt-kart { padding: 18px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; } .mt-uh-izgara h3 { margin: 4px 0 0; font-size: 15.5px; font-weight: 800; color: var(--metin); } .mt-uh-izgara p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--metin); } .mt-uh-izgara a { margin-top: auto; font-size: 13px; font-weight: 700; } .mt-uh-proje { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .mt-uh-proje .mt-kart { display: flex; gap: 16px; align-items: center; padding: 14px; text-decoration: none !important; color: var(--metin) !important; transition: transform .15s, box-shadow .15s; } .mt-uh-proje .mt-kart:hover { transform: translateY(-2px); box-shadow: var(--golge-buyuk); } .mt-uh-proje img { width: 96px; height: auto; border-radius: 8px; border: 1px solid var(--cizgi); background: #fff; flex: none; } .mt-uh-proje span { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .mt-uh-proje b { font-size: 15px; color: var(--lacivert); } .mt-uh-proje small { font-size: 12px; font-weight: 700; color: var(--kirmizi); } .mt-uh-proje em { font-style: normal; font-size: 13px; line-height: 1.5; color: var(--soluk); font-weight: 400; } @media (max-width: 700px) { .mt-uh-proje { grid-template-columns: 1fr; } } /* ===== Domain fiyat listesi 2026-11-02 ===== */ .mt-pf-ozellik { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; } .mt-pf-ozellik li { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; background: none; font-size: 13.5px; color: var(--metin); } .mt-pf-ozellik svg { width: 15px; height: 15px; color: var(--yesil); } .mt-pf-kart { padding: 0; overflow: hidden; } .mt-pf-kart .arac { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-bottom: 1px solid var(--cizgi); background: var(--zemin); } .mt-pf-kart .sekme { display: flex; gap: 4px; flex-wrap: wrap; } .mt-pf-kart .sekme button { padding: 7px 12px; border: 1px solid var(--cizgi); border-radius: 999px; background: var(--kart, #fff); font: 700 13px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; color: var(--soluk); cursor: pointer; } .mt-pf-kart .sekme button small { font-weight: 600; opacity: .7; margin-left: 3px; } .mt-pf-kart .sekme button[aria-pressed="true"] { background: var(--lacivert); border-color: var(--lacivert); color: #fff; } .mt-pf-kart .ara { margin-left: auto; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--cizgi); border-radius: 9px; background: var(--girdi, #fff); min-width: 240px; } .mt-pf-kart .ara svg { width: 16px; height: 16px; color: var(--soluk); flex: none; } html[data-tema] .mt-pf-kart .ara input { border: 0 !important; background: transparent !important; padding: 8px 0 !important; margin: 0 !important; width: 100%; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; color: var(--metin) !important; box-shadow: none !important; outline: none; height: auto !important; } .mt-pf-kart .tablo { max-height: 70vh; overflow: auto; } .mt-pf-kart table { width: 100%; border-collapse: collapse; font-size: 14px; } .mt-pf-kart thead th { position: sticky; top: 0; z-index: 1; background: var(--kart, #fff); border-bottom: 2px solid var(--cizgi); padding: 0; text-align: left; } .mt-pf-kart th.sag, .mt-pf-kart td.sag { text-align: right; } .mt-pf-kart th button { width: 100%; padding: 10px 16px; border: 0; background: none; font: 800 12px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); cursor: pointer; text-align: inherit; } .mt-pf-kart th button[data-yon]::after { content: " ↑"; color: var(--kirmizi); } .mt-pf-kart th button[data-yon="azalan"]::after { content: " ↓"; } .mt-pf-kart td { padding: 9px 16px; border-bottom: 1px solid var(--cizgi); color: var(--metin); vertical-align: middle; } .mt-pf-kart tbody tr:hover td { background: var(--zemin); } .mt-pf-kart td b { font-weight: 800; } .mt-pf-kart td b.yesil { color: var(--yesil); } .mt-pf-kart td small { display: block; font-size: 11.5px; color: var(--soluk); } .mt-pf-kart .promo { display: inline-block; padding: 2px 7px; border-radius: 999px; background: rgba(31,157,85,.12); color: var(--yesil); font-size: 11px; font-weight: 800; vertical-align: 1px; } .mt-pf-kart td.islem { width: 1%; white-space: nowrap; } .mt-pf-kart .bos { margin: 0; padding: 22px; text-align: center; color: var(--soluk); } @media (max-width: 700px) { .mt-pf-kart .ara { margin-left: 0; min-width: 0; width: 100%; } .mt-pf-kart .tablo { max-height: none; } .mt-pf-kart thead { display: none; } .mt-pf-kart tbody tr { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2px 10px; padding: 10px 14px; border-bottom: 1px solid var(--cizgi); } .mt-pf-kart tbody tr[hidden] { display: none; } .mt-pf-kart td { border: 0; padding: 0; text-align: left !important; } .mt-pf-kart td:first-child { grid-column: 1 / -1; font-size: 16px; margin-bottom: 4px; } .mt-pf-kart td[data-e]:not(:first-child)::before { content: attr(data-e); display: block; font-size: 11px; color: var(--soluk); } .mt-pf-kart td.islem { display: none; } } table#mainData .mt-pf-kart td { padding: 9px 16px; } table#mainData .mt-pf-kart th { padding: 0; } table#mainData .mt-pf-kart td.islem { padding: 6px 16px 6px 8px; } @media (max-width: 700px) { table#mainData .mt-pf-kart td { padding: 0; } } /* ===== Hizmet sozlesmesi 2026-11-02 ===== */ .mt-ts-izgara { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; align-items: start; } .mt-ts-icerik { padding: 14px 10px; position: sticky; top: 70px; max-height: calc(100vh - 90px); overflow: auto; } .mt-ts-icerik h3 { margin: 0 8px 8px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sonuk, var(--soluk)); } .mt-ts-icerik ol { list-style: none; margin: 0; padding: 0; } .mt-ts-icerik li { margin: 0; padding: 0; background: none; } .mt-ts-icerik a { display: flex; gap: 8px; align-items: baseline; padding: 6px 8px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--metin) !important; text-decoration: none !important; line-height: 1.35; } .mt-ts-icerik a:hover { background: var(--lacivert-acik); color: var(--lacivert) !important; } .mt-ts-icerik a span { flex: none; min-width: 20px; font-size: 11.5px; font-weight: 800; color: var(--kirmizi); } .mt-ts-metin { padding: 8px 28px 24px; } .mt-ts-metin section { padding-top: 18px; scroll-margin-top: 80px; } .mt-ts-metin section + section { border-top: 1px solid var(--cizgi); margin-top: 18px; } .mt-ts-metin h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 17px; font-weight: 800; color: var(--lacivert); } .mt-ts-metin h2 span { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 6px; border-radius: 8px; background: var(--kirmizi); color: #fff; font-size: 13px; box-sizing: border-box; } .mt-ts-metin .metin { font-size: 14px; line-height: 1.75; color: var(--metin); text-align: left; max-width: 80ch; } .mt-ts-metin .metin br + br { display: none; } .mt-ts-metin .metin b { font-weight: 700; } @media (max-width: 900px) { .mt-ts-izgara { grid-template-columns: minmax(0, 1fr); } .mt-ts-icerik { position: static; max-height: none; } .mt-ts-icerik ol { columns: 2; } .mt-ts-metin { padding: 6px 16px 18px; } } @media (max-width: 520px) { .mt-ts-icerik ol { columns: 1; } } /* ===== Site haritasi 2026-11-02 ===== */ .mt-sh-izgara { columns: 3 260px; column-gap: 16px; } .mt-sh-izgara .mt-kart { break-inside: avoid; display: block; padding: 16px 18px; margin: 0 0 16px; } .mt-sh-izgara h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 16px; font-weight: 800; color: var(--metin); } .mt-sh .ik { width: 34px; height: 34px; } .mt-sh .ik svg { width: 17px; height: 17px; } .mt-sh-izgara ul { list-style: none; margin: 0; padding: 0; } .mt-sh-izgara li { margin: 0; padding: 0; background: none; border-top: 1px solid var(--cizgi); } .mt-sh-izgara li:first-child { border-top: 0; } .mt-sh-izgara a { display: flex; align-items: center; gap: 6px; padding: 7px 2px; font-size: 14px; font-weight: 600; color: var(--lacivert) !important; text-decoration: none !important; } .mt-sh-izgara a::before { content: "›"; color: var(--kirmizi); font-weight: 800; } .mt-sh-izgara a:hover { text-decoration: underline !important; } /* ===== Alan adi uygunluk sonucu (spincheck) 2026-11-02 ===== */ .mt-spc-adim { list-style: none; margin: 0 0 12px; padding: 0; display: flex; gap: 6px; flex-wrap: wrap; } .mt-spc-adim li { margin: 0; padding: 5px 12px; border-radius: 999px; background: var(--zemin); border: 1px solid var(--cizgi); font-size: 12.5px; font-weight: 700; color: var(--soluk); } .mt-spc-adim li.on { background: var(--lacivert); border-color: var(--lacivert); color: #fff; } .mt-spc-form { padding: 22px 24px; display: grid; gap: 12px; margin: 0; } .mt-spc-form h2 { margin: 0; font-size: 21px; font-weight: 800; color: var(--metin); } .mt-spc-form h3 { margin: 8px 0 0; font-size: 15px; font-weight: 800; color: var(--lacivert); } .mt-spc-form .alt { margin: 0; font-size: 14px; color: var(--soluk); } .mt-spc-form .liste { border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; } .mt-sp-satir { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 12px 16px; margin: 0; border-top: 1px solid var(--cizgi); cursor: pointer; } .mt-sp-satir:first-child { border-top: 0; } .mt-sp-satir:hover { background: var(--zemin); } .mt-sp-satir .alan { font-size: 16px; font-weight: 800; color: var(--metin); word-break: break-all; } .mt-sp-satir .fiyat { font-weight: 800; color: var(--lacivert); white-space: nowrap; text-align: right; } .mt-sp-satir.d-dolu, .mt-sp-satir.d-hata { cursor: default; } .mt-sp-satir.d-dolu .alan { color: var(--soluk); } .mt-ana .mt-sp-satir .kutu input[type=checkbox] { position: static !important; left: auto !important; opacity: 1 !important; display: inline-block !important; width: 18px; height: 18px; margin: 0 !important; accent-color: #1e4f8f; } .mt-spc-form .d { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--cizgi); } @media (max-width: 560px) { .mt-sp-satir { grid-template-columns: 28px minmax(0, 1fr); } .mt-sp-satir .mt-ws-d, .mt-sp-satir .fiyat { grid-column: 2; justify-self: start; text-align: left; } } .mt-ana .mt-sp-satir > b.alan, .mt-ana .mt-sp-satir > span { border: 0 !important; margin: 0 !important; padding: 0; background: none; } .mt-ana .mt-sp-satir > span.mt-ws-d { padding: 4px 10px; background: rgba(31,157,85,.10); border-radius: 999px; } .mt-ana .mt-sp-satir.d-dolu > span.mt-ws-d { background: var(--kirmizi-acik); } .mt-ana .mt-sp-satir.d-hata > span.mt-ws-d { background: var(--turuncu-acik); } .mt-ana .mt-sp-satir > b.alan { line-height: 1.3; align-self: center; display: block; } /* ===== Alan adi transferi (transcheck) 2026-11-02 ===== */ .mt-tc-form { padding: 20px 22px; margin: 16px 0 0; display: grid; gap: 12px; } .mt-tc-form h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 18px; font-weight: 800; color: var(--metin); } .mt-tc-form h3 svg { width: 20px; height: 20px; color: var(--kirmizi); } .mt-tc-form > p { margin: 0; font-size: 14px; color: var(--soluk); } .mt-tc-form .satirlar { display: grid; gap: 8px; } .mt-tc-form .satir { display: grid; grid-template-columns: 30px minmax(0, 1fr) 160px; gap: 8px; align-items: center; } .mt-tc-form .satir[hidden] { display: none; } .mt-tc-form .no { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--lacivert-acik); color: var(--lacivert); font-weight: 800; font-size: 13px; } html[data-tema] .mt-tc-form .satir input, html[data-tema] .mt-tc-form .satir select { margin: 0 !important; padding: 10px 12px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi, #fff) !important; color: var(--metin) !important; font: 15px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; width: 100%; box-sizing: border-box; } .mt-tc-form .d { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; } .mt-tc-adim { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .mt-tc-adim li { margin: 0; padding: 16px; display: flex; flex-direction: column; gap: 6px; background-image: none; } .mt-tc-adim .no { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--kirmizi); color: #fff; font-weight: 800; } .mt-tc-adim b { font-size: 15px; color: var(--metin); } .mt-tc-adim li > span:last-child { font-size: 13.5px; line-height: 1.55; color: var(--soluk); } .mt-tc-onemli { padding: 8px 20px; } .mt-tc-onemli ul { list-style: none; margin: 0; padding: 0; } .mt-tc-onemli li { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 12px 0; border-top: 1px solid var(--cizgi); background: none; font-size: 14px; line-height: 1.6; } .mt-tc-onemli li:first-child { border-top: 0; } .mt-tc-onemli li svg { width: 18px; height: 18px; flex: none; margin-top: 3px; color: var(--lacivert); } .mt-tc .mt-dn-yardim { margin-top: 14px; } @media (max-width: 900px) { .mt-tc-adim { grid-template-columns: 1fr 1fr; } } @media (max-width: 560px) { .mt-tc-adim { grid-template-columns: 1fr; } .mt-tc-form .satir { grid-template-columns: 26px minmax(0, 1fr) 100px; } } /* ===== Havale siparis sonu (BSuccess) 2026-11-02 ===== */ .mt-bs .mt-spc-adim li:not(.on) { opacity: .75; } .mt-bs-ust { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 22px 24px; border-left: 4px solid var(--yesil); } .mt-bs-ust .ik { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #34c77b, #1f9d55); color: #fff; flex: none; } .mt-bs-ust .ik svg { width: 26px; height: 26px; } .mt-bs-ust .yazi { flex: 1; min-width: 240px; } .mt-bs-ust h2 { margin: 0 0 4px; font-size: 22px; font-weight: 800; color: var(--metin); } .mt-bs-ust p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--soluk); } .mt-bs-ust .tutar { display: flex; flex-direction: column; align-items: flex-end; padding: 10px 16px; border-radius: 12px; background: var(--lacivert-acik); } .mt-bs-ust .tutar small { font-size: 12px; font-weight: 700; color: var(--soluk); } .mt-bs-ust .tutar b { font-size: 26px; font-weight: 800; color: var(--lacivert); white-space: nowrap; } .mt-bs-bilgi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; } .mt-bs-bilgi .mt-kart { padding: 14px 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; } .mt-bs-bilgi small { grid-column: 1; font-size: 12px; font-weight: 700; color: var(--soluk); } .mt-bs-bilgi b { grid-column: 1; font: 800 18px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--metin); } .mt-bs-bilgi .kopya { grid-column: 2; grid-row: 1 / span 2; } .mt-bs-fatura { display: flex !important; align-items: center; justify-content: center; gap: 8px; font-weight: 800; color: var(--lacivert) !important; text-decoration: none !important; } .mt-bs-fatura svg { width: 20px; height: 20px; } .mt-bs .mt-bk-not { margin-top: 14px; } .mt-bs-alt { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; } @media (max-width: 700px) { .mt-bs-bilgi { grid-template-columns: 1fr; } .mt-bs-ust .tutar { align-items: flex-start; } } /* ===== Sonuc / tesekkur kartlari (mb_sonuc) 2026-11-02 ===== */ .mt-sn { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 6px 18px; padding: 24px 26px; border-left: 4px solid var(--yesil); } .mt-sn-hata { border-left-color: var(--kirmizi); } .mt-sn-bilgi { border-left-color: var(--turuncu, #f39c12); } .mt-sn .ik { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #34c77b, #1f9d55); color: #fff; grid-row: 1 / span 3; } .mt-sn-hata .ik { background: linear-gradient(135deg, #f04b50, #d7141a); } .mt-sn-bilgi .ik { background: linear-gradient(135deg, #ffb347, #f39c12); } .mt-sn .ik svg { width: 26px; height: 26px; } .mt-sn h2 { margin: 2px 0 6px; font-size: 22px; font-weight: 800; color: var(--metin); } .mt-sn .metin p { margin: 0 0 8px; font-size: 14.5px; line-height: 1.65; color: var(--metin); } .mt-sn .metin .uyari { padding: 10px 12px; border-radius: 9px; background: var(--kirmizi-acik); color: var(--kirmizi); font-weight: 600; } .mt-sn dl { grid-column: 2; margin: 6px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; } .mt-sn dl > div { padding: 10px 14px; border-radius: 10px; background: var(--zemin); border: 1px solid var(--cizgi); } .mt-sn dl > div.vurgu { background: var(--lacivert-acik); border-color: transparent; } .mt-sn dt { font-size: 12px; font-weight: 700; color: var(--soluk); } .mt-sn dd { margin: 2px 0 0; font-size: 16px; font-weight: 800; color: var(--metin); word-break: break-word; } .mt-sn dl > div.vurgu dd { color: var(--lacivert); font-size: 20px; } .mt-sn .d { grid-column: 2; display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; } .mt-sn-not { display: flex; align-items: center; gap: 6px; } .mt-sn-not svg { width: 14px; height: 14px; } @media (max-width: 600px) { .mt-sn { grid-template-columns: minmax(0, 1fr); } .mt-sn .ik { grid-row: auto; } .mt-sn dl, .mt-sn .d { grid-column: 1; } } /* ===== Fatura odeme (payitem) 2026-11-02 ===== */ .mt-pi-izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 16px; align-items: start; } .mt-pi-fatura, .mt-pi-odeme { padding: 20px 22px; } .mt-pi-fatura .ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 1px solid var(--cizgi); } .mt-pi-fatura small { font-size: 12px; font-weight: 700; color: var(--soluk); } .mt-pi-fatura h2 { margin: 0; font: 800 24px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--metin); } .mt-pi-fatura .kalan { text-align: right; padding: 8px 14px; border-radius: 12px; background: var(--lacivert-acik); } .mt-pi-fatura .kalan b { display: block; font-size: 24px; font-weight: 800; color: var(--lacivert); white-space: nowrap; } .mt-pi-fatura dl { margin: 14px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; } .mt-pi-fatura dl div { display: flex; flex-direction: column; } .mt-pi-fatura dt { font-size: 12px; font-weight: 700; color: var(--soluk); } .mt-pi-fatura dd { margin: 2px 0 0; font-size: 14px; font-weight: 700; color: var(--metin); word-break: break-word; } table#mainData .mt-pi-fatura .toplam { width: 100%; border-collapse: collapse; font-size: 14px; } table#mainData .mt-pi-fatura .toplam td { padding: 6px 0; border-top: 1px solid var(--cizgi); color: var(--metin); } table#mainData .mt-pi-fatura .toplam td:last-child { text-align: right; font-weight: 700; } table#mainData .mt-pi-fatura .toplam tr.son td { font-size: 16px; font-weight: 800; color: var(--kirmizi); border-top: 2px solid var(--cizgi); } .mt-pi-fatura .kim { display: flex; flex-direction: column; gap: 2px; margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: var(--zemin); font-size: 13px; color: var(--soluk); } .mt-pi-fatura .kim b { color: var(--metin); font-size: 14px; } .mt-pi-odeme h3 { margin: 0 0 12px; font-size: 17px; font-weight: 800; color: var(--metin); } .mt-pi-odeme form { margin: 0; } .mt-pi-odeme .secenek { display: grid; gap: 8px; margin-bottom: 14px; } .mt-pi-sec { display: grid; grid-template-columns: 22px 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; margin: 0; border: 1px solid var(--cizgi); border-radius: 12px; cursor: pointer; transition: border-color .15s, background .15s; } .mt-pi-sec:hover { border-color: var(--lacivert); } .mt-pi-sec:has(input:checked) { border-color: var(--lacivert); background: var(--lacivert-acik); box-shadow: inset 0 0 0 1px var(--lacivert); } .mt-ana .mt-pi-sec .r input[type=radio] { position: static !important; left: auto !important; opacity: 1 !important; display: inline-block !important; width: 18px; height: 18px; margin: 0 !important; accent-color: #1e4f8f; } .mt-pi-sec .ik { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--zemin); color: var(--lacivert); } .mt-pi-sec .ik svg { width: 20px; height: 20px; } .mt-pi-sec .y { display: flex; flex-direction: column; gap: 2px; } .mt-pi-sec .y b { font-size: 14.5px; color: var(--metin); } .mt-pi-sec .y small { font-size: 12.5px; color: var(--soluk); } .mt-pi-sec em { font-style: normal; padding: 3px 9px; border-radius: 999px; background: rgba(31,157,85,.12); color: var(--yesil); font-size: 11.5px; font-weight: 800; } .mt-pi-dugme { width: 100%; justify-content: center; padding: 12px 16px !important; font-size: 15px !important; } .mt-pi-odeme .guven { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0 0; font-size: 12.5px; color: var(--soluk); line-height: 1.5; } .mt-pi-odeme .guven svg { width: 16px; height: 16px; flex: none; color: var(--yesil); margin-top: 1px; } @media (max-width: 900px) { .mt-pi-izgara { grid-template-columns: minmax(0, 1fr); } } .mt-pi-sec .y small { font-weight: 400; } /* ===== Sepetten odeme (payment.php) 2026-11-02 ===== */ .mt-py .mt-pi-fatura h2.metin { font: 800 22px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif; } .mt-py-urun { list-style: none; margin: 12px 0; padding: 0; } .mt-py-urun li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; margin: 0; border-bottom: 1px solid var(--cizgi); background: none; } .mt-py-urun li span:first-child { display: flex; flex-direction: column; min-width: 0; } .mt-py-urun b { font-size: 14.5px; color: var(--metin); word-break: break-word; } .mt-py-urun small { font-size: 12px; color: var(--soluk); } .mt-py-urun li span:last-child { font-weight: 800; white-space: nowrap; color: var(--metin); } table#mainData .mt-pi-fatura .toplam tr.indirim td { color: var(--yesil); } .mt-py-geri { display: inline-block; margin-top: 12px; font-size: 13.5px; font-weight: 700; } .mt-py-form .profil { display: grid; gap: 5px; margin: 0 0 14px; } .mt-py-form .profil span { font-size: 12.5px; font-weight: 700; color: var(--soluk); } html[data-tema] .mt-py-form .profil select { margin: 0 !important; padding: 9px 11px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi, #fff) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; width: 100%; } .mt-py-form .onay { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 12px; padding: 12px 14px; border-radius: 10px; background: var(--zemin); font-size: 13.5px; line-height: 1.55; color: var(--metin); cursor: pointer; } .mt-ana .mt-py-form .onay input[type=checkbox] { position: static !important; left: auto !important; opacity: 1 !important; display: inline-block !important; width: 18px; height: 18px; margin: 1px 0 0 !important; accent-color: #1e4f8f; flex: none; } .mt-py-form .hata { margin: 0 0 10px; padding: 9px 12px; border-radius: 9px; background: var(--kirmizi-acik); color: var(--kirmizi); font-weight: 700; font-size: 13px; } /* ===== Ic transfer 2026-11-02 ===== */ .mt-it-liste { border: 1px solid var(--cizgi); border-radius: 10px; margin: 0; padding: 10px 14px; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 4px 14px; max-height: 260px; overflow: auto; } .mt-it-liste legend { padding: 0 6px; font-size: 12.5px; font-weight: 700; color: var(--soluk); } .mt-it-liste label { display: flex; gap: 8px; align-items: center; margin: 0; padding: 5px 0; cursor: pointer; font-size: 14px; } .mt-ana .mt-it-liste input[type=checkbox] { position: static !important; left: auto !important; opacity: 1 !important; display: inline-block !important; width: 17px; height: 17px; margin: 0 !important; accent-color: #1e4f8f; flex: none; } .mt-it-liste small { color: var(--soluk); font-size: 12px; } .mt-it .not { display: grid; gap: 5px; margin: 0; } .mt-it .not span { font-size: 12.5px; font-weight: 700; color: var(--soluk); } html[data-tema] .mt-it textarea { margin: 0 !important; padding: 9px 11px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi, #fff) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; width: 100%; box-sizing: border-box; } html[data-tema] .mt-it input[disabled] { opacity: .75; } /* ===== Bildirim kisisi duzenle 2026-11-02 ===== */ html[data-tema] .mt-ck select { margin: 0 !important; padding: 9px 11px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi, #fff) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; width: 100%; } .mt-ck-sil { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 12px; border-radius: 9px; background: var(--kirmizi-acik); color: var(--kirmizi); font-weight: 700; font-size: 13.5px; cursor: pointer; justify-self: start; } .mt-ana .mt-ck-sil input[type=checkbox] { position: static !important; left: auto !important; opacity: 1 !important; display: inline-block !important; width: 17px; height: 17px; margin: 0 !important; accent-color: #d7141a; } /* ===== Paket yukseltme (hupgrade) 2026-11-02 ===== */ .mt-hu-bilgi { margin: 0; display: grid; gap: 0; border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; } .mt-hu-bilgi > div { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 14px; border-top: 1px solid var(--cizgi); } .mt-hu-bilgi > div:first-child { border-top: 0; } .mt-hu-bilgi dt { font-size: 13px; font-weight: 700; color: var(--soluk); } .mt-hu-bilgi dd { margin: 0; font-size: 15px; font-weight: 700; color: var(--metin); } .mt-hu-bilgi .tutar { font-size: 22px; color: var(--lacivert); } html[data-tema] .mt-hu select { margin: 0 !important; padding: 9px 11px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi, #fff) !important; color: var(--metin) !important; font: 15px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; width: 100%; max-width: 360px; } @media (max-width: 560px) { .mt-hu-bilgi > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } } /* 2026-11-02 yeni logo (vektor) */ .mt-marka img { width: 250px; height: auto; } @media (max-width: 760px) { .mt-marka img { width: 170px; } } /* 2026-11-02 geri bildirim: alan adi sepette ortadan bolunuyordu (deneme.com.t r) */ .mt-sp-urun { grid-template-columns: 40px minmax(170px, 1fr) auto 104px auto; } .mt-sp-urun .ad { overflow-wrap: break-word; } .mt-sp-urun .ad b { word-break: normal; } @media (max-width: 760px) { .mt-sp-urun { grid-template-columns: 36px minmax(0, 1fr) auto; } } /* 2026-11-02 ust kisimda hesap kisayollari */ .mt-kisa { display: grid; grid-template-columns: repeat(2, auto); gap: 1px 14px; font-size: 12.5px; line-height: 1.35; padding-right: 6px; } .mt-kisa a { color: var(--lacivert) !important; font-weight: 600; text-decoration: none !important; white-space: nowrap; } .mt-kisa a:hover { text-decoration: underline !important; } .mt-kisa b { color: var(--soluk); font-weight: 700; } .mt-kisa a.uyari b { color: var(--kirmizi); } @media (max-width: 1100px) { .mt-kisa { display: none; } } /* 2026-11-02 alan adina bagli hosting, alan adinin altinda */ .mt-sp-urun.bagli { padding-left: 46px; background: linear-gradient(90deg, var(--lacivert-acik) 0 4px, transparent 4px); position: relative; } .mt-sp-urun.bagli::before { content: "↳"; position: absolute; left: 22px; top: 50%; transform: translateY(-50%); color: var(--lacivert); font-weight: 800; } .mt-sp-sil { opacity: 1 !important; visibility: visible !important; } /* 2026-11-02 ortak: dar sepette Kaldir dugmesi kenardan tasip kesiliyordu -> kap sorgusu ile iki satirli duzen */ .mt-sp-liste { container-type: inline-size; } @container (max-width: 720px) { .mt-sp-urun { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 14px; } .mt-sp-urun.bagli { padding-left: 40px; } .mt-sp-urun .ik { width: 36px; height: 36px; } .mt-sp-urun .sure { grid-column: 2; } .mt-sp-urun .tutar { grid-column: 3; grid-row: 1; } .mt-sp-urun .sil { grid-column: 3; grid-row: 2; text-align: right; } } .mt-sp-sil span { display: inline !important; } .mt-sp-sil { border: 1px solid var(--cizgi); padding: 5px 10px !important; } .cartRemoveItem.mt-sp-sil, .cartRemoveItem.mt-sp-sil:hover, .cartRemoveItem.mt-sp-sil:visited { text-indent: 0 !important; height: auto !important; display: inline-flex !important; } .mt-sp-sil span { display: inline !important; width: auto !important; } /* 2026-11-02 ortak: sozlesme onayi daha belirgin */ .mt-py-form .onay { border: 2px solid var(--lacivert-acik); font-size: 14.5px; padding: 14px 16px; } .mt-py-form .onay.eksik { border-color: var(--kirmizi); background: var(--kirmizi-acik); animation: mt-titre .35s 2; } @keyframes mt-titre { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } } .mt-py-uyari { display: flex; gap: 10px; align-items: center; font-size: 15px !important; padding: 12px 14px !important; } .mt-py-uyari svg { width: 20px; height: 20px; flex: none; } .mt-sp-urun .tutar small.kdv { display: block; font-size: 11px; font-weight: 600; color: var(--soluk); text-align: right; } /* ===== Odeme bildirim formu 2026-11-02 ===== */ .mt-ob-banka { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .mt-ob-banka legend { padding: 0 0 8px; font-size: 12.5px; font-weight: 700; color: var(--soluk); } .mt-ob-banka em { color: var(--kirmizi); font-style: normal; } .mt-ob-banka label { display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px; border: 1px solid var(--cizgi); border-radius: 10px; cursor: pointer; } .mt-ob-banka label:has(input:checked) { border-color: var(--lacivert); background: var(--lacivert-acik); box-shadow: inset 0 0 0 1px var(--lacivert); } .mt-ana .mt-ob-banka input[type=radio] { position: static !important; left: auto !important; opacity: 1 !important; display: inline-block !important; width: 18px; height: 18px; margin: 0 !important; accent-color: #1e4f8f; flex: none; } .mt-ob-banka img { height: 26px; width: auto; border-radius: 5px; background: #fff; padding: 2px 4px; border: 1px solid var(--cizgi); } .mt-ob-banka span { display: flex; flex-direction: column; min-width: 0; } .mt-ob-banka small { font: 600 11.5px ui-monospace, Menlo, Consolas, monospace; color: var(--soluk); word-break: break-all; } html[data-tema] .mt-ob select, html[data-tema] .mt-ob input[type=date], html[data-tema] .mt-ob textarea { margin: 0 !important; padding: 9px 11px !important; border: 1px solid var(--cizgi) !important; border-radius: 9px !important; background: var(--girdi, #fff) !important; color: var(--metin) !important; font: 14px system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Arial, sans-serif !important; height: auto !important; width: 100%; box-sizing: border-box; } .mt-ob .ek select { width: auto !important; } .mt-ob .not { display: grid; gap: 5px; margin: 0; } .mt-ob .not span { font-size: 12.5px; font-weight: 700; color: var(--soluk); } @media (max-width: 560px) { .mt-ob-banka { grid-template-columns: 1fr; } } .mt-ob-banka { grid-template-columns: 1fr !important; } .mt-ob-banka small { white-space: nowrap; word-break: normal; font-size: 12px; } /* 1080p ve ustu (>=1600px): tum sayfa %6 buyuk (govde 14px -> ~14,8px, kap 1200 -> 1272px). Kullanici onayi 2026-11-02. */ @media (min-width: 1600px) { html { zoom: 1.06; } } /* 2026-11-03 sorgulama sekmeleri tek satir (Populer / .tr Domain / Ulkeler / Domain Katalogu); mobilde 2x2 */ .mt-ad-ara .uz-sekmeler { display: grid; grid-template-columns: repeat(4, auto); justify-content: start; } .mt-ad-ara .uz-sekmeler button { white-space: nowrap; justify-content: center; padding: 8px 12px; } @media (max-width: 700px) { .mt-ad-ara .uz-sekmeler { grid-template-columns: 1fr 1fr; justify-content: stretch; } } /* 2026-11-03 sorgu sonucu aciklamasi (eski gif tablosu yerine) */ .uz-anahtar { margin-top: 16px; padding: 16px 20px; } .uz-anahtar h3 { margin: 0 0 10px; font-size: 15px; } .uz-anahtar ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .uz-anahtar li { display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: center; gap: 12px; font-size: 13.5px; color: var(--metin); } .uz-anahtar li .et { display: flex; align-items: center; gap: 6px; } .uz-anahtar li .et small { font-size: 11px; color: var(--soluk); white-space: nowrap; } @media (max-width: 640px) { .uz-anahtar li { grid-template-columns: 1fr; gap: 4px; } } .uz-anahtar .not { display: inline-flex; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: var(--zemin); color: var(--soluk); } .uz-anahtar .not.elle { background: var(--turuncu-acik); color: var(--turuncu-metin); } .uz-anahtar .not.belge { background: var(--lacivert-acik); color: var(--lacivert); } /* 2026-11-03 sorgu sayfasi bilgi + SSS bolumu */ .ds-bilgi { margin-top: 34px; } .ds-bilgi .mt-dck-bolum-bas .ust { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--kirmizi); } .ds-bilgi .mt-dck-bolum-bas h2 { font-size: 22px; } .ds-adimlar { list-style: none; counter-reset: ds; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .ds-adimlar li { counter-increment: ds; position: relative; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; padding: 16px 16px 16px 58px; } .ds-adimlar li::before { content: counter(ds); position: absolute; left: 16px; top: 16px; width: 30px; height: 30px; border-radius: 50%; background: var(--lacivert); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; } .ds-adimlar b { display: block; margin-bottom: 4px; color: var(--metin); } .ds-adimlar span { font-size: 13.5px; color: var(--soluk); line-height: 1.55; } .ds-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 30px; } .ds-kartlar .mt-kart { padding: 16px 18px; margin: 0; } .ds-kartlar h3 { margin: 0 0 6px; font-size: 15px; } .ds-kartlar p { margin: 0; font-size: 13.5px; color: var(--soluk); line-height: 1.6; } @media (max-width: 760px) { .ds-adimlar, .ds-kartlar { grid-template-columns: 1fr; } } /* 2026-11-03 alan adi ozeti (Whois / Domain Bilgileri / transfer): includes/alanadi/ozet_html.php */ .wz { font-size: 14px; color: var(--metin); } .wz-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin: 0 0 14px; } .wz-kutular div { background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; } .wz-kutular dt { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--soluk); } .wz-kutular dd { margin: 3px 0 0; font-weight: 700; word-break: break-word; } .wz-kutular small { display: block; font-weight: 600; font-size: 12px; color: var(--soluk); } .wz-satir { display: flex; gap: 12px; align-items: flex-start; padding: 8px 0; border-top: 1px solid var(--cizgi); } .wz-et { flex: none; width: 120px; font-size: 12.5px; font-weight: 700; color: var(--soluk); padding-top: 3px; } .wz-durumlar, .wz-ns { display: flex; flex-wrap: wrap; gap: 6px; } .wz-d { padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--zemin); color: var(--soluk); } .wz-d-kilit { background: var(--kirmizi-acik); color: var(--kirmizi); } .wz-d-uyari { background: var(--turuncu-acik); color: var(--turuncu-metin); } .wz-ns code { font: 12.5px ui-monospace, Menlo, Consolas, monospace; background: var(--zemin); padding: 2px 7px; border-radius: 6px; } .wz-kaynak { margin: 10px 0 0; font-size: 12px; color: var(--soluk); } .wz-ham { margin-top: 10px; } .wz-ham summary { cursor: pointer; font-weight: 700; font-size: 13px; color: var(--lacivert); } .wz-ham pre { margin: 8px 0 0; padding: 12px; background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 8px; white-space: pre-wrap; word-break: break-word; font: 12px/1.55 ui-monospace, Menlo, Consolas, monospace; max-height: 360px; overflow: auto; } .wz-bos { margin: 0; font-weight: 600; } .wz-transfer { display: flex; flex-direction: column; gap: 3px; padding: 10px 14px; border-radius: 10px; margin: 0 0 10px; font-size: 13.5px; } .wz-t-uygun { background: var(--yesil-acik); color: var(--yesil); } .wz-t-kilitli { background: var(--kirmizi-acik); color: var(--kirmizi); } .wz-t-uyari { background: var(--turuncu-acik); color: var(--turuncu-metin); } .wz-t-yok { background: var(--zemin); color: var(--soluk); } .wz-transfer span { color: var(--metin); } .mt-tr-ozet { margin: -2px 0 12px; padding: 0 4px; } .mt-tr-ozet .wz-kutular { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 0; } .mt-wk-sonuc .wz { margin-top: 12px; } /* 2026-11-03 Marka Koruma indirimi notu (sepet satiri) */ .mt-sp-urun .tutar .mk { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 700; color: var(--yesil); } /* 2026-11-03 avantajli paketler (avantajli-paketler.html) */ .ap-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; } .ap-kart { position: relative; padding: 22px 22px 18px; display: flex; flex-direction: column; gap: 10px; } .ap-kart h2 { margin: 0; font-size: 20px; } .ap-rozet { align-self: flex-start; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; background: var(--kirmizi-acik); color: var(--kirmizi); } .ap-rozet.yesil { background: var(--yesil-acik); color: var(--yesil); } .ap-alt { margin: 0; color: var(--soluk); font-size: 14px; line-height: 1.55; } .ap-fiyat { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } .ap-fiyat b { font-size: 28px; color: var(--lacivert); } .ap-fiyat s { color: var(--soluk); font-size: 16px; } .ap-fiyat span { color: var(--soluk); font-size: 13px; } .ap-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; } .ap-liste li { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; } .ap-liste svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--yesil); fill: currentColor; } .ap-liste small { color: var(--soluk); margin-left: 4px; } .ap-kart > .mt-btn { align-self: flex-start; margin-top: 4px; } .ap-form { display: flex; gap: 8px; margin-top: 4px; } .ap-form input[type=text] { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 10px; font-size: 15px; background: var(--kart); color: var(--metin); } .ap-not { margin: 2px 0 0; font-size: 12.5px; color: var(--soluk); line-height: 1.55; } @media (max-width: 760px) { .ap-kartlar { grid-template-columns: 1fr; } .ap-form { flex-direction: column; } } /* 2026-11-03 mobil video: fatura (ve diger mt-md-tablo) kartlari dar ekranda saga tasiyordu (Odendi rozeti, tutar, PDF dugmesi kesik). Sebep: grid sutunu 1fr = min-content; "Odendi 23.10.2026 · Halkbank 3D | CARD: ****3" satiri white-space:nowrap + td width:100% -> satir 364 px kartta 395 px. */ @media (max-width: 860px) { .mt-md-tablo tr { grid-template-columns: minmax(0, 1fr) auto; } .mt-md-tablo td { min-width: 0; width: auto !important; } .mt-md-tablo td.tarih span { white-space: normal; overflow-wrap: anywhere; } .mt-md-tablo td.ad { overflow-wrap: anywhere; } } /* 2026-11-03 mobil: sayfalama (En Bas / Geri / 1..5 / Ileri / En Son) dar ekranda saga tasiyordu ve yazilar iki satira bolunuyordu */ .mt-md-alt .sayfalar { max-width: 100%; min-width: 0; } .mt-md-alt #paging { flex-wrap: wrap; justify-content: center; } html[data-tema] .mt-md-alt #paging .btn, html[data-tema] .mt-md-alt #paging a { white-space: nowrap; } @media (max-width: 600px) { .mt-md-alt { justify-content: center; } html[data-tema] .mt-md-alt #paging .btn, html[data-tema] .mt-md-alt #paging a { padding: 6px 10px !important; } } /* 2026-11-03 mobil video: iOS Safari 16 px altindaki kutuya dokununca sayfayi yakinlastiriyor ve yakin birakiyor (fatura arama, sepet, on ayar alan adi kutusu) */ @media (max-width: 860px) and (pointer: coarse) { html[data-tema] input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]), html[data-tema] select, html[data-tema] textarea { font-size: 16px !important; } } /* 2026-11-03 guncel e-posta anlatimlari: telefon ekran ornegi (mt_yardim 'tel') + ayar tablosu */ .mt-dn .ekran.tel { width: 100%; max-width: 270px; justify-self: center; margin: 0 auto; border: 7px solid #1f2a33; border-radius: 30px; box-shadow: 0 10px 26px rgba(16,42,80,.16); } .mt-dn .ekran.tel .cent { display: flex; align-items: center; justify-content: space-between; padding: 7px 16px 3px; font-size: 10.5px; color: var(--metin); } .mt-dn .ekran.tel .cent i { width: 64px; height: 16px; border-radius: 999px; background: #1f2a33; } .mt-dn .ekran.tel .cent b { font-weight: 800; letter-spacing: .02em; } .mt-dn .ekran.tel .cent b:last-child { font-size: 7px; letter-spacing: 1px; } .mt-dn .ekran.tel .ust { background: transparent; border-bottom: 1px solid var(--cizgi); padding: 6px 14px 8px; } .mt-dn .ekran.tel .ust span { margin: 0; font-size: 13px; font-weight: 800; color: var(--metin); } .mt-dn .ekran.tel .ic { padding: 10px 12px 18px; } .mt-dn .ekran.tel .sat { border-radius: 10px; } .mt-dn .ekran.tel .sat .dg { background: transparent; color: var(--soluk); padding: 0 2px; font-size: 13px; } .mt-dn .ekran.tel .sat.vurgu .dg { color: var(--lacivert); } .mt-dn .ekran.tel label { grid-template-columns: 1fr; gap: 3px; } .mt-dn .ekran.tel .kutu-g { font-size: 11.5px; overflow-wrap: anywhere; } .mt-ep .mt-dn-ns > div { min-width: 0; flex: 1; } .mt-ep-ayar { width: 100%; border-collapse: collapse; margin: 2px 0 8px; font-size: 14px; } .mt-ep-ayar th, .mt-ep-ayar td { text-align: left; padding: 7px 10px; border-bottom: 1px solid var(--cizgi); vertical-align: top; } .mt-ep-ayar th { width: 34%; font-weight: 700; color: var(--soluk); white-space: nowrap; } .mt-ep-ayar code, .mt-ep-not code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 5px; padding: 0 5px; color: var(--metin); } .mt-ep-not { margin: 0; font-size: 13px; color: var(--soluk); } @media (max-width: 600px) { .mt-ep-ayar th, .mt-ep-ayar td { display: block; width: auto; border: 0; padding: 2px 0; } .mt-ep-ayar tr { display: block; padding: 7px 0; border-bottom: 1px solid var(--cizgi); } .mt-ep-ayar th { white-space: normal; } } /* 2026-11-03 ortak istegi: uyelik formu kisa - tek kart, 3 sutun, kucuk bolum basliklari, kucuk fatura turu secimi */ .mt-yh-tek { display: block; } .mt-yh-zor { color: var(--soluk); } .mt-yh-form.mt-ib-form { padding: 18px 22px; } .mt-yh-form .izgara.uc { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 14px; } .mt-yh-form label.iki { grid-column: span 2; } .mt-yh-form label { gap: 4px; } .mt-yh-form h3 { margin: 14px 0 8px !important; padding-top: 12px; font-size: 14.5px !important; gap: 8px; } .mt-yh-form h3 .ik { width: 26px; height: 26px; border-radius: 7px; } .mt-yh-form h3 .ik svg { width: 14px; height: 14px; } html[data-tema] .mt-yh-form input[type=text], html[data-tema] .mt-yh-form input[type=email], html[data-tema] .mt-yh-form input[type=tel], html[data-tema] .mt-yh-form input[type=password], html[data-tema] .mt-yh-form select { padding: 8px 11px !important; } .mt-yh-form .mt-yh-tur { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--cizgi); font-size: 14px; } .mt-yh-form .mt-yh-tur > span { font-weight: 700; color: var(--soluk); font-size: 13px; } .mt-yh-form .mt-yh-tur label { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px !important; padding: 0; border: 0; border-radius: 0; background: none !important; font-weight: 600; color: var(--metin); cursor: pointer; } .mt-yh-form .mt-yh-tur label small { font-weight: 400; color: var(--soluk); font-size: 12px; } .mt-ana .mt-yh-form .mt-yh-tur label > input[type=radio] { width: 15px; height: 15px; } .mt-yh-form .mt-yh-kurum { margin-top: 10px; } .mt-yh-form label.onay { margin: 14px 0 12px !important; } @media (max-width: 1100px) { .mt-yh-form .izgara.uc { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-yh-form label.iki { grid-column: 1 / -1; } } @media (max-width: 760px) { .mt-yh-form .izgara.uc { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px 10px; } .mt-yh-form .izgara.uc label.g { grid-column: 1 / -1; } .mt-yh-form.mt-ib-form { padding: 14px; } } .mt-yh-form .mt-pf-guc span { white-space: nowrap; } /* 2026-11-03 ortak: ince hesap seridi (giris yapmis uye, her sayfada) - eski temadaki "Faturalarim (1)" kisayolu */ .mt-hesap-serit { background: var(--zemin); border-bottom: 1px solid var(--cizgi); } .mt-hesap-serit .mt-kap { display: flex; align-items: center; gap: 4px; overflow-x: auto; scrollbar-width: none; padding-top: 5px; padding-bottom: 5px; } .mt-hesap-serit .mt-kap::-webkit-scrollbar { display: none; } .mt-hesap-serit a { display: inline-flex; align-items: center; gap: 6px; flex: none; padding: 5px 10px; border-radius: 8px; font-size: 13px; font-weight: 650; color: var(--metin) !important; text-decoration: none !important; white-space: nowrap; } .mt-hesap-serit a:hover { background: var(--kart); box-shadow: 0 0 0 1px var(--cizgi); } .mt-hesap-serit a svg { width: 15px; height: 15px; color: var(--lacivert); flex: none; } .mt-hesap-serit .say { min-width: 20px; padding: 1px 6px; border-radius: 999px; background: var(--lacivert-acik); color: var(--lacivert); font-size: 11.5px; font-weight: 800; text-align: center; } .mt-hesap-serit a.borc { color: var(--kirmizi) !important; } .mt-hesap-serit a.borc svg { color: var(--kirmizi); } .mt-hesap-serit a.borc .say { background: var(--kirmizi); color: #fff; } /* uye anasayfasi: 5-6 kart */ .mt-panel-kartlar.n5, .mt-panel-kartlar.n6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mt-panel-kart.k-sunucu { --renk: #0f766e; } .mt-panel-kart.k-diger { --renk: #7c3aed; } @media (max-width: 1100px) { .mt-panel-kartlar.n5, .mt-panel-kartlar.n6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { .mt-hesap-serit .mt-kap { flex-wrap: wrap; overflow: visible; gap: 2px 2px; padding-top: 4px; padding-bottom: 4px; } .mt-hesap-serit a { padding: 4px 7px; font-size: 12.5px; gap: 5px; } .mt-hesap-serit a svg { width: 14px; height: 14px; } } /* 2026-11-03 ortak: cikis daha kolay fark edilsin - yazili dugme (ust) + Hesabim menusu altinda kirmizi dugme */ .mt-btn.mt-btn-cikis { background: var(--kart); color: var(--kirmizi) !important; border: 1px solid var(--kirmizi-cizgi, #f3c2c4); font-weight: 700; gap: 6px; } .mt-btn.mt-btn-cikis:hover { background: var(--kirmizi); color: #fff !important; border-color: var(--kirmizi); } .mt-btn.mt-btn-cikis svg { width: 16px; height: 16px; } .mt-m-cikis { margin-top: 8px; padding-top: 10px; border-top: 1px solid var(--cizgi); display: flex; justify-content: flex-end; } .mt-m-cikis .mt-btn { padding: 8px 16px; font-size: 14px; } @media (max-width: 420px) { .mt-btn.mt-btn-cikis { padding-left: 10px; padding-right: 10px; } } /* 2026-11-03 ortak: hosting/sunucu siparisi alan adi adimi - uzanti kutusu bos gorunsun, hata satir icinde */ .mt-hs .ad input::placeholder { color: var(--sonuk); font-style: italic; opacity: .75; } .mt-hs .ad input.hatali { border-color: var(--kirmizi) !important; box-shadow: 0 0 0 3px rgba(215,20,26,.15) !important; } .mt-hs-hata { margin: 6px 0 0; font-size: 13px; font-weight: 650; color: var(--kirmizi); } /* 2026-11-03 ortak: sayfa sonunda tek KDV notu */ .mt-kdv-alt { padding-top: 14px; padding-bottom: 14px; font-size: 13px; color: var(--soluk); } /* 2026-11-03 ortak: kirmizi uyari rengi - islem dugmelerinde kullanilmaz. Renk duzeni: yesil (.mt-btn-ode) = para/sepet (Sepete ekle, Odemeye gec, Siparisi tamamla, Odeme yap); lacivert = diger islemler (eski .mt-btn-kirmizi: Sorgula, Kaydet, Gonder, Destek); kirmizi = yalniz uyari/hata, gecikmis/odenmemis fatura rozeti, cikis, logo. */ .mt-btn-ode, a.mt-btn-ode { background: #15803d; color: #fff !important; border-color: transparent; } .mt-btn-ode:hover { background: #116632; } [data-tema="koyu"] .mt-btn-ode { background: #1f9d55; } [data-tema="koyu"] .mt-btn-ode:hover { background: #23b061; } .mt-btn-kirmizi, a.mt-btn-kirmizi { background: #1e4f8f; } .mt-btn-kirmizi:hover { background: #163c6e; } [data-tema="koyu"] .mt-btn-kirmizi { background: #2f6fd0; } [data-tema="koyu"] .mt-btn-kirmizi:hover { background: #3b7fe6; } .mt-dck-vitrin .dugmeler .mt-btn-kirmizi { box-shadow: 0 10px 24px -10px rgba(30,79,143,.8); } .mt-arama button { background: #1e4f8f; } .mt-arama button:hover { background: #163c6e; } [data-tema="koyu"] .mt-arama button { background: #2f6fd0; } table#mainData .mt-pi-fatura .toplam tr.son td { color: var(--lacivert); } .mt-dn .ekran .gonder { background: var(--lacivert); box-shadow: 0 0 0 3px rgba(30,79,143,.25); } .mt-m-cikis .mt-btn.mt-btn-kirmizi { background: #d7141a; } .mt-m-cikis .mt-btn.mt-btn-kirmizi:hover { background: #b51015; } /* 2026-11-03 ortak: sepetteki "+ Sepete ekle" baglantilari yesil; odeme sayfasinda sozlesme uyarisi yalniz gonderince (hidden ezilmesin) */ .mt-sp-ekler .ekle { color: #15803d; } [data-tema="koyu"] .mt-sp-ekler .ekle { color: #34c77b; } .mt-py-form .hata[hidden], .mt-py-uyari[hidden] { display: none !important; } /* 2026-11-03 kullanici: bireysel kredi karti odeme sayfasi (ppverify.php) yeni gorunum - eski sprite rozetleri, Tahoma metinleri ve eski ekran goruntuleri yerine */ .mt-kk-ust { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 4px 0 18px; padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--kart); box-shadow: var(--golge); } .mt-kk-ust h2 { margin: 0 0 6px; font-size: 19px; font-weight: 800; color: var(--metin); } .mt-kk-ust p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--soluk); max-width: 640px; } .mt-kk-ust .tutar { flex: none; text-align: right; padding: 12px 16px; border-radius: 12px; background: var(--lacivert-acik); } .mt-kk-ust .tutar small { display: block; font-size: 12.5px; font-weight: 700; color: var(--soluk); } .mt-kk-ust .tutar b { font-size: 26px; font-weight: 850; color: var(--lacivert); letter-spacing: -.02em; white-space: nowrap; } #mainTD .PaymentTabs#CreditCard { display: grid; grid-template-columns: minmax(0, 1fr); padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--kart); box-shadow: var(--golge); } #mainTD #CCPost { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 8px 24px; align-items: start; } #mainTD #CCPost > .CardInfo { grid-column: 1; } #mainTD #CCPost > .mt-kk-guven { grid-column: 2; grid-row: 1 / span 3; } #mainTD #CCPost > .ShoppingTotal { grid-column: 1; } .mt-kk-guven { padding: 14px 16px; border-radius: 12px; background: var(--zemin); border: 1px solid var(--cizgi); } .mt-kk-guven h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 15px; font-weight: 800; color: var(--metin); } .mt-kk-guven h3 svg { width: 18px; height: 18px; color: var(--yesil); } .mt-kk-guven ul { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 10px; } .mt-kk-guven li { display: flex; gap: 10px; align-items: flex-start; margin: 0; } .mt-kk-guven li svg { width: 17px; height: 17px; flex: none; margin-top: 2px; color: var(--lacivert); } .mt-kk-guven li span { font-size: 12.5px; line-height: 1.45; color: var(--soluk); } .mt-kk-guven li b { display: block; font-size: 13px; color: var(--metin); } .mt-kk-guven .kartlar { display: flex; flex-wrap: wrap; gap: 6px; } .mt-kk-guven .kartlar span { display: inline-flex; align-items: center; gap: 3px; padding: 4px 9px; border-radius: 6px; background: var(--kart); border: 1px solid var(--cizgi); font: 800 12px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; } .mt-kk-guven .kartlar .visa { color: #1a1f71; font-style: italic; letter-spacing: .04em; } [data-tema="koyu"] .mt-kk-guven .kartlar .visa { color: #8fa4ff; } .mt-kk-guven .kartlar .mc i { width: 10px; height: 10px; border-radius: 50%; background: #eb001b; } .mt-kk-guven .kartlar .mc i + i { background: #f79e1b; margin-left: -6px; margin-right: 3px; opacity: .9; } .mt-kk-guven .kartlar .mc { color: var(--metin); font-weight: 700; } .mt-kk-guven .kartlar .troy { color: #0aa5a4; text-transform: lowercase; } #mainTD #CCPost .ShoppingTotal, #mainTD #CCPost .ShoppingTPrice { float: none; width: auto; margin: 6px 0 0; padding: 0; background: none; border: 0; text-align: left; } #mainTD #CCPost button.odemeyap.mt-btn { width: auto; height: auto; padding: 12px 24px; font-size: 15px; font-weight: 800; border-radius: 10px; background-image: none; text-indent: 0; box-shadow: none; } .mt-kk-kurum { margin: 14px 0 0; font-size: 14px; color: var(--soluk); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .mt-kk-adim { margin: 22px 0 6px; padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--kart); } .mt-kk-adim h3 { margin: 0 0 12px; font-size: 16px; font-weight: 800; color: var(--metin); } .mt-kk-adim ol { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .mt-kk-adim li { display: flex; gap: 10px; margin: 0; } .mt-kk-adim .no { display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--lacivert); color: #fff; font-weight: 800; font-size: 14px; } .mt-kk-adim li b { display: block; font-size: 14px; color: var(--metin); margin-bottom: 3px; } .mt-kk-adim li p { margin: 0; font-size: 13px; line-height: 1.55; color: var(--soluk); } .mt-kk-not { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 10px; background: var(--lacivert-acik); } .mt-kk-not svg { width: 18px; height: 18px; flex: none; color: var(--lacivert); margin-top: 1px; } .mt-kk-not p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--metin); } @media (max-width: 900px) { .mt-kk-ust { flex-direction: column; align-items: stretch; } .mt-kk-ust .tutar { text-align: left; } #mainTD #CCPost { grid-template-columns: minmax(0, 1fr); } #mainTD #CCPost > .mt-kk-guven { grid-column: 1; grid-row: auto; } .mt-kk-adim ol { grid-template-columns: minmax(0, 1fr); } } #mainTD #CCPost { grid-template-columns: minmax(610px, 1fr) 240px; } #mainTD #CCPost .CreditCard { height: 205px; } #mainTD #CCPost button.odemeyap.mt-btn { background: #15803d !important; color: #fff !important; border: 0; } #mainTD #CCPost button.odemeyap.mt-btn:hover { background: #116632 !important; } @media (max-width: 1250px) { #mainTD #CCPost { grid-template-columns: minmax(0, 1fr); } #mainTD #CCPost > .mt-kk-guven { grid-column: 1; grid-row: auto; } } @media (max-width: 700px) { #mainTD #CCPost .CardName, #mainTD #CCPost .CreditCard { float: none; width: 100%; } #mainTD #CCPost .CardInfo ul { border-right: 0; } #mainTD #CCPost .CardInfo input.FormInput { width: 100%; box-sizing: border-box; } #mainTD #CCPost .CreditCard { display: none; } } /* kk duzeltme: guvenli odeme kutusu formun altinda yatay serit; bosluk ve adim metni */ #mainTD #CCPost { display: block; } #mainTD .PaymentTabs#CreditCard { height: auto !important; min-height: 0 !important; } #mainTD #CCPost .CardInfo { overflow: hidden; } #mainTD #CCPost .ShoppingTotal { clear: both; height: auto !important; } #mainTD #CCPost > .mt-kk-guven { margin: 16px 0 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px 20px; } #mainTD #CCPost > .mt-kk-guven h3 { margin: 0; } #mainTD #CCPost > .mt-kk-guven ul { margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); } .mt-kk-adim li b { display: inline; margin: 0; } .mt-kk-adim li > div > b { display: block; margin-bottom: 3px; } @media (max-width: 1100px) { #mainTD #CCPost > .mt-kk-guven { grid-template-columns: minmax(0, 1fr); } #mainTD #CCPost > .mt-kk-guven ul { grid-template-columns: minmax(0, 1fr); } } /* 2026-11-03 kullanici: kurumsal/VISA kart odeme (pay_invoice.php, Moka) yeni gorunum */ #mainTD td.mt-kk-yan { width: 270px; padding-left: 18px; vertical-align: top; } #mainTD td.mt-kk-yan .mt-kk-guven ul { grid-template-columns: minmax(0, 1fr); } #mainTD #CCPost .ShoppingTotal { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 8px; } #mainTD #CCPost .ShoppingTotal .ShoppingLinks, #mainTD #CCPost .ShoppingTotal .ShoppingTPrice { float: none; width: auto; margin: 0; } #mainTD #CCPost input.odemeyap.mt-btn { width: auto; height: auto; padding: 12px 26px; font-size: 15px; font-weight: 800; border-radius: 10px; background: #15803d !important; color: #fff !important; border: 0; background-image: none; cursor: pointer; } #mainTD #CCPost input.odemeyap.mt-btn:hover { background: #116632 !important; } @media (max-width: 1000px) { #mainTD td.mt-kk-yan { display: block; width: auto; padding: 14px 0 0; } } /* pay_invoice: yan sutun formun altina (kart onizlemesi sigsin) */ #mainTD table.width-100:has(td.mt-kk-yan), #mainTD table.width-100:has(td.mt-kk-yan) > tbody, #mainTD table.width-100:has(td.mt-kk-yan) > tbody > tr, #mainTD table.width-100:has(td.mt-kk-yan) > tbody > tr > td { display: block; width: auto; } #mainTD td.mt-kk-yan { padding: 14px 0 0 !important; width: auto !important; } #mainTD td.mt-kk-yan .mt-kk-guven { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px 20px; } #mainTD td.mt-kk-yan .mt-kk-guven h3 { margin: 0; } #mainTD td.mt-kk-yan .mt-kk-guven ul { margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 1100px) { #mainTD td.mt-kk-yan .mt-kk-guven, #mainTD td.mt-kk-yan .mt-kk-guven ul { grid-template-columns: minmax(0, 1fr); } } #mainTD td.mt-kk-yan .mt-kk-guven, #mainTD #CCPost > .mt-kk-guven { display: block; } #mainTD td.mt-kk-yan .mt-kk-guven h3, #mainTD #CCPost > .mt-kk-guven h3 { margin: 0 0 12px; } #mainTD td.mt-kk-yan .mt-kk-guven ul { margin: 0 0 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); } #mainTD #CCPost > .mt-kk-guven ul { margin: 0 0 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 1100px) { #mainTD td.mt-kk-yan .mt-kk-guven ul, #mainTD #CCPost > .mt-kk-guven ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { #mainTD td.mt-kk-yan .mt-kk-guven ul, #mainTD #CCPost > .mt-kk-guven ul { grid-template-columns: minmax(0, 1fr); } } /* 2026-11-04 sayfa ici kutu (mbKutu) */ .mb-kutu { border: 0; border-radius: 14px; padding: 0; width: min(760px, calc(100vw - 32px)); height: min(640px, calc(100vh - 48px)); box-shadow: 0 24px 60px rgba(10,30,60,.35); background: var(--kart, #fff); color: var(--metin); overflow: hidden; } .mb-kutu.genis { width: min(1000px, calc(100vw - 32px)); height: calc(100vh - 48px); } .mb-kutu[open] { display: flex; flex-direction: column; } .mb-kutu::backdrop { background: rgba(10,25,45,.45); } .mb-kutu-ust { display: flex; align-items: center; gap: 8px; padding: 10px 12px 10px 18px; border-bottom: 1px solid var(--cizgi, #e3e8ef); } .mb-kutu-ust b { flex: 1; font-size: 16px; font-weight: 800; color: var(--metin); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mb-kutu-ust a, .mb-kutu-ust button { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--cizgi, #e3e8ef); border-radius: 8px; background: transparent; color: var(--metin); font-size: 20px; line-height: 1; cursor: pointer; text-decoration: none; } .mb-kutu-ust a:hover, .mb-kutu-ust button:hover { background: rgba(0,0,0,.05); } .mb-kutu iframe { flex: 1; width: 100%; border: 0; background: #fff; } @media (max-width: 600px) { .mb-kutu, .mb-kutu.genis { width: 100vw; height: 100vh; max-width: 100vw; max-height: 100vh; border-radius: 0; } } /* 2026-11-05 kullanici: Ulkeler + Domain Katalogu kutusu 6 yerine 12 satir (Populer ve .tr ayni kalir) */ .mt-ad-ara .uz-panel[data-p="ulke"] .uz-kutular, .mt-ad-ara .uz-panel[data-p="yeni"] .uz-kutular { max-height: 662px; } /* 2026-11-05 mobil test: on ayar "Bu urunu cikar", alan adi dogrulama mesaji, hosting akisinda secim uyarisi */ .mt-sp-liste .mt-sp-onsil { float: right; margin: -3px 0 0 10px; padding: 4px 10px !important; font-size: 12.5px; font-weight: 600; } .mt-sp-liste .mt-sp-onsil svg { width: 13px; height: 13px; } .mt-ad-hata { display: block; margin-top: 5px; color: var(--kirmizi); font-size: 12.5px; font-weight: 600; white-space: normal; } .mt-ad-hata[hidden] { display: none; } input.mt-girdi-hata { border-color: var(--kirmizi) !important; box-shadow: 0 0 0 2px var(--kirmizi-acik) !important; } #sp-hata a { color: inherit; text-decoration: underline; } /* 2026-11-05 kullanici: "* Fiyatlara KDV dahil degildir" canlidaki gibi belirgin (kalin, kirmizi, saga yasli); sepet ozetinde KDV dokumu */ .mt-kdv-alt { text-align: right; font-weight: 700; font-size: 14px; color: var(--kirmizi) !important; } .mt-sp-ozet dl .kdvsiz dt, .mt-sp-ozet dl .kdvsiz dd { font-size: 14px; font-weight: 600; color: var(--soluk); } .mt-sp-ozet dl dt small, .mt-py .toplam td small { font-weight: 500; color: var(--soluk); font-size: 12px; } .mt-sp-urun .tutar small.kdv { margin-top: 2px; } .mt-py-urun li span small { font-size: 11.5px; color: var(--soluk); font-weight: 600; } /* 2026-11-05 destek tablosu: basliklar sarilir, islem dugmeleri kesilmez */ .mt-hd-tablo td.ad a:first-child { white-space: normal !important; } .mt-hd-tablo td.ad { min-width: 0; overflow-wrap: anywhere; } .mt-hd-tablo td.islem { width: 1%; } /* 2026-11-05 sol menu alan adi sorgu kutusu (eski satir ici stiller kaldirildi) */ html[data-tema] .mt-um-sorgu { border: 0 !important; background: none !important; padding: 4px 0 2px !important; } .mt-um-sorgu .bas { font-size: 13px; font-weight: 700; color: var(--metin); margin: 0 0 8px; } .mt-um-sorgu form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; margin: 0; } html[data-tema] .mt-um-sorgu input[type=text], html[data-tema] .mt-um-sorgu select { height: 36px; padding: 0 9px !important; border: 1px solid var(--cizgi) !important; border-radius: 8px !important; background: var(--kart) !important; color: var(--metin) !important; font: 500 13.5px system-ui, sans-serif !important; width: 100% !important; min-width: 0; box-sizing: border-box; } .mt-um-sorgu select { width: auto !important; } .mt-um-sorgu .mt-btn { grid-column: 1 / -1; justify-content: center; height: 36px; } /* 2026-11-05 odeme bildirim formu mobilde tasiyordu (fieldset min-content + IBAN) */ .mt-ns-form, .mt-ns-form .alanlar, .mt-ns-form label { grid-template-columns: minmax(0, 1fr) !important; min-width: 0; } fieldset.mt-ob-banka { min-width: 0 !important; } .mt-ob-banka label { min-width: 0; } .mt-ob-banka label > * { min-width: 0; } .mt-ob-banka code, .mt-ob-banka small, .mt-ob-banka .iban { overflow-wrap: anywhere; word-break: break-all; white-space: normal !important; } .mt-ns-form select, .mt-ns-form input, .mt-ns-form textarea { max-width: 100%; min-width: 0; } .mt-ns-form .d { flex-wrap: wrap; } /* 2026-11-05 musteri memnuniyet anketi: kart gorunumu + mobilde etiketlerin harf harf kirilmasi */ #anketform { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; padding: 20px 22px; box-shadow: var(--golge); } #anketform td.ar { white-space: nowrap; text-align: left !important; padding-right: 10px; font-weight: 600; } #anketform textarea { width: 100%; max-width: 640px; box-sizing: border-box; } #anketform input[name=kod] { font-size: 15px !important; height: 36px; border-radius: 8px; border: 1px solid var(--cizgi) !important; } #anketform input[type=submit], #anketform input[type=reset] { margin-right: 8px; } @media (max-width: 640px) { #anketform { padding: 16px 14px; } #anketform > table:first-of-type, #anketform > table:first-of-type tbody, #anketform > table:first-of-type tr, #anketform > table:first-of-type td { display: block; width: 100% !important; } #anketform > table:first-of-type td.ar { padding: 8px 0 4px; } #anketform > table:first-of-type input { width: 100%; box-sizing: border-box; } #anketform table.mt-sar tr { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 4px 6px; padding: 8px 0; border-top: 1px solid var(--cizgi); } #anketform table.mt-sar tr:first-child { display: none; } #anketform table.mt-sar td { display: block; padding: 0 !important; } #anketform table.mt-sar td:nth-child(3) { grid-column: 2; } #anketform table.mt-sar select { width: 100%; } } /* 2026-11-05 ortak: sepette urun turune gore hafif renk (alan adi / hosting / sunucu / SSL / diger hizmet) */ .mt-sp-urun { border-left: 4px solid transparent; } .mt-sp-urun.t-alan { background: color-mix(in srgb, var(--lacivert-acik) 55%, var(--kart)); border-left-color: #3b82f6; } .mt-sp-urun.t-host { background: color-mix(in srgb, var(--yesil-acik) 70%, var(--kart)); border-left-color: var(--yesil); } .mt-sp-urun.t-sunucu { background: color-mix(in srgb, var(--turuncu-acik) 75%, var(--kart)); border-left-color: var(--turuncu); } .mt-sp-urun.t-ek { background: color-mix(in srgb, #64748b 7%, var(--kart)); border-left-color: #94a3b8; } .mt-sp-urun.t-ssl { background: color-mix(in srgb, #7c3aed 8%, var(--kart)); border-left-color: #8b5cf6; } .mt-sp-urun.t-ssl .ik { background: color-mix(in srgb, #7c3aed 14%, var(--kart)); color: #7c3aed; } html[data-tema="koyu"] .mt-sp-urun.t-ssl .ik { color: #c4b5fd; } .mt-sp-urun.guncelleniyor { opacity: .55; pointer-events: none; transition: opacity .15s; } /* 2026-11-05 ortak: Domain Katalogu > Tumu seciliyken uzanti kutusu kaydirmasiz, tum liste acik */ .mt-ad-ara .uz-panel[data-p="yeni"].kat-tumu .uz-kutular { max-height: none; overflow: visible; } /* 2026-11-05 ortak: yeni uyelik kullanici adi ipucu (kutu ici bos, altta kucuk not) */ .yh-ipucu { display: block; margin-top: 4px; font-size: 12px; font-weight: 500; color: var(--soluk); } /* 2026-11-05 ortak: Faturalarim "Odeme sekli" sutunu */ .mt-fa .mt-md-tablo td.odeme { white-space: nowrap; font-size: 13.5px; } .mt-fa .mt-md-tablo td.odeme b { font-weight: 700; color: var(--metin); } .mt-fa .mt-md-tablo td.odeme .soluk { color: var(--sonuk); } @media (max-width: 860px) { .mt-fa .mt-md-tablo td.odeme { grid-column: 1 / -1; font-size: 12.5px; } .mt-fa .mt-md-tablo td.odeme::before { content: "Ödeme şekli: "; color: var(--soluk); font-weight: 600; } .mt-fa .mt-md-tablo td.odeme:has(.soluk) { display: none; } } /* 2026-11-05 ortak: kart odeme sayfalari - gecerli kart logolari + guvenli odeme rozetleri */ .mt-kk-logolar { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--cizgi); display: grid; gap: 8px; } .mt-kk-logolar .bas { font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--soluk); } .mt-kk-logolar .kl-sira, .mt-kk-logolar .rz-sira { display: flex; flex-wrap: wrap; gap: 8px; } .mt-kk-logolar .kl { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 9px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .05); } .mt-kk-logolar .kl svg { height: 22px; width: auto; display: block; } .mt-kk-logolar .kl-mc svg { height: 24px; } .mt-kk-logolar .kl-mc b { font: 700 12.5px Arial, sans-serif; color: #231F20; letter-spacing: -.2px; } .mt-kk-logolar .kl-banka { color: #1e4f8f; } .mt-kk-logolar .kl-banka svg { height: 20px; } .mt-kk-logolar .kl-banka b { font-size: 12.5px; font-weight: 700; color: #1e4f8f; } .mt-kk-logolar .not { font-size: 12px; color: var(--soluk); margin-top: -2px; } .mt-kk-logolar .rz { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border-radius: 10px; background: var(--yesil-acik); color: var(--yesil); border: 1px solid color-mix(in srgb, var(--yesil) 25%, transparent); } .mt-kk-logolar .rz svg { width: 22px; height: 22px; flex: none; } .mt-kk-logolar .rz-marka { background: var(--kart); color: var(--metin); border-color: var(--cizgi); } .mt-kk-logolar .rz-marka svg { width: 34px; height: 18px; } .mt-kk-logolar .rz > span { display: flex; flex-direction: column; line-height: 1.15; } .mt-kk-logolar .rz b { font-size: 12.5px; font-weight: 800; } .mt-kk-logolar .rz small { font-size: 11px; opacity: .8; } /* 2026-11-05 mobil test: Turkce domain sorgu formu dar ekranda kirpiliyordu */ form[name="WhoisForm"] table { width: 100% !important; } form[name="WhoisForm"] input#domainsld { width: 100%; box-sizing: border-box; } @media (max-width: 640px) { form[name="WhoisForm"] table, form[name="WhoisForm"] tbody, form[name="WhoisForm"] tr, form[name="WhoisForm"] td { display: block; width: 100% !important; } form[name="WhoisForm"] td { padding: 0 0 8px !important; } form[name="WhoisForm"] select, form[name="WhoisForm"] input[type=submit] { width: 100% !important; } } /* 2026-11-05 kullanici: odeme altyapisi logolari (Moka United, BDDK) */ .mt-kk-logolar .altyapi .kl { height: 46px; } .mt-kk-logolar .kl-moka img { height: 30px; width: auto; display: block; } .mt-kk-logolar .kl-bddk { gap: 8px; } .mt-kk-logolar .kl-bddk img { height: 30px; width: 30px; display: block; } .mt-kk-logolar .kl-bddk b { display: flex; flex-direction: column; font-size: 12px; font-weight: 800; color: #0b3a6a; line-height: 1.15; } .mt-kk-logolar .kl-bddk small { font-size: 10.5px; font-weight: 600; color: #475569; } /* 2026-11-05 kart odeme sonuc sayfalari (3Dsonuc / 3Dsonuctb) */ .mt-os-kart { display: flex; gap: 16px; align-items: flex-start; max-width: 760px; margin: 18px 0; padding: 22px 24px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; box-shadow: var(--golge); } .mt-os-kart h2 { margin: 0 0 6px; font-size: 19px; font-weight: 800; color: var(--metin); } .mt-os-kart p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.55; color: var(--metin); } .mt-os-kart.bekle { border-left: 4px solid var(--yesil); align-items: center; } .mt-os-donen { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 3px solid var(--yesil-acik); border-top-color: var(--yesil); animation: mt-os-don .8s linear infinite; } @keyframes mt-os-don { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .mt-os-donen { animation-duration: 2.4s; } } .mt-os-kart.hata { border-left: 4px solid var(--kirmizi); } .mt-os-ik { flex: none; width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: var(--kirmizi-acik); color: var(--kirmizi); } .mt-os-ik svg { width: 24px; height: 24px; } .mt-os-kart .sebep { padding: 10px 12px; border-radius: 9px; background: var(--zemin); font-size: 13.5px; overflow-wrap: anywhere; } .mt-os-kart .nedenler { margin: 4px 0 14px; padding-left: 18px; font-size: 13.5px; color: var(--soluk); line-height: 1.6; } .mt-os-kart .dugmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } .mt-os-kart .dugmeler form { margin: 0; } .mt-os-kart .yardim { font-size: 13.5px; color: var(--soluk); margin: 0; } .mt-os-kart .yardim a { color: var(--lacivert) !important; } @media (max-width: 640px) { .mt-os-kart { flex-direction: column; padding: 18px 16px; } .mt-os-kart .dugmeler > * { flex: 1; } .mt-os-kart .dugmeler .mt-btn { width: 100%; justify-content: center; } } .mt-os-kart .nedenler li { list-style: disc; margin: 2px 0; } /* 2026-11-05 kullanici: alan adi uzanti seciminde hicbir sekme/kategoride kaydirma cubugu olmasin; liste uzunsa sayfa asagi uzasin */ .mt-ad-ara .uz-kutular, .mt-ad-ara .uz-panel .uz-kutular, .mt-ad-ara .uz-panel[data-p] .uz-kutular { max-height: none !important; overflow: visible !important; } /* 2026-11-05 kullanici: Domain Fiyat Listesi tablosunda da ic kaydirma olmasin, sayfa asagi uzasin (338 uzanti; 70vh siniri kaldirildi). Dar ekranda yalniz yatay tasma icin x ekseni acik kalir; dikey cubuk olusmaz. */ .mt-pf-kart .tablo { max-height: none !important; overflow-x: auto; overflow-y: hidden; } /* 2026-11-07 kullanici (2. tarif): kart formlari alt alta - Ad Soyad, Kart Numarasi, Son Kullanma Tarihi (ay + yil), en altta Guvenlik Kodu (CVC); CVC kutusu sigarsa basligin yaninda, sigmazsa altinda. Tum kart formlari (#CCPost): Halkbank, Moka/Garanti, faturadan odeme, .com.tr on odeme. */ #CCPost .CardInfo li.mb-skt { display: block; overflow: visible; } #CCPost .CardInfo li.mb-skt > .CardLastDate, #CCPost .CardInfo li.mb-skt > .CardCVC { float: none; width: auto; margin: 0; min-width: 0; } #CCPost .CardInfo li.mb-skt > .CardLastDate > .FormTxt { display: block; margin: 0 0 6px; } #CCPost .CardInfo li.mb-skt > .CardLastDate select { display: inline-block; width: auto; min-width: 110px; margin: 0 8px 0 0; box-sizing: border-box; } #CCPost .CardInfo li.mb-skt > .CardCVC { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; } #CCPost .CardInfo li.mb-skt > .CardCVC > .FormTxt { display: inline-block; margin: 0; white-space: nowrap; } #CCPost .CardInfo li.mb-skt > .CardCVC input { flex: 0 0 96px; width: 96px; box-sizing: border-box; } #CCPost .CardInfo .mt-guvenli-etiket { display: block; margin: 0 0 12px; } #CCPost .CardInfo .CardName li > .FormTxt { display: block; margin: 0 0 6px; } /* 2026-11-07 kullanici: kart odemesinde 3D sayfasina gecerken bir an gorunen bekleme penceresi (ggDialogBox + 3Dfancy*.php) yeni tasarim. Eski: kutucuklu desen arka plan (pattern.png), ajax-loader.gif, Arial "Lutfen Bekleyin..." + loading.gif */ .ggDialogPageBlocker { background: rgba(15, 23, 42, .55) !important; position: fixed !important; height: 100% !important; } .ggDialogLoading { position: fixed !important; background: none !important; width: 44px !important; height: 44px !important; margin: -22px 0 0 -22px !important; box-sizing: border-box; border: 4px solid rgba(255, 255, 255, .35); border-top-color: #fff; border-radius: 50%; animation: mb3d-don .8s linear infinite; } #ggDialogPageContainer { border: 0 !important; border-radius: 14px; box-shadow: 0 20px 50px rgba(15, 23, 42, .28); padding: 28px 30px !important; width: min(420px, calc(100vw - 40px)); box-sizing: border-box; font-family: inherit !important; color: #1C212B !important; } #ggDialogCloser { display: none !important; } .mb-3d-bekle { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; font-size: 15px; line-height: 1.5; color: #1C212B; } .mb-3d-bekle b { font-size: 19px; font-weight: 800; } .mb-3d-bekle strong { color: #15803d; } .mb-3d-bekle small { color: #5F6B7A; font-size: 13px; } .mb-3d-donen { width: 44px; height: 44px; box-sizing: border-box; border: 4px solid #E3E8EF; border-top-color: #1A9AD6; border-radius: 50%; animation: mb3d-don .8s linear infinite; margin-bottom: 6px; } @keyframes mb3d-don { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .mb-3d-donen, .ggDialogLoading { animation-duration: 2.4s; } } /* 2026-11-07 kullanici: sepette hosting onerisi belirgin (eski sitede "Hosting almak icin Tiklayiniz" one cikiyordu) */ .mt-sp-urun .ad .alt a.mt-sp-hekle { display: flex; align-items: center; gap: 12px; margin-top: 10px; padding: 11px 12px; border: 1.5px dashed #16a34a; border-radius: 12px; background: #f0fdf4; color: #14532d !important; text-decoration: none !important; font-weight: 400; transition: background .15s, border-color .15s; } .mt-sp-urun .ad .alt a.mt-sp-hekle:hover { background: #dcfce7; border-style: solid; } .mt-sp-hekle .hi, .mt-sp-hosting .hi { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; background: #16a34a; color: #fff; display: inline-flex; align-items: center; justify-content: center; } .mt-sp-hekle .hi svg, .mt-sp-hosting .hi svg { width: 19px; height: 19px; } .mt-sp-hekle .hm { flex: 1 1 auto; min-width: 0; } .mt-sp-hekle .hm b { display: block; font-size: 14.5px; color: #14532d; } .mt-sp-hekle .hm small { display: block; font-size: 12.5px; color: #166534; } .mt-sp-hekle .hd { flex: 0 0 auto; background: #16a34a; color: #fff; font-weight: 700; font-size: 13px; padding: 8px 12px; border-radius: 8px; white-space: nowrap; } .mt-sp-hosting { margin-top: 22px; border: 2px solid #16a34a; border-radius: 16px; padding: 18px; background: linear-gradient(180deg, #f0fdf4 0, #fff 120px); } .mt-sp-hosting .ust { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; } .mt-sp-hosting h3 { margin: 4px 0 4px; font-size: 18px; font-weight: 800; color: var(--metin); } .mt-sp-hosting .ust p { margin: 0; font-size: 13.5px; color: var(--soluk); } .mt-sp-hosting .paketler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .mt-sp-hosting .paketler a { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 16px !important; border: 1px solid var(--cizgi); text-decoration: none; color: var(--metin) !important; transition: border-color .15s, transform .15s; } .mt-sp-hosting .paketler a:hover { border-color: #16a34a; transform: translateY(-2px); } .mt-sp-hosting .paketler a.pop { border: 2px solid #16a34a; } .mt-sp-hosting .rozet { position: absolute; top: -10px; right: 12px; background: #f59e0b; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; } .mt-sp-hosting .paketler b { font-size: 15.5px; } .mt-sp-hosting .fiyat { font-size: 20px; font-weight: 800; color: #15803d; } .mt-sp-hosting .fiyat small { display: block; font-size: 12px; font-weight: 600; color: var(--soluk); } .mt-sp-hosting ul { list-style: none; margin: 6px 0 8px; padding: 0; font-size: 12.5px; color: var(--soluk); } .mt-sp-hosting li { padding: 2px 0 2px 16px; position: relative; } .mt-sp-hosting li:before { content: "✓"; position: absolute; left: 0; color: #16a34a; font-weight: 700; } .mt-sp-hosting .sec { margin-top: auto; text-align: center; background: #16a34a; color: #fff; font-weight: 700; font-size: 13.5px; padding: 9px 10px; border-radius: 9px; } .mt-sp-hosting .paketler a:hover .sec { background: #15803d; } .mt-sp-hosting .alt { margin: 12px 0 0; font-size: 13px; text-align: right; } .mt-sp-hosting .alt a { font-weight: 700; color: var(--lacivert) !important; } [data-tema="koyu"] .mt-sp-urun .ad .alt a.mt-sp-hekle { background: rgba(34,197,94,.08); border-color: #22c55e; } [data-tema="koyu"] .mt-sp-hekle .hm b { color: #86efac; } [data-tema="koyu"] .mt-sp-hekle .hm small { color: #4ade80; } [data-tema="koyu"] .mt-sp-hosting { background: rgba(34,197,94,.06); border-color: #22c55e; } [data-tema="koyu"] .mt-sp-hosting .fiyat { color: #4ade80; } @media (max-width: 900px) { .mt-sp-hosting .paketler { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .mt-sp-hekle .hd { display: none; } .mt-sp-hosting { padding: 14px; } .mt-sp-hosting .alt { text-align: center; } } /* 2026-11-07 kullanici: Turkce Domain Tescil (idndomain.php) yeni tasarim diline */ .mt-idn .mt-ad-ara h2 { margin-bottom: 4px; } .mt-idn .mt-ad-ara > form > p { margin: 0 0 12px; font-size: 13px; color: var(--soluk); } .mt-idn .idn-satir { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .mt-idn .idn-satir input[type=text] { flex: 1 1 260px; min-width: 0; padding: 11px 14px; border: 2px solid var(--lacivert); border-radius: 10px; background: var(--girdi); color: var(--metin); font-size: 16px; font-weight: 600; } .mt-idn .idn-satir input[type=text]:focus { outline: none; border-color: var(--vurgu-mavi); box-shadow: 0 0 0 4px rgba(47,125,225,.15); } .mt-idn .idn-satir .nokta { font-size: 20px; font-weight: 800; color: var(--soluk); } .mt-idn .idn-satir select { flex: 0 0 auto; padding: 11px 10px; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--girdi); color: var(--metin); font-size: 15px; font-weight: 700; } .mt-idn .idn-satir .mt-btn { flex: 0 0 auto; padding: 12px 20px; font-size: 15px; } .mt-idn .uz-uyari { margin-top: 10px; padding: 9px 11px; border-radius: 8px; background: var(--kirmizi-acik); border: 1px solid var(--kirmizi-cizgi); color: var(--kirmizi); font-size: 12.5px; font-weight: 600; } .mt-idn .uz-uyari a { color: inherit !important; text-decoration: underline; } .mt-idn .idn-not { margin: 12px 0 0 !important; font-size: 12.5px !important; color: var(--soluk); } .mt-idn .idn-not a { font-weight: 700; color: var(--lacivert) !important; } .mt-idn .mt-ws-satir .ad small.puny { display: block; margin-top: 2px; font-size: 11.5px; color: var(--soluk); font-weight: 400; } .mt-idn .idn-bos { margin: 0; padding: 16px 20px; color: var(--kirmizi); font-weight: 600; } .mt-idn .idn-fiyat-not { margin: 10px 2px 0; font-size: 12.5px; color: var(--soluk); text-align: right; } @media (max-width: 600px) { .mt-idn .idn-satir input[type=text] { flex-basis: 100%; } .mt-idn .idn-satir .nokta { display: none; } .mt-idn .idn-satir select { flex: 1 1 auto; } .mt-idn .idn-satir .mt-btn { flex: 1 1 auto; justify-content: center; } }