|
|
| (Aynı kullanıcının aradaki diğer 18 değişikliği gösterilmiyor) |
| 1. satır: |
1. satır: |
| /* ========================================================= | | /* --- Vector skin: Logo boyutu + merkezleme + çerçeve --- */ |
| FOOTBALL MANAGER WIKI - ULTRA MODERN & PREMIUM TASARIM
| |
| ========================================================= */
| |
|
| |
|
| /* =========================================================
| | #p-logo { |
| GENEL ARKA PLAN & SAYFA YAPISI - PREMIUM ATMOSFERİ
| | width: 100%; /* panel genişliği kadar */ |
| ========================================================= */
| | padding: 8px 0 12px; |
| .skin-vector-2022 {
| | margin: 0 auto 8px auto; /* üstte, ortalanmış halde */ |
| background: #0a0e14; | | text-align: center; /* içerdiği linki ortala */ |
| background-image: | |
| radial-gradient(circle at 20% 50%, rgba(46, 204, 113, 0.08) 0%, transparent 50%),
| |
| radial-gradient(circle at 80% 80%, rgba(52, 152, 219, 0.05) 0%, transparent 50%),
| |
| linear-gradient(180deg, #0a0e14 0%, #0d1117 100%);
| |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |
| min-height: 100vh; | |
| } | | } |
|
| |
|
| .skin-vector-2022 .mw-page-container {
| | /* Asıl logo linki */ |
| background: transparent; | | #p-logo .mw-wiki-logo { |
| max-width: 1440px; | | width: 135px; |
| | height: 135px; |
| margin: 0 auto; | | margin: 0 auto; |
| padding: 0 20px; | | display: block; |
| }
| |
| | |
| /* =========================================================
| |
| ÜST HEADER - GLASSMORPHISM & PREMIUM
| |
| ========================================================= */
| |
| .skin-vector-2022 .vector-header {
| |
| background: rgba(26, 71, 42, 0.8);
| |
| backdrop-filter: blur(20px) saturate(180%);
| |
| -webkit-backdrop-filter: blur(20px) saturate(180%);
| |
| border-bottom: 1px solid rgba(46, 204, 113, 0.2);
| |
| box-shadow:
| |
| 0 8px 32px rgba(0, 0, 0, 0.3),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.05);
| |
| min-height: 75px;
| |
| position: sticky;
| |
| top: 0;
| |
| z-index: 1000;
| |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| }
| |
| | |
| .skin-vector-2022 .vector-header:hover {
| |
| background: rgba(26, 71, 42, 0.9);
| |
| border-bottom-color: rgba(46, 204, 113, 0.4);
| |
| }
| |
| | |
| .skin-vector-2022 .vector-header-start,
| |
| .skin-vector-2022 .vector-header-end {
| |
| align-items: center;
| |
| padding: 0 24px;
| |
| gap: 20px;
| |
| }
| |
| | |
| /* =========================================================
| |
| LOGO & SITE ADI - PREMIUM BRANDING
| |
| ========================================================= */
| |
| .skin-vector-2022 .mw-wiki-title {
| |
| color: #ffffff;
| |
| font-weight: 800;
| |
| font-size: 20px;
| |
| letter-spacing: -0.5px;
| |
| text-shadow:
| |
| 2px 2px 8px rgba(0, 0, 0, 0.3),
| |
| 0 0 30px rgba(255, 255, 255, 0.5);
| |
| }
| |
| | |
| .skin-vector-2022 .mw-logo-container {
| |
| padding: 12px 0;
| |
| position: relative;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-logo-container::after {
| |
| content: '';
| |
| position: absolute;
| |
| bottom: 0;
| |
| left: 0;
| |
| right: 0;
| |
| height: 2px;
| |
| background: linear-gradient(90deg, transparent, #2ecc71, transparent);
| |
| opacity: 0;
| |
| transition: opacity 0.3s ease;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-logo-container:hover::after {
| |
| opacity: 1;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-logo-icon,
| |
| .skin-vector-2022 .mw-logo-wordmark {
| |
| filter: drop-shadow(0 4px 12px rgba(46, 204, 113, 0.4));
| |
| transition: filter 0.3s ease;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-logo-container:hover .mw-logo-icon,
| |
| .skin-vector-2022 .mw-logo-container:hover .mw-logo-wordmark {
| |
| filter: drop-shadow(0 6px 20px rgba(46, 204, 113, 0.6));
| |
| }
| |
| | |
| /* =========================================================
| |
| ARAMA ALANI - MODERN & FUTURISTIC
| |
| ========================================================= */
| |
| .skin-vector-2022 .vector-search-box {
| |
| max-width: 550px;
| |
| margin: 0 auto;
| |
| position: relative;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-search-box::before {
| |
| content: '';
| |
| position: absolute;
| |
| inset: -2px;
| |
| background: linear-gradient(135deg, #2ecc71, #3498db);
| |
| border-radius: 30px;
| |
| opacity: 0;
| |
| transition: opacity 0.3s ease;
| |
| z-index: -1;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-search-box:focus-within::before {
| |
| opacity: 1;
| |
| animation: pulse 2s ease-in-out infinite;
| |
| }
| |
| | |
| @keyframes pulse {
| |
| 0%, 100% { opacity: 0.6; }
| |
| 50% { opacity: 1; }
| |
| }
| |
| | |
| .skin-vector-2022 .cdx-search-input {
| |
| background: rgba(255, 255, 255, 0.95);
| |
| backdrop-filter: blur(10px);
| |
| border: 2px solid rgba(46, 204, 113, 0.3);
| |
| border-radius: 28px;
| |
| height: 50px;
| |
| padding: 0 24px;
| |
| font-size: 15px;
| |
| color: #1a1a1a;
| |
| transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
| |
| box-shadow:
| |
| 0 4px 20px rgba(0, 0, 0, 0.1),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.5);
| |
| }
| |
| | |
| .skin-vector-2022 .cdx-search-input:focus {
| |
| background: #ffffff;
| |
| border-color: transparent;
| |
| box-shadow:
| |
| 0 8px 30px rgba(46, 204, 113, 0.2),
| |
| 0 0 0 4px rgba(46, 204, 113, 0.1);
| |
| outline: none;
| |
| transform: translateY(-2px);
| |
| }
| |
| | |
| .skin-vector-2022 .cdx-search-input::placeholder {
| |
| color: #95a5a6;
| |
| font-weight: 500;
| |
| }
| |
| | |
| .skin-vector-2022 .cdx-search-button {
| |
| background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
| |
| color: #ffffff;
| |
| border: none;
| |
| height: 50px;
| |
| width: 50px;
| |
| border-radius: 0 28px 28px 0;
| |
| font-weight: 600;
| |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);
| |
| position: relative;
| |
| overflow: hidden;
| |
| }
| |
| | |
| .skin-vector-2022 .cdx-search-button::before {
| |
| content: '';
| |
| position: absolute;
| |
| inset: 0;
| |
| background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent);
| |
| transform: translateX(-100%);
| |
| transition: transform 0.6s ease;
| |
| }
| |
|
| |
|
| .skin-vector-2022 .cdx-search-button:hover {
| | /* Logoyu kutuya düzgün oturt */ |
| background: linear-gradient(135deg, #27ae60 0%, #229954 100%); | | background-size: contain; |
| transform: scale(1.05); | | background-position: center; |
| box-shadow: 0 6px 25px rgba(46, 204, 113, 0.5); | | background-repeat: no-repeat; |
| }
| |
| | |
| .skin-vector-2022 .cdx-search-button:hover::before {
| |
| transform: translateX(100%);
| |
| }
| |
|
| |
|
| /* ========================================================= | | /* Şık çerçeve + hafif kart efekti */ |
| KULLANICI LİNKLERİ & İKONLAR - MODERN UI
| |
| ========================================================= */
| |
| .skin-vector-2022 .vector-user-links a,
| |
| .skin-vector-2022 .vector-user-links .mw-ui-icon {
| |
| color: rgba(255, 255, 255, 0.9) !important;
| |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| padding: 10px 16px;
| |
| border-radius: 12px; | | border-radius: 12px; |
| position: relative; | | border: 2px solid #1b2836; /* koyu çerçeve */ |
| overflow: hidden; | | background-color: #fff; /* koyu lacivert arka plan */ |
| | box-shadow: 0 0 8px rgba(0, 0, 0, 0.35), |
| | 0 0 0 1px rgba(255, 255, 255, 0.03); /* hafif glow */ |
| } | | } |
|
| |
|
| .skin-vector-2022 .vector-user-links a::before {
| |
| content: '';
| |
| position: absolute;
| |
| inset: 0;
| |
| background: linear-gradient(135deg, rgba(46, 204, 113, 0.2), rgba(52, 152, 219, 0.2));
| |
| opacity: 0;
| |
| transition: opacity 0.3s ease;
| |
| }
| |
|
| |
|
| .skin-vector-2022 .vector-user-links a:hover {
| |
| color: #ffffff !important;
| |
| transform: translateY(-2px);
| |
| }
| |
|
| |
|
| .skin-vector-2022 .vector-user-links a:hover::before {
| |
| opacity: 1;
| |
| }
| |
|
| |
|
| .skin-vector-2022 .vector-main-menu-toggle {
| | /* Hızlı Başlangıç kutusu */ |
| color: #ffffff;
| | .wikitable.fm-quickbox { |
| background: rgba(46, 204, 113, 0.15);
| | width: 100%; |
| border-radius: 12px;
| | border: 1px solid #1b2836; |
| padding: 10px;
| | margin-bottom: 1em; |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| | border-collapse: separate; |
| border: 1px solid rgba(46, 204, 113, 0.2);
| |
| }
| |
| | |
| .skin-vector-2022 .vector-main-menu-toggle:hover {
| |
| background: rgba(46, 204, 113, 0.25);
| |
| transform: scale(1.1) rotate(90deg);
| |
| border-color: rgba(46, 204, 113, 0.4);
| |
| }
| |
| | |
| /* ========================================================= | |
| SOL MENU - GLASSMORPHISM & SMOOTH
| |
| ========================================================= */
| |
| .skin-vector-2022 .vector-sidebar { | |
| background: rgba(255, 255, 255, 0.03); | |
| backdrop-filter: blur(20px) saturate(180%);
| |
| -webkit-backdrop-filter: blur(20px) saturate(180%);
| |
| border: 1px solid rgba(255, 255, 255, 0.08); | |
| border-radius: 16px;
| |
| padding: 20px;
| |
| margin-top: 24px;
| |
| box-shadow:
| |
| 0 8px 32px rgba(0, 0, 0, 0.3),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.05);
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-heading {
| |
| color: #2ecc71;
| |
| font-weight: 800;
| |
| font-size: 13px;
| |
| text-transform: uppercase;
| |
| letter-spacing: 1.5px;
| |
| margin-bottom: 12px; | |
| padding: 12px 0;
| |
| border-bottom: 2px solid rgba(46, 204, 113, 0.2); | |
| position: relative;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-heading::before {
| |
| content: '';
| |
| position: absolute;
| |
| bottom: -2px;
| |
| left: 0;
| |
| width: 40px;
| |
| height: 2px;
| |
| background: #2ecc71;
| |
| box-shadow: 0 0 10px #2ecc71;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-content {
| |
| padding: 8px 0;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-content a {
| |
| color: rgba(255, 255, 255, 0.8);
| |
| display: block;
| |
| padding: 12px 16px;
| |
| border-radius: 10px; | | border-radius: 10px; |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| text-decoration: none;
| |
| position: relative;
| |
| overflow: hidden; | | overflow: hidden; |
| font-weight: 500;
| |
| } | | } |
|
| |
|
| .skin-vector-2022 .vector-menu-content a::before { | | .fm-quickbox-header { |
| content: ''; | | padding: 0.75em 1em; |
| position: absolute;
| | background: #e5e7eb; |
| left: 0;
| | font-size: 140%; |
| top: 50%;
| | text-align: left; |
| transform: translateY(-50%);
| |
| width: 3px;
| |
| height: 0;
| |
| background: linear-gradient(180deg, #2ecc71, #3498db); | |
| transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |
| border-radius: 0 3px 3px 0; | |
| } | | } |
|
| |
|
| .skin-vector-2022 .vector-menu-content a:hover { | | .fm-quickbox-body { |
| color: #ffffff; | | padding: 0.9em 1.2em; |
| background: rgba(46, 204, 113, 0.12);
| | background: #020617; |
| padding-left: 24px; | | color: #e5e7eb; |
| box-shadow: inset 0 0 20px rgba(46, 204, 113, 0.1); | |
| } | | } |
|
| |
|
| .skin-vector-2022 .vector-menu-content a:hover::before {
| | /* Kutudaki link renkleri */ |
| height: 80%;
| | .fm-quickbox-body a, |
| }
| | .fm-quickbox-body a:visited { |
| | | color: #38bdf8; /* FM tarzı açık mavi */ |
| .skin-vector-2022 .vector-menu-content .selected a { | | text-decoration: none; |
| color: #2ecc71;
| |
| background: rgba(46, 204, 113, 0.15);
| |
| font-weight: 700;
| |
| box-shadow:
| |
| inset 0 0 20px rgba(46, 204, 113, 0.1),
| |
| 0 4px 15px rgba(46, 204, 113, 0.2);
| |
| }
| |
| | |
| .skin-vector-2022 .vector-menu-content .selected a::before {
| |
| height: 100%; | |
| }
| |
| | |
| /* ========================================================= | |
| ANA İÇERİK ALANI - PREMIUM CARD DESIGN
| |
| ========================================================= */
| |
| .skin-vector-2022 .mw-content-container {
| |
| background: #ffffff;
| |
| border-radius: 20px; | |
| padding: 50px;
| |
| margin: 28px 0;
| |
| box-shadow:
| |
| 0 20px 60px rgba(0, 0, 0, 0.4),
| |
| 0 0 0 1px rgba(255, 255, 255, 0.1);
| |
| min-height: calc(100vh - 180px);
| |
| position: relative;
| |
| overflow: hidden;
| |
| } | | } |
|
| |
|
| .skin-vector-2022 .mw-content-container::before { | | .fm-quickbox-body a:hover { |
| content: ''; | | text-decoration: underline; |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| height: 4px;
| |
| background: linear-gradient(90deg, #2ecc71, #3498db, #9b59b6, #2ecc71);
| |
| background-size: 200% 100%;
| |
| animation: gradientShift 8s ease infinite;
| |
| } | | } |
|
| |
|
| @keyframes gradientShift {
| | /* Kırmızı linkleri (henüz olmayan sayfa) daha şık hale getir */ |
| 0%, 100% { background-position: 0% 50%; }
| | .fm-quickbox-body a.new { |
| 50% { background-position: 100% 50%; } | | color: #f97316; /* turuncumsu vurgulu renk */ |
| } | | } |
|
| |
|
| .skin-vector-2022 .mw-body {
| |
| padding: 0;
| |
| }
| |
|
| |
|
| /* =========================================================
| |
| BAŞLIKLAR - MODERN HIERARCHY
| |
| ========================================================= */
| |
| .skin-vector-2022 h1 {
| |
| color: #1a1a1a;
| |
| font-size: 40px;
| |
| font-weight: 800;
| |
| margin-bottom: 28px;
| |
| padding-bottom: 20px;
| |
| border-bottom: 3px solid #f0f0f0;
| |
| position: relative;
| |
| letter-spacing: -1px;
| |
| line-height: 1.2;
| |
| }
| |
|
| |
|
| .skin-vector-2022 h1::after {
| | /* FM rol tablosu – modern görünüm */ |
| content: '';
| | .wikitable.fm-role-table { |
| position: absolute;
| |
| bottom: -3px;
| |
| left: 0;
| |
| width: 100px;
| |
| height: 3px;
| |
| background: linear-gradient(90deg, #2ecc71, #3498db);
| |
| box-shadow: 0 0 15px rgba(46, 204, 113, 0.5);
| |
| }
| |
| | |
| .skin-vector-2022 h2 {
| |
| color: #2c3e50;
| |
| font-size: 28px;
| |
| font-weight: 700;
| |
| margin-top: 40px;
| |
| margin-bottom: 20px;
| |
| padding-bottom: 12px;
| |
| border-bottom: 2px solid #f0f0f0;
| |
| position: relative;
| |
| letter-spacing: -0.5px;
| |
| }
| |
| | |
| .skin-vector-2022 h2::before {
| |
| content: '';
| |
| position: absolute;
| |
| left: -20px;
| |
| top: 50%;
| |
| transform: translateY(-50%);
| |
| width: 4px;
| |
| height: 70%;
| |
| background: linear-gradient(180deg, #2ecc71, #3498db);
| |
| border-radius: 2px;
| |
| }
| |
| | |
| .skin-vector-2022 h3 {
| |
| color: #34495e;
| |
| font-size: 22px;
| |
| font-weight: 700;
| |
| margin-top: 28px;
| |
| margin-bottom: 16px;
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 12px;
| |
| }
| |
| | |
| .skin-vector-2022 h3::before {
| |
| content: '';
| |
| width: 8px;
| |
| height: 8px;
| |
| background: linear-gradient(135deg, #2ecc71, #3498db);
| |
| border-radius: 50%;
| |
| box-shadow: 0 0 10px rgba(46, 204, 113, 0.5);
| |
| }
| |
| | |
| .skin-vector-2022 h4,
| |
| .skin-vector-2022 h5,
| |
| .skin-vector-2022 h6 {
| |
| color: #5a6c7d;
| |
| font-weight: 600;
| |
| margin-top: 20px;
| |
| }
| |
| | |
| /* ========================================================= | |
| LİNKLER - INTERACTIVE & SMOOTH
| |
| ========================================================= */
| |
| .skin-vector-2022 .mw-content-container a { | |
| color: #27ae60;
| |
| text-decoration: none;
| |
| font-weight: 600;
| |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| position: relative;
| |
| display: inline-block;
| |
| }
| |
| | |
| .skin-vector-2022 .mw-content-container a::after {
| |
| content: '';
| |
| position: absolute;
| |
| bottom: -2px;
| |
| left: 0;
| |
| width: 0;
| |
| height: 2px;
| |
| background: linear-gradient(90deg, #27ae60, #3498db);
| |
| transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| }
| |
| | |
| .skin-vector-2022 .mw-content-container a:hover {
| |
| color: #1e8449;
| |
| transform: translateX(2px);
| |
| }
| |
| | |
| .skin-vector-2022 .mw-content-container a:hover::after {
| |
| width: 100%; | | width: 100%; |
| }
| |
|
| |
| .skin-vector-2022 .mw-content-container a:visited {
| |
| color: #16a085;
| |
| }
| |
|
| |
| /* =========================================================
| |
| TABLOLAR - ULTRA MODERN DESIGN
| |
| ========================================================= */
| |
| .skin-vector-2022 table.wikitable {
| |
| border-collapse: separate; | | border-collapse: separate; |
| border-spacing: 0; | | border-spacing: 0; |
| border-radius: 16px; | | background: #020617; |
| | color: #e5e7eb; |
| | border: 1px solid #1f2933; |
| | border-radius: 10px; |
| overflow: hidden; | | overflow: hidden; |
| width: 100%; | | font-size: 95%; |
| margin: 28px 0;
| |
| box-shadow:
| |
| 0 10px 40px rgba(0, 0, 0, 0.1),
| |
| 0 0 0 1px rgba(0, 0, 0, 0.05);
| |
| border: none;
| |
| } | | } |
|
| |
|
| .skin-vector-2022 table.wikitable th { | | .fm-role-table th, |
| background: linear-gradient(135deg, #27ae60 0%, #2ecc71 50%, #229954 100%);
| | .fm-role-table td { |
| color: #ffffff;
| | padding: 0.6em 0.8em; |
| font-weight: 700;
| |
| padding: 18px 20px; | |
| text-align: left;
| |
| border: none; | | border: none; |
| text-transform: uppercase; | | color:#efefef; |
| font-size: 13px;
| |
| letter-spacing: 1px;
| |
| position: relative;
| |
| box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.1);
| |
| } | | } |
|
| |
|
| .skin-vector-2022 table.wikitable th::after { | | /* FM rol tablosu – başlıkları belirginleştir */ |
| content: '';
| | .fm-role-table th { |
| position: absolute;
| | background: linear-gradient(90deg, #111827, #1f2937); |
| bottom: 0;
| | color: #f9fafb !important; /* zorla açık renk yazı */ |
| left: 20px;
| | text-align: left; |
| right: 20px;
| |
| height: 2px;
| |
| background: rgba(255, 255, 255, 0.2);
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable td {
| |
| padding: 16px 20px;
| |
| border-bottom: 1px solid rgba(0, 0, 0, 0.05);
| |
| background: #ffffff;
| |
| transition: all 0.3s ease;
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable tr {
| |
| transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable tr:hover td {
| |
| background: linear-gradient(90deg, #f8fffe, #ffffff); | |
| box-shadow: inset 4px 0 0 #2ecc71; | |
| transform: translateX(4px);
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable tr:last-child td {
| |
| border-bottom: none;
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable tr:nth-child(even) td {
| |
| background: #fafbfc;
| |
| }
| |
| | |
| .skin-vector-2022 table.wikitable tr:nth-child(even):hover td {
| |
| background: linear-gradient(90deg, #f8fffe, #fafbfc); | |
| }
| |
| | |
| /* ========================================================= | |
| BUTONLAR & AKSİYONLAR - INTERACTIVE
| |
| ========================================================= */
| |
| .skin-vector-2022 .mw-ui-button {
| |
| background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
| |
| color: #ffffff;
| |
| border: none;
| |
| border-radius: 12px; | |
| padding: 14px 28px;
| |
| font-weight: 700; | | font-weight: 700; |
| transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
| | font-size: 100%; |
| cursor: pointer;
| | border-bottom: 1px solid #1f2933; |
| position: relative;
| |
| overflow: hidden;
| |
| box-shadow: 0 6px 20px rgba(46, 204, 113, 0.3);
| |
| text-transform: uppercase;
| |
| font-size: 13px; | |
| letter-spacing: 1px; | |
| } | | } |
|
| |
|
| .skin-vector-2022 .mw-ui-button::before {
| |
| content: '';
| |
| position: absolute;
| |
| inset: 0;
| |
| background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent);
| |
| transform: translateX(-100%) skewX(-15deg);
| |
| transition: transform 0.6s ease;
| |
| }
| |
|
| |
|
| .skin-vector-2022 .mw-ui-button:hover { | | /* Zebra satırlar */ |
| background: linear-gradient(135deg, #27ae60 0%, #229954 100%); | | .fm-role-table tr:nth-child(even) td { |
| transform: translateY(-3px);
| | background: #020b1a; |
| box-shadow: 0 10px 30px rgba(46, 204, 113, 0.4);
| |
| } | | } |
|
| |
|
| .skin-vector-2022 .mw-ui-button:hover::before {
| | /* İlk sütuna vurgu (Bölge) */ |
| transform: translateX(100%) skewX(-15deg);
| | .fm-role-table td:first-child { |
| }
| | font-weight: 600; |
| | | color: #bfdbfe; |
| .skin-vector-2022 .mw-ui-button:active {
| | border-right: 1px solid #1f2933; |
| transform: translateY(-1px);
| |
| }
| |
| | |
| /* =========================================================
| |
| BİLGİ KUTULARI & UYARILAR - GLASSMORPHISM
| |
| ========================================================= */
| |
| .skin-vector-2022 .infobox { | |
| background: linear-gradient(135deg, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.95));
| |
| backdrop-filter: blur(10px); | |
| border: 2px solid rgba(46, 204, 113, 0.15); | |
| border-radius: 16px; | |
| padding: 24px;
| |
| margin: 24px 0;
| |
| box-shadow:
| |
| 0 10px 30px rgba(0, 0, 0, 0.08),
| |
| inset 0 1px 0 rgba(255, 255, 255, 0.5);
| |
| position: relative;
| |
| overflow: hidden;
| |
| } | | } |
|
| |
|
| .skin-vector-2022 .infobox::before { | | /* Hover efekti */ |
| content: '';
| | .fm-role-table tr:hover td { |
| position: absolute;
| | background: #041021; |
| top: 0;
| |
| left: 0;
| |
| right: 0;
| |
| height: 4px;
| |
| background: linear-gradient(90deg, #2ecc71, #3498db); | |
| } | | } |
|
| |
|
| .skin-vector-2022 .mw-message-box {
| |
| border-radius: 12px;
| |
| padding: 18px 24px;
| |
| margin: 20px 0;
| |
| border-left: 4px solid #2ecc71;
| |
| background: linear-gradient(90deg, rgba(46, 204, 113, 0.08), transparent);
| |
| box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
| |
| transition: all 0.3s ease;
| |
| }
| |
|
| |
|
| .skin-vector-2022 .mw-message-box:hover {
| |
| transform: translateX(4px);
| |
| box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
| |
| }
| |
|
| |
|
| /* ========================================================= | | /* === Genel tablo stili: tüm wikitable'lar için modern FM görünümü === */ |
| FOOTER - MINIMAL & CLEAN
| |
| ========================================================= */
| |
| .skin-vector-2022 .vector-footer {
| |
| background: rgba(255, 255, 255, 0.03);
| |
| backdrop-filter: blur(20px);
| |
| border-top: 1px solid rgba(255, 255, 255, 0.08);
| |
| margin-top: 48px;
| |
| padding: 36px 24px;
| |
| border-radius: 16px;
| |
| color: rgba(255, 255, 255, 0.6);
| |
| }
| |
|
| |
|
| .skin-vector-2022 .vector-footer a { | | table.wikitable { |
| color: rgba(255, 255, 255, 0.6);
| |
| transition: all 0.3s ease;
| |
| position: relative;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-footer a::after {
| |
| content: '';
| |
| position: absolute;
| |
| bottom: -2px;
| |
| left: 0;
| |
| width: 0;
| |
| height: 1px;
| |
| background: #2ecc71;
| |
| transition: width 0.3s ease;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-footer a:hover {
| |
| color: #2ecc71;
| |
| }
| |
| | |
| .skin-vector-2022 .vector-footer a:hover::after {
| |
| width: 100%; | | width: 100%; |
| | border-collapse: separate; |
| | border-spacing: 0; |
| | background: #020617; |
| | color: #e5e7eb; |
| | border: 1px solid #1f2933; |
| | border-radius: 10px; |
| | overflow: hidden; |
| | font-size: 95%; |
| } | | } |
|
| |
|
| /* ========================================================= | | /* Hücreler */ |
| RESPONSİVE TASARIM - ADAPTIVE LAYOUT
| | table.wikitable th, |
| ========================================================= */
| | table.wikitable td { |
| @media (max-width: 1200px) {
| | padding: 0.6em 0.8em; |
| .skin-vector-2022 .mw-content-container {
| | border: none; /* MediaWiki'nin varsayılan gri çizgilerini kaldır */ |
| padding: 40px;
| |
| } | |
| } | | } |
|
| |
|
| @media (max-width: 1000px) {
| | /* Başlık satırı */ |
| .skin-vector-2022 .mw-content-container {
| | table.wikitable th { |
| padding: 32px;
| | background: linear-gradient(90deg, #111827, #1f2937); |
| border-radius: 16px;
| | color: #f9fafb !important; |
| } | | text-align: left; |
|
| | font-weight: 700; |
| .skin-vector-2022 .vector-search-box {
| | font-size: 100%; |
| max-width: 100%;
| | border-bottom: 1px solid #1f2933; |
| } | |
|
| |
| .skin-vector-2022 h1 {
| |
| font-size: 32px;
| |
| } | |
|
| |
| .skin-vector-2022 h2 {
| |
| font-size: 24px;
| |
| } | |
| } | | } |
|
| |
|
| @media (max-width: 720px) {
| | /* Zebra satırlar */ |
| .skin-vector-2022 .mw-page-container {
| | table.wikitable tr:nth-child(even) td { |
| padding: 0 12px;
| | background: #020b1a; |
| }
| |
|
| |
| .skin-vector-2022 .mw-content-container {
| |
| padding: 24px;
| |
| margin: 16px 0;
| |
| border-radius: 12px;
| |
| }
| |
|
| |
| .skin-vector-2022 h1 {
| |
| font-size: 28px;
| |
| }
| |
|
| |
| .skin-vector-2022 h2 {
| |
| font-size: 22px;
| |
| }
| |
|
| |
| .skin-vector-2022 table.wikitable {
| |
| font-size: 14px;
| |
| }
| |
|
| |
| .skin-vector-2022 table.wikitable th,
| |
| .skin-vector-2022 table.wikitable td {
| |
| padding: 12px 16px;
| |
| }
| |
|
| |
| .skin-vector-2022 .vector-sidebar { | |
| margin-top: 16px;
| |
| padding: 16px;
| |
| }
| |
| } | | } |
|
| |
|
| /* ========================================================= | | /* Hover efekti */ |
| SCROLL BAR - CUSTOM PREMIUM DESIGN
| | table.wikitable tr:hover td { |
| ========================================================= */
| | background: #041021; |
| .skin-vector-2022 ::-webkit-scrollbar { | |
| width: 14px; | |
| height: 14px;
| |
| } | | } |
|
| |
|
| .skin-vector-2022 ::-webkit-scrollbar-track {
| |
| background: rgba(0, 0, 0, 0.05);
| |
| border-radius: 12px;
| |
| margin: 4px;
| |
| }
| |
|
| |
|
| .skin-vector-2022 ::-webkit-scrollbar-thumb {
| |
| background: linear-gradient(180deg, #2ecc71, #27ae60);
| |
| border-radius: 12px;
| |
| border: 3px solid rgba(0, 0, 0, 0.05);
| |
| transition: all 0.3s ease;
| |
| }
| |
|
| |
|
| .skin-vector-2022 ::-webkit-scrollbar-thumb:hover { | | /* Koyu zeminli FM tablolarında link renkleri */ |
| background: linear-gradient(180deg, #27ae60, #229954); | | table.wikitable a, |
| border-width: 2px; | | table.wikitable a:visited { |
| }
| | color: #38bdf8; /* açık mavi, okunaklı */ |
| | | text-decoration: none; |
| .skin-vector-2022 ::-webkit-scrollbar-corner {
| |
| background: transparent;
| |
| } | | } |
|
| |
|
| /* Firefox scrollbar */
| | table.wikitable a:hover { |
| .skin-vector-2022 * { | | color: #7dd3fc; /* hover'da biraz aç */ |
| scrollbar-width: thin; | | text-decoration: underline; |
| scrollbar-color: #2ecc71 rgba(0, 0, 0, 0.05); | |
| } | | } |
|
| |
|
| /* ========================================================= | | /* Henüz oluşturulmamış sayfa linkleri (kırmızı rezaletini çözelim) */ |
| ÖZEL İKONLAR & BADGE'LER - PREMIUM
| | table.wikitable a.new { |
| ========================================================= */
| | color: #f97316; /* turuncu vurgulu */ |
| .skin-vector-2022 .mw-badge { | |
| background: linear-gradient(135deg, #2ecc71, #27ae60);
| |
| color: #ffffff; | |
| padding: 6px 14px;
| |
| border-radius: 20px;
| |
| font-size: 11px;
| |
| font-weight: 700;
| |
| display: inline-block;
| |
| margin-left: 10px;
| |
| text-transform: uppercase;
| |
| letter-spacing: 0.5px;
| |
| box-shadow: 0 4px 12px rgba(46, 204, 113, 0.3);
| |
| animation: float 3s ease-in-out infinite;
| |
| } | | } |