Merge branch 'master' into funding
[wolnelektury.git] / 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 }