1 /* main body attributes */
3 font-family: Verdana, Helevetica, Arial, sans-serif;
8 background-color: white;
12 margin: 0.5em 0em 1em 0em;
19 text-decoration: underline;
24 background-color: transparent;
29 background-color: transparent;
32 h1, h2, h3, h4, h5, h6 {
36 font: 100% Verdana, Helvetica, Arial, sans-serif;
39 /*border-bottom: 1px solid #57945A;*/
63 border: 1px solid #57945A;
65 background-color: white;
70 /* Table of content attributes*/
72 font-family: Verdana, Helevetica, Arial, sans-serif;
73 background-color: #eeeeee;
79 border: 1px #88A283 solid;
84 font-family: Verdana, Helevetica, Arial, sans-serif;
91 font-family: Verdana, Helevetica, Arial, sans-serif;
98 list-style: disc url(../../images/folder.gif) outside;
99 font-family: Verdana, Helevetica, Arial, sans-serif;
105 li.folders .disabled {
109 /* link attributes */
111 font-family: Verdana, Helevetica, Arial, sans-serif;
113 text-decoration: none;
116 font-family: Verdana, Helevetica, Arial, sans-serif;
118 text-decoration: none;
121 font-family: Verdana, Helevetica, Arial, sans-serif;
123 text-decoration: none;
127 font-family: Verdana, Helevetica, Arial, sans-serif;
129 border-top: #003399 solid 1px;
130 border-bottom: #003399 solid 1px;
131 border-right: #003399 solid 1px;
132 border-left: #003399 solid 1px;
137 /* align text to the left */
145 text-decoration: none;
151 border: 1px #606060 solid;
154 /* main submit button */
156 font-family: Verdana, Helevetica, Arial, sans-serif;
157 background-color: #EBF6F3;
159 border-top: #348265 solid 1px;
160 border-bottom: #348265 solid 1px;
161 border-right: #348265 solid 1px;
162 border-left: #348265 solid 1px;
165 /* small submit button at top */
167 font-family: Verdana, Helevetica, Arial, sans-serif;
168 background-color: #F8F8F8;
169 border-top: #348265 solid 1px;
170 border-bottom: #348265 solid 1px;
171 border-right: #348265 solid 1px;
172 border-left: #348265 solid 1px;
175 /* date attributes */
177 font-family: Verdana, Helevetica, Arial, sans-serif;
189 background-color: white;
193 /* message box styles */
195 /* Editor box small */
197 font-family: Verdana, Helevetica, Arial, sans-serif;
198 background-color: #EEEEEE;
201 border: 1px #ABC180 solid;
204 /* Editor box large */
206 font-family: Verdana, Helevetica, Arial, sans-serif;
207 background-color: #EEEEEE;
212 padding-bottom: .4em;
213 border: 1px #ABC180 solid;
218 font-family: Verdana, Helevetica, Arial, sans-serif;
219 background-color: #F1F3F1;
222 .highlight, a.highlight {
223 background-color: yellow;
227 background-color: yellow;
228 text-decoration: underline;
236 /* edit content tabs */
238 font-family: Helvetica, Arial, Helvetica, sans-serif;
239 background-color: #ffffff;
248 background-color: #ffffff;
249 border-top: 1px #88A283 solid;
250 border-left: 1px #88A283 solid;
251 border-right: 1px #88A283 solid;
252 text-decoration: none;
257 .etab a:link, .etab a:visited {
259 text-decoration: none;
263 text-decoration: underline;
266 background-color: #EFEFEF;
267 border-top: 1px #88A283 solid;
268 border-left: 1px #88A283 solid;
269 border-right: 1px #88A283 solid;
276 background-color: #FFFDE0;
281 background-color: #FFFDE0;
288 /* the side menu heading */
289 td.dropdown-heading {
290 background-color: #DBFDD4;
292 border-left: 1px solid #ECFEEA;
293 border-right: 1px solid #ECFEEA;
294 border-top: 1px solid #ECFEEA;
299 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
300 text-decoration: none;
303 td.dropdown-heading.closed {
304 border-bottom: 1px solid #ECFEEA;
307 /* the side menu content */
310 background-color: white;
312 border-left: 1px solid #ECFEEA;
313 border-right: 1px solid #ECFEEA;
314 border-bottom: 1px solid #ECFEEA;
317 td.dropdown a, td.dropdown a:visited {
319 text-decoration: none;
321 td.dropdown a:hover {
323 text-decoration: underline;
332 /* added for 1.4.2: */
338 background-color: #FFF5A4;
350 p.search-description {
351 background-color: #FFFCE5;
356 background-color: #FFF5A4;
358 border-left: 1px solid #099015;
359 border-right: 1px solid #099015;
360 border-top: 1px solid #099015;
365 /***************************************************************/
371 table.tabbed-table th#left-empty-tab {
372 background-color: transparent;
374 border-bottom: 1px solid #9DAB9A;
376 table.tabbed-table th#right-empty-tab {
378 background-color: transparent;
379 border-bottom: 1px solid #9DAB9A;
383 table.tabbed-table th#right-empty-tab a {
384 text-decoration: underline;
386 table.tabbed-table th.tab-spacer {
387 background-color: transparent;
389 border-bottom: 1px solid #9DAB9A;
392 table.tabbed-table th.tab {
396 background-color: #C9CEA4;
397 border-bottom: 1px solid #9DAB9A;
398 border-left: 1px solid #9DAB9A;
399 border-top: 1px solid #9DAB9A;
400 border-right: 1px solid #9DAB9A;
402 table.tabbed-table th.tab:hover {
403 background-color: #DFE1C7;
406 table.tabbed-table th.tab a:focus {
409 table.tabbed-table th.selected {
413 background-color: #DFE1C7;
414 border-left: 1px solid #9DAB9A;
415 border-top: 1px solid #9DAB9A;
416 border-right: 1px solid #9DAB9A;
419 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
421 text-decoration: none;
427 background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
428 background-repeat: no-repeat;
429 background-position: 2px 5px;
434 background-image: url(images/back.gif);
435 background-repeat: no-repeat;
436 background-position: 0px 0px;
440 /* The path bar, including breadcrumbs and add to favorites */
441 border-bottom-color: #57945A;
442 border-bottom-style: solid;
443 border-bottom-width: 1px;
445 text-transform: lowercase;
454 border-bottom: 1px solid #f0f0f0;
464 background-color: #DEECE2;
465 border-bottom: 1px solid #9DAB9A;
467 text-transform: lowercase;
471 div#sub-navigation strong {
476 border-left: 1px solid black;
477 border-right: 1px solid black;
478 border-bottom: 1px solid black;
482 background-color: #efefef;
491 border-left: 1px solid black;
492 border-right: 1px solid black;
494 background-color: #efefef;
497 border-bottom: 1px solid black;
521 text-transform: lowercase;
525 background-color: #EFEFEF;
530 border: 1px solid #cccccc;
532 text-decoration: none;
535 a#editor-link:hover {
536 background-color: #fafafa;
537 border: 1px solid #aaaaaa;
541 background-image: url(images/pen.gif);
542 background-repeat: no-repeat;
543 background-position: 0px 2px;
546 background-image: url(images/pen2.gif);
547 background-repeat: no-repeat;
548 background-position: 0px 2px;
552 /* for data tables */
555 border: 1px solid #f0f0f0;
560 border-collapse: collapse;
564 background-color: #f0f0f0;
573 background-image: url('../default/images/sort.gif');
574 background-repeat: no-repeat;
575 background-position: right;
576 text-decoration:none;
580 background-color: #fdfdfd;
583 table.data tbody th {
585 background-color: #fdfdfd;
593 table.data tbody tr:hover {
594 background-color: #F5FDFF;
598 table.data tbody tr.selected {
599 background-color: #F5FDFF;
604 background-color: #fafafa;
607 table.data tfoot tr:first-child td {
609 background-image: url('images/arrow_ltr.gif');
610 background-repeat: no-repeat;
611 background-position: 4px 5px;
615 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
617 background-image: none;
621 table.data tfoot input {
622 border: 1px solid #999;
623 background-color: white;
632 /* used for static tables with no form elements: */
633 table.data.static tbody tr:hover {
634 background-color: transparent;
638 table.data tfoot input[type=submit]:hover {
639 background-color: #F5FDFF;
642 /* course browser: */
650 div.browse-selected {
651 background-image: url('images/side_arrow.gif');
652 background-repeat: no-repeat;
654 background-position: center left;
657 div.browse-unselected {
668 padding-bottom: 25px;
669 background-color: #fffaf0;
670 border:1px #9DAB9A solid;
676 dl.browse-course dt {
681 padding: 5px 10px 5px 0px;
682 vertical-align: middle;
684 dl.browse-course dd {
686 padding: 5px 0px 5px 10px;
697 border:1px solid white;
700 /* feedback /errors */
707 border: 1px solid red;
709 background-color: #fffcf3;
711 background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
720 div#error ul, div#feedback ul, div#help ul {
733 border: 1px solid green;
735 background-color: #EAFFC3;
746 border: 1px solid blue;
748 background-color: #EBFFC3;
758 border: 1px solid #099D3F;
760 background-color: #DAE8D7;
771 border: 1px solid #FF8400;
773 background-color: #FFF6ED;
785 font-family: Verdana, Helevetica, Arial, sans-serif;
790 /* home page links */
799 div.home-link:hover {
801 background-color: #efefef;
802 border: 1px solid #afafaf;
808 text-decoration: none;
823 div#sequence-links a {
824 text-decoration: none;
830 background-color: white;
832 border-left: 1px solid #ECFEEA;
833 border-right: 1px solid #ECFEEA;
834 border-bottom: 1px solid #ECFEEA;
838 div.dropdown-heading {
839 background-color: #DFE1C7;
841 border-left: 1px solid #ECFEEA;
842 border-right: 1px solid #ECFEEA;
843 border-top: 1px solid #ECFEEA;
870 background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
871 border: 1px solid #57945A;
873 text-transform: lowercase;
894 border: 1px solid #000;
905 text-decoration: none;
908 border-left: 1px solid white;
909 border-right: 1px solid white;
912 div.paging li a:hover, div.paging li a.current {
913 background-color: #efefef;
914 border-left: 1px solid #000;
915 border-right: 1px solid #000;
922 background: transparent;
928 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
929 background: transparent;
930 border-collapse: collapse;
931 border-bottom: 1px solid #57945A;
932 padding: 0.5em 0em 0em 2em;
938 /* The normal, unselected tabs. They are all links */
939 background: transparent;
940 border-color: #57945A;
942 border-style: solid solid none solid;
946 padding: 0em 2em 0em;
947 text-transform: lowercase;
950 div.tabs a.selected {
951 /* The selected tab. There's only one of this */
953 border-bottom: #DEECE2 1px solid;
958 div.tabs a:hover, div.tabs a.active {
960 border-bottom: 1px solid #DEECE2;
967 background-color: #DEECE2;
969 border: 1px solid #57945A;
971 text-transform: lowercase;
977 background-color: white;
979 border-left: 1px solid #57945A;
980 border-right: 1px solid #57945A;
981 border-bottom: 1px solid #57945A;
988 border: 1px solid #57945A;
989 border-style: solid solid none solid;
991 padding: 0em 1em 0em 1em;
992 text-transform: lowercase;
999 text-decoration: none;
1004 text-decoration: none;
1008 text-decoration: underline;
1022 text-transform: none;
1023 border-left: 1pt solid #57945A;
1036 background-color: #F7FAF7;
1040 background-color: transparent;
1047 /* users/index.php */
1053 border: rgb(204, 204, 204) 1px solid;
1054 background-color: white;
1067 font-weight: normal;
1073 background-color:#D1EDD9;
1074 border: #AAAAAA 1px solid;
1078 text-decoration: none;
1081 div.course:hover a {
1085 div.course a:hover {
1097 div.course img.icon {
1104 div.course div.shortcuts {
1107 vertical-align: middle;
1110 fieldset#shortcuts {
1112 background-color: #FAFAFA;
1113 border: 1pt solid #AAAAAA;
1114 margin: -5pt 5pt 5pt 5pt;
1115 padding-right: 10pt;
1116 padding-bottom: 5pt;
1121 padding-right: 10pt;
1126 margin-bottom: 10pt;
1130 background-color: white;
1137 list-style-type: none;
1142 background-image: url('../default/images/guide.gif'); background-repeat: no-repeat; background-position: 7pt 2pt;
1143 background-color: #eee;
1144 padding: 1pt 10pt 1pt 23pt;
1145 border: 1pt solid #ccc;
1154 div#content-text li {
1174 border: 1px solid #e0e0e0;
1191 div[class] .insidecol {
1212 ul#home-links li a {
1213 text-decoration: none;
1214 border: 1px transparent;
1217 ul#home-links li a img {
1223 /* enrollment tabs */
1231 white-space: nowrap;
1242 border: 1px solid #e0e0e0;
1243 border-bottom: none;
1244 background: #fafafa;
1245 text-decoration: none;
1247 -moz-border-radius-topright: 4px;
1248 -moz-border-radius-topleft: 4px;
1249 white-space: nowrap;
1252 #navlist li a:hover, #navlist li a.active {
1259 vertical-align: middle;
1268 dl#public-profile dt {
1274 border-right: 1px solid #f0f0f0;
1275 padding: 5px 5px 5px 0px;
1276 vertical-align: middle;
1279 dl#public-profile dd {
1282 padding: 5px 0px 5px 5px;
1285 /* floating layout */
1294 #contentcolumn_shiftright {
1301 margin-left: -200px;
1320 #forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1321 #forum-thread li.even { background: #fdfdfd; border-top: none; }
1322 #forum-thread li.odd { background: #fff; }
1323 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1324 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1325 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1326 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1327 div.forum-post-content h3 { font-weight: 500; }
1328 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1329 div.forum-post-ctrl a { text-decoration: none; }
1330 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1331 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1332 div.forum-post-content div.body p { margin-bottom:20px; }
1334 /** inbox stuff - reuses some of the forum layout **/
1335 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1338 div#topnavlistcontainer {
1339 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1340 background: transparent;
1341 border-collapse: collapse;
1342 border-bottom: 1px solid #57945A;
1343 padding: 0.5em 0em 0em 2em;
1344 white-space: nowrap;
1352 white-space: nowrap;
1363 ul#topnavlist li:first-child a {
1367 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1368 background: #DEECE2;
1369 border-bottom: 1px solid #DEECE2;
1373 ul#topnavlist li a {
1374 /* The normal, unselected tabs. They are all links */
1375 background: transparent;
1376 border-color: #57945A;
1378 border-style: solid solid none solid;
1381 margin-right: 0.5em;
1382 padding: 0em 2em 0em;
1383 text-transform: lowercase;
1386 ul#topnavlist li a.selected { /* The selected tab. There's only one of this */
1387 background: #DEECE2;
1388 border-bottom: #DEECE2 1px solid;
1390 font-weight: normal;
1402 /* format of "table of contents" on content page */
1403 #toc a { display:block; margin:3px; }
1404 #toc .h2 { padding:0 0 0 10px;}
1405 #toc .h3 { padding:0 0 0 30px;}
1406 #toc .h4 { padding:0 0 0 40px; }
1407 #toc .h5 { padding:0 0 0 50px; }
1408 #toc .h6 { padding:0 0 0 60px; }
1410 /* jQuery tooltip styles */
1414 border:3px solid #111;
1415 background-color:#eeeeee;
1419 #tooltip h3,#tooltip div{
1422 /* style for home page sublinks view */
1449 background-image:url(../../images/details_r.png);
1450 background-position: top right;
1451 background-repeat:no-repeat;
1457 background-image:url(../../images/details_l.png);
1458 background-position: top left;
1459 background-repeat:no-repeat;
1465 background-image:url(../../images/details_ir.png);
1466 background-position: top right;
1467 background-repeat:no-repeat;
1472 background-image:url(../../images/details_il.png);
1473 background-position: top left;
1474 background-repeat:no-repeat;