You are here

Home » API reference » Node displays 6

regions.css in Node displays 6 

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

.nd-region-left {
  clear: left;
  float: left;
}

.nd-region-middle {
  clear: none;
}

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

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

/* default region dimensions */

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

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

/* middle region */

div.no-sidebars {
  clear: left;
}

div.sidebar-left {
  margin-left: 25%;
}

div.sidebar-right {
  margin-right: 25%;
  clear: left;
}

div.two-sidebars {
  margin-left: 25%;
  margin-right: 25%;
}

/* Region inner divs. Add borders, padding and margin here */

.nd-region-header .nd-region-inner {
}

.nd-region-left .nd-region-inner {
}

.nd-region-middle .nd-region-inner {
}

.nd-region-right .nd-region-inner {
}

.nd-region-footer .nd-region-inner {
}

File

css/regions.css
View source 
  1. 

  2. .nd-region-header {

  3.   clear: both;

  4. }

  5. 

  6. .nd-region-left {

  7.   clear: left;

  8.   float: left;

  9. }

  10. 

  11. .nd-region-middle {

  12.   clear: none;

  13. }

  14. 

  15. .nd-region-right {

  16.   float: right;

  17. }

  18. 

  19. .nd-region-footer {

  20.   clear: both;

  21. }

  22. 

  23. /* default region dimensions */

  24. 

  25. .nd-region-left {

  26.   width: 25%;

  27. }

  28. 

  29. .nd-region-right {

  30.   width: 25%;

  31. }

  32. 

  33. /* middle region */

  34. 

  35. div.no-sidebars {

  36.   clear: left;

  37. }

  38. 

  39. div.sidebar-left {

  40.   margin-left: 25%;

  41. }

  42. 

  43. div.sidebar-right {

  44.   margin-right: 25%;

  45.   clear: left;

  46. }

  47. 

  48. div.two-sidebars {

  49.   margin-left: 25%;

  50.   margin-right: 25%;

  51. }

  52. 

  53. /* Region inner divs. Add borders, padding and margin here */

  54. 

  55. .nd-region-header .nd-region-inner {

  56. }

  57. 

  58. .nd-region-left .nd-region-inner {

  59. }

  60. 

  61. .nd-region-middle .nd-region-inner {

  62. }

  63. 

  64. .nd-region-right .nd-region-inner {

  65. }

  66. 

  67. .nd-region-footer .nd-region-inner {

  68. }