You are here

Home » API reference » Gallery formatter 8

galleryformatter.css in Gallery formatter 8 

/* hard reset for now sorry*/
.galleryformatter { margin: 0 auto; }
.galleryformatter * { padding: 0; margin: 0; }
.galleryformatter li {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.galleryformatter .gallery-slides,
.galleryformatter .gallery-thumbs { margin: 0 auto; }
.galleryformatter .gallery-slides ul,
.galleryformatter .gallery-thumbs ul { margin: 0; }

/** css gallery */
li.gallery-slide { display: block; }

.gallery-thumbs .wrapper,
.gallery-slides { overflow: hidden; position: relative; }
.gallery-frame { width: 99999px; }

.gallery-slides .gallery-slide { float: left; position: relative; }

.gallery-thumbs { position: relative; }
.galleryformatter .gallery-slides ul,
.galleryformatter .gallery-thumbs ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0; padding: 0;
}
.gallery-thumbs ul li {
  display:block;
  float:left;
  padding: 0 4px 0 0;
}
.gallery-thumbs li a { outline: none; }
/*** end css gallery ****/

/** buttons **/
.galleryformatter .view-full {
 position: absolute;
}
.galleryformatter .slide-button {
  top: 42%;
  position: absolute;
  display: block;
  cursor: pointer;
}
.galleryformatter .prev-slide {
  left: 0;
}
.galleryformatter .next-slide {
  right: 0;
}
.galleryformatter .gallery-thumbs .arrow {
 cursor:pointer;
}

/*** js enabled gallery css **/
.gallery-processed .gallery-frame { position:relative; }
.gallery-processed .gallery-slides .gallery-slide  {
  float: none;
  position: absolute;
  top: 0; left: 0;
}

File

css/galleryformatter.css
View source 
  1. /* hard reset for now sorry*/

  2. .galleryformatter { margin: 0 auto; }

  3. .galleryformatter * { padding: 0; margin: 0; }

  4. .galleryformatter li {

  5.   margin-left: 0;

  6.   padding-left: 0;

  7.   list-style: none;

  8. }

  9. 

  10. .galleryformatter .gallery-slides,

  11. .galleryformatter .gallery-thumbs { margin: 0 auto; }

  12. .galleryformatter .gallery-slides ul,

  13. .galleryformatter .gallery-thumbs ul { margin: 0; }

  14. 

  15. /** css gallery */

  16. li.gallery-slide { display: block; }

  17. 

  18. .gallery-thumbs .wrapper,

  19. .gallery-slides { overflow: hidden; position: relative; }

  20. .gallery-frame { width: 99999px; }

  21. 

  22. .gallery-slides .gallery-slide { float: left; position: relative; }

  23. 

  24. .gallery-thumbs { position: relative; }

  25. .galleryformatter .gallery-slides ul,

  26. .galleryformatter .gallery-thumbs ul {

  27.   list-style-image:none;

  28.   list-style-position:outside;

  29.   list-style-type:none;

  30.   margin: 0; padding: 0;

  31. }

  32. .gallery-thumbs ul li {

  33.   display:block;

  34.   float:left;

  35.   padding: 0 4px 0 0;

  36. }

  37. .gallery-thumbs li a { outline: none; }

  38. /*** end css gallery ****/

  39. 

  40. /** buttons **/

  41. .galleryformatter .view-full {

  42.  position: absolute;

  43. }

  44. .galleryformatter .slide-button {

  45.   top: 42%;

  46.   position: absolute;

  47.   display: block;

  48.   cursor: pointer;

  49. }

  50. .galleryformatter .prev-slide {

  51.   left: 0;

  52. }

  53. .galleryformatter .next-slide {

  54.   right: 0;

  55. }

  56. .galleryformatter .gallery-thumbs .arrow {

  57.  cursor:pointer;

  58. }

  59. 

  60. /*** js enabled gallery css **/

  61. .gallery-processed .gallery-frame { position:relative; }

  62. .gallery-processed .gallery-slides .gallery-slide  {

  63.   float: none;

  64.   position: absolute;

  65.   top: 0; left: 0;

  66. }

  67. 

  68.