/******************************************************************* styles_layout.css This CSS file contains all layout definitions like positioning, floats, margins, padding, borders etc. Styles are organised into the following sections: core forms header footer admin blocks blog calendar course doc grades login message notes mymoodle question tabs tags user various modules *******************************************************************/ /*** *** Core ***/ h1.main, h2.main, h3.main, h4.main, h5.main, h6.main { text-align: center; } #layout-table { width:100%; border-collapse:separate; margin-top: 8px; } #layout-table #region-side-pre, #layout-table #content, #layout-table #region-side-post { vertical-align:top; } #layout-table #content { padding-left:12px; padding-right:12px; } .clearer { clear:both; margin:0; padding:0; height:1px; border:none; background:transparent; display:block; } .clearfix { min-width: 0; /* overflow: hidden; */ } .clearfix:after { /* content: ""; */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #redirect { text-align: center; margin-top:10%; } /* .clearfix {display: inline-table;} */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .mdl-align { text-align: center; } .mdl-left { text-align: left; } .mdl-right { text-align: right; } .continuebutton { text-align: center; } form { margin-bottom:0; } table { border-spacing: 0; border-collapse: collapse; } a img { border:none; } img.userpicture, img.grouppicture { border: 0; } img.uihint { cursor: help; } #grouppicture { text-align: center; } div.groupselector { float: left; margin-top: 3px; margin-bottom: 3px; } #addmembersform table { margin-left: auto; margin-right: auto; } .notifyproblem { text-align: center; padding: 10px; } .notifysuccess { text-align:center; padding: 10px; } .notifytiny { text-align:left; padding: 0; } .singlebutton form, .singlebutton div { display:inline; } .box { clear: both; } .generalbox { border-width:1px; border-style:solid; margin-bottom: 15px; padding:10px; } .generalbox#intro { width:70%; margin-left:auto; margin-right:auto; padding-bottom:15px; } .boxaligncenter { margin-left:auto; margin-right:auto; } .boxalignright { margin-left:auto; margin-right:0; } .boxalignleft { margin-left:0; margin-right:auto; } .boxwidthnarrow { width: 30% } .boxwidthnormal { width: 50% } .boxwidthwide { width: 80% } .centerpara { text-align:center } .collapsibleregion { overflow: hidden; padding: 1px; } .collapsibleregioncaption { white-space: nowrap; } .collapsibleregioncaption img { vertical-align: middle; } div.collapsibleregion div.collapsibleregioncaption a { color: inherit; text-decoration: none; } .jsenabled .collapsed .collapsibleregioninner { visibility: hidden; } .noticebox { border-width:1px; border-style:solid; padding:10px; } #notice.generalbox { width: 60%; margin-left:auto; margin-right:auto; } #notice .buttons { text-align:center } #notice .buttons div, #notice .buttons form { display:inline; } #notice .singlebutton { text-align:center; padding: 5px; margin: 0px; } .errorbox { border-width:1px; border-style:solid; margin: 1em 15%; width: 70%; padding:10px; } .errorbox .title { padding: 5px; } .informationbox { border-width:1px; border-style:solid; padding: 10px; } .feedbackbox { border-width:1px; border-style:solid; } .feedbackby { } .feedback { } .rsslink { padding: 0 0 0 0.3em; } .printicon { padding: 0 0 0 0.3em; } .generaltable { border-width: 1px; border-style: solid; } .generaltable .cell { border-width: 1px; border-style: solid; border-collapse: collapse; } .generaltable th.header { vertical-align: top; } table.rotateheaders th.header { vertical-align: bottom; } #participationreport .reporttable { text-align: center; margin-left:auto; margin-right:auto; } #participationreport { text-align: center; } #participationreport .modulename { font-weight: bold; } #participationreportselector { text-align: center; } #participationreportactions { text-align: center; } .initialbar { text-align: center; } #help .indent { margin-left:3em; } .closewindow, #help .helpindex { text-align: center; } .tabledivider { border-width:1px; border-style:solid; border-left:0; border-right:0; border-top:0; } .sitetopic { margin-bottom:20px; } .sitetopiccontent { border-width:1px; border-style:solid; } .pagingbar { text-align:center; } .pagingbar a { padding-left: 10px; } .pagingbar .thispage { padding-left: 10px; } table.formtable { margin: auto; } table.formtable tbody th { vertical-align: top; } table.formtable tbody td, table.formtable tbody th { padding: 5px; } table.formtable tbody .htmlarea td, table.formtable tbody .htmlarea th { padding: 0; } .flexible th { white-space: nowrap; } .paging { text-align: center; margin: 10px 0 10px 0; } .unread { padding-right:2px; } .cell { vertical-align: top; } .heading-with-help { text-align:center; margin:0.83em 0; } .heading-with-help h2 { margin:0; display:inline; } .helplink img { vertical-align: middle; margin: 0 2px; width: 17px; height: 17px; } img.emoticon { vertical-align: middle; width: 15px; height: 15px; } form.popupform, form.popupform div { display: inline; } form.popupform label { margin-right: 0.5em; } .arrow_button { margin-top:3em; } .arrow_button input { padding:0.3em; overflow:hidden; } .groupmanagementtable { width: 90%; } .groupmanagementtable td { vertical-align: top; } .groupmanagementtable p { text-align: left; margin-bottom: 0.2em; } .groupmanagementtable #existingcell, .groupmanagementtable #potentialcell { width: 42%; } .groupmanagementtable #existingcell label, .groupmanagementtable #potentialcell label { font-weight: bold; } .groupmanagementtable #buttonscell { width: 16%; } .groupmanagementtable #buttonscell p { text-align: center; } .groupmanagementtable #buttonscell input { width: 80%; padding: 1em 0; } .groupmanagementtable #buttonscell #remove { margin: 7em 0; } .groupmanagementtable #backcell { padding-top: 2em; text-align: center; } .groupmanagementtable #removeselect_wrapper, .groupmanagementtable #addselect_wrapper { width: 100%; } .groupmanagementtable #removeselect_wrapper label, .groupmanagementtable #addselect_wrapper label { font-weight: normal; } #group-groupings .buttons { margin: 20px; text-align:center; } #group-groupings .buttons .singlebutton { display: inline; padding: 5px; } #group-usersummary { width: 14em; } img.icon { vertical-align:middle; /*margin-right:4px;*/ width:16px; height:16px; border:0px; } img.iconsmall { vertical-align:middle; margin-right:1px; width:11px; height:11px; border:0px; } img.iconhelp { vertical-align:middle; margin-right:4px; width:17px; height:17px; border:0px; } img.iconkbhelp { width:49px; height:17px; border:0px; } img.icontoggle { width:50px; height:17px; border:0px; vertical-align:middle; } /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */ .accesshide { position:absolute; top:-100000px; left:10px; font-weight:normal; font-size:1em; } .invisiblefieldset { display:inline; border:0px; padding:0px; margin:0px; } span.hide, div.hide { display:none; } .userselector select { width: 100%; } .userselector div { margin-top: 0.2em; } .userselector div label { margin-right: 0.3em; } #userselector_options { font-size: 0.75em; } #userselector_options .collapsibleregioncaption { font-weight: bold; } #userselector_options p { margin:0.2em 0pt; text-align:left; } #help_icon_tooltip { font-size: 0.7em; } #help_icon_tooltip h1 { font-size: 1.1em; font-weight: bold; } #help_icon_tooltip div.bd { width: 35em; } #help_icon_tooltip .readmore { display: block; font-style: italic; margin-top:10px; } /*** *** Forms ***/ .mform { margin: 0 auto; padding: 0; width: 80%; } .mform fieldset { border: 1px solid #DDDDDD; padding: 10px 0; margin: 0.7em 0; width:100%; } .mform fieldset.hidden, .mform fieldset.felement { border: 0; } .mform fieldset.felement { width: auto; } .mform ul.file-list{ padding:0; margin:0; list-style:none; } .mform fieldset legend { font-weight: bold; margin-left: 0.5em; } .advancedbutton { width:100%; text-align:right; } .jsenabled .advancedbutton .showadvancedbtn { display:none; } .mform div.fitem { clear: both; width: 100%; min-height: 1.5em; } .mform .fitemtitle { display: block; float: left; width: 30%; padding: 0; margin: 5px 0 0 10px; text-align: right; } .mform .fitemtitle div{ display: inline; } div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label, fieldset.fdate_selector label { display:inline; float: none; width: auto; } #date_selector_calendar_panel .bd { padding: 0; } #date_selector_calendar_panel .yui-calcontainer { border: none; float: none; } /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */ #date_selector_calendar_panel.yui-overlay-hidden table { *display:none; } #date_selector_calendar_panel th.calhead { padding-right: 2em; } #date_selector_calendar_panel a.container-close { top: 10px; } .mform div.felement, .mform fieldset.felement{ display: block; float: left; margin: 5px 0 0 10px; padding: 0; text-align:left; width: 60%; } .mform div.fdescription { clear: both; min-height: 1.5em; } .mform .fdescription.required { text-align:right; } .mform input, .mform select { width: auto; } .mform .ftextarea #id_alltext { width: 100%; } .mform br { clear: left; } .mform div.fhtmleditor { margin: 5px 0 0 10px; padding: 0; float: left; display: block; } .mform span.error, .mform span.required { color: red; float: right; margin-right: 0.3em; } .mform div.error,.mform fieldset.error { border: 1px solid red; color: inherit; } .mform .fcheckbox input { margin-left: 0px; } .mform .fpassword .unmask { display:inline; } .mform .fpassword .unmask input { margin-left:5px; margin-right:3px; } .mform label .req, .mform label .adv { cursor: help; } .mform .ftags label.accesshide { display: block; position: static; } .mform .ftags select { margin-bottom: 0.7em; min-width: 22em; } /* form frozen */ div.mform div.fitem div.fstatic{ border-color : #D3D3D3; border-style : dashed; border-width : thin; } #admin-register .mform .fsubmit { padding:20px; text-align:center; } div.phpinfo .center{ text-align: center; } div.phpinfo .center table { margin-left: auto; margin-right: auto; text-align: left; } div.phpinfo .center th { text-align: center; } .backup-form-instances { margin:0px 20px 0px 20px; } .restore-form-instances { margin:0px 20px 0px 20px; } #portfolio-add-button { display:inline; } /*** *** Header ***/ #header-home { } #header { } .headermain, h1.headermain { float:left; margin:0; padding:0; } .headermenu { float:right; text-align:right; } .navigation li, .navigation div, .navigation button, .navigation form { display: inline; } .navbar { width:auto; padding:3px 0.5em; border-width:1px; border-style:solid; } .navbar .langmenu { text-align:right; } table.navbar { width: 100%; } .navbar .navbutton { margin-top: 3px; float: left; } .navbar .navbutton div, .navbar .navbutton form { display:inline; margin:0px; padding:0px; } .navbar .breadcrumb { float:left; margin:0.2em 0; } .breadcrumb ul { padding:0; margin:0; text-indent:0; list-style:none; } .breadcrumb li { display:inline; } .navbar .navbutton, .navbar .menu { float:right; } #footer .navbar { margin-top: 4em; } .reportlink { text-align:right; } .navigation { margin-bottom: 4px; } .navigation ul { margin:0px; padding:0px; list-style-type:none; } .navigation ul li form, .navigation ul li { display:inline; margin:0px; padding:0px; margin-left:2px; } .navigation ul li form fieldset, .navigation ul li form div select { vertical-align: middle; } .navigation optgroup { text-align:center; padding-top:4px; } .navigation option { text-align:left; } .navigation optgroup option { padding:0px; } #navmenupopup option, #navmenufooterpopup option { padding: 2px 0 2px 20px; background-repeat: no-repeat; background-position: 1px 2px; vertical-align: middle; } /*** *** Footer ***/ #footer { text-align:center; margin-top: 40px; } .homelink { margin: 1em 0; } .homelink a { padding-left:1em; padding-right:1em; } .sitelink { padding-top:1em; } .performanceinfo { margin: 2em; } .performanceinfo span { display: block; } #footer .validators { margin-top:40px; padding-top:5px; border-top: 1px dotted gray; } #footer .validators ul { margin:0px; padding:0px; list-style-type:none; } #footer .validators ul li { display:inline; margin-right:10px; margin-left:10px; } /*** *** Filters ***/ .mediaplugin { display:block; clear:both; margin-top:5px; margin-bottom:5px; } .mediaplugin_mp3, .mediaplugin_swf, .mediaplugin_flv { display:inline; clear:none; margin:0px; margin-left:0.5em; } .texrender { border:0px; vertical-align:middle; } /*** *** Admin ***/ body#admin-index .c0 { vertical-align: top; } body#admin-index .c1 { vertical-align: middle; } body#admin-blocks table.generaltable th, body#admin-filters table.generaltable th, body#admin-modules table.generaltable th, body#admin-auth table.generaltable th { white-space: nowrap; } body#admin-modules .generaltablecell { padding-top: 2px; padding-bottom: 2px; } body#admin-blocks table.generaltable th, body#admin-blocks table.generaltable td.cell, body#admin-filters table.generaltable th, body#admin-filters table.generaltable td.cell, body#admin-modules table.generaltable th, body#admin-modules table.generaltable td.cell, body#admin-auth table.generaltable th, body#admin-auth table.generaltable td.cell { padding: 4px; text-align: center; vertical-align: middle; } body#admin-blocks table.generaltable th.c0, body#admin-blocks table.generaltable td.c0, body#admin-filters table.generaltable th.c0, body#admin-filters table.generaltable td.c0, body#admin-modules table.generaltable th.c0, body#admin-modules table.generaltable td.c0, body#admin-auth table.generaltable th.c0, body#admin-auth table.generaltable td.c0 { text-align: left; } body#admin-modules table.generaltable td.c0 { white-space: nowrap; } #admin-blocks #admin-config .confighelp { display: block; padding-bottom: 20px; } #admin-stickyblocks .generalbox { text-align:center; } #admin-index .copyrightnotice { margin: auto; text-align: center; } #admin-maintenance .buttons { text-align:center; } #admin-report-unittest-index .exception pre { padding: 8px; } #admin-report-unittest-index .unittestsummary { padding: 8px; margin-top: 1em; } #admin-report-security-index #timewarning { text-align:center; } #admin-report-security-index .timewarninghidden { display:none; } #admin-report-capability-index .rolecaps th { text-align: left; } #admin-report-capability-index #settingsform { text-align: left; } #admin-report-capability-index #settingsform h2 { margin-top: 0; } #admin-report-capability-index #settingsform p { margin-bottom: 0; } #admin-report-capability-index #settingsform #menucapability, #admin-report-capability-index #settingsform #capabilitysearchui { width: 100%; } #admin-report-capability-index #settingsform #capabilitysearch { width: 30em; } #admin-report-capability-index h3 { margin-bottom: 0; } #admin-report-questioninstances-index #settingsform h2 { margin-top: 0; } #admin-report-questioninstances-index #settingsform p { margin-bottom: 0; } #admin-report-questioninstances-index #settingsform p { margin-bottom: 0; } #admin-qtypes th { white-space: normal; } #admin-qtypes .cell.c3 { font-size: 0.7em; } #admin-qtypes .cell { text-align: center; } #admin-qtypes .cell.c0 { text-align: left; } #admin-qtypes #qtypes div, #admin-qtypes #qtypes form { display: inline; } #admin-qtypes #qtypes img.spacer { width: 16px; } #filter-manage .buttons, #admin-roles-allow .buttons, #admin-roles-manage .buttons, #admin-roles-define .buttons, #admin-roles-override .buttons { margin: 20px; text-align:center; } #admin-roles-manage .buttons .singlebutton, #admin-roles-define .buttons .singlebutton, #admin-roles-override .buttons .singlebutton { display: inline; padding: 5px; } #admin-roles-define .topfields { margin: 1em 0 2em; } .roleassigntable { width: 100%; } .roleassigntable td { vertical-align: top; padding: 0.2em 0.3em } .roleassigntable p { text-align: left; margin: 0.2em 0; } .roleassigntable #existingcell, .roleassigntable #potentialcell { width: 42%; } .roleassigntable #existingcell label, .roleassigntable #potentialcell label { font-weight: bold; } .roleassigntable #buttonscell { width: 16%; } .roleassigntable #buttonscell #add, .roleassigntable #buttonscell #remove { width: 100%; margin: 0.3em 0; padding: 0.5em 0; } .roleassigntable #buttonscell p { margin: 0.3em 0; } .roleassigntable #buttonscell #assignoptions { font-size: 0.75em; } .roleassigntable #buttonscell #assignoptions .collapsibleregioncaption { font-weight: bold; } .roleassigntable #buttonscell #addcontrols { margin-top: 3em; height: 13em; } .roleassigntable #removeselect_wrapper, .roleassigntable #addselect_wrapper { width: 100%; } .roleassigntable #removeselect_wrapper label, .roleassigntable #addselect_wrapper label { font-weight: normal; } #admin-roles-define .mform { width: 100%; } #filter-manage .backlink, #admin-roles-manage .backlink, #admin-roles-define .backlink, #admin-roles-explain .backlink, #admin-roles-assign .backlink, #admin-roles-override .backlink { text-align: right; width: 90%; margin: 2em auto 1em; } #admin-roles-explain #chooseuser h3 { margin-top: 0; } #admin-roles-explain #chooseusersubmit { margin: 1em 0 0; text-align: center; } #admin-roles-usersroles .contextname { margin: 0.5em 0 0; } #admin-roles-usersroles p { margin: 0; } table.rolecap { margin-left: auto; margin-right: auto; } .capabilitysearchui { text-align: left; margin-left: auto; margin-right: auto; } table.rolecap .hiddenrow { display: none; } tr.rolecap th { text-align: left; font-weight: normal; } table.rolecap .inherit, table.rolecap .allow, table.rolecap .prevent, table.rolecap .prohibit { text-align:center; } table.rolecap label { display: block; width: 100%; min-height: 2.5em; } .rolecap .cap-name, .rolecap .note { display: block; padding: 0 0.5em; } #admin-roles-override .cell.c1, #admin-roles-assign .cell.c3, #admin-roles-assign .cell.c1 { padding-top: 0.75em; } #admin-roles-override .overridenotice, #admin-roles-define .definenotice { margin: 1em 10% 2em; text-align: left; } table.explainpermissions { border: 1px solid black; } table.explainpermissions .cell { border-bottom: none; } table.explainpermissions th.header, table.explainpermissions th.cell, table.explainpermissions td.cell { border-left: 1px solid black; border-right: 1px solid black; vertical-align: middle; } table.explainpermissions .newcontext .cell, table.explainpermissions .row2 th.header { border-top: 1px solid black; } table.explainpermissions .cell.inherit, table.explainpermissions .cell.noroles { color: gray; } table.explainpermissions th.assignment { text-align: left; padding-left: 0.5em; } table.explainpermissions .cell.prohibit { font-weight: bold; } table.explainpermissions .cell { padding: 0.2em 0.5em; text-align: center; } #admin-lang .generalbox { text-align:center; margin:auto; border-width: 1px; border-style: solid; } #admin-langimport .generalbox { text-align:center; margin:auto; border-width: 1px; border-style: solid; } #admin-langimport .generalbox table { text-align:center; margin:auto; } #admin-index .adminerror, #admin-index .adminwarning { text-align:center; border-width: 1px; border-style: solid; margin:20px; } #admin-index .adminerror .singlebutton, #admin-index .adminwarning .singlebutton, #admin-index #layout-table .singlebutton { text-align:center; margin:20px; } #admin-user-user_bulk #users .fgroup { white-space: nowrap; } .plugincompattable caption { text-align: center; width: 100%; font-weight: bold; font-size: 130%; } .plugincheckwrapper td{ border: 1px #bbbbbb solid; } .plugincheckwrapper{ width: 100%; } /* Admin settings */ #adminsettings div.form-item { clear: both; margin: 1em 0 2em 0; } #adminsettings .form-label { display: block; float: left; width: 12.5em; text-align: right; } #adminsettings .form-shortname { display: block; } #adminsettings .form-setting { display: block; margin-left: 13em; text-align: left; } #adminsettings .form-defaultinfo { display: inline; } #adminsettings .defaultsnext { margin-right: 0.5em; display: inline; } #adminsettings .form-description { display: block; margin: 0.5em 0 0em 13em; text-align: left; } #adminsettings div.form-password div.unmask { display: inline; } #adminsettings fieldset { margin-top: 1em; padding: 1em 0.5em; } #adminsettings legend { display: none; } #adminsettings fieldset.error { margin: 0.2em 0 0.5em 0; padding: 0.5em 0 0 0; } #adminsettings fieldset.error legend { display: block; } #adminsettings .form-multicheckbox li { list-style: none; } #adminsettings .form-multicheckbox ul { padding:0; margin:0; } #adminsettings .form-item .pathok, #adminsettings .form-item .patherror { margin-left: 0.5em; } #adminsettings .form-htmlarea { width: 640px; display:inline; } #adminsettings .form-htmlarea .htmlarea { width: 640px; display:block; } .environmentbox { margin-top: 1em; } .environmenttable .cell { padding: 0.15em 0.5em; } .form-buttons { margin: 10px 0 0 13em; } .adminsearchform { padding-top:10px; } .block_admin_tree .admintree { text-align:left; } .block_admin_tree .admintree .depth1 { padding-left: 16px; } .block_admin_tree .admintree .depth2 { padding-left: 32px; } .block_admin_tree .admintree .depth3 { padding-left: 48px; } .block_admin_tree .admintree .depth4 { padding-left: 64px; } #admin-lang .translator { border-width: 1px; border-style: solid; } #adminsettings #admin-calendar_weekend table { width: 100%; } #adminsettings #admin-calendar_weekend table td { text-align: center; } #adminsettings #admin-calendar_weekend table td label { width: 100%; text-align: center; float: none; } #trustedhosts .generaltable { margin-left: auto; margin-right: auto; width: 500px; } #trustedhosts .standard { width: auto; } #mnetconfig table { margin-left: auto; margin-right: auto; } #admin-report-courseoverview-index .graph, #course-report-stats-index .graph, #admin-report-stats-index .graph { text-align: center; margin-bottom: 1em; } #admin-uploaduser table#uuresults { margin-bottom: 2em; } #admin-uploaduser table#uupreview, #admin-uploaduser table#uuresults td.cell { padding-left: 3px; padding-right: 3px; } /*** *** Blocks ***/ /*Accessibility: Skip block link, for keyboard-only users. */ a.skip-block, a.skip { position: absolute; top: -1000em; font-size: 0.85em; } a.skip-block:focus, a.skip-block:active, a.skip:focus, a.skip:active { position: static; display: block; } .skip-block-to, #maincontent { display: block; height: 1px; overflow: hidden; } .sideblock { margin-bottom:1em; width: 100%; } .sideblock .header, .sideblock h2.header { text-align: left; margin:0; padding:4px; padding-top:0; border-width: 1px; border-style: solid; border-bottom: none; } .sideblock h2 { margin:0; padding:0; } .sideblock .header .hide-show-image { float:right; height:11px; width:11px; margin-top:0.25em; } .sideblock .header .commands { margin-top: 0.3em; clear: both; height: 16px; } .sideblock .header .commands a { margin: 0px 2px; } .block-region .hidden .header { border-bottom-width: 1px; border-bottom-style: solid; } #region-side-pre, #region-side-post { width: 12em; } #content { width: auto; } .block-region .hidden .content { display: none; } .block-region .invisible { opacity: 0.5; filter: alpha(opacity=0.5); } .sideblock .header .icon.hide, .sideblock .header .icon.edit { margin-right: 6px; } .blockannotation { font-size:0.75em; margin: -1em 0 1em; } .blockmovetarget { display: block; height: 1em; margin-bottom: 1em; border-width: 2px; border-style: dashed; } .sideblock.beingmoved { border-width: 2px; border-style: dashed; } .sideblock .content { padding: 4px; border-width: 1px; border-style: solid; } .sideblock .content h3, .sideblock .content h2 { text-align: left; } .sideblock .content h2 { margin:1.5em 0 0; padding:0; } .sideblock .content .head { margin-top: 10px; } .sideblock .content hr { height:1px; margin-top:4px; margin-bottom:4px; border:none; border-top:1px solid; } .sideblock div.column { margin:0px; margin-right:4px; padding:0px; } .sideblock div.column.c0 { float: left; } .sideblock div.column.c1 { display: inline; } .sideblock .content .c0 img.icon { margin:0px; } .sideblock .content .list, .unlist, .inline-list { list-style:none; padding:0; margin:0; } .sideblock .content .list { width: 100%; } .sideblock .content .list li { clear: left; } .sideblock .content .inline-list li, .inline-list li { display: inline; } .sideblock .content ul.list li.listentry { clear:both; } .sideblock .content div.info { text-align:center; } .sideblock .footer { margin-bottom: 4px; text-align:center; clear:both; } .sideblock img.userpicture { width:16px; height:16px; margin-right:4px; } .blockconfigtable { margin-top: 0; margin-right: auto; margin-left: auto; } .blockconfigtable td.label { text-align: right; width: 50%; } .blockconfigtable td.value { text-align: left; width: 50%; } .blockconfigtable td.submit { text-align: center; } .blockconfiginstancecontent .tabs { margin-bottom: 0px; margin-left: auto; margin-right: auto; } .block_adminblock { width: 180px; } .block_messages .content { text-align:left; font-size:0.75em; padding-top:5px; } .block_recent_activitysideblock .h3 { padding-top:5px; } .block_online_users .listentry div.user, .block_messages .listentry div.user { float:left; } .block_online_users .listentry div.message, .block_messages .listentry div.message { float:right; } .block_course_list .footer { margin-top: 5px; } #rssfeeds { margin-left: auto; margin-right: auto; } #block_rss { text-align: center; } .block_search_forums .invisiblefieldset { display: block; } .block_tag_youtube .youtube-thumb { padding: 3px; padding-bottom: 0.5em; display: block; float: left; } .block_tag_youtube .yt-video-entry li { clear: left; } .block_tag_flickr .flickr-photos { padding:3px; } /** * Navigation and settings block **/ .customcommand img { margin-left:2px; margin-right:2px; } .sideblock .block_tree_box { margin:2px; } .sideblock .block_tree { width:180px; overflow-x:auto; overflow-y:visible; } .ie6 .sideblock .block_tree, .ie7 .sideblock .block_tree { overflow-x:scroll; } .block_tree { list-style: none; padding-left:0px; margin:3px; } .block_tree ul { margin-left: 0px; padding-left:16px; list-style: none; } .block_tree .current_branch { background-color:#eee; } .block_tree .tree_item { white-space:nowrap; margin:2px 0px; padding-left: 16px; margin:3px 0px; white-space:nowrap; } .ie6 .block_tree .tree_item { width:100%; } .block_tree .tree_item.note { white-space:normal; font-size:90%; } .block_tree .tree_item.branch { background-image: url(../../pix/t/expanded.png); background-position: center left; background-repeat: no-repeat; } .block_tree .root_node.leaf { padding-left:0px; } .jsenabled .sideblock_js_sidebarpopout, .jsenabled .block_tree .collapsed ul { display: none; } .jsenabled .block_tree .tree_item.branch { cursor:pointer; } .jsenabled .block_tree .collapsed .tree_item.branch { background-image: url(../../pix/t/collapsed.png); } .jsenabled .block_tree .tree_item.emptybranch { background-image: url(../../pix/t/collapsed_empty.png); background-position: center left; background-repeat: no-repeat; } .block_tree_box .requiresjs { display:none; } .jsenabled .block_tree_box .requiresjs { display:inline; } /* Navigation and settings block */ /* This CSS is for the side panel */ body.has_navigation_bar { margin-left:3em; } .navigation_bar { width:30px; position:fixed; top:0px; left:0px; height:100%; border-right:1px solid #bbb; border-bottom:1px solid #bbb; background-image:url(gradient_vertical.jpg); background-position:100% 0%; background-repeat:repeat-y; } .ie6 .navigation_bar { position:absolute; } .ie6 .navigation_bar hr { display:none; margin:0px; height:0px; padding:0px; } .ie6 .navigation_bar li p { background-color:inherit; } .navigation_bar .sideblock_tab { } .navigation_bar .sideblock_tab .firsttab { margin-top:1em; } .navigation_bar .sideblock_tab .title { border-bottom:1px solid #eee; border-top:1px solid #ddd; cursor:pointer; } .navigation_bar .bd.oversized_content { overflow-y:auto; overflow-x:visible; height:inherit; } .navigation_bar .block_tree .current_branch { background-color:#ddd; } .ie6 .navigation_bar .bd.oversized_content { width:100%; } .ie7 .navigation_bar .bd.oversized_content { width:400px; } .navigation_bar .bd.oversized_content .content { margin:6px 6px 6px 0px; padding-bottom:6px; } .ie6 .navigation_bar .bd.oversized_content .content, .ie7 .navigation_bar .bd.oversized_content .content { padding-bottom:0px; } .navigation_bar .sideblock_tab .title.active_tab { background-color:#e9e9e9; border-bottom-color:#ccc; border-top-color:#ddd; } .navigation_bar .sideblock_tab .title h2 { font-size:0.8em; line-height:100%; text-transform:uppercase; text-align:center; } .navigation_bar .controls { position:absolute; bottom:1em; width:100%; text-align:center; } .navigation_bar .controls img { cursor:pointer; } /* Navigation and settings block */ /* Sideblock expansion code */ .sideblock_js_expansion .block_tree { overflow-x:scroll; } .sideblock_js_expansion.mouseover .content { width:200%; z-index:1000; position:relative; } .sideblock_js_expansion.mouseover .content .block_tree { width:100%; background-color:#fcfcfc; padding-bottom:0px; } .ie6 .sideblock_js_expansion.mouseover .content, .ie7 .sideblock_js_expansion.mouseover .content{ padding-bottom:2px; } /*** *** Blogs ***/ .addbloglink { text-align: center; } .blog_entry .audience { text-align: right; } .blog_entry .tags { margin-top: 15px; } #blog-external form input { width: 260px; } #blog-external #id_submitbutton, #blog-external #id_cancel { width: auto; } /*** *** Calendar ***/ #calendar { width: 100%; border-spacing: 5px; border-collapse: separate; } #calendar h2, #calendar h3 { text-align: center; } #calendar .sideblock h2 { text-align: left; } #calendar .maincalendar, #calendar .sidecalendar { vertical-align: top; border: 1px solid; padding: 0px; } #calendar .maincalendar { height: 100%; } #calendar .maincalendar .heightcontainer { height: 100%; position: relative; } #calendar .maincalendar .bottom { width: 100%; text-align: center; padding:5px 0 0; } #calendar .sidecalendar { width: 25%; } #calendar .maincalendar table.calendarmonth { border-collapse: separate; margin: 0px auto; width: 98%; } #calendar .maincalendar table.calendarmonth th { padding:10px; border-bottom:2px solid; } #calendar .maincalendar table.calendarmonth td { height: 5em; padding-left: 4px; padding-top: 4px; line-height:1.2em; } #calendar .maincalendar table.calendarmonth td, table.minicalendar td, table.minicalendar th { width:14%; vertical-align:top; } table.minicalendar td { text-align: center; } #calendar .maincalendar table.calendarmonth td table td { height: auto; } #calendar .maincalendar div.header { padding: 5px; } #calendar .maincalendar .buttons { float: right; } #calendar .maincalendar .filters table, #calendar .sidecalendar .filters table, .sideblock.block_calendar_month .filters table { border-collapse:separate; border-spacing: 2px; padding: 2px; width: 100%; } #calendar .maincalendar .filters { padding: 0px 10px; } #calendar .sidecalendar .filters { padding: 5px; } #calendar .maincalendar .controls { clear:both; padding:10px; } #calendar .maincalendar table.calendarmonth ul.events-new, #calendar .maincalendar table.calendarmonth ul.events-underway { padding:0px; margin:0px; list-style-type:none; } #calendar .maincalendar table.calendarmonth ul li { margin-top: 4px; } .minicalendarblock { padding: 0px 4px; } table.minicalendar { width: 100%; margin: 10px auto; padding:2px; border-width:1px; border-style:solid; border-collapse:separate; border-spacing:1px !important; } table.minicalendar th { padding: 0px 2px; } #calendar .maincalendar .eventlist { padding: 10px; } #calendar .maincalendar .eventlist .topic { padding: 5px; border-style:solid; border-width: 0px; border-bottom-color: #EEEEEE; border-bottom-width: 1px; } #calendar .maincalendar .eventlist .event { width:100%; margin-bottom:10px; border-spacing:0px; border-collapse:separate; border-width:1px; border-style:solid; } #calendar .maincalendar .eventlist .event .name { float:left; } #calendar .maincalendar .eventlist .event .course { float:left; clear:left; } #calendar .maincalendar .eventlist .event .date { float:right; } #calendar .maincalendar .eventlist .event .description .commands { width:100%; } #calendar .maincalendar .eventlist .event .description { padding:5px; } #calendar .maincalendar .eventlist .event .picture { padding:8px; } #calendar .maincalendar .eventlist .event .side { width:32px; } #calendar #selecteventtype table { margin:auto; } #calendar .event_global, #calendar .event_course, #calendar .event_group, #calendar .event_user, .minicalendar .event_global, .minicalendar .event_course, .minicalendar .event_group, .minicalendar .event_user { border:2px solid !important; } #calendar .duration_global, #calendar .duration_course, #calendar .duration_group, #calendar .duration_user, .minicalendar .duration_global, .minicalendar .duration_course, .minicalendar .duration_group, .minicalendar .duration_user { border-top:2px solid !important; border-bottom:2px solid !important; } #calendar .today, .minicalendar .today { border:2px solid; } #calendar .nottoday, .minicalendar .today { border:1px solid; } .cal_popup_bg { padding:0px; margin:0px; border:1px solid; } .cal_popup_close { margin-right:5px; } .cal_popup_caption { border-width:0px 0px 1px 0px; border-style:solid; padding-bottom:2px; } /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */ .calendar-controls .previous, .calendar-controls .next, .calendar-controls .current { display: block; float: left; width: 12%; } .calendar-controls .previous { text-align: left; } .calendar-controls .current { text-align: center; width: 76%; } .calendar-controls .next { text-align: right; } #calendar .maincalendar .calendar-controls .previous, #calendar .maincalendar .calendar-controls .next { width: 30%; } #calendar .maincalendar .calendar-controls .current { width: 39.95%; } #calendar .indent { padding-left: 20px; } #calendar td.sidecalendar { border-width:0px; } #calendar td.sidecalendar .minicalendartop { padding-top:10px; } .sideblock .content h3.eventskey { margin-top:0.5em; margin-bottom:0; margin-left:0.5em; } /*** *** Course ***/ .activitydate, .activityhead { text-align:center; } .course-view .section td { vertical-align:top; } .course-view .section td.content { padding:5px; border-style:solid; border-width:1px; border-left:0px; border-right:0px; } .course-view .section td.side { padding:5px; border-style:solid; border-width:1px; } .course-view .section td.left { border-right:0px; text-align:center; width: 1.5em; } .course-view .section td.right { border-left:0px; text-align:center; width: 1.5em; } .course-view .current .side { } .course-view .section .spacer { height:0.5em; } .course-view .section .weekdates { } .course-view li.activity { margin-right:20px; /* Space allowed for completion icons if enabled */ position:relative; } .dir-rtl.course-view li.activity { margin-right:0px; margin-left:20px; } .course-view li.activity form.togglecompletion, .course-view li.activity span.autocompletion { display:inline; position:absolute; right:-20px; top:0; z-index:10; padding:0.2em 0; } .dir-rtl.course-view li.activity form.togglecompletion, .dir-rtl.course-view li.activity span.autocompletion { right:auto; left:-20px; } .course-view li.activity form.togglecompletion div { display:inline; } .course-view .completion-saved-display { position:absolute; top:0; left:0; border:1px solid black; padding: 1px 2px; background:white; font-size:0.85em; } .course-view .completionprogress { font-size:0.80em; float:right; padding:8px 26px 5px 5px; ; } .course-view .completionprogress img.iconhelp { vertical-align:top; } .course-view ul.section, #site-index ul.section { margin: 0; padding: 0; list-style: none; } .section_add_menus { text-align:right; } .section_add_menus .horizontal div { display:inline; } .weeks-format, .topics-format { margin-top: 8px; } /*.course-view ul.section li.activity ul li, #site-index ul.section li.activity ul li { list-style: disc; }*/ /*Accessibility: No-tables course format. */ .course-view ul.weeks , .course-view ul.topics{ margin: 0; padding: 0; list-style: none; } /* Window-width: 800 pixels. IE doesn't support, see inline IE conditional comment. */ .weeks-format, .topics-format { min-width: 763px; } .topics-format .block_adminblock select, .weeks-format .block_calendar_month .minicalendar, .topics-format .block_calendar_month .minicalendar { width: 100%; padding: 0; } .weeks-format .block_calendar_month .minicalendar th, .topics-format .block_calendar_month .minicalendar th, .weeks-format .block_calendar_month .minicalendar td, .topics-format .block_calendar_month .minicalendar td { padding: 0.1em 0 0.1em 1px; } .weeks li.section , .topics li.section { margin-bottom: 0.5em; border-style:solid; border-width:1px; } .weeks .content, .topics .content { padding: 5px; margin: 0 1.7em 0 1.7em; } .weeks .right, .weeks .left, .topics .right, .topics .left { width: 1.6em; padding: 5px 0; text-align: center; } .weeks .left, .topics .left { float: left; } .weeks .right, .topics .right { float: right; } .section .activity img.activityicon { vertical-align:middle; height:16px; width:16px; } .section img.movetarget { height:16px; width:80px; } body.course-view .unread { margin-left: 3em; } body.course-view .sideblock.drag .header { cursor: move; } body#course-enrol .generalbox { margin-top: 20px; } body#course-enrol .coursebox { margin-top: 20px; } body#course-user .graph { text-align: center; } body#course-user .section, body#course-user .content { margin-left: 30px; margin-right: 30px; } body#course-user .section { border-width:1px; border-style:solid; padding:10px; margin-bottom: 20px; } body#course-user .section h2 { margin-top: 0; } .headingblock, h2.headingblock { border-width:1px; border-style:solid; padding:5px; margin:0; } #site-index .subscribelink, .course-view .subscribelink { text-align:right; } body#site-index .headingblock, body.course-view .headingblock { margin-bottom: 9px; } body#course-category .courseboxes, body#course-index .courseboxes { padding:20px; } body#admin-course-category .rolelink { text-align:right; padding:10px; } body#admin-course-category .addcategory { text-align: center; padding: 10px; } body#admin-course-index .buttons .singlebutton, body#admin-course-category .buttons .singlebutton { display: inline; } body#admin-course-index .buttons, body#admin-course-category .buttons { text-align: center; margin-bottom: 15px; } body#admin-course-index .editcourse { margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; } body#admin-course-index .editcourse th, body#admin-course-index .editcourse td { padding-left:10px; padding-right:10px; } body#admin-course-index .editcourse .count { text-align:right; } body#admin-course-index .singlebutton, body#admin-course-index .addcategory { text-align: center; } body#course-info .generalbox.icons { text-align: center; } body#course-info .generalbox.info { margin-left:auto; margin-right:auto; } .coursebox { width: 100%; /* float:left; */ margin-bottom: 15px; border-width:1px; border-style:solid; } .coursebox .summary { float: right; text-align:left; width: 48%; padding:5px; } .coursebox .info { float: left; text-align:left; width: 48%; padding:5px; } #my-index .coursebox .info { float: none; } #my-index .name { margin-left: 5px; } #course-pending .pendingcourserequests { margin-bottom: 1em; } #course-pending .pendingcourserequests .singlebutton { display: inline; } #course-pending .pendingcourserequests .cell { padding: 0 5px; } #course-pending .pendingcourserequests .cell.c6 { white-space: nowrap; } #course-pending .singlebutton { text-align: center; } .categorylist { width: 90%; margin-left: auto; margin-right: auto; } .categorylist .category.image { width: 20px; } .categorylist .category.number { text-align: right; } .categorylist .category.indentation { width: 1px; } .categoryboxcontent { border-width:1px; border-style:solid; } .categorypicker { text-align:center; padding-bottom:10px; } #coursesearch, #coursesearch2 { margin-top: 1em; text-align:center; } .addcoursebutton { text-align:center; } .coursebox .cost { padding-top: 20px; } .coursebox ul.teachers li { list-style-type:none; padding:0; margin:0; } #course-category #renameform { text-align:center; } #course-category #themeform { text-align: center; } #course-category .singlebutton { text-align:center; } #course-category #coursesearch { text-align:center; } #course-report #content { padding-top:15px; padding-bottom:15px; } #course-report p { text-align:center; } #course-report .logselectform, #course-report .participationselectform, #course-report-log-index .logselectform, #course-report-participation-index .participationselectform { margin-left:auto; margin-right:auto; text-align:center; margin-top:10px; margin-bottom:10px; } #course-report .participationselectform label, #course-report-participation-index .participationselectform label { margin-left:15px; margin-right:5px; } #course-report-log-index .info, #course-report-log-indexlive .info { margin-left:auto; margin-right:auto; text-align:center; margin:10px; } .course-report-outline td.numviews { text-align:right; } .course-report-outline div.loginfo { text-align:center; margin: 1em; } #content .coursebox .summary .category { text-align:right; } #course-editsection .singlebutton { text-align:center; } .jumpmenu {text-align:center} /*** *** Group ***/ body#group-index #groupeditform { text-align: center; } #add, #remove{ text-align:center; } /*** *** Doc ***/ body#doc-contents h1 { margin: 1em 0px 0px 0px; } body#doc-contents ul { list-style-type: none; margin: 0; padding: 0; width: 90%; } /*** *** Grades ***/ /* scales edit */ .grade-edit-scale .buttons { margin: 20px; text-align:center; } .grade-edit-scale .buttons .singlebutton { display: inline; padding: 5px; } /* outcomes edit */ .grade-edit-outcome .buttons { margin: 20px; text-align:center; } .grade-edit-outcome .buttons .singlebutton { display: inline; padding: 5px; } div.allcoursegrades { width: 100%; text-align: right; padding: 4px 0px 5px 0px; } .importoutcomenofile .singlebutton { text-align: center; margin-top: 5px; } /* gradebook edit tree */ .grade-edit-tree .gradetreebox { margin-left:auto; margin-right:auto; margin-top:10px; padding-bottom:15px; } .grade-edit-tree .buttons { margin: 20px; text-align:center; } .grade-edit-tree .idnumber { margin-left: 15px; } .grade-edit-tree .buttons .singlebutton { display: inline; padding: 5px; } .grade-edit-tree .movetarget { position: relative; width: 80px; height: 16px; } .grade-edit-tree ul#grade_tree { width: auto; } .grade-edit-tree ul#grade_tree li { list-style: none; } .grade-edit-tree ul#grade_tree li.category { margin-bottom: 6px; } .grade-edit-tree .iconsmall { margin-left: 4px; } #grade-report-toggles { text-align: center; } .gradeexportlink { padding: 2em; text-align: center; margin-left: auto; margin-right: auto; } #grade-aggregation-help dt { margin-top: 15px; } #grade-aggregation-help dd.example { margin-top: 7px; } #grade-aggregation-help code { display: block; margin-top: 7px; } .gradetreebox table.simple { width: 70%; } /*** *** Login ***/ .loginbox { margin-top:15px; margin-bottom:15px; border:1px solid; width:50%; margin-left:25%; overflow:hidden; } .loginbox form { margin:0px; padding:0px; } .loginbox.twocolumns { width:90%; margin-left:5%; /* background: #faa; */ } .loginbox h2, .loginbox .subcontent { margin:5px; padding:10px; text-align:center; } .loginbox .loginpanel .subcontent { text-align:center; } .loginbox .loginpanel .desc { margin:0px; padding:0px; margin-bottom:5px; } .loginbox .signuppanel .subcontent { text-align:left; } .loginbox .loginsub { margin-left:0%; margin-right:0%; } .loginbox .guestsub, .loginbox .forgotsub { border-top:1px solid; margin-left:12%; margin-right:12%; margin-bottom:5px; } .loginbox .loginform { margin-top:1em; text-align:left; } .loginbox .loginform .form-label { float:left; text-align:right; width:40%; } .loginbox .loginform .form-input { float:right; width:59%; } .loginbox .loginform .form-input input { width: 6em; } .loginbox .signupform { margin-top:1em; text-align:center; } .loginbox.twocolumns .loginpanel { float:left; width:49.5%; border-right: 1px solid; margin-bottom:-2000px; padding-bottom:2000px; /* background: #afa; */ } .loginbox.twocolumns .signuppanel { float:right; width:50%; margin-bottom:-2000px; padding-bottom:2000px; } /*** *** Message ***/ #message-user .userpicture, #message-history .userpicture { width: 100px; height: 100px; } .message-discussion-noframes #userinfo .userpicture { float:left; } .message-discussion-noframes #userinfo .name h1 { margin:0px; } .message-discussion-noframes #userinfo .name { text-align:center; margin-left:60px; } .message-discussion-noframes #userinfo .commands { text-align:left; margin-left:60px; } .message-discussion-noframes #userinfo .commands ul { margin:0px; padding:0px; list-style-type:none; } .message-discussion-noframes #userinfo .commands ul li { display:inline; padding-right:16px; } .message-discussion-noframes #send { padding-top:10px; clear:both; } .message-discussion-noframes #send h1 { margin:0px; } .message-discussion-noframes #messages { padding-top:10px; } .message-discussion-noframes #messages ul.messagelist { margin:0px; padding:0px; } .message-discussion-noframes #send h1 { margin:0px; } .message .noframesjslink { margin-top:20px; } .message .link { vertical-align:middle; } table.message .searchresults td { padding:5px; border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0px; } .message .summary .link { text-align:right; } .message .heading { text-align:center; } .message .note { text-align:center; padding:10px; } #message-user .commands span { margin-left:10px; margin-right:10px; } body#message-messages { padding:10px; } body#message-send .notifysuccess { padding:1px; } body#message-send td.fixeditor { text-align:center; } body#message-edit fieldset { padding: 20px; } body#message-edit th { padding-top: 10px; padding-left: 20px; } body.message .messagejsautorefresh { display:none; } body.message .messagejsmanualrefresh { display:block; } body.jsenabled .messagejsautorefresh { display:block; } body.jsenabled .messagejsmanualrefresh { display:none; } /*** *** Notes ***/ .notepost { margin-bottom: 1em; background-color: #EEE; } .sitenotepost { } .coursenotepost { } .draftnotepost { } .ownnotepost .info { } .notepost .header { background: #DDD; padding: 5px; } .notepost .user { font-weight: bolder; } .notepost .userpicture { float: left; margin-right: 5px; } .notepost .info { font-size: smaller; } .notepost .content { clear: both; } .notepost .footer { clear: both; } body.notes .generalbox { margin-left:auto; margin-right:auto; width:90%; } body.notes .notesgroup { margin-left:20px; } /*** *** MyMoodle ***/ .my .coursebox .overview .info { margin-left:20px; } .my .coursebox .overview { margin-bottom:10px; } /*** *** Question ***/ .questionbank h2 { margin-top: 0; } .questioncategories h3 { margin-top: 0; } #chooseqtypebox { margin-top: 1em; } #chooseqtype h3 { margin: 0 0 0.3em; } #chooseqtype .instruction { display: none; } #chooseqtype .fakeqtypes { border-top: 1px solid silver; } #chooseqtype .qtypeoption { margin-bottom: 0.5em; } #chooseqtype label { display: block; } #chooseqtype .qtypename img { padding: 0 0.3em; } #chooseqtype .qtypesummary { display: block; margin: 0 2em; } #chooseqtype .submitbuttons { margin: 0.7em 0; text-align: center; } #qtypechoicecontainer { display: none; background: white; } body.jsenabled #qtypechoicecontainer { display: block; } #qtypechoicecontainer #chooseqtype { width: 30em; } #qtypechoicecontainer #chooseqtypehead h3 { margin: 0; } #qtypechoicecontainer #chooseqtype .qtypes { position: relative; border-bottom: 1px solid grey; padding: 0.24em 0; } #qtypechoicecontainer #chooseqtype .qtypeoption { margin-bottom: 0; } #qtypechoicecontainer #chooseqtype .instruction, #qtypechoicecontainer #chooseqtype .qtypesummary { display: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 60%; margin: 0; border-left: 1px solid grey; padding: 0.3em 0.5em; } #qtypechoicecontainer #chooseqtype .instruction, #qtypechoicecontainer #chooseqtype .selected .qtypesummary { display: block; } .que { text-align: left; margin: 0 auto 1.8em auto; border: 1px solid; } .que .info { float: left; margin: 0.5em 0; width: 11.9%; } .que .info h2 { margin: 0 0 0 0.64em; } .que .info div { margin-left: 1em; } .que .info .questionflag { margin-top: 1em; margin-right: 1em; text-align: center; } .que .content { float: left; margin: 0.5em 0; width: 88%; } .que.description .info { margin: 0.5em 0 0.5em 0.2em; width: 1em; } .que.description .content, .que.description .generalfeedback { margin-left: 1.2em; margin-bottom: 0.5em; float: none; width: auto; } .que.description .qtext { margin-bottom: 0; } .que .qtext { margin-bottom: 1.5em; } .que .ablock { margin: 0.7em 0 0.3em 0; } .que .prompt { float: left; width: 15%; height: 2em; padding-top: 0.3em; } .que .control { width: 5%; } .que .answer { float: left; width: 83%; margin-bottom: 0.5em; } .que .submit { position: relative; clear: both; float: left; } /* MSIE Hack */ * html .que .submit { float: none; } .multianswer .submit { margin-top: 1em; } .que .feedback { clear: both; padding: 0 0 0.3em 0.3em; margin-bottom: 0.5em; border: 1px solid; } .multichoice td.feedback { width: auto; vertical-align: top; padding-top: 0.3em; border-style: none; } .essay .feedback { border-style: none; } .multichoice .text { width: auto; } .calculated .answer, .numerical .answer, .shortanswer .answer { padding: 0.3em; width: auto; } .calculated .answer input, .numerical .answer input, .shortanswer .answer input { width: 99%; } .truefalse .answer span { float: left; clear: left; padding: 0.3em; width: 100%; } .que .grading, .que .comment, .que .commentlink, .que .generalfeedback, .que .history { margin-top: 0.5em; } .que .grade { margin-top: 0.5em; } .importerror { margin-top: 10px; border-bottom: 1px solid #555; } #mod-quiz-comment #manualgradingform, #mod-quiz-report #manualgradingform { width: 100%; } #mod-quiz-report #manualgradingform .que { margin-bottom: 0.7em; } .mform .que.comment .fitemtitle { width: 20%; } /*** *** Completion progress report ***/ #course-report-progress-index th, #course-report-progress-index td { padding:2px 4px; font-weight:normal; border-right: 1px solid #EEE; } .completion-expired { background:#fdd; } .completion-expected { font-size:0.75em; } .completion-sortchoice { font-size:0.75em; vertical-align:bottom; } .completion-progresscell { text-align:right; } .completion-expired .completion-expected { font-weight:bold; } #course-report-progress-index .progress-actions { text-align:center; } #course-report-progress-index .completion_pagingbar { margin:1em 0; text-align:center; } #course-report-progress-index .completion_prev { display:inline; margin-right:2em; } #course-report-progress-index .completion_pagingbar p { display:inline; margin:0; } #course-report-progress-index .completion_next { display:inline; margin-left:2em; } /*** *** Logs ***/ .logtable { margin-left:auto; margin-right:auto; } .logtable td, .logtable th { padding-left: 10px; padding-right: 10px; } .logtable th { text-align:left; } #course-user .info { margin-left:auto; margin-right:auto; text-align:center; margin:10px; } /*** *** Tabs ***/ /*globalnav*/ .tabtree { position:relative; } .tabrow0 { text-align: center; width:100%; margin:0; margin-top: 10px; padding:0 0 1.75em 0; list-style:none; line-height:1.8em; font-size: 84%; } .tabrow0 li { display: inline; margin: 0 -4px 0 0; padding: 0; } .tabrow0 a span { padding: 10px 14px 0.35em 0; background: transparent url(pix/tab/right.gif) no-repeat right top; } .tabrow1 li a span { background: none !important; } .tabrow0 a { text-decoration: none; background: transparent url(pix/tab/left.gif) no-repeat left top; margin: 0 -1px 0 0; padding: 10px 0 0.35em 13px; } .tabrow0 a:link:hover, .tabrow0 a:visited:hover { background-image: url(pix/tab/left_hover.gif); } .tabrow0 .here a:link:hover, .tabrow0 .here a:visited:hover { background-image: url(pix/tab/left.gif); } .tabrow0 a:link:hover span, .tabrow0 a:visited:hover span { background-image: url(pix/tab/right_hover.gif); } .tabrow0 .here a:link:hover span, .tabrow0 .here a:visited:hover span { background-image: url(pix/tab/right.gif); } .tabrow0 .here a { color:#444; } .tabrow0 .here a:link, .tabrow0 .here a:visited, .tabrow0 .here a.nolink { position:relative; z-index:102; } /*subnav*/ .tabrow0 .empty { height: 1px; overflow: hidden; padding: 0; } .tabrow0 div, .tabrow0 ul { position: absolute; left: 0; top: 1.95em; width: 100%; margin: 0; padding: 0.25em 0; list-style: none; border-top: 1px solid #aaa; line-height: normal; background: transparent url(pix/tab/tabrow1.gif) repeat-x center left; font-size: 90%; } .tabrow0 ul li { display:inline; margin-top:1px; background-image: none; } .tabrow0 ul a { background-image: none; color:#00c; margin:0; padding:0 1em; border:0 } .tabrow0 ul a span { padding: 0; background-image: none; } .tabrow0 ul .last span, .tabrow0 ul li a:hover, .tabrow0 ul li a:hover span, .tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span { background-image: none !important; } .tabrow0 ul div { display: none; } ul.tabrow1 li a, ul.tabrow1 li a:link, ul.tabrow1 li a:visited { color:#00c; font-size: 110%; } ul.tabrow1 li.here.selected a { color:#444; } /*** *** Tags ***/ h2.tag-heading { text-align:center; margin-left:auto; margin-right:auto; display:block; width:95%; padding: 5px 5px 5px 5px; } div#tag-description, div#tag-blogs { width:95%; padding: 5px 5px 5px 5px; margin-left:auto; margin-right:auto; display:block; } body#tag-index .moreblogs { text-align:center; } div#tag-management-box { margin-bottom:10px; text-align:center; line-height:20px; display:block; font-size:12px; } div#tag-user-table { padding:3px; width:95%; clear: both; margin-left:auto; margin-right:auto; display:block; } body.tag .managelink { text-align:right; padding:10px; } /* small css hack for firefox*/ div#tag-user-table:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; } /* end hack*/ div.user-box { margin-left:8px; margin-right:8px; margin-top:8px; margin-bottom:8px; width:115px; height:160px; text-align:center; display:block; float:left; clear: none; } img.user-image { border:0px; height:100px; width:100px; } div#small-tag-cloud-box { width:300px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; } div#big-tag-cloud-box { width:600px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; display:block; float:none; } ul#tag-cloud-list { list-style:none; padding:5px; margin:0px; list-style-type:none; } ul#tag-cloud-list li { margin:0px; display:inline; } /* search start*/ div#tag-search-box { text-align:center; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; } div#tag-search-results-container { padding:0px; width:100%; } ul#tag-search-results { padding:0px; margin-left:20%; margin-right:20%; margin-top:15px; margin-bottom:0px; float:left; width:60%; display:block; list-style:none; } ul#tag-search-results li{ width:30%; float:left; padding-left:1%; text-align:left; line-height:20px; padding-right:1%; } div#tags-management-links { text-align:right; display:block; font-size:12px; } /* search end*/ /* tag management start*/ span.flagged-tag { color:#FF0000; } span.flagged-tag a{ color:#FF0000; } table#tag-management-list { text-align:left; margin-left:auto; margin-right:auto; } table#tag-management-list tr td{ padding-left:4px; padding-right :4px; } .tag-management-form { text-align:center; } /* tag management end*/ /* autocomplete start*/ #relatedtags-autocomplete-container { margin-left:auto; margin-right:auto; min-height:4.6em; width:100%; } #relatedtags-autocomplete { position:relative; display:block; width:60%; margin-left:auto; margin-right:auto; } #relatedtags-autocomplete .yui-ac-content { position:absolute; width:420px; left:20%; border:1px solid #404040; background:#fff; overflow:hidden; z-index:9050; } #relatedtags-autocomplete .ysearchquery { position:absolute; right:10px; color:#808080; z-index:10; } #relatedtags-autocomplete .yui-ac-shadow { position:absolute; margin:.3em; width:100%; background:#a0a0a0; z-index:9049; } #relatedtags-autocomplete ul { padding:0;width:100%; margin:0; list-style-type:none; } #relatedtags-autocomplete li { padding:0 5px; cursor:default; white-space: nowrap; } #relatedtags-autocomplete li.yui-ac-highlight { background:#FFFFCC; } /* autocomplete end*/ /*** *** User ***/ .userinfobox { margin-bottom:5px; border-width: 1px; border-style: solid; border-collapse: separate; } .userinfobox .left, .userinfobox .side { padding: 10px; width: 100px; vertical-align: top; } .userinfobox .userpicture { width: 100px; height: 100px; } .userinfobox .content { padding: 10px; vertical-align: top; } .userinfobox .links { width: 100px; padding: 5px; vertical-align: bottom; } .userinfobox .list td { padding: 3px; } .userinfobox .username { padding-bottom: 20px; } .userinfobox td.label { text-align:right; white-space: nowrap; vertical-align: top; } table.userinfobox { width: 80%; margin-left: 10%; margin-right: 10%; } table.groupinfobox { width: 60%; margin-left: 20%; margin-right: 20%; border-width:1px; border-style:solid; margin-bottom: 20px; } .groupinfobox .left { padding: 10px; width: 100px; vertical-align: top; } body#user-index h2 { text-align: center; } #user-view .buttons, #user-index .buttons { text-align: center; } #user-view .buttons form, #user-view .buttons form div { display:inline; } body#user-index #longtimenosee, body#user-index #showall { text-align: center; } body#user-index #showall { margin: 10px 0px; } body#user-index table#participants, body#tag-manage table#tag-management-list { margin: auto; width: 80%; } body#tag-manage table#tag-management-list td, body#tag-manage table#tag-management-list th, body#user-index table#participants td, body#user-index table#participants th { vertical-align: middle; text-align: left; padding: 4px; } body#user-index table.controls { width: 100%; } body#user-index table.controls tr { vertical-align: top; } body#user-index table.controls td.right, body#user-index table.controls td.left { padding: 4px; } body#user-index table.controls .right { text-align: right; } body#course-participation h2 { text-align:center; } body#course-participation #showall { text-align:center; margin: 10px 0px; } body#user-index .rolesform { text-align:center; } #user-policy .noticebox { text-align:center; margin-left:auto; margin-right:auto; margin-bottom:10px; width:80%; height:250px; } #user-policy #policyframe { width:100%; height:100%; } .iplookup #map { margin:auto; } .iplookup #note { text-align:center; } /*** *** Modules: general ***/ .mod_introbox { border-width:1px; border-style:solid; margin-top: 1em; margin-bottom: 1em; padding:10px; width:90%; margin-left:auto; margin-right:auto; } table.mod_index { width:90%; margin-left:auto; margin-right:auto; } /*** *** Modules: Assignment ***/ .userpicture, .picture user, .picture teacher { width:35px; height: 35px; vertical-align:top; } .modform { text-align:center; } #wordcount { text-align: right; } /*** *** Modules: Chat ***/ .nextchatsession { text-align:center; } #mod-chat-gui_header_js-jsupdate { margin:10px } #mod-chat-gui_header_js-jsupdate .chat-event, #mod-chat-gui_header_js-jsupdate .chat-message { width:100%; padding:0; margin-top:7px } #mod-chat-view #chatcurrentusers .chatuserdetails { vertical-align: middle; } #mod-chat-view #enterlink { text-align: center; margin-left: auto; margin-right: auto; width: 50%; } .chat-event .picture, .chat-message .picture { width:40px; vertical-align:top; } .chat-event .text, .chat-message .text { text-align: left; } #mod-chat-gui_basic #participants ul { margin:0px; padding:0px; list-style-type:none; } #mod-chat-gui_basic #participants ul li { display:inline; margin-right:10px; } #mod-chat-gui_basic #participants ul li .userinfo { display:inline; } #mod-chat-gui_basic #messages dl { padding:0px; margin:1px; } #mod-chat-gui_basic #messages dd, #mod-chat-gui_basic #messages dt { margin-left:0px; margin-right:5px; padding:0px; display:inline; } body.mod-chat-gui_ajax .yui-layout-doc .yui-layout-unit .yui-layout-wrap .yui-layout-hd h2 { font-size:100%; padding:0px; font-weight:normal; } /*** *** Modules: Choice ***/ .button { text-align:center; } .attemptcell { width:5px; white-space: nowrap; } .anonymous, .names { margin-left:auto; margin-right:auto; } .downloadreport { border:0px; margin-left:auto; margin-right:auto; } .choiceresponse { width:100%; } .choiceresponse .picture { width:10px; white-space: nowrap; } .choiceresponse .fullname { width:100%; white-space: nowrap; } .results.data { vertical-align:top; white-space: nowrap; } /*** *** Modules: Data ***/ .fieldadd, .sortdefault, .defaulttemplate { text-align:center; } .datapreferences { text-align:center; } table.presets { margin-left: auto; margin-right: auto; } /*** *** *** Modules: Folder ***/ #mod-folder-view .foldertree { width: 90%; margin-left: auto; margin-right: auto; } /*** *** Modules: Forum ***/ #mod-forum-view .forummode { text-align:center; } .forumheaderlist, .forumpost { border-width:1px; border-style:solid; border-collapse:separate; } .forumpost { margin-top: 15px; } .forumpost .topic { padding: 4px; border-style:solid; border-width: 0px; border-bottom-width: 1px; } .forumpost .commands { padding-top: 0.5em; text-align:right; clear: both; } .forumpost .ratings { padding-top: 1em; text-align:right; } .forumpost .attachments { padding: 7px; text-align:right; } .forumpost .content { padding: 4px; } .forumpost .footer { padding-top: 0.5em; text-align:right; } .forumpost .link { padding-top: 0.5em; text-align:right; } .forumpost .left { width: 35px; padding: 4px; text-align: center; vertical-align: top; } .mod-forum .indent { margin-left: 30px; } body#user-view .forumpost, .course .forumpost { width: 100%; } body#mod-forum-search .c0 { text-align: right; } body#mod-forum-search .introcontent { padding: 15px; } .forumolddiscuss { text-align: right; } .forumheaderlist { width: 100%; } .forumheaderlist td { border-width:1px 0px 0px 1px; border-style:solid; } .forumheaderlist .replies { text-align: center; white-space: nowrap; } .forumheaderlist .picture { width: 35px; } .forumheaderlist .discussion .starter { vertical-align: middle; } .forumheaderlist .lastpost { white-space: nowrap; text-align: right; } .forumheaderlist .discussion .author { white-space: nowrap; } .forumolddiscuss { text-align:right; } .forumaddnew, .forumnodiscuss, .noticeboxcontent { text-align:center; } #mod-forum-view .forumaddnew { margin-bottom: 20px; } #mod-forum-view .forumcontrol .groupmenu { float: left; text-align:left; white-space: nowrap; } #mod-forum-view .groupmenu { float: left; text-align:left; white-space: nowrap; } #mod-forum-view .forumcontrol .subscription { float: right; text-align:right; white-space: nowrap; } #mod-forum-view .subscription { float: right; text-align:right; white-space: nowrap; } #mod-forum-index .subscription { float: right; text-align:right; white-space: nowrap; } #mod-forum-view .unread { padding-left: 3px; padding-right: 3px; } #mod-forum-discuss .forumpost.unread .content { border-style: solid; border-width: 2px; } #mod-forum-discuss .ratingsubmit { text-align:center; padding:10px; } #mod-forum-index .unread img, #mod-forum-view .unread img { margin-left: 5px; } #mod-forum-discuss .discussioncontrols td { width: 33%; text-align:center; } #email .unsubscribelink { margin-top:20px; border-width: 0px 1px 0px 0px; border-style: solid; text-align:center; } #mod-forum-view .subscription { margin: 5px 0; } /*** *** Modules: Glossary ***/ .glossarypost .commands { width: 200px; white-space: nowrap; } #mod-glossary-comments .glossarypost, #mod-glossary-comment .glossarypost { margin-top: 15px; } .entryboxheader { border-width: 1px 1px 0px 1px; border-style: solid; } .entrybox { width: 100%; border-width: 0px 1px 1px 1px; border-style: solid; } .entrybox hr { border-left:none; border-right:none; } .glossarypost { width: 95%; border-width:1px; border-style:solid; border-collapse:separate; margin-left:auto; margin-right:auto; margin-bottom: 5px; text-align: left; } .entrylist { border-width:0px; } .entrylowersection { padding-top: 10px; } .entrylowersection table{ width: 100%; } .entrylowersection .aliases { text-align:center; } .entrylowersection .icons, .entrylowersection .ratings { text-align:right; padding-right: 5px; } .entrylowersection .ratings { padding-bottom: 2px; } .glossarycategoryheader { width: 95%; margin-left:auto; margin-right:auto; } .glossaryformatheader { width: 90%; } .glossarypost .entry { padding: 3px; } .glossarypost .picture { width: 35px; } .glossarycomment { border-width:1px; border-style:solid; border-collapse:separate; margin-bottom: 5px; text-align: left; } .glossarycomment .entry { padding: 3px; } .glossarycomment .picture { width: 35px; } .glossarycomment .icons { text-align: right; } .glossarydisplay { width: 90%; margin-left:auto; margin-right:auto; text-align:center; } .glossarydisplay .tabs { width: 100%; } .glossarydisplay .separator { width: 4px; } .glossarydisplay .tabs .selected, .glossarydisplay .tabs .inactive, .glossarydisplay .tabs .general { } .glossaryimportexport { margin-left:auto; margin-right:auto; text-align:center; } .glossarypopup { width: 95%; } .glossaryapproval { width: 100%; } .mod-glossary .glossarydisplay .tabs { margin-bottom: 0px; } .mod-glossary .glossarydisplay .tabs .side { border-style: none; border-width: 0px; width: auto; } .glossaryexplain, .glossaryaddentry { text-align: center; } .mod-glossary .tabrow0 { padding-bottom: 5px; } #mod-glossary-view .glossarycontrol { float: right; text-align:right; white-space: nowrap; margin: 5px 0; } /*** *** Modules: Journal ***/ #mod-journal-view .lastedit, #mod-journal-view .editend { margin: 5px; text-align: center; } #mod-journal-view .feedbackbox { width: 75%; border-collapse: separate; } #mod-journal-view .entrycontent { padding: 3px; } #mod-journal-view .picture { width: 35px; } #mod-journal-view .grade { text-align: right; } #mod-journal-view .info { margin-bottom: 5px; text-align: right; } /*** *** Modules: Label ***/ /*** *** Modules: Lesson ***/ #mod-lesson-lesson #page .addform { text-align: center; } #mod-lesson-edit #page .label { font-weight: bold; } #mod-lesson-edit #page .labelcorrect { text-decoration: underline; font-weight: bold; } .lessonmediafilecontrol { text-align: center; margin-left: auto; margin-right: auto; } #mod-lesson-view #content .invisiblefieldset { display: block; text-align: left; } body.jsenabled .jshidewhenenabled { display:none; } /*** *** Modules: Quiz ***/ #mod-quiz-view .quizinfo { text-align: center; } #mod-quiz-view #page .quizgradefeedback, #mod-quiz-view #page .quizattempt { text-align: center; } #mod-quiz-view #page .quizattemptsummary td p { margin-top: 0; } #mod-quiz-view .generalbox#feedback { width:70%; margin-left:auto; margin-right:auto; padding-bottom:15px; } #mod-quiz-view .generalbox#feedback h2 { margin: 0 0; } #mod-quiz-view .generalbox#feedback .overriddennotice { text-align: center; font-size: 0.7em; } #mod-quiz-view .generalbox#feedback h3 { text-align: left; } .generalbox#passwordbox { /* Should probably match .generalbox#intro above */ width:70%; margin-left:auto; margin-right:auto; } #passwordform { margin: 1em 0; } #mod-quiz-attempt .submitbtns, #mod-quiz-review .submitbtns { text-align: left; margin-top: 1.5em; } #mod-quiz-summary .submitbtns { margin-top: 1.5em; } #mod-quiz-summary #content { text-align: center; } #mod-quiz-summary .questionflag { width: 16px; height: 16px; vertical-align: middle; } #mod-quiz-attempt #quiz-timer, #mod-quiz-summary #quiz-timer { display: none; /* Revealed by JavaScript if applicable */ } #mod-quiz-summary #quiz-timer { margin-top: 1em; } #mod-quiz-attempt #quiz-time-left { font-weight: bold; } body#question-preview .quemodname, body#question-preview .controls { text-align: center; } body#question-preview .quemodname, body#question-preview .controls { text-align: center; } #mod-quiz-attempt #page .controls, #mod-quiz-summary #page .controls, #mod-quiz-review #page .controls { text-align: center; margin: 8px auto; } #mod-quiz-review .pagingbar { margin: 1.5em auto; } #mod-quiz-review .pagingbar { margin: 1.5em auto; } table.quizreviewsummary { width: 100%; } table.quizreviewsummary tr { } table.quizreviewsummary th.cell { padding: 1px 0.5em 1px 1em; font-weight: bold; text-align: right; width: 10em; } table.quizreviewsummary td.cell { padding: 1px 1em 1px 0.5em; text-align: left; } #mod-quiz-mod #reviewoptionshdr .fitem, #adminquizreviewoptions .group { float: left; width: 33%; clear: none; } #mod-quiz-mod #reviewoptionshdr .fitem { width: 30%; margin-left: 10px; } #mod-quiz-mod #reviewoptionshdr .fitemtitle, #adminquizreviewoptions .fitemtitle { width: 100%; font-weight: bold; text-align: left; height: 2.5em; margin-left: 0; } #mod-quiz-mod #reviewoptionshdr fieldset.fgroup { width: 100%; text-align: left; margin-left: 0; } #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span, #adminquizreviewoptions span { float: left; clear: left; } #adminquizreviewoptions { margin-bottom: 0.5em; } .quizquestionlistcontrols { text-align: center; } #mod-quiz-report table#attempts, #mod-quiz-report div#commands, #mod-quiz-report table#itemanalysis { width: 80%; margin: auto; } #mod-quiz-report table.titlesleft td.c0 { font-weight: bold; } #mod-quiz-report table#attempts, #mod-quiz-report h2.main { clear: both; } #mod-quiz-report table#attempts { margin: 20px auto; } #mod-quiz-report table#attempts .header, #mod-quiz-report table#attempts .cell { padding: 4px; } #mod-quiz-report table#attempts .header .commands { display: inline; } #mod-quiz-report table#attempts .picture { width: 40px; } #mod-quiz-report table#attempts td { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; vertical-align: middle; } #mod-quiz-report table#attempts .header { text-align: left; } #mod-quiz-report table#attempts .picture { text-align: center !important; } #mod-quiz-report .controls { text-align: center; } #mod-quiz-report table#itemanalysis { margin: 20px auto; } #mod-quiz-report table#itemanalysis .header, #mod-quiz-report table#itemanalysis .cell { padding: 4px; } #mod-quiz-report table#itemanalysis .header .commands { display: inline; } #mod-quiz-report table#itemanalysis td { border-width: 1px; border-style: solid; } #mod-quiz-report table#itemanalysis .header { text-align: left; } #mod-quiz-report table .numcol { text-align: center; vertical-align : middle !important; } #mod-quiz-report table#itemanalysis .uncorrect { color: red; } #mod-quiz-report table#itemanalysis .correct { color: blue; font-weight : bold; } #mod-quiz-report table#itemanalysis .partialcorrect { color: green !important; } #mod-quiz-report table#itemanalysis .qname { color: green !important; } /* manual grading */ #mod-quiz-grading table#grading { width: 80%; margin: auto; } #mod-quiz-grading table#grading { margin: 20px auto; } #mod-quiz-grading table#grading .header, #mod-quiz-grading table#grading .cell { padding: 4px; } #mod-quiz-grading table#grading .header .commands { display: inline; } #mod-quiz-grading table#grading .picture { width: 40px; } #mod-quiz-grading table#grading td { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; vertical-align: bottom; } .mod-quiz .gradingdetails { font-size: small; } .quizattemptcounts { clear : left; text-align: center; margin: 6px 0; } #quiznavigation .qnbutton { display: block; float: left; width: 1.5em; height: 1.5em; overflow: hidden; margin: 0.3em 0.3em 0.3em 0; padding: 0; border: 1px solid #bbb; background: #eee no-repeat top right; text-align: center; vertical-align: middle; cursor: pointer; white-space: normal; } #quiznavigation #user-picture { margin: 0.5em 0; } #quiznavigation #user-picture img { width: auto; height: auto; float: left; } #quiznavigation .othernav { clear: both; } #quiznavigation .othernav a, #quiznavigation .othernav input { display: block; margin: 0.5em 0; } #quiznojswarning { font-size: 0.7em; line-height: 1.1; } .jsenabled #quiznojswarning { display: none; } .mod-quiz div.tabtree a span img.iconsmall { vertical-align: baseline; } #mod-quiz-edit div.sideblock{ float:right; width:30%; right:0.3em; padding-bottom:0.5em; display:block; } #mod-quiz-edit div.quizcontents{ float:left; width:70%; display:block; } #mod-quiz-edit div.quizwhenbankcollapsed{ width:100%; } #mod-quiz-edit div.quizcontents,h2.main{ clear:left; } #mod-quiz-edit .addpage{ clear:both; padding-top:0.3em; float:right; margin-right:2em; } #mod-quiz-edit h2.main{ display:inline; padding-right:1em; } #mod-quiz-edit .statusdisplay { clear: both; margin: 0.3em 1em 0.3em 0; padding: 1px ; /* Stop margin collapse. */ } #mod-quiz-edit .statusdisplay p { margin: 0.4em; } #mod-quiz-edit div.quizpage{ display:block; clear:both; width:100%; } #mod-quiz-edit div.quizpage span.pagetitle{ margin-top:0.3em; float:left; display:block; } #mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage{ clear:right; float:right; padding:0.5em 0.3em; } #mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected,#mod-quiz-edit .repaginatecommand{ float:right; clear:right; padding-right:1em; } #mod-quiz-edit div.reorder .reordercontrols .deleteselected{ float:right; margin-right:1em; } #mod-quiz-edit div.reorder .reordercontrols{ clear:both; padding-right:1em; margin-top:0.5em; padding-top:0.5em; padding-bottom:0.5em; } #mod-quiz-edit div.quizpage .pagecontent{ margin-top:0.3em; display:block; float:left; position:relative; margin-left:0.3em; margin-bottom:0.2em; border-left:solid #777 thin; line-height:1.3em; -webkit-border-radius:0.6em; -webkit-border-radius-bottomleft:0; -webkit-border-radius-topleft:0; border-radius:0.6em; border-radius-bottomleft:0; border-radius-topleft:0; width:88%; padding:0.15em 0 0.3em; } #mod-quiz-edit div.question{ clear:left; width:100%; } #mod-quiz-edit div.question div.qnum{ display:block; float:left; width:1.4em; padding-right:0.3em; padding-left:0; z-index:99; } #mod-quiz-edit div.reorder div.question div.qnum{ width:2.9em; padding-top:0.1em; } /*edit tab*/ #mod-quiz-edit div.editq div.question div.qnum{ padding-top:0.2em; } #mod-quiz-edit div.editq div.question{ padding-top:0.3em; } #mod-quiz-edit div.reorder div.question{ padding-top:0.2em; } #mod-quiz-edit div.question div.questioncontainer{ background-color:#ffc; } #mod-quiz-edit div.editq div.question div.content{ width:87%; float:left; position:relative; -webkit-border-radius:0.6em; -webkit-border-radius-bottomleft:0; -webkit-border-radius-topleft:0; border-radius:0.6em; border-radius-bottomleft:0; border-radius-topleft:0; line-height:1.4em; padding:0.5em; } #mod-quiz-edit .reorder div.question div.content{ width:87%; float:left; position:relative; -webkit-border-radius:0.3em; -webkit-border-radius-bottomleft:0; -webkit-border-radius-topleft:0; border-radius:0.3em; border-radius-bottomleft:0; border-radius-topleft:0; line-height:1.2em; padding:0.1em; } #mod-quiz-edit div.question div.content div.points{ top:0.5em; border-left:#FFF solid 0.4em; width:8.5em; padding:0.2em; } #mod-quiz-edit div.question div.content div.points input{ width:2em; padding:0; } #mod-quiz-edit div.question div.content div.points input.pointssubmitbutton{ width:auto; } #mod-quiz-edit .questionbankwindow select#catmenu_jump{ /* In Opera9, IE6 the width of the select obeys the width of its content by default. This prevents that. */ width:100%; } #mod-quiz-edit .collapsed .container{ display: none; } #mod-quiz-edit .collapsed .container{ display: none; } #mod-quiz-edit .questionbankwindow #showbankcmd{ display:none; } #mod-quiz-edit .collapsed #showbankcmd{ display:inline; } #mod-quiz-edit .questionbankwindow #hidebankcmd{ display:inline; } #mod-quiz-edit .collapsed #hidebankcmd{ display:none; } #mod-quiz-edit .questionbankwindow div.header{ padding-top:0.2em; } #randomquestiondialog_c select{ width:100%; } #mod-quiz-edit div.question div.content div.points, #mod-quiz-edit div.question div.content div.qorder{ line-height:1em; max-width:30%; position:absolute; right:50px; -webkit-border-radius:0.2em; -webkit-border-radius-bottomleft:0; -webkit-border-radius-topleft:0; border-radius:0.2em; border-radius-bottomleft:0; border-radius-topleft:0; z-index:900; display:block; margin:0; } #mod-quiz-edit div.question div.content .editicon{ width:15px; } #mod-quiz-edit .editq div.questioncontentcontainer div.singlequestion img{ float:left; padding-top:0.3em; padding-right:0.3em; } #categoryquestions .header { text-align: center; padding: 0 2px; } #categoryquestions th.modifiername .sorters, #categoryquestions th.creatorname .sorters { font-weight: normal; font-size: 0.8em; } #mod-quiz-edit div.question div.content .questionname, #categoryquestions .questionname{ white-space:nowrap; overflow:hidden; zoom:1; position:relative; max-width:20%; } #mod-quiz-edit div.question div.content .singlequestion .questionname, #mod-quiz-edit div.question div.content .singlequestion .questiontext{ display:inline-block; } #mod-quiz-edit div.editq div.question div.content .singlequestion a .questionname, #mod-quiz-edit div.editq div.question div.content .singlequestion a .questiontext{ float:left; } #mod-quiz-edit .quizquestionlistcontrols{ display:inline; } #mod-quiz-edit div.question div.content .questiontext, #categoryquestions .questiontext{ -o-text-overflow:ellipsis; text-overflow:ellipsis; position:relative; zoom:1; padding-left:0.3em; max-width:40%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #mod-quiz-edit div.editq div.question div.description div.content .questiontext { max-width: 75%; } #mod-quiz-edit div.quizpage .pagecontent .pagestatus{ -webkit-border-radius-bottomright:0.3em; -webkit-border-radius-topright:0.3em; border-radius-bottomright:0.3em; border-radius-topright:0.3em; margin:0.3em; padding:0.1em 0.1em 0.1em 0.3em; } #mod-quiz-edit div.question div.content .questiontype{ display:block; clear:left; float:left; } #mod-quiz-edit div.question div.content .questionpreview{ display:block; float:left; margin-left:0.3em; padding-left:0.2em; padding-right:0.2em; } #mod-quiz-edit div.question div.content div.quiz_randomquestion .questionpreview{ display:inline; float:none; } #mod-quiz-edit div.question div.content div.questioncontrols{ float:right; width:45px; position:absolute; right:0.3em; top:0; z-index:900; display:block; padding:0.2em; } #mod-quiz-edit div.question div.content div.questioncontrols img.upwithoutdown{ padding-right:12px; display:inline; } #mod-quiz-edit .quizpagedelete{ position:absolute; top:0.2em; right:0.2em; display:inline; z-index:900; } #mod-quiz-edit .quizpagedelete img { background-color:#d6d6d6; padding:0.6em; } #mod-quiz-edit .pagecontrols { clear:both; margin-left:0.5em; padding-top:0.5em; } #mod-quiz-edit .pagecontrols .singlebutton { float:left; margin-left: 1em; } #mod-quiz-edit .pagecontrols .helplink { float:left; } #mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div{ /* it is a mystery why this has to be inline-table but otherwise the layout gets screwed, even if it is "inline" */ display: inline-table; } #mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div input{ display: inline; } /* a CSS class YUI container creates on the fly: */ #mod-quiz-edit div#randomquestiondialog_c{ width:90%; } #mod-quiz-edit div#randomquestiondialog_c .mform, #mod-quiz-edit div#repaginatedialog .mform{ margin-left:auto; margin-right:auto; } #mod-quiz-edit div.container div.generalbox{ position:relative; display:block; border:0 none; margin:0; padding:0; } #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist{ padding-left:0.2em; padding-right:0.2em; clear:both; margin:0.5em; margin-top:0.8em; } #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory{ overflow:auto; white-space:normal; } #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul{ list-style-type:none; margin:0; padding:0; } #mod-quiz-edit .reorder .questioncontentcontainer .quiz_randomquestion{ position:relative; } #mod-quiz-edit .reorder div.question div.content div.quiz_randomquestion{ line-height:1em; } #mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label{ max-width: 25%; overflow:hidden; padding-left:0.3em; white-space:nowrap; display:inline-block; } #mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory label{ overflow:hidden; white-space:nowrap; display:inline-block; } #mod-quiz-edit .editq div.question div.content .randomquestioncategory{ margin-top:0.4em; position:relative; display:inline-block; } #mod-quiz-edit .editq div.question div.content .randomquestioncategory a{ display:block; max-width:15em; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; float:left; position:relative; } #mod-quiz-edit .editq div.question div.content .questionpreview{ float:left; } #mod-quiz-edit .editq div.question div.content .questionpreview a{ font-weight:normal; margin-left:0em; display:inline; float:none; } #mod-quiz-edit .editq div.question div.content .randomquestioncategory .questionpreview img{ padding-right:0.3em; } #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li img{ padding-right:0.3em; } #mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory, #mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory, #mod-quiz-edit .reorder div.question div.content .questionpreview{ display:inline; float:none; } #mod-quiz-edit .reorder .questioncontentcontainer{ position:relative; overflow:hidden; white-space:nowrap; } #mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory{ overflow:hidden; white-space:nowrap; } #mod-quiz-edit .reorder fieldset{ display:inline; } #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li{ clear:left; width:100%; overflow:hidden; white-space:nowrap; } #mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li span{ display:inline; } /*start question bank*/ .questionbankwindow .choosecategory, .questionbankwindow .createnewquestion { padding: 0.3em; } .questionbankwindow .createnewquestion .singlebutton { display: inline; } .questionbankwindow #catmenu_jump { display: block; } #mod-quiz-edit .questionbankwindow .createnewquestion select, #mod-quiz-edit .questionbankwindow #catmenu select, #mod-quiz-edit .questionbankwindow #menucategory { width: 100%; } table#categoryquestions { width: 100%; overflow: hidden; table-layout: fixed; } table#categoryquestions td,#mod-quiz-edit table#categoryquestions th{ overflow:hidden; white-space:nowrap; } #categoryquestions .iconcol { width: 15px; text-align: center; padding: 0; } #categoryquestions .checkbox { width: 19px; text-align: center; padding: 0; } #categoryquestions .qtype { text-align: center; } #categoryquestions .qtype { width: 24px; padding: 0; } #categoryquestions .questiontext p { margin: 0; } .categoryinfo { padding: 0.3em; } #mod-quiz-edit .paging{ margin-top:0; margin-bottom:0; display:block; } #mod-quiz-edit .pagingbottom{ padding-bottom:0.3em; } #mod-quiz-edit div.questionbank form .invisiblefieldset{ clear:both; } #mod-quiz-edit .sideblock .content{ padding:0; } #mod-quiz-edit .questionbank .categorysortopotionscontainer{ padding-top:0.5em; margin-top:0.3em; } .questionbank div.categoryquestionscontainer, .questionbank .categorysortopotionscontainer, .questionbank .categorypagingbarcontainer, .questionbank .categoryselectallcontainer{ padding-left:0.3em; padding-right:0.3em; } .noquestionsincategory{ clear:both; padding-top:1em; padding-bottom:1em; } .modulespecificbuttonscontainer{ padding-left:0.3em; padding-right:0.3em; } #mod-quiz-edit div#footer{ clear:both; padding-top:1em; } /* these will toggle if js is enabled */ body #quizcontentsblock #repaginatedialog{ display: none; } body.jsenabled #quizcontentsblock #repaginatedialog{ display: block; } body.jsenabled #quizcontentsblock #repaginatedialog .hd{ display:block; } body.jsenabled #quizcontentsblock #repaginatedialog .bd{ padding:1em; } body.jsenabled #quizcontentsblock .repaginatecommand #repaginatecommand{ display:block; } /*** *** Modules: Resource ***/ #mod-resource-view .resourcecontent { text-align:center; margin:20px; } #mod-resource-view .resourcepdf { width: 100%; padding-top: 15px; text-align: center } .resourcecontent object { height:480px; width:600px; } .resourcepdf object{ height: 800px; width: 800px; } .mod-resource .modified { text-align:center; } .mod-resource .popupnotice { text-align:center; margin:40px; } #mod-resource-view div#footer { margin-top: 5px; } /*** *** Modules: Scorm ***/ /*** *** Modules: Survey ***/ .resultgraph { text-align:center; border:1px solid; } .reportsummary, .studentreport, .reportbuttons { text-align:center; } .centerpara { text-align:center; } .fullnamecell { width:10%; vertical-align:top; white-space: nowrap; } .questiontext { font-size:1em; } .smalltext { font-size: 0.75em; } #surveyform th { font-weight: normal; text-align: left; } #surveyform th.hresponse { text-align: center; width: 9%; } .rblock label { display: block; text-align: center; } .foundthat, .preferthat { white-space: nowrap; } .qnummiddlecell { vertical-align:middle; } .optioncell { width: 50%; vertical-align: top; } .buttoncell { width:5%; } .questioncell { width:50%; vertical-align:top; } .whitecell { background-color:white; } /*** *** Modules: Wiki ***/ .sideblockheading, .howtowiki { text-align:right; } .wikisearchform, .wikilinksblock, wikiadminactions { text-align:center; } .wikilinkright{ text-align:right; padding-bottom: 0.5em; } .wikiexportbox{ margin-left:auto; margin-right:auto; } /*** *** Modules: Workshop ***/ .redfont { color: red; } .workshopuploadform, .workshopkey { text-align:center; } /*** *** Help files (/lang/-/help) ***/ #help hr { border: none; height: 1px; background: #ccc; } #help .example1 { color: #a00; } #help .success { color: #080; } #help .center { text-align: center; } #help .moreinfo { text-align: right; } /* Equivalent to 1 and 5 nested blockquotes respectively. */ #help .indent { margin-left: 40px; } #help .indent-big { margin-left: 160px; margin-right:160px; } #help pre, #help code { background: #eee; border: 1px dashed #ddd; padding: 3px; } #help #emoticons{ text-align: center;clear:both;width: 300px;margin-right: auto; margin-left:auto; } #help #emoticons ul{ list-style-type: none; } #help #emoticons li{ margin-bottom: 3px; width: 120px; border-left: 3px solid gray; padding-left: 7px; float: left; } /** * comments 2.0 * */ .comment-ctrl { max-width: 200px; font-size: 12px; display: none; margin:0; padding:0; } .comment-ctrl h5 { margin:0; padding: 5px; } .comment-area { padding: 5px; } .comment-area .bd { } .comment-area textarea { width:100%; border: 1px solid grey; overflow:auto; } .comment-area .fd { text-align:right; } .comment-meta span { color:grey; } .comment-list-wrapper { } .comment-list { /*height: 150px;*/ font-size: 11px; overflow:auto; list-style:none; padding:0; margin:0; } .comment-list li { margin: 2px; margin-bottom:5px; clear:both; } .comment-paging{ /*background: #d8d8da;*/ text-align:center; } .comment-paging .pageno{ padding: 2px; } .comment-userpicture { width: 20px; float:left; } .comment-content{ margin-left: 22px; } .comment-content div{ margin:0; padding:0; } .comment-content p{ padding:0; margin:0 18px 0 0; } .comment-delete{ float:right; text-align:right; } .comment-container { float:left; width: 305px; margin: 4px; } /* CSS for shadows */ .divshadow div { position:absolute; width:10px; height:10px; background-image:url(shadow_corners.png); background-repeat:no-repeat; } .divshadow .shadow_top { top:-10px; right:0px; width:100%; background-image:url(shadow_top_bottom.png); background-position:0px 0px; background-repeat:repeat-x; } .divshadow .shadow_bottom { bottom:-10px; right:0px; width:100%; background-image:url(shadow_top_bottom.png); background-position:0px 100%; background-repeat:repeat-x; } .divshadow .shadow_left { top:0px; left:-10px; height:100%; background-image:url(shadow_left_right.png); background-position:0px 0px; background-repeat:repeat-y; } .divshadow .shadow_right { bottom:0px; right:-10px; height:100%; background-image:url(shadow_left_right.png); background-position:100% 0px; background-repeat:repeat-y; } .divshadow .shadow_top_right { top:-10px; right:-10px; background-position:100% 0px; } .divshadow .shadow_bottom_right { bottom:-10px; right:-10px; background-position:100% 100%; } .divshadow .shadow_top_left { top:-10px; left:-10px; background-position:0px 0px; } .divshadow .shadow_bottom_left { bottom:-10px; left:-10px; background-position:0px 100%; } .filemanager-toolbar{ margin: 5px 0; } .filemanager-toolbar a{ border: 1px solid grey; padding: 3px; } .filemanager-toolbar a:hover { background: #CCC; } .fm-breadcrumb { margin: 6px 0; } .filemanager-container { padding: 5px; margin: 6px 0; } .filemanager-container ul{ margin:0; padding:0; list-style-type:none; } .filemanager-container li{ clear:both; } #fm-move-div { margin: 6px; } #fm-move-div strong{ color:red; } .fm-file-menu { width: 18px; height: 18px; float: left; } .fm-file-menu img { width: 16px; } .fm-file-name { float:left; } .fm-file-entry{ border: 1px solid red; } .fm-operation { font-weight: bold; }