gallery.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .reveal ul.gallery {
  2. position: relative;
  3. list-style-type: none;
  4. margin: 0;
  5. padding: 0;
  6. width: 960px;
  7. height: 700px;
  8. }
  9. .reveal ul.gallery[data-mode=full-screen] {
  10. width: 100%;
  11. height: 100%;
  12. }
  13. .gallery li {
  14. display: block;
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. width: 960px;
  19. height: 700px;
  20. opacity: 0;
  21. -webkit-transition: opacity 0.3s ease-in-out;
  22. -moz-transition: opacity 0.3s ease-in-out;
  23. transition: opacity 0.3s ease-in-out;
  24. }
  25. .gallery[data-mode=full-screen] li {
  26. width: 100%;
  27. height: 100%;
  28. background-size: 100% 100%;
  29. background-attachment:fixed;
  30. background-position: center;
  31. -webkit-background-size: cover;
  32. -moz-background-size: cover;
  33. -o-background-size: cover;
  34. background-size: cover;
  35. }
  36. .gallery .active {
  37. opacity: 1;
  38. }
  39. .gallery .inactive {
  40. opacity: 0;
  41. }
  42. .gallery img {
  43. display: block;
  44. position: absolute;
  45. top: 0;
  46. left: 0;
  47. border: none !important;
  48. }
  49. .gallery label {
  50. display: block;
  51. position: absolute;
  52. bottom: 20px;
  53. min-width: 150px;
  54. left: 0;
  55. padding: 10px;
  56. background-color: rgba(0, 0, 0, 0.6);
  57. color: #fff;
  58. font-size: 24px;
  59. }