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

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


/* Setup for the main page columns */
.main-page-column {
.main-page-column {
     float: left;
     display: inline-block;
     width: calc(33.333% - 10px); /* accounts for margin */
    vertical-align: top;
     margin-right: 15px; /* space between columns */
     width: calc(33.333% - 10px); /* Adjust width for margins */
     margin-right: 15px; /* Right margin between columns */
     height: 160px;
     height: 160px;
     text-align: center;
     text-align: center;
     box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px;
     padding: 10px;
     background-color: #f8f9fa; /* Light gray background */
     background-color: #f8f9fa;
     border: 1px solid #ccc; /* Gray border */
     border: 1px solid #ccc;
}
}


.main-page-column:last-child {
.main-page-column:last-child {
     margin-right: 0; /* removes margin on the last column */
     margin-right: 0;
}
}


@media (max-width: 760px) {
@media (max-width: 760px) {
     .main-page-column {
     .main-page-column {
        float: none;
         width: 100%;
         width: 100%; /* full width on small screens */
         margin-right: 0;
         margin-right: 0;
         margin-bottom: 15px; /* space between stacked columns */
         margin-bottom: 15px;
    }
    .main-page-column:last-child {
        margin-bottom: 0;
     }
     }
}
}


/* Styling for the images and links to ensure alignment and spacing */
.main-page-column img {
.main-page-column img {
     margin-bottom: 10px; /* space between the icon and text */
     margin-bottom: 10px; /* Space between image and text */
}
}


.main-page-column a {
.main-page-column a {
     text-decoration: none; /* optional: removes underline from links */
     display: block;
     color: black; /* optional: sets text color */
    color: #000; /* Change color as needed */
     text-decoration: none; /* Optional: removes underline */
}
}