resources/src/mediawiki/page/gallery.css

   1 /* Galleries */
   2 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
   3 /* Don't forget to update gallery-print.css */
   4 li.gallerybox {
   5         vertical-align: top;
   6         display: -moz-inline-box;
   7         display: inline-block;
   8 }
   9
  10 ul.gallery,
  11 li.gallerybox {
  12         zoom: 1;
  13         *display: inline;
  14 }
  15
  16 ul.gallery {
  17         margin: 2px;
  18         padding: 2px;
  19         display: block;
  20 }
  21
  22 li.gallerycaption {
  23         font-weight: bold;
  24         text-align: center;
  25         display: block;
  26         word-wrap: break-word;
  27 }
  28
  29 li.gallerybox div.thumb {
  30         text-align: center;
  31         border: 1px solid #ccc;
  32         background-color: #f9f9f9;
  33         margin: 2px;
  34 }
  35
  36 li.gallerybox div.thumb img {
  37         display: block;
  38         margin: 0 auto;
  39 }
  40
  41 div.gallerytext {
  42         overflow: hidden;
  43         font-size: 94%;
  44         padding: 2px 4px;
  45         word-wrap: break-word;
  46 }
  47
  48 .galleryfilename {
  49         display: block;
  50 }
  51
  52 .galleryfilename-truncate {
  53         white-space: nowrap;
  54         overflow: hidden;
  55         text-overflow: ellipsis;
  56 }
  57
  58 /* new gallery stuff */
  59 ul.mw-gallery-nolines li.gallerybox div.thumb {
  60         background-color: transparent;
  61         border: none;
  62 }
  63
  64 ul.mw-gallery-nolines li.gallerybox div.gallerytext {
  65         text-align: center;
  66 }
  67
  68 /* height constrained gallery */
  69
  70 ul.mw-gallery-packed li.gallerybox div.thumb,
  71 ul.mw-gallery-packed-overlay li.gallerybox div.thumb,
  72 ul.mw-gallery-packed-hover li.gallerybox div.thumb {
  73         background-color: transparent;
  74         border: none;
  75 }
  76
  77 ul.mw-gallery-packed li.gallerybox div.thumb img,
  78 ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,
  79 ul.mw-gallery-packed-hover li.gallerybox div.thumb img {
  80         margin: 0 auto;
  81 }
  82
  83 ul.mw-gallery-packed-hover li.gallerybox,
  84 ul.mw-gallery-packed-overlay li.gallerybox {
  85         position: relative;
  86 }
  87
  88 ul.mw-gallery-packed-hover div.gallerytextwrapper {
  89         overflow: hidden;
  90         height: 0;
  91 }
  92
  93 ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
  94 ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
  95 ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
  96         position: absolute;
  97         background: #fff;
  98         background: rgba(255, 255, 255, 0.8);
  99         padding: 5px 10px;
 100         bottom: 0;
 101         left: 0; /* Needed for IE */
 102         height: auto;
 103         font-weight: bold;
 104         margin: 2px; /* correspond to style on div.thumb */
 105 }
 106
 107 ul.mw-gallery-packed-hover,
 108 ul.mw-gallery-packed-overlay,
 109 ul.mw-gallery-packed {
 110         text-align: center;
 111 }