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

MediaWiki:Common.css (переглянути вихідний код)

Версія за 15:06, 21 квітня 2024

400 байтів вилучено , 21 квітня 2024

нема опису редагування

Admin

Бюрократи, Адміністратори інтерфейсу, Адміністратори

3415

редагувань

@@ Рядок 310: / Рядок 310: @@
 }
-/* Three-column layout for the main page */
+/* Basic three-column layout */
 .main-page-column {
-    box-sizing: border-box;
+     width: 32%;  /* Adjust width to account for margin */
-     width: calc(33.333% - 10px); /* Adjusts for margin */
+     height: 160px;
-     margin: 0 15px 15px 0; /* Right and bottom margin */
      float: left;
-     border-radius: 8px;
+     margin: 0 1.5% 20px 0; /* Provide some margin */
-    height: 160px;
+     background-color: #f0f0f0; /* Background to visualize the columns */
-    text-align: center; /* Centering text inside the box */
+     text-align: center;
-     background-color: #18151F; /* Light background, you can change it */
-     border: 6px solid #222127; /* 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 */
+/* Clearfix */
-.main-page-column:nth-child(3n) {
+.main-page-row:after {
-     margin-right: 0;
+     content: "";
+    display: table;
+    clear: both;
 }
-/* Responsive adjustments for mobile view */
+/* Responsive - stack columns on small screens */
-@media (max-width: 760px) {
+@media (max-width: 700px) {
      .main-page-column {
-         width: 100%; /* Full width on small screens */
+         width: 100%;
-         margin-right: 0; /* Remove right margin on mobile */
+         margin: 0 0 20px 0;
      }
 }