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 {
35 font: 100% Verdana, Helvetica, Arial, sans-serif;
38 /*border-bottom: 1px solid #57945A;*/
62 border: 1px solid #57945A;
64 background-color: white;
69 /* Table of content attributes*/
71 font-family: Verdana, Helevetica, Arial, sans-serif;
72 background-color: #eeeeee;
78 border: 1px #88A283 solid;
83 font-family: Verdana, Helevetica, Arial, sans-serif;
90 font-family: Verdana, Helevetica, Arial, sans-serif;
97 list-style: disc url(../../images/folder.gif) outside;
98 font-family: Verdana, Helevetica, Arial, sans-serif;
104 li.folders .disabled {
108 /* link attributes */
110 font-family: Verdana, Helevetica, Arial, sans-serif;
112 text-decoration: none;
115 font-family: Verdana, Helevetica, Arial, sans-serif;
117 text-decoration: none;
120 font-family: Verdana, Helevetica, Arial, sans-serif;
122 text-decoration: none;
126 font-family: Verdana, Helevetica, Arial, sans-serif;
128 border-top: #003399 solid 1px;
129 border-bottom: #003399 solid 1px;
130 border-right: #003399 solid 1px;
131 border-left: #003399 solid 1px;
136 /* align text to the left */
144 text-decoration: none;
150 border: 1px #606060 solid;
153 /* main submit button */
155 font-family: Verdana, Helevetica, Arial, sans-serif;
156 background-color: #EBF6F3;
158 border-top: #348265 solid 1px;
159 border-bottom: #348265 solid 1px;
160 border-right: #348265 solid 1px;
161 border-left: #348265 solid 1px;
164 /* small submit button at top */
166 font-family: Verdana, Helevetica, Arial, sans-serif;
167 background-color: #F8F8F8;
168 border-top: #348265 solid 1px;
169 border-bottom: #348265 solid 1px;
170 border-right: #348265 solid 1px;
171 border-left: #348265 solid 1px;
174 /* date attributes */
176 font-family: Verdana, Helevetica, Arial, sans-serif;
188 background-color: white;
192 /* message box styles */
194 /* Editor box small */
196 font-family: Verdana, Helevetica, Arial, sans-serif;
197 background-color: #EEEEEE;
200 border: 1px #ABC180 solid;
203 /* Editor box large */
205 font-family: Verdana, Helevetica, Arial, sans-serif;
206 background-color: #EEEEEE;
211 padding-bottom: .4em;
212 border: 1px #ABC180 solid;
217 font-family: Verdana, Helevetica, Arial, sans-serif;
218 background-color: #F1F3F1;
221 .highlight, a.highlight {
222 background-color: yellow;
226 background-color: yellow;
227 text-decoration: underline;
235 /* edit content tabs */
237 font-family: Helvetica, Arial, Helvetica, sans-serif;
238 background-color: #ffffff;
247 background-color: #ffffff;
248 border-top: 1px #88A283 solid;
249 border-left: 1px #88A283 solid;
250 border-right: 1px #88A283 solid;
251 text-decoration: none;
256 .etab a:link, .etab a:visited {
258 text-decoration: none;
262 text-decoration: underline;
265 background-color: #EFEFEF;
266 border-top: 1px #88A283 solid;
267 border-left: 1px #88A283 solid;
268 border-right: 1px #88A283 solid;
275 background-color: #FFFDE0;
280 background-color: #FFFDE0;
287 /* the side menu heading */
288 td.dropdown-heading {
289 background-color: #DBFDD4;
291 border-left: 1px solid #ECFEEA;
292 border-right: 1px solid #ECFEEA;
293 border-top: 1px solid #ECFEEA;
298 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
299 text-decoration: none;
302 td.dropdown-heading.closed {
303 border-bottom: 1px solid #ECFEEA;
306 /* the side menu content */
309 background-color: white;
311 border-left: 1px solid #ECFEEA;
312 border-right: 1px solid #ECFEEA;
313 border-bottom: 1px solid #ECFEEA;
316 td.dropdown a, td.dropdown a:visited {
318 text-decoration: none;
320 td.dropdown a:hover {
322 text-decoration: underline;
331 /* added for 1.4.2: */
337 background-color: #FFF5A4;
349 p.search-description {
350 background-color: #FFFCE5;
355 background-color: #FFF5A4;
357 border-left: 1px solid #099015;
358 border-right: 1px solid #099015;
359 border-top: 1px solid #099015;
364 /***************************************************************/
370 table.tabbed-table th#left-empty-tab {
371 background-color: transparent;
373 border-bottom: 1px solid #9DAB9A;
375 table.tabbed-table th#right-empty-tab {
377 background-color: transparent;
378 border-bottom: 1px solid #9DAB9A;
382 table.tabbed-table th#right-empty-tab a {
383 text-decoration: underline;
385 table.tabbed-table th.tab-spacer {
386 background-color: transparent;
388 border-bottom: 1px solid #9DAB9A;
391 table.tabbed-table th.tab {
395 background-color: #C9CEA4;
396 border-bottom: 1px solid #9DAB9A;
397 border-left: 1px solid #9DAB9A;
398 border-top: 1px solid #9DAB9A;
399 border-right: 1px solid #9DAB9A;
401 table.tabbed-table th.tab:hover {
402 background-color: #DFE1C7;
405 table.tabbed-table th.tab a:focus {
408 table.tabbed-table th.selected {
412 background-color: #DFE1C7;
413 border-left: 1px solid #9DAB9A;
414 border-top: 1px solid #9DAB9A;
415 border-right: 1px solid #9DAB9A;
418 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
420 text-decoration: none;
426 background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
427 background-repeat: no-repeat;
428 background-position: 2px 5px;
433 background-image: url(images/back.gif);
434 background-repeat: no-repeat;
435 background-position: 0px 0px;
439 /* The path bar, including breadcrumbs and add to favorites */
440 border-bottom-color: #57945A;
441 border-bottom-style: solid;
442 border-bottom-width: 1px;
444 text-transform: lowercase;
453 border-bottom: 1px solid #f0f0f0;
463 background-color: #DEECE2;
464 border-bottom: 1px solid #9DAB9A;
466 text-transform: lowercase;
470 div#sub-navigation strong {
475 border-left: 1px solid black;
476 border-right: 1px solid black;
477 border-bottom: 1px solid black;
481 background-color: #efefef;
490 border-left: 1px solid black;
491 border-right: 1px solid black;
493 background-color: #efefef;
496 border-bottom: 1px solid black;
520 text-transform: lowercase;
524 background-color: #EFEFEF;
529 border: 1px solid #cccccc;
531 text-decoration: none;
534 a#editor-link:hover {
535 background-color: #fafafa;
536 border: 1px solid #aaaaaa;
540 background-image: url(images/pen.gif);
541 background-repeat: no-repeat;
542 background-position: 0px 2px;
545 background-image: url(images/pen2.gif);
546 background-repeat: no-repeat;
547 background-position: 0px 2px;
551 /* for data tables */
553 border: 1px solid #f0f0f0;
558 border-collapse: collapse;
562 background-color: #f0f0f0;
571 background-image: url('../default/images/sort.gif');
572 background-repeat: no-repeat;
573 background-position: right;
574 text-decoration:none;
578 background-color: #fdfdfd;
581 table.data tbody th {
583 background-color: #fdfdfd;
591 table.data tbody tr:hover {
592 background-color: #F5FDFF;
596 table.data tbody tr.selected {
597 background-color: #F5FDFF;
602 background-color: #fafafa;
605 table.data tfoot tr:first-child td {
607 background-image: url('images/arrow_ltr.gif');
608 background-repeat: no-repeat;
609 background-position: 4px 5px;
613 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
615 background-image: none;
619 table.data tfoot input {
620 border: 1px solid #999;
621 background-color: white;
630 /* used for static tables with no form elements: */
631 table.data.static tbody tr:hover {
632 background-color: transparent;
636 table.data tfoot input[type=submit]:hover {
637 background-color: #F5FDFF;
640 /* course browser: */
648 div.browse-selected {
649 background-image: url('images/side_arrow.gif');
650 background-repeat: no-repeat;
652 background-position: center left;
655 div.browse-unselected {
664 /* feedback /errors */
671 border: 1px solid red;
673 background-color: #fffcf3;
675 background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
684 div#error ul, div#feedback ul, div#help ul {
697 border: 1px solid green;
699 background-color: #EAFFC3;
710 border: 1px solid blue;
712 background-color: #EBFFC3;
722 border: 1px solid #099D3F;
724 background-color: #DAE8D7;
735 border: 1px solid #FF8400;
737 background-color: #FFF6ED;
749 font-family: Verdana, Helevetica, Arial, sans-serif;
754 /* home page links */
763 div.home-link:hover {
765 background-color: #efefef;
766 border: 1px solid #afafaf;
772 text-decoration: none;
787 div#sequence-links a {
788 text-decoration: none;
794 background-color: white;
796 border-left: 1px solid #ECFEEA;
797 border-right: 1px solid #ECFEEA;
798 border-bottom: 1px solid #ECFEEA;
802 div.dropdown-heading {
803 background-color: #DFE1C7;
805 border-left: 1px solid #ECFEEA;
806 border-right: 1px solid #ECFEEA;
807 border-top: 1px solid #ECFEEA;
834 background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
835 border: 1px solid #57945A;
837 text-transform: lowercase;
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;
886 background: transparent;
892 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
893 background: transparent;
894 border-collapse: collapse;
895 border-bottom: 1px solid #57945A;
896 padding: 0.5em 0em 0em 2em;
902 /* The normal, unselected tabs. They are all links */
903 background: transparent;
904 border-color: #57945A;
906 border-style: solid solid none solid;
910 padding: 0em 2em 0em;
911 text-transform: lowercase;
914 div.tabs a.selected {
915 /* The selected tab. There's only one of this */
917 border-bottom: #DEECE2 1px solid;
922 div.tabs a:hover, div.tabs a.active {
924 border-bottom: 1px solid #DEECE2;
931 background-color: #DEECE2;
933 border: 1px solid #57945A;
935 text-transform: lowercase;
941 background-color: white;
943 border-left: 1px solid #57945A;
944 border-right: 1px solid #57945A;
945 border-bottom: 1px solid #57945A;
952 border: 1px solid #57945A;
953 border-style: solid solid none solid;
955 padding: 0em 1em 0em 1em;
956 text-transform: lowercase;
963 text-decoration: none;
968 text-decoration: none;
972 text-decoration: underline;
986 text-transform: none;
987 border-left: 1pt solid #57945A;
1000 background-color: #F7FAF7;
1004 background-color: transparent;
1011 /* users/index.php */
1017 border: rgb(204, 204, 204) 1px solid;
1018 background-color: white;
1031 font-weight: normal;
1037 background-color:#D1EDD9;
1038 border: #AAAAAA 1px solid;
1042 text-decoration: none;
1045 div.course:hover a {
1049 div.course a:hover {
1061 div.course img.icon {
1068 div.course div.shortcuts {
1071 vertical-align: middle;
1074 fieldset#shortcuts {
1076 background-color: #FAFAFA;
1077 border: 1pt solid #AAAAAA;
1078 margin: -5pt 5pt 5pt 5pt;
1079 padding-right: 10pt;
1080 padding-bottom: 5pt;
1085 padding-right: 10pt;
1090 margin-bottom: 10pt;
1094 background-color: white;
1101 list-style-type: none;
1106 background-image: url('../default/images/guide.gif'); background-repeat: no-repeat; background-position: 7pt 2pt;
1107 background-color: #eee;
1108 padding: 1pt 10pt 1pt 23pt;
1109 border: 1pt solid #ccc;
1118 div#content-text li {
1138 border: 1px solid #e0e0e0;
1155 div[class] .insidecol {
1176 ul#home-links li a {
1177 text-decoration: none;
1178 border: 1px transparent;
1181 ul#home-links li a img {
1188 /* enrollment tabs */
1196 white-space: nowrap;
1207 border: 1px solid #e0e0e0;
1208 border-bottom: none;
1209 background: #fafafa;
1210 text-decoration: none;
1212 -moz-border-radius-topright: 4px;
1213 -moz-border-radius-topleft: 4px;
1214 white-space: nowrap;
1217 #navlist li a:hover, #navlist li a.active {
1224 vertical-align: middle;
1233 dl#public-profile dt {
1239 border-right: 1px solid #f0f0f0;
1240 padding: 5px 5px 5px 0px;
1241 vertical-align: middle;
1244 dl#public-profile dd {
1247 padding: 5px 0px 5px 5px;
1250 /* floating layout */
1259 #contentcolumn_shiftright {
1266 margin-left: -200px;
1285 #forum-thread li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; float:left; width: 98%; list-style: none; }
1286 #forum-thread li.even { background: #fdfdfd; border-top: none; }
1287 #forum-thread li.odd { background: #fff; }
1288 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1289 div.forum-post-author a.title { font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1290 div.forum-post-author img.profile-picture { border: 2px solid #f0f0f0; }
1291 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px; }
1292 div.forum-post-content h3 { font-weight: 500; }
1293 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1; }
1294 div.forum-post-ctrl a { text-decoration: none; }
1295 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1296 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #f0f0f0; }
1297 div.forum-post-content div.body p { margin-bottom:20px; }
1299 /** inbox stuff - reuses some of the forum layout **/
1300 #inbox-msg li { clear:left; border:1px solid #eee; border-bottom: 1px solid #f0f0f0; width: 98%; list-style: none; }
1303 div#topnavlistcontainer {
1304 /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
1305 background: transparent;
1306 border-collapse: collapse;
1307 border-bottom: 1px solid #57945A;
1308 padding: 0.5em 0em 0em 2em;
1309 white-space: nowrap;
1317 white-space: nowrap;
1328 ul#topnavlist li:first-child a {
1332 ul#topnavlist li a:hover, ul#topnavlist li a.active, ul#topnavlist li a:focus {
1333 background: #DEECE2;
1334 border-bottom: 1px solid #DEECE2;
1338 ul#topnavlist li a {
1339 /* The normal, unselected tabs. They are all links */
1340 background: transparent;
1341 border-color: #57945A;
1343 border-style: solid solid none solid;
1346 margin-right: 0.5em;
1347 padding: 0em 2em 0em;
1348 text-transform: lowercase;
1351 ul#topnavlist li a.selected {
1352 /* The selected tab. There's only one of this */
1353 background: #DEECE2;
1354 border-bottom: #DEECE2 1px solid;
1356 font-weight: normal;