lsm/Orchard
1
0
Fork 0
mirror of https://github.com/OrchardCMS/Orchard.git synced 2025-10-15 19:54:57 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Starting adding CSS to make the quad zones collapse.

Browse Source 
--HG--
branch : dev
This commit is contained in:
Jonathan Wall
2010-10-14 15:52:45 -07:00
parent 1bbaf8f48f
commit f9eee4d063
2 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/Orchard.Web/Themes/TheThemeMachine/Styles/Site.css
View File

@@ -473,4 +473,28 @@ ul.comments li div.text {
.clearfix {
clear:both;
}
#footer div {
/*border:1px solid #ff0000;*/
}
/* If zones 1 and 2 are empty in the quad */
.split-left #footer-quad-third div.zone {
width:600px;
}
.split-left #footer-quad-fourth div.zone {
width:360px;
}
/* If zones 3 and 4 are empty in the quad */
.split-right #footer-quad-first div.zone {
width:600px;
}
.split-right #footer-quad-second div.zone {
width:360px;
}

15
src/Orchard.Web/Themes/TheThemeMachine/Views/Layout.cshtml
View File

@@ -22,6 +22,17 @@
}
//Add classes to the wrapper div to toggle quad widget zones on and off
if (Model.FooterQuadFirst == null && Model.FooterQuadSecond == null) {
Model.Classes.Add("split-left");
}
else if (Model.FooterQuadThird == null && Model.FooterQuadFourth == null) {
Model.Classes.Add("split-right");
}
else {
}
Model.Id = "layout-wrapper";
var tag = Tag (Model, "div");
@@ -133,12 +144,12 @@
</div>
}
@if (Model.FooterQuadThird != null) {
<div id="footer-quad-second">
<div id="footer-quad-third">
@Zone(Model.FooterQuadThird)
</div>
}
@if (Model.FooterQuadFourth != null) {
<div id="footer-quad-second">
<div id="footer-quad-fourth">
@Zone(Model.FooterQuadFourth)
</div>
}