pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
pricing-table.less
(1725B)
1 /*
2 * CSS TABLES
3 */
4
5
6
7 .the-price {
8 background-color: rgba(220,220,220,.17);
9 box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
10 padding: 20px;
11 margin: 0;
12 }
13
14 .the-price h1 {
15 line-height: 1em;
16 padding: 0;
17 margin: 0;
18 }
19
20 .subscript {
21 font-size: 21px;
22 color:#999;
23 }
24
25
26 /*
27 * RIBBON
28 */
29
30 .ribbon {
31 position: absolute;
32 right: 9px;
33 top: -4px;
34 }
35
36
37 /*
38 * Price BIG
39 */
40
41 .pricing-big {
42 border:none !important;
43 }
44
45 .pricing-big .panel-heading {
46 border-radius: 5px 5px 0 0;
47 }
48
49 .pricing-big .panel-title {
50 text-transform: capitalize;
51 font-size: 18px;
52 padding: 20px 0;
53 text-align: center;
54 border-radius: 5px 5px 0 0;
55 margin:0;
56 font-weight:bold;
57 }
58
59 .pricing-big .the-price {
60 padding: 20px 0;
61 background: #333;
62 text-align: center;
63 font-size: 24px;
64 font-weight: bold;
65 color: #FFF;
66 box-shadow:none !important;
67 -moz-box-shadow:none !important;
68 }
69
70 .pricing-big .subscript {
71 font-size: 18px;
72 color: #999;
73 margin-left: 5px;
74 }
75
76 .price-features {
77 background: #FAFAFA;
78 padding: 20px 15px;
79 min-height: 230px;
80 font-size:13.5px;
81 }
82
83
84 .price-features li + li {
85 margin-top: 10px;
86 }
87
88 .pricing-big .panel-footer {
89 border-radius: 0 0 5px 5px;
90 }
91
92 .pricing-big .panel-footer .btn {
93 padding: 15px 0;
94 border-radius:3px;
95 font-weight:bold;
96 font-size:14px;
97 }
98
99 .pricing-big .panel-footer .btn span {
100 font-weight:normal;
101 font-style:italic;
102 }
103
104 .pricing-big .panel-footer {
105 background-color:#F2F2F2 !important;
106 }
107
108
109 .pricing-big .panel-footer > div {
110 padding:15px 0 10px;
111 display:block;
112 font-size:13px;
113 }
114
115 .pricing-big table {
116 background: #FAFAFA;
117 padding: 20px 15px;
118 height: 230px;
119 text-align:left;
120 }