Fix for New comments panel/form
[shapado:shapado.git] / app / stylesheets / app / content / question / _answers.sass
1 /* Main Question - Answers*/
2 //========================================================================
3 #answers-content-wrap
4   +normal-radius
5   clear: both
6   display: block
7   padding: 0 0 20px 0
8   min-height: 1000px
9
10   header
11     h3
12       background: url("/images/ans-icon-medium.gif") 10px 10px  no-repeat
13       font-size: 18px
14       padding: 11px 0 10px 40px
15
16   section.filters
17
18     ul.newest li.newest-active a, ul.votes li.votes-active a, ul.oldest li.oldest-active a
19       font-weight: bold
20
21 /* Main Question - Each Answer */
22 //========================================================================
23 article.answer
24   padding: 20px 20px 0px 50px !important
25   padding-left: 0px
26   float: left
27   position: relative
28   width: 90%
29
30   &.solution
31     .content
32       padding-left: 26px
33       background: url("/images/answer-winner.png")
34       background-repeat: no-repeat
35       min-height: 26px
36
37   .answer_vote_box
38     overflow: hidden
39     width: 25px
40     position: absolute
41     left: 17px
42     top: 25px
43     background-color: #fff
44     form
45       *
46         background-color: #fff
47       ul.vote_box button
48         height: 25px
49         width: 25px
50         border: none
51         background-color: #fff
52         &.negative
53           background-image: url("/images/question-toolbar-icons-small.png") !important
54           background-position: 6px -401px
55           background-repeat: no-repeat
56         &.positive
57           background-image: url("/images/question-toolbar-icons-small.png") !important
58           background-position: 6px -448px
59           background-repeat: no-repeat
60   .content
61     clear: both
62     float: none
63     display: block
64     padding: 0 10px
65   .winner
66     float: left
67     margin-right: 10px
68   p
69     font-size: 14px
70     line-height: 15px
71   h4
72     font-size: 12px
73     padding: 10px 10px 0 8px
74     float: left
75     margin: 0 0 10px 0
76     img.gravatar
77       float: left
78       margin: -5px 3px 0 0
79     a:hover
80       border-bottom: 1px dotted
81     i
82       font-size: 10px
83       font-style: italic
84   .thumb
85     width: 190px
86     height: 140px
87     position: relative
88     float: left
89     margin: 0 10px 10px 0
90     img.video_thumbnail
91       width: 100%
92       height: 100%
93       cursor: pointer
94     img.play_button
95       border: none
96       width: 38px
97       height: 33px
98       position: absolute
99       bottom: 5px
100       right: 5px
101       cursor: pointer
102   .answer-avatar
103     float: right
104     margin-right: 50px
105   li
106     float: left
107   form
108     margin: 0
109     width: auto
110   .votes_average
111     text-align: center
112     width: auto
113     margin: 0
114     padding: 3px 10px
115
116 /* Editors form output */
117 //========================================================================
118 .article-actions
119   position: relative
120   margin-bottom: 20px
121   ul
122     height: 20px
123     background-color: #f5f5f5
124     +normal-radius
125     li
126       float: left
127       display: inline
128       a
129         display: block
130         position: relative
131         padding: 5px 10px
132         font-size: 11px
133         cursor: pointer
134
135         &:hover
136           visibility: inherit
137         &:hover ul, &.sfHover ul
138           right: -5px
139           top: 25px
140           z-index: 99
141       ul
142         width: 130px
143         +none-radius
144         position: absolute
145
146         li
147           width: 100%
148           a:first-letter
149             text-transform: uppercase
150
151   .flagged
152     width: 380px
153     margin: -1px 0 0 0
154     padding: 7px 0 0 10px
155     a
156       float: right
157       margin-top: -6px
158       padding: 7px 0 6px 7px
159
160   
161 /* Closed reasons */
162 //========================================================================
163 #close_reason
164   display: block
165   clear: both
166   text-align: center
167   font-size: 14px
168   font-weight: bold
169   padding: 10px 0 !important
170   margin-bottom: 10px
171
172
173 /* Closed reasons */
174 //========================================================================
175 article.answer 
176   h3
177     color: #c00
178     font-size: 13px
179   .flags
180     overflow: hidden
181     li
182       font-size: 12px
183       margin: 5px 0
184       color: #000
185       strong
186         font-weight: normal
187         
188         
189         
190         
191         
192