You are here

Home » API reference » Gallery formatter 6

galleryformatter.css in Gallery formatter 6

Same filename and directory in other branches
  1. 7 theme/galleryformatter.css
/* 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; }
.gallery-frame { width: 99999px; }

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

.gallery-thumbs { position: relative; }
.gallery-thumbs .wrapper ul {}
.gallery-thumbs .wrapper ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
.gallery-thumbs ul li {
  display:block;
  float:left;
}
.gallery-thumbs li a { outline: none; }
/*** end css gallery ****/

/*** 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

theme/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; }

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

  21. 

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

  23. 

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

  25. .gallery-thumbs .wrapper ul {}

  26. .gallery-thumbs .wrapper ul {

  27.   list-style-image:none;

  28.   list-style-position:outside;

  29.   list-style-type:none;

  30. }

  31. .gallery-thumbs ul li {

  32.   display:block;

  33.   float:left;

  34. }

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

  36. /*** end css gallery ****/

  37. 

  38. /*** js enabled gallery css **/

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

  40. .gallery-processed .gallery-slides .gallery-slide  {

  41.   float: none;

  42.   position: absolute;

  43.   top: 0; left: 0;

  44. }

  45.