MediaWiki:Common.css: Difference between revisions

Revision as of 05:35, 14 March 2026

.guide-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin:20px 0 30px 0;
}

.guide-card{
  background:#0b0b0f;
  border:1px solid #2a2a2a;
  border-radius:12px;
  padding:12px;
  text-align:center;
  transition:all .2s ease;
  overflow:hidden;
}

.guide-card:hover{
  transform:translateY(-4px);
  border-color:#c89b3c;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}

.guide-card img{
  display:block;
  width:100%;
  border-radius:8px;
  margin:0 auto 10px auto;
}

.event-card img{
  height:260px;
  object-fit:cover;
  object-position:center;
}

.class-card img{
  height:340px;
  object-fit:contain;
  object-position:center;
  background:#000;
}

.guide-card a{
  color:#f2f2f2 !important;
  font-weight:700;
  text-decoration:none;
}

.guide-card a:hover{
  color:#d4af37 !important;
  text-decoration:none;
}

@media (max-width: 1200px){
  .guide-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media (max-width: 900px){
  .guide-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width: 600px){
  .guide-grid{
    grid-template-columns:1fr;
  }
}

/* ===== BOSS / TAG BUTTONS ===== */

.tag-grid{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:10px 0 25px 0;
}

.tag-btn{
display:inline-block;
background:linear-gradient(180deg,#d45a3a,#8f2e1d);
color:#fff !important;
font-weight:600;
padding:8px 18px;
border-radius:4px;
transform:skewX(-18deg);
text-decoration:none !important;
box-shadow:0 4px 10px rgba(0,0,0,.35);
transition:.2s;
}

.tag-btn span{
display:block;
transform:skewX(18deg);
}

.tag-btn:hover{
background:linear-gradient(180deg,#e96b49,#a33623);
transform:skewX(-18deg) translateY(-2px);
}