theme/anomaly/style/general.css

   1 /** Core **/
   2
   3 a:link {
   4     text-decoration: none;
   5     color: #697F55;
   6 }
   7 a:visited {
   8     text-decoration: none;
   9     color: #697F55;
  10 }
  11 a:hover {
  12     text-decoration: underline;
  13 }
  14
  15 img.icon,
  16 img.iconhelp {
  17     vertical-align: middle;
  18 }
  19
  20 html, body {
  21     background-color: #C8C9C7;
  22 }
  23
  24 #page-content {
  25     background-color: #FFF;
  26 }
  27
  28 #page-header {
  29     background-color: #222;
  30     color: #FFF;
  31     border-bottom: 5px solid #697F55;
  32 }
  33 .hasnavbar #page-header {
  34     border-bottom-width: 0;
  35 }
  36
  37 #page-footer {
  38     background-color: #222;
  39     color: #FFF;
  40 }
  41
  42 #page-header .headermain span {
  43     color: #C8C9C7;
  44 }
  45
  46 #page-header .navbar {
  47     background-color: #697F55;
  48     width: 100%;
  49 }
  50 #page-header .navbar {
  51     color: #000;
  52 }
  53 #page-header .navbar a:link,
  54 #page-header .navbar a:visited {
  55     color: #fff;
  56 }
  57 #page-header .navbar .breadcrumb,
  58 #page-header .navbar .navbutton {
  59     margin: 5px 1em;
  60 }
  61
  62 /** General **/
  63 .generalbox {
  64     border: 1px solid #DDDDDD;
  65 }
  66 .generaltable td {
  67     border-width: 0;
  68 }
  69 .sitetopic {
  70     border-width: 0;
  71 }
  72 .headingblock {
  73     margin-bottom: 10px;
  74     border-bottom: 1px solid #697F55;
  75     background-color: #E3E3E3;
  76     padding: 4px 5px;
  77 }
  78
  79 .coursebox {
  80     width: 100%;
  81     margin: 10px 0;
  82     border-bottom: 1px solid #E3E3E3;
  83     overflow: hidden;
  84     padding-bottom: 10px;
  85 }
  86 .coursebox .info {
  87     width: 35%;
  88     float: left;
  89 }
  90 .coursebox .summary {
  91     width: 60%;
  92     float: right;
  93 }
  94
  95 .course-content ul.section {
  96     margin: 0;
  97 }
  98
  99 .course-content .headingblock.outline {
 100     margin-top: 0;
 101 }
 102
 103 .course-content .section.main {
 104     border:1px solid #E3E3E3;
 105     margin-bottom: 10px;
 106 }
 107
 108 .course-content .section.main .left.side {
 109     float:left;width:20px;padding:5px;
 110 }
 111
 112 .course-content .section.main .right.side {
 113     float: right;
 114     width: 20px;
 115     padding: 5px;
 116 }
 117
 118 .course-content .section.main .content {
 119     margin: 0 30px 10px 30px;
 120     background-color: #FFF;
 121 }
 122
 123 .course-content .section.main .content .section_add_menus {
 124     text-align: right;
 125 }
 126
 127 #page-report-outline-user .section {
 128     border:i 1px solid #DDD;
 129     margin: 0 5% 1.5em 5%;
 130 }
 131
 132 #page-report-outline-user .section h2,
 133 #page-report-outline-user .section .content {
 134     margin: 5px 1em;
 135 }
 136
 137 #page-report-outline-user .section table td {
 138     border: 0;
 139 }
 140
 141 .generaltable {
 142     border: 1px solid #DDD;
 143 }
 144
 145 .generaltable .cell {
 146     background-color: #FFF;
 147     border:1px solid #EEE;
 148     border-collapse: collapse;
 149 }
 150
 151 .generaltable .header {
 152     background-color: #EEE;
 153     border: 1px solid #EEE;
 154     font-weight: bold;
 155 }
 156
 157 /** Login **/
 158 .loginbox {
 159     margin-top: 15px;
 160     margin-bottom: 15px;
 161 }
 162
 163 .loginbox .loginform {
 164     margin-top: 15px;
 165 }
 166
 167 .loginbox .loginform .form-label {
 168     width: 39%;
 169     float: left;
 170     text-align: right;
 171 }
 172
 173 .loginbox .loginform .form-input {
 174     width: 60%;
 175     float: right;
 176     text-align: left;
 177 }
 178
 179 .loginbox .loginform .form-input input {
 180     width: 6em;
 181 }
 182
 183 .loginbox.twocolumns {
 184     border: 1px solid #DDD;
 185 }
 186
 187 .loginbox.twocolumns .loginpanel {
 188     float: left;
 189     width: 49%;
 190     text-align: center;
 191 }
 192
 193 .loginbox.twocolumns .signuppanel {
 194     float: left;
 195     width: 50%;
 196     border-left: 1px solid #DDD;
 197 }
 198
 199 .loginbox.twocolumns .signuppanel h2 {
 200     text-align: center;
 201 }
 202
 203 .loginbox.twocolumns .signuppanel div {
 204     margin: 1em;
 205 }
 206
 207 .loginbox.twocolumns .signuppanel div li {
 208     font-size: 90%;
 209 }
 210
 211 .loginbox .loginsub {
 212     margin-left: 10%;
 213     margin-right: 10%;
 214     padding: 10px;
 215     margin-bottom: 5px;
 216 }
 217
 218 .loginbox .guestsub {
 219     margin-left: 10%;
 220     margin-right: 10%;
 221     padding: 10px;
 222     margin-bottom: 5px;
 223     border-top: 1px solid #DDD;
 224 }
 225
 226 /** Blocks **/
 227
 228 .block {
 229     border: 1px solid #C8C9C7;
 230     background-color: #E3E3E3;
 231     margin-bottom: 10px;
 232     overflow: hidden;
 233 }
 234 .block h1,
 235 .block h2,
 236 .block h3,
 237 .block h4 {
 238     margin: 0;
 239 }
 240
 241 .block .header {
 242     margin: 10px 6px 3px 6px;
 243 }
 244
 245 .block .content {
 246     margin: 10px 6px 3px 6px;
 247 }
 248
 249 /** Admin **/
 250 .box.adminwarning {
 251     text-align: center;
 252     border: 1px solid #C8C9C7;
 253     background-color: #E3E3E3;
 254     margin-bottom: 1em;
 255     padding: 10px 10%;
 256 }
 257 .box.copyright {
 258     text-align: center;
 259     font-size: 90%;
 260     padding: 10px 10%;
 261 }
 262
 263 #adminsettings fieldset {
 264     border: 1px solid #C8C9C7;
 265     background-color: #E3E3E3;
 266 }
 267
 268 #adminsettings fieldset .generalbox {
 269     margin: 1em 0.5em;
 270     border-color: #C8C9C7;
 271 }
 272
 273 #adminsettings .form-buttons {
 274     margin-left: 13em;
 275 }
 276
 277 .form-item {
 278     width: 100%;
 279     margin: 1em 1em 2em 1em;
 280 }
 281
 282 .form-item .form-label {
 283     width: 12.5em;
 284     text-align: right;
 285     float: left;
 286     margin-right: 0.5em;
 287 }
 288
 289 .form-item .form-label .form-shortname {
 290     display: block;
 291     color: #666;
 292     font-size: 75%;
 293 }
 294
 295 .form-item .form-setting {
 296     margin-left: 13em;
 297 }
 298
 299 .form-item .form-setting .defaultsnext {
 300     display:inline;
 301 }
 302
 303 .form-item .form-setting .form-defaultinfo {
 304     display: inline;
 305     margin-left: 0.5em;
 306     font-size: 90%;
 307     color: #666;
 308 }
 309
 310 .form-item .form-description {
 311     margin: 0.5em 1em 0.5em 13em;
 312 }
 313
 314 .form-item .form-textarea textarea {
 315     width: 495px;
 316 }
 317
 318 #authmenu .informationbox {
 319     width: 80%;
 320     margin: 0 auto 10px;
 321     border: 1px solid #C8C9C7;
 322     padding: 10px;
 323 }
 324 #authmenu table td {
 325     border-width: 0;
 326 }
 327
 328 #categoryquestions {
 329     margin-left: auto;
 330     margin-right: auto;
 331     width: 100%;
 332 }
 333
 334 #categoryquestions th,
 335 .user th,
 336 .user th.header,
 337 .group th.header,
 338 .admin table tr th,
 339 .admin table tr th.header {
 340     background-color: #697F55;
 341     color: #FFF;
 342     border: 2px solid #697F55;
 343     border-bottom-color: #111;
 344 }
 345
 346 .user th a:link,
 347 #categoryquestions th a:link,
 348 .group  th a:link,
 349 .admin table tr th a:link {
 350     color: #FFF;
 351     text-decoration: none;
 352 }
 353
 354 .user th a:visited,
 355 #categoryquestions th a:visited,
 356 .group th a:visited,
 357 .admin table tr th a:visited {
 358     color: #FFF;
 359     text-decoration: underline;
 360 }
 361
 362 .user tr td.cell,
 363 #categoryquestions tr td.cell,
 364 .group tr td.cell,
 365 .admin table tr td.cell {
 366     border: 1px solid #C8C9C7;
 367     border-width: 0 1px;
 368 }
 369
 370 .user .r1 .cell,
 371 #categoryquestions .r1 .cell,
 372 .group .r1 .cell,
 373 .admin table .r1 .cell {
 374     background-color: #EEE;
 375 }
 376
 377 .singlebutton,
 378 .buttons {
 379     text-align: center;
 380     margin: 20px;
 381 }
 382
 383 .buttons form {
 384     display: inline;
 385 }
 386
 387 .buttons div {
 388     display: inline;
 389 }
 390
 391 .buttons .singlebutton {
 392     display: inline;
 393     padding: 5px;
 394     margin: 0;
 395 }
 396
 397 .admin .generalbox {
 398     background-color: #EEE;
 399     border-color: #C8C9C7;
 400 }
 401
 402 #admin-mnet-index table td,
 403 #files-index .column-content table td {
 404     border-width: 0;
 405 }
 406
 407 /** Mforms **/
 408 .mform fieldset {
 409     border-color: #C8C9C7;
 410 }
 411
 412 /** Tags **/
 413 .tag-management-form {
 414     text-align:center;
 415 }
 416
 417 #tag-management-list {
 418     margin-top:1em;
 419 }
 420
 421 /** User **/
 422 .userinfobox td {
 423     border-width: 0;
 424     vertical-align: top;
 425 }
 426
 427 .userinfobox .side {
 428     width: 120px;
 429     text-align: center;
 430 }
 431
 432 .userinfobox .list .label {font-weight:bold;text-align:right;
 433 }
 434
 435 /** Forum **/
 436 .forumheaderlist,
 437 .forumpost {
 438     margin-top: 15px;
 439     border: 1px solid #DDD;
 440     border-collapse: separate;
 441 }
 442 .forumpost td {
 443     border-width: 0;
 444 }
 445 .forumpost .topic {
 446     background-color: #C8C9C7;
 447 }
 448 .forumpost .topic .subject {
 449     font-weight: bold;
 450 }
 451 .forumpost .topic .author {font-size:0.8em;
 452 }
 453 .forumpost .left {
 454     background-color: #EEE;
 455     padding: 4px;
 456     text-align: center;
 457     vertical-align: top;
 458     width: 35px;
 459 }
 460
 461 .forumpost .content .commands {
 462     font-size: 0.9em;
 463     clear: both;
 464     padding-top: 0.5em;
 465     text-align: right;
 466 }
 467 .forumpost .content .link {
 468     font-size: 0.9em;
 469 }
 470
 471 .forumpost .content .footer {
 472     font-size: 0.9em;
 473     padding-top: 0.5em;
 474     text-align: right;
 475 }
 476
 477 /** Calendar **/
 478 .block.block_calendar_month td,
 479 .block.block_calendar_month th {
 480     border-width: 0;
 481     font-size: 10px;
 482     padding: 1px;
 483     width: 14%;
 484     line-height: 18px;
 485 }
 486
 487 #calendar abbr,
 488 .block.block_calendar_month abbr {
 489     border-bottom-width: 0;
 490 }
 491
 492 #calendar .weekend,
 493 .block.block_calendar_month .weekend {
 494     color: #A00;
 495 }
 496 #calendar .maincalendar .calendarmonth td.today,
 497 .block.block_calendar_month .today {
 498     border: 1px solid #444;
 499 }
 500
 501 #calendar .eventnone a,
 502 .block.block_calendar_month .eventnone a {
 503     color:#444;
 504 }
 505
 506 #calendar {
 507     width: 98%;
 508     margin: 0 1%;
 509     border-spacing: 5px;
 510     border-collapse: separate;
 511 }
 512
 513 #calendar td,
 514 #calendar th {
 515     border-width: 0;
 516     font-size: 10px;
 517     padding: 1px;
 518     width: 14%;
 519     line-height: 18px;
 520     vertical-align: top;
 521 }
 522
 523 #calendar .maincalendar {
 524     width: auto;
 525     border: 1px solid #DDD;
 526 }
 527
 528 #calendar .maincalendar .heightcontainer {
 529     height: 100%;
 530     position: relative;
 531     margin: 1em;
 532 }
 533
 534 #calendar .maincalendar .header {
 535     padding: 5px;
 536     font-weight: bold;
 537 }
 538
 539 #calendar .maincalendar .header .buttons {
 540     float: right;
 541 }
 542
 543 #calendar .maincalendar table {
 544     width: 100%;
 545 }
 546
 547 #calendar .maincalendar .calendar-controls {
 548     width: 100%;
 549     overflow: hidden;
 550     font-size: 1.1em;
 551 }
 552
 553 #calendar .maincalendar .calendar-controls .previous {
 554     display: block;
 555     float: left;
 556     width: 20%;
 557 }
 558
 559 #calendar .maincalendar .calendar-controls .current {
 560     display: block;
 561     float: left;
 562     width: 60%;
 563     text-align: center;
 564     margin-top: 0;
 565 }
 566
 567 #calendar .maincalendar .calendar-controls .next {
 568     display: block;
 569     float: left;
 570     width: 20%;
 571     text-align: right;
 572 }
 573
 574 #calendar .sidecalendar {
 575     width: 200px;
 576 }
 577
 578 #calendar .sidecalendar h2,
 579 #calendar .sidecalendar h3 {
 580     margin: 5px;
 581     font-size: 95%;
 582 }
 583
 584 #calendar .sidecalendar .block {
 585     border: 1px solid #DDD;
 586     margin-bottom: 10px;
 587     text-align: center;
 588 }
 589
 590 #calendar .sidecalendar .block table {
 591     margin: 0 auto 5px;
 592 }
 593
 594 #calendar .sidecalendar .block .filters table {
 595     width: 95%;
 596     margin: 0 auto 1em;
 597 }
 598
 599 #calendar .sidecalendar .block .minicalendarblock {
 600     border-top: 1px solid #DDD;
 601 }
 602
 603 #calendar .filters table {
 604     padding: 2px;
 605     background-color: #EEE;
 606     border: 1px solid #DDD;
 607     border-spacing: 2px;
 608     border-collapse: separate;
 609 }
 610
 611 #calendar .filters table td {
 612     font-size: 100%;
 613     width: auto;
 614 }
 615
 616 #calendar .filters .eventskey {
 617     border: 1px solid #444;
 618     overflow: hidden;
 619 }
 620
 621 #calendar .calendar_event_global {
 622     background-color: #D6F8CD;
 623 }
 624
 625 #calendar .calendar_event_course {
 626     background-color: #FFD3BD;
 627 }
 628
 629 #calendar .calendar_event_group {
 630     background-color: #FEE7AE;
 631 }
 632
 633 #calendar .calendar_event_user {
 634     background-color: #DCE7EC;
 635 }
 636
 637 #calendar .maincalendar .calendarmonth {
 638     border-collapse: separate;
 639 }
 640
 641 #calendar .maincalendar .calendarmonth th {
 642     font-size: 0.9em;
 643     border-bottom: 2px solid #444;
 644 }
 645
 646 #calendar .maincalendar .calendarmonth td {
 647     border: 1px solid #EEE;
 648     border-bottom-color: #CCC;
 649     border-right-color: #CCC;
 650     height: 6em;
 651 }
 652
 653 #calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em;
 654 }
 655
 656 #calendar .maincalendar .calendarmonth td .day {font-weight:bold;
 657 }
 658
 659 #calendar .maincalendar .calendarmonth tr td:first-child {
 660     border-left-color: #CCC;
 661 }
 662
 663 #calendar .maincalendar .event {
 664     border-spacing: 0;
 665     border: 1px solid #DDD;
 666     background-color: #EEE;
 667 }
 668
 669 #calendar .maincalendar .event .picture {
 670     width: 32px;
 671     text-align: center;
 672 }
 673
 674 #calendar .maincalendar .event .topic {
 675     width: auto;
 676     padding: 5px;
 677 }
 678
 679 #calendar .maincalendar .event .side {
 680     width: 32px;
 681 }
 682
 683 #calendar .maincalendar .event .description {
 684     width: auto;
 685     border-top: 1px solid #DDD;
 686     border-left:1px solid #DDD;
 687     padding: 5px;
 688 }
 689
 690 #calendar .maincalendar .bottom {
 691     text-align: center;
 692 }
 693
 694 #calendar .calendarmonth ul {
 695     margin: 0;
 696     padding: 0;
 697 }
 698
 699 #calendar .calendarmonth ul li {
 700     list-style: none;
 701     margin: 0;
 702     padding: 2px;
 703 }
 704
 705 /** User **/
 706
 707 .user .rolesform,
 708 .user .searchform,
 709 .user #showall,
 710 .user #participantsform {
 711     text-align:center;
 712 }
 713
 714 .user #participantsform table {
 715     margin-top:1em;
 716 }
 717
 718 .user #participantsform td {text-align:left;
 719 }
 720
 721 .user table.controls {
 722     margin: 5px auto;
 723     border: 1px solid #DDD;
 724     background-color: #EEE;
 725     border-collapse: collapse;
 726 }
 727 .user table.controls td {
 728     border-width:0px;
 729 }
 730
 731 /** Overide for RTL layout **/
 732
 733 .dir-rtl #page-header .navbar .breadcrumb {
 734     float:right;
 735 }
 736 .dir-rtl #page-header .navbar .navbutton {
 737     float:left;
 738 }
 739
 740 /** Custom menu **/
 741
 742 #custommenu {
 743     margin-bottom: 0;
 744 }
 745
 746 #custommenu .yui3-menu-horizontal .yui3-menu-content,
 747 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
 748 #custommenu .yui3-menu-horizontal .yui3-menu-content ul,
 749 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul,
 750 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover > a,
 751 #custommenu .yui3-menu-horizontal .yui3-menu-label,
 752 #custommenu .yui3-menuitem,
 753 #custommenu .yui3-menuitem .yui3-menuitem-content {
 754     border-width: 0;
 755 }
 756
 757 #custommenu .yui3-menu .yui3-menu-label,
 758 #custommenu .yui3-menu .yui3-menuitem-content {
 759     color: #FFF;
 760     font-weight: bold;
 761     line-height: 30px;
 762     padding: 0 14px;
 763 }
 764
 765 #custommenu .custom_menu_submenu .yui3-menu-content{
 766     background-color: #3A4D28;
 767 }
 768
 769 #custommenu .custom_menu_submenu .yui3-menu-label,
 770 #custommenu .custom_menu_submenu .yui3-menuitem-content {
 771     line-height: 25px;
 772     padding: 0 20px;
 773 }
 774
 775 #custommenu .yui3-menu-label-active,
 776 #custommenu .yui3-menu-label-menuvisible,
 777 #custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
 778     background-color: #697F55;
 779 }