Advanced Search

Nexus Theme Relative page layout

/ Published in: CSS
Save to your folder(s)
The relative "em" version of the fixed page layout of the Nexus core theme

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.