Fixing some pages after layout changes, TOS, chat, privacy, etc
[shapado:shapado.git] / app / stylesheets / app / content / more / _plans.sass
1 .plans
2   width: 960px
3   margin: 0 auto
4   background-color: #fff
5   .top
6     margin-bottom: 50px
7     p
8       margin: 0 0 0 20px
9   .each
10     border-top: 1px solid #e5e5e5
11     border-bottom: 1px solid #e5e5e5
12     border-right: 1px solid #e5e5e5
13     float: left
14     width: 180px
15     margin: 0 0 20px 0
16     z-index: 1
17     .header
18       padding: 15px 10px
19       border-bottom: 1px solid #e5e5e5
20       background-color: #f9f9f9
21       h2
22         font-size: 25px
23         font-weight: bold
24         text-align: center
25         margin: 0 0 5px 0
26         text-shadow: 0 0 3px #999
27         color: #000        
28       p
29         text-align: center
30     ul
31       margin: 20px 10px 10px 25px
32       height: 160px
33       li
34         margin: 0 0 5px 0
35         list-style: disc !important
36         font-size: 11px
37     .price
38       font-size: 25px
39       color: #777
40       font-weight: bold
41       margin-bottom: 5px
42     .button a 
43       color: #666
44       font-size: 14px
45       &:hover
46         border-bottom: 1px dotted
47     .bottom
48       text-align: center
49       padding: 20px
50       background-image: -moz-linear-gradient(top, #e5e5e5, #aaa)
51       background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #aaa),color-stop(1, #e5e5e5))
52       filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5e5e5', endColorstr='#aaa')
53       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e5e5e5', endColorstr='#aaa')"      
54       background-color: #aaa
55   .first
56     border: 1px solid #e5e5e5
57     margin: 0 0 0 20px
58     -moz-border-radius: 5px 0 0 5px
59     -webkit-border-radius: 5px 0 0 5px
60     o-border-radius: 5px 0 0 5px
61     khtml-border-radius: 5px 0 0 5px
62     border-radius: 5px 0 0 5px
63     .bottom
64       -moz-border-radius: 0 0 0 5px
65       -webkit-border-radius: 0 0 0 5px
66       o-border-radius: 0 0 0 5px
67       khtml-border-radius: 0 0 0 5px
68       border-radius: 0 0 0 5px
69   .last
70     border: 1px solid #e5e5e5
71     -moz-border-radius: 0 5px 5px 0
72     -webkit-border-radius: 0 5px 5px 0
73     o-border-radius: 0 5px 5px 0
74     khtml-border-radius: 0 5px 5px 0
75     border-radius: 0 5px 5px 0
76     .bottom
77       -moz-border-radius: 0 0 5px 0
78       -webkit-border-radius: 0 0 5px 0
79       o-border-radius: 0 0 5px 0
80       khtml-border-radius: 0 0 5px 0
81       border-radius: 0 0 5px 0
82   p.free-offer
83     clear: both
84     text-align: center
85     color: #888
86     margin: 0 0 50px 0
87     a
88       color: #555
89       &:hover
90         border-bottom: 1px dotted
91   .selected
92     border: 1px solid #ed671f
93     background-color: #fff3d2
94     margin: -5px 5px 30px 5px
95     -moz-box-shadow: 0 0 5px #000
96     -webkit-box-shadow: 0 0 5px #000
97     o-box-shadow: 0 0 5px #000
98     khtml-box-shadow: 0 0 5px #000
99     box-shadow: 0 0 5px #000
100     z-index: 3
101     .header
102       background-color: #ffcc66
103       h2
104         font-size: 34px
105         margin-bottom: 0px
106     .price 
107       font-size: 30px
108       text-shadow: 0 1px 3px #000
109       color: #fff      
110     .button a
111       color: #fff
112       text-shadow: 0 1px 1px #000
113     .bottom
114       background-image: -moz-linear-gradient(top, #ed671e, #b4490f)
115       background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #b4490f),color-stop(1, #ed671e))
116       filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ed671e', endColorstr='#b4490f')
117       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ed671e', endColorstr='#b4490f')"   
118       background-color: #ed671e