|
|
| Рядок 1177: |
Рядок 1177: |
| overflow-x: auto !important; | | overflow-x: auto !important; |
| } | | } |
|
| |
| /* boom */
| |
|
| |
|
| /* ==================================================== */ | | /* ==================================================== */ |
| Рядок 1252: |
Рядок 1250: |
| } | | } |
|
| |
|
| /* Мобільна версія */
| |
| @media (max-width: 768px) { | | @media (max-width: 768px) { |
| .player-tabs { | | .player-tabs { |
| Рядок 1263: |
Рядок 1260: |
| flex: 1; | | flex: 1; |
| text-align: center; | | text-align: center; |
| }
| |
| }
| |
|
| |
| /* ==================================================== */
| |
| /* МОБІЛЬНА ВЕРСІЯ - ПОВНИЙ РЕДИЗАЙН */
| |
| /* ==================================================== */
| |
|
| |
| @media (max-width: 768px) {
| |
|
| |
| /* ----- TOP BAR ----- */
| |
| .header-container.header-chrome {
| |
| padding: 8px 12px !important;
| |
| min-height: 50px !important;
| |
| }
| |
|
| |
| .minerva-header {
| |
| flex-wrap: nowrap !important;
| |
| gap: 10px !important;
| |
| padding: 0 !important;
| |
| }
| |
|
| |
| .minerva-header .branding-box a::before {
| |
| width: 32px !important;
| |
| height: 32px !important;
| |
| }
| |
|
| |
| .minerva-header .branding-box a span {
| |
| font-size: 14px !important;
| |
| }
| |
|
| |
| /* Пошук завжди видимий на мобільних */
| |
| .minerva-header .minerva-search-form {
| |
| display: block !important;
| |
| flex: 1 !important;
| |
| max-width: none !important;
| |
| margin-left: 10px !important;
| |
| }
| |
|
| |
| .minerva-header .search-box .search {
| |
| padding: 8px 12px 8px 36px !important;
| |
| font-size: 14px !important;
| |
| border-radius: 6px !important;
| |
| }
| |
|
| |
| .minerva-header .search-box::before {
| |
| left: 10px !important;
| |
| width: 14px !important;
| |
| height: 14px !important;
| |
| }
| |
|
| |
| /* Менший padding-top для контенту */
| |
| .mw-body {
| |
| padding-top: 60px !important;
| |
| }
| |
|
| |
| /* ----- PLAYER TABS НА МОБІЛЬНИХ ----- */
| |
| .player-tabs {
| |
| margin: 0 -16px 16px -16px !important;
| |
| padding: 0 16px !important;
| |
| border-bottom: 1px solid #3a3a4a !important;
| |
| background: rgba(24, 21, 30, 0.95) !important;
| |
| position: sticky !important;
| |
| top: 50px !important;
| |
| z-index: 50 !important;
| |
| backdrop-filter: blur(8px) !important;
| |
| }
| |
|
| |
| .player-tab {
| |
| padding: 12px 16px !important;
| |
| font-size: 13px !important;
| |
| flex: 1 !important;
| |
| text-align: center !important;
| |
| }
| |
|
| |
| /* ----- R-BOX (КАРТКА ГРАВЦЯ) НА МОБІЛЬНИХ ----- */
| |
| .r-box {
| |
| position: static !important;
| |
| width: 100% !important;
| |
| max-width: none !important;
| |
| margin: 16px 0 !important;
| |
| padding: 0 !important;
| |
| background-color: #23232c !important;
| |
| border-radius: 12px !important;
| |
| overflow: hidden !important;
| |
| max-height: none !important;
| |
| }
| |
|
| |
| /* Навігація гравця - ховаємо на мобільних */
| |
| .r-box .player-nav {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Обгортка картинки */
| |
| .r-box .player-image-wrapper {
| |
| width: 100% !important;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| .r-box .player-image-wrapper figure,
| |
| .r-box .player-image-wrapper .mw-halign-none {
| |
| margin: 0 !important;
| |
| width: 100% !important;
| |
| }
| |
|
| |
| /* Картинка гравця - квадратна, на всю ширину */
| |
| .r-box .player-image-wrapper img,
| |
| .r-box .player-image-wrapper .mw-file-element {
| |
| width: 100% !important;
| |
| height: auto !important;
| |
| aspect-ratio: 1 / 1 !important;
| |
| object-fit: cover !important;
| |
| display: block !important;
| |
| }
| |
|
| |
| /* Таблиця статистики - БЕЗ display:flex! */
| |
| .r-box > table {
| |
| width: 100% !important;
| |
| padding: 0 !important;
| |
| margin: 0 !important;
| |
| font-size: 14px !important;
| |
| border-collapse: collapse !important;
| |
| }
| |
|
| |
| .r-box > table tr {
| |
| display: table-row !important; /* Важливо! Не flex */
| |
| }
| |
|
| |
| .r-box > table th,
| |
| .r-box > table td {
| |
| padding: 12px 16px !important;
| |
| border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
| |
| display: table-cell !important;
| |
| }
| |
|
| |
| .r-box > table tr:last-child th,
| |
| .r-box > table tr:last-child td {
| |
| border-bottom: none !important;
| |
| }
| |
|
| |
| /* Profile links */
| |
| .r-box .profile-links {
| |
| padding: 16px !important;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| /* ----- ЗАГОЛОВОК СТОРІНКИ ----- */
| |
| .page-heading {
| |
| margin-bottom: 8px !important;
| |
| }
| |
|
| |
| .page-heading h1 {
| |
| font-size: 24px !important;
| |
| margin-bottom: 0 !important;
| |
| }
| |
|
| |
| /* ----- СЕКЦІЇ ----- */
| |
| .content .mw-parser-output > h2,
| |
| .content .section-heading {
| |
| font-size: 18px !important;
| |
| padding-top: 20px !important;
| |
| padding-bottom: 8px !important;
| |
| }
| |
|
| |
| /* ----- ТАБЛИЦІ НА МОБІЛЬНИХ ----- */
| |
| .wikitable {
| |
| font-size: 12px !important;
| |
| }
| |
|
| |
| .wikitable th,
| |
| .wikitable td {
| |
| padding: 8px 6px !important;
| |
| }
| |
| }
| |
|
| |
| /* Ще менші екрани */
| |
| @media (max-width: 480px) {
| |
| .minerva-header .branding-box a span {
| |
| display: none !important;
| |
| }
| |
|
| |
| .minerva-header .branding-box {
| |
| flex-shrink: 0 !important;
| |
| }
| |
|
| |
| .player-tab {
| |
| padding: 10px 8px !important;
| |
| font-size: 12px !important;
| |
| }
| |
|
| |
| .r-box > table {
| |
| font-size: 13px !important;
| |
| }
| |
|
| |
| .r-box > table th,
| |
| .r-box > table td {
| |
| padding: 10px 12px !important;
| |
| } | | } |
| } | | } |