مدیاویکی:Common.css: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش برچسبها: ویرایش همراه ویرایش از وبگاه همراه |
||
| خط ۲٬۱۰۶: | خط ۲٬۱۰۶: | ||
display: none; | display: none; | ||
} | } | ||
/* gallery */ | /* stylelint-disable selector-class-pattern */ | ||
/* Galleries */ | |||
/* Don't forget to update gallery.print.css */ | |||
ul.gallery { | |||
margin: 2px; | |||
padding: 2px; | |||
display: block; | |||
} | |||
li.gallerycaption { | |||
font-weight: bold; | |||
text-align: center; | |||
display: block; | |||
word-wrap: break-word; | |||
} | |||
li.gallerybox { | |||
vertical-align: top; | |||
display: inline-block; | |||
} | |||
li.gallerybox div.thumb { | |||
text-align: center; | |||
margin: 2px; | |||
} | |||
li.gallerybox div.thumb img { | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
div.gallerytext { | |||
overflow: hidden; | |||
font-size: 94%; | |||
padding: 2px 4px; | |||
word-wrap: break-word; | |||
} | |||
.galleryfilename { | |||
display: block; | |||
} | |||
.galleryfilename-truncate { | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
/* new gallery stuff */ | |||
ul.mw-gallery-nolines li.gallerybox div.thumb { | |||
background-color: transparent; | |||
border: 0; | |||
} | |||
ul.mw-gallery-nolines li.gallerybox div.gallerytext { | |||
text-align: center; | |||
} | |||
/* height constrained gallery */ | |||
ul.mw-gallery-packed, | |||
ul.mw-gallery-packed-overlay, | |||
ul.mw-gallery-packed-hover { | |||
text-align: center; | |||
} | |||
ul.mw-gallery-packed li.gallerybox div.thumb, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.thumb, | |||
ul.mw-gallery-packed-hover li.gallerybox div.thumb { | |||
background-color: transparent; | |||
border: 0; | |||
} | |||
ul.mw-gallery-packed li.gallerybox div.thumb img, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.thumb img, | |||
ul.mw-gallery-packed-hover li.gallerybox div.thumb img { | |||
margin: 0 auto; | |||
} | |||
ul.mw-gallery-packed-hover li.gallerybox, | |||
ul.mw-gallery-packed-overlay li.gallerybox { | |||
position: relative; | |||
} | |||
ul.mw-gallery-packed-hover div.gallerytextwrapper { | |||
overflow: hidden; | |||
height: 0; | |||
} | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, | |||
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { | |||
position: absolute; | |||
background: #fff; | |||
background: rgba(255, 255, 255, 0.8); | |||
padding: 5px 10px; | |||
bottom: 0; | |||
left: 0; | |||
/* Needed for IE */ | |||
height: auto; | |||
max-height: 40%; | |||
overflow: hidden; | |||
font-weight: bold; | |||
margin: 2px; | |||
/* correspond to style on div.thumb */ | |||
} | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p, | |||
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p { | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
} | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover, | |||
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover { | |||
overflow: visible; | |||
max-height: none; | |||
} | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover p, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover p, | |||
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover p { | |||
text-overflow: clip; | |||
white-space: normal; | |||
overflow: visible; | |||
} | |||
/* Slideshow */ | |||
ul.gallery.mw-gallery-slideshow { | ul.gallery.mw-gallery-slideshow { | ||
display: block; | |||
margin: 4em 0; | |||
/* `li` item */ | |||
} | |||
ul.gallery.mw-gallery-slideshow .gallerycaption { | |||
font-size: 1.3em; | |||
margin: 0; | margin: 0; | ||
} | } | ||
ul.gallery.mw-gallery-slideshow .gallerycarousel { | |||
display: block; | |||
text-align: center; | |||
} | |||
ul.gallery.mw-gallery-slideshow .gallerycarousel.mw-gallery-slideshow-thumbnails-toggled { | |||
margin-bottom: 1.3em; | |||
} | |||
ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons { | |||
opacity: 0.5; | |||
padding: 1.3em 0; | |||
white-space: nowrap; | |||
} | |||
ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement { | |||
margin: 0 2em; | |||
} | |||
ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:first-child { | |||
margin-left: 0; | |||
} | |||
ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:last-child { | |||
margin-right: 0; | |||
} | |||
ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current { | |||
background: #efefef; | |||
} | |||
ul.gallery.mw-gallery-slideshow .gallerybox > div { | |||
max-width: 120px; | |||
} | |||
ul.gallery.mw-gallery-slideshow .gallerybox div.thumb { | |||
border: 0; | |||
background: transparent; | |||
} | |||
.mw-gallery-slideshow-img-container a { | |||
display: block; | |||
} | |||
@media screen { | |||
/* Background and border colors are defined separately for print mode */ | |||
li.gallerybox div.thumb { | |||
border: 1px solid #c8ccd1; | |||
background-color: #f8f9fa; | |||
} | |||
}@media print { | |||
/* stylelint-disable selector-class-pattern */ | |||
li.gallerybox { | |||
vertical-align: top; | |||
display: inline-block; | |||
} | |||
li.gallerybox div.thumb { | |||
background-color: #fff; | |||
border: 1px solid #ccc; | |||
} | |||
ul.gallery { | |||
margin: 2px; | |||
padding: 2px; | |||
display: block; | |||
} | |||
li.gallerycaption { | |||
font-weight: bold; | |||
text-align: center; | |||
display: block; | |||
word-wrap: break-word; | |||
} | |||
div.gallerytext { | |||
overflow: visible; | |||
} | |||
ul.mw-gallery-packed-hover div.gallerytextwrapper { | |||
overflow: visible; | |||
height: auto; | |||
} | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, | |||
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { | |||
position: static; | |||
background: transparent; | |||
padding: 0; | |||
max-height: none; | |||
overflow: visible; | |||
font-weight: normal; | |||
margin: 0; | |||
/* correspond to style on div.thumb */ | |||
} | |||
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p, | |||
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p, | |||
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p { | |||
text-overflow: clip; | |||
white-space: normal; | |||
overflow: visible; | |||
}} | |||
/* mobile */ | /* mobile */ | ||
@media screen and (max-width: 720px) { | @media screen and (max-width: 720px) { | ||