You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
1.2 KiB

  1. /*
  2. * # Semantic Carousel
  3. * http://github.com/quirkyinc/semantic
  4. *
  5. *
  6. * Copyright 2013 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. * Released: June 03, 2013
  11. */
  12. /*******************************
  13. Carousel
  14. *******************************/
  15. .ui.carousel {
  16. position: relative;
  17. overflow: hidden;
  18. }
  19. .ui.carousel .arrow {
  20. position: absolute;
  21. font-size: 1.5em;
  22. top: 50%;
  23. left: 0%;
  24. margin-top: -0.5em;
  25. z-index: 10;
  26. }
  27. .ui.carousel .right.arrow {
  28. left: auto;
  29. right: 0%;
  30. }
  31. .ui.carousel .slides {
  32. position: relative;
  33. width: 200%;
  34. width: 9999px;
  35. overflow: hidden;
  36. font-size: 0em;
  37. }
  38. .ui.carousel .slides .slide {
  39. display: inline-block;
  40. height: 100%;
  41. font-size: 1rem;
  42. }
  43. .ui.carousel .slides .slide > img {
  44. display: block;
  45. width: 100%;
  46. }
  47. /*--------------------
  48. Loading State
  49. ---------------------*/
  50. /* On Form */
  51. .ui.carousel.loading {
  52. position: relative;
  53. }
  54. .ui.carousel.loading:after {
  55. position: absolute;
  56. top: 0%;
  57. left: 0%;
  58. content: '';
  59. width: 100%;
  60. height: 100%;
  61. background: rgba(255, 255, 255, 0.8) url(../images/loader-large.gif) no-repeat 50% 50%;
  62. visibility: visible;
  63. }