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

Revision 804, 16.0 KB checked in by brent, 3 years ago (diff)

Turn byline back on, for authentcated view only to provide access to history.

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.documentByLine {
646    margin-top: -18px;
647}
648
649.documentContent a:link {
650   text-decoration: underline;
651}
652
653.documentContent a:visited {
654   text-decoration: underline;
655}
656
657.documentContent a:hover {
658    text-decoration: underline;
659}
660
661.documentContent a:active {
662    text-decoration: underline;
663}
664
665
666.discussionSummaryTable {
667   padding: 0;
668   margin-top: 30px;
669   border: 1px solid #000; 
670}
671
672.discussionSummaryTable td{
673   padding-right: 10px;
674}
675
676.discussionSummmaryHeader {
677   background: <dtml-var templateBackground missing="transparent">;
678   margin-top: 0px;
679   padding: 2px 0 2px 5px;
680   border-bottom: 1px solid &dtml-globalBorderColor;; 
681   color: #FFF;
682}
683
684.coursesummary {
685   border-spacing: 2px;
686}
687
688.coursesummary td {
689   text-transform: capitalize;
690   padding: 0;
691   margin: 0;
692}
693
694.statecolumn {
695   border: 1px solid #EEE;
696   width: 80px;     
697}
698
699.coursetotals {
700   position: relative;
701   margin-left: -30px;
702}
703
704img.statecolumnimage {
705    background-image: url('bargraphic.gif');
706    background-repeat: repeat;
707    height: 1.25em;
708 }
709
710.courseSummaryTable {
711   width: 607px;
712   padding: 0;
713   margin-top: 30px;
714   /*border: 1px solid #000;*/ 
715}
716
717.courseSummaryTable td{
718   padding-right: 10px;
719}
720
721.courseSummmaryHeader {
722   background: <dtml-var templateBackground missing="transparent">;
723   margin-top: 0px;
724   padding: 2px 0 2px 5px;
725   border-bottom: 1px solid &dtml-globalBorderColor;; 
726   color: #FFF;
727}
728
729/* End Courses Listing Page */
730
731
732
733/* Testimonials */
734
735#testimonials {
736    border-spacing: 7px !important;
737    border-collapse: separate !important;
738}
739
740#testimonial td {
741    background: url('tablebg.gif') repeat-x #F0F0F0;
742    width: 209px;
743    padding: 10px;
744    margin: 1em;
745    border: 1px solid #AAA;
746    line-height: 1.5em;
747    vertical-align: top;
748    border-radius: 6px;
749    -moz-border-radius: 6px;
750    box-shadow: 1px 1px 3px #777;
751    -moz-box-shadow: 1px 1px 3px #777;
752    -webkit-box-shadow: 1px 1px 3px #777;
753
754}
755
756#testimonial td h2 {
757    color: #FFF;
758    background: #153588; /*#37406D;*/
759    text-align: center;
760    border: 1px solid lightgrey;
761    height: 40px;
762    padding-top: 10px;
763    padding-bottom: 5px;
764    border-radius: 6px;
765    -moz-border-radius: 6px;
766/*   color: <dtml-var testimonialtextcolor missing="transparent">; */
767}
768/*
769#testimonial td a:link,
770#testimonial td a:visited {
771    color: &dtml-portalColumnOneLinkColor;;
772}
773
774#testimonial td dl.portlet a:active,
775#testimonial td dl.portlet a:hover { 
776    color: &dtml-portalColumnOneActiveColor;;
777}
778*/
779
780#testimonial td ul li {
781/*    color: <dtml-var testimonialtextcolor missing="transparent">; */
782}
783
784
785#testimonial-a {
786}
787
788#testimonial-b {
789    background: <dtml-var testimonial2 missing="transparent">;
790}
791
792#testimonial-c {
793    background: <dtml-var testimonial3 missing="transparent">;
794    border-right: 1px solid #FFF;
795}
796
797/* END Testimonials */
798
799
800/* Default Plone utilizes display:table-row and table-cell, both of which don't work in IE7   */
801#portal-colophon ul {
802    display: inline;
803}
804
805#portal-colophon ul li {
806    display: inline;
807}
808
809#portal-footer #portal-footer-items li {
810    display: inline;
811}
812
813#portal-footer-items li:after {
814    content: " :: ";
815}
816
817#portal-footer-items li:last-child:after {
818    content: "";
819}
820
821/* Courses Listing Page */
822
823.sectionslisting {
824    width: 100%;
825}
826
827.sectionlistingleft {
828    float: left;
829    width: 50%;
830    clear: left;
831}
832
833.sectionlistingright {
834    float: right;
835    width: 50%;
836}
837
838.sectionlistingfooter {
839    clear: both;
840}
841
842.division-listing {
843    margin-top: 10px;
844    margin-bottom: 0px !important;
845    border-bottom: 1px solid &dtml-globalBorderColor;;
846    border-top: none;
847    border-collapse: separate !important;
848    width: 100%;
849    box-shadow: 0 0 3px #777;
850    -moz-box-shadow: 0 0 3px #777;
851    -webkit-box-shadow: 0 0 3px #777;
852    border-top-left-radius: 6px;
853    border-top-right-radius: 6px;
854    -moz-border-radius-topleft: 6px;
855    -moz-border-radius-topright: 6px;
856}
857
858.division-listing a:link,
859.division-listing a:visited,
860.division-listing a:hover,
861.division-listng a:active {
862    border-bottom: none !important;
863    text-decoration: none !important;
864}
865
866.division-title {
867    background-color: <dtml-var portalTopNavBackgroundColor missing="transparent">;
868    font-weight: bold;
869    border: 1px solid &dtml-globalBorderColor;;
870    padding-left: 5px;
871    color: <dtml-var portalTopNavActiveColor missing="transparent">;
872    border-top-left-radius: 6px;
873    border-top-right-radius: 6px;
874    -moz-border-radius-topleft: 6px;
875    -moz-border-radius-topright: 6px;
876    margin: 0 !important;
877}
878
879.division-title a:link, .division-title a:visited {
880    color: <dtml-var portalHeaderActiveColor missing="transparent"> !important;
881}
882
883.division-title a:hover, .division-title a:active {
884    color: <dtml-var portalTopNavFontColor missing="transparent"> !important;
885}
886
887
888.division-listing tr.even, .division-listing p.even {
889    background-image: url(tablebg.gif);
890}
891
892.division-listing tr.odd, .division-listing p.odd {
893    background-image: url(tablebg1.gif);
894}
895
896.division-listing tr:hover, .division-listing p:hover {
897    background-image: none;
898}
899
900.division-listing td, .division-listing p.odd, .division-listing p.even {
901    padding: 0.5em;
902    vertical-align: top;
903}
904
905.course-listing {
906    margin: 0 !important;               
907    padding: 3px 15px;
908}
909
910.link-top {
911  font-size: .80em;
912  text-align: right;
913}
914
915.oer-obj{
916  padding-top: 10px;
917}
918
919/* Hidden class; allows objects to display outside of eduCommons (Zip/IMS Exports) */
920.eduCommons-hidden {
921  display: none;
922}
923
924/* Hack to hide Allow Comments archetypes field until global flag is created */
925#archetypes-fieldname-allowDiscussion {
926  display:none;
927}
928
929/* Deprecated front page styles, needed for migrated sites  */
930#opentext #opentext-a {
931    padding-right: 5px;
932    vertical-align: top;
933}
934
935#opentext #opentext-b {
936    padding-left: 5px;
937    vertical-align: top;
938}
939
940#content a[href^="http:"], #content a.link-external {
941         background:none;
942         padding:1px 0px 1px 0px;
943}
944
945#fssfile {
946  display: none;
947}
948
949
950#toggledBookmarks {
951    position: absolute;
952    right: 150px;
953    margin-top: 25px;
954    background: &dtml-backgroundColor;;
955    display:none;
956}
957
958/* Course info portlet */
959
960
961/* </dtml-with> */
Note: See TracBrowser for help on using the repository browser.