|
|
| 1. satır: |
1. satır: |
| /* VECTOR 2022 ZORLA */
| |
| .skin-vector-legacy {
| |
| display: none !important;
| |
| }
| |
|
| |
|
| /* Logo boyutu düzeltmeleri - TÜM SAYFALARDA */
| |
| .mw-logo-container {
| |
| max-width: 120px !important;
| |
| margin: 0 auto !important;
| |
| }
| |
|
| |
| .mw-logo-icon {
| |
| width: 120px !important;
| |
| height: auto !important;
| |
| max-height: 50px !important;
| |
| object-fit: contain !important;
| |
| }
| |
|
| |
| .mw-logo-wordmark {
| |
| max-width: 120px !important;
| |
| height: auto !important;
| |
| }
| |
|
| |
| /* Oturum açma sayfası logo düzeltmesi */
| |
| .mw-body .mw-logo,
| |
| .mw-page-container .mw-logo,
| |
| body.page-Special_UserLogin .mw-logo-container,
| |
| body.page-Special_UserLogin .mw-logo-icon {
| |
| max-width: 120px !important;
| |
| width: 120px !important;
| |
| height: auto !important;
| |
| max-height: 50px !important;
| |
| }
| |
|
| |
| /* Eski Vector için logo (yedek) */
| |
| .skin-vector #p-logo .mw-wiki-logo {
| |
| width: 120px !important;
| |
| height: 50px !important;
| |
| background-size: contain !important;
| |
| background-position: center !important;
| |
| background-repeat: no-repeat !important;
| |
| }
| |
|
| |
| /* Ana rol kartı */
| |
| .fm-rolecard {
| |
| background: #ffffff;
| |
| border-radius: 12px;
| |
| border: 1px solid #dde2eb;
| |
| padding: 14px 16px;
| |
| margin: 12px 0;
| |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
| |
| box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
| |
| }
| |
|
| |
| .fm-rolecard__header {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: flex-start;
| |
| gap: 8px;
| |
| }
| |
|
| |
| .fm-rolecard__title-group {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 2px;
| |
| }
| |
|
| |
| .fm-rolecard__name {
| |
| font-size: 18px;
| |
| font-weight: 650;
| |
| color: #111827;
| |
| }
| |
|
| |
| .fm-rolecard__meta {
| |
| font-size: 12px;
| |
| color: #6b7280;
| |
| }
| |
|
| |
| .fm-rolecard__duty {
| |
| font-size: 11px;
| |
| font-weight: 700;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.06em;
| |
| padding: 4px 8px;
| |
| border-radius: 999px;
| |
| align-self: flex-start;
| |
| background: #e5e7eb;
| |
| color: #111827;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .fm-rolecard__duty--support {
| |
| background: #e0f2fe;
| |
| color: #0369a1;
| |
| }
| |
|
| |
| .fm-rolecard__duty--attack {
| |
| background: #fee2e2;
| |
| color: #b91c1c;
| |
| }
| |
|
| |
| .fm-rolecard__duty--defend {
| |
| background: #e5e7eb;
| |
| color: #374151;
| |
| }
| |
|
| |
| .fm-rolecard__description {
| |
| margin-top: 10px;
| |
| font-size: 12px;
| |
| line-height: 1.6;
| |
| color: #374151;
| |
| background: #f9fafb;
| |
| border-radius: 8px;
| |
| padding: 10px 11px;
| |
| }
| |
|
| |
| .fm-rolecard__section {
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| .fm-rolecard__section-title {
| |
| font-size: 15px;
| |
| font-weight: 600;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.05em;
| |
| color: #6b7280;
| |
| margin-bottom: 4px;
| |
| }
| |
|
| |
| .fm-rolecard__badge-list {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 4px;
| |
| }
| |
|
| |
| .fm-rolecard__badge {
| |
| display: inline-block;
| |
| padding: 3px 8px;
| |
| border-radius: 999px;
| |
| font-size: 11px;
| |
| font-weight: 600;
| |
| white-space: nowrap;
| |
| }
| |
|
| |
| .fm-rolecard__badge--critical {
| |
| background: #ecfdf3;
| |
| color: #166534;
| |
| border: 1px solid #bbf7d0;
| |
| }
| |
|
| |
| .fm-rolecard__badge--secondary {
| |
| background: #eff6ff;
| |
| color: #1d4ed8;
| |
| border: 1px solid #bfdbfe;
| |
| }
| |
|
| |
| .fm-rolecard__section--icons .fm-rolecard__badge-list {
| |
| gap: 6px;
| |
| }
| |
|
| |
| .fm-rolecard__icon {
| |
| font-size: 18px;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /* ROL GÖREV BADGELERİ */
| |
| .role-badge {
| |
| display: inline-block;
| |
| padding: 2px 7px;
| |
| margin-left: 4px;
| |
| border-radius: 4px;
| |
| font-size: 11px;
| |
| font-weight: 600;
| |
| color: white;
| |
| }
| |
|
| |
| .role-badge.sav {
| |
| background-color: #2563eb; /* Mavi - Savunma */
| |
| }
| |
|
| |
| .role-badge.des {
| |
| background-color: #4b5563; /* Gri - Destek */
| |
| }
| |
|
| |
| .role-badge.huc {
| |
| background-color: #dc2626; /* Kırmızı - Hücum */
| |
| }
| |
|
| |
| /* Liste hizalama daha modern dursun */
| |
| .fm-role-list li {
| |
| margin-bottom: 6px;
| |
| line-height: 1.45;
| |
| font-size: 14px;
| |
| }
| |
|
| |
|
| |
|
| |
| .fm-table th {
| |
| text-align: center;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .fm-table td {
| |
| text-align: center;
| |
| padding: 6px 10px;
| |
| }
| |
|
| |
| .fm-duty-des {
| |
| color: #028a0f;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .fm-duty-huc {
| |
| color: #c40000;
| |
| font-weight: 700;
| |
| }
| |
|
| |
|
| |
|
| |
| /* INFABOX-TABLE TASARIMI */
| |
| .infobox-role {
| |
| width: 480px;
| |
| margin: 15px 0;
| |
| border: 1px solid #d0d0d0;
| |
| border-collapse: collapse;
| |
| background: #f9fafb;
| |
| box-shadow: 0 0 8px rgba(0,0,0,.08);
| |
| border-radius: 6px;
| |
| overflow: hidden;
| |
| font-size: 14px;
| |
| }
| |
|
| |
| /* Başlık */
| |
| .infobox-role caption {
| |
| background: #374151;
| |
| color: white;
| |
| font-weight: 700;
| |
| padding: 10px;
| |
| font-size: 15px;
| |
| letter-spacing: .3px;
| |
| }
| |
|
| |
| /* Hücreler */
| |
| .infobox-role th,
| |
| .infobox-role td {
| |
| border: 1px solid #dcdcdc;
| |
| padding: 8px 10px;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Rol ismi */
| |
| .infobox-role th:first-child,
| |
| .infobox-role td:first-child {
| |
| text-align: left;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| /* Zebra satır */
| |
| .infobox-role tr:nth-child(odd) td {
| |
| background: #f1f5f9;
| |
| }
| |
|
| |
| /* Görev renklendirme */
| |
| .role-des {
| |
| color: #028a0f;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .role-huc {
| |
| color: #c40000;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| /* Check simgesi */
| |
| .checkmark {
| |
| font-weight: bold;
| |
| color: #028a0f;
| |
| }
| |
|
| |
|
| |
|
| |
| /* GALERİ YERLEŞİMİ */
| |
| .role-gallery {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 16px;
| |
| align-items: flex-start;
| |
| }
| |
|
| |
| /* INFABOX ROL KARTLARI */
| |
| .infobox-role {
| |
| width: 420px;
| |
| margin: 0;
| |
| border: 1px solid #d0d0d0;
| |
| border-collapse: collapse;
| |
| background: #f9fafb;
| |
| box-shadow: 0 0 8px rgba(0,0,0,.08);
| |
| border-radius: 6px;
| |
| overflow: hidden;
| |
| font-size: 14px;
| |
| }
| |
|
| |
| /* Başlık */
| |
| .infobox-role caption {
| |
| background: #374151;
| |
| color: white;
| |
| font-weight: 700;
| |
| padding: 10px;
| |
| font-size: 15px;
| |
| letter-spacing: .3px;
| |
| }
| |
|
| |
| /* Hücreler */
| |
| .infobox-role th,
| |
| .infobox-role td {
| |
| border: 1px solid #dcdcdc;
| |
| padding: 8px 10px;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Rol Adı */
| |
| .infobox-role td:first-child,
| |
| .infobox-role th:first-child {
| |
| text-align: left;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| /* Zebra Satır */
| |
| .infobox-role tr:nth-child(odd) td {
| |
| background: #f1f5f9;
| |
| }
| |
|
| |
| /* Görev renkleri */
| |
| .role-des {
| |
| color: #028a0f;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .role-huc {
| |
| color: #c40000;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| /* Check simgesi */
| |
| .checkmark {
| |
| font-weight: bold;
| |
| color: #028a0f;
| |
| }
| |
|
| |
|
| |
| /*navbox*/
| |
| .navbox {
| |
| border: 1px solid #a2a9b1;
| |
| background: #f8f9fa;
| |
| }
| |
|
| |
| .navbox-title {
| |
| background: #eaecf0;
| |
| padding: 6px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .navbox-group {
| |
| background: #f1f1f1;
| |
| padding: 6px;
| |
| white-space: nowrap;
| |
| vertical-align: top;
| |
| width: 1%;
| |
| }
| |
|
| |
| .navbox-list {
| |
| padding: 6px;
| |
| }
| |
|
| |
| .navbox-list a {
| |
| text-decoration: none;
| |
| margin-right: 6px;
| |
| }
| |
| /* Grup ikonları */
| |
| .navbox-group::before {
| |
| display: inline-block;
| |
| margin-right: 6px;
| |
| font-weight: normal;
| |
| }
| |
|
| |
| /* Fiziksel */
| |
| .nav-physical::before {
| |
| content: "💪";
| |
| }
| |
|
| |
| /* Zihinsel */
| |
| .nav-mental::before {
| |
| content: "🧠";
| |
| }
| |
|
| |
| /* Teknik */
| |
| .nav-technical::before {
| |
| content: "⚽";
| |
| }
| |
|
| |
|
| |
| /* Site başlığı yazısını gizle (Vector / Vector 2022) */
| |
| .mw-wiki-title,
| |
| .mw-logo-wordmark {
| |
| display: none !important;
| |
| }
| |