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

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

Версія за 00:18, 22 квітня 2024

247 байтів додано , 22 квітня 2024

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

Admin

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

3415

редагувань

@@ Рядок 311: / Рядок 311: @@
 .flex__block {
+    display: -moz-flex;
+    display: -ms-flex;
+    display: -o-flex;
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
      display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    -webkit-justify-content: space-between;
      justify-content: space-between;
-     align-items: center;
+     align-items: center
-    flex-wrap: wrap;  /* Ensures that blocks can wrap on smaller screens */
 }
 .home__blocks {
-    display: flex;
-    flex-wrap: wrap;
      gap: 10px;
-     align-items: stretch;
+     align-items: stretch
-    width: 100%;  /* Ensures full width */
 }
 .home__block {
      align-items: stretch;
-     width: 33.3333%;  /* 3 columns layout on desktop */
+     width: 33.3333%;
-     flex-direction: column;
+     flex-direction: column
-    box-sizing: border-box;  /* Includes padding and border in the element's total width and height */
 }
@@ Рядок 353: / Рядок 358: @@
      width: 48px;
      height: 48px;
+    display: inline-block;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
+}
+.home__block-icon-1 {
+    background-image: url(https://mafiacc.site/images/a/aa/Foty.png)
+}
+.home__block-icon-2 {
+    background-image: url(https://mafiacc.site/images/0/03/Champions.png)
+}
+.home__block-icon-3 {
+    background-image: url(https://mafiacc.site/images/d/d3/Tournaments.png)
 }
@@ Рядок 361: / Рядок 379: @@
      flex-grow: 1;
      flex-direction: column;
-     align-items: stretch;
+     align-items: stretch
 }
@@ Рядок 371: / Рядок 389: @@
 }
-/* Media Query for Mobile Devices */
+.home__block-content-title {
-@media (max-width: 768px) {
+line-height: 1;
-    .home__block {
-        width: 100%;  /* Full width for mobile */
-        margin-bottom: 20px;  /* Space between blocks */
-    }
 }
-/* Additional responsive adjustments might be necessary depending on content */
+.home__block-content-inner pre {
+font-family: 'Helvetica'!important;
+padding: 0!important;
+display: block!important;
+}
+.home__block-content-title  .content p {
+margin: 0!important;
+}