7 /* main body attributes */
9 font-family: Verdana, Helevetica, Arial, sans-serif;
13 background-color: #cccccc;
16 border:thin solid black;
19 background-color: #ffffff;
22 margin: 0.5em 0em 1em 0em;
29 text-decoration: underline;
34 background-color: transparent;
39 background-color: transparent;
42 h1, h2, h3, h4, h5, h6 {
45 font: 100% Verdana, Helvetica, Arial, sans-serif;
49 /*border-bottom: 1px solid #B8AE9C;*/
78 /* Table of content attributes*/
80 font-family: Verdana, Helevetica, Arial, sans-serif;
81 background-color: #E9F4F3;
87 border: 1px #ACCFCC solid;
92 font-family: Verdana, Helevetica, Arial, sans-serif;
99 font-family: Verdana, Helevetica, Arial, sans-serif;
106 list-style: disc url(../../images/folder.gif) outside;
107 font-family: Verdana, Helevetica, Arial, sans-serif;
113 li.folders .disabled {
119 list-style-image:none;
120 list-style-position:outside;
121 list-style-type:none;
127 /* link attributes */
138 /* align text to the left */
146 text-decoration: none;
152 border: 1px #595241 solid;
155 /* main submit button */
157 background-color: #efefef;
159 border: #AAA solid 1px;
163 border:1px solid #A50707;
164 background-color: #FFDAB9;
166 /* small submit button at top */
168 font-family: Verdana, Helevetica, Arial, sans-serif;
169 background-color: #E9F4F3;
173 background-color: #E9F4F3;
174 border: #ACCFCC solid 1px;
177 /* date attributes */
179 font-family: Verdana, Helevetica, Arial, sans-serif;
191 background-color: white;
195 /* message box styles */
197 /* Editor box small */
199 font-family: Verdana, Helevetica, Arial, sans-serif;
200 background-color: #E9F4F3;
203 border: 1px #ACCFCC solid;
206 /* Editor box large */
208 font-family: Verdana, Helevetica, Arial, sans-serif;
209 background-color: #E9F4F3;
214 padding-bottom: .4em;
215 border: 1px #ACCFCC solid;
220 font-family: Verdana, Helevetica, Arial, sans-serif;
223 .highlight, a.highlight {
224 background-color: #5B8E88;
229 background-color: #5B8E88;
238 /* edit content tabs */
240 background-color: #E6E6E6;
251 background-color: #E6E6E6;
252 border-top: 1px #B8AE9C solid;
253 border-left: 1px #B8AE9C solid;
254 border-right: 1px #B8AE9C solid;
255 text-decoration: none;
261 .buttontab selected {
262 font-family: Helvetica, Arial, Helvetica, sans-serif;
263 background-color: #6F7172;
272 font-family: Helvetica, Arial, Helvetica, sans-serif;
274 text-decoration: none;
276 background-color: white;
277 border-top: 1px #B8AE9C solid;
278 border-left: 1px #B8AE9C solid;
279 border-right: 1px #B8AE9C solid;
282 background-color: #fffaf0;
283 border:1px #6F7172 solid;
287 .tab a:link, .etab a:visited {
289 background-color: white;
294 background-color: white;
298 background-color: #6F7172;
308 background-color: #FFFDE0;
312 background-color: #FFFDE0;
319 /* the side menu heading */
320 td.dropdown-heading {
321 background-color: #DBFDD4;
323 border-left: 1px solid #ECFEEA;
324 border-right: 1px solid #ECFEEA;
325 border-top: 1px solid #ECFEEA;
330 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
331 text-decoration: none;
334 td.dropdown-heading.closed {
335 border-bottom: 1px solid #ECFEEA;
338 /* the side menu content */
341 background-color: white;
343 border-left: 1px solid #ECFEEA;
344 border-right: 1px solid #ECFEEA;
345 border-bottom: 1px solid #ECFEEA;
348 td.dropdown a, td.dropdown a:visited {
350 text-decoration: none;
352 td.dropdown a:hover {
354 text-decoration: underline;
363 /* added for 1.4.2: */
369 background-color: #F7F3ED;
381 p.search-description {
382 background-color: #FFFCE5;
387 background-color: #F7F3ED;
389 border-left: 1px solid #595241;
390 border-right: 1px solid #595241;
391 border-top: 1px solid #595241;
396 /***************************************************************/
400 border:thin black solid;
402 table.tabbed-table th#left-empty-tab {
403 background-color: transparent;
405 border-bottom: 1px solid #B8AE9C;
407 table.tabbed-table th#right-empty-tab {
409 background-color: transparent;
410 border-bottom: 1px solid #B8AE9C;
414 table.tabbed-table th#right-empty-tab a {
415 text-decoration: underline;
417 table.tabbed-table th.tab-spacer {
418 background-color: transparent;
420 border-bottom: 1px solid #B8AE9C;
423 table.tabbed-table th.tab {
427 background-color: #E9F4F3;
428 border-bottom: 1px solid #B8AE9C;
429 border-left: 1px solid #B8AE9C;
430 border-top: 1px solid #B8AE9C;
431 border-right: 1px solid #B8AE9C;
433 table.tabbed-table th.tab:hover {
434 background-color: #ACCFCC;
437 table.tabbed-table th.tab a:focus {
440 table.tabbed-table th.selected {
444 background-color: #ACCFCC;
445 border-left: 1px solid #B8AE9C;
446 border-top: 1px solid #B8AE9C;
447 border-right: 1px solid #B8AE9C;
450 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
452 text-decoration: none;
454 /* Preferences tabs */
455 table.etabbed-table {
462 background-repeat: no-repeat;
463 background-position: 2px 5px;
468 background-image: url(images/back.gif);
469 background-repeat: no-repeat;
470 background-position: 0px 0px;
474 /* The path bar, including breadcrumbs and add to favorites */
492 border-left: 1px solid black;
493 border-right: 1px solid black;
494 border-bottom: 1px solid black;
498 background-color: #F7F3ED;
507 border-left: 1px solid black;
508 border-right: 1px solid black;
510 background-color: #F7F3ED;
513 border-bottom: 1px solid black;
529 margin-bottom: -0.5em;
540 div#top-links a:link, div#top-links a:visited {
541 text-decoration:none;
544 div#top-links a:focus{
546 background-color:#F6EAD6;
550 background-color:#F6EAD6;
553 background-color: #F7F3ED;
558 border: 1px solid #cccccc;
560 text-decoration: none;
563 a#editor-link:hover {
564 background-color: #F7F3ED;
565 border: 1px solid #B8AE9C;
569 background-image: url(images/pen.gif);
570 background-repeat: no-repeat;
571 background-position: 0px 2px;
574 background-image: url(images/pen2.gif);
575 background-repeat: no-repeat;
576 background-position: 0px 2px;
580 /* for data tables */
583 border: 1px solid #B8AE9C;
590 background-color: #F6EAD6;
599 background-image: url('../default/images/sort.gif');
600 background-repeat: no-repeat;
601 background-position: right;
605 border-top: 1px solid #B8AE9C;
606 border-bottom: 1px solid #B8AE9C;
609 table.data tbody th {
611 background-color: #F7F3ED;
619 table.data tbody tr:hover {
620 background-color: #efefef;
624 table.data tbody tr.selected {
625 background-color: #E9F4F3;
630 background-color: #F7F3ED;
631 /*border-top: 1px solid #B8AE9C;*/
634 table.data tfoot tr:first-child td {
635 /*border-top: 1px solid #B8AE9C;*/
637 background-image: url('images/arrow_ltr.gif');
638 background-repeat: no-repeat;
639 background-position: 4px 5px;
643 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
644 border-top: 1px solid #B8AE9C;
646 background-image: none;
652 table.data tfoot input {
653 background-color: #efefef;
655 border: #AAA solid 1px;
657 table.data tfoot input:focus {
658 background-color: #FFDAB9;
659 border: #AAA solid 1px;
663 /* used for static tables with no form elements: */
664 table.data.static tbody tr:hover {
665 background-color: transparent;
671 /* course browser: */
679 div.browse-selected {
680 background-image: url('images/side_arrow.gif');
681 background-repeat: no-repeat;
683 background-position: center left;
686 div.browse-unselected {
695 /* feedback /errors */
702 border: 1px solid #DD0000;
704 background-color: #F4DCDC;
706 background-color: #F4DCDC;
715 div#error ul, div#feedback ul, div#help ul {
732 border: 1px solid #17B506;
734 background-color: #F2FCF0;
745 border: 1px solid #ACCFCC;
747 background-color: #E9F4F3;
757 border: 1px solid #B8AE9C;
759 background-color: #EFE6FF;
770 border: 1px solid #FF8400;
772 background-color: #FFF6ED;
784 font-family: Verdana, Helevetica, Arial, sans-serif;
788 /* home page links */
797 div.home-link:hover {
799 background-color: #F7F3ED;
800 border: 1px solid #afafaf;
806 text-decoration: none;
821 div#sequence-links a {
822 text-decoration: none;
828 background-color: white;
830 border-left: 1px solid #ECFEEA;
831 border-right: 1px solid #ECFEEA;
832 border-bottom: 1px solid #ECFEEA;
836 div.dropdown-heading {
837 background-color: #ACCFCC;
839 border-left: 1px solid #ECFEEA;
840 border-right: 1px solid #ECFEEA;
841 border-top: 1px solid #ECFEEA;
868 /*font-size: small;*/
881 border: 1px solid #000;
892 text-decoration: none;
895 border-left: 1px solid white;
896 border-right: 1px solid white;
899 div.paging li a:hover, div.paging li a.current {
900 background-color: #F7F3ED;
901 border-left: 1px solid #000;
902 border-right: 1px solid #000;
906 background-color: #1D2326;
907 background-image: url(images/pencil_top.gif);
908 background-position: right bottom;
909 background-repeat: no-repeat;
921 background-color: #F7F3ED;
925 background-image:url(images/tl_corner.gif);
926 background-position: top left;
927 background-repeat: no-repeat;
932 background-color: #595241;
939 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
940 background-color: transparent;
941 border-collapse: collapse;
942 border-bottom: 1px solid #B8AE9C;
943 padding: 0.5em 0em 0em 2em;
948 /* The normal, unselected tabs. They are all links */
949 background-color: transparent;
950 border-color: #B8AE9C;
952 border-style: solid solid none solid;
956 padding: 0em 2em 0em;
960 div.tabs a.selected {
961 /* The selected tab. There's only one of this */
962 background-color: white;
963 border-bottom: #B8AE9C 1px solid;
968 div.tabs a:hover, div.tabs a.active {
969 background-color: #B8AE9C;
970 border-bottom: 1px solid #B8AE9C;
976 text-decoration:underline;
987 background-color: #F5F5F5;
989 border: 1px solid #B8AE9C;
997 background-color: #6F7172;
998 border: 1px solid #B8AE9C;
999 border-style: solid solid none solid;
1001 padding: 0em 1em 0em 1em;
1009 text-decoration: none;
1014 text-decoration: none;
1018 text-decoration: underline;
1032 text-transform: none;
1033 border-left: 1pt solid #B8AE9C;
1046 background-color: #F7F3ED;
1050 background-color: transparent;
1054 /* users/index.php */
1060 border: rgb(204, 204, 204) 1px solid;
1061 background-color: #F7F7F7;
1073 font-weight: normal;
1079 background-color:#FBF4E9;
1080 border: #B8AE9C 1px solid;
1083 div.course img.icon {
1098 border:1px solid white;
1100 div.course div.shortcuts {
1103 vertical-align: middle;
1106 fieldset#shortcuts {
1108 background-color: #FEFDEF;
1109 border: 1pt solid #B8AE9C;
1110 margin: -5pt 5pt 5pt 5pt;
1111 padding-right: 10pt;
1112 padding-bottom: 5pt;
1119 margin-bottom: 10pt;
1128 list-style-type: none;
1133 background-image: url('../default/images/guide.gif'); background-repeat: no-repeat; background-position: 7px 4px;
1134 background-color: #eee;
1135 padding: 2px 10px 2px 27px;
1136 border: 1px solid #ccc;
1138 text-decoration:none;
1147 div#content-text li {
1157 div#content-test ol{
1161 div#content-test ol ul li{
1163 padding: 0px 2px 0px 15px;
1166 background-color: #fdfdfd;
1167 border-bottom: 1px solid #efefef;
1168 /* -moz-border-radius: 4px; */
1169 border: 1px solid #eeeeff;
1189 padding-bottom: 10px;
1190 padding-right: 10px;
1200 /* border: 1px solid #6F7172; */
1208 background-color: #F6EAD6;
1209 border-bottom: .05em solid #6F7172;
1225 ul#home-links, ul#home-detail-links {
1240 ul#home-links li a {
1241 text-decoration: none;
1242 border: 1px transparent;
1245 ul#home-links li a img {
1251 /* enrollment tabs */
1259 white-space: nowrap;
1270 border: 1px solid #F7F3ED;
1271 border-bottom: none;
1272 background-color: #F7F3ED;
1273 text-decoration: none;
1276 -moz-border-radius-topright: 4px;
1277 -moz-border-radius-topleft: 4px;
1279 white-space: nowrap;
1282 #navlist li a:hover, #navlist li a:active {
1284 background-color: #fff;
1289 vertical-align: middle;
1301 dl#public-profile dt {
1305 border-right: 1px solid #F7F3ED;
1306 padding: 5px 5px 5px 0px;
1307 vertical-align: middle;
1310 dl#public-profile dd {
1314 padding: 5px 0px 5px 5px;
1329 /* floating layout */
1338 #contentcolumn_shiftright {
1350 /*position:absolute;
1359 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 97%; list-style: none; }
1360 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1361 #forum-thread li.odd { background-color: #fff; }
1362 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1363 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1364 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1365 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1366 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1367 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
1368 div.forum-post-ctrl a { text-decoration: none; }
1369 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1370 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1371 div.forum-post-content div.body p { margin-bottom:1em; }
1372 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1373 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1377 /** inbox stuff - reuses some of the forum layout **/
1378 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1383 border:thin solid #e8e8e8;
1387 div#topnavlistcontainer {
1388 background-color: #1D2326;
1389 background-image: url(images/pencil_bottom.gif);
1390 background-position: top right;
1391 background-repeat: no-repeat;
1393 font-weight: normal;
1402 white-space: nowrap;
1408 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1409 background-color: #E6E6E6;
1411 text-decoration:none;
1414 ul#topnavlist li a {
1415 /* The normal, unselected tabs. They are all links */
1419 padding: 0em 2em 0em;
1420 text-decoration:underline;
1421 background-color:white;
1424 ul#topnavlist li a.selected {
1425 /* The selected tab. There's only one of these */
1427 font-weight: normal;
1431 border: 1px solid #e0e0e0;
1432 background-color: #efefef;
1435 /* tool list on admin home and manage screens */
1438 padding: 2px 2px 2px 15px;
1441 background-color: #fdfdfd;
1442 border-bottom: 1px solid #efefef;
1443 /* -moz-border-radius: 4px; */
1444 border: 1px solid #eeeeff;}
1446 li.top-tool a { font-weight: bold; } /* ol#tools>li>a */
1450 font-weight: normal;
1453 /* ol#tools>li>ul, */
1460 ul.child-top-tool:before {
1464 /* ol#tools>li>ul>li, */
1471 /* to modify tool icons on the course home page */
1476 background-color:#000000;
1478 filter:alpha(opacity=10);
1490 /* browse courses */
1493 padding-bottom: 10px;
1494 background-color: #fffaf0;
1495 border:1px #6F7172 solid;
1504 padding-bottom: 10px;
1505 background-color: #fffaf0;
1510 dl.browse-course dt {
1516 padding: 5px 10px 5px 0px;
1517 vertical-align: middle;
1520 dl.browse-course dd {
1523 padding: 5px 0px 5px 10px;
1529 /* form fields grouping for WCAG 2.0 conformance*/
1531 fieldset.group_form{
1534 border:thin #6D7B8D solid;
1540 border:thin #6D7B8D solid;
1541 background-color: #CCCCCC;
1557 /* highlight active links for WCAG 2.0 conformance */
1558 a:active,a:hover,a:focus{
1559 background-color:#F6EAD6;
1564 /* menu align right layout, uncomment to enable */
1570 h2, h3, h4, h5, h6 {
1573 #contentcolumn_shiftright {
1601 /*Added by Silvia */
1602 div.column_primary {
1608 /* position: relative;*/
1611 div.column_equivalent{
1620 border: 1px solid #EEE;
1621 background-color: #FFF;
1622 /* position: relative;*/
1627 border: 1px solid #aaa;
1632 background-color: #eee;
1633 /* position: relative;*/
1641 /* position: relative;*/
1644 div.alternative_box{
1645 border: 1px solid #ddd;
1650 background-color: #fff;
1651 /* position: relative;*/
1654 div.alternative_box legend {
1658 div.resource_box legend {
1664 font-weight: bolder;
1665 background-color: white;
1668 /* format of "table of contents" on content page */
1669 #toc a { display:block; margin:3px; }
1670 #toc .h2 { padding:0 0 0 10px;}
1671 #toc .h3 { padding:0 0 0 30px;}
1672 #toc .h4 { padding:0 0 0 40px; }
1673 #toc .h5 { padding:0 0 0 50px; }
1674 #toc .h6 { padding:0 0 0 60px; }
1677 background-color: #FEFDEF;
1678 border: 1pt solid #B8AE9C;
1686 /* cleans up glossary question mark line spacing*/
1688 border: 1pt solid #B8AE9C;
1689 vertical-align:bottom;
1693 /* jQuery tooltip styles */
1697 border:3px solid #111;
1698 background-color:#eeeeee;
1701 #tooltip h3,#tooltip div{
1705 /* style for home page modules "detail view" */
1732 background-image:url(images/details_r.png);
1733 background-position: top right;
1734 background-repeat:no-repeat;
1740 background-image:url(images/details_l.png);
1741 background-position: top left;
1742 background-repeat:no-repeat;
1748 background-image:url(images/details_ir.png);
1749 background-position: top right;
1750 background-repeat:no-repeat;
1755 background-image:url(images/details_il.png);
1756 background-position: top left;
1757 background-repeat:no-repeat;
1768 .draggable_selected {
1769 background-color: transparent;
1773 /**********************************/
1776 /*****************************/
1778 div#subnavlistcontainer {
1782 div#subnavbacktopage {
1791 border:thin solid #e8e8e8;
1799 font-family: Verdana,Helvetica,Arial,serif;
1803 white-space: nowrap;
1804 background-color: #FFFFFF;
1810 border:thin solid #cccccc;
1811 padding:0em 1em 0em;
1814 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li a.active{
1816 text-decoration:none;
1819 ul#subnavlist li a {
1820 /* The normal, unselected tabs. They are all links */
1823 text-decoration:underline;
1824 background-color:white;
1832 border:1px solid #cccccc;"