themes/fluid/styles.css

   1 html,body{
   2         height:100%;
   3 }
   4
   5
   6 /* main body attributes */
   7 body {
   8         font-family: Verdana, Helevetica, Arial, sans-serif;
   9         margin:0px;
  10         padding:0px;
  11         font-size: .9em;
  12         background-color: white;
  13 }
  14
  15 p {
  16     margin: 0.5em 0em 1em 0em;
  17     text-align: justify;
  18     line-height: 150%;
  19         font-size: 1em;
  20 }
  21
  22 p a {
  23     text-decoration: underline;
  24 }
  25
  26 p a:visited {
  27         color: #3F2670;
  28     background-color: transparent;
  29 }
  30
  31 p a:active {
  32         color: #A50707;
  33     background-color: transparent;
  34 }
  35
  36 h1, h2, h3, h4, h5, h6 {
  37     color: #4b535f;
  38     clear: right;
  39     font: 100% Verdana, Helvetica, Arial, sans-serif;
  40         font-weight: bold;
  41     margin: 0;
  42     padding-top: 0.5em;
  43     /*border-bottom: 1px solid #B8AE9C;*/
  44 }
  45
  46 h1 {
  47     font-size: 160%;
  48         color: #595241;
  49 }
  50
  51 h2 {
  52     font-size: 150%;
  53 }
  54 h3 {
  55     font-size: 130%;
  56 }
  57
  58 h4 {
  59     font-size: 120%;
  60 }
  61
  62
  63 h5 {
  64     font-size: 100%;
  65 }
  66
  67
  68
  69 /*  Table of content attributes*/
  70 p.toc{
  71         font-family: Verdana, Helevetica, Arial, sans-serif;
  72         background-color: #E9F4F3;
  73         padding: .6em;
  74         margin-bottom: .6em;
  75         margin-top: 0em;
  76         margin-left: 1em;
  77         margin-right: 3em;
  78         border: 1px #ACCFCC solid;
  79 }
  80
  81 /* list attributes */
  82 ul {
  83         font-family: Verdana, Helevetica, Arial, sans-serif;
  84         margin-bottom: 0px;
  85         margin-top: 0px;
  86         margin-right: 0px;
  87 }
  88
  89 li {
  90         font-family: Verdana, Helevetica, Arial, sans-serif;
  91         margin-bottom: 0px;
  92         margin-top: 0px;
  93         margin-right: 0px;
  94 }
  95
  96 li.folders {
  97         list-style: disc url(../../images/folder.gif) outside;
  98         font-family: Verdana, Helevetica, Arial, sans-serif;
  99         margin-bottom: 0px;
 100         margin-top: 0px;
 101         margin-right: 0px;
 102 }
 103
 104 li.folders .disabled {
 105         color: #B8AE9C;
 106 }
 107
 108 /* link attributes */
 109 a:link, a:visited  {
 110         color: #1A4A72;
 111 }
 112 a:hover {
 113         color: #932318;
 114 }
 115
 116 /* align text to the left */
 117 .left {
 118         text-align: left;
 119 }
 120
 121 a.dropdown-title {
 122         color: white;
 123         font-weight: normal;
 124         text-decoration: none;
 125 }
 126
 127
 128 /* table border */
 129 .tableborder {
 130         border: 1px #595241 solid;
 131 }
 132
 133 /* main submit button */
 134 .button {
 135         background-color: #efefef;
 136         font-weight: normal;
 137         border:  #AAA  solid 1px;
 138 }
 139
 140 /* small submit button at top */
 141 .button2 {
 142         font-family: Verdana, Helevetica, Arial, sans-serif;
 143         background-color: #E9F4F3;
 144         border:  #ACCFCC  solid 1px;
 145 }
 146
 147 /* date attributes */
 148 small.date {
 149         font-family: Verdana, Helevetica, Arial, sans-serif;
 150         color: #595241;
 151         margin-bottom: 0px;
 152         margin-top: 0px;
 153         margin-left: 5px;
 154         margin-right: 0px;
 155         font-size:1em;
 156 }
 157
 158 /* page breakline */
 159 hr {
 160         color: #ACCFCC;
 161         background-color: white;
 162         height: 1px;
 163 }
 164
 165 /* message box styles */
 166
 167 /* Editor box small */
 168 .editorsmallbox {
 169         font-family: Verdana, Helevetica, Arial, sans-serif;
 170         background-color: #E9F4F3;
 171         padding: 2px;
 172         padding-right: 3px;
 173         border: 1px #ACCFCC solid;
 174 }
 175
 176 /* Editor box large */
 177 .editorlargebox {
 178         font-family: Verdana, Helevetica, Arial, sans-serif;
 179         background-color: #E9F4F3;
 180         margin-left:1em;
 181         padding-left: .2em;
 182         padding-right: .5em;
 183         padding-top: .5em;
 184         padding-bottom: .4em;
 185         border: 1px #ACCFCC solid;
 186 }
 187
 188
 189 select.dropdown {
 190         font-family: Verdana, Helevetica, Arial, sans-serif;
 191 }
 192
 193 .highlight, a.highlight {
 194         background-color: #5B8E88;
 195         color: white;
 196 }
 197
 198 a .highlight{
 199         background-color: #5B8E88;
 200         color: white;
 201 }
 202
 203 .center {
 204         text-align: center;
 205 }
 206
 207
 208 /* edit content tabs */
 209 .buttontab {
 210         background-color: #E6E6E6;
 211         font-weight: 500;
 212         border:0;
 213         padding-left: 3px;
 214         padding-right: 3px;
 215         padding-top: 3px;
 216 }
 217
 218 .tab {
 219         color: black;
 220         background-color: #E6E6E6;
 221         border-top: 1px #B8AE9C solid;
 222         border-left: 1px #B8AE9C solid;
 223         border-right: 1px #B8AE9C solid;
 224         text-decoration: none;
 225         text-align: center;
 226         font-weight: bold;
 227
 228 }
 229 .buttontab selected {
 230         font-family: Helvetica, Arial, Helvetica, sans-serif;
 231         background-color: #6F7172;
 232         font-weight: 600;
 233         border:0;
 234         padding-left: 3px;
 235         padding-right: 3px;
 236         padding-top: 3px;
 237
 238 }
 239 td.selected{
 240         font-family: Helvetica, Arial, Helvetica, sans-serif;
 241         font-weight: 600;
 242         text-decoration: none;
 243         text-align: center;
 244         background-color: white;
 245         border-top: 1px #B8AE9C solid;
 246         border-left: 1px #B8AE9C solid;
 247         border-right: 1px #B8AE9C solid;
 248 }
 249 .econtainer{
 250         background-color: #fffaf0;
 251         border:1px #6F7172 solid;
 252         margin-left:.5em;
 253 }
 254
 255 .tab a:link, .etab a:visited {
 256         color: black;
 257         background-color: white;
 258 }
 259 .tab a:hover {
 260         color: black;
 261         background-color: white;
 262 }
 263
 264 .etabself {
 265         background-color: #6F7172;
 266
 267         text-align: center;
 268         font-weight: bold;
 269         padding: 2px;
 270 }
 271
 272
 273 .unsaved {
 274         color: red;
 275         background-color: #FFFDE0;
 276         font-weight: bold;
 277 }
 278 .saved {
 279         background-color: #FFFDE0;
 280         margin: 10px;
 281 }
 282
 283
 284 /* the side menu
 285 td.dropdown-heading {
 286         background-color: #DBFDD4;
 287         color: #595241;
 288         border-left: 1px solid #ECFEEA;
 289         border-right: 1px solid #ECFEEA;
 290         border-top: 1px solid #ECFEEA;
 291         font-weight: bold;
 292         padding: 2px;
 293 }
 294
 295 td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
 296         text-decoration: none;
 297 }
 298
 299 td.dropdown-heading.closed {
 300         border-bottom: 1px solid #ECFEEA;
 301 }
 302
 303 td.dropdown {
 304         padding: 2px;
 305         background-color: white;
 306         color: black;
 307         border-left: 1px solid #ECFEEA;
 308         border-right: 1px solid #ECFEEA;
 309         border-bottom: 1px solid #ECFEEA;
 310         font-weight: normal;
 311 }
 312 td.dropdown a, td.dropdown a:visited  {
 313         color: #595241;
 314         text-decoration: none;
 315 }
 316 td.dropdown a:hover {
 317         color: #595241;
 318         text-decoration: underline;
 319 }
 320 td.dropdown.cell {
 321         border-bottom: 0px;
 322 }
 323 td.dropdown strong {
 324         color: #2A6C28;
 325 } */
 326
 327 /* added for 1.4.2: */
 328 .results {
 329         padding-left: 20px;
 330 }
 331
 332 h5.search-results {
 333         background-color: #F7F3ED;
 334         color: #595241;
 335         padding: 1px;
 336         margin-bottom: 5px;
 337         margin-top: 10px;
 338         margin-left: 5px;
 339 }
 340
 341 small.search-info {
 342         color: #595241;
 343 }
 344
 345 p.search-description {
 346         background-color: #FFFCE5;
 347         color: #595241;
 348 }
 349
 350 .test-box {
 351         background-color: #F7F3ED;
 352         color: #595241;
 353         border-left: 1px solid #595241;
 354         border-right: 1px solid #595241;
 355         border-top: 1px solid #595241;
 356         font-weight: bold;
 357         padding: 2px;
 358 }
 359
 360 /***************************************************************/
 361 /* NEW STUFF */
 362
 363 table.tabbed-table {
 364         width: 100%;
 365         border:thin black solid;
 366 }
 367 table.tabbed-table th#left-empty-tab {
 368         background-color: transparent;
 369         width: 15px;
 370         border-bottom: 1px solid #B8AE9C;
 371 }
 372 table.tabbed-table th#right-empty-tab {
 373         text-align: right;
 374         background-color: transparent;
 375         border-bottom: 1px solid #B8AE9C;
 376         width: 400px;
 377         padding-right: 5px;
 378 }
 379 table.tabbed-table th#right-empty-tab a {
 380         text-decoration: underline;
 381 }
 382 table.tabbed-table th.tab-spacer {
 383         background-color: transparent;
 384         width: 5px;
 385         border-bottom: 1px solid #B8AE9C;
 386 }
 387
 388 table.tabbed-table th.tab {
 389         padding-top: 2px;
 390         padding-bottom: 2px;
 391         width: 110px;
 392         background-color: #E9F4F3;
 393         border-bottom: 1px solid #B8AE9C;
 394         border-left: 1px solid #B8AE9C;
 395         border-top: 1px solid #B8AE9C;
 396         border-right: 1px solid #B8AE9C;
 397 }
 398 table.tabbed-table th.tab:hover {
 399         background-color: #ACCFCC;
 400 }
 401
 402 table.tabbed-table th.tab a:focus {
 403         color: white;
 404 }
 405 table.tabbed-table th.selected {
 406         padding-top: 2px;
 407         padding-bottom: 2px;
 408         width: 110px;
 409         background-color: #ACCFCC;
 410         border-left: 1px solid #B8AE9C;
 411         border-top: 1px solid #B8AE9C;
 412         border-right: 1px solid #B8AE9C;
 413 }
 414
 415 table.tabbed-table a, table.tabbed-table a:visited, table.tabbed-table a:hover {
 416         color: black;
 417         text-decoration: none;
 418 }
 419 table.etabbed-table     {
 420         width: 90%;
 421 }
 422 a#my-start-page {
 423         padding: 2px;
 424         padding-left: 15px;
 425         background-image: url(http://www.gris.uni-tuebingen.de/images/start.gif);
 426         background-repeat: no-repeat;
 427         background-position: 2px 5px;
 428 }
 429
 430 a#back-to {
 431         padding-left: 20px;
 432         background-image: url(images/arrow_left.png);
 433         background-repeat: no-repeat;
 434         background-position: 0px -1px;
 435 }
 436
 437 div#breadcrumbs {
 438     /* The path bar, including breadcrumbs and add to favorites */
 439     width:100%;
 440     font-size: 0.85em;
 441         padding-top:4px;
 442 }
 443 h2.page-title {
 444         margin-bottom: 10px;
 445         padding:0px;
 446 }
 447
 448 h1 {
 449         margin-bottom: 5px;
 450 }
 451
 452 div#help {
 453         border-left: 1px solid black;
 454         border-right: 1px solid black;
 455         border-bottom: 1px solid black;
 456         padding-left: 5px;
 457         padding-right: 5px;
 458         padding-bottom: 5px;
 459         background-color: #F7F3ED;
 460         margin-left: 5px;
 461         margin-right: 5px;
 462         font-size: small;
 463 }
 464
 465 h3#help-title {
 466         margin-left: 5px;
 467         margin-right: 5px;
 468         border-left: 1px solid black;
 469         border-right: 1px solid black;
 470         padding: 1px;
 471         background-color: #F7F3ED;
 472 }
 473 .line {
 474         border-bottom: 1px solid black;
 475 }
 476 div#help p {
 477         padding: 0px;
 478         margin: 0px;
 479 }
 480
 481 div#toctoggle {
 482         float: left;
 483         padding-left: 10px;
 484 }
 485
 486 h1#section-title {
 487         float: left;
 488         white-space:nowrap;
 489         margin-left:1em;
 490         margin-top:-5px;
 491 }
 492
 493 div#top-links {
 494         float:right;
 495         padding-right:10px;
 496         white-space:nowrap;
 497 }
 498
 499 div#top-links a:link, div#top-links a:visited {
 500         text-decoration:none;
 501         margin-left:7px;
 502 }
 503
 504
 505 a#editor-link {
 506         background-color: #F7F3ED;
 507         padding-top: 1px;
 508         padding-bottom: 1px;
 509         padding-left: 15px;
 510         padding-right: 8px;
 511         border: 1px solid #cccccc;
 512         font-weight: normal;
 513         text-decoration: none;
 514 }
 515
 516 a#editor-link:hover {
 517         background-color: #F7F3ED;
 518         border: 1px solid #B8AE9C;
 519 }
 520
 521 a#editor-link.off {
 522         background-image: url(images/pen.gif);
 523         background-repeat: no-repeat;
 524         background-position: 0px 2px;
 525 }
 526 a#editor-link.on {
 527         background-image: url(images/pen2.gif);
 528         background-repeat: no-repeat;
 529         background-position: 0px 2px;
 530 }
 531
 532
 533 /* for data tables */
 534 table.data {
 535         clear:right;
 536         border: 1px solid #B8AE9C;
 537         width: 90%;
 538         margin-left: auto;
 539         margin-right: auto;
 540 }
 541
 542 table.data th {
 543         background-color: #E6E6E6;
 544         padding: 3px;
 545         white-space: nowrap;
 546 }
 547
 548 table.data th a {
 549         color: #595241;
 550         padding-right: 15px;
 551         margin-right: 15px;
 552         background-image: url('../default/images/sort.gif');
 553         background-repeat: no-repeat;
 554         background-position: right;
 555 }
 556
 557 table.data tbody {
 558         border-top: 1px solid #B8AE9C;
 559         border-bottom: 1px solid #B8AE9C;
 560 }
 561
 562 table.data tbody th {
 563         text-align: left;
 564         background-color: #F7F3ED;
 565         cursor: auto;
 566 }
 567
 568 table.data td {
 569         padding: 3px;
 570 }
 571
 572 table.data tbody tr:hover {
 573         background-color: #efefef;
 574         cursor: pointer;
 575 }
 576
 577 table.data tbody tr.selected {
 578         background-color: #E9F4F3;
 579         cursor: auto;
 580 }
 581
 582 table.data tfoot {
 583         background-color: #F7F3ED;
 584         /*border-top: 1px solid #B8AE9C;*/
 585 }
 586
 587 table.data tfoot tr:first-child td {
 588         /*border-top: 1px solid #B8AE9C;*/
 589         padding: 5px;
 590         background-image: url('images/arrow_ltr.gif');
 591         background-repeat: no-repeat;
 592         background-position: 4px 5px;
 593         padding-left: 40px;
 594 }
 595
 596 table.data.static tfoot td, table.data.static tfoot tr:first-child td {
 597         border-top: 1px solid #B8AE9C;
 598         padding: 5px;
 599         background-image: none;
 600         padding-left: 0px;
 601
 602 }
 603
 604 /*buttons*/
 605 table.data tfoot input {
 606         background-color: #efefef;
 607         font-weight: normal;
 608         border:  #AAA  solid 1px;
 609 }
 610
 611
 612
 613 /* used for static tables with no form elements: */
 614 table.data.static tbody tr:hover {
 615         background-color: transparent;
 616         cursor: auto;
 617 }
 618
 619
 620
 621 /* course browser: */
 622
 623 div#browse {
 624         margin-left: auto;
 625         margin-right: auto;
 626         width: 80%;
 627 }
 628
 629 div.browse-selected {
 630         background-image: url('images/side_arrow.gif');
 631         background-repeat: no-repeat;
 632         padding-left: 9px;
 633         background-position: center left;
 634 }
 635
 636 div.browse-unselected {
 637         padding-left: 9px;
 638 }
 639
 640 ul.browse-list {
 641         list-style: none;
 642         padding:0px;
 643 }
 644
 645 /* feedback /errors */
 646 div#error {
 647         width: 50%;
 648         margin-left: auto;
 649         margin-right: auto;
 650         margin-top: 15px;
 651         margin-bottom: 15px;
 652         border: 1px solid #DD0000;
 653         padding: 5px;
 654         background-color: #F4DCDC;
 655         color: #A50707;
 656         background-color: #F4DCDC;
 657         padding-left: 25px;
 658         font-weight: bold;
 659 }
 660 div#error h4 {
 661         color: black;
 662         margin-left: 0px;
 663 }
 664
 665 div#error ul, div#feedback ul, div#help ul {
 666         position: relative;
 667         list-style: none;
 668         margin-left: 0px;
 669         padding-left: 0px;
 670 }
 671
 672 div#error ul li{
 673         margin-top: 5px;
 674 }
 675
 676 div#feedback {
 677         width: 50%;
 678         margin-left: auto;
 679         margin-right: auto;
 680         margin-top: 15px;
 681         margin-bottom: 15px;
 682         border: 1px solid #17B506;
 683         padding: 5px;
 684         background-color: #F2FCF0;
 685         color: #595241;
 686         font-weight: bold;
 687 }
 688
 689 div#help {
 690         width: 50%;
 691         margin-left: auto;
 692         margin-right: auto;
 693         margin-top: 15px;
 694         margin-bottom: 15px;
 695         border: 1px solid #ACCFCC;
 696         padding: 5px;
 697         background-color: #E9F4F3;
 698         color: #024C41;
 699 }
 700
 701 div#info {
 702         width: 50%;
 703         margin-left: auto;
 704         margin-right: auto;
 705         margin-top: 15px;
 706         margin-bottom: 15px;
 707         border: 1px solid #B8AE9C;
 708         padding: 5px;
 709         background-color: #EFE6FF;
 710         color: #595241;
 711         font-weight: bold;
 712 }
 713
 714 div#warning {
 715         width: 50%;
 716         margin-left: auto;
 717         margin-right: auto;
 718         margin-top: 15px;
 719         margin-bottom: 15px;
 720         border: 1px solid #FF8400;
 721         padding: 5px;
 722         background-color: #FFF6ED;
 723         color: #D95900;
 724         font-weight: bold;
 725 }
 726 acronym {
 727         cursor: help;
 728 }
 729
 730 div.news p {
 731         margin-left: 10px;
 732 }
 733 div.news span.date {
 734         font-family: Verdana, Helevetica, Arial, sans-serif;
 735         color: #B8AE9C;
 736 }
 737
 738 /* home page links */
 739 div.home-link {
 740         padding: 2px;
 741         float: left;
 742         text-align: center;
 743         margin: 2px;
 744         width: 120px;
 745         height: 90px;
 746 }
 747 div.home-link:hover {
 748         padding: 1px;
 749         background-color: #F7F3ED;
 750         border: 1px solid #afafaf;
 751         float: left;
 752         text-align: center;
 753         margin: 2px;
 754 }
 755 div.home-link a {
 756         text-decoration: none;
 757         font-weight: bold;
 758 }
 759
 760 div.home-link img {
 761         border: 0px;
 762 }
 763
 764 /* sequence links */
 765 div#sequence-links {
 766         float:right;
 767         margin-top: 10px;
 768         padding-right: 5px;
 769         padding-top:7px;
 770 }
 771 div#sequence-links a {
 772         text-decoration: none;
 773 }
 774
 775 div.dropdown {
 776         width: 200px;
 777         padding: 2px;
 778         background-color: white;
 779         color: black;
 780         border-left: 1px solid #ECFEEA;
 781         border-right: 1px solid #ECFEEA;
 782         border-bottom: 1px solid #ECFEEA;
 783         font-weight: normal;
 784 }
 785
 786 div.dropdown-heading {
 787         background-color: #ACCFCC;
 788         color: #595241;
 789         border-left: 1px solid #ECFEEA;
 790         border-right: 1px solid #ECFEEA;
 791         border-top: 1px solid #ECFEEA;
 792         font-weight: bold;
 793         padding: 2px;
 794 }
 795
 796 div.required {
 797         font-weight: bold;
 798         color: red;
 799         font-size: large;
 800         float: left;
 801         position: relative;
 802         margin-top: -5px;
 803         height: 15px;
 804         padding-right: 2px;
 805 }
 806
 807 div#content_text {
 808         margin-left: 5px;
 809 }
 810
 811 form {
 812         clear: none;
 813         display:inline;
 814 }
 815
 816
 817 optgroup {
 818         /*font-size: small;*/
 819 }
 820
 821 /* packing */
 822 div.paging {
 823    width: 100%;
 824    text-align: center;
 825    margin: 0.5em auto;
 826 }
 827 div.paging ul {
 828    list-style: none;
 829    display: inline;
 830    padding: 0px;
 831    border: 1px solid #000;
 832 }
 833 div.paging li {
 834         display: inline;
 835         padding-left: 2px;
 836         padding-right: 2px;
 837         padding-top: 0px;
 838         padding-bottom: 0px;
 839 }
 840
 841 div.paging li a {
 842         text-decoration: none;
 843         padding-left: 4px;
 844         padding-right: 4px;
 845         border-left: 1px solid white;
 846         border-right: 1px solid white;
 847 }
 848
 849 div.paging li a:hover, div.paging li a.current {
 850    background-color: #F7F3ED;
 851    border-left: 1px solid #000;
 852    border-right: 1px solid #000;
 853 }
 854
 855 #header{
 856         background-color: white;
 857         /*background-image: url(images/pencil_top.gif);
 858         background-position: right bottom;
 859         background-repeat: no-repeat;*/
 860         height : 5.7em;
 861 }
 862
 863 #header a{
 864         font-weight:600;
 865         color: black;
 866 }
 867
 868
 869 #header a:hover {
 870         color: #595241;
 871         background-color: #F7F3ED;
 872 }
 873 #tl_corner{
 874
 875         background-image:url(images/tl_corner.gif);
 876         background-position: top left;
 877         background-repeat: no-repeat;
 878 padding:0;
 879 }
 880 div.top {
 881     /* Top space */
 882     background-color: #595241;
 883         color: #FFF;
 884     margin: 0;
 885     padding: 0;
 886         padding-top:9px;
 887 }
 888 div.tabs {
 889         /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
 890     background-color: transparent;
 891         border-collapse: collapse;
 892         border-bottom: 1px solid #B8AE9C;
 893         padding: 0.5em 0em 0em 2em;
 894         white-space: nowrap;
 895 }
 896
 897 div.tabs a {
 898     /* The normal, unselected tabs. They are all links */
 899     background-color: transparent;
 900     border-color: #B8AE9C;
 901     border-width: 1px;
 902     border-style: solid solid none solid;
 903     color: #595241;
 904     height: 1.2em;
 905     margin-right: 0.5em;
 906     padding: 0em 2em 0em;
 907
 908 }
 909
 910 div.tabs a.selected {
 911     /* The selected tab. There's only one of this */
 912     background-color: white;
 913     border-bottom: #B8AE9C 1px solid;
 914     color: #595241;
 915     font-weight: normal;
 916 }
 917
 918 div.tabs a:hover, div.tabs a:active {
 919     background-color: #B8AE9C;
 920     border-bottom: 1px solid #B8AE9C;
 921     color: white;
 922 }
 923
 924
 925 h4.box {
 926         font-size:0.85em;
 927         padding: 2px;
 928 }
 929
 930 div.box {
 931         color: black;
 932
 933         font-size:0.85em;
 934         font-weight: normal;
 935         padding:5px;
 936         margin-bottom:5px;
 937 }
 938
 939 h5.box {
 940     background-color: #6F7172;
 941     border: 1px solid #B8AE9C;
 942     border-style: solid solid none solid;
 943     color: Black;
 944     padding: 0em 1em 0em 1em;
 945
 946     display: inline;
 947         font-size:  1em;
 948     height: 1em;
 949 }
 950
 951 div.box a:link {
 952         text-decoration: none;
 953 }
 954
 955 div.box a:visited {
 956         color: #2A6C28;
 957         text-decoration: none;
 958 }
 959
 960 div.box a:hover {
 961         text-decoration: underline;
 962 }
 963
 964 .boxDetails {
 965     text-align: right;
 966 }
 967
 968 div.box .content {
 969     padding: 1em;
 970         font-size:  1em;
 971 }
 972
 973 div.box a.close {
 974     float: right;
 975     text-transform: none;
 976     border-left: 1pt solid #B8AE9C;
 977     padding: 0em 0.2em;
 978 }
 979
 980 div.box h1,
 981 div.box h2,
 982 div.box h3,
 983 div.box h4 {
 984     margin: 0;
 985     padding: 0;
 986 }
 987
 988 div.box .even {
 989     background-color: #F7F3ED;
 990 }
 991
 992 div.box .odd {
 993     background-color: transparent;
 994 }
 995
 996
 997 /* users/index.php */
 998
 999 div.course {
1000         position: relative;
1001         width: 30em;
1002         height: 10.5em;
1003         border: rgb(204, 204, 204) 1px solid;
1004         background-color: #F7F7F7;
1005         float: left;
1006         margin: 3px;
1007         padding: 5px;
1008 }
1009
1010 div.course.break {
1011         clear: left;
1012 }
1013
1014 div.course h2 {
1015         border: 0px;
1016         font-weight: normal;
1017         font-size: large;
1018
1019 }
1020
1021 div.course:hover {
1022         background-color:#FBF4E9;
1023         border: #B8AE9C 1px solid;
1024 }
1025
1026 div.course img.icon     {
1027         float: left;
1028         margin: 2px;
1029         height:6.8em;
1030         width:6.8em;
1031         margin-right:5px;
1032 }
1033 img.headicon    {
1034         float: left;
1035         margin:-10px -10px 0px 5px;
1036         height:5em;
1037         width:5em;
1038         vertical-align:top;
1039         border:0px;
1040 }
1041 div.course div.shortcuts {
1042         text-align: right;
1043         clear: left;
1044         vertical-align: middle;
1045 }
1046
1047 fieldset#shortcuts {
1048         float: right;
1049         background-color: #FEFDEF;
1050         border: 1px solid #B8AE9C;
1051         margin: -5pt 5pt 5pt 5pt;
1052         padding-right: 10pt;
1053         padding-bottom: 5pt;
1054         padding-left: 10pt;
1055 }
1056
1057
1058
1059 fieldset {
1060         margin-bottom: 10pt;
1061 }
1062 #shortcuts legend {
1063 }
1064 #shortcuts ul {
1065         position: relative;
1066         margin-top: 0pt;
1067         margin-bottom: 0pt;
1068         margin-left: 0pt;
1069         list-style-type:  none;
1070         padding-left: 0pt;
1071 }
1072
1073 a#guide {
1074         background-image: url('../default/images/guide.gif'); background-repeat: no-repeat; background-position: 7px 4px;
1075         background-color: #eee;
1076         padding: 2px 10px 2px 27px;
1077         border: 1px solid #ccc;
1078         float:right;
1079         text-decoration:none;
1080         font-size:0.85em;
1081         margin-top:5px;
1082 }
1083
1084 div#content-text {
1085         padding-right: 5pt;
1086         line-height:150%;
1087 }
1088
1089 div#content-text li {
1090         margin-left: 15pt;
1091 }
1092
1093 div#content-info {
1094         margin: 5pt;
1095         font-size: small;
1096         color: #b8ae9c;
1097         clear: both;
1098 }
1099
1100 div#container {
1101         text-align: left;
1102         margin: 0px auto;
1103         padding: 0px;
1104         border:0;
1105         width: 95%;
1106 }
1107
1108 /* login page */
1109 div.column {
1110         float: left;
1111         width: 49%;
1112         min-width: 170px;
1113 }
1114
1115 div.column h3 {
1116         background-color: #F6EAD6;
1117         border-bottom: .05em solid #6F7172;
1118         font-size: small;
1119         display:block;
1120         color:black;
1121         font-weight:600;
1122         padding-left:0.5em;
1123 }
1124
1125 div.column fieldset {
1126         margin-right:-30px;
1127         height:17em;
1128 }
1129
1130 div.insidecol {
1131    min-height: 170px;
1132    height: 170px;
1133    padding:5px;
1134 }
1135
1136
1137 /* index page */
1138 ul#home-links, ul#home-detail-links {
1139         list-style: none;
1140 }
1141 ul#home-links li {
1142
1143         display: inline;
1144         float: left;
1145         padding: 0.8em;
1146         text-align: center;
1147         margin: 0.1em;
1148         width: 8.5em;
1149         height: 7.0em;
1150         padding-left:0px;
1151
1152 }
1153 ul#home-links li a {
1154         text-decoration: none;
1155         border: 1px transparent;
1156         font-weight: bold;
1157 }
1158 ul#home-links li a img {
1159         border: 0px;
1160         display: block;
1161         padding-left:25px;
1162 }
1163
1164 /* enrollment tabs */
1165 #navlist {
1166         padding: 0px;
1167         margin-left: 0;
1168         margin-right: auto;
1169         margin-left: auto;
1170         margin-bottom: 4px;
1171         margin-top:15px;
1172         white-space: nowrap;
1173 }
1174
1175 #navlist li {
1176         list-style: none;
1177         display: inline;
1178         margin: 0px;
1179 }
1180
1181 #navlist li a {
1182         padding: 3px 9px;
1183         border: 1px solid #F7F3ED;
1184         border-bottom: none;
1185         background-color: #F7F3ED;
1186         text-decoration: none;
1187         margin-left: 4px;
1188 /*
1189         -moz-border-radius-topright: 4px;
1190         -moz-border-radius-topleft: 4px;
1191 */
1192         white-space: nowrap;
1193 }
1194
1195 #navlist li a:hover, #navlist li a:active {
1196         color: #000;
1197         background-color: #fff;
1198 }
1199
1200 /* tree */
1201 .img-size-tree {
1202         vertical-align: middle;
1203         margin-top: 0px;
1204         padding:0;
1205         height:1.45em;
1206         width:1.45em;
1207         margin:-4px;
1208 }
1209 /* profile page */
1210 dl#public-profile {
1211         width: 100%;
1212 }
1213 dl#public-profile dt {
1214         float: left;
1215         font-weight: bold;
1216         width: 30%;
1217         text-align: right;
1218         clear: left;
1219         border-right: 1px solid #F7F3ED;
1220         padding: 5px 5px 5px 0px;
1221         vertical-align: middle;
1222         margin-right: 5px;
1223 }
1224 dl#public-profile dd {
1225         margin-bottom: 5px;
1226         clear: right;
1227         padding: 5px 0px 5px 5px;
1228 }
1229
1230 /* floating layout */
1231 #contentwrapper{
1232         width: 99%;
1233         min-width:53em;
1234         padding:0px;
1235         margin-left:5px;
1236         margin-right:5px;
1237         float: left;
1238 }
1239
1240 */
1241 /*#contentcolumn {
1242         margin-left: 0.5em;
1243         padding-right: 5px;
1244 }
1245 #contentcolumn_shiftright {
1246         margin-left: 17em;
1247 }
1248
1249 #leftcolumn{
1250         float: left;
1251         width: 16em;
1252         margin-left: 5px;
1253         margin-top:-10px;
1254 }*/
1255
1256 .sidebox fieldset {
1257         border:0px;
1258 }
1259
1260 #footer{
1261         /*position:absolute;
1262         bottom:0px;*/
1263         clear: left;
1264         width: 100%;
1265         text-align: center;
1266         padding: 4px 0px;
1267 }
1268
1269 /** forum stuff **/
1270 #forum-thread li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; float:left; width: 98%; list-style: none; }
1271 #forum-thread li.even { background-color: #F7F3ED; border-top: none; }
1272 #forum-thread li.odd { background-color: #fff; }
1273 div.forum-post-author { float:left; width:150px; padding:8px 10px; }
1274 div.forum-post-author a.title {font-size: 1.1em; line-height: 1.2em; font-weight: bold; text-decoration:none; }
1275 div.forum-post-author img.profile-picture { border: 2px solid #F7F3ED; text-align:right;}
1276 div.forum-post-content { margin-left: 150px; padding: 5px 0px 18px 18px;}
1277 div.forum-post-content h3 { font-weight: 500; float:left;clear:right; }
1278 div.forum-post-ctrl { float: right; padding-right: 5px; color: #a1a1a1;}
1279 div.forum-post-ctrl a { text-decoration: none; }
1280 div.forum-post-ctrl span { color: black; background-color: #fefdc2; padding: 3px; }
1281 div.forum-post-content p.date { color: #a1a1a1; border-bottom: 1px solid #F7F3ED; }
1282 div.forum-post-content div.body p { margin-bottom:1em; }
1283 div.forum-paginator{border:thin #cccccc solid; padding:.3em; width:95%;margin:auto;background-color:#F7F3ED;}
1284 span.forum-paginator-active{font-weight:700;text-decoration:underline; height:2em;}
1285
1286
1287
1288 /** inbox stuff - reuses some of the forum layout **/
1289 #inbox-msg li {border:1px solid #eee; border-bottom: 1px solid #F7F3ED; width: 95%; list-style: none; min-height: 11em;}
1290
1291
1292
1293 div#topnavlistcontainer {
1294     background-color: white;
1295         /*background-image: url(images/pencil_bottom.gif);
1296         background-position:  top right;
1297         background-repeat: no-repeat;*/
1298 }
1299 ul#topnavlist {
1300         padding-top: 5px;
1301         white-space: nowrap;
1302         margin-top: 0px;
1303         margin-left:5px;
1304 }
1305
1306 ul#topnavlist li {
1307         list-style: none;
1308         display: inline;
1309         margin: 0px;
1310 }
1311
1312 ul#topnavlist li a:hover, ul#topnavlist li a:focus, ul#topnavlist li a.active {
1313     background-color: #a1c4f8;
1314     color: black;
1315         text-decoration:none;
1316 }
1317
1318 ul#topnavlist li a {
1319     /* The normal, unselected tabs. They are all links */
1320     color: #4b535f;
1321         font-weight:bold;
1322     height: 1.5em;
1323     padding: 0.2em 2em 0em;
1324         text-decoration:none;
1325         background-color:#f2f7fe;
1326
1327         border-left:1px solid #a1c4f8;
1328         border-right:1px solid #a1c4f8;
1329         border-top:1px solid #a1c4f8;
1330 /*
1331         border-left:1px solid #ccc;
1332         border-right:1px solid #ccc;
1333         border-top:1px solid #ccc;
1334 */
1335 }
1336
1337 ul#topnavlist li a.selected {
1338     /* The selected tab. There's only one of these */
1339     color: #4b535f;
1340     font-weight: normal;
1341 }
1342
1343 #subnav {
1344         background-color:#a1c4f8;
1345         font-size:0.85em;
1346         padding: 5px 10px 0px 5px;
1347         border-bottom:1px solid #4b535f;
1348         height:1.8em;
1349         margin-bottom:5px;
1350 }
1351
1352 #subnav a {
1353         text-decoration:none;
1354 }
1355
1356 ol#tools>li:hover {
1357         border: 1px solid #e0e0e0;
1358         background-color: #efefef;
1359 }
1360
1361 /*  tool list on admin home and manage screens  */
1362  li.top-tool {
1363         list-style: none;
1364         padding: 2px 2px 2px 15px;
1365         margin-bottom: 5px;
1366         line-height: 200%;
1367         background-color: #fdfdfd;
1368         border-bottom: 1px solid #efefef;
1369         /* -moz-border-radius: 4px;  */
1370         border: 1px solid #eeeeff;}
1371
1372 li.top-tool a {  font-weight: bold; } /* ol#tools>li>a */
1373
1374 li.child-tool a {
1375         font-size: x-small;
1376         font-weight: normal;
1377 }
1378
1379 /* ol#tools>li>ul, */
1380 ul.child-top-tool {
1381         margin-top: -5px;
1382         padding-left: 0px;
1383         margin-left: 0px;
1384         display: inline;
1385 }
1386 ul.child-top-tool:before {
1387         content: " : ";
1388 }
1389
1390 /* ol#tools>li>ul>li, */
1391 li.child-tool {
1392         display: inline;
1393         margin-right: 5px;
1394         font-size: x-small;
1395 }
1396
1397 /* to modify  tool icons on the course home page */
1398 /*
1399 #icon-color-filter{
1400         width:3.9em;
1401         height:3.85em;
1402         background-color:#000000;
1403         -moz-opacity:0.5;
1404           filter:alpha(opacity=10);
1405         opacity:.10;
1406         margin-top:-3.85em;
1407         margin-left:1.90em;
1408
1409 }
1410 */
1411 .img-size-home {
1412         height:3.85em;
1413         width:3.9em;
1414 }
1415
1416 /* browse courses */
1417 dl.browse-course {
1418         width: 100%;
1419         padding-bottom: 25px;
1420         background-color: #fffaf0;
1421         border:1px #6F7172 solid;
1422         width:75%;
1423         margin:auto;
1424         margin-left:15em;
1425 }
1426 dl.browse-course dt {
1427         float: left;
1428         font-weight: bold;
1429         width: 25%;
1430         text-align: right;
1431         clear: left;
1432         padding: 5px 10px 5px 0px;
1433         vertical-align: middle;
1434 }
1435 dl.browse-course dd {
1436         margin-bottom: 5px;
1437         clear: right;
1438         padding: 5px 0px 5px 10px;
1439         margin-left: 26%;
1440
1441 }
1442
1443 #side-menu {
1444         width: 19%;
1445         background-color:#efefef;
1446         border:1px solid #8b8b8b;
1447         padding:0px 5px 0px 5px;
1448         overflow: hidden;
1449 }
1450
1451 #side-menu h3 {
1452         color:black;
1453         font-size:smaller;
1454         padding:3px;
1455         margin-left:-5px;
1456         margin-right:-5px;
1457
1458 }
1459
1460 #side-menu h2 {
1461         font-size:95%;
1462         border-bottom:1px solid #838383;
1463
1464 }
1465
1466 #gototop {
1467         clear: left;
1468         font-size:smaller;
1469         text-align:right;
1470         margin-top:80px;
1471 }
1472 #gototop a:link, #gototop a:visited{
1473         text-decoration:none;
1474 }
1475
1476 .box fieldset {
1477         border:0px;
1478 }
1479
1480 .box .button {
1481         float:right;
1482         margin-top:-15px;
1483 }
1484
1485 .grab {
1486         cursor:move;
1487         padding: 0px 5px 0px 5px;
1488 }
1489
1490 .grabmenu {
1491         float:right;
1492         margin-bottom:-10px;
1493         margin-top:3px;
1494         margin-right:-5px;
1495 }
1496
1497 /*  form fields grouping for WCAG 2.0 conformance*/
1498
1499 fieldset.group_form{
1500         margin:1em;
1501         border:thin #6D7B8D solid;
1502         min-height: 160px;
1503         width:90%;
1504         padding:.5em;
1505 }
1506
1507 legend.group_form{
1508         border:thin #6D7B8D solid;
1509         background-color: #E6E6E6;
1510         font-weight: 600;
1511         color: black;
1512         padding:.2em;
1513 }
1514
1515
1516 /* format of "table of contents" on content page */
1517 #toc a          { display:block; margin:3px; }
1518 #toc .h2                { padding:0 0 0 10px;}
1519 #toc .h3                { padding:0 0 0 30px;}
1520 #toc .h4                { padding:0 0 0 40px; }
1521 #toc .h5                { padding:0 0 0 50px; }
1522 #toc .h6                { padding:0 0 0 60px; }
1523
1524 fieldset#toc {
1525         background-color: #FEFDEF;
1526         border: 1pt solid #B8AE9C;
1527         width:50%;
1528 }
1529
1530 /* style for home page sublinks view */
1531 div.home_box {
1532         width: 30em;
1533         height: 150px;
1534         margin:0;
1535         padding-top: 15px;
1536         margin-left:1em;
1537         float:left;
1538 }
1539
1540 .outside_box{
1541         margin-left:.4em;
1542         background:#e0e0e0;
1543         width:28em;
1544         height:8.9em;
1545 }
1546
1547 .inside_box{
1548         width:100%;
1549         margin:auto;
1550         height:52%;
1551         margin-bottom:.2em;
1552         background:#eeeeee;
1553 }
1554 .details_or{
1555         width:28.8em;
1556         height:9.8em;
1557         margin:0;
1558         background-image:url(../../images/details_r.png);
1559         background-position: top right;
1560         background-repeat:no-repeat;
1561 }
1562 .details_ol{
1563         height:9.8em;
1564         margin:0px;
1565         width:.45em;
1566         background-image:url(../../images/details_l.png);
1567         background-position: top left;
1568         background-repeat:no-repeat;
1569 }
1570 .details_ir{
1571         width:.5em;
1572         height:100%;
1573         float:right;
1574         background-image:url(../../images/details_ir.png);
1575         background-position: top right;
1576         background-repeat:no-repeat;
1577 }
1578 .details_il{
1579         height:100%;
1580         float:left;
1581         background-image:url(../../images/details_il.png);
1582         background-position: top left;
1583         background-repeat:no-repeat;
1584 }
1585 .home-title{
1586         font-size:12pt;
1587 }
1588 .buttonbox{
1589         float:right;
1590 }
1591 .details_text{
1592         margin-left:1em;
1593 }
1594 /* jQuery tooltip styles */
1595 #tooltip{
1596         position:absolute;
1597         z-index:3000;
1598         border:3px solid #111;
1599         background-color:#eeeeee;
1600         padding:5px;
1601 }
1602 #tooltip h3,#tooltip div{
1603         margin:0;
1604 }
1605
1606 /* fluid reorderer */
1607 .grab{
1608         background-color: #F2F7FE;
1609 }