You are here

greenarrows.css in Gallery formatter 7

Same filename and directory in other branches
  1. 6 gallerystyles/greenarrows/greenarrows.css
.galleryformatter-greenarrows { }

.galleryformatter-greenarrows .gallery-thumbs { padding: 0 46px; }
.galleryformatter-greenarrows .gallery-slides { }
.galleryformatter-greenarrows .gallery-slide { }

.galleryformatter-greenarrows .gallery-thumbs .arrow,
.galleryformatter-greenarrows .gallery-thumbs .wrapper,
.galleryformatter-greenarrows .gallery-thumbs li.active a,
.galleryformatter-greenarrows .gallery-thumbs li a:hover,
.galleryformatter-greenarrows .gallery-thumbs li a:focus,
.galleryformatter-greenarrows .view-full { background:url("images/sprite.png") no-repeat scroll 0 0 transparent; }

.galleryformatter-greenarrows .gallery-slides .panel-overlay {
  position: absolute;
  bottom: 0.5em; left: 0;
  background: transparent url(images/bg-trans.png) repeat;
  width:100%;
  color: white;
}
.galleryformatter-greenarrows .gallery-slides .panel-overlay .overlay-inner { padding: 10px; }
.galleryformatter-greenarrows .gallery-thumbs .wrapper {
  overflow: auto;
  line-height:0;
  background-position: center -326px;
  background-repeat: repeat-x;
  border-bottom: 1px solid #EEEEEE;
}
.galleryformatter-greenarrows .view-full {
  background-position:center -205px;
  height:46px; width:46px;
  margin:10px;
  position:absolute;
  right:0; top:0;
  text-indent:-9999px;
}
.galleryformatter-greenarrows a:hover .view-full,
.galleryformatter-greenarrows a:focus .view-full {
  background-position: center -252px;
}
.galleryformatter-greenarrows .gallery-thumbs ul { list-style: none; }
.galleryformatter-greenarrows .gallery-thumbs li {
  float: left;
  background: transparent none;
  overflow:hidden;
  padding-top: 3px;
}
.galleryformatter-greenarrows .gallery-thumbs li a {
  display: block;
  padding: 19px 0 7px;
}
.galleryformatter-greenarrows .gallery-thumbs li a:hover,
.galleryformatter-greenarrows .gallery-thumbs li a:focus {
  background-position: center -307px;
}
.galleryformatter-greenarrows .gallery-thumbs li.active a { background-position: center -303px; }

.galleryformatter-greenarrows .gallery-thumbs li.active img,
.galleryformatter-greenarrows .gallery-thumbs li a:hover img,
.galleryformatter-greenarrows .gallery-thumbs li a:focus img {
  filter:alpha(opacity=100);
  -ms-filter:”alpha(opacity=100)”;
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}
.galleryformatter-greenarrows .gallery-thumbs li img {
  filter:alpha(opacity=60);
  -ms-filter:”alpha(opacity=60)”;
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.galleryformatter-greenarrows .gallery-thumbs .arrow {
  bottom:0;
  display:block;
  height:46px;
  position:absolute;
  text-indent:-9999px;
  width:46px;
}

.galleryformatter-greenarrows .gallery-thumbs .forward {
  background-position: 0px 0;
  right: 0;
}

.galleryformatter-greenarrows .gallery-thumbs .back {
  background-position: -4px -102px;
  left: 0;
}

.galleryformatter-greenarrows .gallery-thumbs .forward:hover,
.galleryformatter-greenarrows .gallery-thumbs .forward:focus {
  background-position: 0px -52px;
}

.galleryformatter-greenarrows .gallery-thumbs .back:hover,
.galleryformatter-greenarrows .gallery-thumbs .back:focus {
  background-position: -4px -156px;
}

.galleryformatter-greenarrows .slide-button {
  background: transparent url(images/next-prev.png) no-repeat top left;
  height: 64px;
  width: 32px;
  top: 43%;
  text-indent: -9999px;
  filter:alpha(opacity=20);
  -ms-filter:”alpha(opacity=20)”;
  -moz-opacity:0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}

.galleryformatter-greenarrows .prev-slide {
  background-position: top left;
}
.galleryformatter-greenarrows .next-slide {
  background-position: top right;
}
.galleryformatter-greenarrows .slide-button:hover,
.galleryformatter-greenarrows .slide-button:focus {
    filter: alpha(opacity=100);
  -ms-filter: ”alpha(opacity=100)”;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

File

gallerystyles/greenarrows/greenarrows.css
View source
  1. .galleryformatter-greenarrows { }
  2. .galleryformatter-greenarrows .gallery-thumbs { padding: 0 46px; }
  3. .galleryformatter-greenarrows .gallery-slides { }
  4. .galleryformatter-greenarrows .gallery-slide { }
  5. .galleryformatter-greenarrows .gallery-thumbs .arrow,
  6. .galleryformatter-greenarrows .gallery-thumbs .wrapper,
  7. .galleryformatter-greenarrows .gallery-thumbs li.active a,
  8. .galleryformatter-greenarrows .gallery-thumbs li a:hover,
  9. .galleryformatter-greenarrows .gallery-thumbs li a:focus,
  10. .galleryformatter-greenarrows .view-full { background:url("images/sprite.png") no-repeat scroll 0 0 transparent; }
  11. .galleryformatter-greenarrows .gallery-slides .panel-overlay {
  12. position: absolute;
  13. bottom: 0.5em; left: 0;
  14. background: transparent url(images/bg-trans.png) repeat;
  15. width:100%;
  16. color: white;
  17. }
  18. .galleryformatter-greenarrows .gallery-slides .panel-overlay .overlay-inner { padding: 10px; }
  19. .galleryformatter-greenarrows .gallery-thumbs .wrapper {
  20. overflow: auto;
  21. line-height:0;
  22. background-position: center -326px;
  23. background-repeat: repeat-x;
  24. border-bottom: 1px solid #EEEEEE;
  25. }
  26. .galleryformatter-greenarrows .view-full {
  27. background-position:center -205px;
  28. height:46px; width:46px;
  29. margin:10px;
  30. position:absolute;
  31. right:0; top:0;
  32. text-indent:-9999px;
  33. }
  34. .galleryformatter-greenarrows a:hover .view-full,
  35. .galleryformatter-greenarrows a:focus .view-full {
  36. background-position: center -252px;
  37. }
  38. .galleryformatter-greenarrows .gallery-thumbs ul { list-style: none; }
  39. .galleryformatter-greenarrows .gallery-thumbs li {
  40. float: left;
  41. background: transparent none;
  42. overflow:hidden;
  43. padding-top: 3px;
  44. }
  45. .galleryformatter-greenarrows .gallery-thumbs li a {
  46. display: block;
  47. padding: 19px 0 7px;
  48. }
  49. .galleryformatter-greenarrows .gallery-thumbs li a:hover,
  50. .galleryformatter-greenarrows .gallery-thumbs li a:focus {
  51. background-position: center -307px;
  52. }
  53. .galleryformatter-greenarrows .gallery-thumbs li.active a { background-position: center -303px; }
  54. .galleryformatter-greenarrows .gallery-thumbs li.active img,
  55. .galleryformatter-greenarrows .gallery-thumbs li a:hover img,
  56. .galleryformatter-greenarrows .gallery-thumbs li a:focus img {
  57. filter:alpha(opacity=100);
  58. -ms-filter:”alpha(opacity=100)”;
  59. -moz-opacity:1;
  60. -khtml-opacity: 1;
  61. opacity: 1;
  62. }
  63. .galleryformatter-greenarrows .gallery-thumbs li img {
  64. filter:alpha(opacity=60);
  65. -ms-filter:”alpha(opacity=60)”;
  66. -moz-opacity:0.6;
  67. -khtml-opacity: 0.6;
  68. opacity: 0.6;
  69. }
  70. .galleryformatter-greenarrows .gallery-thumbs .arrow {
  71. bottom:0;
  72. display:block;
  73. height:46px;
  74. position:absolute;
  75. text-indent:-9999px;
  76. width:46px;
  77. }
  78. .galleryformatter-greenarrows .gallery-thumbs .forward {
  79. background-position: 0px 0;
  80. right: 0;
  81. }
  82. .galleryformatter-greenarrows .gallery-thumbs .back {
  83. background-position: -4px -102px;
  84. left: 0;
  85. }
  86. .galleryformatter-greenarrows .gallery-thumbs .forward:hover,
  87. .galleryformatter-greenarrows .gallery-thumbs .forward:focus {
  88. background-position: 0px -52px;
  89. }
  90. .galleryformatter-greenarrows .gallery-thumbs .back:hover,
  91. .galleryformatter-greenarrows .gallery-thumbs .back:focus {
  92. background-position: -4px -156px;
  93. }
  94. .galleryformatter-greenarrows .slide-button {
  95. background: transparent url(images/next-prev.png) no-repeat top left;
  96. height: 64px;
  97. width: 32px;
  98. top: 43%;
  99. text-indent: -9999px;
  100. filter:alpha(opacity=20);
  101. -ms-filter:”alpha(opacity=20)”;
  102. -moz-opacity:0.2;
  103. -khtml-opacity: 0.2;
  104. opacity: 0.2;
  105. }
  106. .galleryformatter-greenarrows .prev-slide {
  107. background-position: top left;
  108. }
  109. .galleryformatter-greenarrows .next-slide {
  110. background-position: top right;
  111. }
  112. .galleryformatter-greenarrows .slide-button:hover,
  113. .galleryformatter-greenarrows .slide-button:focus {
  114. filter: alpha(opacity=100);
  115. -ms-filter: ”alpha(opacity=100)”;
  116. -moz-opacity: 1;
  117. -khtml-opacity: 1;
  118. opacity: 1;
  119. }