Added some floats and sidebar to TheThemeMachine.

--HG--
branch : dev
This commit is contained in:
Jonathan Wall
2010-10-07 11:46:07 -07:00
parent 5404fb4e2c
commit 1e8cd2b2bb
2 changed files with 33 additions and 7 deletions

View File

@@ -55,7 +55,7 @@ header, footer, aside, nav, article {
/* Clearing Float /* Clearing Float
***************************************************************/ ***************************************************************/
group:after { .group:after {
content: "."; content: ".";
display: block; display: block;
height: 0; height: 0;
@@ -150,6 +150,32 @@ nav ul li a {
/* For testing purposes */ /* For testing purposes */
div, nav, section { #layout-wrapper {
border:1px solid #CCC; border:1px solid #CCC;
} }
/* Sidebar off - Content Zone 960 */
#content {
background-color:#e8e8e8;
width: 960px;
clear:both;
}
/* Sidebar on - Content Zone 640 */
.icanhassidebar #content {
background-color:#e8e8e8;
width: 640px;
float:left;
clear:both;
}
.sidebar {
background-color:#f6f6f6;
width: 320px;
float:right;
}
#sitemap {
clear:both;
}

View File

@@ -44,13 +44,13 @@
</div> </div>
} }
@if(Model.Sidebar != null) { @if(Model.Sidebar != null) {
<aside> <aside class="sidebar">
@Zone(Model.Sidebar) @Zone(Model.Sidebar)
</aside> </aside>
} }
@if(Model.Footer != null) {
<footer> <footer id="sitemap">
@Zone(Model.Footer) Powered by Awesomeness...
</footer> </footer>
}
</div> </div>