blob: 416e9022e03608110131263b12396eeb7a6b0935 [file] [log] [blame]
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301
2/*
Rushabh Mehta4dc2f432012-02-21 10:30:43 +05303 * lib/css/bootstrap/headings.css
Rushabh Mehta519f70b2012-03-09 16:44:21 +05304 */
5/* heading from bootstrap */
Rushabh Mehta4dc2f432012-02-21 10:30:43 +05306
7h1,
8h2,
9h3,
10h4,
11h5,
12h6 {
13 margin: 0;
14 font-weight: bold;
15 color: #333333;
16 text-rendering: optimizelegibility;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053017}
18h1 small,
19h2 small,
20h3 small,
21h4 small,
22h5 small,
23h6 small {
24 font-weight: normal;
25 color: #999999;
26}
27h1 {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053028 font-size: 280%;
29 line-height: 120%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053030}
31h1 small {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053032 font-size: 150%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053033}
34h2 {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053035 font-size: 200%;
36 line-height: 120%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053037}
38h2 small {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053039 font-size: 150%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053040}
41h3 {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053042 font-size: 210%;
43 font-size: 150%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053044}
45h3 small {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053046 font-size: 130%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053047}
48h4, h5, h6 {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053049 font-size: 150%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053050}
51h4 {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053052 font-size: 113%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053053}
54h4 small {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053055 font-size: 100%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053056}
57h5 {
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +053058 font-size: 100%;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053059}
60h6 {
61 font-size: 11px;
62 color: #999999;
63 text-transform: uppercase;
64}
Rushabh Mehta519f70b2012-03-09 16:44:21 +053065
Rushabh Mehta4dc2f432012-02-21 10:30:43 +053066/*
67 * lib/css/bootstrap/buttons.css
Rushabh Mehta519f70b2012-03-09 16:44:21 +053068 */
69.close {
Rushabh Mehta9b1afe12012-03-20 14:37:44 +053070 font-family: Helvetica, Sans;
Rushabh Mehta6e156c72012-02-21 11:19:24 +053071 float: right;
72 font-size: 20px;
73 font-weight: bold;
Rushabh Mehtaafaac602012-02-14 11:44:13 +053074 line-height: 18px;
Rushabh Mehta6e156c72012-02-21 11:19:24 +053075 color: #000000;
76 text-shadow: 0 1px 0 #ffffff;
77 opacity: 0.2;
78 filter: alpha(opacity=20);
Rushabh Mehtaafaac602012-02-14 11:44:13 +053079}
Rushabh Mehta6e156c72012-02-21 11:19:24 +053080.close:hover {
81 color: #000000;
82 text-decoration: none;
83 opacity: 0.4;
84 filter: alpha(opacity=40);
85 cursor: pointer;
Rushabh Mehtaafaac602012-02-14 11:44:13 +053086}
87.btn {
Rushabh Mehtaafaac602012-02-14 11:44:13 +053088 display: inline-block;
Rushabh Mehta6e156c72012-02-21 11:19:24 +053089 padding: 4px 10px 4px;
90 font-size: 13px;
91 line-height: 18px;
92 color: #333333;
93 text-align: center;
94 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
95 background-color: #fafafa;
Rushabh Mehtaafaac602012-02-14 11:44:13 +053096 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
97 background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
98 background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
99 background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
100 background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
101 background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530102 background-repeat: no-repeat;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530103 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530104 border: 1px solid #ccc;
105 border-bottom-color: #bbb;
106 -webkit-border-radius: 4px;
107 -moz-border-radius: 4px;
108 border-radius: 4px;
109 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
110 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
111 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530112 cursor: pointer;
113 *margin-left: .3em;
114}
115.btn:first-child {
116 *margin-left: 0;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530117}
118.btn:hover {
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530119 color: #333333;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530120 text-decoration: none;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530121 background-color: #e6e6e6;
122 background-position: 0 -15px;
123 -webkit-transition: background-position 0.1s linear;
124 -moz-transition: background-position 0.1s linear;
125 -ms-transition: background-position 0.1s linear;
126 -o-transition: background-position 0.1s linear;
127 transition: background-position 0.1s linear;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530128}
129.btn:focus {
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530130 outline: thin dotted;
131 outline: 5px auto -webkit-focus-ring-color;
132 outline-offset: -2px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530133}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530134.btn.active, .btn:active {
135 background-image: none;
136 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
137 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
138 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
139 background-color: #e6e6e6;
140 background-color: #d9d9d9 \9;
141 color: rgba(0, 0, 0, 0.5);
142 outline: 0;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530143}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530144.btn.disabled, .btn[disabled] {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530145 cursor: default;
146 background-image: none;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530147 background-color: #e6e6e6;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530148 opacity: 0.65;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530149 filter: alpha(opacity=65);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530150 -webkit-box-shadow: none;
151 -moz-box-shadow: none;
152 box-shadow: none;
153}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530154.btn-large {
155 padding: 9px 14px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530156 font-size: 15px;
157 line-height: normal;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530158 -webkit-border-radius: 5px;
159 -moz-border-radius: 5px;
160 border-radius: 5px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530161}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530162.btn-large .icon {
163 margin-top: 1px;
164}
165.btn-small {
166 padding: 5px 9px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530167 font-size: 11px;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530168 line-height: 16px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530169}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530170.btn-small .icon {
171 margin-top: -1px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530172}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530173.btn-primary,
174.btn-primary:hover,
175.btn-warning,
176.btn-warning:hover,
177.btn-danger,
178.btn-danger:hover,
179.btn-success,
180.btn-success:hover,
181.btn-info,
182.btn-info:hover {
183 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
184 color: #ffffff;
185}
186.btn-primary.active,
187.btn-warning.active,
188.btn-danger.active,
189.btn-success.active,
190.btn-info.active {
191 color: rgba(255, 255, 255, 0.75);
192}
193.btn-primary {
194 background-color: #006dcc;
195 background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
196 background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
197 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
198 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
199 background-image: -o-linear-gradient(top, #0088cc, #0044cc);
200 background-image: linear-gradient(top, #0088cc, #0044cc);
201 background-repeat: repeat-x;
202 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
203 border-color: #0044cc #0044cc #002a80;
204 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
205 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
206}
207.btn-primary:hover,
208.btn-primary:active,
209.btn-primary.active,
210.btn-primary.disabled,
211.btn-primary[disabled] {
212 background-color: #0044cc;
213}
214.btn-primary:active, .btn-primary.active {
215 background-color: #003399 \9;
216}
217.btn-warning {
218 background-color: #faa732;
219 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
220 background-image: -ms-linear-gradient(top, #fbb450, #f89406);
221 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
222 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
223 background-image: -o-linear-gradient(top, #fbb450, #f89406);
224 background-image: linear-gradient(top, #fbb450, #f89406);
225 background-repeat: repeat-x;
226 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
227 border-color: #f89406 #f89406 #ad6704;
228 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
229 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
230}
231.btn-warning:hover,
232.btn-warning:active,
233.btn-warning.active,
234.btn-warning.disabled,
235.btn-warning[disabled] {
236 background-color: #f89406;
237}
238.btn-warning:active, .btn-warning.active {
239 background-color: #c67605 \9;
240}
241.btn-danger {
242 background-color: #da4f49;
243 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
244 background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
245 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
246 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
247 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
248 background-image: linear-gradient(top, #ee5f5b, #bd362f);
249 background-repeat: repeat-x;
250 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
251 border-color: #bd362f #bd362f #802420;
252 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
253 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
254}
255.btn-danger:hover,
256.btn-danger:active,
257.btn-danger.active,
258.btn-danger.disabled,
259.btn-danger[disabled] {
260 background-color: #bd362f;
261}
262.btn-danger:active, .btn-danger.active {
263 background-color: #942a25 \9;
264}
265.btn-success {
266 background-color: #5bb75b;
267 background-image: -moz-linear-gradient(top, #62c462, #51a351);
268 background-image: -ms-linear-gradient(top, #62c462, #51a351);
269 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
270 background-image: -webkit-linear-gradient(top, #62c462, #51a351);
271 background-image: -o-linear-gradient(top, #62c462, #51a351);
272 background-image: linear-gradient(top, #62c462, #51a351);
273 background-repeat: repeat-x;
274 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
275 border-color: #51a351 #51a351 #387038;
276 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
277 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
278}
279.btn-success:hover,
280.btn-success:active,
281.btn-success.active,
282.btn-success.disabled,
283.btn-success[disabled] {
284 background-color: #51a351;
285}
286.btn-success:active, .btn-success.active {
287 background-color: #408140 \9;
288}
289.btn-info {
290 background-color: #49afcd;
291 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
292 background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
293 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
294 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
295 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
296 background-image: linear-gradient(top, #5bc0de, #2f96b4);
297 background-repeat: repeat-x;
298 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
299 border-color: #2f96b4 #2f96b4 #1f6377;
300 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
301 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
302}
303.btn-info:hover,
304.btn-info:active,
305.btn-info.active,
306.btn-info.disabled,
307.btn-info[disabled] {
308 background-color: #2f96b4;
309}
310.btn-info:active, .btn-info.active {
311 background-color: #24748c \9;
312}
313button.btn, input[type="submit"].btn {
314 *padding-top: 2px;
315 *padding-bottom: 2px;
316}
317button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530318 padding: 0;
319 border: 0;
320}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530321button.btn.large, input[type="submit"].btn.large {
322 *padding-top: 7px;
323 *padding-bottom: 7px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530324}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530325button.btn.small, input[type="submit"].btn.small {
326 *padding-top: 3px;
327 *padding-bottom: 3px;
328}
329.btn-group {
330 position: relative;
331 *zoom: 1;
332 *margin-left: .3em;
333}
334.btn-group:before, .btn-group:after {
335 display: table;
336 content: "";
337}
338.btn-group:after {
339 clear: both;
340}
341.btn-group:first-child {
342 *margin-left: 0;
343}
344.btn-group + .btn-group {
345 margin-left: 5px;
346}
347.btn-toolbar {
348 margin-top: 9px;
349 margin-bottom: 9px;
350}
351.btn-toolbar .btn-group {
352 display: inline-block;
353 *display: inline;
354 /* IE7 inline-block hack */
355
356 *zoom: 1;
357}
358.btn-group .btn {
359 position: relative;
360 float: left;
361 margin-left: -1px;
362 -webkit-border-radius: 0;
363 -moz-border-radius: 0;
364 border-radius: 0;
365}
366.btn-group .btn:first-child {
367 margin-left: 0;
368 -webkit-border-top-left-radius: 4px;
369 -moz-border-radius-topleft: 4px;
370 border-top-left-radius: 4px;
371 -webkit-border-bottom-left-radius: 4px;
372 -moz-border-radius-bottomleft: 4px;
373 border-bottom-left-radius: 4px;
374}
375.btn-group .btn:last-child, .btn-group .dropdown-toggle {
376 -webkit-border-top-right-radius: 4px;
377 -moz-border-radius-topright: 4px;
378 border-top-right-radius: 4px;
379 -webkit-border-bottom-right-radius: 4px;
380 -moz-border-radius-bottomright: 4px;
381 border-bottom-right-radius: 4px;
382}
383.btn-group .btn.large:first-child {
384 margin-left: 0;
385 -webkit-border-top-left-radius: 6px;
386 -moz-border-radius-topleft: 6px;
387 border-top-left-radius: 6px;
388 -webkit-border-bottom-left-radius: 6px;
389 -moz-border-radius-bottomleft: 6px;
390 border-bottom-left-radius: 6px;
391}
392.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
393 -webkit-border-top-right-radius: 6px;
394 -moz-border-radius-topright: 6px;
395 border-top-right-radius: 6px;
396 -webkit-border-bottom-right-radius: 6px;
397 -moz-border-radius-bottomright: 6px;
398 border-bottom-right-radius: 6px;
399}
400.btn-group .btn:hover,
401.btn-group .btn:focus,
402.btn-group .btn:active,
403.btn-group .btn.active {
404 z-index: 2;
405}
406.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
407 outline: 0;
408}
409.btn-group .dropdown-toggle {
410 padding-left: 8px;
411 padding-right: 8px;
412 -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
413 -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
414 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
415 *padding-top: 5px;
416 *padding-bottom: 5px;
417}
418.btn-group.open {
419 *z-index: 1000;
420}
421.btn-group.open .dropdown-menu {
422 display: block;
423 margin-top: 1px;
424 -webkit-border-radius: 5px;
425 -moz-border-radius: 5px;
426 border-radius: 5px;
427}
428.btn-group.open .dropdown-toggle {
429 background-image: none;
430 -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
431 -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
432 box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
433}
434.btn .caret {
435 margin-top: 7px;
436 margin-left: 0;
437}
438.btn:hover .caret, .open.btn-group .caret {
439 opacity: 1;
440 filter: alpha(opacity=100);
441}
442.btn-primary .caret,
443.btn-danger .caret,
444.btn-info .caret,
445.btn-success .caret {
446 border-top-color: #ffffff;
447 opacity: 0.75;
448 filter: alpha(opacity=75);
449}
450.btn-small .caret {
451 margin-top: 4px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530452}
Rushabh Mehta519f70b2012-03-09 16:44:21 +0530453
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530454/*
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530455 * lib/css/bootstrap/navbar.css
Rushabh Mehta519f70b2012-03-09 16:44:21 +0530456 */
457.nav {
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530458 margin-left: 0;
459 margin-bottom: 18px;
460 list-style: none;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530461}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530462.nav > li > a {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530463 display: block;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530464}
465.nav > li > a:hover {
466 text-decoration: none;
467 background-color: #eeeeee;
468}
469.nav-list {
470 padding-left: 14px;
471 padding-right: 14px;
472 margin-bottom: 0;
473}
474.nav-list > li > a, .nav-list .nav-header {
475 display: block;
476 padding: 3px 15px;
477 margin-left: -15px;
478 margin-right: -15px;
479 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
480}
481.nav-list .nav-header {
482 font-size: 11px;
483 font-weight: bold;
484 line-height: 18px;
485 color: #999999;
486 text-transform: uppercase;
487}
488.nav-list > li + .nav-header {
489 margin-top: 9px;
490}
491.nav-list .active > a, .nav-list .active > a:hover {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530492 color: #ffffff;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530493 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
494 background-color: #0088cc;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530495}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530496.nav-list [class^="icon-"] {
497 margin-right: 2px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530498}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530499.nav-tabs, .nav-pills {
500 *zoom: 1;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530501}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530502.nav-tabs:before,
503.nav-pills:before,
504.nav-tabs:after,
505.nav-pills:after {
506 display: table;
507 content: "";
508}
509.nav-tabs:after, .nav-pills:after {
510 clear: both;
511}
512.nav-tabs > li, .nav-pills > li {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530513 float: left;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530514}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530515.nav-tabs > li > a, .nav-pills > li > a {
516 padding-right: 12px;
517 padding-left: 12px;
518 margin-right: 2px;
519 line-height: 14px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530520}
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530521.nav-tabs {
522 border-bottom: 1px solid #ddd;
523}
524.nav-tabs > li {
525 margin-bottom: -1px;
526}
527.nav-tabs > li > a {
528 padding-top: 9px;
529 padding-bottom: 9px;
530 border: 1px solid transparent;
531 -webkit-border-radius: 4px 4px 0 0;
532 -moz-border-radius: 4px 4px 0 0;
533 border-radius: 4px 4px 0 0;
534}
535.nav-tabs > li > a:hover {
536 border-color: #eeeeee #eeeeee #dddddd;
537}
538.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
539 color: #555555;
540 background-color: #ffffff;
541 border: 1px solid #ddd;
542 border-bottom-color: transparent;
543 cursor: default;
544}
545.nav-pills > li > a {
546 padding-top: 8px;
547 padding-bottom: 8px;
548 margin-top: 2px;
549 margin-bottom: 2px;
550 -webkit-border-radius: 5px;
551 -moz-border-radius: 5px;
552 border-radius: 5px;
553}
554.nav-pills .active > a, .nav-pills .active > a:hover {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530555 color: #ffffff;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530556 background-color: #0088cc;
557}
558.nav-stacked > li {
559 float: none;
560}
561.nav-stacked > li > a {
562 margin-right: 0;
563}
564.nav-tabs.nav-stacked {
565 border-bottom: 0;
566}
567.nav-tabs.nav-stacked > li > a {
568 border: 1px solid #ddd;
569 -webkit-border-radius: 0;
570 -moz-border-radius: 0;
571 border-radius: 0;
572}
573.nav-tabs.nav-stacked > li:first-child > a {
574 -webkit-border-radius: 4px 4px 0 0;
575 -moz-border-radius: 4px 4px 0 0;
576 border-radius: 4px 4px 0 0;
577}
578.nav-tabs.nav-stacked > li:last-child > a {
579 -webkit-border-radius: 0 0 4px 4px;
580 -moz-border-radius: 0 0 4px 4px;
581 border-radius: 0 0 4px 4px;
582}
583.nav-tabs.nav-stacked > li > a:hover {
584 border-color: #ddd;
585 z-index: 2;
586}
587.nav-pills.nav-stacked > li > a {
588 margin-bottom: 3px;
589}
590.nav-pills.nav-stacked > li:last-child > a {
591 margin-bottom: 1px;
592}
593.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu {
594 margin-top: 1px;
595 border-width: 1px;
596}
597.nav-pills .dropdown-menu {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530598 -webkit-border-radius: 4px;
599 -moz-border-radius: 4px;
600 border-radius: 4px;
Rushabh Mehta6e156c72012-02-21 11:19:24 +0530601}
602.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
603 border-top-color: #0088cc;
604 margin-top: 6px;
605}
606.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
607 border-top-color: #005580;
608}
609.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
610 border-top-color: #333333;
611}
612.nav > .dropdown.active > a:hover {
613 color: #000000;
614 cursor: pointer;
615}
616.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover {
617 color: #ffffff;
618 background-color: #999999;
619 border-color: #999999;
620}
621.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
622 border-top-color: #ffffff;
623 opacity: 1;
624 filter: alpha(opacity=100);
625}
626
627.navbar {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530628 overflow: visible;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530629 margin-bottom: 18px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530630}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530631.navbar-inner {
632 padding-left: 20px;
633 padding-right: 20px;
634 background-color: #2c2c2c;
635 background-image: -moz-linear-gradient(top, #333333, #222222);
636 background-image: -ms-linear-gradient(top, #333333, #222222);
637 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
638 background-image: -webkit-linear-gradient(top, #333333, #222222);
639 background-image: -o-linear-gradient(top, #333333, #222222);
640 background-image: linear-gradient(top, #333333, #222222);
641 background-repeat: repeat-x;
642 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
643 -webkit-border-radius: 4px;
644 -moz-border-radius: 4px;
645 border-radius: 4px;
646 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
647 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
648 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
649}
650.btn-navbar {
651 display: none;
652 float: right;
653 padding: 7px 10px;
654 margin-left: 5px;
655 margin-right: 5px;
656 background-color: #2c2c2c;
657 background-image: -moz-linear-gradient(top, #333333, #222222);
658 background-image: -ms-linear-gradient(top, #333333, #222222);
659 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
660 background-image: -webkit-linear-gradient(top, #333333, #222222);
661 background-image: -o-linear-gradient(top, #333333, #222222);
662 background-image: linear-gradient(top, #333333, #222222);
663 background-repeat: repeat-x;
664 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
665 border-color: #222222 #222222 #000000;
666 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
667 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
668 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
669 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
670 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
671}
672.btn-navbar:hover,
673.btn-navbar:active,
674.btn-navbar.active,
675.btn-navbar.disabled,
676.btn-navbar[disabled] {
677 background-color: #222222;
678}
679.btn-navbar:active, .btn-navbar.active {
680 background-color: #080808 \9;
681}
682.btn-navbar .icon-bar {
683 display: block;
684 width: 18px;
685 height: 2px;
686 background-color: #f5f5f5;
687 -webkit-border-radius: 1px;
688 -moz-border-radius: 1px;
689 border-radius: 1px;
690 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
691 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
692 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
693}
694.btn-navbar .icon-bar + .icon-bar {
695 margin-top: 3px;
696}
697.nav-collapse.collapse {
698 height: auto;
699}
700.navbar .brand:hover {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530701 text-decoration: none;
702}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530703.navbar .brand {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530704 float: left;
705 display: block;
706 padding: 8px 20px 12px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530707 font-size: 20px;
708 font-weight: 200;
709 line-height: 1;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530710 color: #ffffff;
711}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530712.navbar .navbar-text {
713 margin-bottom: 0;
714 line-height: 40px;
715 color: #999999;
716}
717.navbar .navbar-text a:hover {
718 color: #ffffff;
719 background-color: transparent;
720}
721.navbar .btn, .navbar .btn-group {
722 margin-top: 5px;
723}
724.navbar .btn-group .btn {
725 margin-top: 0;
726}
727.navbar-form {
728 margin-bottom: 0;
729 *zoom: 1;
730}
731.navbar-form:before, .navbar-form:after {
732 display: table;
733 content: "";
734}
735.navbar-form:after {
736 clear: both;
737}
738.navbar-form input, .navbar-form select {
739 display: inline-block;
740 margin-top: 5px;
741 margin-bottom: 0;
742}
743.navbar-form .radio, .navbar-form .checkbox {
744 margin-top: 5px;
745}
746.navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
747 margin-top: 3px;
748}
749.navbar-search {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530750 position: relative;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530751 float: left;
752 margin-top: 6px;
753 margin-bottom: 0;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530754}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530755.navbar-search .search-query {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530756 padding: 4px 9px;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530757 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
758 font-size: 13px;
759 font-weight: normal;
760 line-height: 1;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530761 color: #ffffff;
762 color: rgba(255, 255, 255, 0.75);
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530763 background: #666;
764 background: rgba(255, 255, 255, 0.3);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530765 border: 1px solid #111;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530766 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
767 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
768 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530769 -webkit-transition: none;
770 -moz-transition: none;
771 -ms-transition: none;
772 -o-transition: none;
773 transition: none;
774}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530775.navbar-search .search-query :-moz-placeholder {
776 color: #eeeeee;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530777}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530778.navbar-search .search-query::-webkit-input-placeholder {
779 color: #eeeeee;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530780}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530781.navbar-search .search-query:hover {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530782 color: #ffffff;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530783 background-color: #999999;
784 background-color: rgba(255, 255, 255, 0.5);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530785}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530786.navbar-search .search-query:focus, .navbar-search .search-query.focused {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530787 padding: 5px 10px;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530788 color: #333333;
789 text-shadow: 0 1px 0 #ffffff;
790 background-color: #ffffff;
791 border: 0;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530792 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
793 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
794 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530795 outline: 0;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530796}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530797.navbar-fixed-top {
798 position: fixed;
799 top: 0;
800 right: 0;
801 left: 0;
802 z-index: 1030;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530803}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530804.navbar-fixed-top .navbar-inner {
805 padding-left: 0;
806 padding-right: 0;
807 -webkit-border-radius: 0;
808 -moz-border-radius: 0;
809 border-radius: 0;
810}
811.navbar .nav {
812 position: relative;
813 left: 0;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530814 display: block;
815 float: left;
816 margin: 0 10px 0 0;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530817}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530818.navbar .nav.pull-right {
819 float: right;
820}
821.navbar .nav > li {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530822 display: block;
823 float: left;
824}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530825.navbar .nav > li > a {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530826 float: none;
827 padding: 10px 10px 11px;
828 line-height: 19px;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530829 color: #999999;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530830 text-decoration: none;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530831 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530832}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530833.navbar .nav > li > a:hover {
834 background-color: transparent;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530835 color: #ffffff;
836 text-decoration: none;
837}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530838.navbar .nav .active > a, .navbar .nav .active > a:hover {
839 color: #ffffff;
840 text-decoration: none;
841 background-color: #222222;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530842 background-color: rgba(0, 0, 0, 0.5);
843}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530844.navbar .divider-vertical {
845 height: 40px;
846 width: 1px;
847 margin: 0 9px;
848 overflow: hidden;
849 background-color: #222222;
850 border-right: 1px solid #333333;
851}
852.navbar .nav.pull-right {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530853 margin-left: 10px;
854 margin-right: 0;
855}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530856.navbar .dropdown-menu {
857 margin-top: 1px;
858 -webkit-border-radius: 4px;
859 -moz-border-radius: 4px;
860 border-radius: 4px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530861}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530862.navbar .dropdown-menu:before {
863 content: '';
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530864 display: inline-block;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530865 border-left: 7px solid transparent;
866 border-right: 7px solid transparent;
867 border-bottom: 7px solid #ccc;
868 border-bottom-color: rgba(0, 0, 0, 0.2);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530869 position: absolute;
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530870 top: -7px;
871 left: 9px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530872}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530873.navbar .dropdown-menu:after {
874 content: '';
875 display: inline-block;
876 border-left: 6px solid transparent;
877 border-right: 6px solid transparent;
878 border-bottom: 6px solid #ffffff;
879 position: absolute;
880 top: -6px;
881 left: 10px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530882}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530883.navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret {
884 border-top-color: #ffffff;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530885}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530886.navbar .nav .active .caret {
887 opacity: 1;
888 filter: alpha(opacity=100);
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530889}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530890.navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
891 background-color: transparent;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530892}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530893.navbar .nav .active > .dropdown-toggle:hover {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530894 color: #ffffff;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530895}
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530896.navbar .nav.pull-right .dropdown-menu {
897 left: auto;
898 right: 0;
899}
900.navbar .nav.pull-right .dropdown-menu:before {
901 left: auto;
902 right: 12px;
903}
904.navbar .nav.pull-right .dropdown-menu:after {
905 left: auto;
906 right: 13px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530907}
908
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530909/* ajax spinner */
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530910.navbar #spinner {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530911 display: block;
912 float: right;
913 width: 20px;
914 margin-bottom: -5px;
915 margin-top: 10px;
916 visibility: hidden;
917}
918
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530919.navbar-inner {
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530920 padding: 0px 20px;
921}
Anand Doshi5b1beeb2012-02-27 17:17:48 +0530922
Rushabh Mehta519f70b2012-03-09 16:44:21 +0530923
Rushabh Mehtaafaac602012-02-14 11:44:13 +0530924/*
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530925 * lib/css/bootstrap/dropdown.css
Rushabh Mehta519f70b2012-03-09 16:44:21 +0530926 */
927.dropdown {
Rushabh Mehta4dc2f432012-02-21 10:30:43 +0530928 position: relative;
929}
930.dropdown-toggle {
931 *margin-bottom: -3px;
932}
933.dropdown-toggle:active, .open .dropdown-toggle {
934 outline: 0;
935}
936.caret {
937 display: inline-block;
938 width: 0;
939 height: 0;
940 text-indent: -99999px;
941 *text-indent: 0;
942 vertical-align: top;
943 border-left: 4px solid transparent;
944 border-right: 4px solid transparent;
945 border-top: 4px solid #000000;
946 opacity: 0.3;
947 filter: alpha(opacity=30);
948 content: "\2193";
949}
950.dropdown .caret {
951 margin-top: 8px;
952 margin-left: 2px;
953}
954.dropdown:hover .caret, .open.dropdown .caret {
955 opacity: 1;
956 filter: alpha(opacity=100);
957}
958.dropdown-menu {
959 position: absolute;
960 top: 100%;
961 left: 0;
962 z-index: 1000;
963 float: left;
964 display: none;
965 min-width: 160px;
966 max-width: 220px;
967 _width: 160px;
968 padding: 4px 0;
969 margin: 0;
970 list-style: none;
971 background-color: #ffffff;
972 border-color: #ccc;
973 border-color: rgba(0, 0, 0, 0.2);
974 border-style: solid;
975 border-width: 1px;
976 -webkit-border-radius: 0 0 5px 5px;
977 -moz-border-radius: 0 0 5px 5px;
978 border-radius: 0 0 5px 5px;
979 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
980 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
981 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
982 -webkit-background-clip: padding-box;
983 -moz-background-clip: padding;
984 background-clip: padding-box;
985 *border-right-width: 2px;
986 *border-bottom-width: 2px;
987}
988.dropdown-menu.bottom-up {
989 top: auto;
990 bottom: 100%;
991 margin-bottom: 2px;
992}
993.dropdown-menu .divider {
994 height: 1px;
995 margin: 5px 1px;
996 overflow: hidden;
997 background-color: #e5e5e5;
998 border-bottom: 1px solid #ffffff;
999 *width: 100%;
1000 *margin: -5px 0 5px;
1001}
1002.dropdown-menu a {
1003 display: block;
1004 padding: 3px 15px;
1005 clear: both;
1006 font-weight: normal;
1007 line-height: 18px;
1008 color: #555555;
1009 white-space: nowrap;
1010}
1011.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
1012 color: #ffffff;
1013 text-decoration: none;
1014 background-color: #0088cc;
1015}
1016.dropdown.open {
1017 *z-index: 1000;
1018}
1019.dropdown.open .dropdown-toggle {
1020 color: #ffffff;
1021 background: #ccc;
1022 background: rgba(0, 0, 0, 0.3);
1023}
1024.dropdown.open .dropdown-menu {
1025 display: block;
1026}
Rushabh Mehta519f70b2012-03-09 16:44:21 +05301027
Rushabh Mehta4dc2f432012-02-21 10:30:43 +05301028/*
Rushabh Mehtad0251332012-02-21 17:26:50 +05301029 * lib/css/bootstrap/tooltip.css
Rushabh Mehta519f70b2012-03-09 16:44:21 +05301030 */
1031.tooltip {
Rushabh Mehtad0251332012-02-21 17:26:50 +05301032 position: absolute;
1033 z-index: 1020;
1034 display: block;
1035 visibility: visible;
1036 padding: 5px;
1037 font-size: 11px;
1038 opacity: 0;
1039 filter: alpha(opacity=0);
1040}
1041.tooltip.in {
1042 opacity: 0.8;
1043 filter: alpha(opacity=80);
1044}
1045.tooltip.top {
1046 margin-top: -2px;
1047}
1048.tooltip.right {
1049 margin-left: 2px;
1050}
1051.tooltip.bottom {
1052 margin-top: 2px;
1053}
1054.tooltip.left {
1055 margin-left: -2px;
1056}
1057.tooltip.top .tooltip-arrow {
1058 bottom: 0;
1059 left: 50%;
1060 margin-left: -5px;
1061 border-left: 5px solid transparent;
1062 border-right: 5px solid transparent;
1063 border-top: 5px solid #000000;
1064}
1065.tooltip.left .tooltip-arrow {
1066 top: 50%;
1067 right: 0;
1068 margin-top: -5px;
1069 border-top: 5px solid transparent;
1070 border-bottom: 5px solid transparent;
1071 border-left: 5px solid #000000;
1072}
1073.tooltip.bottom .tooltip-arrow {
1074 top: 0;
1075 left: 50%;
1076 margin-left: -5px;
1077 border-left: 5px solid transparent;
1078 border-right: 5px solid transparent;
1079 border-bottom: 5px solid #000000;
1080}
1081.tooltip.right .tooltip-arrow {
1082 top: 50%;
1083 left: 0;
1084 margin-top: -5px;
1085 border-top: 5px solid transparent;
1086 border-bottom: 5px solid transparent;
1087 border-right: 5px solid #000000;
1088}
1089.tooltip-inner {
1090 max-width: 200px;
1091 padding: 3px 8px;
1092 color: #ffffff;
1093 text-align: center;
1094 text-decoration: none;
1095 background-color: #000000;
1096 -webkit-border-radius: 4px;
1097 -moz-border-radius: 4px;
1098 border-radius: 4px;
1099}
1100.tooltip-arrow {
1101 position: absolute;
1102 width: 0;
1103 height: 0;
1104}
1105.popover {
1106 position: absolute;
1107 top: 0;
1108 left: 0;
1109 z-index: 1010;
1110 display: none;
1111 padding: 5px;
1112}
1113.popover.top {
1114 margin-top: -5px;
1115}
1116.popover.right {
1117 margin-left: 5px;
1118}
1119.popover.bottom {
1120 margin-top: 5px;
1121}
1122.popover.left {
1123 margin-left: -5px;
1124}
1125.popover.top .arrow {
1126 bottom: 0;
1127 left: 50%;
1128 margin-left: -5px;
1129 border-left: 5px solid transparent;
1130 border-right: 5px solid transparent;
1131 border-top: 5px solid #000000;
1132}
1133.popover.right .arrow {
1134 top: 50%;
1135 left: 0;
1136 margin-top: -5px;
1137 border-top: 5px solid transparent;
1138 border-bottom: 5px solid transparent;
1139 border-right: 5px solid #000000;
1140}
1141.popover.bottom .arrow {
1142 top: 0;
1143 left: 50%;
1144 margin-left: -5px;
1145 border-left: 5px solid transparent;
1146 border-right: 5px solid transparent;
1147 border-bottom: 5px solid #000000;
1148}
1149.popover.left .arrow {
1150 top: 50%;
1151 right: 0;
1152 margin-top: -5px;
1153 border-top: 5px solid transparent;
1154 border-bottom: 5px solid transparent;
1155 border-left: 5px solid #000000;
1156}
1157.popover .arrow {
1158 position: absolute;
1159 width: 0;
1160 height: 0;
1161}
1162.popover-inner {
1163 padding: 3px;
1164 width: 280px;
1165 overflow: hidden;
1166 background: #000000;
1167 background: rgba(0, 0, 0, 0.8);
1168 -webkit-border-radius: 6px;
1169 -moz-border-radius: 6px;
1170 border-radius: 6px;
1171 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1172 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1173 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1174}
1175.popover-title {
1176 padding: 9px 15px;
1177 line-height: 1;
1178 background-color: #f5f5f5;
1179 border-bottom: 1px solid #eee;
1180 -webkit-border-radius: 3px 3px 0 0;
1181 -moz-border-radius: 3px 3px 0 0;
1182 border-radius: 3px 3px 0 0;
1183}
1184.popover-content {
1185 padding: 14px;
1186 background-color: #ffffff;
1187 -webkit-border-radius: 0 0 3px 3px;
1188 -moz-border-radius: 0 0 3px 3px;
1189 border-radius: 0 0 3px 3px;
1190 -webkit-background-clip: padding-box;
1191 -moz-background-clip: padding-box;
1192 background-clip: padding-box;
1193}
1194.popover-content p, .popover-content ul, .popover-content ol {
1195 margin-bottom: 0;
1196}
Rushabh Mehta519f70b2012-03-09 16:44:21 +05301197
Rushabh Mehtad0251332012-02-21 17:26:50 +05301198/*
Rushabh Mehta0c18b182012-04-16 11:18:45 +05301199 * lib/css/legacy/body.css
1200 */
1201html {
1202 margin: 0px;
1203 padding: 0px;
1204}
1205
1206body {
1207 margin: 0px;
1208 padding: 0px;
1209 font-size: 14px;
1210 color: #000;
1211 background-color: #e2e2e2;
1212}
1213
1214/* font settings */
1215
1216h1, h2, h3, h4, h5 {
1217 font-family: "Helvetica Neue", Helvetica, "Helvetica Neue", sans-serif;
Rushabh Mehta0c18b182012-04-16 11:18:45 +05301218 margin-top: 0.2em;
1219}
1220
1221body {
1222 font-family: "Helvetica Neue", Helvetica, "Helvetica Neue", sans-serif;
1223 font-size: 13px;
1224}
1225
1226span, div, td, input, textarea, button, select {
1227 font-family: inherit;
1228}
1229
1230
1231pre { margin: 0px; padding: 0px; }
1232
1233button { margin: 2px; margin-left: 0px; }
1234
1235label {
1236 padding-top: 15px;
1237 color: #404040;
1238}
1239
1240select, input, textarea {
1241 border: 1px solid #ccc;
1242 -moz-border-radius: 4px;
1243 -webkit-border-radius: 4px;
1244 font-size: inherit;
1245 padding: 4px;
1246 color: #444;
1247 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1248 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1249 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1250}
1251
1252textarea {
1253 font-family: inherit;
1254 height: 120px;
1255 width: 90%;
1256 font-size: inherit;
1257 white-space: normal;
1258}
1259
1260table { padding: 0px; border-collapse: 'collapse'}
1261
1262td {
1263 padding:0px;
1264 margin: 0px;
1265 vertical-align: top;
1266}
1267
1268p {
1269 margin: 0px 0px 9px 0px;
1270 line-height: 1.5em;
1271}
1272
1273li {
1274 line-height: 1.5em;
1275}
1276
1277hr {
1278 margin: 18px 0;
1279 border: 0;
1280 border-top: 1px solid #e5e5e5;
1281 border-bottom: 1px solid #ffffff;
1282}
1283
1284/* links */
1285
1286a:active { outline:none; }
1287
1288a {
1289 color: #0088cc;
1290 text-decoration: none;
1291}
1292a:hover {
1293 color: #005580;
1294 text-decoration: underline;
1295}
1296
1297.link_type {
1298 padding:2px;
1299 color: #0088cc;
1300 cursor: pointer;
1301}
1302
1303.link_type:hover {
1304 color: #005580;
1305 text-decoration: underline;
1306}
1307
1308:focus { -moz-outline-style:none; }
1309
1310table.simpletable { border-collapse: collapse; margin-bottom: 10px;}
1311table.simpletable td {border: 1pt solid #000; vertical-align: top; padding: 2px; }
1312
1313div.fix_ff_cursor { overflow: auto; }
1314
1315/* --- Layout --- */
1316
1317div.comment { color: #444; }
1318
1319.small {
1320 font-size: 11px;
1321}
1322
1323.help {
1324 margin-bottom: 3px;
1325 color: #888;
1326}
1327
1328div#body_div {
1329 display: none;
1330 padding-right: 7px;
1331 width: 900px;
1332 margin: auto;
1333 margin-top: 56px;
1334}
1335
1336.content {
1337 width: 900px;
1338}
1339
1340.background-fade-in {
1341 -webkit-transition: background 1s ease-in; /* property duration timing-function delay */
1342 -moz-transition: background 1s ease-in;
1343 -o-transition: background 1s ease-in;
1344 transition: background 1s ease-in;
1345}
1346
1347footer {
1348 width: 900px;
1349 margin: auto;
1350}
1351header .container {
1352 width: 900px;
1353 margin: auto;
1354}
1355
1356@media (max-width: 1200px) {
1357 div#body_div, header .container, .content, #opened-page-selector, footer {
1358 width: 900px;
1359 }
1360}
1361
1362@media (min-width: 1200px) {
1363 div#body_div, header .container, .content, #opened-page-selector, footer {
1364 width: 1100px;
1365 }
1366}
1367
1368div.no_script {
1369 display: none;
1370}
1371
1372div.loading_div {
1373 background-color: #FFFFCC;
1374 z-index: 1999;
1375 right: 5px;
1376 width: 90px;
1377 display: none;
1378 text-align: center;
1379 padding: 2px;
1380 border: 1px solid #FF4;
1381}
1382
1383div.std-footer {
1384 margin: 13px -15px;
1385 border-top: 1px solid #AAA;
1386 padding: 13px;
1387}
1388
1389div.std-footer-item {
1390 margin: 0px 13px 13px 0px;
1391}
1392
1393.shadow {
1394 -moz-box-shadow: 0px 2px 2px #888;
1395 -webkit-box-shadow: 0px 2px 2px #888;
1396 box-shadow: 0px 2px 2px #888;
1397}
1398
1399.round {
1400 -webkit-border-radius: 5px;
1401 -moz-border-radius: 5px;
1402 border-radius: 5px;
1403}
1404
1405.layout_wrapper, .layout-wrapper {
1406 -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
1407 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
1408 box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
1409 background-color: #fff;
1410 padding: 15px;
1411 -webkit-border-radius: 5px;
1412 -moz-border-radius: 5px;
1413 border-radius: 5px;
1414 margin-bottom: 30px;
1415 overflow: hidden;
1416}
1417
1418.layout-wrapper-appframe {
1419 padding: 0px;
1420}
1421
1422.layout-wrapper-background {
1423 background-color: #fafafa !important;
1424 padding: 0px;
1425}
1426
Rushabh Mehta2146fd12012-04-17 12:40:37 +05301427.layout-main {
Rushabh Mehta6820dbf2012-04-16 13:33:14 +05301428 padding: 15px;
1429}
1430
Rushabh Mehta0c18b182012-04-16 11:18:45 +05301431.layout-main-section {
1432 width: 71%;
1433 float: left;
1434 padding: 15px;
1435 background-color: #FFF;
1436 min-height: 600px;
1437 -moz-box-shadow: 2px 0px 1px #ddd;
1438 -webkit-box-shadow: 2px 0px 1px #ddd;
1439 box-shadow: 2px 0px 1px #ddd;
1440}
1441
1442.layout-side-section {
1443 width: 22%;
1444 /*float: right;*/
1445 color: #606060;
1446 overflow-x: hidden;
1447 padding: 15px;
1448 min-height: 600px;
1449}
1450
1451/* from bootstrap */
1452.container {
1453 margin-left: auto;
1454 margin-right: auto;
1455 zoom: 1;
1456}
1457.container:before, .container:after {
1458 display: table;
1459 content: "";
1460 zoom: 1;
1461}
1462.container:after {
1463 clear: both;
1464}
1465
1466.well {
1467 min-height: 20px;
1468 padding: 19px;
1469 margin-bottom: 20px;
1470 background-color: #f5f5f5;
1471 border: 1px solid #eee;
1472 border: 1px solid rgba(0, 0, 0, 0.05);
1473 -webkit-border-radius: 4px;
1474 -moz-border-radius: 4px;
1475 border-radius: 4px;
1476 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1477 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1478 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1479}
1480
1481.avatar-small {
1482 display: inline-block;
1483 width: 24px;
1484 height: 20px;
1485 vertical-align: middle;
1486 overflow: hidden;
1487 margin: 0px 3px;
1488}
1489.avatar-small img {
1490 width: 24px;
1491}
1492
1493/*
1494 * lib/css/legacy/messages.css
1495 */
1496
1497/* FLOATING MESSAGE */
1498
1499.btn-img { cursor: pointer; }
1500
1501div.fetching { color: #888; text-align:right; }
1502
1503div.notice {
1504 postion: absolute;
1505 background-color: #000;
1506 -moz-border-radius: 5px; -webkit-border-radius: 5px;
1507 opacity: 0.6;
1508 right: 0;
1509 top: 0;
1510 margin-top: 8px;
1511 z-index: -1;
1512 padding: 8px;
1513}
1514
1515/** help **/
1516
1517.info-box {
1518 background-color: #F8F8F8;
1519 border: 1px solid #CCCCCC;
1520 border-radius: 3px 3px 3px 3px;
1521 line-height: 1.6em;
1522 overflow: auto;
1523 padding: 6px 10px;
1524 margin-bottom: 9px;
1525}
1526
1527.help_box, .help-box {
1528 background-color:#FFC;
1529 font-size: 13px;
1530 color: #864;
1531 padding: 7px;
1532 margin: 11px 0px;
1533 border: 1px solid #EEB;
1534}
1535
1536.help_box_big {
1537 background-color:#FFC;
1538 color: #864;
1539 padding: 7px;
1540 margin: 7px 0px;
1541 border: 1px solid #EEB;
1542 text-align: center;
1543 font-size: 14px;
1544}
1545
1546/*
1547 * lib/css/legacy/dialog.css
1548 */
1549/***** Dialogs *******/
1550
1551div.dialog_wrapper {
1552 position: absolute;
1553 width: 440px;
1554 display: none;
1555 z-index: 90;
1556 background-color: #FFF;
1557 box-shadow:1px 1px 8px #444;
1558 -moz-box-shadow: 1px 1px 8px #444;
1559 -webkit-box-shadow: 1px 1px 8px #444;
1560
1561 border-radius: 5px;
1562 -moz-border-radius: 5px;
1563 -webkit-border-radius: 5px;
1564
1565 overflow: hidden;
1566}
1567
1568div.dialog_head {
1569 height: 22px;
1570 padding: 4px;
1571 background-color: #222;
1572 color: #FFF;
1573}
1574
1575div.dialog_body {
1576 padding: 8px 8px 16px;
1577 border-radius: 5px;
1578 -moz-border-radius: 5px;
1579 -webkit-border-radius: 5px;
1580}
1581
1582div.dialog_back {
1583 position: fixed;
1584 display: none;
1585 top: 0px;
1586 left: 0px;
1587 bottom: 0px;
1588 right: 0px;
1589 background-color: #aaa;
1590 opacity: 0.6;
1591 z-index: 50;
1592 text-align: center;
1593}
1594
1595div.dialog_message {
1596 display: none;
1597 position: absolute;
1598 width: 250px;
1599 font-size: 12px;
1600 z-index: 91;
1601 background-color:#FFF;
1602 padding: 12px;
1603 border: 1px solid #444;
1604}
1605
1606div.dialog_row {
1607 padding: 8px 8px 0px 8px;
1608}
1609
1610div.dialog_row table {
1611 width: 100%;
1612}
1613
1614div.dialog_row table td {
1615}
1616
1617div.dialog_row input[type="text"], div.dialog_row input[type="password"], div.dialog_row textarea, div.dialog_row select {
1618 width: 80%;
1619 font-size: 14px;
1620}
1621
1622div.dialog_row table td textarea {
1623 width: 80%;
1624 height: 200px;
1625 font-size: 12px;
1626}
1627
1628
1629/*
1630 * lib/css/ui/common.css
1631 */
1632.navbar-icon-home {
1633 vertical-align: middle;
1634 opacity: 0.4;
1635 Filter:alpha(opacity=40); /* For IE8 and earlier */
1636}
1637
1638.navbar-icon-home:hover,
1639.navbar-icon-home:focus,
1640.navbar-icon-home:active,
1641.navbar-icon-home-hover{
1642 opacity:1;
1643 Filter:alpha(opacity=100); /* For IE8 and earlier */
1644}
1645
1646
1647/*
Rushabh Mehtab6f80882012-03-23 14:19:49 +05301648 * lib/css/ui/fonts.css
1649 */
1650@font-face {
1651 font-family: 'Pontano Sans';
1652 font-style: normal;
1653 font-weight: 800;
1654 src: url('../lib/css/fonts/pontanosans.woff') format('woff');
1655}
1656
1657@font-face {
1658 font-family: 'Droid Sans';
1659 font-style: normal;
1660 font-weight: normal;
1661 src: local('Droid Sans'), local('DroidSans'), url('../lib/css/fonts/droidsans.woff') format('woff');
1662}
1663
1664@font-face {
1665 font-family: 'PT Sans';
1666 font-style: normal;
1667 font-weight: normal;
1668 src: local('PT Sans'), local('PTSans-Regular'), url('../lib/css/fonts/ptsans.woff') format('woff');
1669}
1670
1671@font-face {
1672 font-family: 'Open Sans';
1673 font-style: normal;
1674 font-weight: 400;
1675 src: local('Open Sans'), local('OpenSans'), url('../lib/css/fonts/opensans.woff') format('woff');
1676}
Rushabh Mehtab43f9492012-04-08 20:33:51 +05301677
Rushabh Mehtab6f80882012-03-23 14:19:49 +05301678@font-face {
1679 font-family: 'Lato';
1680 font-style: normal;
1681 font-weight: 400;
1682 src: local('Lato Regular'), local('Lato-Regular'), url('../lib/css/fonts/lato.woff') format('woff');
1683}
1684
Rushabh Mehtab43f9492012-04-08 20:33:51 +05301685@font-face {
1686 font-family: 'Cabin';
1687 font-style: normal;
1688 font-weight: 400;
1689 src: local('Cabin Regular'), local('Cabin-Regular'), url('../lib/css/fonts/cabin.woff') format('woff');
1690}
Rushabh Mehtab6f80882012-03-23 14:19:49 +05301691
Rushabh Mehtaf7f7f632012-04-11 15:18:24 +05301692@font-face {
1693 font-family: 'Pacifico';
1694 font-style: normal;
1695 font-weight: normal;
1696 src: local('Pacifico Regular'), local('Pacifico-Regular'), url('../lib/css/fonts/pacifico.woff') format('woff');
1697}
1698
1699
Rushabh Mehtab6f80882012-03-23 14:19:49 +05301700
1701/*
1702 * lib/css/ui/list.css
1703 */
1704.hide {
1705 display: none;
1706}
1707
1708.list-filters {
1709 margin: 7px 0px;
1710}
1711
1712.wnlist .img-load {
1713 display: none;
1714 float: left;
1715 margin-bottom: 8px;
1716}
1717
1718/* list-row */
1719div.list-row {
1720 border-bottom: 1px solid #eee;
1721 padding: 5px 0px;
1722}
1723div.list-row:hover {
1724 background-color: #eef
1725}
1726
1727div.list-row .label {
1728 margin-right: 4px;
1729}
1730
1731div.list-row table {
1732 table-layout: fixed;
1733 border-collapse: collapse;
1734 width: 100%;
1735}
1736
1737div.list-row table td {
1738 overflow: hidden;
Anand Doshic9456c12012-03-28 17:48:30 +05301739 /*padding-right: 3px;*/
1740 padding: 0px 3px;
Rushabh Mehtab6f80882012-03-23 14:19:49 +05301741 vertical-align: middle;
1742 height: 24px;
1743 max-height: 24px;
Anand Doshic9456c12012-03-28 17:48:30 +05301744 word-wrap: break-word;
Rushabh Mehtab6f80882012-03-23 14:19:49 +05301745}
1746
1747div.paging-button {
1748 text-align: center;
1749 padding: 11px 0px;
1750}
1751
1752div.show_filters {
1753 display: none;
1754}
1755
1756div.filter_list {
1757 padding: 13px;
1758}
1759
1760div.show_filters.well {
1761 margin-top: 11px;
1762 margin-bottom: 11px;
1763}
1764
1765div.filter_list .run_btn {
1766 text-align: right;
1767}
1768
1769div.filter_list .add_filter {
1770 margin: 3px 0px;
1771}
1772
1773div.list_filter {
1774 margin: 7px 0px;
1775}
1776
1777div.list_filter input, div.list_filter select {
1778 width: 130px;
1779 margin-right: 7px;
1780}
1781
1782/* bar */
1783
1784span.bar-outer {
1785 display: inline-block;
1786 margin: 0px 7px;
1787 margin-top: 3px;
1788 background-color: #fff;
1789 border: 1px solid #aaa;
1790 height: 10px;
1791}
1792
1793span.bar-inner {
1794 display: inline-block;
1795 background-color: #bdf;
1796 height: 100%;
1797 margin-bottom: 2px;
1798 float: left;
1799}
1800span.bar-complete {
1801 background-color: #009900;
1802}
1803span.bar-empty {
1804 background-color: #990000;
1805}
1806
1807
1808/* stats */
1809
1810div.stat-wrapper {
1811 margin-bottom: 19px;
1812}
1813
1814div.stat-grid {
1815 border: 2px solid #bbb;
1816 background-color: white;
1817 border-radius: 5px;
1818 -moz-border-radius: 5px;
1819 -webkit-border-radius: 5px;
1820 overflow: hidden;
1821}
1822
1823div.stat-label {
1824 position: relative;
1825 padding: 3px;
1826 text-align: center;
1827}
1828div.stat-label, div.stat-label a {
1829 z-index: 5;
1830}
1831
1832div.stat-item {
1833 position: relative;
1834 border-bottom: 1px solid #ddd;
1835}
1836div.stat-item:last-child {
1837 border-bottom: 0px solid #ddd;
1838}
1839
1840div.stat-bar {
1841 position: absolute;
1842 left: 0px;
1843 background-color: #def;
1844 height: 100%;
1845 z-index: 0;
1846}
1847
1848
1849
1850
1851
1852/*
Rushabh Mehta6820dbf2012-04-16 13:33:14 +05301853 * lib/css/ui/views.css
1854 */
1855
1856.breadcrumbs {
1857 color: #000000;
1858}
1859
1860.breadcrumbs a {
1861 color: #000000;
1862}
1863
1864div.appframe-titlebar {
1865 padding: 6px;
1866 background: #eeeeee; /* Old browsers */
1867 background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
1868 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
1869 background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
1870 background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
1871 background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
1872 background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
1873 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
1874 border-bottom: 1px solid #aaa;
1875 min-height: 1.2em;
1876}
1877
1878div.appframe-toolbar {
1879 padding: 4px;
1880 background: #eeeeee;
1881 border-top: 1px solid #f8f8f8;
1882 border-bottom: 1px solid #ccc;
1883}
1884
1885/*
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301886 * erpnext/startup/startup.css
Rushabh Mehta519f70b2012-03-09 16:44:21 +05301887 */
1888h1, h2, h3, h4, h5 {
Rushabh Mehta0c18b182012-04-16 11:18:45 +05301889 font-family: "Helvetica Neue", "Open Sans", Helvetica, sans-serif;
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +05301890 margin-top: 0.2em;
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301891}
1892
1893body {
Rushabh Mehta0c18b182012-04-16 11:18:45 +05301894 font-family: "Helvetica Neue", "Open Sans", Helvetica, sans-serif;
Rushabh Mehta983a1712012-03-21 13:35:34 +05301895 font-size: 13px;
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301896}
1897
1898span, div, td, input, textarea, button, select {
1899 font-family: inherit;
1900}
1901
1902body {
Rushabh Mehta7af1c882012-03-22 11:59:46 +05301903 background: url(../images/redbeech.jpg) repeat;
Rushabh Mehtab43f9492012-04-08 20:33:51 +05301904 color: #616161;
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301905}
1906
Rushabh Mehta983a1712012-03-21 13:35:34 +05301907.small {
1908 font-size: 11.5px;
1909}
1910
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301911.erpnext-footer {
Rushabh Mehta4c1e9e72012-03-01 13:30:34 +05301912 margin: 11px auto;
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301913 text-align: center;
1914}
1915
Anand Doshidb628762012-02-24 17:56:00 +05301916.navbar-new-comments {
Anand Doshic3023be2012-02-20 16:31:55 +05301917 margin: -3px 0px;
1918 padding: 2px;
Anand Doshic3023be2012-02-20 16:31:55 +05301919 min-width: 20px;
1920 text-align: center;
1921 display: inline-block;
1922 border-radius: 2px;
Anand Doshi5b1beeb2012-02-27 17:17:48 +05301923 color: #999999;
1924 background-color: #333131;
1925}
1926
1927.navbar-new-comments:hover,
1928.navbar-new-comments:active,
1929.navbar-new-comments:focus {
1930 color: #fff;
1931}
1932
Anand Doshi5b1beeb2012-02-27 17:17:48 +05301933.navbar-new-comments-true {
1934 color: #fff;
1935 background-color: #B00D07;
1936}
1937
Anand Doshi5b1beeb2012-02-27 17:17:48 +05301938/*extra size menus for recent*/
1939.dropdown-menu#toolbar-recent, .dropdown-menu#toolbar-options, .dropdown-menu#toolbar-help{
1940 min-width: 160px !important;
1941 max-width: 260px !important;
Anand Doshic3023be2012-02-20 16:31:55 +05301942}
1943
Rushabh Mehta519f70b2012-03-09 16:44:21 +05301944
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301945/*
1946 * erpnext/website/css/website.css
Rushabh Mehta519f70b2012-03-09 16:44:21 +05301947 */
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +05301948div#body_div, header .container, .content, #opened-page-selector, footer {
1949 width: 900px;
1950}
1951
Rushabh Mehta519f70b2012-03-09 16:44:21 +05301952.layout_wrapper {
Rushabh Mehtab43f9492012-04-08 20:33:51 +05301953 padding: 27px;
Rushabh Mehtaaa848be2012-02-17 12:06:33 +05301954}
1955
Rushabh Mehtab6f80882012-03-23 14:19:49 +05301956p, li {
1957 line-height: 1.6em;
1958}
1959
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301960pre {
1961 background-color: #F8F8F8;
1962 border: 1px solid #CCCCCC;
1963 border-radius: 3px 3px 3px 3px;
1964 font-size: 13px;
1965 line-height: 19px;
1966 overflow: auto;
1967 padding: 6px 10px;
1968 margin-bottom: 9px;
1969}
1970
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301971.web-content input[type="text"], .web-content input[type="password"], .web-content select {
1972 min-width: 180px;
1973}
1974
Rushabh Mehta13531b72012-02-20 12:35:23 +05301975.web-head-section {
1976 margin-bottom: 20px
1977}
1978
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301979.web-main-section {
1980 width: 65%;
1981 float: left;
1982 margin-bottom: 20px;
1983}
1984
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301985.web-side-section {
1986 width: 30%;
1987 float: right;
1988 margin-bottom: 20px;
1989 margin-right: 15px;
1990 color: #606060;
1991 overflow-x: hidden;
Rushabh Mehtab43f9492012-04-08 20:33:51 +05301992 font-size: 90%;
Rushabh Mehtaafaac602012-02-14 11:44:13 +05301993}
1994
1995.web-page-status {
1996 padding: 7px;
1997 color: #777;
1998 clear: both;
1999 text-align: right;
2000}
2001
2002.web-page-status a,
2003.web-page-status a:hover,
2004.web-page-status a:visited {
2005 padding: 2px;
2006 background-color: #777;
2007 color: #FFF;
2008 text-decoration: none;
2009}
2010
2011.web-page-status a:hover {
2012 background-color: #444;
2013}
2014
2015footer {
2016 color: #777;
2017}
2018
2019.web-footer {
2020 color: inherit;
2021 text-align: center;
2022 margin: 10px;
2023 line-height: 1.7;
2024}
2025
2026.web-footer div, .web-footer a {
2027 font-size: 11px;
2028}
2029
2030.web-footer-menu {
2031 margin-bottom: 7px;
2032}
2033footer a, footer a:visited {
2034 color: #777;
2035}
2036
2037footer a:hover {
2038 background-color: #777;
2039 color: #fff;
2040}
2041
2042.web-footer-menu ul {
2043 list-style: none;
2044 margin: 0px;
2045 padding: 0px;
2046}
2047
2048.web-footer-menu ul li {
2049 display: inline;
2050 padding: 2px 15px;
2051 border-right: 1px solid #999;
2052}
2053
2054.web-footer-menu ul li:last-child {
2055 border-right: 0px solid #777 !important;
Rushabh Mehta519f70b2012-03-09 16:44:21 +05302056}
Rushabh Mehtad2cec5b2012-04-10 11:51:08 +05302057
2058/* slide view */
2059
2060.next-slide {
2061 margin: 0px -27px 100px -27px;
2062 background: #ffffff; /* Old browsers */
2063 background: -moz-linear-gradient(top, #eeeeee 0%, #fff 100%); /* FF3.6+ */
2064 background: -webkit-linear-gradient(top, #eeeeee 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
2065 background: -o-linear-gradient(top, #eeeeee 0%, #fff 100%); /* Opera 11.10+ */
2066 background: -ms-linear-gradient(top, #eeeeee 0%, #fff 100%); /* IE10+ */
2067 background: linear-gradient(top, #eeeeee 0%, #fff 100%); /* W3C */
2068 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
2069 height: 36px;
2070}
2071
2072.slide-shadow {
2073 background: #eeeeee; /* Old browsers */
2074 background: -moz-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* FF3.6+ */
2075 background: -webkit-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
2076 background: -o-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* Opera 11.10+ */
2077 background: -ms-linear-gradient(top, #bababa 0%,#eeeeee 100%); /* IE10+ */
2078 background: linear-gradient(top, #bababa 0%,#eeeeee 100%); /* W3C */
2079 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
2080 height: 3px;
2081 margin: 100px -27px 0px -27px;
2082 border-top: 1px solid #bababa;
2083}
2084
2085.two-column {
2086 width: 40%;
2087 float: left;
2088 padding: 5%;
2089}
2090
2091.clear {
2092 clear: both;
2093}
2094
2095/* */