Improve partial for empty lists
[shapado:shapado.git] / app / stylesheets / app / content / _main.sass
1 // ========================================================================
2 //    Document     :   _main.sass
3 //    Created on   :   MAR 21 - 2011, 6:17 pm
4 //    Author       :   @dgfrancisco
5 //    Client       :   Shapado
6 //    Description  :
7 //========================================================================
8 #main-content-wrap, .users-main-content, .tags-list
9   .empty
10     margin: 20px
11     padding: 25px 25px 25px 130px
12     overflow: hidden
13
14     img
15       float: left
16       margin: 0 20px 0 0
17
18     h2
19       font-size: 20px
20       font-weight: bold
21       margin: 3px 0 7px 0
22
23     p
24       font-size: 14px
25
26   section
27     width: 100%
28
29     article
30       padding: 20px
31       .highlight
32         background-color: #ffff99
33         padding: 2px 5px
34         font-size: inherit
35       .user-data
36         font-size: 12px
37         margin: 0 0 10px 20px
38         a:hover
39           border-bottom: 1px dotted
40         i
41           font-size: 10px
42           font-style: italic
43           margin: 0 5px 0 0
44
45       h2
46         padding-left: 20px
47         margin: 0 0 5px 0
48         a
49           font-size: 20px
50           line-height: 22px
51           display: block
52
53       .tags
54         display: none
55         clear: both
56         margin: 0 0 13px 20px
57         ul li
58           float: left
59           display: inline
60           font-size: 11px
61           a
62             margin: 0 0 0 7px
63             &:hover
64               border-bottom: 1px dotted
65
66       .toolbar
67         clear: both
68         display: block
69         border: 0px !important
70         ul
71           li
72             float: right
73             display: inline
74             font-size: 11px
75             color: #999
76             margin-right: 5px
77             border: 0px !important
78             a
79               display: block
80               padding: 3px 5px
81               +small-radius
82               padding: 3px 7px
83               font-size: 11px
84           li.answers, li.votes, li.followers, li.answers a, li.votes a, li.followers a
85             float: left
86             font-size: 12px !important
87             border-right: 1px solid #e5e5e5
88           li.followers
89             padding: 3px 5px
90
91 .questions
92   article
93     .toolbar
94       overflow: hidden
95
96 .questions, #users_show .questions, .tags-list
97   section
98     article
99       h2
100         background: url("/images/q-icon-small.gif") 0 2px  no-repeat !important
101
102 .answers, #users_show .answers
103   section
104     article
105       h2
106         background: url("/images/ans-icon-small.gif") 0 1px  no-repeat !important
107       p
108         padding: 0 0 0 20px !important
109         border: 0px !important
110         margin: 0 0 5px 0 !important
111         background: url("/images/q-icon-small.gif") 0 2px  no-repeat !important
112
113 .unanswered, #users_show .unanswered
114   section
115     article
116       h2
117         background: url("/images/q-icon-small.gif") 0 2px  no-repeat !important
118
119 .admin-nav
120   margin: -20px 0 0 0
121   height: 31px
122   li
123     float: left
124     display: inline
125     a
126       padding: 10px 15px
127       display: block
128       font-size: 11px
129       text-transform: uppercase
130
131 .tags-list
132   h1
133     border-bottom: 1px solid #e5e5e5
134     padding: 10px
135     display: block
136     overflow: hidden
137     min-height: 40px
138
139 .announcement
140   padding: 15px
141   background-color: #fffee6
142   margin-bottom: 5px
143   +normal-radius
144
145
146 .activity
147   .content-tabs
148     .activity
149       background-color: #fff
150       a
151         span
152           color: #000
153       a:hover
154         background-color: #fff !important
155   .filters .activity a
156     border-bottom: 2px solid #f60 !important
157     color: #000
158   section
159     article
160       h2
161         background: url("/images/q-icon-small.gif") 0 2px  no-repeat !important
162       p
163         margin: 0 0 7px 0
164
165 .followUp-content
166   float: left
167   width: 100%
168   background-color: #f9f9f9
169   h1
170     margin: 20px 0 10px 30px !important
171     padding: 0 !important
172     font-size: 18px !important
173   a
174     margin: 0 0 20px 30px !important
175     overflow: hidden
176     display: block
177   ul
178     list-style: disc !important
179     margin: 0 0 20px 45px !important
180     overflow: hidden
181     display: block
182     li
183       a
184         margin: 0 !important
185
186
187 .generic-text
188   padding: 30px
189   h2
190     text-align: center
191     font-size: 28px
192     font-weight: bold
193     margin: 0 0 20px 0
194   p
195     margin: 0 100px 20px 100px
196     font-size: 13px
197     line-height: 18px
198     strong
199       font-weight: bold
200       color: #000
201   ul li
202     font-size: 13px
203     line-height: 18px
204     margin: 0 100px 20px 100px
205     p
206       margin: 10px 0 0 30px
207
208 .chat
209   text-align: center !important
210   padding: 0 0 30px 0