dnet45/modules/open-science-observatory-ui/trunk/src/assets/less/components/_pricing_table.less @ 57592
1 |
/* 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 |
} |