Skip to content Skip to navigation

Site Retired

As of March, 2022, this website is no longer updated and has been replaced with a static copy.

p

Border Underline

This class adds a 4px border below an image that does not touch the image. This class is not as useful in combination with other image classes.

Because of the way Drupal works, we built this style to only be applied to wrapper tags around image tags. These classes will not work if you apply them to the image tag itself, but can work at any level of wrapper div around the image. For example at the block level you can apply the border class once, and all images in the block will get that style.

Border Bottom

This class adds a 1px border below the image using the border class. This class can be used in combination with other border classes, such as .border-simple, .border-simple-nowidth, and .border-shadow.

Border Hairline

This class adds a 1px border around images by using the border class.

This class can be used in combination with other border classes, such as .border-simple, .border-simple-nowidth, and .border-shadow.

Border Shadow

This class adds a CSS3 shadow below the image.

This class can be used in combination with other border classes, such as .border-simple, .border-hairline, .border-bottom, and .border-simple-nowidth.

Border Simple No Width

This class adds a 6px border around images by using background color and padding. It does not add any width specification, so is a useful alternative when you are using this style in a postcard layout.

Because this class uses a background color to add the border, it can be used in combination with other border classes, such as .border-hairline, .border-shadow, and .border-bottom.

Border Simple

This class adds a 6px border around images by using background color and padding. It does add a 100% width to the image as well, and uses a clever calc() calculation with graceful degredation.

Because this class uses a background color to add the border, it can be used in combination with other border classes, such as .border-hairline, .border-shadow, and .border-bottom.

Caption

The caption class is used for captions beneath images, or if you want a caption below a block of text (kind of like a footnote or sidenote). The class can be applied to a <p> tag, or to a wrapper <div> or <span>.

Descriptor Text

The descriptor class is used for descriptive information such as date, time, location, admission, etc. You can add this class to a tag (e.g. <p>) or to a wrapper (e.g. <span> or <div>).

Subscribe to RSS - p