apps/funding/static/funding/funding.scss

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