|
|
| (Aynı kullanıcının aradaki diğer 3 değişikliği gösterilmiyor) |
| 1. satır: |
1. satır: |
| /* ============================
| | #coordinates { |
| FM WIKI – PROFESYONEL & SADE TASARIM
| | line-height: 2; |
| Football Manager temasına uygun, temiz ve kullanıcı dostu
| | font-size: 92%; |
| ============================ */
| | white-space: nowrap; |
| | |
| /* ============================
| |
| RENK PALETİ – FM STİLİ
| |
| ============================ */
| |
| :root {
| |
| --fm-dark: #0d1117;
| |
| --fm-darker: #010409;
| |
| --fm-panel: #161b22;
| |
| --fm-panel-light: #21262d;
| |
|
| |
| --fm-green: #2ea043;
| |
| --fm-green-light: #3fb950;
| |
| --fm-green-dark: #238636;
| |
|
| |
| --fm-text: #e6edf3;
| |
| --fm-text-muted: #7d8590;
| |
| --fm-text-bright: #ffffff;
| |
|
| |
| --fm-border: #30363d;
| |
| --fm-border-muted: #21262d;
| |
| }
| |
| | |
| /* ============================
| |
| GENEL BODY & ARKA PLAN
| |
| ============================ */
| |
| .skin-vector-2022,
| |
| .skin-vector-2022 body,
| |
| .skin-vector-2022 #mw-page-base,
| |
| .skin-vector-2022 .mw-page-container,
| |
| .skin-vector-2022 .mw-page-container-inner {
| |
| background: var(--fm-dark) !important;
| |
| color: var(--fm-text);
| |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-page-container,
| |
| .skin-vector-2022 .vector-body {
| |
| background: transparent !important;
| |
| max-width: 100%;
| |
| padding: 0 16px;
| |
| }
| |
| | |
| /* ============================
| |
| HEADER – SADE & BELİRGİN
| |
| ============================ */
| |
| .skin-vector-2022 .vector-header-container,
| |
| .skin-vector-2022 .vector-sticky-header,
| |
| .skin-vector-2022 .vector-header,
| |
| .skin-vector-2022 #mw-head,
| |
| .skin-vector-2022 .vector-header-start,
| |
| .skin-vector-2022 .vector-header-end {
| |
| background: var(--fm-panel) !important;
| |
| border-bottom: 1px solid var(--fm-border) !important;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
| |
| }
| |
| | |
| /* Header yazıları ve simgeler */
| |
| .skin-vector-2022 .vector-header a,
| |
| .skin-vector-2022 .vector-header span,
| |
| .skin-vector-2022 .vector-header label,
| |
| .skin-vector-2022 #p-personal a,
| |
| .skin-vector-2022 .vector-menu-tabs a,
| |
| .skin-vector-2022 .vector-icon,
| |
| .skin-vector-2022 .mw-ui-icon {
| |
| color: var(--fm-text) !important;
| |
| fill: var(--fm-text) !important;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-header a:hover,
| |
| .skin-vector-2022 #p-personal a:hover {
| |
| color: var(--fm-text-bright) !important;
| |
| }
| |
| | |
| /* Logo & Site başlığı */
| |
| .skin-vector-2022 .mw-wiki-title {
| |
| color: var(--fm-text-bright);
| |
| font-weight: 700;
| |
| font-size: 18px;
| |
| }
| |
| | |
| /* Seçili sekme */
| |
| .skin-vector-2022 .vector-menu-tabs .selected a,
| |
| .skin-vector-2022 .vector-menu-tabs .selected {
| |
| background: var(--fm-green) !important;
| |
| color: var(--fm-text-bright) !important;
| |
| border-radius: 6px;
| |
| }
| |
| | |
| /* Arama kutusu */
| |
| .skin-vector-2022 .vector-search-box input {
| |
| background: var(--fm-panel-light);
| |
| border: 1px solid var(--fm-border);
| |
| border-radius: 6px;
| |
| color: var(--fm-text);
| |
| padding: 8px 12px;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-search-box input:focus {
| |
| border-color: var(--fm-green);
| |
| outline: none;
| |
| }
| |
| | |
| /* ============================
| |
| ANA İÇERİK PANELİ
| |
| ============================ */
| |
| .skin-vector-2022 .mw-body,
| |
| .skin-vector-2022 .mw-body-content,
| |
| .skin-vector-2022 .vector-body {
| |
| background: var(--fm-panel) !important;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-body-content {
| |
| border: 1px solid var(--fm-border);
| |
| border-radius: 8px;
| |
| padding: 32px;
| |
| margin: 16px 0;
| |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
| |
| }
| |
| | |
| /* ============================
| |
| BAŞLIKLAR – SADE & NET
| |
| ============================ */
| |
| .skin-vector-2022 h1,
| |
| .skin-vector-2022 h2,
| |
| .skin-vector-2022 h3,
| |
| .skin-vector-2022 h4,
| |
| .skin-vector-2022 h5,
| |
| .skin-vector-2022 h6 {
| |
| color: var(--fm-text-bright);
| |
| border: none;
| |
| }
| |
| | |
| .skin-vector-2022 h1 {
| |
| font-size: 32px;
| |
| font-weight: 700;
| |
| margin-bottom: 20px;
| |
| padding-bottom: 12px;
| |
| border-bottom: 2px solid var(--fm-border);
| |
| }
| |
| | |
| .skin-vector-2022 .mw-parser-output h2 {
| |
| font-size: 24px;
| |
| font-weight: 700;
| |
| margin: 32px 0 16px;
| |
| padding: 12px 16px;
| |
| background: var(--fm-panel-light);
| |
| border-left: 4px solid var(--fm-green);
| |
| border-radius: 4px;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-parser-output h3 {
| |
| font-size: 20px;
| |
| font-weight: 600;
| |
| margin: 24px 0 12px;
| |
| }
| |
| | |
| /* ============================
| |
| METIN & PARAGRAFLAR
| |
| ============================ */
| |
| .skin-vector-2022 .mw-parser-output p,
| |
| .skin-vector-2022 .mw-parser-output li,
| |
| .skin-vector-2022 .mw-parser-output td {
| |
| color: var(--fm-text);
| |
| font-size: 15px;
| |
| line-height: 1.6;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-parser-output small {
| |
| color: var(--fm-text-muted);
| |
| }
| |
| | |
| /* ============================
| |
| LİNKLER – FM YEŞİLİ
| |
| ============================ */
| |
| .skin-vector-2022 .mw-parser-output a {
| |
| color: var(--fm-green-light);
| |
| text-decoration: none;
| |
| font-weight: 500;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-parser-output a:hover {
| |
| color: var(--fm-text-bright);
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-parser-output a:visited {
| |
| color: #58a6ff;
| |
| }
| |
| | |
| /* ============================
| |
| LİSTELER
| |
| ============================ */
| |
| .skin-vector-2022 .mw-parser-output ul {
| |
| padding-left: 20px;
| |
| margin: 12px 0;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-parser-output li {
| |
| margin: 6px 0;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-parser-output ul li::marker {
| |
| color: var(--fm-green);
| |
| }
| |
| | |
| /* ============================
| |
| TABLOLAR – FM TAKTİK TABLO TARZI
| |
| ============================ */
| |
| .skin-vector-2022 table.wikitable {
| |
| background: var(--fm-panel-light);
| |
| border: 1px solid var(--fm-border);
| |
| border-radius: 6px;
| |
| border-collapse: separate;
| |
| border-spacing: 0;
| |
| overflow: hidden;
| |
| margin: 20px 0;
| |
| width: 100%;
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable th {
| |
| background: var(--fm-green-dark);
| |
| color: var(--fm-text-bright);
| |
| font-weight: 600;
| |
| padding: 12px 16px;
| |
| text-align: left;
| |
| border-bottom: 2px solid var(--fm-green);
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable td {
| |
| padding: 12px 16px;
| |
| border-bottom: 1px solid var(--fm-border);
| |
| color: var(--fm-text);
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable tr:hover td {
| |
| background: rgba(46, 160, 67, 0.1);
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable tr:last-child td {
| |
| border-bottom: none;
| |
| }
| |
| | |
| /* Eğer sayfada infobox varsa tablolar yan yana dursun */
| |
| .skin-vector-2022 .mw-parser-output:has(.infobox) table.wikitable {
| |
| width: calc(100% - 370px);
| |
| }
| |
| | |
| /* ============================
| |
| INFOBOX – FM OYUNCU KART TARZI
| |
| ============================ */
| |
| .skin-vector-2022 .infobox {
| |
| background: linear-gradient(180deg, #f6f8fa 0%, #ffffff 100%);
| |
| border: 2px solid var(--fm-border);
| |
| border-radius: 8px;
| |
| overflow: hidden;
| |
| margin: 16px 0 16px 20px;
| |
| float: right;
| |
| max-width: 320px;
| |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
| |
| }
| |
| | |
| .skin-vector-2022 .infobox caption {
| |
| background: linear-gradient(135deg, var(--fm-green-dark), var(--fm-green));
| |
| color: var(--fm-text-bright);
| |
| font-weight: 700;
| |
| font-size: 18px;
| |
| padding: 16px;
| |
| }
| |
| | |
| .skin-vector-2022 .infobox th {
| |
| background: #e8ebed;
| |
| color: #24292f;
| |
| font-weight: 600;
| |
| padding: 10px 12px;
| |
| text-align: left;
| |
| border-bottom: 1px solid #d0d7de;
| |
| width: 35%;
| |
| }
| |
| | |
| .skin-vector-2022 .infobox td {
| |
| background: #ffffff;
| |
| color: #24292f;
| |
| padding: 10px 12px;
| |
| border-bottom: 1px solid #d0d7de;
| |
| }
| |
| | |
| .skin-vector-2022 .infobox tr:last-child th,
| |
| .skin-vector-2022 .infobox tr:last-child td {
| |
| border-bottom: none;
| |
| }
| |
| | |
| /* ============================
| |
| NAVBOX – FM TAKTİK PANEL
| |
| ============================ */
| |
| .skin-vector-2022 .navbox {
| |
| background: var(--fm-panel-light);
| |
| border: 1px solid var(--fm-border);
| |
| border-radius: 6px;
| |
| overflow: hidden;
| |
| margin: 20px 0;
| |
| }
| |
| | |
| .skin-vector-2022 .navbox-title {
| |
| background: var(--fm-green-dark);
| |
| color: var(--fm-text-bright) !important;
| |
| font-weight: 700;
| |
| font-size: 15px;
| |
| padding: 12px 16px;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.5px;
| |
| }
| |
| | |
| .skin-vector-2022 .navbox-group {
| |
| background: var(--fm-panel);
| |
| color: var(--fm-green-light) !important;
| |
| font-weight: 600;
| |
| padding: 10px 12px;
| |
| border-right: 3px solid var(--fm-green);
| |
| width: 140px;
| |
| vertical-align: top;
| |
| }
| |
| | |
| .skin-vector-2022 .navbox-list {
| |
| background: var(--fm-panel-light);
| |
| color: var(--fm-text) !important;
| |
| padding: 10px 12px;
| |
| }
| |
| | |
| .skin-vector-2022 .navbox-list a {
| |
| color: var(--fm-green-light);
| |
| padding: 2px 6px;
| |
| display: inline-block;
| |
| }
| |
| | |
| .skin-vector-2022 .navbox-list a:hover {
| |
| color: var(--fm-text-bright);
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .skin-vector-2022 .navbox tr {
| |
| border-bottom: 1px solid var(--fm-border);
| |
| }
| |
| | |
| .skin-vector-2022 .navbox tr:last-child {
| |
| border-bottom: none;
| |
| }
| |
| | |
| /* Navbox özel grup renkleri */
| |
| .skin-vector-2022 .nav-physical {
| |
| border-right-color: #da3633;
| |
| color: #ff7b72 !important;
| |
| }
| |
| | |
| .skin-vector-2022 .nav-mental {
| |
| border-right-color: #1f6feb;
| |
| color: #79c0ff !important;
| |
| }
| |
| | |
| .skin-vector-2022 .nav-technical {
| |
| border-right-color: #bf8700;
| |
| color: #d29922 !important;
| |
| }
| |
| | |
| /* ============================
| |
| DASHBOARD KARTLARI
| |
| ============================ */
| |
| .skin-vector-2022 .fm-dashboard {
| |
| background: var(--fm-panel-light);
| |
| border: 1px solid var(--fm-border);
| |
| border-radius: 8px;
| |
| padding: 24px;
| |
| margin: 16px 0;
| |
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
| |
| }
| |
| | |
| .skin-vector-2022 .fm-dashboard:hover {
| |
| border-color: var(--fm-green);
| |
| box-shadow: 0 4px 12px rgba(46, 160, 67, 0.2);
| |
| }
| |
| | |
| .skin-vector-2022 .fm-dashboard .fm-card {
| |
| background: var(--fm-panel);
| |
| border: 1px solid var(--fm-border);
| |
| border-radius: 6px;
| |
| padding: 16px;
| |
| margin: 12px 0;
| |
| }
| |
| | |
| /* ============================
| |
| BUTONLAR
| |
| ============================ */
| |
| .skin-vector-2022 .mw-ui-button,
| |
| .skin-vector-2022 button {
| |
| background: var(--fm-green);
| |
| color: var(--fm-text-bright);
| |
| border: 1px solid var(--fm-green-dark);
| |
| border-radius: 6px;
| |
| padding: 8px 16px;
| |
| font-weight: 600;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-ui-button:hover,
| |
| .skin-vector-2022 button:hover {
| |
| background: var(--fm-green-light);
| |
| border-color: var(--fm-green);
| |
| }
| |
| | |
| /* ============================
| |
| SOL SIDEBAR MENÜ
| |
| ============================ */
| |
| .skin-vector-2022 .vector-toc,
| |
| .skin-vector-2022 .vector-menu-portal {
| |
| background: var(--fm-panel);
| |
| border: 1px solid var(--fm-border);
| |
| border-radius: 6px;
| |
| padding: 12px;
| |
| margin: 16px 0;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-heading {
| |
| color: var(--fm-text-bright);
| |
| font-weight: 600;
| |
| font-size: 13px;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.5px;
| |
| padding: 8px 0;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-content a {
| |
| color: var(--fm-text);
| |
| display: block;
| |
| padding: 6px 8px;
| |
| border-radius: 4px;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-content a:hover {
| |
| background: var(--fm-panel-light);
| |
| color: var(--fm-text-bright);
| |
| text-decoration: none;
| |
| }
| |
| | |
| /* ============================
| |
| FOOTER
| |
| ============================ */
| |
| .skin-vector-2022 .mw-footer {
| |
| background: var(--fm-panel);
| |
| border-top: 1px solid var(--fm-border);
| |
| border-radius: 6px;
| |
| margin-top: 32px;
| |
| padding: 24px;
| |
| color: var(--fm-text-muted);
| |
| }
| |
| | |
| .skin-vector-2022 .mw-footer a {
| |
| color: var(--fm-text-muted);
| |
| }
| |
| | |
| .skin-vector-2022 .mw-footer a:hover {
| |
| color: var(--fm-text);
| |
| }
| |
| | |
| /* ============================
| |
| SCROLLBAR
| |
| ============================ */
| |
| ::-webkit-scrollbar {
| |
| width: 12px;
| |
| height: 12px;
| |
| }
| |
| | |
| ::-webkit-scrollbar-track {
| |
| background: var(--fm-darker);
| |
| }
| |
| | |
| ::-webkit-scrollbar-thumb {
| |
| background: var(--fm-border);
| |
| border-radius: 6px;
| |
| }
| |
| | |
| ::-webkit-scrollbar-thumb:hover {
| |
| background: var(--fm-green);
| |
| }
| |
| | |
| /* ============================
| |
| RESPONSİVE
| |
| ============================ */
| |
| @media (max-width: 1000px) {
| |
| .skin-vector-2022 .mw-body-content {
| |
| padding: 24px;
| |
| }
| |
|
| |
| .skin-vector-2022 .infobox {
| |
| float: none;
| |
| max-width: 100%;
| |
| margin: 16px 0;
| |
| }
| |
|
| |
| .skin-vector-2022 .mw-parser-output:has(.infobox) table.wikitable {
| |
| width: 100%;
| |
| }
| |
| }
| |
| | |
| @media (max-width: 720px) {
| |
| .skin-vector-2022 .mw-body-content {
| |
| padding: 16px;
| |
| }
| |
|
| |
| .skin-vector-2022 h1 {
| |
| font-size: 24px;
| |
| }
| |
|
| |
| .skin-vector-2022 .mw-parser-output h2 {
| |
| font-size: 20px;
| |
| }
| |
| } | | } |