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 }