1 /* main body attributes */
3 background-image:url(images/idi_background.png);
4 font-family: Tahoma, Geneva, sans-serif;
9 background-color: transparent;
13 margin: 0.5em 0em 1em 0em;
20 text-decoration: underline;
25 background-color: transparent;
30 background-color: transparent;
33 h1, h2, h3, h4, h5, h6 {
38 /*border-bottom: 1px solid #8CACBB;*/
62 border: 1px solid #8cacbb;
64 background-color: white;
69 /* Table of content attributes*/
71 font-family: Verdana, Helevetica, Arial, sans-serif;
72 background-color: #eeeeee;
78 border: 1px #98AAB1 solid;
95 list-style: disc url(../../images/folder.gif) outside;
101 li.folders .disabled {
105 /* link attributes */
108 text-decoration: underline;
112 text-decoration: underline;
115 text-decoration: none;
117 /* style for home page sublinks view */
174 border-top: #003399 solid 1px;
175 border-bottom: #003399 solid 1px;
176 border-right: #003399 solid 1px;
177 border-left: #003399 solid 1px;
182 /* align text to the left */
190 text-decoration: none;
196 border: 1px #606060 solid;
199 /* main submit button */
201 background-color: #EBEDF6;
203 border-top: #354A81 solid 1px;
204 border-bottom: #354A81 solid 1px;
205 border-right: #354A81 solid 1px;
206 border-left: #354A81 solid 1px;
209 /* small submit button at top */
211 background-color: #F8F8F8;
212 border-top: #354A81 solid 1px;
213 border-bottom: #354A81 solid 1px;
214 border-right: #354A81 solid 1px;
215 border-left: #354A81 solid 1px;
218 /* date attributes */
231 background-color: white;
235 /* message box styles */
237 /* Editor box small */
240 background-color: #EEEEEE;
243 border: 1px #99CCCC solid;
246 /* Editor box large */
249 background-color: #EEEEEE;
254 padding-bottom: .4em;
255 border: 1px #99CCCC solid;
260 background-color: #F1F3F1;
263 .highlight, a.highlight {
264 background-color: yellow;
268 background-color: yellow;
269 text-decoration: underline;
277 /* edit content tabs */
280 background-color: #ffffff;
289 background-color: #ffffff;
290 border-top: 1px #98AAB1 solid;
291 border-left: 1px #98AAB1 solid;
292 border-right: 1px #98AAB1 solid;
293 text-decoration: none;
298 .etab a:link, .etab a:visited {
300 text-decoration: none;
304 text-decoration: underline;
307 background-color: #EFEFEF;
308 border-top: 1px #98AAB1 solid;
309 border-left: 1px #98AAB1 solid;
310 border-right: 1px #98AAB1 solid;
317 background-color: #FFFDE0;
322 background-color: #FFFDE0;
327 /* the side menu heading */
328 td.dropdown-heading {
329 background-color: #D4E5FD;
331 border-left: 1px solid #EAF2FE;
332 border-right: 1px solid #EAF2FE;
333 border-top: 1px solid #EAF2FE;
338 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
339 text-decoration: none;
342 td.dropdown-heading.closed {
343 border-bottom: 1px solid #EAF2FE;
346 /* the side menu content */
349 background-color: white;
351 border-left: 1px solid #EAF2FE;
352 border-right: 1px solid #EAF2FE;
353 border-bottom: 1px solid #EAF2FE;
356 td.dropdown a, td.dropdown a:visited {
358 text-decoration: none;
360 td.dropdown a:hover {
362 text-decoration: underline;
371 /* added for 1.4.2: */
377 background-color: #FFF5A4;
389 p.search-description {
390 background-color: #FFFCE5;
395 background-color: #FFF5A4;
397 border-left: 1px solid #006699;
398 border-right: 1px solid #006699;
399 border-top: 1px solid #006699;
407 table.tabbed-table th#left-empty-tab {
408 background-color: transparent;
410 border-bottom: 1px solid #9DAB9A;
412 table.tabbed-table th#right-empty-tab {
414 background-color: transparent;
415 border-bottom: 1px solid #9DAB9A;
419 table.tabbed-table th#right-empty-tab a {
420 text-decoration: underline;
422 table.tabbed-table th.tab-spacer {
423 background-color: transparent;
425 border-bottom: 1px solid #9DAB9A;
428 table.tabbed-table th.tab {
432 background-color: #C9CEA4;
433 border-bottom: 1px solid #9DAB9A;
434 border-left: 1px solid #9DAB9A;
435 border-top: 1px solid #9DAB9A;
436 border-right: 1px solid #9DAB9A;
438 table.tabbed-table th.tab:hover {
439 background-color: #DFE1C7;
442 table.tabbed-table th.tab a:focus {
445 table.tabbed-table th.selected {
449 background-color: #DFE1C7;
450 border-left: 1px solid #9DAB9A;
451 border-top: 1px solid #9DAB9A;
452 border-right: 1px solid #9DAB9A;
455 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
457 text-decoration: none;
463 background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
464 background-repeat: no-repeat;
465 background-position: 2px 5px;
470 background-image: url(images/back.gif);
471 background-repeat: no-repeat;
472 background-position: 0px 0px;
476 /* The path bar, including breadcrumbs and add to favorites */
477 border-bottom-color: #8CACBB;
478 border-bottom-style: solid;
479 border-bottom-width: 1px;
489 border-bottom: 1px solid #f0f0f0;
499 background-color: #DEE7EC;
500 border-bottom: 1px solid #9DAB9A;
504 div#sub-navigation strong {
509 border-left: 1px solid black;
510 border-right: 1px solid black;
511 border-bottom: 1px solid black;
515 background-color: #efefef;
523 border-left: 1px solid black;
524 border-right: 1px solid black;
526 background-color: #efefef;
529 border-bottom: 1px solid black;
553 background-color: #EFEFEF;
558 border: 1px solid #cccccc;
560 text-decoration: none;
563 a#editor-link:hover {
564 background-color: #fafafa;
565 border: 1px solid #aaaaaa;
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 */
582 border: 1px solid #f0f0f0;
587 border-collapse: collapse;
591 background-color: #f0f0f0;
596 table.data th a { text-align: right;
600 background-image: url('../default/images/sort.png');
601 background-repeat: no-repeat;
602 background-position: right;
603 text-decoration:none;
607 background-color: #fdfdfd;
610 table.data tbody th {
612 background-color: #fdfdfd;
620 table.data tbody tr:hover {
621 background-color: #f5f5ff;
625 table.data tbody tr.selected {
626 background-color: #f5f5ff;
631 background-color: #fafafa;
634 table.data tfoot tr:first-child td {
636 background-image: url('images/arrow_ltr.gif');
637 background-repeat: no-repeat;
638 background-position: 4px 5px;
642 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
644 background-image: none;
649 table.data tfoot input {
650 border: 1px solid #999;
651 background-color: white;
660 /* used for static tables with no form elements: */
661 table.data.static tbody tr:hover {
662 background-color: transparent;
666 table.data tfoot input[type=submit]:hover {
667 background-color: #f5f5ff;
670 /* course browser: */
678 div.browse-selected {
679 background-image: url('images/side_arrow.gif');
680 background-repeat: no-repeat;
682 background-position: center left;
685 div.browse-unselected {
697 padding-bottom: 25px;
698 background-color: #fffaf0;
699 border:1px #9DAB9A solid;
705 dl.browse-course dt {
709 padding: 5px 10px 5px 0px;
710 vertical-align: middle;
712 dl.browse-course dd {
714 padding: 5px 0px 5px 10px;
725 border:1px solid white;
728 /* feedback /errors */
735 border: 1px solid red;
737 background-color: #fffcf3;
739 background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
748 div#error ul, div#feedback ul, div#help ul {
761 border: 1px solid green;
763 background-color: #c3fffc;
774 border: 1px solid blue;
776 background-color: #c3ffff;
786 border: 1px solid #2905A1;
788 background-color: #E1D7E8;
794 text-decoration:underline;
802 border: 1px solid #FF8400;
804 background-color: #FFF6ED;
819 /* home page links */
828 div.home-link:hover {
830 background-color: #efefef;
831 border: 1px solid #afafaf;
837 text-decoration: none;
851 div.sequence-links a {
852 text-decoration: none;
858 background-color: white;
860 border-left: 1px solid #EAF2FE;
861 border-right: 1px solid #EAF2FE;
862 border-bottom: 1px solid #EAF2FE;
866 div.dropdown-heading {
867 background-color: #DFE1C7;
869 border-left: 1px solid #EAF2FE;
870 border-right: 1px solid #EAF2FE;
871 border-top: 1px solid #EAF2FE;
898 background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
899 border: 1px solid #8CACBB;
909 fieldset.group_form legend{
910 border:1px solid #cccccc;
928 border: 1px solid #000;
939 text-decoration: none;
942 border-left: 1px solid white;
943 border-right: 1px solid white;
946 div.paging li a:hover, div.paging li a.current {
947 background-color: #efefef;
948 border-left: 1px solid #000;
949 border-right: 1px solid #000;
956 background: transparent;
962 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
963 background: transparent;
964 border-collapse: collapse;
965 border-bottom: 1px solid #8CACBB;
966 padding: 0.5em 0em 0em 2em;
971 /* The normal, unselected tabs. They are all links */
972 background: transparent;
973 border-color: #8CACBB;
975 border-style: solid solid none solid;
979 padding: 0em 2em 0em;
982 div.tabs a.selected {
983 /* The selected tab. There's only one of this */
985 border-bottom: #DEE7EC 1px solid;
990 div.tabs a:hover, div.tabs a.active {
992 border-bottom: 1px solid #DEE7EC;
998 background-color: #DEE7EC;
1000 border: 1px solid #8CACBB;
1006 background: transparent;
1008 border-left: 1px solid #8CACBB;
1009 border-right: 1px solid #8CACBB;
1010 border-bottom: 1px solid #8CACBB;
1011 font-weight: normal;
1016 background: #DEE7EC;
1017 border: 1px solid #8CACBB;
1018 border-style: solid solid none solid;
1020 padding: 0em 1em 0em 1em;
1026 text-decoration: none;
1031 text-decoration: none;
1035 text-decoration: underline;
1048 text-transform: none;
1049 border-left: 1pt solid #8CACBB;
1062 background-color: #F7F9FA;
1066 background-color: transparent;
1073 /* users/index.php */
1079 border: rgb(204, 204, 204) 1px solid;
1080 background-color: white;
1092 font-weight: normal;
1098 background-color:#D1E3ED;
1099 border: #AAAAAA 1px solid;
1103 text-decoration: none;
1106 div.course:hover a {
1110 div.course a:hover {
1122 div.course img.icon {
1129 div.course div.shortcuts {
1132 vertical-align: middle;
1135 fieldset#shortcuts {
1136 background-color: #FAFAFA;
1137 border: 1pt solid #AAAAAA;
1138 margin: -5pt 5pt 5pt 5pt;
1139 padding-right: 10pt;
1140 padding-bottom: 5pt;
1147 padding-right: 10pt;
1153 margin-bottom: 10pt;
1157 background-color: white;
1164 list-style-type: none;
1169 background-image: url('../default/images/help.png');
1170 background-repeat: no-repeat;
1171 background-position: 2px 2px;
1172 padding: 1pt 10pt 1pt 23pt;
1176 background-color:#DEE7EC;
1177 border-left:thin solid #cccccc;
1178 border-right:thin solid #cccccc;
1179 border-bottom:thin solid #cccccc;
1180 border-radius: 0em 0em .5em .5em;
1181 -moz-border-radius: 0em 0em .5em .5em;
1193 div#content-text li {
1202 background-color:#DEE7EC;
1203 border:1px solid #8CACBB;
1204 border-radius: .3em .3em .3em .3em;
1205 -moz-border-radius: .3em .3em .3em .3em;
1207 div#content-test ol{
1212 div#content-test ol ul li{
1214 padding: 0px 2px 0px 15px;
1217 background-color: #fdfdfd;
1218 border-bottom: 1px solid #efefef;
1219 border: 1px solid #eeeeff;
1255 div[class] .insidecol {
1275 ul#home-links li a {
1276 text-decoration: none;
1277 border: 1px transparent;
1280 ul#home-links li a img {
1287 /* enrollment tabs */
1295 white-space: nowrap;
1306 border: 1px solid #e0e0e0;
1307 border-bottom: none;
1308 background: #fafafa;
1309 text-decoration: none;
1311 -moz-border-radius-topright: 4px;
1312 -moz-border-radius-topleft: 4px;
1313 white-space: nowrap;
1316 #navlist li a:hover, #navlist li a.active {
1323 vertical-align: middle;
1332 dl#public-profile dt {
1338 border-right: 1px solid #f0f0f0;
1339 padding: 5px 5px 5px 0px;
1340 vertical-align: middle;
1343 dl#public-profile dd {
1346 padding: 5px 0px 5px 5px;
1349 /* floating layout */
1360 #contentcolumn_shiftright {
1378 #forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1379 #forum-thread li.even { background: #fdfdfd; border-top: none; }
1380 #forum-thread li.odd { background: #fff; }
1381 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1382 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1383 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1384 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1385 div.forum-post-content h3 { font-weight: 500; }
1386 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1387 div.forum-post-ctrl a { text-decoration: none; }
1388 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1389 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1390 div.forum-post-content div.body p { margin-bottom:20px; }
1392 /** inbox stuff - reuses some of the forum layout **/
1393 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1396 div#topnavlistcontainer {
1397 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1398 background: transparent;
1399 border-collapse: collapse;
1400 border-bottom: 1px solid #8CACBB;
1401 padding: 0.5em 0em 0em 2em;
1416 display: inline-block;
1422 ul#topnavlist li:first-child a {
1426 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1427 background: #DEE7EC;
1428 border-bottom: 1px solid #DEE7EC;
1432 ul#topnavlist li a {
1433 /* The normal, unselected tabs. They are all links */
1434 background: transparent;
1435 border-color: #8CACBB;
1437 border-style: solid solid none solid;
1440 margin-right: 0.5em;
1441 padding: 0em 2em 0em;
1442 border-radius: .3em .3em 0em 0em;
1443 -moz-border-radius: .3em .3em 0em 0em;
1446 ul#topnavlist li a.selected {
1447 /* The selected tab. There's only one of this */
1448 background: #DEE7EC;
1449 border-bottom: #DEE7EC 1px solid;
1451 font-weight: normal;
1454 /* format of "table of contents" on content page */
1455 #toc a { display:block; margin:3px; }
1456 #toc .h2 { padding:0 0 0 10px;}
1457 #toc .h3 { padding:0 0 0 30px;}
1458 #toc .h4 { padding:0 0 0 40px; }
1459 #toc .h5 { padding:0 0 0 50px; }
1460 #toc .h6 { padding:0 0 0 60px; }
1466 padding-bottom:.3em;
1470 /* jQuery tooltip styles */
1474 border:3px solid #111;
1475 background-color:#eeeeee;
1479 #tooltip h3,#tooltip div{
1487 padding-bottom:.2em;
1488 text-decoration:none;
1491 /* style for home page modules "detail view" */
1503 background: #DEE7EC;
1507 border:1px solid #8CACBB;
1508 -moz-border-radius:.3em .3em .3em .3em;
1509 border-radius: .3em .3em .3em .3em;
1517 -moz-border-radius:.3em .3em .3em .3em;
1518 border-radius: .3em .3em .3em .3em;
1532 /* 1pxgs current box on My Start */
1539 border: 1px solid #cccccc;
1544 list-style-type:none;
1548 vertical-align:middle;
1553 padding-bottom: 10px;
1554 padding-right: 10px;
1560 #my_courses_container{
1566 border-radius: .5em .5em .5em .5em;
1567 -moz-border-radius: .5em .5em .5em .5em;
1568 -moz-box-shadow:.2em .2em .2em #999999;
1569 box-shadow: .2em .2em .2em #999999;
1571 /* berence Editor tabs */
1572 /* Preferences tabs */
1574 table.etabbed-table{
1579 /* Preference Editor tabs */
1580 .etabbed-list-container {
1588 border-bottom:1px #DEE7EC solid;
1591 background-color: transparent;
1592 border-bottom: 1px solid #cccccc;
1597 white-space: nowrap;
1598 background-color: transparent;
1599 margin-bottom: .5px;
1602 padding:0em 0em 0em;
1604 -moz-border-radius: .3em .3em .3em .3em;
1607 border-top: 1px solid #cccccc;
1608 border-left: 1px solid #cccccc;
1609 border-right: 1px solid #cccccc;
1612 white-space: nowrap;
1613 background-color: transparent;
1614 border-radius: .3em .3em 0em 0em;
1615 -moz-border-radius: .3em .3em 0em 0em;
1616 padding: .4em .5em .5em .5em ;
1618 padding-bottom: .9px;
1622 .prefs_buttontab:hover, .prefs_tab:hover, .prefs_tab:focus, .prefs_buttontab:focus{
1623 background-color: #eeeeee;
1626 .prefs_tab_selected{
1627 border-top: 1px solid #cccccc;
1628 border-left: 1px solid #cccccc;
1629 border-right: 1px solid #cccccc;
1631 background-color: #eeeeee;
1635 padding: .4em .2em 0em .5em ;
1636 white-space: nowrap;
1637 text-decoration:none;
1639 -moz-border-radius: .3em .3em 0em 0em;
1651 background-color:#eeeeee;
1652 border:thin solid #cccccc;
1653 border-radius:.3em .3em .3em .3em;
1654 -moz-border-radius:.3em .3em .3em .3em;
1658 ul#content-tool-links {
1659 list-style: none outside none;
1661 ul#content-tool-links li{
1672 ul#content-tool-links img{
1685 white-space: nowrap;
1691 /* Content editor tabs */
1694 border: 1px solid #DEE7EC;
1696 -moz-border-radius: .5em .5em .5em .5em;
1697 padding: .1em .5em .1em .5em ;
1704 white-space: nowrap;
1705 background-color: transparent;
1709 padding:0em 0em 0em;
1714 border-top: 1px solid #cccccc;
1715 border-left: 1px solid #cccccc;
1716 border-right: 1px solid #cccccc;
1718 margin-bottom:-.5em;
1720 white-space: nowrap;
1721 background-color: transparent;
1722 border-radius: .3em .3em 0em 0em;
1723 -moz-border-radius: .3em .3em 0em 0em;
1724 -moz-box-shadow:.1em .0em .1em #999999;
1725 box-shadow: .2em .0em .2em #999999;
1726 padding: 0em .2em 0em .2em ;
1729 .editor_tab:hover, .editor_tab input[type=submit]:hover{
1730 background-color:#eeeeee;
1733 .editor_tab_selected{
1734 border-top: 1px solid #cccccc;
1735 border-left: 1px solid #cccccc;
1736 border-right: 1px solid #cccccc;
1738 padding: 0em .2em 0em .2em ;
1739 background-color: #eeeeee;
1742 white-space: nowrap;
1743 text-decoration:none;
1745 -moz-border-radius: .3em .3em 0em 0em;
1749 .editor_tab input[type=submit]{
1752 /* Transformable repository search */
1755 border:thin solid #cccccc;
1760 border-radius: .3em .3em .3em .3em;
1761 -moz-border-radius: .3em .3em .3em .3em;
1762 -moz-box-shadow:.1em .1em .1em #999999;
1763 box-shadow: .1em .1em .1em #999999;
1771 border:thin solid #cccccc;
1772 border-radius: .3em .3em .3em .3em;
1773 -moz-border-radius: .3em .3em .3em .3em;
1774 -moz-box-shadow:.1em .1em .1em #999999;
1775 box-shadow: .1em .1em .1em #999999;
1782 margin-bottom: -.5em;
1783 border-top:thin solid #cccccc;
1784 border-left:thin solid #cccccc;
1785 border-right:thin solid #cccccc;
1786 border-radius: .3em .3em 0em 0em;
1787 -moz-border-radius: .3em .3em 0em 0em;
1790 font-family: monospace;
1791 border: 2px solid rgb(0, 0, 0);
1794 color: rgb(255, 255, 255);
1795 background-color: rgb(0, 0, 0);
1799 border-bottom-width: 0px;
1802 font-weight: normal;
1807 #display-settings-preview{
1815 #defaultfontsize-wrapper{
1821 /* ATutor Social Styles */
1822 div .profile_container {
1823 background-color:#eee;
1824 border: 1px solid #8e8e8e;
1827 margin-bottom: 0.5em;
1830 div .profile_container .top_right {
1834 dl.public-profile dd{
1837 dl.public-profile dt {
1848 div .search_form .row{
1849 background-color: transparent;
1853 background-color: #eee;
1854 border: 1px solid #aaa;
1857 background-color: #cccccc;
1863 ul.social_side_menu {
1866 ul.social_side_menu li {
1867 padding-bottom: 0.2em;
1871 border-bottom:1px solid #C1C157;
1872 padding-bottom:0.5em;
1873 margin-bottom:0.5em;
1879 div.headingbox, h3.headingbox, a.headingbox{
1880 border:1px #cccccc solid;
1882 background-color: #eeeeee;
1883 text-decoration:none;
1887 div.contentbox, input-form{
1890 border-left:1px #cccccc solid;
1891 border-right:1px #dddddd solid;
1892 border-bottom:1px #cccccc solid;
1894 background-color: #ffffff;
1898 border:1px solid #a50707;
1906 ul.social_inline_menu{
1907 background-color: #eeeeee;
1908 border:thin #cccccc solid;
1914 border:thin solid #cccccc;
1934 .people-you-may-know{
1956 img.img-size-ascdesc{
1961 background:transparent;
1963 div.input-form fieldset{
1966 div.input-form legend{
1967 border:1px #DEE7EC solid;
1971 height:1em !important;
1973 div#subnavlistcontainer {
1979 div#subnavbacktopage {
1987 border:1px solid #e8e8e8;
1991 -moz-border-radius: .5em .5em .5em .5em;
2000 background-color: #F2F7FE;
2002 display: inline-block;
2005 border-top:1px solid #cccccc;
2006 border-left:1px solid #cccccc;
2007 border-right:1px solid #cccccc;
2008 border-radius: .3em .3em 0em 0em;
2009 -moz-border-radius: .3em .3em 0em 0em;
2011 padding: 0em .5em .6em .5em ;
2014 ul#subnavlist li a:hover, ul#subnavlist li a:focus, ul#subnavlist li.active, ul#subnavlist li:hover{
2016 text-decoration:none;
2017 background-color: #DEE7EC;
2020 ul#subnavlist li a {
2021 /* The normal, unselected tabs. They are all links */
2024 text-decoration:underline;