Posted By

vanseijen on 10/24/12


Tagged

page layout relative


Versions (?)

Nexus Theme Relative page layout


 / Published in: CSS
 

The relative "em" version of the fixed page layout of the Nexus core theme

  1. /* GENERIC TEMPLATE STYLING */
  2. body { font-size: 10px; }
  3.  
  4. .container { width: 96.0em; }
  5. .main { float: left; width: 65.2em; }
  6. .sidebar { float: right; width: 30.8em; }
  7.  
  8. .placeholder { border-right: 3.6em solid transparent; }
  9.  
  10. .one-fourth { width: 19.5em; }
  11. .one-third { width: 27.2em; }
  12. .one-half { width: 42.6em; }
  13. .two-third { width: 58.0em; }
  14. .one-whole { width: 88.8em; }
  15.  
  16. .main .one-fourth { width: 11.8em; }
  17. .main .one-third { width: 16.9em; }
  18. .main .one-half { width: 27.2em; }
  19. .main .two-third { width: 37.4em; }
  20. .main .one-whole { width: 58.0em; }
  21.  
  22. .sidebar .one-whole { width: 27.2em; }
  23.  
  24. /* IMAGES */
  25. .one-fourth img { width: 19.5em; }
  26. .one-third img { width: 27.2em; }
  27. .one-half img { width: 42.6em; }
  28. .two-third img { width: 58.0em; }
  29. .one-whole img { width: 88.8em; }
  30.  
  31. .main .one-fourth img { width: 11.8em; }
  32. .main .one-third img { width: 16.9em; }
  33. .main .one-half img { width: 27.2em; }
  34. .main .two-third img { width: 37.4em; }
  35. .main .one-whole img { width: 58.0em; }
  36.  
  37. .sidebar .one-whole img { width: 27.2em; }

Report this snippet  

You need to login to post a comment.