You are here

Home » API reference » Display Suite 6.3

nd_regions.css in Display Suite 6.3 

.nd-region-header {
  clear: both;
}

.nd-region-left {
  display: inline;
  float: left;
}

.nd-region-middle-wrapper {
  display: inline;
  float: left;
  width: 100%;
  margin-right: -100%;
}

.nd-region-right {
  display: inline;
  float: right;
}

.nd-region-footer {
  clear: both;
}

/* default region dimensions */

.nd-region-left {
  width: 25%;
}

.nd-region-right {
  width: 25%;
}

/* middle region */

.nd-no-sidebars .nd-region-middle {
}

.nd-sidebar-left .nd-region-middle {
  margin-left: 25%;
}

.nd-sidebar-right .nd-region-middle {
  margin-right: 25%;
}

.nd-two-sidebars .nd-region-middle {
  margin-left: 25%;
  margin-right: 25%;
}

/* Fix for IE */
.nd-no-sidebars {
  display:block;
  float:none;
  margin-right:0;
  width:auto;
}

.nd-sidebar-right {
  *display: inline;
  *float: right;
  *width: 100%;
  *margin-left: -100%;
}

File

modules/nd/css/nd_regions.css
View source 
  1. 

  2. .nd-region-header {

  3.   clear: both;

  4. }

  5. 

  6. .nd-region-left {

  7.   display: inline;

  8.   float: left;

  9. }

  10. 

  11. .nd-region-middle-wrapper {

  12.   display: inline;

  13.   float: left;

  14.   width: 100%;

  15.   margin-right: -100%;

  16. }

  17. 

  18. .nd-region-right {

  19.   display: inline;

  20.   float: right;

  21. }

  22. 

  23. .nd-region-footer {

  24.   clear: both;

  25. }

  26. 

  27. /* default region dimensions */

  28. 

  29. .nd-region-left {

  30.   width: 25%;

  31. }

  32. 

  33. .nd-region-right {

  34.   width: 25%;

  35. }

  36. 

  37. /* middle region */

  38. 

  39. .nd-no-sidebars .nd-region-middle {

  40. }

  41. 

  42. .nd-sidebar-left .nd-region-middle {

  43.   margin-left: 25%;

  44. }

  45. 

  46. .nd-sidebar-right .nd-region-middle {

  47.   margin-right: 25%;

  48. }

  49. 

  50. .nd-two-sidebars .nd-region-middle {

  51.   margin-left: 25%;

  52.   margin-right: 25%;

  53. }

  54. 

  55. /* Fix for IE */

  56. .nd-no-sidebars {

  57.   display:block;

  58.   float:none;

  59.   margin-right:0;

  60.   width:auto;

  61. }

  62. 

  63. .nd-sidebar-right {

  64.   *display: inline;

  65.   *float: right;

  66.   *width: 100%;

  67.   *margin-left: -100%;

  68. }