1 /** body font family and background image **/
4 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
9 html a:hover,body a:hover {
10 text-decoration: underline;
13 /** remove text decoration from some links **/
15 div.yui3-widget-bd a, .tabtree li a, .block div.content a, .unlist a, .categorybox a, .course_category_tree a, .section a {
16 text-decoration: none;
22 /* for browsers that understand */
28 /* for browsers that understand */
64 #headright div.langmenu {
65 float: right !important;
66 display: inline !important;
67 padding: 0px 0px 0px 0px !important;
68 line-height: 28px !important;
69 margin: 0px 0px 0px 5px !important;
81 /** Logo and menu bar divs and wrap **/
87 border-top: 1px solid #fff;
116 font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
118 letter-spacing: -1px;
124 text-decoration: none;
139 /** main content wraps **/
145 background-position: 78% 100%;
147 background: url([[pix:theme|contback]]);
148 border: 1px solid #dadada;
154 background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
155 border: 1px solid #dadada;
159 background: url([[pix:theme|post_grid]]) repeat-y 79% 100%;
162 /** remove background image line for post or pre or content only **/
164 .side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
165 background-image: none !important;
168 /** breadcrumb and button holders at top of page content **/
170 div#jcontrols_button {
173 border-top: 1px solid #fff;
174 background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
177 div#jcontrols_bottom {
180 background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
201 div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
205 /** foot wraps and inner divs **/
228 margin: 10px 3px 0px 0px;
232 .johndocs a, div.johndocsleft a {
234 text-decoration: none;
246 /** Some breadcrumb style **/
252 .breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
254 text-decoration: none;
259 .breadcrumb li a:hover {
260 text-decoration: underline;
265 vertical-align: middle;
268 /** breadcrumb image replacement **/
270 div#jcontrols_button span.arrow.sep {
273 background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
274 background-position: 50% 9px;
275 display: inline-block;
283 margin: 0 0 5px 0 !important;
284 padding: 0 0 0 0 !important;
285 border: none !important;
289 margin: 0 0 0 !important;
290 padding-top: 0 !important;
292 height: auto !important;
294 border-right: 1px solid #dadada;
295 border-top: 1px solid #dfdfdf;
296 border-left: 1px solid #dfdfdf;
297 border-bottom: 1px solid #cccccc;
298 background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
301 .block.hidden div.header {
302 border: 1px solid #dadada;
305 .block.block_with_controls div.header div.commands {
307 border-top: 1px solid #ccc;
311 .block.block_with_controls div.header div.commands a img {
316 padding: 0px 0px 0px 10px;
318 text-transform: none;
319 margin: 0 !important;
324 .block div.block_action input, .block div.block_action img {
334 padding: 10px 15px 15px;
337 /** extra left padding on right side blocks **/
339 #region-post .block div.content {
343 /** some specific block styles for calendar block, login block, my profile block, etc. **/
345 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
346 border: none !important;
349 .block_calendar_month table.minicalendar {
350 margin-bottom: 0px !important;
353 .block_calendar_month table.minicalendar.calendartable th abbr {
354 border: none !important;
355 text-decoration: none;
358 .block_comments div.content li {
359 list-style-type: none;
362 .block_messages.block div.content .list a {
366 .block_login.block div.content div {
371 .block_login.block div.content label {
373 display: inline-block;
378 .block_myprofile div.content div {
382 .block_myprofile div.content div.myprofileitem.picture {
387 .block_myprofile div.myprofileitem.fullname {
392 .block_myprofile div.myprofileitem.edit {
398 .block_news_items div.content li.post {
403 .block_news_items div.content div.head.clearfix {
407 .block_news_items div.content div.info {
411 /** inner block style for decent display of recent news, etc **/
413 .block_recent_activity.block_docked div.content h2.main, .block_recent_activity.block_docked div.content h3.main, .side-pre .block div.content h2.main,.side-post .block div.content h2.main,.block div.content h3.main,.block div.content h2 {
418 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
421 /** a few styles for the tabs **/
423 div.tabtree li a span {
429 div.yui3-widget.yui3-overlay.yui3-widget-positioned {
430 border: 1px solid #cccccc;
433 div.yui3-overlay-content.yui3-widget-stdmod {
434 border: 1px solid #fff;
435 background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
443 div.yui3-widget-bd h1.helpheading {
444 font-size: 16px !important;
446 margin: 5px 0px 2px 18px;
447 background: url([[pix:theme|information]]) no-repeat 0% 50%;
450 .yui-module.yui-overlay.yui-panel div.hd {
451 background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
454 /**moodle dropdown css for yui menu **/
459 border: none !important;
463 div.yui3-menu.yui3-menu-horizontal {
464 background: #fafafa url([[pix:theme|menubarback]]) repeat-x !important;
465 border-bottom: 1px solid #cccccc !important;
466 border-top: 1px solid #dadada !important;
468 border-right: 1px solid #cccccc;
472 div.yui3-menu-content {
473 border: none !important;
476 .yui3-menu-content li a {
479 text-transform: lowercase;
482 border-right: none !important;
483 border-top: none !important;
484 border-bottom: none !important;
487 .yui3-menu-horizontal .yui3-menu-label {
488 padding-left: 16px !important;
489 background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important;
492 .yui3-menu-horizontal .yui3-menu-label-menuvisible {
493 background-position: 5px -23px !important;
496 .yui3-menu-content li {
497 border-left: 1px solid #dadada;
498 border-top: none !important;
501 .yui3-menu-content li:hover {
505 div.yui3-menu.custom_menu_submenu {
506 background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
512 div.yui3-menu.custom_menu_submenu div.yui3-menu.custom_menu_submenu {
513 background: none !important;
517 div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
521 padding-top: 0 !important;
522 padding-bottom: 0 !important;
523 margin: 20px 0px 0px -40px;
526 /** below style to move sub subs to the left to keep from going off the page **/
528 div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
529 margin-left: -400px !important;
530 /** double the width of the menu item **/
536 div.yui3-menu.custom_menu_submenu .yui3-menu-content li {
540 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a {
542 border-bottom: 1px solid #cccccc !important;
543 border-top: 0px solid #fff !important;
544 text-transform: none;
545 background: #eee !important;
546 text-decoration: none !important;
547 text-transform: lowercase;
550 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
551 background: #cccccc !important;
553 color: black !important;
554 text-decoration: none !important;
557 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label {
558 background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important;
561 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
562 background: #ccc url([[pix:theme|yuiarrows]]) no-repeat !important 7px -72px;
565 /** yui moodle dock bar **/
572 div.dockeditem_container div.dockeditem {
573 background: url([[pix:theme|mbar]]) repeat-y;
576 font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
579 div.dockeditem_container.firstdockitem {
590 font-weight: 200 !important;
593 div.dockeditempanel_content {
594 border: 1px solid #dadada !important;
595 border-left: none !important;
599 div.dockeditempanel_content a {
600 text-decoration: none;
603 div.dockeditempanel_hd {
608 div.dockeditempanel_hd {
612 border-bottom: 1px solid #dadada !important;
615 div.dockeditempanel_hd h2 {
620 div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
621 list-style-type: none;
625 div.dockeditempanel_bd {
635 /**/body #dockeditempanel {
645 /** main headings **/
647 .generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
653 font-family: Georgia, serif;
655 letter-spacing: -1px;
657 background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
660 .generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main {
665 /** forum post style **/
667 .forumpost td.content {
668 border: 1px solid #dadada;
671 padding: 1em 1em 1em 1em;
674 .forumpost td.content div.posting {
678 .forumpost td.topic {
679 border: 1px solid #dadada;
684 .forumpost .subject, .blog_entry div.subject a {
689 border-right: none !important;
693 border-left: none !important;
700 .forumpost .commands a {
701 text-decoration: none;
706 padding: 4px 5px 4px 0;
709 .forumpost td.left.picture {
710 background: url([[pix:theme|postline]]) no-repeat 120% 104%;
713 .forumpost td.left.picture img {
714 border: 1px solid #eee;
715 border-bottom: 1px solid #ccc;
716 border-right: 1px solid #dadada;
718 padding: 4px 4px 9px;
722 .forumpost .starter {
723 background-color: #FFF;
727 font-size: 11px !important;
733 .forumpost .author a {
751 text-decoration: none;
755 /**tables and fields and foms oh my! **/
757 .mform fieldset,fieldset.clearfix {
758 border: 1px solid #dadada !important;
772 border: 3px solid #dadada;
774 background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
779 text-decoration: none;
782 td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
785 text-decoration: none;
786 color: #fff !important;
787 border-top: 1px #ccc solid !important;
791 table#categoryquestions th a {
795 .generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
797 color: #fff !important;
799 text-decoration: none;
804 background-color: #f9f9f9;
807 table.rolecap td, table.rolecap th {
808 border-bottom: 1px solid #dadada;
811 table.rolecap td.risk {
812 border-left: 1px solid #dadada;
815 /** Coursebox and category box stuff for front page **/
817 ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
818 list-style-type: none;
824 padding-bottom: 7px !important;
825 margin-bottom: 7px !important;
826 border-bottom: 1px solid #eee;
829 div.coursebox h3.name {
834 div.coursebox h3.name a {
839 .unlist div.summary {
845 .unlist ul.teachers {
847 padding-left: 5px !important;
850 .unlist ul.teachers li {
854 .unlist ul.teachers li a {
859 border: none !important;
865 background-image: url([[pix:theme|jcourse]]) no-repeat 0 50%;
870 #course-index td.category.name a {
872 background-image: none;
875 table.categorylist td {
879 div.course_category_tree a {
882 text-decoration: none;
885 div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
889 div.course_category_tree div.category.with_children div.category_label {
890 background-position: 0 55% !important;
893 div.course_category_tree div.course.odd {
897 div.course_category_tree div.course a {
901 div.category.subcategory.with_children {
905 div.course_category_tree div.controls {
908 text-transform: uppercase;
911 div.course_category_tree div.controls div {
914 border-bottom: 1px solid #dadada;
917 /** inside of course **/
920 border-bottom: 1px solid #dadada;
925 li#section-0 div.content {
934 li.current div.content {
939 border: 1px solid #ccc;
940 background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
942 font-size: 11px !important;
944 text-transform: uppercase;
947 color: #333333 !important;
951 .current h3.weekdates {
952 color: black !important;
956 div.course-content div.left.side {
959 font-family: Georgia, serif;
963 span.completionprogress {
968 /**my moodle page style **/
970 div.assignment.overview {
973 border-bottom: 1px dashed #dadada;
976 div.assignment.overview div.name {
980 div.assignment.overview div {
981 display: block !important;
982 float: none !important;
983 width: 100% !important;
986 #page-my-index div.coursebox {
991 /** glossary activity **/
993 table.glossarycategoryheader h2.main {
1002 border-bottom: 1px dashed #dadada;
1005 table.glossarypost td.entry h3 {
1009 /** a few quick wiki styles **/
1011 #page-mod-wiki-view div.generalbox {
1015 #page-mod-wiki-view h2.wiki_headingtitle {
1017 font-family: Georgia, serif;
1025 /**HR in content blocks **/
1030 background-color: #dadada !important;
1035 /** some MISC styles to clean things up and keep the theme consistant **/
1045 border: 1px solid #dadada;
1048 div.questionbankwindow.block div.header {
1049 background: #eee !important;
1052 div.questionbankwindow.block div.header a {
1053 color: #333333 !important;
1057 div.generalbox, div.section {
1058 border: 1px solid #dadada;
1061 /** take borders away from some generalboxes here **/
1063 div.generalbox.sitetopic, div.generalbox.authsui,#page-course-info div.generalbox, #page-admin-roles-assign div.generalbox, table.roleassigntable, table.roleassigntable td, #page-blocks-private-edit div.generalbox {
1067 div.generalbox.firstpageoptions h3.main {
1071 div.redirectmessage {
1073 margin: 10px auto 0 auto;
1076 background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
1081 border: 1px solid #dadada;
1083 background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
1087 div#newmessageoverlay {
1091 div#newmessageoverlay a {
1092 text-decoration: none;
1096 #page-mod-page-view div.generalbox {
1102 /** fix overflow on quiz results display **/
1104 div#tablecontainer {
1106 margin-bottom: 10px;
1109 div.course-content div.availabilityinfo {
1113 border-bottom: 1px dashed #dadada;
1114 margin-bottom: 10px;
1119 .twocolumns div.loginpanel {
1120 border-right: 1px dashed #dadada !important;
1128 width: 50% !important;
1131 div.loginform div.form-input input {
1132 width: 90px !important;
1135 div.loginform label {
1140 float: right !important;
1141 width: 40% !important;
1146 div.singlebutton.forumaddnew {
1150 #page-course-info h2.main {
1155 #page-course-info div.generalbox ul, #page-course-info div.generalbox li {
1156 list-style-type: none;