You are here

Home » API reference » Zenophile 7

sidebars-left-fixed.css in Zenophile 7 

/* Fixed layout; both sidebars on left */

#page, #page-wrapper, .region-page-closure, body.no-sidebars #content {
  width: PAGEpx;
}

div.region-sidebar-first {
  width: LSB-SBpx;
  margin-right: -LSB-SBpx;
}

div.region-sidebar-second {
  width: RSB-SBpx;
}

body.two-sidebars div.region-sidebar-second {
  margin-left: RSB-SBpx;
  margin-right: -BOTHSB-SBpx;
}

body.sidebar-second div.region-sidebar-second {
  margin-left: 0px;
  margin-right: -RSB-SBpx;
}

div.region-sidebar-second div.section {
  margin-left: 0px;
  margin-right: 20px;
}

body.no-sidebars #content, body.one-sidebar #content, body.two-sidebars #content {
  margin-right: -PAGEpx;
}

body.sidebar-first #content {
  margin-left: LSB-SBpx;
}

body.sidebar-second #content {
  margin-left: RSB-SBpx;
}

body.two-sidebars #content {
  margin-left: BOTHSB-SBpx;
}

div.two-sidebars #content {
  margin-left: BOTHSB-CONTENTpx;
  width: BOTHSB-CONTENTpx;
}

File

zenophile_sidebars/css/sidebars-left-fixed.css
View source 
  1. 

  2. /* Fixed layout; both sidebars on left */

  3. 

  4. #page, #page-wrapper, .region-page-closure, body.no-sidebars #content {

  5.   width: PAGEpx;

  6. }

  7. 

  8. div.region-sidebar-first {

  9.   width: LSB-SBpx;

  10.   margin-right: -LSB-SBpx;

  11. }

  12. 

  13. div.region-sidebar-second {

  14.   width: RSB-SBpx;

  15. }

  16. 

  17. body.two-sidebars div.region-sidebar-second {

  18.   margin-left: RSB-SBpx;

  19.   margin-right: -BOTHSB-SBpx;

  20. }

  21. 

  22. body.sidebar-second div.region-sidebar-second {

  23.   margin-left: 0px;

  24.   margin-right: -RSB-SBpx;

  25. }

  26. 

  27. div.region-sidebar-second div.section {

  28.   margin-left: 0px;

  29.   margin-right: 20px;

  30. }

  31. 

  32. body.no-sidebars #content, body.one-sidebar #content, body.two-sidebars #content {

  33.   margin-right: -PAGEpx;

  34. }

  35. 

  36. body.sidebar-first #content {

  37.   margin-left: LSB-SBpx;

  38. }

  39. 

  40. body.sidebar-second #content {

  41.   margin-left: RSB-SBpx;

  42. }

  43. 

  44. body.two-sidebars #content {

  45.   margin-left: BOTHSB-SBpx;

  46. }

  47. 

  48. div.two-sidebars #content {

  49.   margin-left: BOTHSB-CONTENTpx;

  50.   width: BOTHSB-CONTENTpx;

  51. }