مدیاویکی:Mobile.css: تفاوت میان نسخه‌ها

مدیاویکی:Mobile.css (نمایش مبدأ)

۳۸۸ بایت اضافه‌شده ، ‏۶ ژوئیهٔ ۲۰۲۱

بدون خلاصۀ ویرایش

۸٬۱۵۸

ویرایش

@@ خط ۲۸: / خط ۲۸: @@
 	display: none;
 }
-/* درگاه کرونا */
+/* portals */
-.corona-portal {
+.portal-column-1-2 {
-     background-image: url('/images/c/cd/کرونا.jpg');
+     float: right;
-     background-repeat: no-repeat;
+	width: calc(50% - 8px);
-     background-size: 100%;
+}
-    background-position-y: center;
+.portal-column-right-wide {
+    float: right;
+     width: 60%;
+}
+.portal-column-left-narrow {
+    float: left;
+     width: calc(40% - 16px);
+}
+.portal-column-1-4 {
+    float: right;
+	width: calc(25% - 16px);
 }
-.mainpage-portals a {
+.portal-column-3-4 {
-	color: white;
+    float: right;
+	width: 75%;
+	margin-left: 16px;
 }
-/* portals */
+.portal-column-1-3 {
+	float: right;
+	width: calc(33% - 16px);
+}
+.portal-column-2-3 {
+    float: right;
+    width: 67%;
+    margin-left: 16px;
+}
+@media only screen and (max-width: 800px) {
+    /* Decouple the columns on narrow screens */
 .portal-column-1-2,
 .portal-column-right-wide,
@@ خط ۴۵: / خط ۶۷: @@
 .portal-column-1-3,
 .portal-column-2-3 {
-	float: inherit;
+        float: inherit;
-	width: 100%;
+        width: 100%;
-	margin: 0;
+        margin: 0;
-	display: block !important;
+        display: block !important;
-}
+    }
-.portal-column-1-4 {
+    .portal-column-1-4 {
-	width: calc(50% - 16px);
+		width: calc(50% - 16px);
+    }
 }
 /* ثابت کردن منوی بالا */