Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 705: Line 705:
     flex: 1 1 32%;
     flex: 1 1 32%;
     padding: 1em;
     padding: 1em;
    order: -1;
}
}


.mainpage-wrapper .link-grid {
.mainpage-wrapper .link-grid {
    display: flex;
display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 1em;
     gap: 1em;
    justify-content: flex-start;
     flex: 1 1 65%;
     flex: 1 1 65%;
     padding: 1em;
     padding: 1em;
    order: 1;
}
}


.mainpage-wrapper .link-tile {
.mainpage-wrapper .link-tile {
  flex: 0 0 auto;              /* Prevent flex resizing */
width: 200px;
  width: 120px;               /* Fixed width */
    height: 200px;
  height: 120px;               /* Fixed height to match width */
    display: flex;
  display: flex;
    align-items: center;
  align-items: center;
    justify-content: center;
  justify-content: center;
    text-align: center;
  text-align: center;
    background-color: var(--color-surface-2);
  padding: 1em;
    border: var(--border-width-base) solid var(--border-color-base);
  box-sizing: border-box;
  color: var(--color-emphasized);
  background-color: var(--color-surface-2);
  border: var(--border-width-base) solid var(--border-color-base);
}
}


/* === Mobile responsiveness === */
/* === Mobile responsiveness === */
@media (max-width: 1000px) {
@media (max-width: 1200px) {
   .mainpage-wrapper .info-row {
   .mainpage-wrapper .info-row {
     flex-direction: column;
     flex-direction: column;