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

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

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

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

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

Admin

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

3415

редагувань

@@ Рядок 310: / Рядок 310: @@
 }
-/* Main Page Columns Layout */
+/* Базові стилі для колонок */
-.main-page-column {
+.column {
-     display: flex;
+     float: left;
-    flex-direction: column;
+     width: 33%;
-    justify-content: center;  /* Centers content vertically in the box */
+     padding: 10px;
-    align-items: center;  /* Centers content horizontally in the box */
-     width: calc(33.333% - 20px);  /* Accounts for margin on the right */
-     margin-right: 15px;
      box-sizing: border-box;
-    height: 160px;
-    background-color: #f8f9fa;  /* Light grey background, change if needed */
-    border: 1px solid #ccc;  /* Light grey border, change if needed */
-    padding: 10px;  /* Padding inside the boxes */
 }
-.main-page-column:last-child {
+/* Мобільний режим */
-     margin-right: 0;  /* No margin on the right for the last column */
+@media (max-width: 768px) {
+     .column {
+        width: 100%;
+        margin-top: 10px;
+        float: none;
+    }
+}
+/* Відступи та стилі для тексту */
+.column h2 {
+    margin-left: 20px;
+    margin-top: 20px;
+    font-size: 15px;
 }
-/* Responsive behavior for smaller screens */
+.column a {
-@media (max-width: 760px) {
+    display: block;
-    .main-page-column {
+    margin-left: 20px;
-        width: 100%;  /* Full width on smaller screens */
+    font-size: 14px;
-        margin-right: 0;
+    color: blue; /* Приклад кольору посилання */
-        margin-bottom: 15px;  /* Space between stacked columns on mobile */
-    }
 }