2 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
3 /* Don't forget to update gallery.print.css */
6 display: -moz-inline-box
;
26 word-wrap: break-word
;
29 li
.gallerybox div
.thumb
{
34 li
.gallerybox div
.thumb img
{
43 word-wrap: break-word
;
50 .galleryfilename-truncate {
53 text-overflow: ellipsis
;
56 /* new gallery stuff */
57 ul
.mw-gallery-nolines li
.gallerybox div
.thumb
{
58 background-color: transparent
;
62 ul
.mw-gallery-nolines li
.gallerybox div
.gallerytext
{
66 /* height constrained gallery */
68 ul
.mw-gallery-packed li
.gallerybox div
.thumb
,
69 ul
.mw-gallery-packed-overlay li
.gallerybox div
.thumb
,
70 ul
.mw-gallery-packed-hover li
.gallerybox div
.thumb
{
71 background-color: transparent
;
75 ul
.mw-gallery-packed li
.gallerybox div
.thumb img
,
76 ul
.mw-gallery-packed-overlay li
.gallerybox div
.thumb img
,
77 ul
.mw-gallery-packed-hover li
.gallerybox div
.thumb img
{
81 ul
.mw-gallery-packed-hover li
.gallerybox
,
82 ul
.mw-gallery-packed-overlay li
.gallerybox
{
86 ul
.mw-gallery-packed-hover div
.gallerytextwrapper
{
91 ul
.mw-gallery-packed-hover li
.gallerybox:hover div
.gallerytextwrapper
,
92 ul
.mw-gallery-packed-overlay li
.gallerybox div
.gallerytextwrapper
,
93 ul
.mw-gallery-packed-hover li
.gallerybox
.mw-gallery-focused div
.gallerytextwrapper
{
96 background: rgba
( 255, 255, 255, 0.8 );
99 left: 0; /* Needed for IE */
104 margin: 2px; /* correspond to style on div.thumb */
107 ul
.mw-gallery-packed-hover li
.gallerybox:hover div
.gallerytextwrapper p
,
108 ul
.mw-gallery-packed-overlay li
.gallerybox div
.gallerytextwrapper p
,
109 ul
.mw-gallery-packed-hover li
.gallerybox
.mw-gallery-focused div
.gallerytextwrapper p
{
110 text-overflow: ellipsis
;
115 ul
.mw-gallery-packed-hover li
.gallerybox div
.gallerytextwrapper:hover
,
116 ul
.mw-gallery-packed-overlay li
.gallerybox div
.gallerytextwrapper:hover
,
117 ul
.mw-gallery-packed-hover li
.gallerybox
.mw-gallery-focused div
.gallerytextwrapper:hover
{
122 ul
.mw-gallery-packed-hover li
.gallerybox div
.gallerytextwrapper:hover p
,
123 ul
.mw-gallery-packed-overlay li
.gallerybox div
.gallerytextwrapper:hover p
,
124 ul
.mw-gallery-packed-hover li
.gallerybox
.mw-gallery-focused div
.gallerytextwrapper:hover p
{
130 ul
.mw-gallery-packed-hover
,
131 ul
.mw-gallery-packed-overlay
,
132 ul
.mw-gallery-packed
{
137 ul
.gallery
.mw-gallery-slideshow
{
142 ul
.gallery
.mw-gallery-slideshow
.gallerycaption
{
147 ul
.gallery
.mw-gallery-slideshow
.gallerycarousel
.mw-gallery-slideshow-thumbnails-toggled
{
148 margin-bottom: 1.3em;
151 ul
.gallery
.mw-gallery-slideshow
.mw-gallery-slideshow-buttons
{
156 ul
.gallery
.mw-gallery-slideshow
.mw-gallery-slideshow-buttons
.oo-ui-buttonElement
{
160 .mw-gallery-slideshow li.gallerybox.slideshow-current {
164 .mw-gallery-slideshow .gallerybox > div {
168 ul
.mw-gallery-slideshow li
.gallerybox div
.thumb
{
170 background: transparent
;
173 ul
.mw-gallery-slideshow li
.gallerycarousel
{
178 .mw-gallery-slideshow-img-container a {
183 /* Background and border colors are defined separately for print mode */
184 li
.gallerybox div
.thumb
{
185 border: 1px solid
#c8ccd1;
186 background-color: #f8f9fa;