Don't hard code style; use class and improve CSS
This changes the hard-coded style for what I'm calling the content-with-donate-sidebar. The advantage of not hard-coding style are obvious, but I'm doing this now rather than later so that I can add changes to the CSS that causes the width to extend to 100% on smaller screen media when the donate bar disappears (the latter of which is already implemented).
This commit is contained in:
parent
44491e67fc
commit
32e9164d48
5 changed files with 13 additions and 4 deletions
|
@ -36,6 +36,10 @@ text-decoration: none; color: #557733;
|
|||
}
|
||||
@media all and (max-width: 625px) {
|
||||
.donate-sidebar { display: none; }
|
||||
.content-with-donate-sidebar {
|
||||
align: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
p.footnote {
|
||||
|
@ -113,6 +117,11 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
|
|||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.content-with-donate-sidebar {
|
||||
align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#container {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
|
|
@ -268,7 +268,7 @@ Other donation methods:
|
|||
</td></tr></table>
|
||||
</div>
|
||||
|
||||
<div style="align:left;width:80%;">
|
||||
<div class="content-with-donate-sidebar">
|
||||
<!-- begin campaign text -->
|
||||
|
||||
<h2>Fundraising Campaign: Non-Profit Accounting Software</h2>
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div style="align:left;width:80%;">
|
||||
<div class="content-with-donate-sidebar">
|
||||
<h1>Conservancy Supporter Night 2015</h1>
|
||||
<p>
|
||||
<dl>
|
||||
|
|
|
@ -55,7 +55,7 @@ Other annual supporters methods:
|
|||
</div>
|
||||
|
||||
|
||||
<div style="align:left;width:80%;">
|
||||
<div class="content-with-donate-sidebar">
|
||||
<h1><img class="appeal-header" alt="Become a Conservancy Supporter!" src="/img/conservancy-supporter-header.png"/></h1>
|
||||
|
||||
<p>Software Freedom Conservancy is an essential organization to free and
|
||||
|
|
|
@ -38,7 +38,7 @@ of $<span id="fundraiser-goal">50,000</span> match met.<br/>
|
|||
Supporter</strong></a>.</p>
|
||||
</td></tr></table>
|
||||
</div>
|
||||
<div style="align:left;width:80%;">
|
||||
<div class="content-with-donate-sidebar">
|
||||
<div id="container">
|
||||
<div id="sidebar" class="{% block submenuselection %}other{% endblock %}">
|
||||
<h2>Our GPL {% block category %}Compliance{% endblock %} Work</h2>
|
||||
|
|
Loading…
Reference in a new issue