« back to all changes in this revision
Viewing changes to static/la/styles/S3/sahana.css
- browse files at revision 2585
- compare with another revision
- download diff
- download tarball
- view history from revision 2585
- Committer: Abhishek Mishra
- Date: 2011-08-03 13:38:15 UTC
- Revision ID: ideamonk@gmail.com-20110803133815-tgmsyl0woszkqu01
bring back theme changes
- files modified:
- models/00_utils.py
added
removed
static/la/styles/S3/sahana.css
1
1
@charset "UTF-8";
2
2
3
3
/*
4
Sahana - Default Theme - Stylesheet
4
Sahana - LA Theme - Stylesheet
5
5
-----------------------------------------------------------------------------------
6
designer : Prabhath Sirisena - prabhath@vesess.com - http://nidahas.com
7
updated : Priyanga Fonseka - jo@opensource.lk
8
updated for SahanaPy : Fran Boon - fran@aidiq.com
9
updated : Po-Wen Chi - pwchi@pwchi.info
10
Some content used from: http://matthewjamestaylor.com/blog/perfect-full-page.htm
11
Updated from Web2Py base.css
12
13
Selectors are listed in their order of appearance in the html, where applicable.
14
----------------------------------------------------------------------------------
15
16
|---- Neutralizing Styles
17
|---- Basic Page Formatting Styles
18
|---- Header
19
+---- menu_auth
20
|---- menu_modules
21
|---- Content ( Home, Result, Module specific styles )
22
|---- Footer
23
|---- Form Layout Styles
24
|---- Popup Form Styles
25
|---- Popup Menu Styles
26
|---- Message Display Styles
27
28
*/
29
30
/* Neutralizing Styles
31
------------------------------------------------------------------------------- */
32
/* Neutralize styling: Elements we want to clean out entirely */
33
html,
34
body,
35
form,
36
fieldset,
37
textarea {
38
margin: 0;
39
padding: 0;
40
font: 100%/125% Arial, Helvetica, sans-serif;
41
}
42
43
/* Neutralize styling: Elements with a vertical margin */
44
h1, h2, h3, h4, h5, h6, p, pre,
45
blockquote, ul, ol, dl,
46
address {
47
margin: 0 0 1em 0;
48
padding: 0;
49
}
50
51
/* Apply left margin: Only to the few elements that need it */
52
dd, blockquote {
53
margin-left: 1em;
54
}
55
/* Breaks CSS dropdown menus
56
li {
57
margin-left: 1em;
58
}
59
*/
60
61
/* Over-ride Ext */
62
ol, ul {
63
list-style: disc inside none;
64
}
65
/* Except here */
66
ul.x-tree-node-ct,
67
ul.x-tree-root-ct {
68
list-style: none outside none;
69
}
70
71
/* normalize monospace sizing
72
* en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
73
*/
74
pre, code, kbd, samp {
75
font-family: monospace, sans-serif;
76
}
77
pre {
78
padding: 15px;
79
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
80
white-space: pre; /* CSS2 */
81
white-space: pre-wrap; /* CSS 2.1 */
82
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
83
word-wrap: break-word; /* IE */
84
}
85
86
textarea {
87
overflow: auto; /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
88
}
89
/* always force a scrollbar in non-IE */
6
designer :
7
updated :
8
updated for SahanaPy :
9
updated :
10
Some content used from:
11
12
/* --------------------------------------------------------------
13
rest from LA
14
15
reset.css
16
* Resets default browser CSS.
17
18
-------------------------------------------------------------- */
19
90
20
html {
91
overflow-y: scroll;
92
}
93
94
/* make buttons play nice in IE:
95
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
96
button {
97
width: auto;
98
overflow: visible;
99
}
100
101
/* bicubic resizing for non-native sized IMG:
102
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
103
.ext-ie7 img {
104
-ms-interpolation-mode: bicubic;
105
}
106
107
/*
108
* Non-semantic helper classes
109
*/
110
111
/* for image replacement */
112
.ir {
113
display: block;
114
text-indent: -999em;
115
overflow: hidden;
116
background-repeat: no-repeat;
117
}
118
119
/* Hide for both screenreaders and browsers
120
css-discuss.incutio.com/wiki/Screenreader_Visibility */
121
.hidden {
122
display: none;
123
visibility: hidden;
124
}
125
126
/* Hide only visually, but have it available for screenreaders
127
www.webaim.org/techniques/css/invisiblecontent/
128
Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
129
.visuallyhidden {
130
position: absolute !important;
131
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
132
clip: rect(1px, 1px, 1px, 1px);
133
}
134
135
/* Hide visually and from screenreaders, but maintain layout */
136
.invisible {
137
visibility: hidden;
138
}
139
140
/* CSS floats */
141
.fleft {
142
float: left !important;
143
}
144
.fright {
145
float: right !important;
146
}
147
148
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
149
.clearfix:before,
150
.clearfix:after {
151
content: "\0020";
152
display: block;
153
height: 0;
154
visibility: hidden;
155
}
156
.clearfix:after {
157
clear: both;
158
}
159
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
160
.clearfix {
161
zoom: 1;
162
}
163
164
/* Hides from IE-mac */
165
* html .clearfix {
166
height: 1%;
167
}
168
169
170
/* Basic Page Formatting Styles
171
------------------------------------------------------------------------------- */
21
margin:0;
22
padding:0;
23
border:0;
24
}
25
26
body, div, span, object, iframe,
27
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
28
a, abbr, acronym, address, code,
29
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
30
fieldset, form, label, legend,
31
table, caption, tbody, tfoot, thead, tr, th, td,
32
article, aside, dialog, figure, footer, header,
33
hgroup, nav, section {
34
margin: 0;
35
padding: 0;
36
border: 0;
37
font-size: 100%;
38
font: inherit;
39
vertical-align: baseline;
40
}
41
42
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
43
article, aside, details, figcaption, figure, dialog,
44
footer, header, hgroup, menu, nav, section {
45
display:block;
46
}
47
48
/* Line-height should always be unitless! */
172
49
body {
173
font-size: 0.8em;
174
color: #000;
175
background: #fff;
176
/*min-width: 1024px;*/
177
/*overflow:auto; /* annoying always visible scrollbar in chrome */
178
}
179
180
/* Miscellaneous conveniences: */
181
form label {
182
cursor: pointer;
183
}
184
fieldset {
185
border: none;
186
}
187
input, select, textarea {
188
font-size: 100%;
189
}
190
.hide {
191
display: none;
192
}
193
.mini {
194
font-size: 80%;
195
}
196
.wide {
197
width: 100%;
198
}
199
200
/* Input fields should give visual feedback when focussed */
201
input:focus,
202
select:focus,
203
textarea:focus {
204
background-color: #ffffcc;
205
}
206
207
/* Links should ALWAYS be unvisited */
208
a {
209
color: #039;
210
text-decoration: underline; outline:0;
211
}
212
a:hover {
213
color: #c00;
214
text-decoration: none;
215
background-color: #ffffcc;
216
outline: 0;
217
}
218
a:active,
219
a:focus {
220
outline: 0;
221
}
222
a img {
223
border: none;
224
}
225
50
line-height: 1.5;
51
background: white;
52
}
53
54
/* Tables still need 'cellspacing="0"' in the markup. */
226
55
table {
227
border-collapse: collapse;
228
}
229
230
/* Now to layout elements... */
231
/* Unused in default Sahana THeme
232
#header {
233
border-bottom: #069 1px solid;
234
padding: 0 1em;
235
height: 70px;
236
position: relative;
237
background: url(../../YOURLOGOHERE) #336699 no-repeat left top;
238
}
239
*/
240
/* response.menu_modules */
241
#menu_modules {
242
position: relative;
243
height: 36px;
244
background: #CACACA url(../../img/BFTBmenu_back.png) repeat-x;
245
border-top:1px solid #2a323f;
246
/* alternate gradient
247
background-image: -webkit-gradient(
248
linear,
249
left bottom,
250
left top,
251
color-stop(0.08, rgb(52,58,69)),
252
color-stop(0.98, rgb(73,82,97)),
253
color-stop(0.99, rgb(88,96,108))
254
);
255
background-image: -moz-linear-gradient(
256
center bottom,
257
rgb(52,58,69) 8%,
258
rgb(73,82,97) 98%,
259
rgb(88,96,108) 99%
260
);
261
*/
262
padding-top: 0px;
263
z-index: 25;
264
min-width: 800px;
265
}
266
#modulenav {
267
position: relative;
268
margin: 0px;
269
padding-right: 0.7%;
270
}
271
#modulenav,
272
#modulenav li,
273
#modulenav ul {
274
list-style: none;
275
}
276
#modulenav li div a {
277
color: #fff;
278
}
279
#modulenav a {
280
text-decoration: none;
281
}
282
#modulenav a:hover {
283
color: #fff;
284
background: none;
285
}
286
#modulenav li li a {
287
display: block;
288
font-weight: normal;
289
padding: 5px 5px 5px 5px;
290
}
291
#modulenav li li a:hover {
292
background: #414a59;
293
color: #fff;
294
}
295
#modulenav li {
296
float: left;
297
position: relative;
298
text-align: left;
299
cursor: default;
300
border-width: 1px 0;
301
}
302
303
/*.fleft .submenu {
304
min-width: 190px;
305
}
306
.fleft .submenu li{
307
width: 95px;
308
}*/
309
/*
310
#modulenav li:last-child ul.submenu {
311
width: auto;
312
}
313
*/
314
315
/* Menu Buttons */
316
#modulenav li div {
317
text-align:center;
318
background: url(../../img/BFTBmenu_side.png) right 10px no-repeat;
319
text-shadow: 0px 1px 1px #58606c;
320
}
321
#modulenav li div a{
322
display:inline-block;
323
padding: 8px 10px 5px 15px;
324
}
325
#modulenav li div.hovered,
326
#modulenav li div:hover {
327
background: #3177bc url(../../img/BFTBmenu_hilight.png) repeat-x;
328
/* alternate gradient
329
background-image: -webkit-gradient(
330
linear,
331
left bottom,
332
left top,
333
color-stop(0.08, rgb(63,109,184)),
334
color-stop(0.98, rgb(92,155,204)),
335
color-stop(0.99, rgb(126,176,216))
336
);
337
background-image: -moz-linear-gradient(
338
center bottom,
339
rgb(63,109,184) 8%,
340
rgb(92,155,204) 98%,
341
rgb(126,176,216) 99%
342
);
343
*/
344
}
345
346
/* Menu Popups */
347
#modulenav li ul {
348
display: none;
349
position: absolute;
350
top: 100%;
351
left: 0;
352
font-weight: normal;
353
text-align: left;
354
background: #fff;
355
border: #dedede 1px solid;
356
-moz-border-radius: 5px;
357
-webkit-border-radius: 5px;
358
-moz-box-shadow: 1px 1px 5px #232a34;
359
-webkit-box-shadow: 1px 1px 5px #232a34;
360
}
361
#modulenav li>ul {
362
top: auto;
363
left: auto;
364
}
365
#modulenav li li {
366
/* display: inline-block; */
367
display: block;
368
float: none;
369
border: 0;
370
vertical-align: middle;
371
}
372
#modulenav li:hover ul {
373
display: block;
374
}
375
#modulenav li.over ul {
376
display: block;
377
}
378
379
.S3menulogo {
380
background: url(../../img/S3menu_logo.png) left top no-repeat;
381
text-shadow: none;
382
padding: none;
383
width: 35px;
384
height: 28px;
385
display: inline-block;
386
position: absolute;
387
top: 3px;
388
left: 2px;
389
}
390
.S3menuHome {
391
padding-left: 20px;
392
}
393
394
/* Sidebar / response.menu_options */
395
#menu_options {
396
margin:10px 0px 0px 0px;
397
/*padding:5px;*/
398
background:#e7ebed;
399
/*border: 1px solid #bbb;*/
400
border-radius:0px 5px 5px 0px;
401
overflow:auto;
402
}
403
404
#subnav li, #subnav ul li {
405
list-style:none;
406
clear:both;
407
}
408
#subnav div a{
409
display:block;
410
padding:5px;
411
background:#37404c;
412
font-weight:bold;
413
}
414
#subnav ul li {
415
border-bottom:1px solid #b4c0c7;
416
}
417
418
#subnav ul li a{
419
display:block;
420
padding:2px 2px 3px 10px;
421
text-decoration:none;
422
}
423
#subnav div a{
424
color:white;
425
font-size:1.05em;
426
text-decoration:none;
427
}
428
#subnav div a:hover{
429
background:#112038;
430
color:white;
431
}
432
433
.menu_separator hr {
434
width: 90%;
435
height: 1px;
436
}
437
438
/* Width of page */
439
.swidth {
440
width: 640px;
441
}
442
443
/* Column container */
444
.colmask {
445
position: relative; /* This fixes the IE7 overflow hidden bug */
446
clear: both;
447
float: left;
448
width: 100%; /* width of whole page */
449
overflow: hidden; /* This chops off any overhanging divs */
450
z-index: 0; /* This keeps drop down menus visible on maps */
451
}
452
453
/* common column settings */
454
.col3left {
455
float: left;
456
width: 33%;
457
position: relative;
458
}
459
.col3mid, .col3right {
460
float: right;
461
width: 33%;
462
position: relative;
463
}
464
.col2left {
465
float: left;
466
width: 49%;
467
position: relative;
468
}
469
.col2right {
470
float: right;
471
width: 49%;
472
position: relative;
473
}
474
.col1, .col2, .col3 {
475
float: left;
476
position: relative;
477
padding: 0 0 3px 0;
478
overflow: hidden;
479
}
480
481
/* Full page settings */
482
.fullpage {
483
background: #fff; /* page background colour */
484
padding-top: 1px;
485
}
486
.fullpage .col1 {
487
width: 99%; /* page width minus left and right padding */
488
left: 0.5%; /* page left padding */
489
min-width: 800px;
490
}
491
492
.aside {
493
float:left;
494
width:200px;
495
/*margin-left: 100%;*/
496
}
497
.rightside {
498
margin-left:200px;
499
}
500
501
/* common styles */
502
#content {
503
background: #f0f3f4;
504
border: 1px solid #bbb;
505
margin: 10px 5px;
506
padding: 0px;
507
margin-bottom: 2px;
508
padding:10px 30px 10px 30px;
509
-moz-border-radius: 10px 10px 10px 10px;
510
-webkit-border-radius: 10px 10px 10px 10px;
511
overflow:auto;
512
}
513
#content h1,
514
#content h2 {
515
color: #112038;
516
font-size: 16px;
517
font-weight: bolder;
518
background: #cfdde7;
519
padding: 10px 5px 5px 5px;
520
border-bottom: 1px solid #bbb;
521
}
522
#content h2:first-child {
523
background-image: -webkit-gradient(
524
linear,
525
left bottom,
526
left top,
527
color-stop(0.16, rgb(188,204,217)),
528
color-stop(0.57, rgb(212,225,235))
529
);
530
background-image: -moz-linear-gradient(
531
center bottom,
532
rgb(188,204,217) 16%,
533
rgb(212,225,235) 57%
534
);
535
margin:-10px -30px 10px -30px;
536
background-color:#cfdde7;
537
text-shadow: 0px 1px 1px #e3edf4;
538
border:1px solid #aecbe0;
539
border-top:1px solid #e1eaf1;
540
border-bottom:1px solid #9cb2c1;
541
padding-left:10px;
542
-moz-border-radius: 10px 10px 0px 0px;
543
-webkit-border-radius: 10px 10px 0px 0px;
544
}
545
#content h3 {
546
color: #2a485d;
547
font-size: 14px;
548
font-weight: bolder;
549
padding: 5px 5px 2px 5px;
550
border-bottom: 1px #006699 solid;
551
margin-bottom: 10px;
552
}
553
#content h4 {
554
color: #375d78;
555
margin-top: 10px;
556
font-size: 13px;
557
font-weight: bolder;
558
padding: 2px 2px 1px 2px;
559
border-bottom: 1px #003366 dotted;
560
margin-bottom: 10px;
561
}
562
563
/* other styles */
564
/*#home { border: 10px #fff solid; }*/
565
#home p {
566
text-align: center;
567
text-align: justify;
568
line-height: 1.25;
569
}
570
#footer {
571
margin: 0 auto;
572
clear: both;
573
float: left;
574
width:100%;
575
text-align: center;
576
border-top: #fff 1px solid;
577
padding-top: 10px;
578
}
579
a.help, a:link.help {
580
color: #fff;
581
text-decoration: none;
582
margin-right: 10px;
583
}
584
a:hover.help {
585
background-color: #336699;
586
text-decoration: underline;
587
}
588
a:visited.help {
589
font-weight: normal;
590
color: #666;
591
}
592
p {
593
padding: 5px;
594
margin: 0;
595
}
596
597
598
/* Form Layout styles */
599
p.legend {
600
margin-bottom: 1em;
601
}
602
p.legend em {
603
color: #c00;
604
font-style: normal;
605
}
606
div.form-container {
607
width: 100%;
608
overflow: auto;
609
}
610
div.form-container form {
611
padding: 5px;
612
background-color: #fff;
613
border: #eee 1px solid;
614
background-color: #fbfbfb;
615
}
616
div.form-container p {
617
margin: 0.5em 0 0 0;
618
}
619
div.form-container form p {
620
margin: 0;
621
}
622
div.form-container form p.note {
623
font-style: italic;
624
margin-left: 18em;
625
font-size: 80%;
626
color: #666;
627
}
628
div.form-container form input,
629
div.form-container form select {
630
padding: 1px;
631
margin: 2px 0 2px 0;
632
}
633
div.form-container form input[type="checkbox"],
634
635
div.form-container form input[type="radio"] {
636
padding: 1px;
637
margin: 2px 5px;
638
}
639
div.form-container form fieldset {
640
margin: 0 0 10px 0;
641
padding: 10px;
642
border: #ddd 1px solid;
643
background-color: #fff;
644
}
645
div.form-container form legend {
646
font-weight: bold;
647
color: #666;
648
}
649
div.form-container form fieldset div.brake {
650
padding: 0.3em;
651
}
652
div.form-container form fieldset label {
653
position: relative;
654
margin-right: 10px;
655
padding-right: 10px;
656
width: 15em;
657
display: block;
658
float: left;
659
text-align: right;
660
min-height: 1em;
661
top: 0.25em;
662
}
663
664
div.form-container form fieldset label.errorfield,
665
div.form-container form fieldset span.errorfield {
666
color: #c00;
667
}
668
div.form-container form fieldset label.value{
669
display: block;
670
text-align: left;
671
width: auto;
672
}
673
div.form-container form fieldset input.errorfield {
674
border-color: #c00;
675
background-color: #fef;
676
}
677
div.form-container form fieldset input:focus,
678
div.form-container form fieldset input.errorfield:focus,
679
div.form-container form fieldset textarea:focus {
680
background-color: #ffffcc;
681
border-color: #fc6;
682
}
683
div.form-container form input:focus,
684
div.form-container form select:focus,
685
div.form-container form input.errorfield:focus,
686
div.form-container form textarea:focus {
687
background-color: #ffc;
688
/* border-color: #ffc; */
689
}
690
div.form-container form td.w2p_fl,
691
div.item-container form td.w2p_fl {
692
font-weight: bold;
693
/* background-color: #ffc; */
694
}
695
div.form-container form tr td,
696
div.item-container form tr td {
697
padding: 3px 0 0 3px;
698
}
699
div.form-container div.controlset label,
700
div.form-container div.controlset input {
701
display: inline;
702
float: none;
703
}
704
div.form-container div.controlset div {
705
margin-left: 15em;
706
}
707
div.form-container div.buttonrow {
708
margin-left: 180px;
709
}
710
711
/* Drag and Drop */
712
div#template_sections {
713
margin-right: 10px;
714
}
715
716
div#master_sections li {
717
list-style: none;
718
}
719
720
.ui-droppable {
721
padding-bottom: 25px;
722
}
723
724
div#template_sections li {
725
list-style: none;
726
}
727
728
li.ui-draggable:hover,
729
li.ui-draggable-dragging {
730
cursor: pointer;
731
list-style: none;
732
padding: 3px;
733
border: solid 1px #BBBBBB;
734
background: none repeat scroll 0 0 #CFDDE7;
735
}
736
/* Subheadings */
737
td.subheading {
738
padding-top: 10px !important;
739
padding-bottom: 5px;
740
border-bottom: thin solid #bbb;
741
font-weight: bold;
742
}
743
tr.after_subheading td {
744
padding-top: 10px !important;
745
}
746
747
select[disabled='disabled'],
748
input[disabled='disabled'] {
749
/* A lighter background so the text is more readable */
750
background: #eee;
751
color: #333;
752
/* Make the cursor not change to editable */
753
cursor: default;
754
}
755
756
/* Tabular data view */
757
div#table-container {
758
display: table-cell;
759
width: 100%;
760
overflow: auto;
761
}
762
div#table-container thead th {
763
text-align: left;
764
border: 1px solid #ccc;
765
}
766
div#table-container tr.even td {
767
border: 1px solid #ccc;
768
padding: 4px 10px;
769
}
770
div#table-container tr.odd td {
771
border: 1px solid #ccc;
772
padding: 4px 10px;
773
}
774
775
#list_formats {
776
float: left;
777
margin-bottom: 10px;
778
margin-right: 10px;
779
}
780
781
/* dataTables Styling */
782
/* Bring in line with export formats */
783
#table-container {
784
margin-top: -1px;
785
min-width: 640px;
786
/* min-width: 700px; */
787
}
788
.dataTable {
789
/* min-width: 700px; */
790
width: 100%;
791
}
792
793
table.dataTable tr td{
794
vertical-align: top;
795
}
796
797
div.dataTables_filter {
798
/* text-align: left; */
799
width: auto;
800
float: left;
801
/* margin-left: 50px; */
802
margin-bottom:4px;
803
}
804
805
div.dataTables_processing {
806
float: left;
807
margin-left: 10px;
808
}
809
810
div.dataTables_info {
811
width: auto;
812
float: right;
813
margin: 2px 0 4px 10px;
814
}
815
div.dataTables_length {
816
float: right;
817
margin-bottom:4px;
818
}
819
div.dataTables_paginate {
820
float: left;
821
margin: 4px 0 4px 0;
822
}
823
div.paging_full_numbers {
824
width: auto;
825
}
826
827
span.dataTable-btn {
828
background-color: #ddd;
829
border: 1px solid #aaa;
830
-webkit-border-radius: 5px;
831
-moz-border-radius: 5px;
832
padding: 2px 5px;
833
margin: 0 3px;
834
cursor: pointer;
835
*cursor: hand;
836
}
837
838
span.dataTable-btn:hover {
839
background-color: #EFEFEF;
840
}
841
842
table.importItem{
843
display: none;
844
}
845
/*
846
#list_processing { float: left;
847
margin-bottom:4px; }
848
*/
849
850
/* Display view */
851
div.item-container {
852
width: 100%;
853
overflow: auto;
854
margin: 5px 0 5px 0;
855
}
856
857
/* Default text for INPUT fields */
858
.default-text {
859
color: #a1a1a1;
860
font-style: italic;
861
}
862
863
/* Map view */
864
div#map {
865
width: 100%;
866
overflow: auto;
867
}
868
869
/* Required Field indicator */
870
.req {
871
color: red;
872
font-weight: bold;
873
}
874
875
/* For Key - ugly! */
876
.red {
877
color: red;
878
}
879
880
/* Help Popup */
881
.tooltip,
882
.tooltipbody,
883
.stickytip,
884
.ajaxtip {
885
position: static;
886
text-transform: uppercase;
887
height: 20px;
888
width: 50px;
889
background-image: url(../../img/help_off.gif);
890
}
891
.tooltip span,
892
.tooltipbody span,
893
.stickytip span,
894
.ajaxtip span {
895
display:none;
896
}
897
.tooltip:hover,
898
.tooltipbody:hover,
899
.stickytip:hover,
900
.ajaxtip:hover {
901
background-color: transparent;
902
background-image: url(../../img/help_on.gif);
903
}
904
905
/* Form Popup */
906
div#popup {
907
background: #fff;
908
}
909
910
/* Message Flash styles */
911
div.confirmation {
912
color: #070;
913
font-weight: bold;
914
text-align: center;
915
border: #070 1px solid;
916
background: url(../../img/dialog-confirmation.png) #e5ffe5 no-repeat 5px 5px;
917
margin-top: 0.0em;
918
margin-bottom: 0.5em;
919
padding-top: 1.0em;
920
padding-bottom: 1.0em;
921
cursor: pointer;
922
}
923
.confirmation p em {
924
color: #070;
925
}
926
.error {
927
color: #c00;
928
font-weight: bold;
929
text-align: center;
930
border: #c00 1px solid;
931
background: url(../../img/dialog-error.png) #ffe5e5 no-repeat 5px 5px;
932
margin-top: 0.0em;
933
margin-bottom: 0.5em;
934
padding-top: 1.0em;
935
padding-bottom: 1.0em;
936
padding-left: 30px;
937
padding-right: 1em;
938
cursor: pointer;
939
}
940
.error p em {
941
color: #c00;
942
}
943
.information {
944
color: #748d8e;
945
font-weight: bold;
946
text-align: center;
947
border: #9ed8d7 1px solid;
948
background: url(../../img/dialog-information.png) #ecfdff no-repeat 5px 5px;
949
margin-top: 0.0em;
950
margin-bottom: 0.5em;
951
padding-top: 1.0em;
952
padding-bottom: 1.0em;
953
cursor: pointer;
954
}
955
.information p em {
956
color: #748d8e;
957
}
958
.warning {
959
color: #c00;
960
font-weight: bold;
961
text-align: center;
962
border: #fc6 1px solid;
963
background: url(../../img/dialog-warning.png) #ffc no-repeat 5px 5px;
964
margin-top: 0.0em;
965
margin-bottom: 0.5em;
966
padding-top: 1.0em;
967
padding-bottom: 1.0em;
968
cursor: pointer;
969
}
970
.warning p em {
971
color: #c00;
972
}
973
974
/* AutoCompletes */
975
.throbber {
976
margin-bottom: -16px;
977
padding: 0 0 0 10px;
978
}
979
980
/* Resource header
981
div#rheader {
982
display: table-cell;
983
}*/
984
div#rheader table {
985
/* width: 100%; */
986
}
987
div#rheader th {
988
/* text-align: right; */
989
/* width: 10%; */
990
font-weight: bold;
991
}
992
div#rheader td {
993
text-align: left;
994
padding: 1px 25px 1px 10px;
995
/* width: 20%; */
996
}
56
border-collapse: separate;
57
border-spacing: 0;
58
}
59
/* float:none prevents the span-x classes from breaking table-cell display */
60
caption, th, td {
61
text-align: left;
62
font-weight: normal;
63
float:none !important;
64
}
65
table, th, td {
66
vertical-align: middle;
67
}
68
69
/* Remove possible quote marks (") from <q>, <blockquote>. */
70
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
71
blockquote, q { quotes: "" ""; }
72
73
/* Remove annoying border on linked images. */
74
a img { border: none; }
75
76
/* Remember to define your own focus styles! */
77
:focus { outline: 0; }
78
79
80
81
/*** General ***/
82
html {font-size:100.01%;}
83
body {font-size:75%;color:#000;background:#d9e8f2;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
84
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
85
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;color:#EB033B;}
86
h2 {font-size:1.5em;margin-bottom:0.75em;color:#0065A6;}
87
h3 {font-size:1.2em;line-height:1;margin-bottom:0.5em;color:#0065A6;}
88
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;}
89
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
90
h6 {font-size:1em;font-weight:bold;}
91
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
92
p {margin:0 0 1.5em;}
93
.left {float:left !important;}
94
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
95
.right {float:right !important;}
96
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
97
a:focus, a:hover {color:#09f;}
98
a {color:#0065A6;text-decoration:none;}
99
p a{color:#eb033b;}
100
blockquote {margin:1.5em;color:#666;font-style:italic;}
101
strong, dfn {font-weight:bold;}
102
em, dfn {font-style:italic;}
103
sup, sub {line-height:0;}
104
abbr, acronym {border-bottom:1px dotted #666;}
105
address {margin:0 0 1.5em;font-style:italic;}
106
del {color:#666;}
107
pre {margin:1.5em 0;white-space:pre;}
108
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
109
li ul, li ol {margin:0;}
110
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
111
ul {list-style-type:disc;}
112
ol {list-style-type:decimal;}
113
dl {margin:0 0 1.5em 0;}
114
dl dt {font-weight:bold;}
115
dd {margin-left:0em;}
116
table {margin-bottom:1.4em;}
117
th {font-weight:bold;}
118
thead th {background:#c3d9ff;}
119
th, td, caption {padding:4px 10px 4px 5px;}
120
tfoot {font-style:italic;}
121
caption {background:#eee;}
122
123
/*** Layout/Sections ***/
124
/* Main Sections */
125
#container {background:url(../../img/la/bg.png) repeat-y;width:950px;margin:0 auto;}
126
#header{background:url(../../img/la/header_bg.png) no-repeat;width:910px;height:165px;margin-left:-5px;padding:0px 25px;}
127
#content{clear:both;}
128
#single-col{margin:30px 20px 30px 65px;}
129
#left-col{float:left;width:205px;}
130
#right-col{float:left;width:725px;}
131
#footer{clear:both;}
132
133
/* Shadow for bottom of Page */
134
#container:after{
135
content:url(../../img/la/footer_end.png);
136
display:block;
137
height:15px;
138
width:950px;
139
}
140
141
/*Home Page and Donate Page Paper folds*/
142
.paper-fold{position:relative;background-color:#efefef;width:460px;min-height:270px;margin-bottom:30px;padding:20px 0px;}
143
.paper-fold h2{padding-bottom:20px;font-size:2em;text-transform:uppercase;border-bottom:1px #9C9C9C dashed}
144
.paper-fold h2:before{
145
content:url(../../img/la/arrow_bullet_large.png);
146
padding-right:10px;
147
color:#EB033B;
148
font-style:italic;
149
font-size:2em;
150
line-height:0em;
151
}
152
153
#single-col .paper-fold p{font-size:1em; line-height:1.4em;margin-bottom:10px;}
154
155
.left-fold{float:left;background-repeat:no-repeat;background-position:0px 25px;margin-left:-71px;}
156
.home .left-fold{background-image:url(../../img/la/donate_home.jpg);}
157
.donate .left-fold{background-image:url(../../img/la/donate_donate.jpg);}
158
#single-col .left-fold > *{margin-left:190px;}
159
160
.right-fold{float:right;background-repeat:no-repeat;background-position:290px 25px;margin-right:-26px;}
161
.home .right-fold{background-image:url(../../img/la/volunteer_home.jpg);}
162
.donate .right-fold{background-image:url(../../img/la/volunteer_donate.jpg);}
163
#single-col .right-fold > * {padding-left:30px;margin-right:190px;}
164
165
.left-fold:before{
166
content: url(../../img/la/paper_corner.png);
167
display:block;
168
float:left;
169
margin-top:-35px;
170
}
171
172
.right-fold:before{
173
content: url(../../img/la/paper_corner_right.png);
174
display:block;
175
float:right;
176
margin-top:-35px;
177
}
178
179
.left-fold:after{
180
content:url(../../img/la/bottom_paper_shadow.png);
181
position:absolute;
182
bottom:-9px;
183
left:15px;
184
}
185
186
.right-fold:after{
187
content:url(../../img/la/bottom_paper_shadow.png);
188
position:absolute;
189
bottom:-9px;
190
right:15px;
191
}
192
193
/*Corner Box*/
194
.corner-right-box{float:right;margin:-50px -10px 0px 25px;padding:25px 20px;width:212px;height:109px;background:url(../../img/la/corner_box.png) no-repeat;}
195
.corner-right-box input[type=text]{background:#fff !important;width:180px;}
196
#single-col .corner-right-box p{font-size:1em;}
197
.corner-right-box .crb-title{font-size:1.25em;font-weight:bold;font-style:italic;color:#0065a6;margin:0px;}
198
.corner-right-box .crb-submit{border:none;background:url(../../img/la/search_submit.png) no-repeat; width:27px;height:25px;text-indent:-9999px;cursor:pointer;}
199
.corner-right-box .search-advanced{display:block;font-size:0.9em;}
200
201
/*** Header ***/
202
#header{overflow:hidden;position:relative;}
203
#header #la-logo, #header #logo{float:left;}
204
#header #la-logo{margin-top:24px;}
205
#header #logo{margin:55px 0px 0px 70px;}
206
#header #personal-menu{float:right;width:50%;margin-right:0px;font-size:0.90em;}
207
#header #personal-menu .pmenu-wrapper{float:right;}
208
#header #personal-menu *{float:left;}
209
#header #personal-menu ul{border-right:1px #6994bc solid;padding-bottom:5px;}
210
#header #personal-menu li {list-style:none;padding:5px 7px 0px; border-left:1px #fff solid;}
211
#header #personal-menu li:first-child {border-left:0px #fff solid;}
212
#header #personal-menu a {color:#fff;font-style:italic;}
213
#header blockquote{position:relative;float:right;right:-5px;width:250px;margin:0px;color:#D7EDF6;font-family:Georgia,serif; font-size:1.10em;line-height:1.5em; text-align:right;}
214
#header blockquote .quote{display:block;float:left;width:220px;}
215
#header blockquote .name{clear:both;display:block;margin:0px;padding:5px 30px 0px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;font-size:0.75em;font-style:normal;}
216
#header blockquote .open,#header blockquote .close{position:absolute;display:block;margin-top:10px;width:15px;height:15px;text-indent:9999px;}
217
#header blockquote .open{top:-10px;float:left;background:url(../../img/la/open_quote.png) no-repeat;}
218
#header blockquote .close{bottom:25px;right:5px;float:left;background:url(../../img/la/close_quote.png) no-repeat;}
219
220
/*** Navigation ***/
221
222
/*Main Navigation*/
223
#nav{position:absolute; bottom:15px;left:200px;margin:0px; padding:0px;}
224
#nav li{float:left;height:35px;list-style:none;margin-left:-6px;padding: 0px 0px 0px 0px;}
225
#nav a{display:block;background:url(../../img/la/nav_divider.png) no-repeat;padding:10px 10px 5px 15px;font-size:1em;font-weight:normal;letter-spacing:0.15em;color:#fff;text-transform:uppercase;text-decoration:none;}
226
#nav a:hover,#nav a.highlight{background:url(../../img/la/nav_divider.png) 0px -46px no-repeat;padding-bottom:15px;border-bottom:0px solid #eb033b;}
227
228
229
/*Main Sub Menu*/
230
#main-sub-menu{margin-top:40px;width:180px;padding:10px 0px;background:#c4e4f3;}
231
#main-sub-menu li{list-style:none;}
232
#main-sub-menu li a{display:block;font-weight:bold;color:#000;padding:8px 0px 6px 25px;border-bottom:1px #0065a6 dotted;}
233
#main-sub-menu li a:active,#main-sub-menu li a.highlight{background:#edf7fb;color:#0065a6;}
234
#main-sub-menu li a:hover{font-weight:bold;color:#0065a6;}
235
#main-sub-menu li a.highlight:after{
236
content:" »";
237
font-style:italic;
238
font-size:1.35em;
239
line-height:0em;
240
}
241
242
#main-sub-menu:before{
243
content:url(../../img/la/paper_corner.png);
244
position:relative;
245
top:-25px;
246
left:0px;
247
display:block;
248
height:0px;
249
}
250
251
.menu-extention{margin:0px;padding:0px;line-height:0.9em;}
252
#main-sub-menu .menu-extention a{font-weight:normal;border-bottom:0px #0065a6 dotted;}
253
#main-sub-menu .menu-extention a:hover{font-weight:normal;}
254
255
/*Sign In Menu*/
256
#sign-in-menu{margin-top:40px;width:130px;padding:10px 25px;background:#0065a6;}
257
#sign-in-menu p{font-size:0.9em;color:#fff;font-style:italic;font-weight:bold;}
258
#sign-in-menu label{font-size:0.9em;color:#fff;}
259
#sign-in-menu input[type=text],#sign-in-menu input[type=password]{font-size:0.9em;width:130px;height:13px;}
260
#sign-in-menu .sign-in-button{float:right;width:56px; height:19px;margin:10px 0px;background:url(../../img/la/light_blue_button.png) no-repeat;font-size:0.85em;font-weight:bold;text-transform:uppercase;border:0;}
261
#sign-in-menu .sign-in-button:hover{color:#fff;}
262
263
#sign-in-menu:before{
264
content:url(../../img/la/paper_corner.png);
265
position:relative;
266
top:-25px;
267
left:-25px;
268
display:block;
269
height:0px;
270
}
271
272
#sign-in-menu:after{
273
content:url(../../img/la/sub_nav_shadow.png);
274
clear:both;
275
display:block;
276
position:relative;
277
bottom:-10px;
278
left:50px;
279
line-height:0px;
280
height:0px;
281
}
282
283
/*Secondary Sub Menu*/
284
#secondary-sub-menu{padding:10px 0px;width:180px;background:#f2f2f2;}
285
#secondary-sub-menu p{margin:0px 25px; padding:0px;line-height:1em;}
286
#secondary-sub-menu ul{margin:10px 0px 20px; padding:0px;}
287
#secondary-sub-menu li{position:relative;list-style:none;}
288
#secondary-sub-menu li a{display:block;padding:3px 5px 2px 25px;color:#0065A6;}
289
#secondary-sub-menu li a:hover{color:#273482;}
290
#secondary-sub-menu li a.highlight{color:#273482;background:#E1E1E1;}
291
#secondary-sub-menu li a:after{
292
content:"»";
293
padding-left:5px;
294
font-style:italic;
295
font-size:1.35em;
296
line-height:0em;
297
}
298
299
300
#secondary-sub-menu li a.evaluate-link{display:block;float:right;width:30px;margin:-25px 20px 0px 0px;font-size:0.7em;color:#DE0036;text-transform:uppercase;text-align:right;}
301
#secondary-sub-menu li a.evaluate-link:hover{color:#000;}
302
#secondary-sub-menu li a.evaluate-link:after{content:"";}
303
304
#secondary-sub-menu .see-all-button{float:right;margin:-15px 20px 0px 0px;}
305
#secondary-sub-menu .see-all-button a{display:block;background-image:url(../../img/la/second_sub_nav_button.png);background-repeat:no-repeat;width:56px;height:21px;color:#fff;text-align:center;text-transform:uppercase;font-size:0.8em;font-weight:bold;}
306
#secondary-sub-menu .see-all-button a:hover{color:#c4f4f3;}
307
#secondary-sub-menu .see-all-button a:active{background-position:0px -21px;}
308
309
#main-sub-menu:after,#secondary-sub-menu:after{
310
content:url(../../img/la/sub_nav_shadow.png);
311
display:block;
312
position:relative;
313
bottom:-10px;
314
left:75px;
315
line-height:0px;
316
height:0px;
317
}
318
319
.other-sub-menu{width:150px;margin:25px 0px 0px 20px;border:1px #b5b5b5 dotted;}
320
.other-sub-menu p,.other-sub-menu ul{font-size:0.95em}
321
.other-sub-menu p.osm-title{margin:10px;font-weight:bold;line-height:1.2em;}
322
.other-sub-menu ul{margin:0px;padding:0px;}
323
.other-sub-menu li{position:relative;padding:0px 10px;list-style:none;border-bottom:1px #8bcae8 solid;line-height:1.2em;}
324
.other-sub-menu li a{display:block;width:135px;margin-left:-5px;padding:3px 5px;}
325
.other-sub-menu li a:hover{color:#000;background:#b2d1e4;}
326
327
.other-sub-menu ul li .link-name{z-index:9999;}
328
.other-sub-menu ul li .other-popup{position:absolute;top:0px;left:150px;width:170px;background:#d9e8f2;z-index:100;}
329
.other-sub-menu ul li .other-popup h3{font-size:1em;font-weight:bold;color:#000;width:183px; height:30px;padding:5px 10px 0px;background:url(../../img/la/popup_header.png) no-repeat;}
330
.other-sub-menu ul li .other-popup p{padding:10px;}
331
.other-sub-menu ul li .other-popup img{margin: 0px 25%}
332
333
334
.other-sub-menu ul li .other-popup:after{content:url(../../img/la/popup_footer.png);position:relative;bottom:-5px;}
335
.other-sub-menu ul li .other-popup h3:after{content:url(../../img/la/external_link.png);margin-left:5px;}
336
337
338
.sub-menu{margin:0px 0px 0px -7px;}
339
340
/*Breadcrumbs*/
341
.breadcrumbs{font-size:0.9em;color:#737373;margin:0px 0px 30px 0px;padding:0px;}
342
#single-col .breadcrumbs{margin:-30px 0px 20px 0px;}
343
.breadcrumbs ul{margin:0px; padding:0px;}
344
.breadcrumbs li{float:left;list-style:none;margin:0px; padding:0px;}
345
.breadcrumbs li a{color:#737373;text-transform:uppercase; padding:0px 2px;}
346
.breadcrumbs li a.highlight,.breadcrumbs li a:hover{color:#0065A6;}
347
348
/*Skip Navigation*/
349
a.skipnavigation {position: absolute; left: -10000px; }
350
a.skipnavigation:focus, a.skipnavigation:active { position: static; left: 0; }
351
352
/***Typography***/
353
#right-col p,#single-col p{margin:0px 25px 25px 0px; font-size:1.25em;}
354
#right-col p.medium-text,#single-col p.medium-text{font-size:1em;}
355
356
/*H2 Paper Strip*/
357
h2.paper-strip{clear:both;width:100%;margin:0px;padding:10px;border-width:0px 0px 1px 1px;border-style:solid;border-color:#E1E1E1;}
358
h2.paper-strip:after{
359
content:url(../../img/la/heading_shadow.png);
360
display:block;
361
position:relative;
362
top:10px;
363
padding:0px;
364
height:0px;
365
}
366
367
.paper-strip-right{float:right; margin:-35px 0px 0px 0px;}
368
.paper-strip-right > *{float:left;margin-left:10px;}
369
#right-col .paper-strip-right p, #right-col .paper-strip-right label{font-size:0.9em;}
370
#right-col .paper-strip-right label{padding-top:3px;}
371
#right-col .paper-strip-right p{padding:5px 0px 0px 10px; margin-bottom:0px;}
372
#right-col .paper-strip-right .red-button{margin-top:-15px;}
373
374
/***Tables***/
375
table td,table th{border-right:1px #9C9C9C dashed; border-bottom:2px #fff solid;line-height:1.25em;}
376
table th, table th label{vertical-align:bottom;padding-top:20px;color:#273482;font-weight:bold;}
377
table td{padding:10px;}
378
table td:first-child{background:#fff;}
379
table tr td:last-child, table tr th:last-child{border-right:0px #9C9C9C dashed;}
380
table tr.odd td{background:#EFF6F9;}
381
table tr.even td{background:#E5F0F5;}
382
table tr td.white-cell,table tr th.white-cell{background:#fff;border-right:0px #9C9C9C dashed;}
383
table td .num_volunteers{color:#D80541;}
384
table td .date{display:block;font-weight:bold;}
385
table td .time{display:block;}
386
table td input[type="text"],table td select{background:#fff;font-size:0.9em;border:1px solid #ccc;}
387
388
/***Buttons***/
389
.apply-button{clear:both;width:48px;height:20px;padding-top:5px;background-image:url(../../img/la/apply_button.png);background-repeat: no-repeat;color:#fff;font-size:0.8em;font-weight:bold;text-transform:uppercase;text-indent:-5px;}
390
a.apply-button{display:block;text-align:center;}
391
.apply-button:active{background-position:0px -26px;}
392
.accept-button{clear:both;width:260px; height:44px;margin-bottom:10px; background:url(../../img/la/long_red_button.png) no-repeat; border:0px;text-transform:uppercase;color:#fff;font-weight:bold;}
393
a.accept-button{display:block;height:30px;text-align:center;padding-top:15px;}
394
.reset-button{clear:both;width:56px; height:18px; background:url(../../img/la/grey_button.png) no-repeat; border:0px;color:#fff;font-size:0.9em;font-weight:bold;text-transform:uppercase;}
395
a.reset-button{display:block;}
396
.submit-button{clear:both;width:111px;height:41px;margin-top:25px;background-image:url(../../img/la/red-arrow-button.png);background-repeat:no-repeat;border:0px;color:#fff;font-weight:bold;text-transform:uppercase;}
397
a.submit-button{display:block;text-align:center;}
398
.submit-button:active{background-position:0px -41px;}
399
.print-button{clear:both;width:143px;height:45px;background-image:url(../../img/la/medium_red_button.png);background-repeat:no-repeat;border:0px;color:#fff;font-weight:bold;text-transform:uppercase;}
400
a.print-button{display:block;height:30px;padding-top:13px;text-align:center;}
401
.wide-grey-button{clear:both;width:130px; height:18px;margin-bottom:10px;background:url(../../img/la/grey_button_wide.png) no-repeat;font-size:0.8em;color:#fff;text-transform:uppercase;}
402
a.wide-grey-button{display:block;padding-top:2px;text-align:center;}
403
404
.apply-button,.accept-button,.submit-button,.print-button{background-color:#fff;}
405
.apply-button:hover,.accept-button:hover,.submit-button:hover,.print-button:hover{color:#000;background-color:#fff;}
406
.reset-button:hover,.wide-grey-button:hover{color:#D5DED8;}
407
408
.file-icon{display:block;background-image:url(../../img/la/file-icons.png);background-repeat:no-repeat;width:25px;height:25px;text-indent:-9999px;}
409
.excel-icon{background-position:0px 0px;}
410
.xml-icon{background-position:-25px 0px;}
411
412
/***Pagination***/
413
.pagination{height:40px; overflow:hidden;}
414
.pagination *{float:left;padding:0px 5px;}
415
.pagination ul{margin:0px;padding:0px;}
416
.pagination li{list-style:none;border-left:1px #000 solid;}
417
.pagination li:first-child{border-left:0px #000 solid;}
418
.pagination li a{color:#000;}
419
.pagination li a:hover{color:#0065a6;}
420
.pagination li a.highlight{font-weight:bold;}
421
.pagination a.pagi-button{display:block;width:15px;height:11px;margin:3px;padding:0px;background-image:url(../../img/la/pagination_sprite.png);background-repeat:no-repeat;text-indent:-9999px;}
422
423
.pagination a.first-button{background-position:0px 0px;}
424
.pagination a.prev-button{background-position:-15px 0px;}
425
.pagination a.next-button{background-position:-30px 0px;}
426
.pagination a.last-button{background-position:-45px 0px;}
427
428
/***Footer ***/
429
#footer{clear:both;width:735px;height:60px;overflow:hidden;margin:0px 0px 0px 185px;padding-top:15px;border-top:1px #e9eaea solid;}
430
#footer .la-seal,#footer .footer-nav{float:left;}
431
#footer .footer-nav{margin:15px 0px 0px 0px;}
432
#footer .footer-nav li{float:left;padding:0px 5px;list-style:none;border-left:1px #000 solid;}
433
#footer .footer-nav li a{color:#000;}
434
#footer .footer-nav li:first-child{border-left:0px #000 solid;}
435
436
/*** Form Elements ***/
437
label {font-weight:normal;}
438
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
439
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
440
fieldset, #IE8#HACK {padding-top:1.4em;}
441
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
442
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {height:20px;background-color:#c4e4f3;border:0px solid #bbb;color:#000;}
443
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
444
select {background-color:#c4e4f3;border-width:0px;border-style:solid;}
445
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
446
input[type=submit],input[type=reset]{cursor:pointer;}
447
input.text, input.title {width:300px;padding:5px;}
448
input.title {font-size:1.5em;}
449
textarea {padding:5px;}
450
form.inline {line-height:3;}
451
form.inline p {margin-bottom:0;}
452
.small-input{width:50px;}
453
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
454
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
455
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
456
.error a, .alert a {color:#8a1f11;}
457
.notice a {color:#514721;}
458
.success a {color:#264409;}
459
.info a {color:#205791;}
460
.red-asterisk {color:#EB033B;}
461
462
/*Volunteer Forms*/
463
.volunteer-form{width:480px;margin-top:20px;}
464
#right-col .volunteer-form p.required{margin-left:140px;font-size:0.9em;color:#EB033B;}
465
.volunteer-form .error{display:block;color:#EB033B; font-size:0.9em;}
466
.volunteer-form label,.volunteer-form input,.volunteer-form select,.volunteer-form textarea{float:left;margin-bottom:25px;}
467
.volunteer-form label{clear:both;display:block;width:130px;padding-left:10px;color:#273482;font-weight:bold;}
468
.volunteer-form input[type=text]{width:330px;}
469
.volunteer-form textarea{width:320px;height:150px;}
470
.volunteer-form .agree-tos{clear:both;margin-left:140px;}
471
.volunteer-form .agree-tos label{float:none;display:inline;font-weight:normal;color:#000;margin-bottom:10px;}
472
#right-col .volunteer-form .agree-tos p{clear:both;font-size:1em;}
473
#right-col .volunteer-form .agree-tos p a{color:#0065A6;}
474
475
476
/*Blue Form Box*/
477
.blue-form-box{display:block;width:620px;margin:0px 0px 25px 55px;padding:25px;background:#EFF6F9;overflow:hidden;}
478
.blue-form-box label{color:#273482;font-weight:bold;font-style:italic;}
479
.blue-form-box input[type=text]{width:100px;height:17px;background:#fff;border:1px solid #ccc;}
480
.blue-form-box input[type=submit]{margin-left:140px;background-color:#EFF6F9;}
481
.blue-form-box textarea{width:465px;height:100px;background:#fff;;border:1px solid #ccc;}
482
.blue-form-box select{background:#fff;}
483
.blue-form-box table td,.blue-form-box table th{padding:0px;border:none;width:100px;}
484
.blue-form-box table th{vertical-align:top;}
485
.blue-form-box .row-header{width:115px;}
486
.blue-form-box dl dt{float:left;width:145px;padding-bottom:25px;}
487
.blue-form-box dl dd{float:left;width:465px;padding-bottom:25px;}
488
489
/***Home Page***/
490
.mayor-img{padding-left:25px;}
491
492
/***Donate Pages***/
493
.donate .organizations-list{padding-left:0px;}
494
.donate .organizations-list li{padding-left:25px;background:url(../../img/la/arrow_bullet_medium.png)0 8px no-repeat;list-style:none;margin-bottom:15px;}
495
.donate .organizations-list p a{color:#0065A6;}
496
.donate .schedule-list li{list-style:none;}
497
.donate .schedule-list p a{color:#0065A6;}
498
.donate .schedule-list p a:hover{color:#09f;}
499
.donate .schedule-list .date{font-weight:bold;font-style:italic;text-transform:uppercase;}
500
501
/***Volunteer Pages***/
502
503
/*Assignement Details*/
504
.assignment-details{float:left;border-bottom:1px #b5b5b5 dashed;}
505
.assignment-details dt{float:left;width:105px;padding:20px 55px;color:#273482;border-top:1px #b5b5b5 dashed;font-style:italic;}
506
.assignment-details dd{float:left;width:465px;padding:20px 10px;border-top:1px #b5b5b5 dashed;}
507
.assignment-details a{color:#EB033B;}
508
.assignment-details a:hover{color:#000;}
509
510
/*** Misc ***/
511
.small{font-size:.75em !important;}
512
513
hr {border-width:0px;border-bottom:1px #ccc dashed;color:#b5b5b5;clear:both;float:none;height:1px;margin:10px 0}
514
hr.space {background:#fff;color:#fff;visibility:hidden;}
515
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
516
.clearfix, .container {display:block;}
517
.clear {clear:both;}
518
519
520
/* From eden css */
997
521
/* Widget */
998
522
tr#select_from_registry_row td {
999
523
padding: 8px;
1190
714
width: 16px;
1191
715
background-image: url(../../img/icon_blue_minus15px.png);
1192
716
}
1193
1194
/* Home page specific */
1195
1196
#home h2 {
1197
padding-top: 8px;
1198
padding-bottom: 8px;
1199
font-size: 1.4em;
1200
margin-bottom: 5px;
1201
}
1202
1203
.menu_box {
1204
border: 1px solid #006699;
1205
padding: 10px;
1206
margin-top: 10px;
1207
width: auto;
1208
}
1209
1210
#menu_box_1 {
1211
width: 660px;
1212
float: left;
1213
}
1214
1215
#menu_box_2 {
1216
float: left;
1217
}
1218
1219
#login_box {
1220
width: 455px;
1221
float: left;
1222
}
1223
1224
#home #login_box div {
1225
padding: 0px
1226
}
1227
1228
#home #login_box input[size="50"] {
1229
width: 280px;
1230
}
1231
1232
.menu_div, .div_arrow {
1233
float: left;
1234
width: auto;
1235
}
1236
1237
#facility_box {
1238
width: 150px;
1239
float: right;
1240
}
1241
1242
#facility_box img {
1243
margin: 8px 0 0 11px;
1244
}
1245
1246
#manage_facility_box {
1247
/* If inside menu_box_2
1248
width: 240px;
1249
margin-left: 10px;
1250
padding-bottom: 40px; */
1251
width: 455px;
1252
}
1253
1254
#manage_facility_box a {
1255
margin-left: 20px;
1256
}
1257
1258
#org_box {
1259
/* If inside menu_box_2
1260
width: 240px;
1261
margin-left: 10px;
1262
padding-bottom: 40px; */
1263
width: 455px;
1264
}
1265
1266
#org_box #list_wrapper {
1267
margin-top: 10px;
1268
}
1269
1270
#org_box #list_filter {
1271
margin: 0px;
1272
}
1273
#org_box #list_processing {
1274
margin-top: 5px;
1275
}
1276
1277
.div_arrow {
1278
padding: 0 15px;
1279
text-align:left;
1280
margin-top: 100px;
1281
}
1282
#content .menu_box h3 {
1283
border-bottom: 0px;
1284
font-size: 1.6em;
1285
text-align: center;
1286
}
1287
.menu-btn-r {
1288
margin: 0px;
1289
padding: 15px 15px 15px 15px;
1290
overflow: hidden;
1291
background: url(../../img/menu_box-r.png) no-repeat scroll top right;
1292
display: block;
1293
white-space:nowrap;
1294
text-align: center;
1295
font-size: 1.3em;
1296
}
1297
.menu-btn-l {
1298
margin-top:4px;
1299
overflow: hidden;
1300
background: url(../../img/menu_box-lstretch.png) no-repeat;
1301
display: block;
1302
/*float: left;*/
1303
height: 50px;
1304
text-decoration: none;
1305
}
1306
1307
#login_form,
1308
#register_form {
1309
clear: both;
1310
padding: 10px 0 10px 0;
1311
}
1312
#about{
1313
clear: both;
1314
}
1315
1316
/* RSS Feed */
1317
#feed-control {
1318
clear: both;
1319
}
1320
.gfg-title {
1321
text-align: left;
1322
padding: 0 0 0 10px;
1323
}
1324
.gfg-subtitle {
1325
padding: 0 0 0 5px;
1326
}
1327
1328
/* Ext button (e.g. on Bulk Upload form */
1329
#show-dialog-btn { border: 1px solid #efefef;
1330
margin: 10px;
1331
padding: 10px; }
1332
1333
/* Request (req) Application */
1334
.req_status_none {
1335
color: red;
1336
font-weight: bold;
1337
}
1338
.req_status_partial {
1339
color: darkorange;
1340
font-weight: bold;
1341
}
1342
.req_status_complete {
1343
color: green;
1344
font-weight: bold;
1345
}
1346
1347
/* Big Buttons (e.g. RMS) */
1348
div.question-container { text-align:center;
1349
width:8em;
1350
background-color:#F3F6FF;
1351
border: solid 3px #bbb;
1352
padding:1.5em;
1353
font-size:large;
1354
overflow: auto; }
1355
1356
/*
1357
* Media queries for responsive design
1358
*/
1359
1360
@media all and (orientation:portrait) {
1361
/* Style adjustments for portrait mode goes here */
1362
1363
}
1364
1365
@media all and (orientation:landscape) {
1366
/* Style adjustments for landscape mode goes here */
1367
1368
}
1369
1370
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
1371
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
1372
@media screen and (max-device-width: 480px) {
1373
1374
1375
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
1376
j.mp/textsizeadjust
1377
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
1378
}
1379
1380
/* For the less-enabled mobile browsers like Opera Mini */
1381
@media handheld {
1382
* {
1383
float: none; /* Screens are not big enough to account for floats */
1384
font-size: 80%; /* Slightly reducing font size to reduce need to scroll */
1385
background: #fff; /* As much contrast as possible */
1386
color: #000;
1387
}
1388
}
1389
1390
/*
1391
* Print styles
1392
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
1393
*/
1394
@media print {
1395
/* Serif typefaces are the most legible in print, we want a clean white background without images. */
1396
body {
1397
/*
1398
background: white;
1399
background-color: transparent;
1400
*/
1401
background: transparent;
1402
color: black;
1403
font-family: "Georgia", Times New Roman, Serif;
1404
font-size: 12pt; /* This breaks users' ability to increase fontsize on-screen 1st */
1405
}
1406
1407
/* Remove Items */
1408
#menu_modules,
1409
#menu_options,
1410
#footer,
1411
#rheader_tabs,
1412
#searchCombo {
1413
display: none;
1414
}
1415
1416
/* Trim margins */
1417
#content {
1418
background-color:transparent;
1419
width: 100%;
1420
float: none !important;
1421
border: 0;
1422
-moz-border-radius: 0;
1423
margin: 0;
1424
padding: 0;
1425
}
1426
1427
/* Simple styling with fontsize specified in points */
1428
#content h1,
1429
#content h2 {
1430
background: white;
1431
color: black;
1432
font-size: 16pt;
1433
border: 0;
1434
-moz-border-radius: 0;
1435
margin: 0;
1436
}
1437
1438
#content h3 {
1439
background: white;
1440
color: black;
1441
font-size: 14pt;
1442
margin: 0;
1443
}
1444
1445
/* Links can't be clicked, so mark them with simple underline */
1446
a {
1447
color: black;
1448
background: transparent;
1449
/* font-weight: bold; */
1450
text-decoration: underline;
1451
}
1452
/* Give the destinations - needs to be selective. Internal navigation links aren't helpful */
1453
/*
1454
a:after,
1455
a:link:after,
1456
a:visited:after {
1457
content: " ("attr(href)") ";
1458
font-size: 90%;
1459
}
1460
*/
1461
/* Control placement of line-breaks */
1462
#comments {
1463
page-break-before: always;
1464
/* page-break-after:always; */
1465
/* page-break-after:avoid; */
1466
/* page-break-before:avoid; */
1467
}
1468
/* Web2Py */
1469
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
1470
a, a:visited { color: #444 !important; text-decoration: underline; }
1471
a:after { content: " (" attr(href) ")"; }
1472
abbr:after { content: " (" attr(title) ")"; }
1473
.ir a:after { content: ""; } /* Don't show links for images */
1474
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
1475
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
1476
tr, img { page-break-inside: avoid; }
1477
@page { margin: 0.5cm; }
1478
p, h2, h3 { orphans: 3; widows: 3; }
1479
h2, h3{ page-break-after: avoid; }
1480
}
1481
1482
/* Search Form */
1483
.search_select_letter_label {
1484
margin: 10px 0px 0px 20px;
1485
padding-left: 20px;
1486
height: 16px;
1487
background: url( ../../img/icon_blue_plus15px.png ) no-repeat;
1488
}
1489
.search_select_letter_label.expanded {
1490
background: url( ../../img/icon_blue_minus15px.png ) no-repeat;
1491
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1