/* ========================================================== 🧱 0) TASARIM TOKEN'LARI (DEĞİŞKENLER) ✅ ========================================
/* ==========================================================
🧱 0) TASARIM TOKEN'LARI (DEĞİŞKENLER) ✅
========================================================== */
:root{
/* 🧩 H3 altındaki gövde metni boyutu (buradan ayarla) ✅💊 */
--h3-body-size: 0.98em; /* 0.95em / 1.0em / 1.05em ✅ */
/* 🎨 GENEL ✅ */
--border-color-subtle: rgba(255,255,255,.18); /* genel ince border ✅ */
/* 🟦 H2 ✅ */
--h2-text: #ffffff; /* H2 metin ✅ */
/* 🧊 H2 Liquid Glass ✅ */
--h2-glass-bg: linear-gradient(
18deg,
rgba(10, 20, 90, .92),
rgba(135, 206, 235, .70)
); /* 🧊 */
--h2-glass-border: rgba(255,255,255,.45); /* ⭐️ */
--h2-glass-blur: 18px; /* 🌫️ */
/* 🥇 H3 ✅ */
--h3-accent: rgba(150, 200, 255, 1); /* H3 sol şerit 🥇 */
--h3-bg: linear-gradient(
90deg,
rgba(150, 200, 255, 0.30),
rgba(150, 200, 255, 0.30)
);
/* 🔗 LINK COLORS ✅ */
--link-normal: deepskyblue;
--link-hover: lightskyblue;
--link-visited: deepskyblue;
--link-active: lightskyblue;
/* ❗️🔥 INFOBOX TOKENS ✅ */
--infobox-border-strong: rgba(255,255,255,.55); /* ⭐️ */
--infobox-label-color: rgba(230,240,255,.98); /* 🏷️ label metin ✅ */
--infobox-header-color: #ffffff; /* 🧱 header metin ✅ */
--infobox-header-bg: linear-gradient(
135deg,
#f2f2f2,
#dcdcdc
);
/* 🧊🔥 */
/* 🏆 INFOBOX TITLE ✅ */
--infobox-title-color: #111; /* ⚫️ */
--infobox-title-size: 1.45em;
--infobox-title-bg: linear-gradient(135deg, #f5f5f5, #dcdcdc);
--infobox-title-border: rgba(255,255,255,.55);
/* 🧩 INFOBOX LINK (GENEL) ✅ */
--infobox-link: #ffd54a; /* 🥇 sarı */
--infobox-link-hover: #ffe082; /* ✨ */
}
/* ==========================================================
🏷️ 1) SAYFA BAŞLIĞI (H1) ✅
========================================================== */
.mw-page-title-main{
margin: 0; /* ✅ */
font-weight: 700; /* 💪 */
font-size: 1.60em; /* 🔥 */
letter-spacing: .2px; /* ⭐️ */
text-transform: uppercase; /* ✅ */
}
/* ==========================================================
🟦 2) H2 – BÖLÜM BAŞLIKLARI (mw-heading2) ✅
========================================================== */
.mw-heading.mw-heading2{
margin-top: 34px; /* ✅ */
margin-bottom: 14px; /* ✅ */
padding: 12px 14px; /* ⭐️ */
background: var(--h2-glass-bg); /* 🧊 */
border-radius: 16px; /* 🍎 */
backdrop-filter: blur(var(--h2-glass-blur)) saturate(160%); /* 🌫️ */
-webkit-backdrop-filter: blur(var(--h2-glass-blur)) saturate(160%); /* 🌫️ */
border-top: 1px solid var(--h2-glass-border); /* ⬆️ */
border-bottom: 1px solid var(--h2-glass-border); /* ⬇️ */
box-shadow:
0 8px 24px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.45); /* ✨ */
transition: all .35s ease; /* 🧈 */
}
.mw-heading.mw-heading2:hover{
backdrop-filter: blur(22px) saturate(180%); /* 🧊 */
-webkit-backdrop-filter: blur(22px) saturate(180%); /* 🧊 */
box-shadow:
0 12px 32px rgba(0,0,0,.28),
inset 0 1px 0 rgba(255,255,255,.55); /* ✨ */
}
.mw-heading.mw-heading2 > h2{
margin: 0; /* ✅ */
font-weight: 610; /* 💪 */
font-size: 1.15em; /* ⭐️ */
letter-spacing: .06em; /* ✅ */
text-transform: uppercase; /* ✅ */
color: var(--h2-text); /* 🎨 */
text-shadow: 0 1px 2px rgba(0,0,0,.35); /* ⭐️ */
}
/* ==========================================================
🥇 3) H3 – ALT BAŞLIKLAR (mw-heading3) ✅
========================================================== */
.mw-heading.mw-heading3{
display: flex; /* ✅ */
align-items: baseline; /* ⭐️ */
gap: .6em; /* ✅ */
margin-top: 26px; /* ✅ */
margin-bottom: 10px; /* ✅ */
padding: 10px 12px; /* ⭐️ */
border-left: 6px solid var(--h3-accent) !important; /* 🥇 */
background: var(--h3-bg); /* ⭐️ */
border-radius: 10px; /* ✅ */
}
.mw-heading.mw-heading3 > h3{
margin: 0; /* ✅ */
font-weight: 550; /* 🔥 */
font-size: 1em; /* ⭐️ */
letter-spacing: .2px; /* ⭐️ */
}
/* 🥇 H3 — İÇERİ GİRİNTİ (APPLE SAKİNLİĞİ) ✅ */
.mw-parser-output > .mw-heading.mw-heading3,
.mw-heading.mw-heading3{
margin-left: 50px; /* ⭐️ */
}
/* ==========================================================
📝 4) H3 ALTINDAKİ GÖVDE METNİ STİLİ ✅
========================================================== */
.mw-sectionbox.level-3 :is(p, li, dd, dt, .mw-parser-output table){
font-size: var(--h3-body-size); /* ✅💊 */
line-height: 1.55; /* ✅ */
}
/* ==========================================================
❌ 5) EDİT LİNKLERİNİ GİZLE ✅
========================================================== */
.mw-editsection,
.mw-editsection-visualeditor,
.mw-editsection-divider,
.mw-editsection-bracket{
display: none !important; /* ❌ */
}
/* ==========================================================
🔽 6) REFERENCES / EXTERNAL LINKS BÖLÜMÜNÜ KAPALI BAŞLAT ✅
⚠️ :has() / :matches() destek sorunu olabilir ✅
========================================================== */
.mw-parser-output h2:has(.mw-headline:matches("References","External links"))
+ .mw-section-content{
display: none; /* 🔽 */
}
/* Toggle görünür olsun ✅ */
.mw-collapsible-toggle{
display: inline !important; /* ✅ */
visibility: visible !important; /* ✅ */
opacity: 1 !important; /* ✅ */
}
/* ==========================================================
📱 7) MOBİL UYUM (<= 720px) ✅
========================================================== */
@media (max-width: 720px){
.mw-heading.mw-heading3{
padding: 9px 10px; /* ✅ */
border-radius: 10px; /* ✅ */
}
.mw-heading.mw-heading2{
padding: 10px 12px; /* ✅ */
border-radius: 10px; /* ✅ */
}
}
/* ==========================================================
🔗 8) GENEL LINK RENKLERİ (MW SAFE) ✅
========================================================== */
.mw-parser-output a{
color: var(--link-normal) !important; /* ✅ */
}
.mw-parser-output a:visited{
color: var(--link-visited) !important; /* ✅ */
}
.mw-parser-output a:hover{
color: var(--link-hover) !important; /* ✅ */
}
.mw-parser-output a:active{
color: var(--link-active) !important; /* ✅ */
}
/* ==========================================================
❗️🔥 9) INFOBOX (KUTU + HEADER + LABEL) ✅
========================================================== */
/* 📦 INFOBOX GENEL ✅ */
.mw-parser-output .infobox{
border: 1px solid var(--infobox-border-strong) !important; /* ❗️✅ */
border-radius: 18px !important; /* 🍎✅ */
overflow: hidden !important; /* ✅ */
box-shadow: 0 12px 34px rgba(0,0,0,.30) !important; /* 🔥✅ */
}
/* 🧱 HEADER (infobox-header) ✅ */
.mw-parser-output .infobox-header,
.mw-parser-output .infobox th.infobox-header{
color: #111 !important; /* ⚫️✅ */
background: var(--infobox-header-bg) !important; /* 🧊🔥 */
text-transform: uppercase !important; /* ✅ */
letter-spacing: .08em !important; /* ⭐️ */
padding: 12px 14px !important; /* ✅ */
border-bottom: 2px solid var(--infobox-border-strong) !important; /* 🏆 */
border-radius: 5px !important; /* ✅ */
text-shadow: 0 1px 2px rgba(0,0,0,.40) !important; /* ✅ */
box-shadow:
inset 0 1px 0 rgba(255,255,255,.55),
0 8px 22px rgba(0,0,0,.22) !important; /* ✨ */
}
/* ⚠️ (EN YAYGIN) üst başlık .infobox-above ✅🔥 */
.mw-parser-output .infobox-above,
.mw-parser-output .infobox th.infobox-above{
color: var(--infobox-header-color) !important; /* ✅ */
background: var(--infobox-header-bg) !important; /* ✅ */
text-transform: uppercase !important; /* ✅ */
letter-spacing: .08em !important; /* ⭐️ */
font-weight: 2000 !important; /* 🔥 */
padding: 12px 14px !important; /* ✅ */
border-bottom: 1px solid var(--infobox-border-strong) !important; /* 🏆 */
}
/* 🏷️ LABEL (DÜZ METİN) ✅ */
.mw-parser-output .infobox th.infobox-label,
.mw-parser-output .infobox .infobox-label{
color: var(--infobox-label-color) !important; /* ✅ */
font-weight: 800 !important; /* 🔥✅ */
letter-spacing: .02em !important; /* ⭐️✅ */
}
/* 🔗 LABEL İÇİNDEKİ LİNK — (EN YAYGIN) ✅🔥 */
.mw-parser-output .infobox th.infobox-label a,
.mw-parser-output .infobox .infobox-label a{
color: var(--infobox-label-color) !important; /* ✅ */
text-decoration-color: rgba(230,240,255,.6) !important; /* ✅ */
}
/* 🟣 LABEL visited ✅ */
.mw-parser-output .infobox th.infobox-label a:visited,
.mw-parser-output .infobox .infobox-label a:visited{
color: var(--infobox-label-color) !important; /* ✅ */
}
/* ==========================================================
🏆 10) INFOBOX TITLE (caption / title / above) ✅
========================================================== */
.mw-parser-output .infobox-title,
.mw-parser-output .infobox caption.infobox-title{
background: var(--infobox-title-bg) !important; /* 🧊 */
color: var(--infobox-title-color) !important; /* ⚫️ */
font-size: var(--infobox-title-size) !important; /* 🔍 */
text-transform: uppercase !important; /* 🔠 */
letter-spacing: .10em !important; /* ⭐️ */
padding: 14px 16px !important; /* 📦 */
text-align: center !important; /* 🎯 */
border-bottom: 1px solid var(--infobox-title-border) !important; /* 🏆 */
border-radius: 18px !important; /* 🍎 */
text-shadow: 0 2px 4px rgba(0,0,0,.20) !important; /* ✨ */
box-shadow:
inset 0 1px 0 rgba(255,255,255,.55),
0 10px 28px rgba(0,0,0,.18) !important; /* 🧊🔥 */
}
/* ==========================================================
🔗 11) INFOBOX İÇİNDEKİ TÜM LINKLER (LABEL HARİÇ) ✅
Not: Label linklerini yukarıda ayrı boyadık ✅
========================================================== */
.mw-parser-output .infobox a{
color: var(--infobox-link) !important; /* 🥇 */
}
.mw-parser-output .infobox a:hover{
color: var(--infobox-link-hover) !important; /* ✨ */
}
.mw-parser-output .infobox a:visited{
color: var(--infobox-link) !important; /* 🥇 */
}
.mw-parser-output .infobox a:active{
color: var(--infobox-link-hover) !important; /* ✨ */
}
/* ==========================================================
🧾 12) (OPSİYONEL) INFOBOX-DATA İÇİNDEKİ LINKLERİ AYRI BOYA ✅
========================================================== */
/*
.mw-parser-output .infobox td.infobox-data a{
color: #9fffd1 !important; // mint örneği ✅
}
*/
/* 🥇 INFOBOX EN ÜST BAŞLIK BANDI — HER VARYANTI YAKALA ✅🏆 */
.mw-parser-output table.infobox > caption,
.mw-parser-output table.infobox > caption.infobox-title,
.mw-parser-output table.infobox > tbody > tr:first-child > th,
.mw-parser-output table.infobox > tbody > tr:first-child > th[colspan],
.mw-parser-output table.infobox th.infobox-above,
.mw-parser-output table.infobox .infobox-title{
background-image: none !important; /* ❌🖼️ */
color: #111 !important; /* ⚫️✅ */
text-shadow: 0 1px 2px rgba(0,0,0,.15) !important; /* ⭐️ */
background: linear-gradient(18deg, #eee, rgba(255, 255, 255, .80)) !important; /* 🧊🔥 */
letter-spacing: 1px !important; /* ⭐️ */
font-weight: extra-bold !important; /* 🔥 */
font-size: 1.8em !important; /* ⭐️ */
border-top: 3px solid white !important; /* ⬆️ */
border-bottom: 1px solid white !important; /* ⬇️ */
}
/* 🧊🔥 INFOBOX HEADER — ✅🏆 */
.mw-parser-output table.infobox .infobox-header,
.mw-parser-output table.infobox th.infobox-header,
.mw-parser-output table.infobox > tbody > tr > th.infobox-header,
.mw-parser-output table.infobox > tbody > tr > th.infobox-header[colspan],
.mw-parser-output table.infobox > tbody > tr > th[colspan].infobox-header,
.mw-parser-output table.infobox > tbody > tr:has(> th.infobox-header) > th,
.mw-parser-output table.infobox > tbody > tr:has(> th.infobox-header) > th[colspan]{
background-image: none !important; /* ❌🖼️ */
background: #888 !important; /* 🧊🔥 */
color: white !important; /* ⚫️✅ */
text-shadow: 0 1px 2px rgba(0,0,0,.15) !important; /* ⭐️ */
letter-spacing: 1px !important; /* ⭐️ */
}
/* 🟥 ANTAGONIST → KIRMIZI + SARI ARKA PLAN ❗️🔥 */
.mw-parser-output table.infobox td.infobox-data a[href*="antagonist" i]:link,
.mw-parser-output table.infobox td.infobox-data a[href*="antagonist" i]:visited,
.mw-parser-output table.infobox td.infobox-data a[href*="antagonist" i]:hover,
.mw-parser-output table.infobox td.infobox-data a[href*="antagonist" i]:active{
background: #FFC9C9 !important; /* 🟨 */
color: red !important; /* ❗️ */
-webkit-text-fill-color: red !important; /* 🧷 */
font-weight: 900 !important; /* 🔥 */
padding: 2px 6px !important; /* 📦 */
border-radius: 5px !important; /* 🍎 */
display: inline-block !important; /* ✅ */
white-space: nowrap !important; /* ✅ */
box-decoration-break: clone; /* 🧱 */
-webkit-box-decoration-break: clone; /* 🧱 */
}
/* 🟥 ANTAGONIST içindeki span/alt elemanlar da KIRMIZI olsun ❗️🔥 */
.mw-parser-output table.infobox td.infobox-data a[href*="antagonist" i] *{
color: red !important; /* ❗️ */
-webkit-text-fill-color: red !important; /* 🧷 */
}
/* 🟦 AGONIST → MAVİ + SARI ARKA PLAN ✅🔥 */
.mw-parser-output table.infobox td.infobox-data a[href*="agonist" i]:not([href*="antagonist" i]):link,
.mw-parser-output table.infobox td.infobox-data a[href*="agonist" i]:not([href*="antagonist" i]):visited,
.mw-parser-output table.infobox td.infobox-data a[href*="agonist" i]:not([href*="antagonist" i]):hover,
.mw-parser-output table.infobox td.infobox-data a[href*="agonist" i]:not([href*="antagonist" i]):active{
background: #BEDBFF !important; /* 🟨 */
color: blue !important; /* ✅ */
-webkit-text-fill-color: blue !important; /* 🧷 */
font-weight: 900 !important; /* 🔥 */
padding: 2px 6px !important; /* 📦 */
border-radius: 5px !important; /* 🍎 */
display: inline-block !important; /* ✅ */
white-space: nowrap !important; /* ✅ */
box-decoration-break: clone; /* 🧱 */
-webkit-box-decoration-break: clone; /* 🧱 */
}
/* 🟦 AGONIST içindeki span/alt elemanlar da MAVİ olsun ✅🔥 */
.mw-parser-output table.infobox td.infobox-data a[href*="agonist" i]:not([href*="antagonist" i]) *{
color: blue !important; /* ✅ */
-webkit-text-fill-color: blue !important; /* 🧷 */
}
/* 📱 MOBİL FIX: ; gibi ayraçlar text-node olduğu için gizle + aralığı margin ile ver ✅🔥 */
@media (max-width: 720px){
/* 🎯 Sadece agonist/antagonist linki olan infobox hücrelerinde separator metnini öldür ✅ */
.mw-parser-output table.infobox td.infobox-data:has(a[href*="antagonist" i], a[href*="agonist" i]){
font-size: 0 !important; /* ; ve boşluklar görünmez ✅ */
line-height: 0 !important; /* ekstra satır yüksekliği olmasın ✅ */
}
/* 🔤 Hücre içindeki TÜM linkleri tekrar görünür yap ✅ */
.mw-parser-output table.infobox td.infobox-data:has(a[href*="antagonist" i], a[href*="agonist" i]) a{
font-size: 0.95rem !important; /* okunur kalsın ✅ */
line-height: 1.35 !important; /* sıkışmasın ✅ */
}
/* 🏷️ Sadece pill yaptıkların arasında boşluk bırak (;) yerine margin ✅ */
.mw-parser-output table.infobox td.infobox-data:has(a[href*="antagonist" i], a[href*="agonist" i]) a[href*="antagonist" i],
.mw-parser-output table.infobox td.infobox-data:has(a[href*="antagonist" i], a[href*="agonist" i]) a[href*="agonist" i]{
margin: 0 6px 6px 0 !important; /* gap efekti ✅ */
display: inline-block !important; /* düzgün sarılsın ✅ */
}
}
/* 🟩 DRUG CLASS SATIRI: “DİĞER” HER ŞEY → AÇIK YEŞİL + SİYAH ✅🔥 */
.mw-parser-output table.infobox tr:has(th.infobox-label a[title="Drug class"]) td.infobox-data a:not([href*="antagonist" i]):not([href*="agonist" i]),
.mw-parser-output table.infobox tr:has(th.infobox-label a[href*="/wiki/Drug_class"]) td.infobox-data a:not([href*="antagonist" i]):not([href*="agonist" i]){
background: #FFDF20 !important; /* 🟩 */
color: #000 !important; /* ⚫️ */
-webkit-text-fill-color: #000 !important; /* 🧷 */
font-weight: 800 !important; /* 🔥 */
padding: 2px 6px !important; /* 📦 */
border-radius: 5px !important; /* 🍎 */
display: inline-block !important; /* ✅ */
white-space: nowrap !important; /* ✅ */
box-decoration-break: clone !important; /* 🧱 */
-webkit-box-decoration-break: clone !important; /* 🧱 */
}
/* 🟩 İçte span vb. varsa siyahı zorla ✅🔥 */
.mw-parser-output table.infobox tr:has(th.infobox-label a[title="Drug class"]) td.infobox-data a:not([href*="antagonist" i]):not([href*="agonist" i]) *,
.mw-parser-output table.infobox tr:has(th.infobox-label a[href*="/wiki/Drug_class"]) td.infobox-data a:not([href*="antagonist" i]):not([href*="agonist" i]) *{
color: #000 !important; /* ⚫️ */
-webkit-text-fill-color: #000 !important; /* 🧷 */
}
/* 💗 PREGNANCY CATEGORY SATIRI → PEMBE ARKAPLAN + SİYAH YAZI ✅🔥 */
.mw-parser-output table.infobox tr:has(th.infobox-label a[title="Pregnancy category"]) td.infobox-data,
.mw-parser-output table.infobox tr:has(th.infobox-label a[href*="/wiki/Pregnancy_category" i]) td.infobox-data{
background: #E12AFB !important; /* 💗 */
color: #000 !important; /* ⚫️ */
-webkit-text-fill-color: #000 !important; /* 🧷 */
font-weight: 900 !important; /* 🔥 */
padding: 2px 6px !important; /* 📦 */
border-radius: 6px !important; /* 🍬 */
box-decoration-break: clone !important; /* 🧱 */
-webkit-box-decoration-break: clone !important; /* 🧱 */
}
/* 💗 İçte link/span varsa siyahı zorla ✅🔥 */
.mw-parser-output table.infobox tr:has(th.infobox-label a[title="Pregnancy category"]) td.infobox-data *,
.mw-parser-output table.infobox tr:has(th.infobox-label a[href*="/wiki/Pregnancy_category" i]) td.infobox-data *{
color: black !important; /* ⚫️ */
-webkit-text-fill-color: white !important; /* 🧷 */
}
/* 🙈 IDENTIFIERS HEADER'INI GİZLE (genelde IUPAC [show] satırının hemen üstündedir) ✅🔥 */
.mw-parser-output table.infobox tr:has(th.infobox-header):has(+ tr:has(.mw-collapsible-toggle)),
.mw-parser-output table.infobox tr:has(td.infobox-header):has(+ tr:has(.mw-collapsible-toggle)){
display: none !important; /* ❌ */
}
/* 🙈 IDENTIFIERS İÇERİK SATIRLARINI GİZLE (IUPAC toggle + tipik identifier DB linkleri) ✅🔥 */
.mw-parser-output table.infobox tr:has(.mw-collapsible-toggle),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="pubchem" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="drugbank" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="iuphar" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="chemspider" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="unii" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="kegg" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="chebi" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="chembl" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="comptox" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="echa" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="cas" i]){
display: none !important; /* ❌ */
}
/* 🙈 IUPHAR/BPS SATIRINI GİZLE (değer linki üzerinden) ❌🔥 */
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="guidetopharmacology" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="iuphar" i]),
.mw-parser-output table.infobox tr:has(td.infobox-data a[href*="grac" i]){
display: none !important; /* ❌ */
}
/* 🙈 HEMEN ÜSTÜNDEKİ "IDENTIFIERS" HEADER'INI DA GİZLE (IUPHAR/BPS satırını takip ediyorsa) ❌🔥 */
.mw-parser-output table.infobox tr:has(th.infobox-header):has(+ tr:has(td.infobox-data a[href*="guidetopharmacology" i])),
.mw-parser-output table.infobox tr:has(th.infobox-header):has(+ tr:has(td.infobox-data a[href*="iuphar" i])),
.mw-parser-output table.infobox tr:has(th.infobox-header):has(+ tr:has(td.infobox-data a[href*="grac" i])),
.mw-parser-output table.infobox tr:has(td.infobox-header):has(+ tr:has(td.infobox-data a[href*="guidetopharmacology" i])),
.mw-parser-output table.infobox tr:has(td.infobox-header):has(+ tr:has(td.infobox-data a[href*="iuphar" i])),
.mw-parser-output table.infobox tr:has(td.infobox-header):has(+ tr:has(td.infobox-data a[href*="grac" i])){
display: none !important; /* ❌ */
}
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.