1 /* main body attributes */
3 font-family: Helevetica, Arial, sans-serif;
7 /* max-width: 760px; */
10 background-color: white;
11 /*border-right: 1px solid #788CB3;*/
19 /* heading attributes */
20 h1, h2, h3, h4, h5, h6 {
21 font-family: trebuchet ms, Arial, sans-serif;
29 color: #152065; /* #D15600; */
32 /* paragraph attributes */
34 font-family: Helevetica, Arial, sans-serif;
43 font-family: Helevetica, Arial, sans-serif;
50 font-family: Helevetica, Arial, sans-serif;
58 list-style: disc url('../../images/folder.gif') outside;
59 font-family: Helevetica, Arial, sans-serif;
67 font-family: Helevetica, Arial, sans-serif;
69 text-decoration: underline;
72 font-family: Helevetica, Arial, sans-serif;
74 text-decoration: underline;
77 font-family: Helevetica, Arial, sans-serif;
79 text-decoration: underline;
82 /* Table of content attributes*/
84 font-family: Helevetica, Arial, sans-serif;
85 background-color: #eeeeee;
87 margin: 0px 5px 5px 5px;
88 border: 1px #98AAB1 solid;
95 border: 1px #606060 solid;
98 /* main submit button */
100 font-family: Helevetica, Arial, sans-serif;
101 background-color: #EBEDF6;
103 border: #354A81 solid 1px;
107 border: 1px solid #999;
108 background-color: white;
116 background-color: #f5f5ff;
117 border: 1px solid blue;
123 background-color: white;
129 font-family: Helevetica, Arial, sans-serif;
130 background-color: #EEEEEE;
133 border: 1px #99CCCC solid;
136 font-family: Helevetica, Arial, sans-serif;
137 background-color: #EEEEEE;
142 padding-bottom: .4em;
143 border: 1px #99CCCC solid;
146 /* feedback for translators and install */
148 font-family : Arial, Helvetica, Arial Cyr, Arial Ua, sans-serif;
156 .highlight, a.highlight {
157 background-color: yellow;
161 background-color: yellow;
162 text-decoration: underline;
170 background-color: #FFF5A4;
182 p.search-description {
183 background-color: #FFFCE5;
187 /* date attributes */
189 font-family: Verdana, Helevetica, Arial, sans-serif;
198 /* content editor tabs */
201 border-left:1pt solid black;
202 border-right:1pt solid black;
203 border-bottom:1pt solid black;
207 /* button link on tab */
209 font-family: Helvetica, Arial, Helvetica, sans-serif;
210 background-color: #ffffff;
216 /* button link for enrollment tabs */
218 font-family: Helvetica, Arial, Helvetica, sans-serif;
219 background-color: #EFEFEF;
227 background-color: #ffffff;
228 border-top: 1px #98AAB1 solid;
229 border-left: 1px #98AAB1 solid;
230 border-right: 1px #98AAB1 solid;
235 background-color: #EFEFEF;
236 border-top: 1px #98AAB1 solid;
237 border-left: 1px #98AAB1 solid;
238 border-right: 1px #98AAB1 solid;
246 background: transparent;
251 background: transparent;
252 border-collapse: collapse;
253 border-bottom-color: #8CACBB;
254 border-bottom-style: solid;
255 border-bottom-width: 1px;
256 padding: 0.5em 0em 0em 2em;
262 background: transparent;
263 border-color: #8CACBB;
265 border-style: solid solid none solid;
271 text-transform: lowercase;
276 border: 1px solid #8CACBB;
277 border-bottom: #DEE7EC 1px solid;
292 .saved input, .unsaved input {
293 border: 1px solid black;
294 background-color: white;
302 /* side menu heading */
303 td.dropdown-heading {
304 background-color: #D4E5FD;
306 border-left: 1px solid #EAF2FE;
307 border-right: 1px solid #EAF2FE;
308 border-top: 1px solid #EAF2FE;
313 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
314 text-decoration: none;
317 td.dropdown-heading.closed {
318 border-bottom: 1px solid #EAF2FE;
321 /* side menu content */
324 background-color: white;
326 border-left: 1px solid #EAF2FE;
327 border-right: 1px solid #EAF2FE;
328 border-bottom: 1px solid #EAF2FE;
331 td.dropdown a, td.dropdown a:visited {
333 text-decoration: none;
335 td.dropdown a:hover {
337 text-decoration: underline;
344 /* test listing on home page */
347 background-color: #FFF5A4;
349 border-left: 1px solid #006699;
350 border-right: 1px solid #006699;
351 border-top: 1px solid #006699;
363 border: 1px solid green;
365 background-color: #c3fffc;
376 border: 1px solid blue;
378 background-color: #c3ffff;
388 border: 1px solid #2905A1;
390 background-color: #CDE3E8;
401 border: 1px solid #FF8400;
403 background-color: #FFF6ED;
408 /***************************************************************/
413 background-image: url('../default/images/back.gif');
414 background-repeat: no-repeat;
415 background-position: 0px 0px;
425 padding-bottom: 10px;
427 background-color: #788CB3;
430 div#breadcrumbs a, div#member-links a {
433 div#breadcrumbs a:hover, div#member-links a:hover{
434 text-decoration:none;
437 div#breadcrumbs a:focus, div#member-links a:focus {
438 text-decoration:none;
452 border-bottom: 1px solid #f0f0f0;
462 background-color: #FFFCE5;
463 border-bottom: 1px solid #9DAB9A;
467 div#sub-navigation strong {
472 border-left: 1px solid black;
473 border-right: 1px solid black;
474 border-bottom: 1px solid black;
478 background-color: #efefef;
487 border-left: 1px solid black;
488 border-right: 1px solid black;
490 background-color: #efefef;
493 border-bottom: 1px solid black;
510 background-color: white;
521 background-color: #EFEFEF;
526 border: 1px solid #cccccc;
528 text-decoration: none;
531 a#editor-link:hover {
532 background-color: #fafafa;
533 border: 1px solid #aaaaaa;
537 background-image: url('../default/images/pen.gif');
538 background-repeat: no-repeat;
539 background-position: 0px 2px;
542 background-image: url('../default/images/pen2.gif');
543 background-repeat: no-repeat;
544 background-position: 0px 2px;
548 /* for data tables */
551 border: 1px solid #f0f0f0;
556 border-collapse: collapse;
560 background-color: #fafafa;
566 background-color: #fdfdfd;
569 table.data tbody th {
571 background-color: #fdfdfd;
579 table.data col.sort + td {
581 background-color: red;
584 table.data tbody tr:hover {
585 background-color: #f5f5ff;
589 table.data tbody tr.selected {
590 background-color: #f5f5ff;
595 background-color: #fafafa;
598 table.data tfoot tr:first-child td {
600 background-image: url('../default/images/arrow_ltr.gif');
601 background-repeat: no-repeat;
602 background-position: 4px 5px;
606 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
608 background-image: none;
612 table.data tfoot input {
613 border: 1px solid #999;
614 background-color: white;
623 /* used for static tables with no form elements */
624 table.data.static tbody tr:hover {
625 background-color: transparent;
629 table.data tfoot input[type=submit]:hover {
630 background-color: #f5f5ff;
641 div.browse-selected {
642 background-image: url('../default/images/side_arrow.gif');
643 background-repeat: no-repeat;
645 background-position: center left;
648 div.browse-unselected {
660 padding-bottom: 25px;
661 background-color: #fffaf0;
662 border:1px #9DAB9A solid;
668 dl.browse-course dt {
673 padding: 5px 10px 5px 0px;
674 vertical-align: middle;
676 dl.browse-course dd {
678 padding: 5px 0px 5px 10px;
689 border:1px solid white;
693 /* feedback/errors */
700 border: 1px solid red;
702 background-color: #fffcf3;
704 background: #FBF4ED url('../default/images/error-large.gif') no-repeat scroll 5px 5px;
713 div#error ul, div#feedback ul, div#help ul {
719 div#error li + li, div#feedback li + li {
734 /* home page links */
748 text-decoration: none;
749 border: 1px transparent;
752 ul#home-links li a img {
759 text-decoration: underline;
769 div#sequence-links a {
770 text-decoration: none;
776 background-color: white;
778 border-left: 1px solid #EAF2FE;
779 border-right: 1px solid #EAF2FE;
780 border-bottom: 1px solid #EAF2FE;
784 div.dropdown-heading {
785 background-color: #DFE1C7;
787 border-left: 1px solid #EAF2FE;
788 border-right: 1px solid #EAF2FE;
789 border-top: 1px solid #EAF2FE;
822 /* images in jump select box */
825 text-decoration: none;
827 border-bottom: 1px solid black;
832 background-color: #5E6D89;
834 border: 1px solid #cccccc;
837 #jump-button:focus, #jump-button:hover {
839 background-color: #AE8DA9;
841 border: 1px solid #cccccc;
844 #jumpmenu, optgroup {
858 border: 1px solid #000;
869 text-decoration: none;
872 border-left: 1px solid white;
873 border-right: 1px solid white;
876 div.paging li a:hover, div.paging li a.current {
877 background-color: #efefef;
878 border-left: 1px solid #000;
879 border-right: 1px solid #000;
883 /* users/index.php */
888 border: rgb(204, 204, 204) 1px solid;
889 background-color: #FFFCE5;
908 background-color: #FFF8C8;
909 border: #AAAAAA 1px solid;
913 text-decoration: none;
932 div.course img.icon {
939 div.course div.shortcuts {
942 vertical-align: middle;
947 background-color: #FAFAFA;
948 border: 1px solid #AAAAAA;
949 margin: -5px 5px 5px 5px;
965 background-color: white;
972 list-style-type: none;
980 font-family: Helevetica, Arial, sans-serif;
982 border: 1px solid #788CB3;
984 padding: 0em 1em 0em 1em;
993 background: transparent;
994 border-collapse: collapse;
995 border-left: 1px solid #788CB3;
996 border-top: 1px solid #788CB3;
997 border-bottom: 1px solid #788CB3;
998 border-right: 1px solid #788CB3;
1004 text-decoration: none;
1008 text-decoration: underline;
1011 /* image relative sizing */
1013 /* course home imgs */
1020 /* prev/next imgs */
1021 .img-size-prevnext {
1034 vertical-align: middle;
1042 vertical-align: middle;
1048 vertical-align: middle;
1055 vertical-align: middle;
1062 vertical-align: middle;
1068 /* asc/desc arrows */
1075 background-image: url('images/guide.gif'); background-repeat: no-repeat; background-position: 7px 5px;
1076 background-color: #eee;
1077 padding: 2px 10px 2px 28px;
1078 border: 1px solid #ccc;
1081 /* enrollment tabs */
1088 white-space: nowrap;
1099 border: 1px solid #e0e0e0;
1100 border-bottom: none;
1101 background: #fafafa;
1102 text-decoration: none;
1104 -moz-border-radius-topright: 4px;
1105 -moz-border-radius-topleft: 4px;
1106 white-space: nowrap;
1109 #navlist li a:hover, #navlist li a.active {
1115 div#topnavlistcontainer {
1116 border-bottom: 1px solid #9DAB9A;
1123 white-space: nowrap;
1133 ul#topnavlist li a {
1135 border: 1px solid #9DAB9A;
1136 background: #FFF8C8;
1137 text-decoration: none;
1139 -moz-border-radius-topright: 4px;
1140 -moz-border-radius-topleft: 4px;
1141 white-space: nowrap;
1144 ul#topnavlist li:first-child a {
1148 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1150 background: #FFFCE5;
1151 border-bottom: 1px solid #FFFCE5;
1163 border: 1px solid #e0e0e0;
1180 div[class] .insidecol {
1191 padding-right: 10px;
1202 /* the tools page */
1203 ol#tools { width: 90%; }
1204 /* ol#tools>li */ li.top-tool { padding: 2px 2px 2px 15px; margin-bottom: 5px; line-height: 200%; background-color: #fdfdfd; border-bottom: 1px solid #efefef; -moz-border-radius: 4px; list-style-position: inside; border: 1px solid #eeeeff;}
1207 border: 1px solid #e0e0e0;
1208 background-color: #f5f5ff;
1211 /* ol#tools>li>a */ li.top-tool a { font-weight: bold; }
1213 li.child-tool a { font-size: x-small; font-weight: normal; }
1215 /* ol#tools>li>ul, */ ul.child-top-tool {
1221 ul.child-top-tool:before {
1225 /* ol#tools>li>ul>li, */ li.child-tool {
1234 dl#public-profile dt {
1240 border-right: 1px solid #f0f0f0;
1241 padding: 5px 5px 5px 0px;
1242 vertical-align: middle;
1245 dl#public-profile dd {
1248 padding: 5px 0px 5px 5px;
1250 /* Table of content attributes*/
1252 /* format of "table of contents" on content page */
1253 #toc a { display:block; margin:3px; }
1254 #toc .h2 { padding:0 0 0 10px;}
1255 #toc .h3 { padding:0 0 0 30px;}
1256 #toc .h4 { padding:0 0 0 40px; }
1257 #toc .h5 { padding:0 0 0 50px; }
1258 #toc .h6 { padding:0 0 0 60px; }
1261 background-color: #FEFDEF;
1262 border: 1pt solid #B8AE9C;
1266 /* jQuery tooltip styles */
1270 border:3px solid #111;
1271 background-color:#eeeeee;
1275 #tooltip h3,#tooltip div{
1280 /* style for home page sublinks view */
1307 background-image:url(../../images/details_r.png);
1308 background-position: top right;
1309 background-repeat:no-repeat;
1315 background-image:url(../../images/details_l.png);
1316 background-position: top left;
1317 background-repeat:no-repeat;
1323 background-image:url(../../images/details_ir.png);
1324 background-position: top right;
1325 background-repeat:no-repeat;
1330 background-image:url(../../images/details_il.png);
1331 background-position: top left;
1332 background-repeat:no-repeat;