Drupal example source code file (image_captcha.css)

This example Drupal source code file (image_captcha.css) is included in the DevDaily.com "Drupal Source Code Warehouse" project. The intent of this project is to help you "Learn Drupal by Example".

PHP - Drupal tags/keywords

100, 160px, both, clear, float, form-item, form-item-image-captcha-fonts-builtin, image_captcha_admin_fonts_selection, img, left, middle, none, vertical-align, width

The image_captcha.css Drupal example source code

/* $Id: image_captcha.css,v 1.3 2010/11/20 00:19:22 soxofaan Exp $ */

/**
 * Styling of the font selection list (with previews)
 * on the Image CAPTCHA settings page.
 */

/**
 * Float the fonts with preview (with a fixed width)
 * to create a multi-column layout.
 */
.image_captcha_admin_fonts_selection .form-item {
  float: left;
  width: 160px;
}

/**
 * Stop floating with the item for the built in font.
 */
.image_captcha_admin_fonts_selection .form-item-image-captcha-fonts-BUILTIN {
  clear: both;
  float: none;
  width: 100%;
}

/**
 * Center the font previews vertically to the text.
 */
.image_captcha_admin_fonts_selection img {
  vertical-align: middle;
}