themes/greenmin/styles.css

   1 /* main body attributes */
   2 body {
   3         font-family: Verdana, Helevetica, Arial, sans-serif;
   4         margin-top: 0px;
   5         margin-left: auto;
   6         margin-right: auto;
   7         font-size: small;
   8         background-color: white;
   9 }
  10
  11 p {
  12     margin: 0.5em 0em 1em 0em;
  13     text-align: justify;
  14     line-height: 150%;
  15         font-size: 0.9em;
  16 }
  17
  18 p a {
  19     text-decoration: underline;
  20 }
  21
  22 p a:visited {
  23         color: Purple;
  24     background-color: transparent;
  25 }
  26
  27 p a:active {
  28         color: Red;
  29     background-color: transparent;
  30 }
  31
  32 h1, h2, h3, h4, h5, h6 {
  33     color: Black;
  34     clear: left;
  35 clear:right;
  36     font: 100% Verdana, Helvetica, Arial, sans-serif;
  37     margin: 0;
  38     padding-top: 0.5em;
  39     /*border-bottom: 1px solid #57945A;*/
  40 }
  41
  42 h1 {
  43     font-size: 160%;
  44 }
  45
  46 h2 {
  47     font-size: 150%;
  48 }
  49
  50 h3 {
  51     font-size: 130%;
  52 }
  53
  54 h4 {
  55     font-size: 120%;
  56 }
  57
  58 h5 {
  59     font-size: 100%;
  60 }
  61
  62 textarea {
  63     border: 1px solid #57945A;
  64     color: Black;
  65     background-color: white;
  66     width: 88%;
  67     padding: 0.1em;
  68 }
  69
  70 /*  Table of content attributes*/
  71 p.toc{
  72         font-family: Verdana, Helevetica, Arial, sans-serif;
  73         background-color: #eeeeee;
  74         padding: .6em;
  75         margin-bottom: .6em;
  76         margin-top: 0em;
  77         margin-left: 1em;
  78         margin-right: 3em;
  79         border: 1px #88A283 solid;
  80 }
  81
  82 /* list attributes */
  83 ul {
  84         font-family: Verdana, Helevetica, Arial, sans-serif;
  85         margin-bottom: 0px;
  86         margin-top: 0px;
  87         margin-right: 0px;
  88 }
  89
  90 li {
  91         font-family: Verdana, Helevetica, Arial, sans-serif;
  92         margin-bottom: 0px;
  93         margin-top: 0px;
  94         margin-right: 0px;
  95 }
  96
  97 li.folders {
  98         list-style: disc url(../../images/folder.gif) outside;
  99         font-family: Verdana, Helevetica, Arial, sans-serif;
 100         margin-bottom: 0px;
 101         margin-top: 0px;
 102         margin-right: 0px;
 103 }
 104
 105 li.folders .disabled {
 106         color: #AAAAAA;
 107 }
 108
 109 /* link attributes */
 110 a:link {
 111         font-family: Verdana, Helevetica, Arial, sans-serif;
 112         color: #296542;
 113         text-decoration: none;
 114 }
 115 a:visited {
 116         font-family: Verdana, Helevetica, Arial, sans-serif;
 117         color: #296542;
 118         text-decoration: none;
 119 }
 120 a:hover {
 121         font-family: Verdana, Helevetica, Arial, sans-serif;
 122         color: black;
 123         text-decoration: none;
 124 }
 125
 126 .formfieldR {
 127         font-family: Verdana, Helevetica, Arial, sans-serif;
 128         color: black;
 129         border-top:  #003399  solid 1px;
 130         border-bottom: #003399 solid 1px;
 131         border-right: #003399 solid 1px;
 132         border-left: #003399 solid 1px;
 133         text-align: right;
 134         padding: 2px;
 135 }
 136
 137 /* align text to the left */
 138 .left {
 139         text-align: left;
 140 }
 141
 142 a.dropdown-title {
 143         color: white;
 144         font-weight: normal;
 145         text-decoration: none;
 146 }
 147
 148
 149 /* table border */
 150 .tableborder {
 151         border: 1px #606060 solid;
 152 }
 153
 154 /* main submit button */
 155 .button {
 156         font-family: Verdana, Helevetica, Arial, sans-serif;
 157         background-color: #EBF6F3;
 158         font-weight: normal;
 159         border-top:  #348265  solid 1px;
 160         border-bottom: #348265 solid 1px;
 161         border-right: #348265 solid 1px;
 162         border-left: #348265 solid 1px;
 163 }
 164
 165 /* small submit button at top */
 166 .button2 {
 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;
 173 }
 174
 175 /* date attributes */
 176 small.date {
 177         font-family: Verdana, Helevetica, Arial, sans-serif;
 178         color: #57945A;
 179         margin-bottom: 0px;
 180         margin-top: 0px;
 181         margin-left: 5px;
 182         margin-right: 0px;
 183         font-size:small;
 184 }
 185
 186 /* page breakline */
 187 hr {
 188         color: #88A283;
 189         background-color: white;
 190         height: 1px;
 191 }
 192
 193 /* message box styles */
 194
 195 /* Editor box small */
 196 .editorsmallbox {
 197         font-family: Verdana, Helevetica, Arial, sans-serif;
 198         background-color: #EEEEEE;
 199         padding: 2px;
 200         padding-right: 3px;
 201         border: 1px #ABC180 solid;
 202 }
 203
 204 /* Editor box large */
 205 .editorlargebox {
 206         font-family: Verdana, Helevetica, Arial, sans-serif;
 207         background-color: #EEEEEE;
 208         margin-left:1em;
 209         padding-left: .2em;
 210         padding-right: .5em;
 211         padding-top: .5em;
 212         padding-bottom: .4em;
 213         border: 1px #ABC180 solid;
 214 }
 215
 216
 217 select.dropdown {
 218         font-family: Verdana, Helevetica, Arial, sans-serif;
 219     background-color: #F1F3F1;
 220 }
 221
 222 .highlight, a.highlight {
 223         background-color: yellow;
 224 }
 225
 226 a .highlight{
 227         background-color: yellow;
 228         text-decoration: underline;
 229 }
 230
 231 .center {
 232         text-align: center;
 233 }
 234
 235
 236 /* edit content tabs */
 237 .buttontab {
 238         font-family: Helvetica, Arial, Helvetica, sans-serif;
 239         background-color: #ffffff;
 240         font-weight: bold;
 241         border: 0px;
 242         padding-left: 0px;
 243         color: #779172;
 244 }
 245
 246 .etab {
 247         color: black;
 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;
 253         text-align: center;
 254         font-weight: bold;
 255 }
 256
 257 .etab a:link, .etab a:visited {
 258         color: black;
 259         text-decoration: none;
 260 }
 261 .etab a:hover {
 262         color: black;
 263         text-decoration: underline;
 264 }
 265 .etabself {
 266         background-color: #EFEFEF;
 267         border-top: 1px #88A283 solid;
 268         border-left: 1px  #88A283 solid;
 269         border-right: 1px #88A283 solid;
 270         text-align: center;
 271         font-weight: bold;
 272         padding: 2px;
 273 }
 274 .unsaved {
 275         color: red;
 276         background-color: #FFFDE0;
 277         margin: 10px;
 278         font-weight: bold;
 279 }
 280 .saved {
 281         background-color: #FFFDE0;
 282         margin: 10px;
 283 }
 284
 285
 286
 287 /* the side menu */
 288 /* the side menu heading */
 289 td.dropdown-heading {
 290         background-color: #DBFDD4;
 291         color: #099015;
 292         border-left: 1px solid #ECFEEA;
 293         border-right: 1px solid #ECFEEA;
 294         border-top: 1px solid #ECFEEA;
 295         font-weight: bold;
 296         padding: 2px;
 297 }
 298
 299 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 300         text-decoration: none;
 301 }
 302
 303 td.dropdown-heading.closed {
 304         border-bottom: 1px solid #ECFEEA;
 305 }
 306
 307 /* the side menu content */
 308 td.dropdown {
 309         padding: 2px;
 310         background-color: white;
 311         color: black;
 312         border-left: 1px solid #ECFEEA;
 313         border-right: 1px solid #ECFEEA;
 314         border-bottom: 1px solid #ECFEEA;
 315         font-weight: normal;
 316 }
 317 td.dropdown a, td.dropdown a:visited  {
 318         color: #099015;
 319         text-decoration: none;
 320 }
 321 td.dropdown a:hover {
 322         color: #099015;
 323         text-decoration: underline;
 324 }
 325 td.dropdown.cell {
 326         border-bottom: 0px;
 327 }
 328 td.dropdown strong {
 329         color: #2A6C28;
 330 }
 331
 332 /* added for 1.4.2: */
 333 .results {
 334         padding-left: 20px;
 335 }
 336
 337 h5.search-results {
 338         background-color: #FFF5A4;
 339         color: #099015;
 340         padding: 1px;
 341         margin-bottom: 5px;
 342         margin-top: 10px;
 343         margin-left: 5px;
 344 }
 345
 346 small.search-info {
 347         color: #099015;
 348 }
 349
 350 p.search-description {
 351         background-color: #FFFCE5;
 352         color: #099015;
 353 }
 354
 355 .test-box {
 356         background-color: #FFF5A4;
 357         color: #099015;
 358         border-left: 1px solid #099015;
 359         border-right: 1px solid #099015;
 360         border-top: 1px solid #099015;
 361         font-weight: bold;
 362         padding: 2px;
 363 }
 364
 365 /***************************************************************/
 366 /* NEW STUFF */
 367
 368 table.tabbed-table {
 369         width: 100%;
 370 }
 371 table.tabbed-table th#left-empty-tab {
 372         background-color: transparent;
 373         width: 15px;
 374         border-bottom: 1px solid #9DAB9A;
 375 }
 376 table.tabbed-table th#right-empty-tab {
 377         text-align: right;
 378         background-color: transparent;
 379         border-bottom: 1px solid #9DAB9A;
 380         width: 400px;
 381         padding-right: 5px;
 382 }
 383 table.tabbed-table th#right-empty-tab a {
 384         text-decoration: underline;
 385 }
 386 table.tabbed-table th.tab-spacer {
 387         background-color: transparent;
 388         width: 5px;
 389         border-bottom: 1px solid #9DAB9A;
 390 }
 391
 392 table.tabbed-table th.tab {
 393         padding-top: 2px;
 394         padding-bottom: 2px;
 395         width: 110px;
 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;
 401 }
 402 table.tabbed-table th.tab:hover {
 403         background-color: #DFE1C7;
 404 }
 405
 406 table.tabbed-table th.tab a:focus {
 407         color: white;
 408 }
 409 table.tabbed-table th.selected {
 410         padding-top: 2px;
 411         padding-bottom: 2px;
 412         width: 110px;
 413         background-color: #DFE1C7;
 414         border-left: 1px solid #9DAB9A;
 415         border-top: 1px solid #9DAB9A;
 416         border-right: 1px solid #9DAB9A;
 417 }
 418
 419 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 420         color: black;
 421         text-decoration: none;
 422 }
 423
 424 a#my-start-page {
 425         padding: 2px;
 426         padding-left: 15px;
 427         background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
 428         background-repeat: no-repeat;
 429         background-position: 2px 5px;
 430 }
 431
 432 a#back-to {
 433         padding-left: 20px;
 434         background-image: url(images/back.gif);
 435         background-repeat: no-repeat;
 436         background-position: 0px 0px;
 437 }
 438
 439 div#breadcrumbs {
 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;
 444     padding-left: 3px;
 445     text-transform: lowercase;
 446         font-size:0.85em;
 447         padding-bottom: 1px;
 448         padding-top: 1px;
 449 }
 450 h2.page-title {
 451         margin-bottom: 10px;
 452         margin-top: 10px;
 453         margin-left: 5px;
 454         border-bottom: 1px solid #f0f0f0;
 455         clear: left;
 456 }
 457
 458 h1 {
 459         margin-bottom: 5px;
 460 }
 461
 462 div#sub-navigation {
 463         padding: 3px;
 464         background-color: #DEECE2;
 465         border-bottom: 1px solid #9DAB9A;
 466         color: #9DAB9A;
 467     text-transform: lowercase;
 468         font-size:0.85em;
 469 }
 470
 471 div#sub-navigation strong {
 472         color: black;
 473 }
 474
 475 div#help {
 476         border-left: 1px solid black;
 477         border-right: 1px solid black;
 478         border-bottom: 1px solid black;
 479         padding-left: 5px;
 480         padding-right: 5px;
 481         padding-bottom: 5px;
 482         background-color: #efefef;
 483         margin-left: 5px;
 484         margin-right: 5px;
 485         font-size: small;
 486 }
 487
 488 h3#help-title {
 489         margin-left: 5px;
 490         margin-right: 5px;
 491         border-left: 1px solid black;
 492         border-right: 1px solid black;
 493         padding: 1px;
 494         background-color: #efefef;
 495 }
 496 .line {
 497         border-bottom: 1px solid black;
 498 }
 499 div#help p {
 500         padding: 0px;
 501         margin: 0px;
 502 }
 503
 504 div#toctoggle {
 505         float: left;
 506         font-size: smaller;
 507         padding-left: 10px;
 508 }
 509
 510 h1#section-title {
 511         float: left;
 512         margin-left: 5px;
 513 }
 514
 515 div#top-links {
 516         position: relative;
 517         padding-right: 5px;
 518         line-height: 170%;
 519         margin-top: 3px;
 520         font-size:0.85em;;
 521     text-transform: lowercase;
 522 }
 523
 524 a#editor-link {
 525         background-color: #EFEFEF;
 526         padding-top: 1px;
 527         padding-bottom: 1px;
 528         padding-left: 15px;
 529         padding-right: 8px;
 530         border: 1px solid #cccccc;
 531         font-weight: normal;
 532         text-decoration: none;
 533 }
 534
 535 a#editor-link:hover {
 536         background-color: #fafafa;
 537         border: 1px solid #aaaaaa;
 538 }
 539
 540 a#editor-link.off {
 541         background-image: url(images/pen.gif);
 542         background-repeat: no-repeat;
 543         background-position: 0px 2px;
 544 }
 545 a#editor-link.on {
 546         background-image: url(images/pen2.gif);
 547         background-repeat: no-repeat;
 548         background-position: 0px 2px;
 549 }
 550
 551
 552 /* for data tables */
 553 table.data {
 554         clear:right;
 555         border: 1px solid #f0f0f0;
 556         width: 80%;
 557         margin-left: auto;
 558         margin-right: auto;
 559         border-spacing: 0px;
 560         border-collapse: collapse;
 561 }
 562
 563 table.data th {
 564         background-color: #f0f0f0;
 565         padding: 3px;
 566         white-space: nowrap;
 567 }
 568
 569 table.data th a {
 570         color: black;
 571         padding-right: 15px;
 572         margin-right: 15px;
 573         background-image: url('../default/images/sort.gif');
 574         background-repeat: no-repeat;
 575         background-position: right;
 576         text-decoration:none;
 577 }
 578
 579 table.data tbody {
 580         background-color: #fdfdfd;
 581 }
 582
 583 table.data tbody th {
 584         text-align: left;
 585         background-color: #fdfdfd;
 586         cursor: auto;
 587 }
 588
 589 table.data td {
 590         padding: 3px;
 591 }
 592
 593 table.data tbody tr:hover {
 594         background-color: #F5FDFF;
 595         cursor: pointer;
 596 }
 597
 598 table.data tbody tr.selected {
 599         background-color: #F5FDFF;
 600         cursor: auto;
 601 }
 602
 603 table.data tfoot {
 604         background-color: #fafafa;
 605 }
 606
 607 table.data tfoot tr:first-child td {
 608         padding: 5px;
 609         background-image: url('images/arrow_ltr.gif');
 610         background-repeat: no-repeat;
 611         background-position: 4px 5px;
 612         padding-left: 40px;
 613 }
 614
 615 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 616         padding: 5px;
 617         background-image: none;
 618         padding-left: 0px;
 619 }
 620
 621 table.data tfoot input {
 622         border: 1px solid #999;
 623         background-color: white;
 624         padding: 2px;
 625         padding-left: 10px;
 626         padding-right: 10px;
 627         max-width: 60%;
 628         min-width: 100px;
 629         margin-left: 5px;
 630 }
 631
 632 /* used for static tables with no form elements: */
 633 table.data.static tbody tr:hover {
 634         background-color: transparent;
 635         cursor: auto;
 636 }
 637
 638 table.data tfoot input[type=submit]:hover {
 639         background-color: #F5FDFF;
 640 }
 641
 642 /* course browser: */
 643
 644 div#browse {
 645         margin-left: auto;
 646         margin-right: auto;
 647         width: 80%;
 648 }
 649
 650 div.browse-selected {
 651         background-image: url('images/side_arrow.gif');
 652         background-repeat: no-repeat;
 653         padding-left: 9px;
 654         background-position: center left;
 655 }
 656
 657 div.browse-unselected {
 658         padding-left: 9px;
 659 }
 660
 661 ul.browse-list {
 662         list-style: none;
 663         padding:0px;
 664 }
 665 /* browse courses */
 666 dl.browse-course {
 667         width: 100%;
 668         padding-bottom: 25px;
 669         background-color: #fffaf0;
 670         border:1px #9DAB9A solid;
 671         width:75%;
 672         margin:auto;
 673         margin-left:15em;
 674         margin-bottom:1em;
 675 }
 676 dl.browse-course dt {
 677         float: left;
 678         font-weight: bold;
 679         width: 25%;
 680         text-align: right;
 681         padding: 5px 10px 5px 0px;
 682         vertical-align: middle;
 683 }
 684 dl.browse-course dd {
 685         margin-bottom: 5px;
 686         padding: 5px 0px 5px 10px;
 687         margin-left: 26%;
 688
 689 }
 690 img.headicon {
 691         float:  left;
 692         margin-top:1.2em;
 693         margin-right:.5em;
 694         height:6.45em;
 695         width:6.45em;
 696         vertical-align:top;
 697         border:1px solid white;
 698 }
 699
 700 /* feedback /errors */
 701 div#error {
 702         width: 50%;
 703         margin-left: auto;
 704         margin-right: auto;
 705         margin-top: 15px;
 706         margin-bottom: 15px;
 707         border: 1px solid red;
 708         padding: 5px;
 709         background-color: #fffcf3;
 710         color: red;
 711         background: #FBF4ED url(images/error-large.gif) no-repeat scroll 5px 5px;
 712         padding-left: 25px;
 713         font-weight: bold;
 714 }
 715 div#error h4 {
 716         color: black;
 717         margin-left: 0px;
 718 }
 719
 720 div#error ul, div#feedback ul, div#help ul {
 721         position: relative;
 722         list-style: none;
 723         margin-left: 0px;
 724         padding-left: 0px;
 725 }
 726
 727 div#feedback {
 728         width: 50%;
 729         margin-left: auto;
 730         margin-right: auto;
 731         margin-top: 15px;
 732         margin-bottom: 15px;
 733         border: 1px solid green;
 734         padding: 5px;
 735         background-color: #EAFFC3;
 736         color: green;
 737         font-weight: bold;
 738 }
 739
 740 div#help {
 741         width: 50%;
 742         margin-left: auto;
 743         margin-right: auto;
 744         margin-top: 15px;
 745         margin-bottom: 15px;
 746         border: 1px solid blue;
 747         padding: 5px;
 748         background-color: #EBFFC3;
 749         color: blue;
 750 }
 751
 752 div#info {
 753         width: 50%;
 754         margin-left: auto;
 755         margin-right: auto;
 756         margin-top: 15px;
 757         margin-bottom: 15px;
 758         border: 1px solid #099D3F;
 759         padding: 5px;
 760         background-color: #DAE8D7;
 761         color: #099D3F;
 762         font-weight: bold;
 763 }
 764
 765 div#warning {
 766         width: 50%;
 767         margin-left: auto;
 768         margin-right: auto;
 769         margin-top: 15px;
 770         margin-bottom: 15px;
 771         border: 1px solid #FF8400;
 772         padding: 5px;
 773         background-color: #FFF6ED;
 774         color: #D95900;
 775         font-weight: bold;
 776 }
 777 acronym {
 778         cursor: help;
 779 }
 780
 781 div.news p {
 782         margin-left: 10px;
 783 }
 784 div.news span.date {
 785         font-family: Verdana, Helevetica, Arial, sans-serif;
 786         color: #57945A;
 787         font-size:smaller;
 788 }
 789
 790 /* home page links */
 791 div.home-link {
 792         padding: 2px;
 793         float: left;
 794         text-align: center;
 795         margin: 2px;
 796         width: 120px;
 797         height: 90px;
 798 }
 799 div.home-link:hover {
 800         padding: 1px;
 801         background-color: #efefef;
 802         border: 1px solid #afafaf;
 803         float: left;
 804         text-align: center;
 805         margin: 2px;
 806 }
 807 div.home-link a {
 808         text-decoration: none;
 809         font-weight: bold;
 810 }
 811
 812 div.home-link img {
 813         border: 0px;
 814 }
 815
 816 /* sequence links */
 817 div#sequence-links {
 818         float: right;
 819         margin-top: 10px;
 820         padding-right: 5px;
 821         font-size: smaller;
 822 }
 823 div#sequence-links a {
 824         text-decoration: none;
 825 }
 826
 827 div.dropdown {
 828         width: 200px;
 829         padding: 2px;
 830         background-color: white;
 831         color: black;
 832         border-left: 1px solid #ECFEEA;
 833         border-right: 1px solid #ECFEEA;
 834         border-bottom: 1px solid #ECFEEA;
 835         font-weight: normal;
 836 }
 837
 838 div.dropdown-heading {
 839         background-color: #DFE1C7;
 840         color: #099015;
 841         border-left: 1px solid #ECFEEA;
 842         border-right: 1px solid #ECFEEA;
 843         border-top: 1px solid #ECFEEA;
 844         font-weight: bold;
 845         padding: 2px;
 846 }
 847
 848 div.required {
 849         font-weight: bold;
 850         color: red;
 851         font-size: large;
 852         float: left;
 853         position: relative;
 854         margin-top: -5px;
 855         height: 15px;
 856         padding-right: 2px;
 857 }
 858
 859 div#content_text {
 860         margin-left: 5px;
 861 }
 862
 863 form {
 864         clear: none;
 865         display:inline;
 866 }
 867 #jump-button {
 868     padding-left: 9px;
 869         padding-right: 2px;
 870         background: White url('images/linkTransparent.gif') 3px 2px no-repeat;
 871         border: 1px solid #57945A;
 872         cursor: pointer;
 873     text-transform: lowercase;
 874         font-size:0.85em;
 875 }
 876 #jumpmenu {
 877         font-size: smaller;
 878 }
 879
 880 optgroup {
 881         font-size: small;
 882 }
 883
 884 /* packing */
 885 div.paging {
 886    width: 100%;
 887    text-align: center;
 888    margin: 0.5em auto;
 889 }
 890 div.paging ul {
 891    list-style: none;
 892    display: inline;
 893    padding: 0px;
 894    border: 1px solid #000;
 895 }
 896 div.paging li {
 897         display: inline;
 898         padding-left: 2px;
 899         padding-right: 2px;
 900         padding-top: 0px;
 901         padding-bottom: 0px;
 902 }
 903
 904 div.paging li a {
 905         text-decoration: none;
 906         padding-left: 4px;
 907         padding-right: 4px;
 908         border-left: 1px solid white;
 909         border-right: 1px solid white;
 910 }
 911
 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;
 916 }
 917
 918 /*plone*/
 919
 920 div.top {
 921     /* Top space */
 922     background: transparent;
 923     margin: 0;
 924     padding: 0;
 925         padding-top:9px;
 926 }
 927 div.tabs {
 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;
 933     white-space: nowrap;
 934         font-size:0.85em;
 935 }
 936
 937 div.tabs a {
 938     /* The normal, unselected tabs. They are all links */
 939     background: transparent;
 940     border-color: #57945A;
 941     border-width: 1px;
 942     border-style: solid solid none solid;
 943     color: #4F7643;
 944     height: 1.2em;
 945     margin-right: 0.5em;
 946     padding: 0em 2em 0em;
 947     text-transform: lowercase;
 948 }
 949
 950 div.tabs a.selected {
 951     /* The selected tab. There's only one of this */
 952     background: #DEECE2;
 953     border-bottom: #DEECE2 1px solid;
 954     color: #4F7643;
 955     font-weight: normal;
 956 }
 957
 958 div.tabs a:hover, div.tabs a.active {
 959     background: #DEECE2;
 960     border-bottom: 1px solid #DEECE2;
 961     color: #4F7643;
 962 }
 963
 964
 965 h4.box {
 966         font-size: x-small;
 967         background-color: #DEECE2;
 968         color: black;
 969         border: 1px solid #57945A;
 970         padding: 2px;
 971     text-transform: lowercase;
 972         font-size: 0.85em;
 973 }
 974
 975 div.box {
 976         padding: 2px;
 977         background-color: white;
 978         color: black;
 979         border-left: 1px solid #57945A;
 980         border-right: 1px solid #57945A;
 981         border-bottom: 1px solid #57945A;
 982         font-weight: normal;
 983         font-size: 0.85em;
 984 }
 985
 986 h5.box {
 987     background: #DEECE2;
 988     border: 1px solid #57945A;
 989     border-style: solid solid none solid;
 990     color: Black;
 991     padding: 0em 1em 0em 1em;
 992     text-transform: lowercase;
 993     display: inline;
 994         font-size: 0.85em;
 995     height: 1em;
 996 }
 997
 998 div.box a:link {
 999         text-decoration: none;
1000 }
1001
1002 div.box a:visited {
1003         color: #2A6C28;
1004         text-decoration: none;
1005 }
1006
1007 div.box a:hover {
1008         text-decoration: underline;
1009 }
1010
1011 .boxDetails {
1012     text-align: right;
1013 }
1014
1015 div.box .content {
1016     padding: 1em;
1017         font-size: 0.85em;
1018 }
1019
1020 div.box a.close {
1021     float: right;
1022     text-transform: none;
1023     border-left: 1pt solid #57945A;
1024     padding: 0em 0.2em;
1025 }
1026
1027 div.box h1,
1028 div.box h2,
1029 div.box h3,
1030 div.box h4 {
1031     margin: 0;
1032     padding: 0;
1033 }
1034
1035 div.box .even {
1036     background-color: #F7FAF7;
1037 }
1038
1039 div.box .odd {
1040     background-color: transparent;
1041 }
1042
1043 div.box input {
1044     font-size: 100%;
1045 }
1046
1047 /* users/index.php */
1048
1049 div.course {
1050         position: relative;
1051         width: 30em;
1052         height: 10.5em;
1053         border: rgb(204, 204, 204) 1px solid;
1054         background-color: white;
1055         float: left;
1056         margin: 3px;
1057         padding: 3px;
1058         font-size:0.85em;
1059 }
1060
1061 div.course.break {
1062         clear: left;
1063 }
1064
1065 div.course h2 {
1066         border: 0px;
1067         font-weight: normal;
1068         font-size: large;
1069
1070 }
1071
1072 div.course:hover {
1073         background-color:#D1EDD9;
1074         border: #AAAAAA 1px solid;
1075 }
1076
1077 div.course a {
1078         text-decoration: none;
1079 }
1080
1081 div.course:hover a {
1082         color: #099015;
1083 }
1084
1085 div.course a:hover {
1086         color: #000000;
1087 }
1088
1089 div.course p {
1090         font-size: 0.95em;
1091 }
1092
1093 div.course p a {
1094         font-weight: bold;
1095 }
1096
1097 div.course img.icon     {
1098         float: left;
1099         margin: 2px;
1100         height:6.8em;
1101         width:6.8em;
1102 }
1103
1104 div.course div.shortcuts {
1105         text-align: right;
1106         clear: left;
1107         vertical-align: middle;
1108 }
1109
1110 fieldset#shortcuts {
1111         float: right;
1112         background-color: #FAFAFA;
1113         border: 1pt solid #AAAAAA;
1114         margin: -5pt 5pt 5pt 5pt;
1115         padding-right: 10pt;
1116         padding-bottom: 5pt;
1117         padding-left: 10pt;
1118 }
1119
1120 legend {
1121         padding-right: 10pt;
1122         padding-left: 10pt;
1123 }
1124
1125 fieldset {
1126         margin-bottom: 10pt;
1127 }
1128 #shortcuts legend {
1129         color: orange;
1130         background-color: white;
1131 }
1132 #shortcuts ul {
1133         position: relative;
1134         margin-top: 0pt;
1135         margin-bottom: 0pt;
1136         margin-left: 0pt;
1137         list-style-type:  none;
1138         padding-left: 0pt;
1139 }
1140
1141 a#guide {
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;
1146         font-size:0.85em;
1147 }
1148
1149 div#content-text {
1150         padding-right: 5pt;
1151         line-height:150%;
1152 }
1153
1154 div#content-text li {
1155         margin-left: 15pt;
1156 }
1157
1158 div#content-info {
1159         margin: 5pt;
1160         font-size: smaller;
1161         color: #cacaca;
1162         clear: both;
1163 }
1164
1165 div#container {
1166         text-align: left;
1167         margin: 0px auto;
1168         padding: 0px;
1169         border:0;
1170         width: 90%;
1171 }
1172
1173 div.column {
1174         border: 1px solid #e0e0e0;
1175         float: left;
1176         width: 30%;
1177         margin: 5px;
1178         padding: 0px;
1179         min-width: 170px;
1180 }
1181
1182 div.column h3 {
1183         margin-left: 0px;
1184 }
1185
1186 div.insidecol {
1187    min-height: 170px;
1188    height: 170px;
1189    padding:5px;
1190 }
1191 div[class] .insidecol {
1192    height: auto;
1193 }
1194
1195 /* index page */
1196 ul#home-links {
1197         list-style: none;
1198 }
1199 ul#home-links li {
1200         font-size:0.95em;
1201
1202         display: inline;
1203         float: left;
1204         padding: 0.8em;
1205         text-align: center;
1206         margin: 0.1em;
1207         width: 8.5em;
1208         height: 7.0em;
1209         padding-left:0px;
1210
1211 }
1212 ul#home-links li a {
1213         text-decoration: none;
1214         border: 1px transparent;
1215         font-weight: bold;
1216 }
1217 ul#home-links li a img {
1218         border: 0px;
1219         display: block;
1220         padding-left:25px;
1221 }
1222
1223 /* enrollment tabs */
1224 #navlist {
1225         padding: 0px;
1226         margin-left: 0;
1227         margin-right: auto;
1228         margin-left: auto;
1229         margin-bottom: 4px;
1230         margin-top:15px;
1231         white-space: nowrap;
1232 }
1233
1234 #navlist li {
1235         list-style: none;
1236         display: inline;
1237         margin: 0px;
1238 }
1239
1240 #navlist li a {
1241         padding: 3px 9px;
1242         border: 1px solid #e0e0e0;
1243         border-bottom: none;
1244         background: #fafafa;
1245         text-decoration: none;
1246         margin-left: 4px;
1247         -moz-border-radius-topright: 4px;
1248         -moz-border-radius-topleft: 4px;
1249         white-space: nowrap;
1250 }
1251
1252 #navlist li a:hover, #navlist li a.active {
1253         color: #000;
1254         background: #fff;
1255 }
1256
1257 /* tree */
1258 .img-size-tree {
1259         vertical-align: middle;
1260         margin-top: 0px;
1261         height:1.45em;
1262         width:1.45em;
1263 }
1264 /* profile page */
1265 dl#public-profile {
1266         width: 100%;
1267 }
1268 dl#public-profile dt {
1269         float: left;
1270         font-weight: bold;
1271         width: 30%;
1272         text-align: right;
1273         clear: left;
1274         border-right: 1px solid #f0f0f0;
1275         padding: 5px 5px 5px 0px;
1276         vertical-align: middle;
1277         margin-right: 5px;
1278 }
1279 dl#public-profile dd {
1280         margin-bottom: 5px;
1281         clear: right;
1282         padding: 5px 0px 5px 5px;
1283 }
1284
1285 /* floating layout */
1286 #contentwrapper{
1287         float: left;
1288         width: 99%;
1289 }
1290 #contentcolumn {
1291         margin-left: 5px;
1292         padding-right: 5px;
1293 }
1294 #contentcolumn_shiftright {
1295         margin-left: 210px;
1296         padding-right: 5px;
1297 }
1298 #rightcolumn{
1299         float: left;
1300         width: 17em;
1301         margin-left: -200px;
1302         overflow: hidden;
1303 }
1304 #leftcolumn{
1305         position: absolute;
1306         left: 0;
1307         float: left;
1308         width: 200px;
1309         margin-left: 5px;
1310         overflow: hidden;
1311 }
1312 #footer{
1313         clear: left;
1314         width: 100%;
1315         text-align: center;
1316         padding: 4px 0px;
1317 }
1318
1319 /** forum stuff **/
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; }
1333
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; }
1336
1337
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;
1345         font-size:0.85em;
1346 }
1347 ul#topnavlist {
1348         padding: 0px;
1349         margin-right: auto;
1350         margin-left: auto;
1351         margin-bottom: 3px;
1352         white-space: nowrap;
1353         margin-top: 0px;
1354         margin-bottom:0px;
1355 }
1356
1357 ul#topnavlist li {
1358         list-style: none;
1359         display: inline;
1360         margin: 0px;
1361 }
1362
1363 ul#topnavlist li:first-child a {
1364         margin-left: 8px;
1365 }
1366
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;
1370     color: #4F7643;
1371 }
1372
1373 ul#topnavlist li a {
1374     /* The normal, unselected tabs. They are all links */
1375     background: transparent;
1376     border-color: #57945A;
1377     border-width: 1px;
1378     border-style: solid solid none solid;
1379     color: #4F7643;
1380     height: 1.2em;
1381     margin-right: 0.5em;
1382     padding: 0em 2em 0em;
1383     text-transform: lowercase;
1384 }
1385
1386 ul#topnavlist li a.selected {    /* The selected tab. There's only one of this */
1387     background: #DEECE2;
1388     border-bottom: #DEECE2 1px solid;
1389     color: #4F7643;
1390     font-weight: normal;
1391 }
1392
1393
1394 #fsfloat1{
1395         float:left;
1396 }
1397 #fsfloat2{
1398         float:right;
1399         width:48%;
1400 }
1401
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; }