MediaWiki:Common.css

WikiKod sitesinden
15.57, 10 Kasım 2025 tarihinde Admin (mesaj | katkılar) tarafından oluşturulmuş 53 numaralı sürüm
Gezinti kısmına atla Arama kısmına atla

Not: Yayımladıktan sonra değişiklikleri görmeniz için tarayıcınızın önbelleğini temizlemeniz gerekebilir.

  • Firefox / Safari: Shift tuşuna basılıyken Yeniden Yükle'ye tıklayın ya da Ctrl-F5 ya da Ctrl-R tıklayın (Mac için ⌘-R)
  • Google Chrome: Ctrl-Shift-R'ye basın. (Mac için ⌘-Shift-R)
  • Edge: Ctrl basılıyken Yenile'ye tıklayın ya da Ctrl-F5'e basın.
/* --- WikiKod: Kurumsal Hukuk Teması --- */
/* Vector 2022 ve diğer temalarla uyumlu */
/* Tasarım: sade, okunaklı, kurumsal */

/* === GENEL === */
body {
  background-color: #f8f9fa;
  color: #202122;
  font-family: "Segoe UI", "Inter", "Helvetica Neue", sans-serif;
  line-height: 1.6;
}

/* Bağlantılar */
a { color: #0645ad; }
a:visited { color: #0b0080; }
a:hover { text-decoration: underline; }

/* İçerik kutusu */
.mw-body-content {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 1.2rem 1.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* Başlıklar */
h1, h2, h3 {
  color: #2a4b8d;
  font-weight: 600;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 0.2em;
}

/* ==========================================================
   INFOBOXLAR
   ========================================================== */

/* ===== Genel InfoBox ===== */
.infobox {
  float: right;
  clear: right;
  width: 260px;
  font-size: 90%;
  background: #ffffff;
  border: 1px solid #c5cedd;
  border-radius: 6px;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 1em 1em;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.infobox caption {
  background: linear-gradient(180deg, #dce4f3, #c8d5ee);
  color: #22335b;
  font-weight: 600;
  text-align: center;
  padding: 8px;
  font-size: 1em;
  border-bottom: 1px solid #b5c1d7;
}

.infobox th, .infobox td {
  padding: 6px 8px;
  border-bottom: 1px solid #d9e0ea;
}

.infobox th {
  width: 38%;
  text-align: left;
  background: #eef3fa;
  color: #1f1f1f;
  border-right: 1px solid #d9e0ea;
  font-weight: 600;
}

.infobox td {
  background: #ffffff;
  color: #222;
}

/* Son satır çizgisi */
.infobox tr:last-child th,
.infobox tr:last-child td {
  border-bottom: none;
}

/* Görseller */
.infobox img {
  border-radius: 4px;
  margin: 6px 0;
  max-width: 250px;
  border: 1px solid #c9d2e3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Hover efekti */
.infobox:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s ease;
}

/* ===== Hukuki Infobox: Kanun Kutusu ===== */
.lawbox {
  border: 1px solid #bcc6d6;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.lawbox caption {
  background: linear-gradient(180deg, #e8f0ff, #d7e2fa);
  color: #1f376d;
  font-weight: 700;
  text-align: center;
  padding: 8px;
  border-bottom: 2px solid #b5c1d7;
  font-size: 1em;
  letter-spacing: 0.3px;
}

.lawbox th, .lawbox td {
  border-bottom: 1px solid #d8e0ee;
  padding: 6px 8px;
}

.lawbox th {
  width: 38%;
  text-align: left;
  background: #f2f6fc;
  color: #1c1c1c;
  border-right: 1px solid #d8e0ee;
  font-weight: 600;
}

.lawbox td {
  background: #ffffff;
  color: #222;
}

.lawbox tr:last-child th,
.lawbox tr:last-child td {
  border-bottom: none;
}

.lawbox:hover {
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  transition: box-shadow 0.2s ease;
}

/* ==========================================================
   HUKUK MAKALELERİ GENEL DÜZENİ
   ========================================================== */

/* Üst başlıklar */
h1, h2 {
  border-bottom: 2px solid #dbe4f3;
  padding-bottom: 3px;
  margin-top: 1.2em;
}

/* Alt başlıklar */
h3, h4 {
  color: #22335b;
  border-left: 4px solid #c2d0ec;
  padding-left: 6px;
}

/* Paragraflar */
.mw-parser-output p {
  text-align: justify;
  line-height: 1.65;
  margin: 0.6em 0;
}

/* Liste biçimi */
.mw-parser-output ul {
  margin: 0.5em 0 0.5em 1.5em;
}
.mw-parser-output li {
  margin-bottom: 4px;
}

/* Alıntı / mevzuat bloğu */
blockquote {
  background: #f4f7fb;
  border-left: 4px solid #4c6ef5;
  padding: 8px 12px;
  margin: 1em 0;
  font-style: italic;
}

/* Kaynakça */
.references {
  border-top: 1px solid #dbe4f3;
  padding-top: 6px;
}

/* ==========================================================
   UYARI ve BİLGİ KUTULARI
   ========================================================== */
/* === Uyarı ve Bilgi Kutuları (sabit genişlikte, hizalı) === */
.notice-box,
.warning-box,
.deprecated-box {
  display: inline-flex;         /* simge + metin aynı satırda */
  align-items: center;          /* dikey ortalama */
  gap: 6px;                     /* simge ile metin arası boşluk */
  width: auto;                 /* sabit genişlik */
  border-radius: 6px;
  padding: 8px 12px;
  margin: 0.5em 0 1em 0;
  font-size: 90%;
  line-height: 1.5;
  box-sizing: border-box;
  vertical-align: middle;
  word-wrap: break-word;        /* uzun metin satır taşmasın */
}

/* Bilgi kutusu */
.notice-box {
  border: 1px solid #cfd8ea;
  background: #f1f5ff;
  color: #1e2a4a;
}
.notice-box::before {
  content: "ℹ️";
  font-weight: bold;
  color: #22335b;
  flex-shrink: 0; /* simge sabit kalsın, yazı daralmadan kaymasın */
}

/* Uyarı kutusu */
.warning-box {
  border: 1px solid #f3d08c;
  background: #fff8e1;
  color: #503c00;
}
.warning-box::before {
  content: "⚠️";
  font-weight: bold;
  color: #9a6a00;
  flex-shrink: 0;
}

/* Yürürlükten kalkmış kutusu */
.deprecated-box {
  border: 1px solid #e2b0b0;
  background: #fff0f0;
  color: #5a1f1f;
}
.deprecated-box::before {
  content: "⛔";
  font-weight: bold;
  color: #b52d2d;
  flex-shrink: 0;
}



/* === Madde Güncelliği Şeridi === */
.outdated-banner {
  background: linear-gradient(90deg, #ffe8a3, #fff4cf);
  border: 1px solid #f3d08c;
  padding: 8px;
  border-radius: 4px;
  font-weight: 500;
  color: #664d00;
  text-align: center;
  margin: 1em 0;
}

/* Kod blokları (örnek dilekçe, yasa metni) */
pre, code {
  background: #f1f3f5;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 6px 10px;
  display: block;
  font-family: "Consolas", monospace;
  font-size: 0.95em;
}