themes/default/less/thumbnails.less

   1 // THUMBNAILS
   2 // ----------
   3
   4 .thumbnails {
   5   margin-left: -@gridGutterWidth;
   6   list-style: none;
   7   .clearfix();
   8 }
   9
  10 .thumbnail {
  11   display: block;
  12   padding: 0;
  13   line-height: 1;
  14   .border-radius(4px);
  15   @shadow: 0 2px 1px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);
  16   .box-shadow(@shadow);
  17   overflow: hidden;
  18 }
  19 // Add a hover state for linked versions only
  20 a.thumbnail:hover {
  21   border-color: @linkColor;
  22   .box-shadow(0 1px 4px rgba(0,105,214,.25));
  23 }
  24 // Images and captions
  25 .thumbnail > img {
  26   display: block;
  27   max-width: 100%;
  28   margin-left: auto;
  29   margin-right: auto;
  30 }
  31 .thumbnail .caption {
  32   padding: 9px;
  33 }