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;
981 border: 1px solid #788CB3;
982 padding: 0em 1em 0em 1em;
989 font-family: Helevetica, Arial, sans-serif;
996 background: transparent;
997 border-collapse: collapse;
998 border-left: 1px solid #788CB3;
999 border-top: 1px solid #788CB3;
1000 border-bottom: 1px solid #788CB3;
1001 border-right: 1px solid #788CB3;
1007 text-decoration: none;
1011 text-decoration: underline;
1014 /* image relative sizing */
1016 /* course home imgs */
1023 /* prev/next imgs */
1024 .img-size-prevnext {
1037 vertical-align: middle;
1045 vertical-align: middle;
1051 vertical-align: middle;
1058 vertical-align: middle;
1065 vertical-align: middle;
1071 /* asc/desc arrows */
1078 background-image: url('images/guide.gif'); background-repeat: no-repeat; background-position: 7px 5px;
1079 background-color: #eee;
1080 padding: 2px 10px 2px 28px;
1081 border: 1px solid #ccc;
1084 /* enrollment tabs */
1091 white-space: nowrap;
1102 border: 1px solid #e0e0e0;
1103 border-bottom: none;
1104 background: #fafafa;
1105 text-decoration: none;
1107 -moz-border-radius-topright: 4px;
1108 -moz-border-radius-topleft: 4px;
1109 white-space: nowrap;
1112 #navlist li a:hover, #navlist li a.active {
1118 div#topnavlistcontainer {
1119 border-bottom: 1px solid #9DAB9A;
1126 white-space: nowrap;
1136 ul#topnavlist li a {
1138 border: 1px solid #9DAB9A;
1139 background: #FFF8C8;
1140 text-decoration: none;
1142 -moz-border-radius-topright: 4px;
1143 -moz-border-radius-topleft: 4px;
1144 white-space: nowrap;
1147 ul#topnavlist li:first-child a {
1151 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1153 background: #FFFCE5;
1154 border-bottom: 1px solid #FFFCE5;
1166 border: 1px solid #e0e0e0;
1183 div[class] .insidecol {
1194 padding-right: 10px;
1205 /* the tools page */
1206 ol#tools { width: 90%; }
1207 /* 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;}
1210 border: 1px solid #e0e0e0;
1211 background-color: #f5f5ff;
1214 /* ol#tools>li>a */ li.top-tool a { font-weight: bold; }
1216 li.child-tool a { font-size: x-small; font-weight: normal; }
1218 /* ol#tools>li>ul, */ ul.child-top-tool {
1224 ul.child-top-tool:before {
1228 /* ol#tools>li>ul>li, */ li.child-tool {
1237 dl#public-profile dt {
1243 border-right: 1px solid #f0f0f0;
1244 padding: 5px 5px 5px 0px;
1245 vertical-align: middle;
1248 dl#public-profile dd {
1251 padding: 5px 0px 5px 5px;
1253 /* Table of content attributes*/
1255 /* format of "table of contents" on content page */
1256 #toc a { display:block; margin:3px; }
1257 #toc .h2 { padding:0 0 0 10px;}
1258 #toc .h3 { padding:0 0 0 30px;}
1259 #toc .h4 { padding:0 0 0 40px; }
1260 #toc .h5 { padding:0 0 0 50px; }
1261 #toc .h6 { padding:0 0 0 60px; }
1264 background-color: #FEFDEF;
1265 border: 1pt solid #B8AE9C;
1269 /* jQuery tooltip styles */
1273 border:3px solid #111;
1274 background-color:#eeeeee;
1278 #tooltip h3,#tooltip div{
1283 /* style for home page sublinks view */
1310 background-image:url(../../images/details_r.png);
1311 background-position: top right;
1312 background-repeat:no-repeat;
1318 background-image:url(../../images/details_l.png);
1319 background-position: top left;
1320 background-repeat:no-repeat;
1326 background-image:url(../../images/details_ir.png);
1327 background-position: top right;
1328 background-repeat:no-repeat;
1333 background-image:url(../../images/details_il.png);
1334 background-position: top left;
1335 background-repeat:no-repeat;
1347 /* 1pxgs current box on My Start */
1353 border: 1px solid #cccccc;
1358 list-style-type:none;
1362 vertical-align:middle;
1364 #my_courses_container{
1369 border-radius: .5em .5em .5em .5em;
1370 -moz-border-radius: .5em .5em .5em .5em;
1371 -moz-box-shadow:.2em .2em .2em #999999;
1372 box-shadow: .2em .2em .2em #999999;
1374 /* Preference Editor tabs */
1375 /* Preferences tabs */
1376 table.etabbed-table {
1384 background-color: transparent;
1390 white-space: nowrap;
1391 background-color: #ffffff;
1395 padding:0em 0em 0em;
1397 -moz-border-radius: .3em .3em .3em .3em;
1401 border-top: 1px solid #cccccc;
1402 border-left: 1px solid #cccccc;
1403 border-right: 1px solid #cccccc;
1405 white-space: nowrap;
1407 background-color: #FFFFFF;
1409 -moz-border-radius: .3em .3em 0em 0em;
1410 padding: 0em .2em 0em .2em;
1411 -moz-box-shadow:.2em .2em .2em #999999;
1412 box-shadow: .2em .0em .2em #999999;
1415 .prefs_buttontab:hover, .prefs_tab:hover {
1416 background-color: #eeeeee;
1418 .prefs_tab_selected{
1419 border-top: 1px solid #cccccc;
1420 border-left: 1px solid #cccccc;
1421 border-right: 1px solid #cccccc;
1423 background-color: #eeeeee;
1427 padding: 0em .2em 0em .2em ;
1428 white-space: nowrap;
1429 text-decoration:none;
1431 -moz-border-radius: .3em .3em 0em 0em;
1432 -moz-box-shadow:.2em .2em .2em #999999;
1433 box-shadow: .2em .0em .2em #999999;
1435 /* Transformable repository search */
1438 border:thin solid #cccccc;
1443 border-radius: .3em .3em .3em .3em;
1444 -moz-border-radius: .3em .3em .3em .3em;
1445 -moz-box-shadow:.1em .1em .1em #999999;
1446 box-shadow: .1em .1em .1em #999999;
1454 border:thin solid #cccccc;
1455 border-radius: .3em .3em .3em .3em;
1456 -moz-border-radius: .3em .3em .3em .3em;
1457 -moz-box-shadow:.1em .1em .1em #999999;
1458 box-shadow: .1em .1em .1em #999999;
1465 margin-bottom: -.5em;
1466 border-top:thin solid #cccccc;
1467 border-left:thin solid #cccccc;
1468 border-right:thin solid #cccccc;
1469 border-radius: .3em .3em 0em 0em;
1470 -moz-border-radius: .3em .3em 0em 0em;
1473 font-family: monospace;
1474 border: 2px solid rgb(0, 0, 0);
1477 color: rgb(255, 255, 255);
1478 background-color: rgb(0, 0, 0);
1482 border-bottom-width: 0px;
1485 font-weight: normal;
1490 #display-settings-preview{
1498 #defaultfontsize-wrapper{
1503 div .profile_container {
1504 background-color:#eee;
1505 border: 1px solid #8e8e8e;
1508 margin-bottom: 0.5em;
1511 div .profile_container .top_right {
1515 dl.public-profile dd{
1518 dl.public-profile dt {
1529 div .search_form .row{
1530 background-color: #DEDEC0;
1534 background-color: #eee;
1535 border: 1px solid #aaa;
1538 background-color: #cccccc;
1545 ul.social_side_menu {
1548 ul.social_side_menu li {
1549 padding-bottom: 0.2em;
1554 border-bottom:1px solid #C1C157;
1555 padding-bottom:0.5em;
1556 margin-bottom:0.5em;
1564 div.headingbox, h3.headingbox, a.headingbox{
1565 border:1px #cccccc solid;
1567 background-color: #eeeeee;
1568 text-decoration:none;
1573 div.contentbox, input-form{
1576 border-left:1px #cccccc solid;
1577 border-right:1px #dddddd solid;
1578 border-bottom:1px #cccccc solid;
1580 background-color: #ffffff;
1585 border:1px solid #a50707;
1593 ul.social_inline_menu{
1594 background-color: #eeeeee;
1595 border:thin #cccccc solid;
1601 border:thin solid #cccccc;
1623 .people-you-may-know{
1634 padding-bottom:0.2em;