1 /************************************************************************/
3 /************************************************************************/
4 /* Copyright (c) 2009 */
5 /* Adaptive Technology Resource Centre / University of Toronto */
7 /* This program is free software. You can redistribute it and/or */
8 /* modify it under the terms of the GNU General Public License */
9 /* as published by the Free Software Foundation. */
10 /************************************************************************/
11 /* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold); */
14 font-family: 'Droid Sans';
17 src: local('Droid Sans'), url('fonts/DroidSans-Bold.ttf') format('truetype');
21 font-family: 'Droid Sans';
24 src: local('Droid Sans'), url('fonts/DroidSans.ttf') format('truetype');
30 /* main body attributes */
32 font-family: 'Droid Sans', Cantarell, Tahoma, Geneva,sans-serif;;
35 background-color: #FFFFFF;
36 /* background-image:url('images/texture_bg.png'); */
39 /*text-align: justify;*/
44 text-decoration: underline;
48 background-color: transparent;
52 background-color: transparent;
54 h1, h2, h3, h4, h5, h6 {
57 font: 100% Verdana, Helvetica, Arial, sans-serif;
61 /*border-bottom: 1px solid #B8AE9C;*/
99 li.msg_err, li.msg_info {
108 /* span attributes */
141 /* link attributes */
152 /* align text to the left */
157 /* main submit button */
161 border:outset 1px #ccc;
167 border:outset 1px #ccc;
172 border-bottom:solid 1px #ccc;
173 border-right:solid 1px #ccc;
174 border-top:solid 1px #000;
175 border-left:solid 1px #000;
181 border:1px solid #A50707;
182 background-color: #FFDAB9;
184 /* small submit button at top */
186 background-color: #E9F4F3;
189 background-color: #E9F4F3;
190 border: #ACCFCC solid 1px;
216 div.paging li a:hover, div.paging li a.current {
219 /* floating layout */
227 #contentcolumn_shiftright {
255 div#sequence-links a {
256 text-decoration: none;
259 /***************************************************************/
263 border:1px black solid;
265 table.tabbed-table th#left-empty-tab {
266 background-color: transparent;
268 border-bottom: 1px solid #B8AE9C;
270 table.tabbed-table th#right-empty-tab {
272 background-color: transparent;
273 border-bottom: 1px solid #B8AE9C;
277 table.tabbed-table th#right-empty-tab a {
278 text-decoration: underline;
280 table.tabbed-table th.tab-spacer {
281 background-color: transparent;
283 border-bottom: 1px solid #B8AE9C;
285 table.tabbed-table td.tab-spacer {
286 background-color: transparent;
288 border-bottom: 1px solid #B8AE9C;
292 table.tabbed-table th.tab {
296 background-color: #E9F4F3;
297 border-bottom: 1px solid #B8AE9C;
298 border-left: 1px solid #B8AE9C;
299 border-top: 1px solid #B8AE9C;
300 border-right: 1px solid #B8AE9C;
302 table.tabbed-table th.tab:hover {
303 background-color: #ACCFCC;
306 table.tabbed-table th.tab a:focus {
309 table.tabbed-table th.selected {
313 background-color: #ACCFCC;
314 border-left: 1px solid #B8AE9C;
315 border-top: 1px solid #B8AE9C;
316 border-right: 1px solid #B8AE9C;
319 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
321 text-decoration: none;
329 /* border: 1px #365D95 solid; */
330 margin: 1.5em 1em 0em 1em;
331 /* border-bottom: black 1px solid; */
334 vertical-align:middle;
340 color: white; background-color: #365D95
343 color: white; background-color: #365D95
351 background-color: white;
363 background-color: transparent;
367 #banner #versioninfo {
375 background-color: white;
384 padding: 0px 0px 0px 0px;
385 margin: 0px 0px 0px 0px;
390 background-image: url(images/back.gif);
391 background-repeat: no-repeat;
392 background-position: 0px 0px;
395 /* The path bar, including breadcrumbs and add to favorites */
397 margin: 0em 2em 1em 2em;
409 background-color:#FAEBD7;
412 border-top:1px solid #cccccc;
418 div#subnavlistcontainer {
429 background-color: #FAEBD7;
431 display: inline-block;
433 border-top:1px solid #cccccc;
434 border-left:1px solid #cccccc;
435 border-right:1px solid #cccccc;
436 border-bottom:1px solid #cccccc;
437 border-radius: .3em .3em 0em 0em;
438 -moz-border-radius: .3em .3em 0em 0em;
439 padding: .4em 1em .3em 1em ;
441 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li:hover{
443 text-decoration:none;
444 background-color: #FFFEF0;
446 padding-bottom: .35em;
450 ul#subnavlist li.active{
451 padding-bottom: .5em;
452 background-color: #FFFEF0;
453 padding-bottom: .35em;
458 /* The normal, unselected tabs. They are all links */
461 text-decoration:underline;
464 div#subnavbacktopage {
470 background-image: url('images/guide.png');
471 background-repeat: no-repeat;
472 background-position: 2px 2px;
473 padding: 3px 10px 1px 25px;
474 text-decoration:none;
479 background-color:#FAEBD7;
481 border-left:1px solid #cccccc;
482 border-right:1px solid #cccccc;
483 border-bottom:1px solid #cccccc;
485 border-radius: 0em 0em .5em .5em;
486 -moz-border-radius: 0em 0em .5em .5em;
496 div#sub-navigation strong {
500 border-left: 1px solid black;
501 border-right: 1px solid black;
502 border-bottom: 1px solid black;
506 background-color: #F7F3ED;
514 border-left: 1px solid black;
515 border-right: 1px solid black;
517 background-color: #F7F3ED;
520 border-bottom: 1px solid black;
534 margin-bottom: -0.5em;
543 div#top-links a:link, div#top-links a:visited {
544 text-decoration:none;
547 div#top-links a:focus{
549 background-color:#F6EAD6;
552 /* for filter tables */
567 /* for data tables */
576 background-color: #F6EAD6;
584 background-image: url('../default/images/sort.gif');
585 background-repeat: no-repeat;
586 background-position: right;
589 border-top: 1px solid #B8AE9C;
590 border-bottom: 1px solid #B8AE9C;
592 table.data tbody th {
594 background-color: #F7F3ED;
600 table.data tbody tr:hover {
601 background-color: #efefef;
604 table.data tbody tr.selected {
605 background-color: #E9F4F3;
609 background-color: #F7F3ED;
610 /*border-top: 1px solid #B8AE9C;*/
612 table.data tfoot tr:first-child td {
613 /*border-top: 1px solid #B8AE9C;*/
615 background-image: url('images/arrow_ltr.gif');
616 background-repeat: no-repeat;
617 background-position: 4px 5px;
620 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
621 border-top: 1px solid #B8AE9C;
623 background-image: none;
627 table.data tfoot input {
628 background-color: #efefef;
630 border: #AAA solid 1px;
632 table.data tfoot input:focus {
633 background-color: #FFDAB9;
634 border: #AAA solid 1px;
637 /* used for static tables with no form elements: */
638 table.data.static tbody tr:hover {
639 background-color: transparent;
651 border: 1px solid #DD0000;
653 background-color: #F4DCDC;
655 background-color: #F4DCDC;
658 border-radius:.3em .3em .3em .3em;
659 -moz-border-radius:.3em .3em .3em .3em;
665 div#error ul, div#feedback ul, div#help ul {
681 border: 1px solid #17B506;
683 background-color: #F2FCF0;
686 border-radius:.3em .3em .3em .3em;
687 -moz-border-radius:.3em .3em .3em .3em;
695 border: 1px solid #ACCFCC;
697 background-color: #E9F4F3;
699 border-radius:.3em .3em .3em .3em;
700 -moz-border-radius:.3em .3em .3em .3em;
708 border: 1px solid #B8AE9C;
710 background-color: #EFE6FF;
713 border-radius:.3em .3em .3em .3em;
714 -moz-border-radius:.3em .3em .3em .3em;
722 border: 1px solid #FF8400;
724 background-color: #FFF6ED;
727 border-radius:.3em .3em .3em .3em;
728 -moz-border-radius:.3em .3em .3em .3em;
744 padding: 0px 0px 10px 60px;
749 background-color:#FAEBD7;
750 /*border-top: 1px solid #B8AE9C;
751 border-left: 1px solid #B8AE9C;
752 border-right: 1px solid #B8AE9C;
754 -moz-border-radius:.5em .5em 0em 0em;
755 border-radius:.5em .5em 0em 0em;
759 background-color: #FAEBD7;
762 border-left: 1px solid #B8AE9C;
763 border-right: 1px solid #B8AE9C;
764 border-bottom: 1px solid #B8AE9C;
769 -moz-border-radius:.0em .0em .5em .5em;
770 border-radius:.0em .0em .5em .5em;
773 background-color: #6F7172;
774 border: 1px solid #B8AE9C;
775 border-style: solid solid none solid;
777 padding: 0em 1em 0em 1em;
783 text-decoration: none;
787 text-decoration: none;
790 text-decoration: underline;
801 text-transform: none;
802 border-left: 1pt solid #B8AE9C;
813 background-color: #F7F3ED;
816 background-color: transparent;
827 padding-bottom: 10px;
840 list-style-position:inside;
841 list-style: disc inside;
843 border:1px solid black;
847 list-style-position:inside;
851 ul.topnavlist li a:hover, ul.topnavlist li a:focus, ul.topnavlist li a.active {
852 background-color: #FAEBD7;
854 text-decoration:none;
860 padding: 0em .5em 0em;
861 text-decoration:none;
862 background-color:white;
864 ul.topnavlist li a.selected {
869 ol.remove-margin-left {
872 /* form fields grouping for WCAG 2.0 conformance*/
880 background-color: #eeeeee;
886 fieldset.group_form1{
896 /* highlight active links for WCAG 2.0 conformance */
897 a:active,a:hover,a:focus{
898 background-color:#FAEBD7;
901 .highlight, a.highlight {
902 background-color: #5B8E88;
914 table.form-data th,table.form-data td {
921 border-bottom: #006699 solid 1px;
923 background-color: #006699;
926 background-color: white;
927 border-right: #006699 solid 1px;
928 border-left: #006699 solid 1px;
929 border-top: #006699 solid 1px;
933 table.box th, table.box td {
934 border-bottom: #006699 solid 1px;
938 background:#F6EAD6 none repeat scroll 0 0;
939 border:1px solid black;
940 font-family:"Bitstream Vera Sans Mono",monospace;
941 list-style-position:inside;
942 list-style-type:decimal;
957 /* Liquid Round theme elements */
959 background-image:url('images/books_top.jpg');
960 background-repeat:repeat-x;
968 background-color:#ffffff;
969 background-image:url('images/books_top.jpg');
970 background-repeat:repeat-x;
971 border:1px solid #000000;
976 -moz-border-radius:.8em .8em .8em .8em;
977 border-radius:.8em .8em .8em .8em;
992 padding:1px 0px 1px 0px;
993 margin:-1px 0 -50px 0;
999 /* background-image:url('images/trans_logo2.png'); */
1000 background-repeat: no-repeat;
1001 background-position:98% 0%;
1009 /* Navigation tab style */
1010 div.topnavlistcontainer {
1016 background-color: #FFFEF0;
1017 text-decoration: none;
1021 padding-bottom: -.1em;
1023 text-decoration:underline;
1025 border-left:1px solid #cccccc;
1026 border-right:1px solid #cccccc;
1027 border-top:1px solid #cccccc;
1028 border-radius:.3em .3em 0em 0em;
1029 -moz-border-radius:.3em .3em 0em 0em;
1034 list-style-position:inside;
1035 display: inline-block;
1041 background: #FAEBD7;
1042 text-decoration:underline;
1043 padding-bottom: -.4em;
1045 padding-bottom: .1em;
1047 .navigation a.active
1049 background-color:#FAEBD7;
1050 padding-bottom: -.6em;
1053 padding-bottom: .1em;
1060 ul.navigation li a:hover, ul.navigation li a:focus, ul.navigation li a.active {
1061 background-color:#FAEBD7;
1063 text-decoration:none;
1065 ul.navigation li a.active{
1066 background-color: #FAEBD7;
1067 padding-right: 10px;
1070 /* course search result display */
1081 #search_text_at_header{
1082 border:1px solid #cccccc;
1083 background-color:#ffffff;
1085 border-radius:.3em .3em .3em .3em;
1086 -moz-border-radius:.3em .3em .3em .3em;
1088 .search_top input[type=submit]{
1089 -moz-border-radius:.2em;
1092 border:1px solid #cccccc;
1103 list-style-position:inherit;
1108 background-image: url('images/my_own_course.gif');
1109 background-repeat: no-repeat;
1110 background-position: 0px 0px;
1114 div.box ol li.theirs{
1115 list-style-position:outside;
1116 list-style-image: url('images/others_course.png');
1117 list-style-type: disc;
1118 /*list-style: disc inside url("themes/default/images/my_own_course.gif"); */
1121 background-image: url('images/others_course.png');
1122 background-repeat: no-repeat;
1123 background-position: 0px 0px;
1135 /* content display */
1140 div#content-text li {
1149 div#content-test ol{
1152 div#content-test ol ul li{
1154 padding: 0px 2px 0px 15px;
1157 background-color: #fdfdfd;
1158 border-bottom: 1px solid #efefef;
1159 /* -moz-border-radius: 4px; */
1160 border: 1px solid #eeeeff;
1168 fieldset#shortcuts {
1170 background-color: #FEFDEF;
1171 border: 1pt solid #B8AE9C;
1172 margin: -5pt 5pt 5pt 5pt;
1173 padding-right: 10pt;
1174 padding-bottom: 5pt;
1182 list-style-type: none;
1193 white-space: nowrap;
1199 /* Content editor wrapper div */
1201 border:1px solid #cccccc;
1203 -moz-border-radius: .5em .5em .5em .5em;
1204 padding: .1em .5em .1em .5em ;
1206 /* Content editor tabs */
1207 table.etabbed-table {
1212 table.etabbed-table input[type=submit] {
1215 table.etabbed-table td.tab-spacer {
1216 background-color: transparent;
1223 white-space: nowrap;
1224 background-color: #ffffff;
1227 padding:0em 0em .1em 0em;
1230 border-top: 1px solid #cccccc;
1231 border-left: 1px solid #cccccc;
1232 border-right: 1px solid #cccccc;
1234 margin-bottom:-.5em;
1235 white-space: nowrap;
1236 background-color: #ffffff;
1237 border-radius: .3em .3em 0em 0em;
1238 -moz-border-radius: .3em .3em 0em 0em;
1239 padding: 0em .5em 0em .5em ;
1243 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1244 background-color:#FAEBD7;
1247 .editor_tab_selected{
1248 border-top: 1px solid #cccccc;
1249 border-left: 1px solid #cccccc;
1250 border-right: 1px solid #cccccc;
1251 border-bottom: #FAEBD7;
1252 padding: .0em .5em 0em .5em ;
1253 background-color: #FAEBD7;
1255 white-space: nowrap;
1256 text-decoration:none;
1257 border-radius: .3em .3em 0em 0em;
1258 -moz-border-radius: .3em .3em 0em 0em;
1262 .editor_tab input[type=submit]{
1267 background-color: #FFFDE0;
1272 background-color: #FFFDE0;
1277 vertical-align:middle;
1280 border-left:1px solid #cccccc;
1281 border-right:1px solid #cccccc;
1282 border-bottom:1px solid #cccccc;
1283 border-radius: 0em 0em .5em .5em;
1284 -moz-border-radius: 0em 0em .5em .5em;
1287 padding: 0.1em 0.3em 0.3em 0.5em;
1295 list-style-type: none;
1305 padding-bottom:.5em;
1309 padding-bottom:.5em;
1311 ul#content-tool-links {
1312 list-style: none outside none;
1314 ul#content-tool-links li{
1325 ul#content-tool-links img{
1337 white-space: nowrap;
1339 .selected-sidemenu {
1341 text-decoration:underline;
1343 div#alternatives_shortcuts {
1346 border-radius: .5em .5em .5em .5em;;
1347 -moz-border-radius: .5em .5em .5em .5em;
1348 border:1px solid #cccccc;
1351 padding-right: .2em;