Mercurial > hg > agora
comparison static/css/agora.less @ 87:e0348cfbdf48
Update styling of snippets page
Some other CSS changes too.
Work-in-progress.
author | dellsystem <ilostwaldo@gmail.com> |
---|---|
date | Fri, 24 Aug 2012 23:45:48 -0400 |
parents | 343d79b20dd5 |
children | f872c643b056 |
comparison
equal
deleted
inserted
replaced
86:f97125d45898 | 87:e0348cfbdf48 |
---|---|
172 h1, h2, h3, h4, h5, h6 { | 172 h1, h2, h3, h4, h5, h6 { |
173 padding: 10px 0; | 173 padding: 10px 0; |
174 } | 174 } |
175 | 175 |
176 h1 { | 176 h1 { |
177 font-size: 3.0em; | 177 font-size: 2.1em; |
178 } | 178 } |
179 | 179 |
180 h2 { | 180 h2 { |
181 font-size: 2.0em; | 181 font-size: 1.7em; |
182 } | 182 } |
183 | 183 |
184 p { | 184 p { |
185 padding: 5px 0; | 185 padding: 5px 0; |
186 } | 186 } |
187 | |
188 .snippetform { | |
189 input[type=text], textarea { | |
190 width: @nonSidebarWidth - @inputPadding * 2 - 2; | |
191 padding: 5px; | |
192 margin: 10px 0; | |
193 outline: none; | |
194 border: 1px solid @mediumGrey; | |
195 .border-radius(3px); | |
196 line-height: 20px; | |
197 | |
198 &:focus { | |
199 border-color: @lightBlue; | |
200 } | |
201 } | |
202 } | |
203 | |
204 #sidebar { | |
205 width: @sidebarWidth - @sidebarPadding * 2; | |
206 padding: @sidebarPadding; | |
207 min-height: 300px; | |
208 background: @lighterGrey; | |
209 .inline-block; | |
210 } | |
211 | |
212 #non-sidebar { | |
213 .inline-block; | |
214 width: @nonSidebarWidth; | |
215 padding-right: @sidebarLeftSpace; | |
216 vertical-align: top; | |
217 } | |
218 | |
219 .hint { | |
220 border: 1px solid @lightBlue; | |
221 background: lighten(@mediumBlue, 40%); | |
222 padding-left: 10px; | |
223 margin-bottom: 10px; | |
224 padding-top: 10px; | |
225 } | |
226 | |
227 hr { | |
228 border: 0; | |
229 border-top: 1px solid @mediumGrey; | |
230 & + p { | |
231 margin-top: 10px; | |
232 } | |
233 } |