選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 

58 行
1.2 KiB

  1. @charset "UTF-8";
  2. /*
  3. * blueimp Gallery Indicator CSS 1.1.0
  4. * https://github.com/blueimp/Gallery
  5. *
  6. * Copyright 2013, Sebastian Tschan
  7. * https://blueimp.net
  8. *
  9. * Licensed under the MIT license:
  10. * http://www.opensource.org/licenses/MIT
  11. */
  12. .blueimp-gallery > .indicator {
  13. position: absolute;
  14. top: auto;
  15. right: 15px;
  16. bottom: 15px;
  17. left: 15px;
  18. margin: 0 40px;
  19. padding: 0;
  20. list-style: none;
  21. text-align: center;
  22. line-height: 10px;
  23. display: none;
  24. }
  25. .blueimp-gallery > .indicator > li {
  26. display: inline-block;
  27. width: 9px;
  28. height: 9px;
  29. margin: 6px 3px 0 3px;
  30. box-sizing: content-box;
  31. border: 1px solid transparent;
  32. background: #ccc;
  33. background: rgba(255, 255, 255, 0.25) center no-repeat;
  34. border-radius: 5px;
  35. box-shadow: 0 0 2px #000;
  36. opacity: 0.5;
  37. cursor: pointer;
  38. }
  39. .blueimp-gallery > .indicator > li:hover,
  40. .blueimp-gallery > .indicator > .active {
  41. background-color: #fff;
  42. border-color: #fff;
  43. opacity: 1;
  44. }
  45. .blueimp-gallery-controls > .indicator {
  46. display: block;
  47. /* Fix z-index issues (controls behind slide element) on Android: */
  48. transform: translatez(0);
  49. }
  50. .blueimp-gallery-single > .indicator {
  51. display: none;
  52. }
  53. .blueimp-gallery > .indicator {
  54. user-select: none;
  55. }