You are here

galleria.css in Galleria 6

.item-list .galleria {
  list-style:none;
}

.item-list .galleria li {
  display:block;
  width:80px;
  height:80px;
  overflow:hidden;
  float:left;
  margin:0 10px 10px 0;
  background: none;
}

.item-list .galleria li a {
  display:none;
}

.item-list .galleria li div {
  position:absolute;
  display:none;
  top:0;
  left:180px;
}

.item-list .galleria li div img {
  cursor:pointer;
}

.item-list .galleria li.active div img,
.item-list .galleria li.active div {
  display:block;
}

.item-list .galleria li img.thumb {
  cursor:pointer;
  top:auto;
  left:auto;
  display:block;
  width:auto;
  height:auto;
}

.item-list .galleria li .caption {
  display:block;
  padding-top:.5em;
}

* html .item-list .galleria li div span { width:400px } /* MSIE bug */

.galleria-nav {
  clear: both;
  display: none;
}

File

inc/galleria.css
View source
  1. .item-list .galleria {
  2. list-style:none;
  3. }
  4. .item-list .galleria li {
  5. display:block;
  6. width:80px;
  7. height:80px;
  8. overflow:hidden;
  9. float:left;
  10. margin:0 10px 10px 0;
  11. background: none;
  12. }
  13. .item-list .galleria li a {
  14. display:none;
  15. }
  16. .item-list .galleria li div {
  17. position:absolute;
  18. display:none;
  19. top:0;
  20. left:180px;
  21. }
  22. .item-list .galleria li div img {
  23. cursor:pointer;
  24. }
  25. .item-list .galleria li.active div img,
  26. .item-list .galleria li.active div {
  27. display:block;
  28. }
  29. .item-list .galleria li img.thumb {
  30. cursor:pointer;
  31. top:auto;
  32. left:auto;
  33. display:block;
  34. width:auto;
  35. height:auto;
  36. }
  37. .item-list .galleria li .caption {
  38. display:block;
  39. padding-top:.5em;
  40. }
  41. * html .item-list .galleria li div span { width:400px } /* MSIE bug */
  42. .galleria-nav {
  43. clear: both;
  44. display: none;
  45. }