apps/funding/static/funding/funding.scss

   1 .funding {
   2     background: orange;
   3
   4     a.call {
   5         height: 1.2em;
   6         width: 13em;
   7         padding: .35em .5em;
   8         margin: .5em;
   9         display: inline-block;
  10         vertical-align: top;
  11         text-align: center;
  12
  13         background: lighten(#018189, .05);
  14     }
  15     .description {
  16         display: inline-block;
  17         padding-left: .6em;
  18         a {
  19             display: block;
  20             color: black;
  21         }
  22     }
  23     strong {
  24         font-size: 1.5em;
  25         padding: .2em .2em 0;
  26         display: block;
  27     }
  28     .progress {
  29         .piece {
  30             font-size: 1.3em;
  31             padding: .3em .5em;
  32         }
  33         width: 95.7em;
  34         margin: .1em .3em .4em;
  35         border-radius: 2em;
  36         background-image: url(/static/img/progress-pixel.png);
  37         background-repeat: repeat-y;
  38         background-color: fade-out(#ec6d00, .5);
  39         box-shadow: .1em .1em .1em #888;
  40     }
  41     .with-button .progress {
  42         width: 73em;
  43     }
  44 }
  45
  46
  47
  48
  49 .wlfund {
  50     width: 100%;
  51     border-collapse: collapse;
  52
  53     td {
  54         padding: 0 0 1em 0;
  55         text-align: center;
  56     }
  57
  58     td:last-child {
  59         text-align: right;
  60     }
  61
  62     td div {
  63         padding: 1em;
  64         box-shadow: 0 2px 0 #DDDDDD;
  65     }
  66
  67     .funding-plus td div {
  68         background: fade-out(#0D7E85, .8);
  69     }
  70
  71     .funding-minus td div {
  72         background: white;
  73     }
  74 }
  75
  76
  77
  78 .honking {
  79     background: #018189;
  80     font-size: 1.5em;
  81     padding: .5em;
  82     color: white;
  83     border: 0;
  84     box-shadow: 0.2em 0.2em 0.3em #888888;
  85     position: relative;
  86 }
  87 .honking:hover {
  88     box-shadow: none;
  89     top: .1em;
  90     left: .1em;
  91 }
  92
  93
  94
  95 .share {
  96     a {
  97         margin-right: 1.5em;
  98
  99         img {
 100             vertical-align: middle;
 101         }
 102     }
 103 }