Style fixes for when sidebar has no or partial content

This commit is contained in:
str4d
2015-05-29 22:18:02 +00:00
parent 1a29aeac54
commit c00f7739ff
3 changed files with 7 additions and 5 deletions

View File

@@ -54,9 +54,10 @@
</div> </div>
<main role="main" class="inner"> <main role="main" class="inner">
{% if self.content_nav() or self.lastupdated() or self.accuratefor() -%}
<aside class="sidebar"> <aside class="sidebar">
{% if self.content_nav() -%} {% if self.content_nav() -%}
<nav> <nav{% if self.lastupdated() or self.accuratefor() %} class="top"{% endif %}>
{% block content_nav %}{% endblock %} {% block content_nav %}{% endblock %}
</nav> </nav>
{%- endif %} {%- endif %}
@@ -83,8 +84,9 @@
</div> </div>
{%- endif %} {%- endif %}
</aside> </aside>
{%- endif %}
<article class="content-inner"> <article class="content-inner{% if self.content_nav() or self.lastupdated() or self.accuratefor() %} two-col{% endif %}">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</article> </article>
</main> </main>

View File

@@ -169,13 +169,13 @@ div#content .inner {
} }
div#content .sidebar { div#content .sidebar {
background: rgba(171, 204, 113, 0.6);
border-bottom: 2px solid #abcc71; border-bottom: 2px solid #abcc71;
border-left: 2px solid #abcc71; border-left: 2px solid #abcc71;
border-right: 2px solid #abcc71; border-right: 2px solid #abcc71;
} }
div#content .sidebar nav { div#content .sidebar .top {
background: rgba(171, 204, 113, 0.6);
border-bottom: 2px solid #abcc71; border-bottom: 2px solid #abcc71;
} }

View File

@@ -250,7 +250,7 @@ div#content .inner .sidebar {
width: 200px; width: 200px;
} }
div#content .content-inner { div#content .content-inner.two-col {
margin-left: 202px; margin-left: 202px;
} }