You are here

Home » API reference » Panopoly 8.2

panopoly-images.css in Panopoly 8.2

Styles for panopoly_images.

File

modules/panopoly/panopoly_images/css/panopoly-images.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for panopoly_images.

  4.  */

  5. 

  6. img.panopoly-images-full,

  7. img.panopoly-images-half,

  8. img.panopoly-images-quarter,

  9. img.panopoly-images-featured,

  10. img.panopoly-images-thumbnail,

  11. img.panopoly-images-square,

  12. img.panopoly-images-original,

  13. img.panopoly-images-spotlight,

  14. img.panopoly-images-video {

  15.     max-width: 100%;

  16.     height: auto;

  17.     vertical-align: bottom;

  18. }

  19. 

  20. /**

  21.  * Image styling

  22.  */

  23. img.panopoly-images-full {

  24.     width: 100% !important;

  25.     margin-bottom: .5em;

  26. }

  27. 

  28. img.panopoly-images-half {

  29.     max-width: 50%;

  30.     width: 50%;

  31.     float: left;

  32.     margin-right: .75em;

  33.     margin-bottom: .5em;

  34.     margin-top: .5em;

  35. }

  36. 

  37. img.panopoly-images-quarter {

  38.     max-width: 25%;

  39.     width: 25%;

  40.     float: left;

  41.     margin-right: .5em;

  42.     margin-bottom: .25em;

  43.     margin-top: .25em;

  44. }

  45.