Posted By

vanseijen on 10/24/12

Tagged

page
layout

Versions (?)

Last Edited at 10/24/12 12:33am

Statistics

Viewed 660 times

Favorited by 0 user(s)

Related snippets

Nexus Theme Relative page layout

/ Published in: CSS

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

Highlighted TextExpand

/* GENERIC TEMPLATE STYLING */
body				{ font-size: 10px; }

.container 			{ width: 96.0em; }
.main 				{ float: left; width: 65.2em; }
.sidebar 			{ float: right;	width: 30.8em; }

.placeholder 			{ border-right: 3.6em solid transparent; }

.one-fourth			{ width: 19.5em; }
.one-third			{ width: 27.2em; }
.one-half			{ width: 42.6em; }
.two-third			{ width: 58.0em; }
.one-whole			{ width: 88.8em; }

.main .one-fourth 		{ width: 11.8em; }
.main .one-third		{ width: 16.9em; }
.main .one-half 		{ width: 27.2em; }
.main .two-third		{ width: 37.4em; }
.main .one-whole		{ width: 58.0em; }

.sidebar .one-whole 		{ width: 27.2em; }

/* IMAGES */
.one-fourth img			{ width: 19.5em; }
.one-third img			{ width: 27.2em; }
.one-half img			{ width: 42.6em; }
.two-third img			{ width: 58.0em; }
.one-whole img			{ width: 88.8em; }

.main .one-fourth img		{ width: 11.8em; }
.main .one-third img		{ width: 16.9em; }
.main .one-half img	 	{ width: 27.2em; }
.main .two-third img 		{ width: 37.4em; }
.main .one-whole img		{ width: 58.0em; }

.sidebar .one-whole img		{ width: 27.2em; }

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.