galleria.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .ui-galleria {
  2. overflow: hidden;
  3. visibility: hidden;
  4. position: relative;
  5. }
  6. .ui-galleria .ui-galleria-panel-wrapper {
  7. position: relative;
  8. padding: 0;
  9. margin: 0;
  10. }
  11. .ui-galleria .ui-galleria-panel {
  12. filter: inherit;
  13. position: absolute;
  14. top: 0;
  15. left: 0;
  16. list-style-type: none;
  17. }
  18. .ui-galleria .ui-galleria-filmstrip-wrapper {
  19. overflow: hidden;
  20. margin: .25em auto;
  21. position: relative;
  22. }
  23. .ui-galleria .ui-galleria-filmstrip {
  24. list-style: none outside none;
  25. margin: 0;
  26. padding: 0;
  27. width: 2340px;
  28. position: absolute;
  29. top: 0;
  30. left: 0;
  31. }
  32. .ui-galleria .ui-galleria-frame {
  33. float:left;
  34. margin-right: 5px;
  35. opacity: 0.3;
  36. cursor: pointer;
  37. }
  38. .ui-galleria .ui-galleria-frame-active {
  39. opacity: 1;
  40. }
  41. .ui-galleria .ui-galleria-frame-content {
  42. overflow: hidden;
  43. }
  44. .ui-galleria .ui-galleria-nav-next, .ui-galleria .ui-galleria-nav-prev {
  45. cursor: pointer;
  46. position: absolute;
  47. z-index: 1;
  48. }
  49. .ui-galleria .ui-galleria-nav-prev {
  50. left: 4px;
  51. }
  52. .ui-galleria .ui-galleria-nav-next {
  53. right: 4px;
  54. }
  55. .ui-galleria .ui-galleria-caption {
  56. position: absolute;
  57. left:1px;
  58. background-color: rgba(0,0,0,0.5);
  59. display: none;
  60. color: #ededed;
  61. padding: 0.2em 1em;
  62. }
  63. .ui-galleria .ui-galleria-caption h4 {
  64. color: #ededed;
  65. }
  66. .ui-galleria .ui-galleria-panel-content {
  67. padding: 1em 1.4em;
  68. }