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

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

@@ خط ۱: / خط ۱: @@
+* {
+    box-sizing: border-box;
+}
 /* Vazir Font */
 @font-face {
@@ خط ۱۵: / خط ۱۸: @@
 }
 #wikitext-editor {
-     font-family: tahoma
+     font-family: monospace
 }
 /* to prevent double welcome! */
 .page-Main_Page #section_0 {
@@ خط ۳۳: / خط ۳۵: @@
 #content .vertical-navbox,
 #content .navbox {
-     display: none;
+     dis play: none;
 }
@@ خط ۸۴: / خط ۸۶: @@
      font-variant: small-caps;
 }
+.navbox-group, .navbox-title, .navbox-abovebelow {
+  padding: 5px;
+}
 /* Navbar styling when nested in infobox and navbox */
 .infobox .navbar {
      font-size: 100%;
+    border: 1px solid #a2a9b1;
 }
 .navbox .navbar {
@@ خط ۱۰۲: / خط ۱۰۷: @@
      width: 6em;
 }
+.infobox {
+	width: 100%;
+}
+.navbar {
+	width: 100%;
+}
 /* Style for horizontal lists (separator following item).
     @source mediawiki.org/wiki/Snippets/Horizontal_lists
@@ خط ۳۶۶: / خط ۳۷۶: @@
 /* طراحی صفحه اول */
+.page-Main_Page.is-authenticated .pre-content{
+    display:none
+}
 .mainpage-top {
-     background-image: url('http://wikihaj.com/images/2/23/Pilgrims-flock-to-Mecca-each-year-for-Hajj-cropped.jpg');
+     background-image: url('/images/9/9e/Kaba_new.jpg');
-     background-attachment: fixed;
+     background-attachment: initial;
      background-repeat: no-repeat;
-     background-size: 85%;
+     background-size: cover;
-     /*    background-position: 0 100%; */
+     background-position: 20% center;
 }
@@ خط ۳۸۷: / خط ۴۰۱: @@
 #mainpage-search {
      text-align: right
+}
+.mainpage-box {
+	margin-top: 15px;
+}
+/* tables */
+caption {
+     text-align: center !important
+}
+.content table {
+    max-width: 100%;
+}
+/* navboxes */
+.content ol li, .content ul li {
+    margin-bottom: 0px;
+}
+.hlist > ul li, .hlist > dl li, ul.hlist li {
+    margin-left: initial;
+    margin-right: 8px;
+}
+table {
+	display: table !important;
+}
+.content table caption {
+    display: table-caption;
+}
+.thumbinner {
+    width: unset !important
+}
+.multipageimage td:nth-child(2) {
+	max-width: 25%;
+}
+.fullMedia .internal {
+	color: #fff;
+	background-color: #36c;
+	border-color: #36c;
+	line-height: 1.28571429em;
+	padding-top: 6px;
+	padding-bottom: 6px;
+	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
+	padding-right: 12px;
+	padding-left: 12px;
+	min-height: 2.28571429em;
+}
+.content {
+	overflow: hidden;
+}
+.filehistory-selected {
+	white-space: normal !important;
+}
+.filehistory span {
+	white-space: normal !important;
+}
+/* gallery */
+ul.gallery.mw-gallery-slideshow {
+	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;
+	margin: 0 auto;
+}
+.gallery img {
+	width: 70%;
+}
+.gallerytext {
+	margin-bottom: 10px !important;
+}
+*/
+@media (max-width: 720px) {
+	.gallery .gallerybox {
+		width: auto !important;
+		margin: 10px;
+	}
+}
+/* justify */
+p {
+text-align: justify
+}
+/* maps */
+.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
+  left: 0;
+  right: auto;
+}
+.infobox .maps-map {
+margin: auto
+}
+/* reflist */
+.reflist, .mw-references-columns {
+column-width: unset !important;
+}
+/* comment */
+.cs-comments, .cs-title-edit-field, .cs-body-edit-field {
+  font-family: vazir !important;
+}
+.cs-title-edit-field {
+min-width: unset !important;
+background-color: white;
+}
+.cs-body-edit-field {
+width: 98% !important;
+padding: 5px 1% !important;
+}
+.cs-edit-box {
+margin-top: 10px;
+}
+.cs-header .oo-ui-buttonElement-button[tabindex="0"] {
+	position: fixed;
+	bottom: 1em;
+	left: 1em;
+}
+.cs-header .oo-ui-buttonElement-button[title="لغو"], .cs-header .oo-ui-buttonElement-button[title="ثبت"] {
+	position: relative;
+	bottom: unset;
+	left: unset;
+}
+/* quotebox */
+.quotebox {
+	width: 100% !important;
+}
+/* photos */
+@media all and (max-width:720px) {
+ .content .thumb .thumbinner {
+ 	text-align: center;
+ 	display: block;
+ }
 }