You are here

views_fluid_grid.advanced.css in Views Fluid Grid 7.3

Same filename and directory in other branches
  1. 6 css/views_fluid_grid.advanced.css
/* Items margin options. */
ul.views-fluid-grid-items-h-margin-0 li.views-fluid-grid-item { margin-left: 0; margin-right: 0; }
ul.views-fluid-grid-items-h-margin-2px li.views-fluid-grid-item { margin-left: 2px; margin-right: 2px; }
ul.views-fluid-grid-items-h-margin-4px li.views-fluid-grid-item { margin-left: 4px; margin-right: 4px; }
ul.views-fluid-grid-items-h-margin-6px li.views-fluid-grid-item { margin-left: 6px; margin-right: 6px; }
ul.views-fluid-grid-items-h-margin-8px li.views-fluid-grid-item { margin-left: 8px; margin-right: 8px; }
ul.views-fluid-grid-items-h-margin-10px li.views-fluid-grid-item { margin-left: 10px; margin-right: 10px; }

ul.views-fluid-grid-items-h-margin-0-2em li.views-fluid-grid-item { margin-left: 0.2em; margin-right: 0.2em; }
ul.views-fluid-grid-items-h-margin-0-5em li.views-fluid-grid-item { margin-left: 0.5em; margin-right: 0.5em; }
ul.views-fluid-grid-items-h-margin-0-8em li.views-fluid-grid-item { margin-left: 0.8em; margin-right: 0.8em; }
ul.views-fluid-grid-items-h-margin-1em li.views-fluid-grid-item { margin-left: 1em; margin-right: 1em; }
ul.views-fluid-grid-items-h-margin-1-2em li.views-fluid-grid-item { margin-left: 1.2em; margin-right: 1.2em; }
ul.views-fluid-grid-items-h-margin-1-5em li.views-fluid-grid-item { margin-left: 1.5em; margin-right: 1.5em; }
ul.views-fluid-grid-items-h-margin-1-8em li.views-fluid-grid-item { margin-left: 1.8em; margin-right: 1.8em; }
ul.views-fluid-grid-items-h-margin-2em li.views-fluid-grid-item { margin-left: 2em; margin-right: 2em; }

ul.views-fluid-grid-items-v-margin-0 li.views-fluid-grid-item { margin-top: 0; margin-bottom: 0; }
ul.views-fluid-grid-items-v-margin-2px li.views-fluid-grid-item { margin-top: 2px; margin-bottom: 2px; }
ul.views-fluid-grid-items-v-margin-4px li.views-fluid-grid-item { margin-top: 4px; margin-bottom: 4px; }
ul.views-fluid-grid-items-v-margin-6px li.views-fluid-grid-item { margin-top: 6px; margin-bottom: 6px; }
ul.views-fluid-grid-items-v-margin-8px li.views-fluid-grid-item { margin-top: 8px; margin-bottom: 8px; }
ul.views-fluid-grid-items-v-margin-10px li.views-fluid-grid-item { margin-top: 10px; margin-bottom: 10px; }

ul.views-fluid-grid-items-v-margin-0-2em li.views-fluid-grid-item { margin-top: 0.2em; margin-bottom: 0.2em; }
ul.views-fluid-grid-items-v-margin-0-5em li.views-fluid-grid-item { margin-top: 0.5em; margin-bottom: 0.5em; }
ul.views-fluid-grid-items-v-margin-0-8em li.views-fluid-grid-item { margin-top: 0.8em; margin-bottom: 0.8em; }
ul.views-fluid-grid-items-v-margin-1em li.views-fluid-grid-item { margin-top: 1em; margin-bottom: 1em; }
ul.views-fluid-grid-items-v-margin-1-2em li.views-fluid-grid-item { margin-top: 1.2em; margin-bottom: 1.2em; }
ul.views-fluid-grid-items-v-margin-1-5em li.views-fluid-grid-item { margin-top: 1.5em; margin-bottom: 1.5em; }
ul.views-fluid-grid-items-v-margin-1-8em li.views-fluid-grid-item { margin-top: 1.8em; margin-bottom: 1.8em; }
ul.views-fluid-grid-items-v-margin-2em li.views-fluid-grid-item { margin-top: 2em; margin-bottom: 2em; }

/* Advanced CCS3 style properties. */
ul.views-fluid-grid-items-box-shadow li.views-fluid-grid-item {
  -webkit-box-shadow: 2px 2px 2px #ccc;
   -khtml-box-shadow: 2px 2px 2px #ccc;
    -icab-box-shadow: 2px 2px 2px #ccc;
     -moz-box-shadow: 2px 2px 2px #ccc;
       -o-box-shadow: 2px 2px 2px #ccc;
          box-shadow: 2px 2px 2px #ccc;
}
ul.views-fluid-grid-items-border-radius li.views-fluid-grid-item {
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
    -icab-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}

/* List alignment options. */
ul.views-fluid-grid-list-left { text-align: left; }
ul.views-fluid-grid-list-right { text-align: right; }
ul.views-fluid-grid-list-center { text-align: center; }
ul.views-fluid-grid-list-justify { text-align: justify; }

/* Items alignment options. */
ul.views-fluid-grid-items-left li.views-fluid-grid-item { text-align: left; }
ul.views-fluid-grid-items-right li.views-fluid-grid-item { text-align: right; }
ul.views-fluid-grid-items-center li.views-fluid-grid-item { text-align: center; }
ul.views-fluid-grid-items-justify li.views-fluid-grid-item { text-align: justify; }

/* Enforce justification of last row in the grid. */
li.views-fluid-grid-justify-last {
  display: inline-block;
  width: 100% !important;
  height: 1px !important;
  list-style-type: none;
  background-image: none;
}
ul.views-fluid-grid-items-border-radius li.views-fluid-grid-justify-last {
  -webkit-box-shadow: none !important;
   -khtml-box-shadow: none !important;
    -icab-box-shadow: none !important;
     -moz-box-shadow: none !important;
       -o-box-shadow: none !important;
          box-shadow: none !important;
}

File

css/views_fluid_grid.advanced.css
View source
  1. /* Items margin options. */
  2. ul.views-fluid-grid-items-h-margin-0 li.views-fluid-grid-item { margin-left: 0; margin-right: 0; }
  3. ul.views-fluid-grid-items-h-margin-2px li.views-fluid-grid-item { margin-left: 2px; margin-right: 2px; }
  4. ul.views-fluid-grid-items-h-margin-4px li.views-fluid-grid-item { margin-left: 4px; margin-right: 4px; }
  5. ul.views-fluid-grid-items-h-margin-6px li.views-fluid-grid-item { margin-left: 6px; margin-right: 6px; }
  6. ul.views-fluid-grid-items-h-margin-8px li.views-fluid-grid-item { margin-left: 8px; margin-right: 8px; }
  7. ul.views-fluid-grid-items-h-margin-10px li.views-fluid-grid-item { margin-left: 10px; margin-right: 10px; }
  8. ul.views-fluid-grid-items-h-margin-0-2em li.views-fluid-grid-item { margin-left: 0.2em; margin-right: 0.2em; }
  9. ul.views-fluid-grid-items-h-margin-0-5em li.views-fluid-grid-item { margin-left: 0.5em; margin-right: 0.5em; }
  10. ul.views-fluid-grid-items-h-margin-0-8em li.views-fluid-grid-item { margin-left: 0.8em; margin-right: 0.8em; }
  11. ul.views-fluid-grid-items-h-margin-1em li.views-fluid-grid-item { margin-left: 1em; margin-right: 1em; }
  12. ul.views-fluid-grid-items-h-margin-1-2em li.views-fluid-grid-item { margin-left: 1.2em; margin-right: 1.2em; }
  13. ul.views-fluid-grid-items-h-margin-1-5em li.views-fluid-grid-item { margin-left: 1.5em; margin-right: 1.5em; }
  14. ul.views-fluid-grid-items-h-margin-1-8em li.views-fluid-grid-item { margin-left: 1.8em; margin-right: 1.8em; }
  15. ul.views-fluid-grid-items-h-margin-2em li.views-fluid-grid-item { margin-left: 2em; margin-right: 2em; }
  16. ul.views-fluid-grid-items-v-margin-0 li.views-fluid-grid-item { margin-top: 0; margin-bottom: 0; }
  17. ul.views-fluid-grid-items-v-margin-2px li.views-fluid-grid-item { margin-top: 2px; margin-bottom: 2px; }
  18. ul.views-fluid-grid-items-v-margin-4px li.views-fluid-grid-item { margin-top: 4px; margin-bottom: 4px; }
  19. ul.views-fluid-grid-items-v-margin-6px li.views-fluid-grid-item { margin-top: 6px; margin-bottom: 6px; }
  20. ul.views-fluid-grid-items-v-margin-8px li.views-fluid-grid-item { margin-top: 8px; margin-bottom: 8px; }
  21. ul.views-fluid-grid-items-v-margin-10px li.views-fluid-grid-item { margin-top: 10px; margin-bottom: 10px; }
  22. ul.views-fluid-grid-items-v-margin-0-2em li.views-fluid-grid-item { margin-top: 0.2em; margin-bottom: 0.2em; }
  23. ul.views-fluid-grid-items-v-margin-0-5em li.views-fluid-grid-item { margin-top: 0.5em; margin-bottom: 0.5em; }
  24. ul.views-fluid-grid-items-v-margin-0-8em li.views-fluid-grid-item { margin-top: 0.8em; margin-bottom: 0.8em; }
  25. ul.views-fluid-grid-items-v-margin-1em li.views-fluid-grid-item { margin-top: 1em; margin-bottom: 1em; }
  26. ul.views-fluid-grid-items-v-margin-1-2em li.views-fluid-grid-item { margin-top: 1.2em; margin-bottom: 1.2em; }
  27. ul.views-fluid-grid-items-v-margin-1-5em li.views-fluid-grid-item { margin-top: 1.5em; margin-bottom: 1.5em; }
  28. ul.views-fluid-grid-items-v-margin-1-8em li.views-fluid-grid-item { margin-top: 1.8em; margin-bottom: 1.8em; }
  29. ul.views-fluid-grid-items-v-margin-2em li.views-fluid-grid-item { margin-top: 2em; margin-bottom: 2em; }
  30. /* Advanced CCS3 style properties. */
  31. ul.views-fluid-grid-items-box-shadow li.views-fluid-grid-item {
  32. -webkit-box-shadow: 2px 2px 2px #ccc;
  33. -khtml-box-shadow: 2px 2px 2px #ccc;
  34. -icab-box-shadow: 2px 2px 2px #ccc;
  35. -moz-box-shadow: 2px 2px 2px #ccc;
  36. -o-box-shadow: 2px 2px 2px #ccc;
  37. box-shadow: 2px 2px 2px #ccc;
  38. }
  39. ul.views-fluid-grid-items-border-radius li.views-fluid-grid-item {
  40. -webkit-border-radius: 5px;
  41. -khtml-border-radius: 5px;
  42. -icab-border-radius: 5px;
  43. -moz-border-radius: 5px;
  44. -o-border-radius: 5px;
  45. border-radius: 5px;
  46. }
  47. /* List alignment options. */
  48. ul.views-fluid-grid-list-left { text-align: left; }
  49. ul.views-fluid-grid-list-right { text-align: right; }
  50. ul.views-fluid-grid-list-center { text-align: center; }
  51. ul.views-fluid-grid-list-justify { text-align: justify; }
  52. /* Items alignment options. */
  53. ul.views-fluid-grid-items-left li.views-fluid-grid-item { text-align: left; }
  54. ul.views-fluid-grid-items-right li.views-fluid-grid-item { text-align: right; }
  55. ul.views-fluid-grid-items-center li.views-fluid-grid-item { text-align: center; }
  56. ul.views-fluid-grid-items-justify li.views-fluid-grid-item { text-align: justify; }
  57. /* Enforce justification of last row in the grid. */
  58. li.views-fluid-grid-justify-last {
  59. display: inline-block;
  60. width: 100% !important;
  61. height: 1px !important;
  62. list-style-type: none;
  63. background-image: none;
  64. }
  65. ul.views-fluid-grid-items-border-radius li.views-fluid-grid-justify-last {
  66. -webkit-box-shadow: none !important;
  67. -khtml-box-shadow: none !important;
  68. -icab-box-shadow: none !important;
  69. -moz-box-shadow: none !important;
  70. -o-box-shadow: none !important;
  71. box-shadow: none !important;
  72. }