مدیاویکی:Mobile.css

* {
    box-sizing: border-box;
}
/* Vazir Font */
@font-face {
    font-family: 'Vazir';
    src: url('/fonts/Vazir.woff2') format('woff2'), url('/fonts/Vazir.woff') format('woff'), url('/fonts/Vazir.ttf') format('truetype');
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.mw-headline {
    font-family: Vazir !important;
}
#wikitext-editor {
    font-family: monospace
}
/* to prevent double welcome! */
.page-Main_Page #section_0 {
    display: none
}

/* Mobile template hacks (see bug 54176) */
.mobile-float-reset {
    float: none !important;
    width: 100% !important;
}

/* Temporary fix for bug 53437 - nav boxes can disrupt reading experience on smaller screens
TODO: Update template to have nomobile class */
#content .vertical-navbox,
#content .navbox {
    dis play: none;
}

/* Tablet specific styling */
@media all and (min-width: 768px) {
    #content .vertical-navbox, #content .navbox {
        display: inherit;
    }
}
#mw-mf-last-modified {
    display: none;
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
TODO: Move to Citation template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
@media screen,
handheld {
    .citation *.printonly {
        display: none;
    }
}

/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box
*/
.citation {
    word-wrap: break-word;
}

/* Default styling for Navbar template
TODO: Move to Navbar template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
    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 {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: right;
    /* @noflip */
    text-align: right;
    /* @noflip */
    margin-left: 0.5em;
    width: 6em;
}
.infobox {
	width: 100%;
}
.navbar {
	width: 100%;
}
/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 3.2 (2013-09-25)
   @author: [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}

/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}

/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}

/* Display nested lists inline and allow them to wrap */
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
    display: inline;
    white-space: normal;
}

/* Generate interpuncts */
#content .hlist dt:after {
    content: ":";
}
#content .hlist dd:after,
#content .hlist li:after {
    content: " ·";
    font-weight: bold;
}
#content .hlist dd:last-child:after,
#content .hlist dt:last-child:after,
#content .hlist li:last-child:after {
    content: none;
}

/* Add parentheses around nested lists */
#content .hlist dd dd:first-child:before,
#content .hlist dd dt:first-child:before,
#content .hlist dd li:first-child:before,
#content .hlist dt dd:first-child:before,
#content .hlist dt dt:first-child:before,
#content .hlist dt li:first-child:before,
#content .hlist li dd:first-child:before,
#content .hlist li dt:first-child:before,
#content .hlist li li:first-child:before {
    content: "(";
    font-weight: normal;
}
#content .hlist dd dd:last-child:after,
#content .hlist dd dt:last-child:after,
#content .hlist dd li:last-child:after,
#content .hlist dt dd:last-child:after,
#content .hlist dt dt:last-child:after,
#content .hlist dt li:last-child:after,
#content .hlist li dd:last-child:after,
#content .hlist li dt:last-child:after,
#content .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}

/* Put ordinals in front of ordered list items */
#content .hlist ol {
    counter-reset: list-item;
}
#content .hlist ol > li {
    counter-increment: list-item;
}
#content .hlist ol > li:before {
    content: counter(list-item) " ";
}
#content .hlist dd ol > li:first-child:before,
#content .hlist dt ol > li:first-child:before,
#content .hlist li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}

/* Unbulleted lists e.g. Barack Obama page */
.plainlist ul {
    list-style: none;
}

/* CODE FOR COMPACT AMBOX */

/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
    display: none;
}

/* Remove borders, backgrounds, padding, etc.
Please document here what pages use this
*/
.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background: transparent;
    margin: 0 1.6em 0 !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
.compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0;
}

/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
}

/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
    display: none;
}

/* Hatnotes and disambiguation notices
Please document here what pages use this
 */
.rellink,
.dablink {
    font-style: italic;
    margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
    font-style: normal;
}

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]]. */
.geo-default,
.geo-dms,
.geo-dec {
    display: inline;
}
.geo-nondefault,
.geo-multi-punct {
    display: none;
}
.longitude,
.latitude {
    white-space: nowrap;
}

/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
Please document here what pages use this
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}

/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
   [[MediaWiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.autoconfirmed-show {
    display: none;
}
#li-coordinates {
    background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/80px-Edge-firefox.png);
    float: right;
    display: none;
    -webkit-background-size: auto 30px;
    background-size: auto 30px;
}
.client-js .content_block.coordinates {
    display: none;
    text-align: right;
    margin-bottom: 0.5em;
    font-size: smaller;
}
.client-js .content_block.coordinates .latitude {
    display: none;
    padding-right: 20px;
    background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/50px-Edge-firefox.png);
    background-repeat: no-repeat;
    -webkit-background-size: auto 15px;
    background-size: auto 15px;
}

/* Until Geohack is mobile optimised and/or there is a nice alternative e.g. map namespace */
.alpha #li-coordinates {
    display: list-item;
}
.client-js .beta .content_block.coordinates {
    display: block;
}
.client-js .beta .content_block.coordinates .latitude {
    display: inline;
}
.topicon {
    display: none;
}

/* Remove this when mobile page creation goes out of beta */
.stub {
    display: none;
}

/* hide the second toc */
#toc {
    display: none
}

/* hide language link */
.mw-ui-icon-language-switcher {
    display: none !important
}

/* navbox */
.content table .navbox-inner {
    margin: 0;
}

/* طراحی صفحه اول */
.page-Main_Page.is-authenticated .pre-content{
    display:none
}

.mainpage-top {
    background-image: url('/images/9/9e/Kaba_new.jpg');
    background-attachment: initial;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 20% center;
}

/* سفید کردن لینک های بالای صفحه اول */
.mainpage-top a {
    color: white !important
}

/* حذف دکمه اضافه از جستجوی صفحه اول */
[name=go] {
    display: none
}

/* راست چین کردن جستجوی صفحه اول */
#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 {
	margin: 0 !important;
}
.gallerybox div {
	text-align: center;
	margin: 0 auto;
}
.gallery li {
	padding: 0;
}
ul.gallery.mw-gallery-slideshow .gallerybox > div {
  max-width: unset;
}
.gallery .thumb div {
	margin: auto;
}
.gallery img {
	width: 50%;
}
li.gallerybox {
display: block
}

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;
 }
}