You are here

Home » API reference » Display Suite 8.3

ds-3col-stacked-fluid.css in Display Suite 8.3

Same filename and directory in other branches
  1. 8.4 css/ds-3col-stacked-fluid.css
  2. 8.2 css/ds-3col-stacked-fluid.css

Styling for the ds-3col-stacked-fluid template.

File

css/ds-3col-stacked-fluid.css
View source 
  1. /**

  2.  * @file

  3.  * Styling for the ds-3col-stacked-fluid template.

  4.  */

  5. 

  6. .ds-3col-stacked-fluid > .group-header {

  7.   clear: both;

  8. }

  9. 

  10. .ds-3col-stacked-fluid > .group-left {

  11.   width: 25%;

  12.   float: left; /* LTR */

  13. }

  14. 

  15. [dir="rtl"] .ds-3col-stacked-fluid > .group-left {

  16.   float: right;

  17. }

  18. 

  19. .ds-3col-stacked-fluid > .group-middle {

  20.   width: 100%;

  21.   float: left; /* LTR */

  22. }

  23. 

  24. [dir="rtl"] .ds-3col-stacked-fluid > .group-middle {

  25.   float: right;

  26. }

  27. 

  28. .ds-3col-stacked-fluid.group-one-sidebar > .group-middle {

  29.   width: 75%;

  30. }

  31. 

  32. .ds-3col-stacked-fluid.group-two-sidebars > .group-middle {

  33.   width: 50%;

  34. }

  35. 

  36. .ds-3col-stacked-fluid > .group-right {

  37.   width: 25%;

  38.   float: right; /* LTR */

  39. }

  40. 

  41. [dir="rtl"] .ds-3col-stacked-fluid > .group-right {

  42.   float: left;

  43. }

  44. 

  45. .ds-3col-stacked-fluid > .group-footer {

  46.   clear: both;

  47. }