Made widgets in the sidebar collapsible. Added a second widget and did some CSS clean up.

--HG--
branch : dev
This commit is contained in:
jowall
2010-03-08 12:48:20 -08:00
parent 06a1e64c34
commit 8cfaeb8a5d
6 changed files with 41 additions and 28 deletions

View File

@@ -1,25 +1,8 @@
<h3>Sidebar</h3>
<ul>
<li>
<h4>Item 1</h4>
</li>
<li>

<li>
<h4 class="collapsible">Item 1</h4>
<p class="small">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas adipiscing dolor
vel nunc molestie laoreet. Curabitur vitae elit et massa consequat interdum. Curabitur
blandit leo nec magna dictum vitae mollis tellus gravida. Morbi non condimentum
neque. Suspendisse commodo condimentum feugiat. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos himenaeos.</p>
blandit leo nec magna dictum vitae mollis tellus gravida.</p>
</li>
<li>
<h4>Item 2</h4>
</li>
<li>
<p class="small">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas adipiscing dolor
vel nunc molestie laoreet. Curabitur vitae elit et massa consequat interdum. Curabitur
blandit leo nec magna dictum vitae mollis tellus gravida. Morbi non condimentum
neque. Suspendisse commodo condimentum feugiat. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos himenaeos.</p>
</li>
</ul>

View File

@@ -0,0 +1,7 @@
 <li>
<h4 class="collapsible">Item 2</h4>
<p class="small">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas adipiscing dolor
vel nunc molestie laoreet. Curabitur vitae elit et massa consequat interdum. Curabitur
blandit leo nec magna dictum vitae mollis tellus gravida.</p>
</li>

View File

@@ -12,7 +12,7 @@
.blogdescription, .postsummary {
clear:both;
border-bottom:1px solid #cacec6;
/*border-bottom:1px solid #cacec6;*/
}
.comments li {

View File

@@ -212,18 +212,21 @@ colgroup
}
#subcolumn h4 {
margin:6px 0 0 6px;
/*margin:6px 0 0 6px;*/
padding:6px 0 8px 6px;
background:#CED5CE;
}
#subcolumn p {
padding:6px;
padding:8px;
}
#subcolumn ul {
#subcolumn ul li {
border:1px solid #CACEC6;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
padding:8px;
/*padding:8px;*/
margin: 0 0 12px 0;
}
@@ -231,6 +234,8 @@ colgroup
.contentItems li {
margin:12px 0 12px 0;
padding:6px 0;
border-top:1px solid #cacec6;
}
#ft {

View File

@@ -3,5 +3,5 @@
<%@ Import Namespace="Orchard.Blogs.Models"%>
<%
if (Model.Creator != null) {
%><%=_Encoded(" | Posted by {0} {1}", Model.Creator.UserName, Html.PublishedWhen(Model)) %><%
%><%=_Encoded("Posted by {0} {1}", Model.Creator.UserName, "|", Html.PublishedWhen(Model)) %><%
} %>

View File

@@ -8,6 +8,16 @@
Html.RegisterStyle("blog.css");
%>
<script type="text/javascript">
$(document).ready(function(){
$(".collapsible").click(function() {
$(this).next().slideToggle(600);
return false;
});
});
</script>
<div id="doc4" class="yui-t6">
<% Html.Zone("header"); Html.Zone("menu"); %>
@@ -40,7 +50,15 @@
</div>
</div>
<div id="subcolumn" class="yui-b">
<%Html.Zone("sidebar"); %>
<div>
<h3>Sidebar</h3>
<ul>
<%Html.Zone("Sidebar"); %>
<%Html.Zone("Sidebar1"); %>
</ul>
</div>
</div>
</div>
<%-- End Content --%>