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         width: -moz-fit-content;
  21         width: -webkit-fit-content;
  22         width: fit-content;
  23 }
  24
  25 li.gallerycaption {
  26         font-weight: bold;
  27         text-align: center;
  28         display: block;
  29         word-wrap: break-word;
  30 }
  31
  32 li.gallerybox div.thumb {
  33         text-align: center;
  34         border: 1px solid #ccc;
  35         background-color: #f9f9f9;
  36         margin: 2px;
  37 }
  38
  39 li.gallerybox div.thumb img {
  40         display: block;
  41         margin: 0 auto;
  42 }
  43
  44 div.gallerytext {
  45         overflow: hidden;
  46         font-size: 94%;
  47         padding: 2px 4px;
  48         word-wrap: break-word;
  49 }
  50
  51 /* new gallery stuff */
  52 ul.mw-gallery-nolines li.gallerybox div.thumb {
  53         background-color: transparent;
  54         border: none;
  55 }
  56
  57 ul.mw-gallery-nolines li.gallerybox div.gallerytext {
  58         text-align: center;
  59 }
  60
  61 /* height constrained gallery */
  62
  63 ul.mw-gallery-packed li.gallerybox div.thumb,
  64 ul.mw-gallery-packed-overlay li.gallerybox div.thumb,
  65 ul.mw-gallery-packed-hover li.gallerybox div.thumb {
  66         background-color: transparent;
  67         border: none;
  68 }
  69
  70 ul.mw-gallery-packed li.gallerybox div.thumb img,
  71 ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,
  72 ul.mw-gallery-packed-hover li.gallerybox div.thumb img {
  73         margin: 0 auto;
  74 }
  75
  76 ul.mw-gallery-packed-hover li.gallerybox,
  77 ul.mw-gallery-packed-overlay li.gallerybox {
  78         position: relative;
  79 }
  80
  81 ul.mw-gallery-packed-hover div.gallerytextwrapper {
  82         overflow: hidden;
  83         height: 0;
  84 }
  85
  86 ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
  87 ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
  88 ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
  89         position: absolute;
  90         background: white;
  91         background: rgba(255, 255, 255, 0.8);
  92         padding: 5px 10px;
  93         bottom: 0;
  94         left: 0; /* Needed for IE */
  95         height: auto;
  96         font-weight: bold;
  97         margin: 2px; /* correspond to style on div.thumb */
  98 }
  99
 100 ul.mw-gallery-packed-hover,
 101 ul.mw-gallery-packed-overlay,
 102 ul.mw-gallery-packed {
 103         text-align: center;
 104 }