1161 lines
22 KiB
CSS

/** body font family and background image **/
html,body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
html a:hover,body a:hover {
text-decoration: underline;
}
/** remove text decoration from some links **/
div.yui3-widget-bd a, .tabtree li a, .block div.content a, .unlist a, .course_category_tree a, .section a {
text-decoration: none;
}
a:active {
outline: 0; /* for browsers that understand */
}
a:focus {
outline: 0; /* for browsers that understand */
}
/**header divs **/
#page-header {
top: 0;
left: 0;
width: 100%;
}
div#headerinner {
width: 91%;
min-width: 910px;
height: 30px;
margin: 0 auto;
overflow: hidden;
}
#headright {
float: right;
font-size: 10px;
font-weight: 200;
margin-top: 0;
padding-top: 0;
min-width: 180px;
text-align: right;
color: #eeeeee;
line-height: 30px;
min-width: 400px;
}
.dir-rtl #headright {
float: left;
min-width: 300px;
}
#headright a {
color: #fff;
}
#headright div.langmenu {
float: right !important;
display: inline !important;
padding: 0px 0px 0px 0px !important;
line-height: 28px !important;
margin: 0px 0px 0px 5px !important;
font-size: 9px;
}
.dir-rtl #headright div.langmenu {
float: left !important;
}
#headleft {
float: left;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 12px;
}
.dir-rtl #headleft {
float: right;
}
/** Logo and menu bar divs and wrap **/
#textcontainer-wrap {
top: 0;
left: 0;
width: 100%;
border-top: 1px solid #fff;
}
#textcontainer {
clear: both;
border: none;
width: 92%;
min-width: 910px;
height: 130px;
margin: 0 auto;
overflow: hidden;
}
div.thetitle {
width: 340px;
height: 130px;
float: left;
}
.dir-rtl div.thetitle {
float: right;
}
#nologo {
width: 337px;
float: left;
overflow: hidden;
padding-left: 3px;
margin-top: 40px;
}
.dir-rtl #nologo {
float: right;
padding-right: 3px;
}
#nologo.nomenu {
width: 100%;
}
#nologo a, #nologo {
font-size: 35px;
font-style: italic;
font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
font-weight: 800;
letter-spacing: -1px;
line-height: 45px;
}
#nologo a:hover {
text-decoration: none;
}
div.rightinfo {
float: right;
min-width: 470px;
height: 130px;
overflow: hidden;
}
.dir-rtl div.rightinfo {
float: left;
}
#menucontainer {
height: 45px;
margin-top: 40px;
}
#course-header {
width: 93%;
min-width: 910px;
margin: 0 auto;
overflow: hidden;
}
/** main content wraps **/
#outercontainer {
width: 91%;
min-width: 910px;
margin:0 auto;
background-position: 78% 100%;
padding: 1%;
background: url([[pix:theme|contback]]);
border: 1px solid #dadada;
}
#container {
width: 100%;
margin:0 auto;
background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
border: 1px solid #dadada;
}
#innercontainer {
background: url([[pix:theme|post_grid]]) repeat-y 79% 100%;
}
/** remove background image line for post or pre or content only **/
.side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
background-image: none !important;
}
/** breadcrumb and button holders at top of page content **/
div#jcontrols_button {
width: 100%;
min-height: 35px;
border-top: 1px solid #fff;
background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
}
div#jcontrols_bottom {
width: 100%;
height: 35px;
background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
clear: both;
}
div.jcontrolsleft {
min-height: 35px;
line-height: 35px;
margin-left: 15px;
font-weight: 600;
font-size: 13px;
float: left;
min-width: 100px;
}
.dir-rtl div.jcontrolsleft {
float:right;
margin-right: 15px;
}
div.jcontrolsright {
float: right;
min-width: 100px;
min-height: 35px;
margin-right: 15px;
}
.dir-rtl div.jcontrolsright {
float: left;
margin-left: 15px;
}
div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
margin: 5px 0px 0px;
}
/** foot wraps and inner divs **/
#course-footer {
width: 93%;
min-width: 910px;
margin: 0 auto;
overflow: hidden;
}
#footer {
width: 91%;
height: 35px;
position: relative;
margin: 0 auto;
}
#page-footer {
position: relative;
bottom: 0;
left: 0;
width: 100%;
background: none;
margin-top: 10px;
height: 35px;
}
.johndocs {
float: right;
height: 15px;
font-size: 8px;
margin: 10px 3px 0px 0px;
color: #333333;
}
.johndocs a, div.johndocsleft a {
font-weight: 200;
text-decoration: none;
}
div.johndocsleft {
float: left;
height: 15px;
margin-top: 10px;
width: 300px;
color: #333333;
font-size: 11px;
}
.dir-rtl div.johndocsleft {
float: right;
}
/** Some breadcrumb style **/
.breadcrumb ul {
line-height: 35px;
}
.breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
font-weight: 200;
text-decoration: none;
color: #666666;
font-size: 12px;
}
.breadcrumb li a:hover {
text-decoration: underline;
color: #333333;
}
.breadcrumb li img {
vertical-align: middle;
}
/** breadcrumb image replacement **/
div#jcontrols_button span.arrow.sep {
font-size: .01em;
color: #fafafa;
background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
background-position: 50% 7px;
display: inline-block;
width: 16px;
}
/** Block styles **/
.block {
margin: 0 0 5px 0 !important;
padding: 0 0 0 0 !important;
border: none !important;
}
.block div.header {
margin: 0 0 0 !important;
padding-top: 0 !important;
min-height: 33px;
height: auto !important;
height: 33px;
border-right: 1px solid #dadada;
border-top: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #cccccc;
background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
}
.block.hidden div.header {
border: 1px solid #dadada;
}
.block.block_with_controls div.header div.commands {
text-align: center;
border-top: 1px solid #ccc;
padding: 2px;
}
.block.block_with_controls div.header div.commands a img {
margin-right: 3px;
}
.title h2 {
padding: 0px 0px 0px 10px;
font-size: 16px;
text-transform: none;
margin: 0 !important;
line-height: 32px;
font-weight: 800;
}
.block div.block_action input, .block div.block_action img {
margin-top: 3px;
margin-right: 3px;
position: relative;
top: 6px;
}
.block div.content {
font-size: 12px;
font-weight: 200;
padding: 10px 15px 15px;
}
/** extra left padding on right side blocks **/
#region-post .block div.content {
padding-left: 20px;
}
/** some specific block styles for calendar block, login block, my profile block, etc. **/
.block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
border: none !important;
}
.block_calendar_month table.minicalendar {
margin-bottom: 0px !important;
}
.block_calendar_month table.minicalendar.calendartable th abbr {
border: none !important;
text-decoration: none;
}
.block_comments div.content li {
list-style-type: none;
}
.block_messages.block div.content .list a {
font-size: 10px;
}
.block_login.block div.content div {
margin-bottom: 9px;
clear: both;
}
.block_login.block div.content label {
font-size: 11px;
display: inline-block;
min-width: 50px;
margin-right: 3px;
}
.block_myprofile div.content div {
font-size: 11px;
}
.block_myprofile div.content div.myprofileitem.picture {
width: 105px;
float: left;
}
.block_myprofile div.myprofileitem.fullname {
font-size: 12px;
font-weight: 800;
}
.block_myprofile div.myprofileitem.edit {
clear: both;
font-weight: 800;
font-size: 12px;
}
.block_news_items div.content li.post {
margin-bottom: 4px;
margin-top: 2px;
}
.block_news_items div.content div.head.clearfix {
font-size: 11px;
}
.block_news_items div.content div.info {
font-weight: 600;
}
/** inner block style for decent display of recent news, etc **/
.block_recent_activity.block_docked div.content h2,
.block_recent_activity.block_docked div.content h3,
.side-pre .block div.content h2,
.side-post .block div.content h2,
.block div.content h3,
.block div.content h2 {
font-size: 13px;
color: #333;
font-weight: 800;
background: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/** a few styles for the tabs **/
div.tabtree li a span {
font-size: 11px;
}
/** yui overlays **/
div.yui3-widget.yui3-overlay.yui3-widget-positioned {
border: 1px solid #cccccc;
}
div.yui3-overlay-content.yui3-widget-stdmod {
border: 1px solid #fff;
background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
}
div.yui3-widget-bd {
border: none;
background: none;
}
div.yui3-widget-bd h2.helpheading {
font-size: 16px !important;
font-weight: 800;
margin-top: 5px;
}
.yui-module.yui-overlay.yui-panel div.hd {
background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
}
/**moodle dropdown css for yui menu **/
#custommenu {
font-size: 13px;
font-weight: 600;
border: none !important;
height: 45px;
}
#custommenu .yui3-menu.yui3-menu-horizontal {
background: #fafafa url([[pix:theme|menubarback]]) repeat-x;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #dadada;
border-left: none;
border-right: 1px solid #cccccc;
float: right;
}
#custommenu .yui3-menu-content {
border-width: 0;
}
#custommenu .yui3-menu-content li a {
font-size: 12px;
font-weight: 600;
text-transform: lowercase;
line-height: 45px;
cursor: pointer;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 0;
}
#custommenu .yui3-menu-label {
padding-left: 16px !important;
background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px;
}
#custommenu .yui3-menu-label-menuvisible {
background-position: 5px -23px;
}
#custommenu .yui3-menu-content li {
border-left: 1px solid #dadada;
border-top-width: 0;
}
#custommenu .yui3-menu-content li:hover {
background: #eee;
}
#custommenu .yui3-menu.custom_menu_submenu {
background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
border: none;
min-width: 100px;
z-index: 99998;
}
#custommenu .yui3-menu.custom_menu_submenu .yui3-menu.custom_menu_submenu {
background-image: none;
background-color: transparent;
min-width: 100px;
}
#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content {
background: #fff;
z-index: 99999;
min-width: 200px;
padding-top: 0;
padding-bottom: 0;
margin: 20px 0px 0px -40px;
}
/** below style to move sub subs to the left to keep from going off the page **/
#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content .yui3-menu.custom_menu_submenu .yui3-menu-content {
margin-left: -400px !important;
/** double the width of the menu item **/
position: absolute;
top: -15px;
}
#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li {
border-left: none;
}
#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a {
font-size: 11px;
border-bottom: 1px solid #cccccc;
border-top-width: 0;
text-transform: none;
background: #eee;
text-decoration: none;
text-transform: lowercase;
}
#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
background: #cccccc;
cursor: pointer;
color: #000;
text-decoration: none;
}
#custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label {
background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
}
#custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
background: #ccc url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
}
/** yui moodle dock bar **/
#dock {
padding-top: 0px;
width: 30px;
}
div.dockeditem_container div.dockeditem {
background: url([[pix:theme|mbar]]) repeat-y;
border: none;
color: #fff;
font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
}
div.dockeditem_container.firstdockitem {
border-top: none;
}
div.dockedtitle {
border: none;
padding-top: 3px;
padding-bottom: 3px;
}
.dockedtitle h2 {
font-weight: 200 !important;
}
div.dockeditempanel_content {
border: 1px solid #dadada !important;
border-left: none !important;
font-size: 90%;
}
div.dockeditempanel_content a {
text-decoration: none;
}
div.dockeditempanel_hd {
text-align: left;
font-size: 12px;
}
div.dockeditempanel_hd {
padding-top: 3px;
padding-bottom: 3px;
background: #eee;
border-bottom: 1px solid #dadada !important;
}
div.dockeditempanel_hd h2 {
font-weight: 600;
font-size: 12px;
}
div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
list-style-type: none;
padding: 0;
}
div.dockeditempanel_bd {
font-weight: 200;
}
#dockeditempanel {
margin-left: 1px;
}
html>
/**/body #dockeditempanel {
margin-top: -20px;
}
#dock div.controls {
margin-top: 20px;
padding-top: 0px;
position: relative;
}
/** main headings **/
.generalbox h2,h3.sectionname,h2,h3, h2 a, h3 a, div.loginpanel h2, div.signuppanel h2 {
font-size: 30px;
padding-bottom: 2px;
margin: 3px 0 2px;
border-bottom: none;
display: block;
font-family: Georgia, serif;
font-weight: normal;
letter-spacing: -1px;
line-height: 1em;
background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
}
.generalbox h2, h3.sectionname, h2 a, h3 a, div.loginpanel h2, div.signuppanel h2, div.hd h3 {
font-size: 22px;
background: none;
}
/** forum post style **/
.forumpost .content {
border: 1px solid #dadada;
border-top: none;
background: #fff;
padding: 1em 1em 1em 1em;
}
.forumpost .content div.posting {
font-size: 90%;
}
.forumpost .topic {
border: 1px solid #dadada;
padding-top: 0px;
padding-bottom: 0px;
}
.forumpost .topic div {
margin:4px;
}
.forumpost .subject, .blog_entry div.subject a {
font-size: 19px;
}
td.picture {
border-right: none !important;
}
td.author {
border-left: none !important;
}
.forumpost {
border: none;
}
.forumpost .commands a {
text-decoration: none;
font-weight: 200;
}
.forumpost .left {
}
.forumpost .left.picture {
background-image: url([[pix:theme|postline]]);
background-repeat: no-repeat;
background-position: 180% 106%;
}
.forumpost .left.picture img {
border: 1px solid #eee;
border-bottom: 1px solid #ccc;
border-right: 1px solid #dadada;
background: #fff;
margin: 4px 0 9px;
}
.forumpost .starter {
background-color: #FFF;
}
.forumpost .author {
font-size: 11px !important;
color: #666;
font-style: italic;
font-weight: 200;
}
.forumpost .author a {
font-style: normal;
font-weight: 800;
}
.info .name a {
font-weight: bold;
}
.indent {
margin-left: 30px;
}
div.subscribelink {
text-align: right;
}
.subscribelink a {
text-decoration: none;
font-size: 11px;
}
/**tables and fields and foms oh my! **/
.mform fieldset,fieldset.clearfix {
border: 1px solid #dadada !important;
background: #f9f9f9;
}
.mform .btn-cancel {
color: #32529A;
text-decoration: none;
}
.mform .btn-cancel:hover, .mform .btn-cancel:focus {
color: #4E2300;
text-decoration: none;
}
.ftoggler {
font-size: 18px;
color: #333333;
}
div.notifysuccess {
width: 80%;
margin: 0 auto;
font-size: 15px;
color: #008500;
border: 3px solid #dadada;
text-align: center;
background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
padding: 5px;
}
table a {
text-decoration: none;
}
td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
font-size: 11px;
font-weight: 200;
text-decoration: none;
color: #fff !important;
border-top: 1px solid #ccc !important;
padding: 5px;
}
table#categoryquestions th a {
color: #fff;
}
.generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
border: none;
color: #fff !important;
font-size: 12px;
text-decoration: none;
padding: 5px;
}
.generaltable .header,
.generaltable .header a {
padding: 0;
}
tr.r1 td {
background-color: #f9f9f9;
}
table.rolecap td, table.rolecap th {
border-bottom: 1px solid #dadada;
}
table.rolecap td.risk {
border-left: 1px solid #dadada;
}
/** Course and category listings **/
ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
list-style-type: none;
padding: 0;
margin: 0;
}
div.coursebox {
margin-bottom: 7px;
border-color: #eeeeee;
}
div.coursebox.collapsed {
margin-bottom: 0;
}
div.coursebox > .info > .name a {
font-weight: inherit;
}
div.coursebox > .info > h3.name a {
font-size: 16px;
font-weight: 400;
}
.coursebox div.summary {
font-size: 14px;
color: #666666;
font-style: italic;
}
.coursebox .content ul.teachers li,
.coursebox .content .coursecat {
font-size: 10px;
}
.coursebox .content ul.teachers li a,
.coursebox .content .coursecat a,
.coursebox .content .coursefile a {
font-size: 11px;
}
div.course_category_tree .category > .info a {
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
div.course_category_tree div.coursebox.odd {
background: #eee;
}
div.course_category_tree div.coursebox > .info > .name > a {
font-size: 14px;
}
div.course_category_tree div.controls {
font-size: 10px;
color: #666;
text-transform: uppercase;
}
div.course_category_tree div.controls div {
margin-top: 3px;
margin-right: 10px;
border-bottom: 1px solid #dadada;
}
/** inside of course **/
li.section {
border-bottom: 1px solid #dadada;
clear: both;
min-height: 30px;
}
li#section-0 div.content {
margin-top: 0px;
padding-top: 0px;
}
li.current {
background: #ffffe3;
}
li.current div.content {
background: #fff;
}
h3.weekdates {
border: 1px solid #ccc;
background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
width: 170px;
font-size: 11px !important;
font-weight: 200;
text-transform: uppercase;
text-align: center;
margin: 0px 0px 3px;
color: #333333 !important;
padding: 3px;
}
.current h3.weekdates {
color: black !important;
font-weight: 600;
}
div.course-content div.left.side {
font-weight: 200;
font-size: 20px;
font-family: Georgia, serif;
color: #666;
}
div.completionprogress {
font-size: 11px;
font-weight: 200;
}
/**my moodle page style **/
div.assignment.overview {
margin-bottom: 5px;
padding-bottom: 3px;
border-bottom: 1px dashed #dadada;
}
div.assignment.overview div.name {
font-weight: 600;
}
div.assignment.overview div {
display: block !important;
float: none !important;
width: 100% !important;
}
#page-my-index div.coursebox {
border-bottom: none;
}
/** glossary activity **/
table.glossarycategoryheader h2 {
text-align: center;
margin-bottom: 0;
margin-top: 0;
}
table.glossarypost {
margin-top: 0;
width: 100%;
border-bottom: 1px dashed #dadada;
}
table.glossarypost td.entry h3 {
font-size: 20px;
}
/** a few quick wiki styles **/
#page-mod-wiki-view div.generalbox {
padding: 10px;
}
#page-mod-wiki-view h2.wiki_headingtitle {
font-size: 22px;
font-family: Georgia, serif;
color: #333333;
font-weight: 600;
text-align: left;
margin-bottom: 3px;
margin-top: 2px;
}
#page-mod-wiki-view.dir-rtl h2.wiki_headingtitle {
text-align: right;
}
/**HR in content blocks **/
.content hr {
height: 1px;
color: #dadada;
background-color: #dadada !important;
border: none;
border-style: none;
}
/** some MISC styles to clean things up and keep the theme consistant **/
div#intro {
border: none;
text-align: left;
font-size: 14px;
color: #333333;
}
div.que {
border: 1px solid #dadada;
}
div.questionbankwindow.block div.header {
background: #eee !important;
}
#page-mod-quiz-edit .questionbankwindow.block div.header div.title h2,
#page-mod-quiz-edit .questionbankwindow a#showbankcmd,
#page-mod-quiz-edit .questionbankwindow a#hidebankcmd {
color: #333333 !important;
font-size: 11px;
}
div.generalbox, div.section {
border: 1px solid #dadada;
}
/** take borders away from some generalboxes here **/
div.generalbox.sitetopic, div.generalbox.authsui,#page-admin-roles-assign div.generalbox, table.roleassigntable, table.roleassigntable td, #page-blocks-private-edit div.generalbox {
border: none;
}
div.generalbox.firstpageoptions h3 {
font-size: 16px;
}
div.redirectmessage {
width: 60%;
margin: 10px auto 0 auto;
border: none;
font-size: 13px;
background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
padding: 20px;
}
div.box.errorbox {
border: 1px solid #dadada;
color: #ff0000;
background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
padding: 10px;
}
div#newmessageoverlay {
padding: 10px;
}
div#newmessageoverlay a {
text-decoration: none;
font-size: 11px;
}
#page-mod-page-view div.generalbox {
border-left: none;
border-right: none;
border-top: none;
}
div#tablecontainer {
margin-bottom: 10px;
}
div.course-content div.availabilityinfo {
font-size: 11px;
font-style: italic;
padding: 2px;
border-bottom: 1px dashed #dadada;
margin-bottom: 10px;
}
div.singlebutton.forumaddnew {
text-align: center;
}