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

→ تفاوت با ویرایش قدیمی‌تر

@@ خط ۱: / خط ۱: @@
+* {
+    box-sizing: border-box;
+}
 /* Vazir Font */
 @font-face {
@@ خط ۳۷۸: / خط ۳۸۱: @@
 .mainpage-top {
-     background-image: url('/images/2/23/Pilgrims-flock-to-Mecca-each-year-for-Hajj-cropped.jpg');
+     background-image: url('/images/9/9e/Kaba_new.jpg');
      background-attachment: initial;
      background-repeat: no-repeat;
@@ خط ۳۹۹: / خط ۴۰۲: @@
      text-align: right
 }
+.mainpage-box {
+	margin-top: 15px;
+}
 /* tables */
 caption {
@@ خط ۴۵۰: / خط ۴۵۵: @@
 }
 /* gallery */
-.ul.gallery.mw-gallery-slideshow {
+ul.gallery.mw-gallery-slideshow {
-margin: 0;
+	text-align: center;
+	margin: auto;
+}
+.gallery .thumb div {
+	margin: auto !important;
+}
+ul.gallery {
+	padding: 0;
+}
+/*
+ul.gallery.mw-gallery-slideshow .gallerybox > div {
+  margin: auto;
 }
 .gallerybox div {
-text-align: center;
+	text-align: center;
-margin: 0 auto;
+	margin: 0 auto;
 }
-li.gallerybox {
+.gallery img {
-display: none
+	width: 70%;
 }
-li.gallerybox:first-child {
+.gallerytext {
-display: block
+	margin-bottom: 10px !important;
 }
+*/
+@media (max-width: 720px) {
+	.gallery .gallerybox {
+		width: auto !important;
+		margin: 10px;
+	}
+}
+/* justify */
 p {
 text-align: justify
@@ خط ۵۰۲: / خط ۵۲۶: @@
 	bottom: unset;
 	left: unset;
+}
+/* quotebox */
+.quotebox {
+	width: 100% !important;
+}
+/* photos */
+@media all and (max-width:720px) {
+ .content .thumb .thumbinner {
+ 	text-align: center;
+ 	display: block;
+ }
 }