MediaWiki:Common.css: відмінності між версіями

нема опису редагування
Немає опису редагування
Немає опису редагування
Рядок 477: Рядок 477:
.mcc-hero-card {
.mcc-hero-card {
   position: relative;
   position: relative;
   display: block;
   display: inline-block;
   width: 242px;
   width: 242px;
   max-width: 100%;
   max-width: 100%;
Рядок 483: Рядок 483:
   overflow: hidden;
   overflow: hidden;
   background: #1a1a2e;
   background: #1a1a2e;
   transition: transform 0.2s ease, box-shadow 0.2s ease;
   vertical-align: top;
}
 
.mcc-hero-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
 
.mcc-hero-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
}


.mcc-hero-card .hero-image-wiki,
.mcc-hero-card .hero-image-wiki,
.mcc-hero-card .hero-image-wiki img,
.mcc-hero-card .hero-image-wiki img,
.mcc-hero-card .mw-file-element {
.mcc-hero-card .mw-file-element,
.mcc-hero-card a.mw-file-description {
   display: block;
   display: block;
   width: 100%;
   width: 100%;
Рядок 518: Рядок 508:
   font-weight: 700;
   font-weight: 700;
   font-size: 1.1em;
   font-size: 1.1em;
}
.mcc-hero-nickname a {
  color: #fff;
  text-decoration: none;
}
.mcc-hero-nickname a:hover {
  text-decoration: underline;
}
.mcc-hero-role {
  color: #ffd700;
  font-size: 0.85em;
  font-weight: 600;
}
}


Рядок 525: Рядок 530:
}
}


/* Mobile responsive */
/* Чемпіон - золота рамка */
@media (max-width: 600px) {
.mcc-champion-card {
  .mcc-heroes-list {
   box-shadow: 0 0 0 2px #ffd700;
    justify-content: center;
  }
 
   .mcc-hero-card {
    width: calc(50vw - 24px);
    min-width: 140px;
  }
}
}