source: 4.0/enpraxis.educommons/trunk/enpraxis/educommons/skins/eduCommons/eduCommonsContent.css.dtml @ 801

Revision 801, 16.0 KB checked in by brent, 2 years ago (diff)

Fixed table styling.

Line 
1/* <dtml-with base_properties> (do not remove this :) */
2/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
3
4
5body {
6   font-family: Arial,Verdana,Lucida,Helvetica,sans-serif
7}
8
9/* Old Style of Portal Logo */
10#portal-logo img {
11    padding: 0 0 0 0;
12    margin: -1px 0 0 -11px;
13}
14
15/*
16  This screws up IE 6!
17
18#portal-globalnav {
19    margin-top: -6px;
20}
21*/
22
23
24/* Hide siteactions that are expressed in footer */
25
26#siteaction-sitemap,
27#siteaction-accessibility,
28#siteaction-contact {
29    visibility: hidden;
30}
31
32/* Adjust marging for documentActions  */
33
34.documentActions ul li {
35  margin-right: 0px;
36  padding-right: 0px;
37}
38p               
39#rss_info {
40  float: right;
41}
42
43/* Right Portlet Titles */
44
45#portal-column-two .portletHeader, #portal-column-two dt.portletHeader a {
46    color: <dtml-var portalHeaderBackgroundColor missing="transparent">;
47}
48
49#portal-column-one .portletFooter {
50    border-width: 0px;
51}
52
53/* OER Recommender Portlet */
54
55
56
57div.oer_recommender_title{
58    padding-left: 5px;
59    color: <dtml-var portalHeaderBackgroundColor missing="transparent">;
60    font-size: 1.25em;
61    font-weight: bold;
62    padding: 0.5em 0em;
63    margin: 0pt 0pt 0.75em;
64 }
65
66div.oer_recommender_container {
67    margin: 0;
68    padding: 0;
69}
70
71p.oer_recommender_item {
72    padding-left: 7px;
73}
74
75
76
77/* CSS for Documents */
78
79.documentContent {
80    padding: 1em 1em 2em 1em !important;
81    background: transparent;
82}
83
84.documentContent ul li {
85    color: &dtml-fontColor;;
86}
87
88.documentContent dl dt {
89    color: &dtml-fontColor;;
90}
91
92.documentContent dl dd {
93    color: &dtml-fontColor;;
94}
95
96.documentContent ol li {
97    color: &dtml-fontColor;;
98}
99
100
101dl.captioned {
102    padding: 0px;
103}
104
105dl.image-inline {
106    border: 0px solid black;
107}
108
109img.image-inline {
110    border: 0px solid black;
111}
112
113
114
115/* Links with differently colored link underlines - only for content */
116
117.documentContent p a {
118    border-bottom: none; /*fixes Plone Bug */
119}
120
121.documentContent li a {
122    border-bottom: none; /*fixes Plone Bug */
123}
124
125.documentContent dd a {
126    border-bottom: none; /*fixes Plone Bug */
127}
128
129/* readd border to bottom of fieldsets */
130
131ul.formTabs li.formTab a {
132    border-bottom: 1px solid &dtml-globalBorderColor;
133}
134
135.documentActions {
136    border-top: none;
137    margin: 0em 0pt;
138}
139
140.documentActions ul {
141    margin: 0em 0pt 0pt;
142}
143
144.documentActions li {
145    margin: 0pt 0em;
146}
147
148
149/* End links */
150
151
152.documentDescription {
153    /* The summary text describing the document */
154    font-weight: normal;
155    display: none;
156    margin: 1em 0em;
157    line-height: 1em;
158}
159
160ol.alpha {
161    list-style-type: lower-alpha;
162}
163
164ol.roman {
165    list-style-type: lower-roman;
166}
167
168.portalMessage  dd {
169    line-height: 1em;
170    padding: 2px 0;
171    margin:0 10px;
172}
173
174h1, h2 {
175    color: <dtml-var portalHeaderBackgroundColor missing="transparent">;
176    border-color: &dtml-globalBorderColor;;
177    border-bottom-style: solid;
178    padding-top: 0em;
179    margin: 1em 0 2px 0;
180    font-size: 150%;
181    font-weight: bold;   
182}
183
184h2 {
185    border-style: none;
186    font-size: 130%;
187    margin-bottom: 0.5em;
188}
189
190
191h3{
192    margin-top: 15px;
193    color: <dtml-var portalHeaderBackgroundColor missing="transparent">;
194    font-weight: bold;
195}
196
197h4{
198    margin-top: 10px;
199    color: <dtml-var portalHeaderBackgroundColor missing="transparent">;
200    font-weight: bold;
201}
202
203.alert {
204   padding: 0 2px;
205   color: #B00;
206   border: 1px dashed #B00;
207   background: #FBFBDB;
208}
209
210
211
212.note{
213   padding: 0 2px;
214   border: 1px solid #002F5B;
215   background: #E3E7F6;
216   color: #002F5B;
217
218}
219
220.instruction{
221   font-size: 95%;
222   color: #666;
223   font-style: italic;
224}
225
226.quote{
227    font-family: Times, "Times New Roman", serif;
228    font-style: italic;
229    font-size: 120%;
230}
231
232blockquote {
233    font-family: Times, "Times New Roman", serif;
234    font-style: italic;
235    font-size: 120%;
236    border-left: 0px solid &dtml-globalBorderColor;;
237}
238
239
240
241.code {
242    display: block;
243    font-family: "Courier New", Courier, monospace;
244    font-size: 105%;
245    color: #000;
246    background-color: &dtml-globalBackgroundColor;;
247    border: &dtml-borderWidth; &dtml-borderStyleAnnotations; &dtml-globalBorderColor;;
248    padding: 0.1em;
249}
250
251.pageControl {
252  padding: 5px 2px;
253}
254
255.pageControl a {
256   display: inline;
257   border: 1px solid #333;
258   padding: 2px;
259   margin-right: 3px;
260}
261
262
263a:link.pageLink, a:visited.pageLink {
264   background: #797979;
265   color: #FFF;
266}
267
268a:hover.pageLink, a:active.pageLink {
269   background: #8DA2C4;
270   color: #FFF;
271}
272
273.pageNoLink {
274   background: #FFF;
275   color: #A8A8A8;
276}
277
278table.documentTable {
279    border-collapse: separate !important;
280    border: 1px solid lightgrey;
281    box-shadow: 1px 1px 3px #ccc;
282    -moz-box-shadow: 1px 1px 3px #ccc;
283    -webkit-box-shadow: 1px 1px 3px #ccc;
284    border-radius: 5px;
285    -moz-border-radius: 5px;
286    border-spacing: 1px !important;
287}
288
289table.documentTable td {
290    padding: 5px;
291    border-collapse:collapse !important;
292}
293
294table.documentTable tbody td {
295    border-left: 1px solid #ccc;
296}
297
298table.documentTable thead { 
299    background: #606467;
300    color: white;
301    font-weight: bold;
302    border-radius: 5px;
303    -moz-border-radius: 5px;
304}
305
306table.documentTable th {
307    background: #606467;
308    color: white;
309    font-weight: bold;
310    padding-left: 5px;
311    padding-right: 5px;
312    border-top-left-radius: 2px;
313    border-top-right-radius: 2px;
314    -moz-border-radius-topleft: 2px;
315    -moz-border-radius-topright: 2px;
316}
317
318table.documentTable tfoot { 
319    background: #606467;
320    color: white;
321}
322
323table.documentTable .odd {
324    background: &dtml-oddRowBackgroundColor;;
325}
326
327table.documentTable .even {
328    background: &dtml-evenRowBackgroundColor;;
329}
330
331table.grid {
332    box-shadow: 1px 1px 5px #ccc;
333    -moz-box-shadow: 1px 1px 5px #ccc;
334    border-bottom: 1px solid grey;
335}
336
337table.grid th {
338    border: 1px solid grey;
339    background-color: lightgrey;
340    color: black;
341}
342
343table.grid td {
344    border: 1px solid grey
345}
346
347table.vertical {
348    box-shadow: 1px 1px 5px #ccc;
349    -moz-box-shadow: 1px 1px 5px #ccc;
350}
351
352table.vertical th,
353table.vertical td {
354    border-color: lightgrey;
355}
356
357
358/*End CSS for ECDocuments */
359
360
361/* Faculty Profile Pages */
362
363#faculty h4{
364  color: #666;
365}
366
367.email {
368  font-size: 80%;
369}
370
371.email a {
372  color: #8da2c4;
373 }
374
375#faculty p{
376  color: #666;
377}
378
379#facultyTable {
380  color: #FFF;
381  font-size: 95%;
382  position: relative;
383  min-height:275px !important;float:none;
384  margin-bottom: 15px;
385}
386
387#facultyTable a {
388  color: #FFF;
389}
390
391#facultyPhoto {
392 padding: 0;
393 margin: 0;
394 background: #A8A8A8;
395}
396
397#facultyPhoto p {
398  color: #888888;
399  margin-top: -1px;
400  font-size: 80%;
401  padding: 0 3px 0 3px;
402  text-align: right;
403}
404
405
406
407#facultyInfo {
408  background: <dtml-var templateBackground missing="transparent">;
409  padding: 10px 10px 10px 20px;
410  width: 300px;
411  border-left: 1px solid #FFF;
412}
413
414#facultyInfo h2 {
415  color: #FFF;
416  margin-bottom: -6px;
417}
418
419#facultyInfo p {
420  color: #FFF;
421}
422
423
424#facultyCourses {
425  text-align: right;
426}
427
428#facultyCourses ul {
429  list-style-type: none;
430  list-style-image: none;
431  margin-top: -5px;
432}
433
434#facultyCourses li {
435  padding: 0;
436  margin: 0;
437  list-style: none;
438}
439
440#setHeight {
441  height: 10px;
442}
443
444#aboutHomepageVita a {
445  color: #666;
446  font-weight: bold;
447}
448
449/* END Faculty Profile Pages */
450
451
452/* Division/Course Home Pages */
453
454#about {
455  clear: both;
456}
457
458#about h4 {
459  color: #666;
460}
461
462#about p, #about ul, #about ol, #about dl{
463  color: #666;
464  font-size: 95%;
465}
466
467#aboutTable {
468  color: #FFF;
469  position: relative;
470  min-height:275px !important;float:none;
471  border-radius: 6px;
472  -moz-border-radius: 6px;
473  box-shadow: 1px 1px 3px #ccc;
474  -moz-box-shadow: 1px 1px 4px #ccc;
475  -webkit-box-shadow: 1px 1px 4px #ccc;
476  border-spacing: 3px !important;
477  border: 1px solid lightgrey !important;
478  border-collapse: separate !important;
479  margin-top: 5px;
480}
481
482
483#aboutTable a {
484  color: #FFF;
485}
486
487#aboutPhoto {
488  width: 275px;
489  background: <dtml-var templateBackground missing="transparent">;
490}
491
492
493#aboutPhoto img {
494  margin-left: auto;
495  margin-right: auto;
496}
497
498#aboutPhoto dl {
499  margin:0px;
500}
501
502#aboutPhoto dl.captioned {
503  padding: 0px;
504}
505
506#aboutPhoto dl.image-inline {
507  border: 0px solid black;
508}
509
510#aboutPhoto dl dd.image-caption span.discreet {
511  color: #FFF;
512}
513
514
515
516
517#aboutInfo {
518  background: <dtml-var templateBackground missing="transparent">;
519  padding: 10px 10px 0 20px;
520  width: 300px;
521  border-left: 1px solid #FFF;
522  vertical-align: top;
523}
524
525#aboutDeptInfo {
526    background-color: <dtml-var portalHeaderBackgroundColor missing="transparent">;
527    padding: 10px 10px 0 20px;
528    width: 300px;
529    border-left: 1px solid #FFF;
530    vertical-align: top;
531}
532
533
534#aboutDeptInfo h3{
535  text-transform:uppercase;
536  position: relative;
537}
538
539
540#deptMetadata {
541  position: relative;
542  margin-bottom: 25px;
543}
544
545#aboutDeptInfo p, #aboutDeptInfo h3 {
546  color: #FFF;
547}
548
549#aboutInfo p, #aboutInfo h3 {
550  color: #FFF;
551}
552
553#aboutInfo h5 {
554  color: #FFF;
555  margin-bottom: -6px;
556  font-weight: bold;
557}
558
559#aboutInfo p {
560  color: #FFF;
561  text-align: left;
562  padding-right: 5px;
563}
564
565p#caption {
566   color: #999;
567   font-size: .8em;
568}
569
570/* END Division/Course Home Pages */
571
572.selectedLetter {
573   color: #000;
574   font-weight: bold;
575}
576
577.alphaNav {
578   font-size: 90%;
579   text-align: center;
580   margin-top: -25px;
581   width: 620px;
582}
583
584
585/* Courses Listing Page */
586
587#departmentsListing {
588  line-height: .5em;
589}
590
591#departmentsListing a:link, a:visited {
592  text-decoration: none;
593}
594
595#departmentsListing a:hover, a:active {
596  text-decoration: underline;
597}
598
599.departmentListingContainer {
600   padding: 0;
601   margin-top: 45px;
602   border: 1px solid &dtml-globalBorderColor;; 
603}
604
605.departmentTitle {
606   background: <dtml-var templateBackground missing="transparent">;   
607   font-weight: bold;   
608   margin-top: 0px;
609   padding: 2px 0 2px 5px;
610   border-bottom: 1px solid &dtml-globalBorderColor;; 
611   color: #FFF;
612}
613
614.departmentTitle a:link {
615  color: #FFF;
616  text-decoration: none;
617}
618
619.departmentTitle a:visited, a:active{
620  color: #FFF;
621  text-decoration: none;
622}
623
624.courseListing p {
625  padding-left: 5px;
626}
627
628a:link {
629   text-decoration: none;
630}
631
632a:visited {
633   text-decoration: none;
634}
635
636a:hover {
637    text-decoration: underline;
638}
639
640a:active {
641    color: &dtml-linkActiveColor;;
642    text-decoration: underline;
643}
644
645.documentContent a:link {
646   text-decoration: underline;
647}
648
649.documentContent a:visited {
650   text-decoration: underline;
651}
652
653.documentContent a:hover {
654    text-decoration: underline;
655}
656
657.documentContent a:active {
658    text-decoration: underline;
659}
660
661
662.discussionSummaryTable {
663   padding: 0;
664   margin-top: 30px;
665   border: 1px solid #000; 
666}
667
668.discussionSummaryTable td{
669   padding-right: 10px;
670}
671
672.discussionSummmaryHeader {
673   background: <dtml-var templateBackground missing="transparent">;
674   margin-top: 0px;
675   padding: 2px 0 2px 5px;
676   border-bottom: 1px solid &dtml-globalBorderColor;; 
677   color: #FFF;
678}
679
680.coursesummary {
681   border-spacing: 2px;
682}
683
684.coursesummary td {
685   text-transform: capitalize;
686   padding: 0;
687   margin: 0;
688}
689
690.statecolumn {
691   border: 1px solid #EEE;
692   width: 80px;     
693}
694
695.coursetotals {
696   position: relative;
697   margin-left: -30px;
698}
699
700img.statecolumnimage {
701    background-image: url('bargraphic.gif');
702    background-repeat: repeat;
703    height: 1.25em;
704 }
705
706.courseSummaryTable {
707   width: 607px;
708   padding: 0;
709   margin-top: 30px;
710   /*border: 1px solid #000;*/ 
711}
712
713.courseSummaryTable td{
714   padding-right: 10px;
715}
716
717.courseSummmaryHeader {
718   background: <dtml-var templateBackground missing="transparent">;
719   margin-top: 0px;
720   padding: 2px 0 2px 5px;
721   border-bottom: 1px solid &dtml-globalBorderColor;; 
722   color: #FFF;
723}
724
725/* End Courses Listing Page */
726
727
728
729/* Testimonials */
730
731#testimonials {
732    border-spacing: 7px !important;
733    border-collapse: separate !important;
734}
735
736#testimonial td {
737    background: url('tablebg.gif') repeat-x #F0F0F0;
738    width: 209px;
739    padding: 10px;
740    margin: 1em;
741    border: 1px solid #AAA;
742    line-height: 1.5em;
743    vertical-align: top;
744    border-radius: 6px;
745    -moz-border-radius: 6px;
746    box-shadow: 1px 1px 3px #777;
747    -moz-box-shadow: 1px 1px 3px #777;
748    -webkit-box-shadow: 1px 1px 3px #777;
749
750}
751
752#testimonial td h2 {
753    color: #FFF;
754    background: #153588; /*#37406D;*/
755    text-align: center;
756    border: 1px solid lightgrey;
757    height: 40px;
758    padding-top: 10px;
759    padding-bottom: 5px;
760    border-radius: 6px;
761    -moz-border-radius: 6px;
762/*   color: <dtml-var testimonialtextcolor missing="transparent">; */
763}
764/*
765#testimonial td a:link,
766#testimonial td a:visited {
767    color: &dtml-portalColumnOneLinkColor;;
768}
769
770#testimonial td dl.portlet a:active,
771#testimonial td dl.portlet a:hover { 
772    color: &dtml-portalColumnOneActiveColor;;
773}
774*/
775
776#testimonial td ul li {
777/*    color: <dtml-var testimonialtextcolor missing="transparent">; */
778}
779
780
781#testimonial-a {
782}
783
784#testimonial-b {
785    background: <dtml-var testimonial2 missing="transparent">;
786}
787
788#testimonial-c {
789    background: <dtml-var testimonial3 missing="transparent">;
790    border-right: 1px solid #FFF;
791}
792
793/* END Testimonials */
794
795
796/* Default Plone utilizes display:table-row and table-cell, both of which don't work in IE7   */
797#portal-colophon ul {
798    display: inline;
799}
800
801#portal-colophon ul li {
802    display: inline;
803}
804
805#portal-footer #portal-footer-items li {
806    display: inline;
807}
808
809#portal-footer-items li:after {
810    content: " :: ";
811}
812
813#portal-footer-items li:last-child:after {
814    content: "";
815}
816
817/* Courses Listing Page */
818
819.sectionslisting {
820    width: 100%;
821}
822
823.sectionlistingleft {
824    float: left;
825    width: 50%;
826    clear: left;
827}
828
829.sectionlistingright {
830    float: right;
831    width: 50%;
832}
833
834.sectionlistingfooter {
835    clear: both;
836}
837
838.division-listing {
839    margin-top: 10px;
840    margin-bottom: 0px !important;
841    border-bottom: 1px solid &dtml-globalBorderColor;;
842    border-top: none;
843    border-collapse: separate !important;
844    width: 100%;
845    box-shadow: 0 0 3px #777;
846    -moz-box-shadow: 0 0 3px #777;
847    -webkit-box-shadow: 0 0 3px #777;
848    border-top-left-radius: 6px;
849    border-top-right-radius: 6px;
850    -moz-border-radius-topleft: 6px;
851    -moz-border-radius-topright: 6px;
852}
853
854.division-listing a:link,
855.division-listing a:visited,
856.division-listing a:hover,
857.division-listng a:active {
858    border-bottom: none !important;
859    text-decoration: none !important;
860}
861
862.division-title {
863    background-color: <dtml-var portalTopNavBackgroundColor missing="transparent">;
864    font-weight: bold;
865    border: 1px solid &dtml-globalBorderColor;;
866    padding-left: 5px;
867    color: <dtml-var portalTopNavActiveColor missing="transparent">;
868    border-top-left-radius: 6px;
869    border-top-right-radius: 6px;
870    -moz-border-radius-topleft: 6px;
871    -moz-border-radius-topright: 6px;
872    margin: 0 !important;
873}
874
875.division-title a:link, .division-title a:visited {
876    color: <dtml-var portalHeaderActiveColor missing="transparent"> !important;
877}
878
879.division-title a:hover, .division-title a:active {
880    color: <dtml-var portalTopNavFontColor missing="transparent"> !important;
881}
882
883
884.division-listing tr.even, .division-listing p.even {
885    background-image: url(tablebg.gif);
886}
887
888.division-listing tr.odd, .division-listing p.odd {
889    background-image: url(tablebg1.gif);
890}
891
892.division-listing tr:hover, .division-listing p:hover {
893    background-image: none;
894}
895
896.division-listing td, .division-listing p.odd, .division-listing p.even {
897    padding: 0.5em;
898    vertical-align: top;
899}
900
901.course-listing {
902    margin: 0 !important;               
903    padding: 3px 15px;
904}
905
906.link-top {
907  font-size: .80em;
908  text-align: right;
909}
910
911.oer-obj{
912  padding-top: 10px;
913}
914
915/* Hidden class; allows objects to display outside of eduCommons (Zip/IMS Exports) */
916.eduCommons-hidden {
917  display: none;
918}
919
920/* Hack to hide Allow Comments archetypes field until global flag is created */
921#archetypes-fieldname-allowDiscussion {
922  display:none;
923}
924
925/* Deprecated front page styles, needed for migrated sites  */
926#opentext #opentext-a {
927    padding-right: 5px;
928    vertical-align: top;
929}
930
931#opentext #opentext-b {
932    padding-left: 5px;
933    vertical-align: top;
934}
935
936#content a[href^="http:"], #content a.link-external {
937         background:none;
938         padding:1px 0px 1px 0px;
939}
940
941#fssfile {
942  display: none;
943}
944
945
946#toggledBookmarks {
947    position: absolute;
948    right: 150px;
949    margin-top: 25px;
950    background: &dtml-backgroundColor;;
951    display:none;
952}
953
954/* Course info portlet */
955
956
957/* </dtml-with> */
Note: See TracBrowser for help on using the repository browser.