3415
редагувань
MediaWiki:Common.css: відмінності між версіями
нема опису редагування
Admin (обговорення | внесок) Немає опису редагування |
Admin (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
| Рядок 308: | Рядок 308: | ||
.image-details.is-visible { | .image-details.is-visible { | ||
display: none!important; | display: none!important; | ||
} | |||
/* Three-column layout for the main page */ | |||
.main-page-column { | |||
box-sizing: border-box; | |||
width: calc(33.333% - 10px); /* Adjusts for margin */ | |||
margin: 0 15px 15px 0; /* Right and bottom margin */ | |||
float: left; | |||
height: 160px; | |||
text-align: center; /* Centering text inside the box */ | |||
background-color: #f8f9fa; /* Light background, you can change it */ | |||
border: 1px solid #ccc; /* Adds a border, optional */ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; /* Aligns content vertically */ | |||
align-items: center; /* Aligns content horizontally */ | |||
} | |||
/* Handles the last item's margin issue */ | |||
.main-page-column:nth-child(3n) { | |||
margin-right: 0; | |||
} | |||
/* Responsive adjustments for mobile view */ | |||
@media (max-width: 760px) { | |||
.main-page-column { | |||
width: 100%; /* Full width on small screens */ | |||
margin-right: 0; /* Remove right margin on mobile */ | |||
} | |||
} | } | ||