root / snf-astakos-app / astakos / im / static / im / css / styles.less @ f70310ce
History | View | Annotate | Download (9.8 kB)
1 | 13858d75 | Kostas Papadimitriou | @import "../less/bootstrap.less"; |
---|---|---|---|
2 | f70310ce | Kostas Papadimitriou | @import "../less/xtra.less"; |
3 | 13858d75 | Kostas Papadimitriou | @import "../less/django_forms.less"; |
4 | 35a62b9d | Kostas Papadimitriou | @import "../less/tables.less"; |
5 | 13858d75 | Kostas Papadimitriou | |
6 | 86243acc | Kostas Papadimitriou | |
7 | 86243acc | Kostas Papadimitriou | @gradCol: #ddd; |
8 | 13858d75 | Kostas Papadimitriou | body { |
9 | 13858d75 | Kostas Papadimitriou | #font.main(); |
10 | 13858d75 | Kostas Papadimitriou | } |
11 | 13858d75 | Kostas Papadimitriou | |
12 | 86243acc | Kostas Papadimitriou | .topbar { |
13 | 86243acc | Kostas Papadimitriou | background-color: @shadowColor; |
14 | 86243acc | Kostas Papadimitriou | .head { |
15 | 86243acc | Kostas Papadimitriou | float: left; |
16 | 86243acc | Kostas Papadimitriou | padding: @gridGutterWidth/2-5; |
17 | 86243acc | Kostas Papadimitriou | } |
18 | 86243acc | Kostas Papadimitriou | .links { |
19 | 86243acc | Kostas Papadimitriou | .clearfix(); |
20 | 86243acc | Kostas Papadimitriou | a { |
21 | 86243acc | Kostas Papadimitriou | color: @black; |
22 | 86243acc | Kostas Papadimitriou | text-decoration: none; |
23 | 86243acc | Kostas Papadimitriou | display: block; |
24 | 86243acc | Kostas Papadimitriou | float: left; |
25 | 86243acc | Kostas Papadimitriou | margin-left: 10px; |
26 | 86243acc | Kostas Papadimitriou | padding: @gridGutterWidth/2+1; |
27 | 86243acc | Kostas Papadimitriou | |
28 | 86243acc | Kostas Papadimitriou | &:hover { |
29 | 86243acc | Kostas Papadimitriou | background-color: lighten(@black, 10%); |
30 | 86243acc | Kostas Papadimitriou | color: @white; |
31 | 86243acc | Kostas Papadimitriou | } |
32 | 86243acc | Kostas Papadimitriou | } |
33 | 86243acc | Kostas Papadimitriou | |
34 | 86243acc | Kostas Papadimitriou | float: right; |
35 | 86243acc | Kostas Papadimitriou | } |
36 | 86243acc | Kostas Papadimitriou | } |
37 | 86243acc | Kostas Papadimitriou | |
38 | 13858d75 | Kostas Papadimitriou | // default link styles |
39 | 13858d75 | Kostas Papadimitriou | section a, p a, form a, .section a { |
40 | 13858d75 | Kostas Papadimitriou | color: @black; |
41 | 13858d75 | Kostas Papadimitriou | text-decoration: none; |
42 | 13858d75 | Kostas Papadimitriou | border-bottom: 1px solid @linkColor; |
43 | 13858d75 | Kostas Papadimitriou | |
44 | 13858d75 | Kostas Papadimitriou | &:hover { |
45 | 13858d75 | Kostas Papadimitriou | color: @linkColor; |
46 | 13858d75 | Kostas Papadimitriou | } |
47 | 13858d75 | Kostas Papadimitriou | |
48 | 13858d75 | Kostas Papadimitriou | &.noborder { |
49 | 13858d75 | Kostas Papadimitriou | border: none; |
50 | 13858d75 | Kostas Papadimitriou | } |
51 | 86243acc | Kostas Papadimitriou | |
52 | 86243acc | Kostas Papadimitriou | em { |
53 | 86243acc | Kostas Papadimitriou | color: @blue; |
54 | 86243acc | Kostas Papadimitriou | } |
55 | 13858d75 | Kostas Papadimitriou | } |
56 | 13858d75 | Kostas Papadimitriou | |
57 | 13858d75 | Kostas Papadimitriou | a.action { |
58 | 13858d75 | Kostas Papadimitriou | color: @linkColor; |
59 | 13858d75 | Kostas Papadimitriou | border-bottom: none; |
60 | 13858d75 | Kostas Papadimitriou | } |
61 | 13858d75 | Kostas Papadimitriou | |
62 | 13858d75 | Kostas Papadimitriou | a img { |
63 | 13858d75 | Kostas Papadimitriou | border-bottom: none; |
64 | 13858d75 | Kostas Papadimitriou | } |
65 | 13858d75 | Kostas Papadimitriou | |
66 | 13858d75 | Kostas Papadimitriou | // body borders |
67 | 13858d75 | Kostas Papadimitriou | .content-border { |
68 | 13858d75 | Kostas Papadimitriou | border-right: 1px solid @mainBorderColor; |
69 | 13858d75 | Kostas Papadimitriou | border-left: 1px solid @mainBorderColor; |
70 | 13858d75 | Kostas Papadimitriou | } |
71 | 13858d75 | Kostas Papadimitriou | |
72 | 13858d75 | Kostas Papadimitriou | .hidden { |
73 | 13858d75 | Kostas Papadimitriou | display: none !important; |
74 | 13858d75 | Kostas Papadimitriou | } |
75 | 13858d75 | Kostas Papadimitriou | |
76 | 13858d75 | Kostas Papadimitriou | // container sizing |
77 | 13858d75 | Kostas Papadimitriou | .container, .topbar, .footer { |
78 | 13858d75 | Kostas Papadimitriou | .fixed-container(); |
79 | 13858d75 | Kostas Papadimitriou | .content-border(); |
80 | 13858d75 | Kostas Papadimitriou | padding: 0 @siteWhiteSpace; |
81 | 13858d75 | Kostas Papadimitriou | } |
82 | 13858d75 | Kostas Papadimitriou | |
83 | 13858d75 | Kostas Papadimitriou | .container { |
84 | 13858d75 | Kostas Papadimitriou | padding-bottom: @siteWhiteSpace; |
85 | 86243acc | Kostas Papadimitriou | background-color: @white; |
86 | 13858d75 | Kostas Papadimitriou | } |
87 | 13858d75 | Kostas Papadimitriou | |
88 | 13858d75 | Kostas Papadimitriou | .topbar { |
89 | 13858d75 | Kostas Papadimitriou | } |
90 | 13858d75 | Kostas Papadimitriou | |
91 | 13858d75 | Kostas Papadimitriou | |
92 | 86243acc | Kostas Papadimitriou | div.header { |
93 | 13858d75 | Kostas Papadimitriou | position: relative; |
94 | b640fa41 | Kostas Papadimitriou | margin-top: 42px; |
95 | 35a62b9d | Kostas Papadimitriou | margin-bottom: @gridGutterWidth; |
96 | 13858d75 | Kostas Papadimitriou | h1 { |
97 | 13858d75 | Kostas Papadimitriou | color: @shadowColor; |
98 | 13858d75 | Kostas Papadimitriou | display: inline; |
99 | 13858d75 | Kostas Papadimitriou | font-size: 2.3em; |
100 | 13858d75 | Kostas Papadimitriou | border-bottom: 1px solid @shadowColor; |
101 | 13858d75 | Kostas Papadimitriou | padding-bottom: 3px; |
102 | 13858d75 | Kostas Papadimitriou | } |
103 | 13858d75 | Kostas Papadimitriou | } |
104 | 13858d75 | Kostas Papadimitriou | .mainlogo { |
105 | 13858d75 | Kostas Papadimitriou | img { |
106 | 13858d75 | Kostas Papadimitriou | margin-left: -10px; |
107 | 13858d75 | Kostas Papadimitriou | } |
108 | 13858d75 | Kostas Papadimitriou | } |
109 | 13858d75 | Kostas Papadimitriou | |
110 | 13858d75 | Kostas Papadimitriou | .footer { |
111 | 13858d75 | Kostas Papadimitriou | border-bottom: 1px solid @mainBorderColor; |
112 | 13858d75 | Kostas Papadimitriou | border-top: 1px solid lighten(@mainBorderColor, 15%); |
113 | 13858d75 | Kostas Papadimitriou | padding-top: @gridGutterWidth; |
114 | 13858d75 | Kostas Papadimitriou | padding-bottom: @gridGutterWidth; |
115 | 13858d75 | Kostas Papadimitriou | } |
116 | 13858d75 | Kostas Papadimitriou | |
117 | 13858d75 | Kostas Papadimitriou | ul.inline { |
118 | 13858d75 | Kostas Papadimitriou | .clearfix(); |
119 | 13858d75 | Kostas Papadimitriou | li { |
120 | 13858d75 | Kostas Papadimitriou | display: block; |
121 | 13858d75 | Kostas Papadimitriou | float: left; |
122 | 13858d75 | Kostas Papadimitriou | margin-right: 1em; |
123 | 13858d75 | Kostas Papadimitriou | } |
124 | 13858d75 | Kostas Papadimitriou | } |
125 | 13858d75 | Kostas Papadimitriou | |
126 | 13858d75 | Kostas Papadimitriou | .mainnav.quicknav { |
127 | 13858d75 | Kostas Papadimitriou | position: absolute; |
128 | 13858d75 | Kostas Papadimitriou | right: 0; |
129 | 86243acc | Kostas Papadimitriou | top: -2.6*@gridGutterWidth; |
130 | 13858d75 | Kostas Papadimitriou | margin:0; |
131 | 13858d75 | Kostas Papadimitriou | |
132 | 13858d75 | Kostas Papadimitriou | li { |
133 | 13858d75 | Kostas Papadimitriou | margin-right:0; |
134 | 13858d75 | Kostas Papadimitriou | margin-left: 1em; |
135 | 13858d75 | Kostas Papadimitriou | } |
136 | 13858d75 | Kostas Papadimitriou | } |
137 | 13858d75 | Kostas Papadimitriou | |
138 | 86243acc | Kostas Papadimitriou | |
139 | 13858d75 | Kostas Papadimitriou | .mainnav { |
140 | 86243acc | Kostas Papadimitriou | font-size: 1.1em; |
141 | 13858d75 | Kostas Papadimitriou | |
142 | 86243acc | Kostas Papadimitriou | &.subnav { |
143 | 86243acc | Kostas Papadimitriou | margin-bottom: -@gridGutterWidth; |
144 | 86243acc | Kostas Papadimitriou | li { |
145 | 86243acc | Kostas Papadimitriou | margin-top: @gridGutterWidth/2; |
146 | 86243acc | Kostas Papadimitriou | } |
147 | 86243acc | Kostas Papadimitriou | } |
148 | 86243acc | Kostas Papadimitriou | |
149 | 35a62b9d | Kostas Papadimitriou | li { |
150 | 35a62b9d | Kostas Papadimitriou | margin-top: 3*@gridGutterWidth; |
151 | 35a62b9d | Kostas Papadimitriou | } |
152 | 13858d75 | Kostas Papadimitriou | |
153 | 13858d75 | Kostas Papadimitriou | li.active { |
154 | 13858d75 | Kostas Papadimitriou | a { |
155 | 86243acc | Kostas Papadimitriou | /*border-bottom: 1px solid @linkColor;*/ |
156 | 86243acc | Kostas Papadimitriou | border-bottom: none; |
157 | 13858d75 | Kostas Papadimitriou | color: @linkColor; |
158 | 13858d75 | Kostas Papadimitriou | } |
159 | 13858d75 | Kostas Papadimitriou | } |
160 | 13858d75 | Kostas Papadimitriou | a { |
161 | 13858d75 | Kostas Papadimitriou | color: @black; |
162 | 13858d75 | Kostas Papadimitriou | text-decoration: none; |
163 | 13858d75 | Kostas Papadimitriou | |
164 | 13858d75 | Kostas Papadimitriou | &:hover { |
165 | 13858d75 | Kostas Papadimitriou | border-bottom: 1px solid @linkColor; |
166 | 13858d75 | Kostas Papadimitriou | } |
167 | 13858d75 | Kostas Papadimitriou | |
168 | 13858d75 | Kostas Papadimitriou | &.active, &:active { |
169 | 13858d75 | Kostas Papadimitriou | border-bottom: 1px solid @linkColor; |
170 | 13858d75 | Kostas Papadimitriou | color: @linkColor; |
171 | 13858d75 | Kostas Papadimitriou | } |
172 | 13858d75 | Kostas Papadimitriou | } |
173 | 13858d75 | Kostas Papadimitriou | } |
174 | 13858d75 | Kostas Papadimitriou | |
175 | 13858d75 | Kostas Papadimitriou | .page { |
176 | 13858d75 | Kostas Papadimitriou | .makeRow(); |
177 | b640fa41 | Kostas Papadimitriou | margin-top: 42px; |
178 | 13858d75 | Kostas Papadimitriou | font-size: 1.1em; |
179 | 86243acc | Kostas Papadimitriou | .page-inner { |
180 | 86243acc | Kostas Papadimitriou | position: relative; |
181 | 86243acc | Kostas Papadimitriou | } |
182 | 13858d75 | Kostas Papadimitriou | } |
183 | 13858d75 | Kostas Papadimitriou | |
184 | 13858d75 | Kostas Papadimitriou | // columnlayout |
185 | 13858d75 | Kostas Papadimitriou | .maincol { |
186 | 13858d75 | Kostas Papadimitriou | .makeColumn(5); |
187 | 86243acc | Kostas Papadimitriou | |
188 | 86243acc | Kostas Papadimitriou | &.wide { |
189 | 86243acc | Kostas Papadimitriou | .makeColumn(6); |
190 | 86243acc | Kostas Papadimitriou | } |
191 | 13858d75 | Kostas Papadimitriou | |
192 | 13858d75 | Kostas Papadimitriou | &.full { |
193 | 86243acc | Kostas Papadimitriou | .makeRow(); |
194 | 86243acc | Kostas Papadimitriou | margin-left: 0; |
195 | 13858d75 | Kostas Papadimitriou | .makeColumn(10); |
196 | 13858d75 | Kostas Papadimitriou | } |
197 | 13858d75 | Kostas Papadimitriou | } |
198 | 13858d75 | Kostas Papadimitriou | |
199 | 13858d75 | Kostas Papadimitriou | .appbar { |
200 | 13858d75 | Kostas Papadimitriou | height: 30px; |
201 | 13858d75 | Kostas Papadimitriou | background-color: @blue; |
202 | 13858d75 | Kostas Papadimitriou | } |
203 | 86243acc | Kostas Papadimitriou | |
204 | 13858d75 | Kostas Papadimitriou | .rightcol { |
205 | 13858d75 | Kostas Papadimitriou | .offset(6.5); |
206 | 13858d75 | Kostas Papadimitriou | .columns(4); |
207 | 86243acc | Kostas Papadimitriou | |
208 | 86243acc | Kostas Papadimitriou | &.narrow { |
209 | 86243acc | Kostas Papadimitriou | .offset(7.5); |
210 | 86243acc | Kostas Papadimitriou | .columns(3); |
211 | 86243acc | Kostas Papadimitriou | } |
212 | 13858d75 | Kostas Papadimitriou | input[type=text], input[type=password] { |
213 | 13858d75 | Kostas Papadimitriou | width: 3*@gridColumnWidth + 4*@gridGutterWidth + 5; |
214 | 13858d75 | Kostas Papadimitriou | } |
215 | 13858d75 | Kostas Papadimitriou | } |
216 | 13858d75 | Kostas Papadimitriou | |
217 | b640fa41 | Kostas Papadimitriou | |
218 | b640fa41 | Kostas Papadimitriou | /* recaptcha */ |
219 | b640fa41 | Kostas Papadimitriou | #recaptcha_widget_div { |
220 | b640fa41 | Kostas Papadimitriou | margin-top: 10px; |
221 | b640fa41 | Kostas Papadimitriou | margin-left: -4px; |
222 | b640fa41 | Kostas Papadimitriou | |
223 | b640fa41 | Kostas Papadimitriou | #recaptcha_instructions_image { |
224 | b640fa41 | Kostas Papadimitriou | font-size: 0.8em; |
225 | b640fa41 | Kostas Papadimitriou | margin-bottom: 10px; |
226 | b640fa41 | Kostas Papadimitriou | display: block !important; |
227 | b640fa41 | Kostas Papadimitriou | } |
228 | b640fa41 | Kostas Papadimitriou | } |
229 | 86243acc | Kostas Papadimitriou | /* generic form styles */ |
230 | 86243acc | Kostas Papadimitriou | input, textarea, .form-widget { |
231 | 86243acc | Kostas Papadimitriou | background-color: @white; |
232 | 86243acc | Kostas Papadimitriou | color: @black; |
233 | 86243acc | Kostas Papadimitriou | border-color: @black; |
234 | 86243acc | Kostas Papadimitriou | } |
235 | 86243acc | Kostas Papadimitriou | |
236 | 86243acc | Kostas Papadimitriou | .checkbox-widget.checked { |
237 | 86243acc | Kostas Papadimitriou | background-color: #f00; |
238 | 86243acc | Kostas Papadimitriou | background-image: url("../images/checkbox.png"); |
239 | 86243acc | Kostas Papadimitriou | background-position: 50% 50%; |
240 | 86243acc | Kostas Papadimitriou | } |
241 | 86243acc | Kostas Papadimitriou | |
242 | 86243acc | Kostas Papadimitriou | .checkbox-widget { |
243 | 86243acc | Kostas Papadimitriou | border: 1px solid @gray; |
244 | 86243acc | Kostas Papadimitriou | width: 25px; |
245 | 86243acc | Kostas Papadimitriou | height: 25px; |
246 | 86243acc | Kostas Papadimitriou | display: block; |
247 | 86243acc | Kostas Papadimitriou | float: left; |
248 | 86243acc | Kostas Papadimitriou | cursor: pointer; |
249 | 86243acc | Kostas Papadimitriou | margin-top: @gridGutterWidth/2 - 2; |
250 | 86243acc | Kostas Papadimitriou | } |
251 | 86243acc | Kostas Papadimitriou | |
252 | 13858d75 | Kostas Papadimitriou | #forms { |
253 | 86243acc | Kostas Papadimitriou | .input, input { |
254 | 13858d75 | Kostas Papadimitriou | #font.main(); |
255 | 13858d75 | Kostas Papadimitriou | border: 1px solid @gray; |
256 | 13858d75 | Kostas Papadimitriou | margin-bottom: -1px; |
257 | 13858d75 | Kostas Papadimitriou | padding: 0.8em; |
258 | 13858d75 | Kostas Papadimitriou | padding-left: 1.5em; |
259 | 86243acc | Kostas Papadimitriou | z-index: 2; |
260 | 86243acc | Kostas Papadimitriou | |
261 | 86243acc | Kostas Papadimitriou | &:focus { |
262 | 86243acc | Kostas Papadimitriou | position: relative; |
263 | 86243acc | Kostas Papadimitriou | border: 1px solid #000; |
264 | 86243acc | Kostas Papadimitriou | z-index: 100; |
265 | 86243acc | Kostas Papadimitriou | } |
266 | 13858d75 | Kostas Papadimitriou | } |
267 | 13858d75 | Kostas Papadimitriou | } |
268 | 13858d75 | Kostas Papadimitriou | |
269 | 13858d75 | Kostas Papadimitriou | .altcol { |
270 | 13858d75 | Kostas Papadimitriou | background-color: @altColor !important; |
271 | 13858d75 | Kostas Papadimitriou | |
272 | 13858d75 | Kostas Papadimitriou | &:hover { |
273 | 13858d75 | Kostas Papadimitriou | background-color: @linkColor !important; |
274 | 13858d75 | Kostas Papadimitriou | } |
275 | 13858d75 | Kostas Papadimitriou | } |
276 | 13858d75 | Kostas Papadimitriou | |
277 | 13858d75 | Kostas Papadimitriou | .section { |
278 | 86243acc | Kostas Papadimitriou | |
279 | 86243acc | Kostas Papadimitriou | &.positioned { |
280 | 86243acc | Kostas Papadimitriou | |
281 | 86243acc | Kostas Papadimitriou | .content { |
282 | 86243acc | Kostas Papadimitriou | .makeColumn(4); |
283 | 86243acc | Kostas Papadimitriou | } |
284 | 86243acc | Kostas Papadimitriou | |
285 | 86243acc | Kostas Papadimitriou | img { |
286 | 86243acc | Kostas Papadimitriou | } |
287 | 86243acc | Kostas Papadimitriou | |
288 | 86243acc | Kostas Papadimitriou | &.withimg { |
289 | 86243acc | Kostas Papadimitriou | .img { |
290 | 86243acc | Kostas Papadimitriou | .makeColumn(4); |
291 | 86243acc | Kostas Papadimitriou | } |
292 | 86243acc | Kostas Papadimitriou | |
293 | 86243acc | Kostas Papadimitriou | img { |
294 | 86243acc | Kostas Papadimitriou | float: left; |
295 | 86243acc | Kostas Papadimitriou | } |
296 | 86243acc | Kostas Papadimitriou | } |
297 | 86243acc | Kostas Papadimitriou | |
298 | 86243acc | Kostas Papadimitriou | h3 { |
299 | 86243acc | Kostas Papadimitriou | margin-bottom: @gridGutterWidth; |
300 | 86243acc | Kostas Papadimitriou | } |
301 | 86243acc | Kostas Papadimitriou | |
302 | 86243acc | Kostas Papadimitriou | .text { |
303 | 86243acc | Kostas Papadimitriou | color: @black; |
304 | 86243acc | Kostas Papadimitriou | } |
305 | 86243acc | Kostas Papadimitriou | } |
306 | 86243acc | Kostas Papadimitriou | |
307 | 13858d75 | Kostas Papadimitriou | margin-bottom: 2em; |
308 | 13858d75 | Kostas Papadimitriou | |
309 | 13858d75 | Kostas Papadimitriou | .left, .right { |
310 | 13858d75 | Kostas Papadimitriou | width: 50%; |
311 | 13858d75 | Kostas Papadimitriou | float: left; |
312 | 13858d75 | Kostas Papadimitriou | } |
313 | 13858d75 | Kostas Papadimitriou | |
314 | 13858d75 | Kostas Papadimitriou | &.imagelist { |
315 | 13858d75 | Kostas Papadimitriou | margin-top: 2em; |
316 | 13858d75 | Kostas Papadimitriou | .clearfix(); |
317 | 13858d75 | Kostas Papadimitriou | img { |
318 | 13858d75 | Kostas Papadimitriou | float: left; |
319 | 13858d75 | Kostas Papadimitriou | margin-right: 4em; |
320 | 13858d75 | Kostas Papadimitriou | vertical-align: middle; |
321 | 13858d75 | Kostas Papadimitriou | } |
322 | 13858d75 | Kostas Papadimitriou | } |
323 | 13858d75 | Kostas Papadimitriou | } |
324 | 13858d75 | Kostas Papadimitriou | |
325 | 13858d75 | Kostas Papadimitriou | input[readonly=true] { |
326 | 13858d75 | Kostas Papadimitriou | background-color: #ddd; |
327 | 86243acc | Kostas Papadimitriou | color: darken(#ddd, 70%); |
328 | 13858d75 | Kostas Papadimitriou | } |
329 | 13858d75 | Kostas Papadimitriou | |
330 | 13858d75 | Kostas Papadimitriou | form.withlabels { |
331 | 13858d75 | Kostas Papadimitriou | label { |
332 | 13858d75 | Kostas Papadimitriou | width: 3*@gridColumnWidth + 2*@gridGutterWidth; |
333 | 13858d75 | Kostas Papadimitriou | display: block; |
334 | 13858d75 | Kostas Papadimitriou | float: left; |
335 | 13858d75 | Kostas Papadimitriou | padding-top: 1em; |
336 | 13858d75 | Kostas Papadimitriou | } |
337 | 13858d75 | Kostas Papadimitriou | |
338 | 86243acc | Kostas Papadimitriou | input[type=text], input[type=password], textarea { |
339 | 13858d75 | Kostas Papadimitriou | width: 3*@gridColumnWidth + 2*@gridGutterWidth; |
340 | 86243acc | Kostas Papadimitriou | |
341 | 86243acc | Kostas Papadimitriou | &.long { |
342 | 86243acc | Kostas Papadimitriou | width: 3*@gridColumnWidth + 2*@gridGutterWidth; |
343 | 86243acc | Kostas Papadimitriou | } |
344 | 13858d75 | Kostas Papadimitriou | } |
345 | 13858d75 | Kostas Papadimitriou | } |
346 | 13858d75 | Kostas Papadimitriou | |
347 | 86243acc | Kostas Papadimitriou | |
348 | 13858d75 | Kostas Papadimitriou | @errorColor: lighten(@red, 30%); |
349 | 13858d75 | Kostas Papadimitriou | // forms |
350 | 13858d75 | Kostas Papadimitriou | form { |
351 | 13858d75 | Kostas Papadimitriou | |
352 | 13858d75 | Kostas Papadimitriou | &.login { |
353 | 13858d75 | Kostas Papadimitriou | margin-bottom: 3em; |
354 | 13858d75 | Kostas Papadimitriou | } |
355 | 13858d75 | Kostas Papadimitriou | |
356 | 13858d75 | Kostas Papadimitriou | h2 { |
357 | 13858d75 | Kostas Papadimitriou | color: @black; |
358 | 13858d75 | Kostas Papadimitriou | margin-bottom: @gridGutterWidth; |
359 | 13858d75 | Kostas Papadimitriou | font-size: 1.1em; |
360 | 13858d75 | Kostas Papadimitriou | |
361 | 13858d75 | Kostas Papadimitriou | span { |
362 | 13858d75 | Kostas Papadimitriou | padding-bottom: 3px; |
363 | 13858d75 | Kostas Papadimitriou | } |
364 | 13858d75 | Kostas Papadimitriou | } |
365 | 13858d75 | Kostas Papadimitriou | |
366 | 13858d75 | Kostas Papadimitriou | .form-row { |
367 | 86243acc | Kostas Papadimitriou | min-height: 2*@gridGutterWidth; |
368 | 13858d75 | Kostas Papadimitriou | position: relative; |
369 | 13858d75 | Kostas Papadimitriou | &.submit { |
370 | 13858d75 | Kostas Papadimitriou | margin-top: @gridGutterWidth; |
371 | 13858d75 | Kostas Papadimitriou | } |
372 | 13858d75 | Kostas Papadimitriou | |
373 | 13858d75 | Kostas Papadimitriou | .extra-link { |
374 | 13858d75 | Kostas Papadimitriou | color: @gray; |
375 | 13858d75 | Kostas Papadimitriou | text-decoration: none; |
376 | 13858d75 | Kostas Papadimitriou | border: none; |
377 | 13858d75 | Kostas Papadimitriou | font-size: 0.8em; |
378 | 13858d75 | Kostas Papadimitriou | margin-top: 1.3em; |
379 | 13858d75 | Kostas Papadimitriou | float: right; |
380 | 13858d75 | Kostas Papadimitriou | } |
381 | 13858d75 | Kostas Papadimitriou | } |
382 | 13858d75 | Kostas Papadimitriou | |
383 | 13858d75 | Kostas Papadimitriou | &.innerlabels label { |
384 | 13858d75 | Kostas Papadimitriou | position: absolute; |
385 | 13858d75 | Kostas Papadimitriou | top:1em; |
386 | 13858d75 | Kostas Papadimitriou | left:1.5em; |
387 | 13858d75 | Kostas Papadimitriou | color: #aaa; |
388 | 13858d75 | Kostas Papadimitriou | } |
389 | 13858d75 | Kostas Papadimitriou | |
390 | 13858d75 | Kostas Papadimitriou | &.innerlabels p { |
391 | 13858d75 | Kostas Papadimitriou | position: relative; |
392 | 13858d75 | Kostas Papadimitriou | } |
393 | 13858d75 | Kostas Papadimitriou | |
394 | 86243acc | Kostas Papadimitriou | textarea, input.text, input[type="text"], input[type="password"] { |
395 | 13858d75 | Kostas Papadimitriou | #forms.input(); |
396 | 13858d75 | Kostas Papadimitriou | } |
397 | 13858d75 | Kostas Papadimitriou | |
398 | 13858d75 | Kostas Papadimitriou | input.submit, input[type="submit"] { |
399 | 13858d75 | Kostas Papadimitriou | .button(); |
400 | 13858d75 | Kostas Papadimitriou | } |
401 | 13858d75 | Kostas Papadimitriou | |
402 | 13858d75 | Kostas Papadimitriou | |
403 | 13858d75 | Kostas Papadimitriou | .with-errors { |
404 | 13858d75 | Kostas Papadimitriou | input, textarea, select { |
405 | 13858d75 | Kostas Papadimitriou | color: @red; |
406 | 13858d75 | Kostas Papadimitriou | } |
407 | 13858d75 | Kostas Papadimitriou | label { |
408 | 13858d75 | Kostas Papadimitriou | color: @errorColor; |
409 | 13858d75 | Kostas Papadimitriou | } |
410 | 13858d75 | Kostas Papadimitriou | } |
411 | 13858d75 | Kostas Papadimitriou | } |
412 | 13858d75 | Kostas Papadimitriou | |
413 | 13858d75 | Kostas Papadimitriou | .form-error { |
414 | 13858d75 | Kostas Papadimitriou | background-color: @red; |
415 | 13858d75 | Kostas Papadimitriou | color: #fff; |
416 | 13858d75 | Kostas Papadimitriou | font-size: 0.8em; |
417 | 35a62b9d | Kostas Papadimitriou | padding: 5px 5px; |
418 | 13858d75 | Kostas Papadimitriou | } |
419 | 13858d75 | Kostas Papadimitriou | |
420 | 13858d75 | Kostas Papadimitriou | .form-errors.all { |
421 | 13858d75 | Kostas Papadimitriou | .form-error { |
422 | 13858d75 | Kostas Papadimitriou | position: relative; |
423 | 13858d75 | Kostas Papadimitriou | border-radius: 0; |
424 | 13858d75 | Kostas Papadimitriou | margin-bottom: 1.3em; |
425 | 13858d75 | Kostas Papadimitriou | padding: 0.5em; |
426 | 13858d75 | Kostas Papadimitriou | } |
427 | 13858d75 | Kostas Papadimitriou | } |
428 | 13858d75 | Kostas Papadimitriou | |
429 | 13858d75 | Kostas Papadimitriou | div.form-stacked { |
430 | 13858d75 | Kostas Papadimitriou | margin-bottom: 4em; |
431 | 13858d75 | Kostas Papadimitriou | } |
432 | 13858d75 | Kostas Papadimitriou | // content types |
433 | 13858d75 | Kostas Papadimitriou | .section { |
434 | 13858d75 | Kostas Papadimitriou | h2 { |
435 | 13858d75 | Kostas Papadimitriou | font-size: 1.1em; |
436 | 13858d75 | Kostas Papadimitriou | margin-bottom: 1.5*@gridGutterWidth; |
437 | 86243acc | Kostas Papadimitriou | |
438 | 86243acc | Kostas Papadimitriou | a { |
439 | 86243acc | Kostas Papadimitriou | color: #4085A6; |
440 | 86243acc | Kostas Papadimitriou | border: none; |
441 | 86243acc | Kostas Papadimitriou | } |
442 | 13858d75 | Kostas Papadimitriou | } |
443 | 13858d75 | Kostas Papadimitriou | |
444 | 13858d75 | Kostas Papadimitriou | p { |
445 | 13858d75 | Kostas Papadimitriou | line-height: 1.7em; |
446 | 13858d75 | Kostas Papadimitriou | } |
447 | 13858d75 | Kostas Papadimitriou | } |
448 | 13858d75 | Kostas Papadimitriou | |
449 | 13858d75 | Kostas Papadimitriou | |
450 | e5726427 | Kostas Papadimitriou | // page messages |
451 | e5726427 | Kostas Papadimitriou | .messages { |
452 | e5726427 | Kostas Papadimitriou | .makeColumn(10); |
453 | e5726427 | Kostas Papadimitriou | |
454 | e5726427 | Kostas Papadimitriou | margin-bottom: 2em; |
455 | e5726427 | Kostas Papadimitriou | background-color: #ddd; |
456 | e5726427 | Kostas Papadimitriou | |
457 | e5726427 | Kostas Papadimitriou | li { |
458 | e5726427 | Kostas Papadimitriou | padding: 1em; |
459 | e5726427 | Kostas Papadimitriou | |
460 | e5726427 | Kostas Papadimitriou | &.success { background-color: @green; color: @white } |
461 | e5726427 | Kostas Papadimitriou | &.error { background-color: @red; color: @white } |
462 | e5726427 | Kostas Papadimitriou | &.warning { background-color: @yellow; color: @black } |
463 | e5726427 | Kostas Papadimitriou | } |
464 | e5726427 | Kostas Papadimitriou | |
465 | e5726427 | Kostas Papadimitriou | } |
466 | e5726427 | Kostas Papadimitriou | |
467 | 13858d75 | Kostas Papadimitriou | // accounts specific styles |
468 | 13858d75 | Kostas Papadimitriou | .service-desc { |
469 | 13858d75 | Kostas Papadimitriou | margin-top: 4em; |
470 | 13858d75 | Kostas Papadimitriou | |
471 | 13858d75 | Kostas Papadimitriou | } |
472 | 1bfd767d | Kostas Papadimitriou | |
473 | 86243acc | Kostas Papadimitriou | |
474 | 86243acc | Kostas Papadimitriou | // invitations table |
475 | 1bfd767d | Kostas Papadimitriou | table { |
476 | 1bfd767d | Kostas Papadimitriou | |
477 | 1bfd767d | Kostas Papadimitriou | td.consumed { |
478 | 1bfd767d | Kostas Papadimitriou | color: @red; |
479 | 1bfd767d | Kostas Papadimitriou | } |
480 | 86243acc | Kostas Papadimitriou | |
481 | 1bfd767d | Kostas Papadimitriou | tr.consumed { |
482 | 1bfd767d | Kostas Papadimitriou | td.consumed { |
483 | 1bfd767d | Kostas Papadimitriou | color: @green; |
484 | 1bfd767d | Kostas Papadimitriou | } |
485 | 1bfd767d | Kostas Papadimitriou | } |
486 | 1bfd767d | Kostas Papadimitriou | } |
487 | 86243acc | Kostas Papadimitriou | |
488 | 86243acc | Kostas Papadimitriou | |
489 | 86243acc | Kostas Papadimitriou | .row { .makeRow() } |
490 | 86243acc | Kostas Papadimitriou | |
491 | 86243acc | Kostas Papadimitriou | // footer |
492 | 86243acc | Kostas Papadimitriou | .footer { |
493 | 86243acc | Kostas Papadimitriou | .makeRow() |
494 | 86243acc | Kostas Papadimitriou | |
495 | 86243acc | Kostas Papadimitriou | &:hover { |
496 | 86243acc | Kostas Papadimitriou | a { |
497 | 86243acc | Kostas Papadimitriou | color: @gray !important; |
498 | 86243acc | Kostas Papadimitriou | .transit(); |
499 | 86243acc | Kostas Papadimitriou | } |
500 | 86243acc | Kostas Papadimitriou | } |
501 | 86243acc | Kostas Papadimitriou | |
502 | 86243acc | Kostas Papadimitriou | a { |
503 | 86243acc | Kostas Papadimitriou | color: lighten(@gray, 20%); |
504 | 86243acc | Kostas Papadimitriou | .transit(); |
505 | 86243acc | Kostas Papadimitriou | text-decoration: none; |
506 | 86243acc | Kostas Papadimitriou | |
507 | 86243acc | Kostas Papadimitriou | &:hover { |
508 | 86243acc | Kostas Papadimitriou | color: darken(@gray, 50%); |
509 | 86243acc | Kostas Papadimitriou | } |
510 | 86243acc | Kostas Papadimitriou | } |
511 | 86243acc | Kostas Papadimitriou | |
512 | 86243acc | Kostas Papadimitriou | li { |
513 | 86243acc | Kostas Papadimitriou | margin-bottom: @gridGutterWidth/2; |
514 | 86243acc | Kostas Papadimitriou | |
515 | 86243acc | Kostas Papadimitriou | &.header { |
516 | 86243acc | Kostas Papadimitriou | margin-bottom: @gridGutterWidth; |
517 | 86243acc | Kostas Papadimitriou | } |
518 | 86243acc | Kostas Papadimitriou | } |
519 | 86243acc | Kostas Papadimitriou | |
520 | 86243acc | Kostas Papadimitriou | .col { |
521 | 86243acc | Kostas Papadimitriou | .makeColumn(4); |
522 | 86243acc | Kostas Papadimitriou | &:last-child, &.last { |
523 | 86243acc | Kostas Papadimitriou | width: 140px; |
524 | 86243acc | Kostas Papadimitriou | margin-right:0; |
525 | 86243acc | Kostas Papadimitriou | } |
526 | 86243acc | Kostas Papadimitriou | } |
527 | 86243acc | Kostas Papadimitriou | |
528 | 86243acc | Kostas Papadimitriou | .bottom.row { |
529 | 86243acc | Kostas Papadimitriou | .col { |
530 | 86243acc | Kostas Papadimitriou | .makeColumn(2); |
531 | 86243acc | Kostas Papadimitriou | &:last-child, &.last { |
532 | 86243acc | Kostas Papadimitriou | width: 140px; |
533 | 86243acc | Kostas Papadimitriou | margin-right:0; |
534 | 86243acc | Kostas Papadimitriou | } |
535 | 86243acc | Kostas Papadimitriou | } |
536 | 86243acc | Kostas Papadimitriou | } |
537 | 86243acc | Kostas Papadimitriou | } |
538 | 86243acc | Kostas Papadimitriou | |
539 | 86243acc | Kostas Papadimitriou | |
540 | 86243acc | Kostas Papadimitriou | /*pagination*/ |
541 | 86243acc | Kostas Papadimitriou | |
542 | 86243acc | Kostas Papadimitriou | |
543 | 86243acc | Kostas Papadimitriou | /*blog styles*/ |
544 | 86243acc | Kostas Papadimitriou | .blog-entries { |
545 | 86243acc | Kostas Papadimitriou | |
546 | 86243acc | Kostas Papadimitriou | } |
547 | 86243acc | Kostas Papadimitriou | |
548 | 86243acc | Kostas Papadimitriou | .blog-entry { |
549 | 86243acc | Kostas Papadimitriou | |
550 | 86243acc | Kostas Papadimitriou | .section(); |
551 | 86243acc | Kostas Papadimitriou | .clearfix(); |
552 | 86243acc | Kostas Papadimitriou | margin-bottom: 2*@gridGutterWidth; |
553 | 86243acc | Kostas Papadimitriou | |
554 | 86243acc | Kostas Papadimitriou | .title { |
555 | 86243acc | Kostas Papadimitriou | margin-bottom: 1em; |
556 | 86243acc | Kostas Papadimitriou | font-size: 1.1em; |
557 | 86243acc | Kostas Papadimitriou | } |
558 | 86243acc | Kostas Papadimitriou | |
559 | 86243acc | Kostas Papadimitriou | .media { |
560 | 86243acc | Kostas Papadimitriou | img { |
561 | 86243acc | Kostas Papadimitriou | border: 1px solid @gray; |
562 | 86243acc | Kostas Papadimitriou | } |
563 | 86243acc | Kostas Papadimitriou | } |
564 | 86243acc | Kostas Papadimitriou | |
565 | 86243acc | Kostas Papadimitriou | .intro-content, .content { |
566 | 86243acc | Kostas Papadimitriou | margin-top: @gridGutterWidth; |
567 | 86243acc | Kostas Papadimitriou | |
568 | 86243acc | Kostas Papadimitriou | object { |
569 | 86243acc | Kostas Papadimitriou | margin: @gridGutterWidth 0; |
570 | 86243acc | Kostas Papadimitriou | } |
571 | 86243acc | Kostas Papadimitriou | } |
572 | 86243acc | Kostas Papadimitriou | |
573 | 86243acc | Kostas Papadimitriou | .entry-info { |
574 | 86243acc | Kostas Papadimitriou | font-size: 0.7em; |
575 | 86243acc | Kostas Papadimitriou | margin-top: @gridGutterWidth; |
576 | 86243acc | Kostas Papadimitriou | } |
577 | 86243acc | Kostas Papadimitriou | |
578 | 86243acc | Kostas Papadimitriou | &.single { |
579 | 86243acc | Kostas Papadimitriou | .entry-info { |
580 | 86243acc | Kostas Papadimitriou | margin-top: 0; |
581 | 86243acc | Kostas Papadimitriou | margin-bottom: @gridGutterWidth; |
582 | 86243acc | Kostas Papadimitriou | } |
583 | 86243acc | Kostas Papadimitriou | } |
584 | 86243acc | Kostas Papadimitriou | } |
585 | 86243acc | Kostas Papadimitriou | |
586 | 86243acc | Kostas Papadimitriou | .section.twitter-feed { |
587 | 86243acc | Kostas Papadimitriou | |
588 | 86243acc | Kostas Papadimitriou | .tweet { |
589 | 86243acc | Kostas Papadimitriou | line-height: 1.3em; |
590 | 86243acc | Kostas Papadimitriou | font-size: 0.9em; |
591 | 86243acc | Kostas Papadimitriou | margin-bottom: @gridGutterWidth; |
592 | 86243acc | Kostas Papadimitriou | color: @gray; |
593 | 86243acc | Kostas Papadimitriou | |
594 | 86243acc | Kostas Papadimitriou | .date { |
595 | 86243acc | Kostas Papadimitriou | display: block; |
596 | 86243acc | Kostas Papadimitriou | font-size: 0.7em; |
597 | 86243acc | Kostas Papadimitriou | a { |
598 | 86243acc | Kostas Papadimitriou | text-decoration: none !important; |
599 | 86243acc | Kostas Papadimitriou | border: none; |
600 | 86243acc | Kostas Papadimitriou | } |
601 | 86243acc | Kostas Papadimitriou | } |
602 | 86243acc | Kostas Papadimitriou | } |
603 | 86243acc | Kostas Papadimitriou | } |