-.standalone-funding {
- border: 1px solid black;
+.funding {
+ background: orange;
+ margin: auto;
+ padding: 5px;
+ width: 97.5em;
+ a.call {
+ height: 1.2em;
+ width: 9em;
+ padding: .35em .5em;
+ margin: .5em;
+ display: inline-block;
+ vertical-align: top;
+ text-align: center;
+
+ background: lighten(#018189, .05);
+ }
+ .description {
+ display: inline-block;
+ padding-left: .6em;
+ a {
+ display: block;
+ color: black;
+ padding: 0 3px;
+ }
+ }
+ strong {
+ font-size: 1.5em;
+ padding: .2em 0 0;
+ //display: block;
+ }
+ .progress {
+ .piece {
+ font-size: 1.3em;
+ padding: .3em .5em;
+ }
+ width: 95.7em;
+ margin: .3em 0 .4em;
+ border-radius: 2em;
+ background-image: url(/static/img/progress-pixel.png);
+ background-repeat: repeat-y;
+ background-color: fade-out(#ec6d00, .5);
+ box-shadow: .1em .1em .1em #888;
+ }
+ .with-button .progress {
+ width: 73em;
+ }
+
+ .funding-title {
+ font-size: 1.1em;
+ }
+ .funding-title-strong {
+ @extend .funding-title;
+ font-weight: bold;
+ font-size: 1.5em;
+ }
+
}
-.funding {
- font-size: 1.5em;
- padding: 0;
- padding: .5em 1em;
- background-image: url(/static/img/green-pixel.png);
- background-repeat: repeat-y;
- a {
- color: black;
+.wlfund {
+ width: 100%;
+ border-collapse: collapse;
+
+ td {
+ padding: 0 0 1em 0;
+ text-align: center;
+ }
+
+ td:last-child {
+ text-align: right;
+ }
+
+ td div {
+ padding: 1em;
+ box-shadow: 0 2px 0 #DDDDDD;
+ }
+
+ .funding-plus td div {
+ background: fade-out(#0D7E85, .8);
+ }
+
+ .funding-minus td div {
+ background: white;
}
}
-.funding-plus {
- background: fade-out(#0D7E85, .8);
+
+
+.honking {
+ background: #018189;
+ font-size: 1.5em;
+ padding: .5em;
+ color: white;
+ border: 0;
+ box-shadow: 0.2em 0.2em 0.3em #888888;
+ position: relative;
+}
+.honking:hover {
+ box-shadow: none;
+ top: .1em;
+ left: .1em;
}
-.funding-minus {
- background: fade-out(red, .8);
+
+
+.share {
+ a {
+ margin-right: 1.5em;
+
+ img {
+ vertical-align: middle;
+ }
+ }
}