You are here

views_fluid_grid.base.css in Views Fluid Grid 7.3

Same filename and directory in other branches
  1. 6 css/views_fluid_grid.base.css
/* Fluid grid container. */
div.views-fluid-grid {
}

/* View title, label of grouping field. */
div.views-fluid-grid h3 {
  text-align: center;
}

/* Fluid grid is based on an HTML list. */
ul.views-fluid-grid-list {
  margin: 0;
  padding: 0;
}

/* Default item style. */
li.views-fluid-grid-item {
  /* width and height properties are defined at views_fluid_grid.size.css. */
  padding: 3px;
  overflow: hidden; /* needed to clip content when explicit width/height is specified. */
  list-style-type: none;
  background-image: none;
  vertical-align: top;
  color: #444;
  background-color: #f0f0f0;
  border: 1px solid #aaa;
}

/**
 * List items use inline block style.
 *
 * Works in all modern browsers (except IE7 and lower).
 */
li.views-fluid-grid-inline {
  /* inline-block does not work when applied to block elements in IE7 and lower. */
  display: inline-block;
}

/**
 * Targeting IE7.
 *
 * 1) html > body selector hides declaration from IE6 and lower.
 * 2) Asterisk Hack exploits a bug in IE7 and lower.
 */
html > body li.views-fluid-grid-inline {
  *display: inline;
  *zoom: 1;
}

/**
 * Targeting IE4-6 (excluding MacIE5).
 *
 * 1) Commented Backslash Hack hides declaration from MacIE5.
 * 2) * html selector exploits a bug in IE4-6.
 * 3) Enforce hasLayout using display inline and zoom applied to block elements.
 * \*/
* html li.views-fluid-grid-inline {
  display: inline;
  zoom: 1;
}
/* Ends Commented Backslash Hack. */

File

css/views_fluid_grid.base.css
View source
  1. /* Fluid grid container. */
  2. div.views-fluid-grid {
  3. }
  4. /* View title, label of grouping field. */
  5. div.views-fluid-grid h3 {
  6. text-align: center;
  7. }
  8. /* Fluid grid is based on an HTML list. */
  9. ul.views-fluid-grid-list {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. /* Default item style. */
  14. li.views-fluid-grid-item {
  15. /* width and height properties are defined at views_fluid_grid.size.css. */
  16. padding: 3px;
  17. overflow: hidden; /* needed to clip content when explicit width/height is specified. */
  18. list-style-type: none;
  19. background-image: none;
  20. vertical-align: top;
  21. color: #444;
  22. background-color: #f0f0f0;
  23. border: 1px solid #aaa;
  24. }
  25. /**
  26. * List items use inline block style.
  27. *
  28. * Works in all modern browsers (except IE7 and lower).
  29. */
  30. li.views-fluid-grid-inline {
  31. /* inline-block does not work when applied to block elements in IE7 and lower. */
  32. display: inline-block;
  33. }
  34. /**
  35. * Targeting IE7.
  36. *
  37. * 1) html > body selector hides declaration from IE6 and lower.
  38. * 2) Asterisk Hack exploits a bug in IE7 and lower.
  39. */
  40. html > body li.views-fluid-grid-inline {
  41. *display: inline;
  42. *zoom: 1;
  43. }
  44. /**
  45. * Targeting IE4-6 (excluding MacIE5).
  46. *
  47. * 1) Commented Backslash Hack hides declaration from MacIE5.
  48. * 2) * html selector exploits a bug in IE4-6.
  49. * 3) Enforce hasLayout using display inline and zoom applied to block elements.
  50. * \*/
  51. * html li.views-fluid-grid-inline {
  52. display: inline;
  53. zoom: 1;
  54. }
  55. /* Ends Commented Backslash Hack. */