apps/funding/static/funding/funding.scss

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