MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 424: Line 424:
   margin-top:10px;
   margin-top:10px;
}
}
@media (max-width: 900px){ .bc-linkgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px){ .bc-linkgrid{ grid-template-columns:1fr; } }


@media (max-width: 900px){
/* Tile wrapper */
  .bc-linkgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.bc-linktile{}
}
@media (max-width: 560px){
  .bc-linkgrid{ grid-template-columns:1fr; }
}


.bc-linktile{
/* The <a> that MediaWiki generates inside each tile */
.bc-linktile > a{
   display:flex;
   display:flex;
   gap:12px;
   gap:12px;
   align-items:flex-start;
   align-items:flex-start;
   padding:12px 12px;
   padding:12px;
   border-radius:14px;
   border-radius:14px;
   background:rgba(255,255,255,.85);
   background:rgba(255,255,255,.85);
   border:1px solid rgba(0,0,0,.08);
   border:1px solid rgba(0,0,0,.08);
   text-decoration:none !important;
   text-decoration:none !important;
   color:inherit;
   color:inherit !important;
   transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
   transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  min-height:84px;
}
/* Remove MediaWiki external-link icon and any default background */
.bc-linktile > a.external{
  background-image:none !important;
  padding-right:12px; /* prevents MW from reserving space */
}
}
.bc-linktile > a.external::after{ display:none !important; }


.bc-linktile:hover{
.bc-linktile > a:hover{
   transform:translateY(-1px);
   transform:translateY(-1px);
   box-shadow:0 10px 24px rgba(0,0,0,.10);
   box-shadow:0 10px 24px rgba(0,0,0,.10);