Files @ 7538e2881ec2
Branch filter:

Location: website/www/conservancy/static/conservancy.css

bkuhn
Update Monthly Donation form to fix PayPal problem

On a monthly subscription box, PayPal silently fails to allow the user
to select any option but the first one (despite selecting another value
from the form) if you name the values the same.

It's somewhat obvious when you review the form code that PayPal gives
you that all the value="" fields were the same, and thus the incorrect
behavior is somewhat unsurprising.

I fixed this by modifying the buttons to include the amount in words.
* { margin: 0; padding: 0; }
img { border: 0; }
body { margin: 0; padding: 0; }
.clear { clear: both; }
.hidden { display: none; }

p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

body {
/*  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif; */
  font-family: Helvetica;
  font-size: 95%;
  background-color: #0000;
  color: #ffff;
}

a { text-decoration: none; color: #557733; }
a:hover { text-decoration: underline; color: #577632; }

.toggle-control  {
cursor: pointer;
text-decoration: none; color: #557733;
}
.toggle-control:hover { text-decoration: underline; color: #577632; }

h1 { margin-top: .75em; margin-bottom: .5em; }
h2 { margin-top: .75em; margin-bottom: .5em; }
h3 { margin-top: .6em; margin-bottom: .4em; }

#mainContent h1 { border-bottom: 1px solid #00334b; }
#mainContent h2 { border-bottom: 1px solid #aaa; }

#mainContent ul, #mainContent ol { padding-left: 1.5em; }

#mainContent img { margin: 3px; }

.internalNavigate { width: 19%; float: right; }
#mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }
.internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }

/* Header */

#conservancyheader {
  height: 140px;
/*  background-color: #d1ff96; */
/*  background-color: #92CC58; */
/*  background-color: #BDD8A2; */
/*  background-color: #92cc58; */
/*  background-color: #b5cd9d; */
  background-color: #ffffff;
  border-bottom: 1px solid #808080;
}
#conservancyheader h1 {
  text-indent: -5000px;
  margin: 0; /* hide in favor of image */
}
#logobutton {
  display: block;
  position: absolute; left: 17px; top: 10px; height: 120px; width: 933px;
  background: url(/img/conservancy-header.png)  left center no-repeat;
}

/* Navigation bar */
#navbar-outer { background: #577632; }
#navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; }
#navbar ul { list-style: none; }
#navbar-clear { clear: both; border-bottom: 1px solid #808080; }
#navbar li.campaign a {
  display: block;
  background: #fafafe;
  padding: .2em .8em;
  margin-right: 3px;
  border: 1px solid #808080;
  font-size: .8em;
  background: url(/img/nav-bg-campaign.png) bottom repeat-x;
  border-color: #ffffff;
}
#navbar li a {
  display: block;
  background: #fafafe;
  padding: .2em .8em;
  margin-right: 3px;
  border: 1px solid #808080;
  font-size: .8em;
  background: #fff url(/img/nav-bg.png) bottom repeat-x;
  border-color: #ffffff;
}
#navbar li:hover a { background: #577632; color: #fff; }
#navbar li.campaign:hover a { background: #577632; color: #CE1F1F; }
#navbar li { float: left; display: inline; margin-bottom: 3px; }

#mainContent {
    margin-left: 50px;
    margin-right: 50px;
}

#container {
    width: 100%;
    overflow: hidden;
}
#container #mainContent {
    background: #fffff;
    margin-left: 210px;
    margin-right: 50px;
}
#container #sidebar {
    width: 200px;
    float: left;
    background-color: #ccd4a3; 
}

#container #sidebar li {
    text-align: center;
    list-style: none;
    padding: 3px 10px 3px 10px; 
    margin: 5px; 
    border: 1px solid #CCC;
    background: #fff url(/img/nav-bg.png) bottom repeat-x;
}
#container #sidebar li:hover a { background: #577632; color: #fff; }

#container #sidebar.Directors ul li.Directors,
#container #sidebar.Eval ul li.Eval,
#container #sidebar.Contact ul li.Contact,
#container #sidebar.Officers ul li.Officers,
#container #sidebar.Staff ul li.Staff,
#container #sidebar.Outside ul li.Outside,
#container #sidebar.Filings ul li.Filings,
#container #sidebar.License ul li.License,
#container #sidebar.Current ul li.Current,
#container #sidebar.Services ul li.Services,
#container #sidebar.Applying ul li.Applying
{
    color: #000033;
    font-weight: bold;
    background: #fff url(/img/nav-bg-up.png) top repeat-x;
}
#container #sidebar h2 {
    text-align: center;
    font-size: 150%;
    margin: 1.5em 0 0.8em 0;
}
#container #sidebar hr {
    width: 75%;
    float: center;
    clear: all;
}

/* Navbar Submenus (currently unused) */
#navbar li ul { display: none; border: 1px solid #444; }
#navbar li:hover ul { display: block; position: absolute; }
#navbar li ul li { float: none; }
#navbar li ul li a { border: 0px; margin: 0px; }

.shaded { background: #F0FFB8; padding: .1em .5em; margin-bottom: .5em; }

.columns {
    width: 100%;
    overflow: hidden;
}

.column-small {
    width: 31%;
 }
.column-large {
    margin-left: 35%;
    margin-right: 50px;
}

.column-left { float: left; }
.column-right { float: right; }

.column h2 { font-size: 1.25em; }
.column h3 { font-size: 1.1em; }
.column hr { width: 50%; align: center; }

.column h2 a { text-decoration: none; color: #000000; }
.column h2 a:hover { text-decoration: underline; }

#conservancyfooter {
  margin-top: 1em;
  border-top: 1px solid #ccc;
  text-align: center;
  clear: both;
}

span.continued {
  display: block;
  font-size: .83em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}

p.date {
  font-style: italic;
  font-size: .83em;
  margin-bottom: .3em;
  margin-top: .3em;
}

a.feedlink /* RSS icon */ { display: block; float: right; font-size: 10pt; }

blockquote, div.quote /* div.quote is used by conservancy whitepaper */ {
  margin-left: 2em;
  margin-right: 2em;
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid #fff;
  background: #eee;
}

.newsgraphic { float: right; }
.newsgraphic img { border: 1px solid #000; }

.secondary_info { font-size: 83%; }
.next_page_button { float: right; }
.document_format { border: 1px solid #888; padding: .2em; background: #fff99d;}
.copyright_info { font-size: 90%; }
hr.footnote-separator { width: 80%; margin-left: auto; margin-right: auto; }

/* Resources pages */
div.download-formats { margin-top: 2em; margin-bottom: 2em; }
.download-formats p { display: inline; }
#mainContent .download-formats ul { display: inline; list-style: none;
                                    padding-left: 0; }
.download-formats ul li { display: inline; padding-left: 2em; }

/* Resources - book styles */
hr.chapter-separator { display: none; }
h2.likechapterHead { text-align: center; }
h2.chapterHead { text-align: center; }
#mainContent ul.author { list-style-type: none; padding-left: 0; }
#mainContent div.footnotes { font-style: normal; } /* remove italics */
span.sectionToc { padding-left: 2em; } /* indent TOC properly */
span.subsectionToc { padding-left: 4em; }
span.subsubsectionToc { padding-left: 6em;}
.js, .js p, .js p.bibitem, .js p.bibitem-p { background-color: #cde7e9; }

body.conservancy-overview #navbar ul li.overview a,
body.conservancy-Members #navbar ul li.Members a,
body.conservancy-news #navbar ul li.news a,
body.conservancy-blog #navbar ul li.blog a,
body.conservancy-About #navbar ul li.About a,
body.conservancy-donate #navbar ul li.donate a,
body.conservancy-sponsors #navbar ul li.sponsors a /* NO COMMA HERE! */
{ 
    color: #000033;
    font-weight: bold;
    background: #fff url(/img/nav-bg-up.png) top repeat-x;
}
body.conservancy-campaign #navbar ul li.campaign a
{ 
    color: #000033;
    font-weight: bold;
    background: url(/img/nav-bg-campaign-up.png) bottom repeat-x;
}

#sponsor ul {
  clear: all;
  margin-bottom: 10px;
}
#sponsor li {
  width: 100%;
  float: left;
  margin-top: 10px;
  text-align: center;
  list-style: none;
  margin-right: 5px;

#subbox {
   position: absolute;
   padding-top: 10px;
   right: 0px;
   width: 200px;
   font-size: 12px;
}