_s: Update layouts to use classes when appropriate. Fixes #55.

This commit is contained in:
obenland 2013-02-27 13:35:28 -08:00
parent 3236571996
commit ebe5c56c42
6 changed files with 21 additions and 38 deletions

View file

@ -3,24 +3,19 @@ Theme Name: _s
Layout: Content-Sidebar-Sidebar
*/
#primary {
.content-area {
float: left;
width: 100%;
}
#content {
.site-content {
margin: 0 40% 0 0;
}
#main .widget-area {
.site-main .widget-area {
float: left;
margin: 0 0 0 -40%;
overflow: hidden;
width: 20%;
}
#secondary { /* Sidebar 1 */
margin: 0 0 0 -40%;
}
#tertiary { /* Sidebar 2 */
margin: 0 0 0 -20%;
}
.site-footer {
clear: both;
width: 100%;

View file

@ -3,22 +3,19 @@ Theme Name: _s
Layout: Content-Sidebar
*/
#primary {
.content-area {
float: left;
margin: 0 -25% 0 0;
width: 100%;
}
#content {
.site-content {
margin: 0 25% 0 0;
}
#secondary { /* Sidebar 1 */
.site-main .widget-area {
float: right;
overflow: hidden;
width: 25%;
}
#tertiary { /* Sidebar 2 */
clear: right;
}
.site-footer {
clear: both;
width: 100%;

View file

@ -3,24 +3,19 @@ Theme Name: _s
Layout: Sidebar-Content-Sidebar
*/
#primary {
.content-area {
float: left;
width: 100%;
}
#content {
.site-content {
margin: 0 20%;
}
#main .widget-area {
.site-main .widget-area {
float: left;
margin: 0 0 0 -100%;
overflow: hidden;
width: 20%;
}
#secondary { /* Sidebar 1 */
margin: 0 0 0 -100%;
}
#tertiary { /* Sidebar 2 */
margin: 0 0 0 -20%;
}
.site-footer {
clear: both;
width: 100%;

View file

@ -3,22 +3,19 @@ Theme Name: _s
Layout: Sidebar-Content
*/
#primary {
.content-area {
float: right;
margin: 0 0 0 -25%;
width: 100%;
}
#content {
.site-content {
margin: 0 0 0 25%;
}
#secondary { /* Sidebar 1 */
.site-main .widget-area {
float: left;
overflow: hidden;
width: 25%;
}
#tertiary { /* Sidebar 2 */
clear: left;
}
.site-footer {
clear: both;
width: 100%;

View file

@ -3,15 +3,15 @@ Theme Name: _s
Layout: Sidebar-Sidebar-Content
*/
#primary {
.content-area {
float: right;
margin: 0 0 0 -40%;
width: 100%;
}
#content {
.site-content {
margin: 0 0 0 40%;
}
#main .widget-area {
.site-main .widget-area {
float: left;
overflow: hidden;
width: 20%;