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

нема опису редагування
Немає опису редагування
Мітка: Скасовано
Немає опису редагування
Мітка: Ручний відкіт
Рядок 310: Рядок 310:
}
}


/* Main Page Columns Layout */
.main-page-column {
.main-page-column {
     display: inline-block;
     display: inline-block;
     vertical-align: top;
     vertical-align: top;
     width: calc(33.333% - 20px); /* Subtract 10px for margins on both sides */
     width: calc(33.333% - 20px); /* Subtracting total horizontal padding/margin */
     margin: 0 10px; /* Margin for spacing between columns */
     margin-right: 15px;
     height: 180px;
    box-sizing: border-box;
     height: 160px;
     text-align: center;
     text-align: center;
    box-sizing: border-box;
     background-color: #f8f9fa; /* Light grey background, change as needed */
    align-items: center;
     border: 1px solid #ccc; /* Light grey border, change as needed */
    justify-content: center;
     padding: 10px; /* Padding inside the boxes */
     background-color: #f8f9fa;
}
     border: 1px solid #ccc;
 
     padding: 10px;
.main-page-column:last-child {
    margin-right: 0; /* Remove margin for the last column to fit perfectly */
}
}


/* Responsive behavior for smaller screens */
@media (max-width: 760px) {
@media (max-width: 760px) {
     .main-page-column {
     .main-page-column {
         width: 100%; /* full width on small screens */
         width: 100%; /* Full width on smaller screens */
         margin: 10px 0; /* Adjust margin for vertical stacking */
         margin-right: 0;
        margin-bottom: 15px; /* Add space between stacked columns on mobile */
     }
     }
}
}