You are here

Home » API reference » Gallery formatter 6

greenarrows.css in Gallery formatter 6

Same filename and directory in other branches
  1. 7 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 .galleryformatter-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 .galleryformatter-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 .galleryformatter-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: 3px 4px 0 0;
}
.galleryformatter-greenarrows .gallery-thumbs li a {
  display: block;
  padding: 19px 0 7px;
}
.galleryformatter-greenarrows .gallery-thumbs li a:hover { 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 {
  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;
  cursor:pointer;
  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 { background-position: 0px -52px; }

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

File

gallerystyles/greenarrows/greenarrows.css
View source 
  1. .galleryformatter-greenarrows { }

  2. 

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

  4. .galleryformatter-greenarrows .gallery-slides { }

  5. .galleryformatter-greenarrows .gallery-slide { }

  6. 

  7. .galleryformatter-greenarrows .gallery-thumbs .arrow,

  8. .galleryformatter-greenarrows .gallery-thumbs .wrapper,

  9. .galleryformatter-greenarrows .gallery-thumbs li.active a,

  10. .galleryformatter-greenarrows .gallery-thumbs li a:hover,

  11. .galleryformatter-greenarrows .galleryformatter-view-full { background:url("images/sprite.png") no-repeat scroll 0 0 transparent; }

  12. 

  13. .galleryformatter-greenarrows .gallery-slides .panel-overlay {

  14.   position: absolute;

  15.   bottom: 0.5em; left: 0;

  16.   background: transparent url(images/bg-trans.png) repeat;

  17.   width:100%;

  18.   color: white;

  19. }

  20. .galleryformatter-greenarrows .gallery-slides .panel-overlay .overlay-inner { padding: 10px; }

  21. .galleryformatter-greenarrows .gallery-thumbs .wrapper {

  22.   overflow: auto;

  23.   line-height:0;

  24.   background-position: center -326px;

  25.   background-repeat: repeat-x;

  26.   border-bottom: 1px solid #EEEEEE;

  27. }

  28. .galleryformatter-greenarrows .galleryformatter-view-full {

  29.   background-position:center -205px;

  30.   height:46px; width:46px;

  31.   margin:10px;

  32.   position:absolute;

  33.   right:0; top:0;

  34.   text-indent:-9999px;

  35. }

  36. .galleryformatter-greenarrows a:hover .galleryformatter-view-full {

  37.   background-position: center -252px;

  38. }

  39. .galleryformatter-greenarrows .gallery-thumbs ul { list-style: none; }

  40. .galleryformatter-greenarrows .gallery-thumbs li {

  41.   float: left;

  42.   background: transparent none;

  43.   overflow:hidden;

  44.   padding: 3px 4px 0 0;

  45. }

  46. .galleryformatter-greenarrows .gallery-thumbs li a {

  47.   display: block;

  48.   padding: 19px 0 7px;

  49. }

  50. .galleryformatter-greenarrows .gallery-thumbs li a:hover { background-position: center -307px; }

  51. .galleryformatter-greenarrows .gallery-thumbs li.active a { background-position: center -303px; }

  52. 

  53. .galleryformatter-greenarrows .gallery-thumbs li.active img,

  54. .galleryformatter-greenarrows .gallery-thumbs li a:hover img {

  55.   filter:alpha(opacity=100);

  56.   -ms-filter:”alpha(opacity=100)”;

  57.   -moz-opacity:1;

  58.   -khtml-opacity: 1;

  59.   opacity: 1;

  60. }

  61. .galleryformatter-greenarrows .gallery-thumbs li img {

  62.   filter:alpha(opacity=60);

  63.   -ms-filter:”alpha(opacity=60)”;

  64.   -moz-opacity:0.6;

  65.   -khtml-opacity: 0.6;

  66.   opacity: 0.6;

  67. }

  68. 

  69. .galleryformatter-greenarrows .gallery-thumbs .arrow {

  70.   bottom:0;

  71.   cursor:pointer;

  72.   display:block;

  73.   height:46px;

  74.   position:absolute;

  75.   text-indent:-9999px;

  76.   width:46px;

  77. }

  78. 

  79. .galleryformatter-greenarrows .gallery-thumbs .forward {

  80.   background-position: 0px 0;

  81.   right: 0;

  82. }

  83. 

  84. .galleryformatter-greenarrows .gallery-thumbs .back {

  85.   background-position: -4px -102px;

  86.   left: 0;

  87. }

  88. 

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

  90. 

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