website Changeset - 32e9164d48fc · Conservancy Kallithea

Changeset - 32e9164d48fc

Parent rev.

Child rev.

[Not reviewed]

0 5 0

Bradley Kuhn (bkuhn) - 9 years ago 2015-03-05 21:25:08
bkuhn@ebb.org

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).

5 files changed with 13 insertions and 4 deletions:

www/conservancy/static/conservancy.css

www/conservancy/static/npoacct/index.html

www/conservancy/static/supporter/event.html

www/conservancy/static/supporter/index.html

www/conservancy/templates/base_compliance.html

0 comments (0 inline, 0 general)

www/conservancy/static/conservancy.css

➞

Show inline comments

@@ ... / @@ -35,8 +35,12 @@ text-decoration: none; color: #557733; @@
     width: 18%;
+}
 @media all and (max-width: 625px) {
     .donate-sidebar { display: none; }
     .content-with-donate-sidebar {
         align: center;
         width: 100%;
+    }
+}
 p.footnote {
     font-size: 85%;
@@ ... / @@ -112,8 +116,13 @@ h3 { margin-top: .6em; margin-bottom: .4em; } @@
     margin-left: 50px;
     margin-right: 50px;
+}
 .content-with-donate-sidebar {
     align: left;
     width: 80%;
+}
 #container {
     width: 100%;
     overflow: hidden;
+}

www/conservancy/static/npoacct/index.html

➞

Show inline comments

@@ ... / @@ -267,9 +267,9 @@ Other donation methods: @@
 <!-- Flattr end -->
 </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>

www/conservancy/static/supporter/event.html

➞

Show inline comments

@@ ... / @@ -11,9 +11,9 @@ @@
 {% endblock %}
 {% block content %}
-<div style="align:left;width:80%;">
+<div class="content-with-donate-sidebar">
   <h1>Conservancy Supporter Night 2015</h1>
   <p>
   <dl>
     <dt>Who</dt> <dd><strong>Everyone</strong>: just show up at 6:30PM with &euro;50!

www/conservancy/static/supporter/index.html

➞

Show inline comments

@@ ... / @@ -54,9 +54,9 @@ Other annual supporters methods: @@
 </td></tr></table>
 </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
 open source software. We are the home of over

www/conservancy/templates/base_compliance.html

➞

Show inline comments

@@ ... / @@ -37,9 +37,9 @@ of $<span id="fundraiser-goal">50,000</span> match met.<br/> @@
 <p>Or, <a href="/supporter/#annual"><strong>become a Conservancy
       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>
             <ul>

0 comments (0 inline, 0 general)