website Changeset - 828fd09d113f · Conservancy Kallithea

Changeset - 828fd09d113f

Parent rev.

Child rev.

[Not reviewed]

0 2 0

Brett Smith (brett) - 6 years ago 2017-11-27 18:30:27
brett@sfconservancy.org

css: Add a little style to the progressbar.

2 files changed with 11 insertions and 7 deletions:

www/conservancy/static/css/conservancy.css

www/conservancy/templates/base_conservancy.html

0 comments (0 inline, 0 general)

www/conservancy/static/css/conservancy.css

➞

Show inline comments

@@ ... / @@ -93,99 +93,96 @@ h3 { margin-top: .6em; margin-bottom: .4em; } @@
 #navbar li.supporter a {
   display: block;
   background: #fafafe;
   padding: .2em .8em;
   margin-right: 3px;
   border: 1px solid #808080;
   font-size: .8em;
   background: #ffd843;
   background: -moz-linear-gradient(top, #fff, #ffd533);
   background: -webkit-linear-gradient(top, #fff, #ffd533);
   background: linear-gradient(to bottom, #fff, #ffd533);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd533', GradientType=0);
   border-color: #ffffff;
+}
 #navbar li a {
   display: block;
   background: #fafafe;
   padding: .2em .8em;
   margin-right: 3px;
   border: 1px solid #808080;
   font-size: .8em;
   background: #eaf1f1;
   background: -moz-linear-gradient(top, #fff, #eaf1f1);
   background: -webkit-linear-gradient(top, #fff, #eaf1f1);
   background: linear-gradient(to bottom, #fff, #eaf1f1);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf1f1', GradientType=0);
   border-color: #ffffff;
+}
 #navbar li:hover a { background: #577632; color: #fff; }
 #navbar li.supporter:hover a { background: #577632; color: #CE1F1F; }
 #navbar li { float: left; display: inline; margin-bottom: 3px; }
 #mainContent {
     margin-left: 50px;
     margin-right: 50px;
+}
 #sidebar + #mainContent {
     float: left;
+}
 #progressbar {
     height: 1.8em;
+}
 #progressbar .ui-widget-header {
     background: rgb(206, 31, 31);
+}
 #siteprogressbar {
     margin: .5em 20% .5em 2%;
+}
 #siteprogressbar .goalText {
     color: #557733;
     font-size: 10pt;
+}
 #siteprogressbar .soFarText {
     font-size: 10pt;
+}
 #siteprogressbar .progress {
     background: #577632;
+}
 @media all and (max-width: 600px) {
   .goalText {
       font-size: 8pt;
+  }
   .soFarText {
       font-size: 8pt;
+  }
+}
 #siteprogressbar .progress {
     background: #577632;
+}
 #siteprogressbar .middle-goal {
     background: #d0d0d0;
+}
 #siteprogressbar .final-goal {
     background: #eeeeee;
+}
 #fundraiser-percentage {
     text-align: center;
+}
 .content-with-donate-sidebar {
     align: left;
     width: 80%;
+}
 #container {
     width: 100%;
     overflow: hidden;
+}
 #container #mainContent {
     /* All the measurements here are relative to #sidebar's 13em width.
        Leave enough space for it plus 1.5em margins on either side. */
     position: relative;
     left: 14.5em;
     width: calc(100% - 16em);
@@ ... / @@ -410,61 +407,68 @@ body.conservancy-supporter #navbar ul li.supporter a @@
   list-style: none;
   margin-right: 5px;
+}
 #subbox {
    position: absolute;
    padding-top: 10px;
    right: 0px;
    width: 200px;
    font-size: 12px;
+}
 img.inside-faq {
   max-width: 100%;
   width: auto;
   overflow: scroll;
+}
 pre {
   overflow: auto;
+}
 .supporter-type-selector a {
     font-size: 125%;
     font-weight: normal;
+}
 .supporter-type-selector a.supporter-type-selector-selected {
     font-size: 127%;
     font-weight: bold;
+}
 /* Make dl's ( such as for FAQ entries) look nice on screens, both big and small. */
 dl {
     border: 3px double #ccc;
     padding: 0.5em;
+}
 dt {
     text-align: center;
     margin: 0em 1em 0.5em 0.5em;
     font-weight: bold;
     color: green; }
 dd {
     margin: 0 0 1.5em 2em;
+}
 .fundraiser-top-text {
     background: #F0FFB8;
     padding: .7em .7em .7em .7em;
     padding: .2em .7em;
+}
 .fundraiser-top-text * {
     margin: .5em auto;
     max-width: 70em;
     width: 95%;
+}
-.fundraiser-top-text em {
+.fundraiser-top-text p {
     font-size: 110%;
     font-style: italic;
     text-align: center;
+}
 /* Fallback elements created by conservancy.js when no video source is
    supported. */
 div.small-right, div.medium-right {
     border: thick solid #577632;
     padding: .3em;
     text-align: center;
+}

www/conservancy/templates/base_conservancy.html

➞

Show inline comments

@@ ... / @@ -20,95 +20,95 @@ @@
     <script type="text/javascript" src="/js/jquery-ui-1.8.22.custom.min.js"></script>
     <script type="text/javascript" src="/js/jquery.outerhtml.js"></script>
     <script type="text/javascript" src="/js/jquery.ui.multiprogressbar.js"></script>
     <script type="text/javascript" src="/js/conservancy.js"></script>
     {% block head %}{% endblock %}
   </head>
   <body class="conservancy-{% block category %}other{% endblock %}">
     <h1 id="conservancyheader"><a id="logobutton" href="/">Software Freedom Conservancy</a></h1>
     <div id="navbar-outer">
       <div id="navbar">
 	<ul>
       <li class="supporter"><a href="/supporter/">Become a Supporter!</a></li>
       <li class="donate"><a href="/donate/">Donate</a></li>
       <li class="news"><a href="/news/">News</a></li>
       <li class="blog"><a href="/blog/">Blog</a></li>
       <li class="Projects"><a href="/projects/">Projects</a></li>
       <li class="compliance"><a href="/copyleft-compliance/">Copyleft Compliance</a></li>
       <li class="npoacct"><a href="/npoacct/">NPOAcct</a></li>
       <li class="sponsors"><a href="/sponsors/">Sponsors</a></li>
       <li class="About"><a href="/about/">About</a></li>
     </ul>
       </div>
       <div id="navbar-clear"></div>
     </div>
 {% comment %}
 FUNDRAISER VARIABLES AND CONSTANTS GUIDE
 sitefundgoal attributes:
 fundraiser_goal_amount: The amount being matched
 fundraiser_so_far_amount: The amount contributed so far
 fundraiser_donation_count: The number of people who have contributed so far
 fundraiser_donation_count_disclose_threshold: Not used
 Local convenience variables:
 this_match_goal: The amount being matched
 this_match_so_far: The amount contributed so far
 this_match_remaining: this_match_goal - this_match_so_far
 {% endcomment %}
 {% with this_match_goal=sitefundgoal.fundraiser_goal_amount this_match_so_far=sitefundgoal.fundraiser_so_far_amount %}
 {% with this_match_remaining=this_match_goal|subtract:this_match_so_far %}
     <div class="fundraiser-top-text">
-      <em>
+      <p>
         {% if this_match_remaining <= 0 %}
         Thanks to {{ sitegoal.fundraiser_donation_count|intcomma }} Supporters we earned our full match!  Help us go further to stand up for software
         freedom &mdash; <a href="/supporter">sign up now</a>!
         {% else %}
         Let's stand up for software freedom together!
         The next ${{ this_match_remaining|floatformat:0|intcomma }} we receive from Supporters and donors will be matched!  <a href="/supporter/">Join today!</a>
         {% endif %}
-      </em>
+      </p>
 <div id="siteprogressbar">
 <a href="/supporter">
   We've matched
   {% if this_match_remaining <= 0 %}
   $<span id="site-fundraiser-match-count">{{ this_match_goal|intcomma }}</span>
   {% else %}
   $<span id="site-fundraiser-match-count">{{ this_match_so_far|intcomma }}</span>
   {% endif %}
   of
   $<span id="site-fundraiser-final-goal">{{ this_match_goal|intcomma }}</span>
   so far!
 </a>
 </div>
 </div>
 {% endwith %}
 {% endwith %}
       {% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
     <div id="conservancyfooter">
       <p>Connect with Conservancy on
         <a href="https://mastodon.technology/@conservancy">Mastodon</a>,
         <a href="https://twitter.com/conservancy">Twitter</a>,
         <a href="https://identi.ca/conservancy">pump.io</a>,
         <a href="https://plus.google.com/104268783278405704634/">Google+</a>,
         <a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a>,
         and <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a>.</p>
       <p><a href="/">Main Page</a> | <a href="/about/contact/">Contact</a> | <a href="/sponsors/">Sponsors</a> | <a href="/privacy-policy/">Privacy Policy</a> | <a href="/feeds/omnibus/">RSS Feed</a></p>
       <p class="copyright_info">
       <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
       <br />This page, and all contents herein, unless a license is otherwise
       specified, are licensed under a
       <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0">Creative
       Commons Attribution-ShareAlike 4.0 International License</a>.</p>
     </div>
   </body>
 </html>

0 comments (0 inline, 0 general)