MediaWiki:Common.css: Revizyonlar arasındaki fark

Hukukipedia Wiki sitesinden
Gezinti kısmına atla Arama kısmına atla
← Önceki değişiklikSonraki değişiklik →

Admin (mesaj | katkılar)

3 kullanıcı grubu
284 değişiklik
PageForms arayüzü görsel olarak iyileştirildi
Hukukipedia açık wiki.gg esintili stil
1. satır: 1. satır:
/* İçerik/form çıktısı görselleri */
/* Hukukipedia – açık, kart tabanlı wiki.gg esintili tema */
.mw-parser-output img.mw-file-element {
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap');
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    transform-origin: center center;
    position: relative;
    z-index: 1;
}
 
.mw-parser-output img.mw-file-element:hover {
    transform: scale(1.8);
    z-index: 100;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
    cursor: zoom-in;
}
 
.mw-parser-output .islem-adimi {
    overflow: visible !important;
}
 
/* İşlem açıklamalarında formdaki Enter satır sonlarını koru */
.mw-parser-output .islem-aciklama {
    white-space: pre-line;
    line-height: 1.65;
}
 
/* PageForms form arayüzü */
body.mw-special-FormEdit #pfForm {
    max-width: 980px;
    margin: 1.5rem auto;
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid #dfe3e8;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(31, 41, 55, 0.08);
}
 
body.mw-special-FormEdit #pfForm .formtable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.75rem;
}
 
body.mw-special-FormEdit #pfForm .formtable th {
    width: 28%;
    padding: 1rem;
    color: #263238;
    background: #f4f7fa;
    border: 1px solid #e1e7ec;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    text-align: left;
    vertical-align: top;
}


body.mw-special-FormEdit #pfForm .formtable td {
:root {
    padding: 0.75rem 1rem;
  --hk-bg: #f3f5f7;
    background: #fff;
  --hk-panel: #ffffff;
    border: 1px solid #e1e7ec;
  --hk-panel-soft: #eef3f7;
    border-left: 0;
  --hk-text: #27323a;
    border-radius: 0 10px 10px 0;
  --hk-muted: #66737c;
    vertical-align: top;
  --hk-link: #1769aa;
  --hk-blue: #5aa9e6;
  --hk-gold: #d8912b;
  --hk-line: #b7c5cf;
}
}


body.mw-special-FormEdit #pfForm input:not([type="hidden"]),
html, body { background: var(--hk-bg) !important; color: var(--hk-text); }
body.mw-special-FormEdit #pfForm select,
body { font-family: Arial, Helvetica, sans-serif; }
body.mw-special-FormEdit #pfForm textarea {
.mw-page-container { max-width: 1440px; }
    box-sizing: border-box;
.mw-body { background: var(--hk-panel); border: 1px solid var(--hk-line); padding: 1.25rem 1.5rem 2rem; color: var(--hk-text); }
    width: 100%;
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { color: var(--hk-text); font-family: Orbitron, Arial, sans-serif; font-weight: 500; }
    max-width: 100%;
.mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--hk-gold); }
    border: 1px solid #b8c2cc;
.mw-body a, .mw-parser-output a, #footer a { color: var(--hk-link); }
    border-radius: 8px;
.mw-body a:visited, .mw-parser-output a:visited { color: #704c9f; }
    padding: 0.7rem 0.8rem;
    background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}


body.mw-special-FormEdit #pfForm textarea {
/* Starsector benzeri: sol portalı sadeleştir, ana çalışma alanını genişlet. */
    min-height: 150px;
.vector-main-menu-container { background: var(--hk-panel); }
    line-height: 1.55;
.vector-menu-portal { border-bottom: 1px solid var(--hk-line); }
    resize: vertical;
.vector-menu-portal h3 { color: var(--hk-muted); font-family: Arial, sans-serif; font-size: .9rem; }
}
.vector-menu-content-list a { color: var(--hk-link); }
.vector-menu-content-list a:hover { background: var(--hk-panel-soft); }
.vector-header-container { border-bottom: 1px solid var(--hk-line); background: var(--hk-panel); }
.vector-page-toolbar { background: var(--hk-panel); }
.vector-search-box input { background: #fff; color: var(--hk-text); border-color: var(--hk-line); }


body.mw-special-FormEdit #pfForm input:focus,
/* Anasayfa özel alanları */
body.mw-special-FormEdit #pfForm select:focus,
.hk-hero { background: linear-gradient(135deg, #eaf4fb, #fff7e8); border: 1px solid var(--hk-blue); padding: 1.5rem 2rem; margin: 0 0 1.25rem; text-align: center; }
body.mw-special-FormEdit #pfForm textarea:focus {
.hk-hero h1 { margin: 0 0 .5rem; color: #245879; font-family: Orbitron, Arial, sans-serif; letter-spacing: .12em; }
    border-color: #2563eb;
.hk-hero p { max-width: 850px; margin: .5rem auto; color: var(--hk-muted); font-size: 1.05rem; }
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
.hk-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 1.25rem; align-items: start; }
    outline: none;
.hk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
}
.hk-card { background: var(--hk-panel); border: 2px solid var(--hk-blue); border-radius: 7px; padding: .85rem 1rem; box-shadow: 0 2px 7px rgba(39,50,58,.12); min-height: 145px; }
.hk-card h2, .hk-card h3 { margin: 0 0 .55rem; padding: 0 0 .35rem; border-bottom: 1px solid var(--hk-gold); color: var(--hk-text); font-family: Orbitron, Arial, sans-serif; font-size: 1.15rem; }
.hk-card ul { margin: 0; padding-left: 1.2rem; }
.hk-card li { margin: .25rem 0; }
.hk-side { background: var(--hk-panel-soft); border: 1px solid var(--hk-line); padding: 1rem; }
.hk-side h2, .hk-side h3 { margin-top: 0; border-bottom: 1px solid var(--hk-gold); font-family: Orbitron, Arial, sans-serif; font-size: 1.1rem; }
.hk-notice { background: #fff8e8; border: 1px solid var(--hk-gold); padding: .8rem 1rem; margin: 1rem 0; }


body.mw-special-FormEdit #pfForm .multipleTemplateInstanceTable {
.mw-parser-output table.wikitable { background: var(--hk-panel); color: var(--hk-text); border-color: var(--hk-line); }
    width: 100%;
.mw-parser-output table.wikitable th { background: var(--hk-panel-soft); color: var(--hk-text); }
    margin: 1rem 0;
#footer { border-top: 1px solid var(--hk-line); }
    border: 1px solid #e1e7ec;
    border-radius: 10px;
    overflow: hidden;
}
 
body.mw-special-FormEdit #pfForm button,
body.mw-special-FormEdit #pfForm .oo-ui-buttonElement-button {
    border-radius: 8px;
}
 
body.mw-special-FormEdit #pfForm button[name="wpSave"],
body.mw-special-FormEdit #pfForm .oo-ui-flaggedElement-primary {
    font-weight: 700;
}
 
@media (max-width: 700px) {
    body.mw-special-FormEdit #pfForm {
        margin: 0.75rem 0;
        padding: 0.8rem;
        border-radius: 10px;
    }
 
    body.mw-special-FormEdit #pfForm .formtable,
    body.mw-special-FormEdit #pfForm .formtable tbody,
    body.mw-special-FormEdit #pfForm .formtable tr,
    body.mw-special-FormEdit #pfForm .formtable th,
    body.mw-special-FormEdit #pfForm .formtable td {
        display: block;
        width: auto;
    }
 
    body.mw-special-FormEdit #pfForm .formtable th,
    body.mw-special-FormEdit #pfForm .formtable td {
        border: 1px solid #e1e7ec;
        border-radius: 8px;
    }
 
    body.mw-special-FormEdit #pfForm .formtable td {
        margin-top: -0.65rem;
    }
}


@media (hover: none) {
@media (max-width: 1000px) { .hk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    .mw-parser-output img.mw-file-element:hover {
@media (max-width: 720px) {
        transform: none;
  .mw-body { padding: 1rem .75rem 1.5rem; border-left: 0; border-right: 0; }
        box-shadow: none;
  .hk-layout { grid-template-columns: 1fr; }
        cursor: auto;
  .hk-grid { grid-template-columns: 1fr; }
    }
  .hk-hero { padding: 1rem; }
}
}

11.32, 20 Ağustos 2026 tarihindeki hâli

/* Hukukipedia – açık, kart tabanlı wiki.gg esintili tema */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap');

:root {
  --hk-bg: #f3f5f7;
  --hk-panel: #ffffff;
  --hk-panel-soft: #eef3f7;
  --hk-text: #27323a;
  --hk-muted: #66737c;
  --hk-link: #1769aa;
  --hk-blue: #5aa9e6;
  --hk-gold: #d8912b;
  --hk-line: #b7c5cf;
}

html, body { background: var(--hk-bg) !important; color: var(--hk-text); }
body { font-family: Arial, Helvetica, sans-serif; }
.mw-page-container { max-width: 1440px; }
.mw-body { background: var(--hk-panel); border: 1px solid var(--hk-line); padding: 1.25rem 1.5rem 2rem; color: var(--hk-text); }
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { color: var(--hk-text); font-family: Orbitron, Arial, sans-serif; font-weight: 500; }
.mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--hk-gold); }
.mw-body a, .mw-parser-output a, #footer a { color: var(--hk-link); }
.mw-body a:visited, .mw-parser-output a:visited { color: #704c9f; }

/* Starsector benzeri: sol portalı sadeleştir, ana çalışma alanını genişlet. */
.vector-main-menu-container { background: var(--hk-panel); }
.vector-menu-portal { border-bottom: 1px solid var(--hk-line); }
.vector-menu-portal h3 { color: var(--hk-muted); font-family: Arial, sans-serif; font-size: .9rem; }
.vector-menu-content-list a { color: var(--hk-link); }
.vector-menu-content-list a:hover { background: var(--hk-panel-soft); }
.vector-header-container { border-bottom: 1px solid var(--hk-line); background: var(--hk-panel); }
.vector-page-toolbar { background: var(--hk-panel); }
.vector-search-box input { background: #fff; color: var(--hk-text); border-color: var(--hk-line); }

/* Anasayfa özel alanları */
.hk-hero { background: linear-gradient(135deg, #eaf4fb, #fff7e8); border: 1px solid var(--hk-blue); padding: 1.5rem 2rem; margin: 0 0 1.25rem; text-align: center; }
.hk-hero h1 { margin: 0 0 .5rem; color: #245879; font-family: Orbitron, Arial, sans-serif; letter-spacing: .12em; }
.hk-hero p { max-width: 850px; margin: .5rem auto; color: var(--hk-muted); font-size: 1.05rem; }
.hk-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 1.25rem; align-items: start; }
.hk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.hk-card { background: var(--hk-panel); border: 2px solid var(--hk-blue); border-radius: 7px; padding: .85rem 1rem; box-shadow: 0 2px 7px rgba(39,50,58,.12); min-height: 145px; }
.hk-card h2, .hk-card h3 { margin: 0 0 .55rem; padding: 0 0 .35rem; border-bottom: 1px solid var(--hk-gold); color: var(--hk-text); font-family: Orbitron, Arial, sans-serif; font-size: 1.15rem; }
.hk-card ul { margin: 0; padding-left: 1.2rem; }
.hk-card li { margin: .25rem 0; }
.hk-side { background: var(--hk-panel-soft); border: 1px solid var(--hk-line); padding: 1rem; }
.hk-side h2, .hk-side h3 { margin-top: 0; border-bottom: 1px solid var(--hk-gold); font-family: Orbitron, Arial, sans-serif; font-size: 1.1rem; }
.hk-notice { background: #fff8e8; border: 1px solid var(--hk-gold); padding: .8rem 1rem; margin: 1rem 0; }

.mw-parser-output table.wikitable { background: var(--hk-panel); color: var(--hk-text); border-color: var(--hk-line); }
.mw-parser-output table.wikitable th { background: var(--hk-panel-soft); color: var(--hk-text); }
#footer { border-top: 1px solid var(--hk-line); }

@media (max-width: 1000px) { .hk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .mw-body { padding: 1rem .75rem 1.5rem; border-left: 0; border-right: 0; }
  .hk-layout { grid-template-columns: 1fr; }
  .hk-grid { grid-template-columns: 1fr; }
  .hk-hero { padding: 1rem; }
}
"https://wiki.hukukipedia.org/index.php?title=MediaWiki:Common.css&oldid=50" sayfasından alınmıştır