dnet45/modules/open-science-observatory-ui/trunk/src/assets/less/components/_pricing_table.less @ 57592
1 | 57592 | stefania.m | /* pricing tables */ |
---|---|---|---|
2 | .pricing_table { |
||
3 | &.pricing_table_a { |
||
4 | text-align: center; |
||
5 | .pricing_table_plan { |
||
6 | font-size: 18px; |
||
7 | font-weight: 400; |
||
8 | padding: 16px 0; |
||
9 | margin-bottom: 16px; |
||
10 | } |
||
11 | .pricing_table_price { |
||
12 | padding: 8px 0 0; |
||
13 | font-size: 48px; |
||
14 | margin-bottom: 24px; |
||
15 | .currency { |
||
16 | vertical-align: top; |
||
17 | font-size: 24px; |
||
18 | padding: 0 4px; |
||
19 | } |
||
20 | .period { |
||
21 | font-size: 14px; |
||
22 | padding: 4px; |
||
23 | color: @text_muted; |
||
24 | display: block; |
||
25 | } |
||
26 | } |
||
27 | .pricing_table_features { |
||
28 | .reset_list(); |
||
29 | li { |
||
30 | font-size: 16px; |
||
31 | padding: 8px 0; |
||
32 | } |
||
33 | } |
||
34 | .pricing_table_select { |
||
35 | padding: 32px 0; |
||
36 | } |
||
37 | } |
||
38 | &.pricing_table_b { |
||
39 | text-align: center; |
||
40 | .pricing_table_plan { |
||
41 | font-size: 16px; |
||
42 | font-weight: 400; |
||
43 | padding: 16px 0; |
||
44 | margin-bottom: 16px; |
||
45 | text-transform: uppercase; |
||
46 | } |
||
47 | .pricing_table_price { |
||
48 | padding: 8px 0 0; |
||
49 | font-size: 48px; |
||
50 | margin-bottom: 24px; |
||
51 | .currency { |
||
52 | vertical-align: top; |
||
53 | font-size: 24px; |
||
54 | padding: 0 4px; |
||
55 | } |
||
56 | .period { |
||
57 | font-size: 14px; |
||
58 | padding: 4px; |
||
59 | color: @text_muted; |
||
60 | display: block; |
||
61 | } |
||
62 | } |
||
63 | .pricing_table_features { |
||
64 | .reset_list(); |
||
65 | li { |
||
66 | font-size: 16px; |
||
67 | padding: 8px 0; |
||
68 | } |
||
69 | } |
||
70 | .pricing_table_select { |
||
71 | padding: 32px 0; |
||
72 | } |
||
73 | } |
||
74 | &.pricing_table_c { |
||
75 | text-align: center; |
||
76 | .pricing_table_plan { |
||
77 | font-size: 16px; |
||
78 | font-weight: 400; |
||
79 | padding: 16px 0; |
||
80 | margin-bottom: 8px; |
||
81 | } |
||
82 | .pricing_table_price { |
||
83 | padding: 8px 0 0; |
||
84 | font-size: 48px; |
||
85 | margin-bottom: 24px; |
||
86 | .currency { |
||
87 | vertical-align: top; |
||
88 | font-size: 24px; |
||
89 | padding: 0 4px; |
||
90 | } |
||
91 | .period { |
||
92 | font-size: 14px; |
||
93 | color: @text_muted; |
||
94 | vertical-align: 0; |
||
95 | padding-left: 4px; |
||
96 | } |
||
97 | } |
||
98 | .pricing_table_features { |
||
99 | .reset_list(); |
||
100 | li { |
||
101 | font-size: 16px; |
||
102 | padding: 8px 0; |
||
103 | } |
||
104 | } |
||
105 | .pricing_table_select { |
||
106 | padding: 32px 0; |
||
107 | } |
||
108 | } |
||
109 | } |