Apply max widths and margins to all pages.

Due to the varying types of layouts used and the short time-frame the best
option seems to set a max-width etc. around the "outercontent" block. For now
this means we can't do "full bleed" body content, but that's not currently used
anyway.
This commit is contained in:
Ben Sturmfels 2021-10-15 21:43:43 +11:00 committed by Bradley M. Kuhn
parent c41efe0e0b
commit bdda85c237
6 changed files with 14 additions and 12 deletions

View file

@ -147,7 +147,7 @@ p.footnote {
}
h1 { margin-top: .75em; margin-bottom: .5em; }
/* h2 { margin-top: .75em; margin-bottom: .5em; } */
h2 { margin-top: .75em; margin-bottom: .5em; }
h3 { margin-top: .6em; margin-bottom: .4em; }
#mainContent ul, #mainContent ol { padding-left: 1.5em; }
@ -233,16 +233,16 @@ body > header {
#navbar li:hover ul {
display: block;
}
#navbar li:last-child ul {
/* Right-align the second last and last sub-menus. */
#navbar li:nth-last-child(2) ul, #navbar li:nth-last-child(1) ul {
left: auto;
right: 0;
text-align: right;
}
#mainContent {
margin: 0 auto;
overflow: auto;
}
#sidebar + #mainContent {
float: left;

View file

@ -3,7 +3,7 @@
<h1>401 Error</h1>
<p>The page you request at <tt>sfconservancy.org</tt>
<p>The page you requested at <tt>sfconservancy.org</tt>
requires authorization. Please use the navigation items to find a
page that you are authorized to see.</p>

View file

@ -3,7 +3,7 @@
<h1>403 Error</h1>
<p>The page you request at <tt>sfconservancy.org</tt>
<p>The page you requested at <tt>sfconservancy.org</tt>
does not have read permission. Please use the navigation items to
find a page that you are authorized to see.</p>

View file

@ -3,8 +3,7 @@
<h1>404 Error</h1>
<p>The page you request at <tt>sfconservancy.org</tt>
<p>The page you requested at <tt>sfconservancy.org</tt>
was not found. Please use the navigation items to find a page that is
available.</p>
{% endblock %}

View file

@ -3,7 +3,7 @@
<h1>500 Error</h1>
<p>The page you request at <tt>sfconservancy.org</tt> is
<p>The page you requested at <tt>sfconservancy.org</tt> is
unavailable due to an internal server error.</p>
{% endblock %}

View file

@ -46,7 +46,7 @@
</div>
</header>
<div id="navbar-outer">
<div id="navbar-outer" class="mb2">
<div id="navbar" class="center mw8 nested-list-resetb">
<ul class="f5 b ttu flex flex-wrap justify-center">
<!-- Remaining previous menu items
@ -67,7 +67,7 @@
<li class="who"><a href="#fixme">Who <span class="dn di-ns">we are</span></a>
<ul>
<li><a href="/sponsors/">Sponsors</a></li>
<li><a href="/sustainers/">Sustainers</a></li>
<li><a href="/sustainer/">Sustainers</a></li>
<li><a href="#fixme">Board of Directors</a></li>
<li><a href="#fixme">Staff</a></li>
<li><a href="#fixme">Evaluation Committee</a></li>
@ -173,7 +173,10 @@
{% endwith %}
{% endif %}
{% block outercontent %}<div id="mainContent" class="mw8"> {% block content %}{% endblock %}</div>{% endblock %}
<div class="mw8 center ph2 ph3-ns">
{% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
</div>
<div id="conservancyfooter" class="mt4 pt3 ph3 bg-light-gray">
<p>Connect with Conservancy on
<a href="https://mastodon.technology/@conservancy">Mastodon</a>,