Himas Rafeek
Posted on: 2 years ago
CSS

Nexus Theme Relative page layout

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


                                          /* 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;
}