|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
| #ca-viewsource { display: none !important; }
| |
| #ca-edit { display: none !important; }
| |
| #ca-talk { display: none !important; }
| |
| #ca-protect { display: none !important; }
| |
| #ca-move { display: none !important; }
| |
| #ca-delete { display: none !important; }
| |
| #ca-watch { display: none !important; }
| |
| #ca-unwatch { display: none !important; }
| |
| #ca-formedit { display: none !important; }
| |
| #ca-nstab-user { display: none !important; }
| |
| #t-specialpages { display: none !important; }
| |
| #t-upload { display: none !important; }
| |
| #citizen-pref-item { display: none !important; }
| |
| #n-recentchanges { display: none !important; }
| |
| #mw-usertoollinks-contribs { display: none !important; }
| |
| #n-randompage { display: none !important; }
| |
| #mw-usertoollinks-contribs { display: none !important; }
| |
| #n-help-mediawiki { display: none !important; }
| |
| #ca-history { display: none !important; }
| |
| #citizen-ui-icon mw-ui-icon-wikimedia-ellipsis { display: none !important; }
| |
| .res-img {
| |
| max-width:50%;
| |
| height:auto;
| |
| }
| |
|
| |
|
|
| |
| .char-card {
| |
| transform: translateY(0);
| |
| transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
| |
| }
| |
|
| |
| .char-card:hover {
| |
| transform: translateY(-10px);
| |
| box-shadow: 0 25px 50px rgba(0,0,0,0.5);
| |
| }
| |
|
| |
| .char-card:hover .card-bg {
| |
| transform: scale(1.05);
| |
| }
| |
|
| |
| .char-img {
| |
| transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
| |
| transform-origin: center center;
| |
| }
| |
|
| |
| .char-img.male:hover {
| |
| transform: translateX(-15px) scale(1.1) rotate(-5deg);
| |
| }
| |
|
| |
| .char-img.female:hover {
| |
| transform: translateX(15px) scale(1.1) rotate(5deg);
| |
| }
| |
|
| |
| .skill-item {
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .skill-item:hover {
| |
| transform: translateX(10px);
| |
| }
| |
|
| |
| .warrior:hover .skill-item { background: rgba(248,113,113,0.2); }
| |
| .mage:hover .skill-item { background: rgba(167,139,250,0.2); }
| |
| .petrun:hover .skill-item { background: rgba(16,185,129,0.2); }
| |
| .assassin:hover .skill-item { background: rgba(59,130,246,0.2); }
| |
|
| |
| @keyframes glowPulse {
| |
| 0%, 100% { opacity: 0.5; }
| |
| 50% { opacity: 1; }
| |
| }
| |
|
| |
| .card-bg {
| |
| transition: transform 0.4s ease;
| |
| }
| |
|
| |
| /* Responsive Design */
| |
| @media (max-width: 1400px) {
| |
| .char-card {
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| .char-img {
| |
| width: 110px;
| |
| height: 110px;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 1200px) {
| |
| .char-card {
| |
| padding: 15px;
| |
| }
| |
|
| |
| .stats-grid {
| |
| gap: 5px;
| |
| }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| /* Custom CSS */
| |
| .battle-modes-container {
| |
| --primary-bg: #0f1729;
| |
| --card-bg: rgba(30, 41, 59, 0.7);
| |
| --neon-red: #ff3364;
| |
| --neon-purple: #a855f7;
| |
| --neon-green: #22c55e;
| |
| --neon-blue: #3b82f6;
| |
| --glass-border: rgba(255, 255, 255, 0.1);
| |
| --glass-shine: rgba(255, 255, 255, 0.05);
| |
| }
| |
|
| |
| .battle-modes-container {
| |
| background: linear-gradient(135deg, var(--primary-bg), #1e2836) !important;
| |
| border: none !important;
| |
| border-radius: 24px !important;
| |
| box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25) !important;
| |
| margin: 2em auto !important;
| |
| width: 100% !important;
| |
| max-width: 1400px !important;
| |
| padding: 2rem !important;
| |
| position: relative !important;
| |
| overflow: hidden !important;
| |
| }
| |
|
| |
| .battle-modes-container::before {
| |
| content: '' !important;
| |
| position: absolute !important;
| |
| top: 0 !important;
| |
| left: 0 !important;
| |
| right: 0 !important;
| |
| bottom: 0 !important;
| |
| background:
| |
| radial-gradient(circle at 10% 10%, var(--neon-red) 0%, transparent 50%),
| |
| radial-gradient(circle at 90% 90%, var(--neon-blue) 0%, transparent 50%) !important;
| |
| opacity: 0.1 !important;
| |
| z-index: 0 !important;
| |
| }
| |
|
| |
| .battle-header {
| |
| background: transparent !important;
| |
| padding: 2rem !important;
| |
| margin-bottom: 2rem !important;
| |
| text-align: center !important;
| |
| border: none !important;
| |
| position: relative !important;
| |
| }
| |
|
| |
| .battle-title {
| |
| color: white !important;
| |
| font-size: 3em !important;
| |
| font-weight: 800 !important;
| |
| text-transform: uppercase !important;
| |
| letter-spacing: 4px !important;
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| gap: 1rem !important;
| |
| text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| .battle-card {
| |
| background: var(--card-bg) !important;
| |
| backdrop-filter: blur(12px) !important;
| |
| -webkit-backdrop-filter: blur(12px) !important;
| |
| border: 1px solid var(--glass-border) !important;
| |
| border-radius: 16px !important;
| |
| padding: 2rem !important;
| |
| margin: 1rem !important;
| |
| transition: all 0.4s ease !important;
| |
| position: relative !important;
| |
| overflow: hidden !important;
| |
| min-height: 250px !important;
| |
| }
| |
|
| |
| .battle-card::before {
| |
| content: '' !important;
| |
| position: absolute !important;
| |
| top: 0 !important;
| |
| left: 0 !important;
| |
| right: 0 !important;
| |
| height: 100% !important;
| |
| background: linear-gradient(45deg, var(--glass-shine), transparent) !important;
| |
| z-index: 1 !important;
| |
| }
| |
|
| |
| .battle-card:hover {
| |
| transform: translateY(-10px) scale(1.02) !important;
| |
| box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
| |
| }
| |
|
| |
| .battle-card.deathmatch {
| |
| box-shadow: 0 0 20px rgba(255, 51, 100, 0.2) !important;
| |
| border-bottom: 3px solid var(--neon-red) !important;
| |
| }
| |
|
| |
| .battle-card.domination {
| |
| box-shadow: 0 0 20px rgba(168, 85, 247, 0.2) !important;
| |
| border-bottom: 3px solid var(--neon-purple) !important;
| |
| }
| |
|
| |
| .battle-card.last-man-standing {
| |
| box-shadow: 0 0 20px rgba(34, 197, 94, 0.2) !important;
| |
| border-bottom: 3px solid var(--neon-green) !important;
| |
| }
| |
|
| |
| .battle-card.power-hunting {
| |
| box-shadow: 0 0 20px rgba(59, 130, 246, 0.2) !important;
| |
| border-bottom: 3px solid var(--neon-blue) !important;
| |
| }
| |
|
| |
| .battle-mode-title {
| |
| font-size: 1.8em !important;
| |
| color: white !important;
| |
| margin-bottom: 1.5rem !important;
| |
| text-align: center !important;
| |
| font-weight: 700 !important;
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| gap: 0.75rem !important;
| |
| position: relative !important;
| |
| z-index: 2 !important;
| |
| }
| |
|
| |
| .battle-image-container {
| |
| display: flex !important;
| |
| justify-content: center !important;
| |
| align-items: center !important;
| |
| position: relative !important;
| |
| z-index: 2 !important;
| |
| padding: 1rem !important;
| |
| background: rgba(0, 0, 0, 0.2) !important;
| |
| border-radius: 12px !important;
| |
| box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2) !important;
| |
| }
| |
|
| |
| .battle-image {
| |
| width: 140px !important;
| |
| height: 140px !important;
| |
| transition: all 0.3s ease !important;
| |
| filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2)) !important;
| |
| }
| |
|
| |
| .battle-image:hover {
| |
| transform: scale(1.1) rotate(5deg) !important;
| |
| filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.3)) !important;
| |
| }
| |
|
| |
| /* Mode specific title colors */
| |
| .deathmatch .battle-mode-title {
| |
| text-shadow: 0 0 10px var(--neon-red) !important;
| |
| }
| |
|
| |
| .domination .battle-mode-title {
| |
| text-shadow: 0 0 10px var(--neon-purple) !important;
| |
| }
| |
|
| |
| .last-man-standing .battle-mode-title {
| |
| text-shadow: 0 0 10px var(--neon-green) !important;
| |
| }
| |
|
| |
| .power-hunting .battle-mode-title {
| |
| text-shadow: 0 0 10px var(--neon-blue) !important;
| |
| }
| |
|
| |
| /* MediaWiki specific overrides */
| |
| .mw-collapsible tr,
| |
| .mw-collapsible td {
| |
| background: transparent !important;
| |
| border: none !important;
| |
| }
| |
|
| |
| .mw-collapsible th {
| |
| border: none !important;
| |
| }
| |
|
| |
| /* Ekranı tamamen kaplayacak hale getir */
| |
| .mw-page-container,
| |
| .mw-content-container,
| |
| .mw-body,
| |
| .mw-body-content,
| |
| .citizen-body,
| |
| #content {
| |
| max-width: 100% !important;
| |
| width: 100% !important;
| |
| margin: 0 !important;
| |
| padding: 0 2rem !important; /* istersen kenar boşluğu ekle */
| |
| }
| |
|
| |
| /* İçeriği ekrana düzgün yaymak için */
| |
| body,
| |
| html {
| |
| overflow-x: hidden !important;
| |
| background-color: #0e1117 !important; /* arka plan koruma */
| |
| }
| |
|
| |
| /* Eğer sağdaki içerik tablosu (TOC) çok dar kalıyorsa */
| |
| #toc,
| |
| .mw-body-content #toc {
| |
| width: auto !important;
| |
| max-width: none !important;
| |
| }
| |
