/* core.less */ /** Page layout CSS starts **/ .layout-option-noheader #page-header, .layout-option-nonavbar #page-navbar, .layout-option-nofooter #page-footer, .layout-option-nocourseheader .course-content-header, .layout-option-nocoursefooter .course-content-footer { display: none; } .empty-region-side-pre #block-region-side-pre, .empty-region-side-post #block-region-side-post, .jsenabled.docked-region-side-post #block-region-side-post, .jsenabled.docked-region-side-pre #block-region-side-pre { display: none; } /* Default Three Columns - All ------------------------------*/ .content-only #region-main-box, .content-only #region-main { width: 100%; } .empty-region-side-pre.used-region-side-post #region-main { width: 100%; } .empty-region-side-post.used-region-side-pre #region-main-box { width: 100%; } .jsenabled.docked-region-side-pre.empty-region-side-pre.used-region-side-post #region-main { width: 100%; } .jsenabled.docked-region-side-post.empty-region-side-post.used-region-side-pre #region-main-box { width: 100%; } .empty-region-side-post.used-region-side-pre #region-main.span8, .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 { /** Increase the span size by 1 **/ width: 74.46808511%; *width: 74.41489362%; } .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4, .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 { /** Decrease the span size by 1 **/ width: 23.40425532%; *width: 23.35106383%; } /** Page layout CSS ends **/ .mdl-left { text-align: left; } .mdl-right { text-align: right; } /*rtl:ignore*/ .text-ltr { direction: ltr !important; /* stylelint-disable-line declaration-no-important */ } #add, #remove, .centerpara, .mdl-align { text-align: center; } a.dimmed, a.dimmed:link, a.dimmed:visited, a.dimmed_text, a.dimmed_text:link, a.dimmed_text:visited, .dimmed_text, .dimmed_text a, .dimmed_text a:link, .dimmed_text a:visited, .usersuspended, .usersuspended a, .usersuspended a:link, .usersuspended a:visited, .dimmed_category, .dimmed_category a { color: #999; } .activity.label .dimmed_text { opacity: 0.5; filter: alpha(opacity=50); } .unlist, .unlist li, .inline-list, .inline-list li, .block .list, .block .list li, .section li.activity, .section li.movehere, .tabtree li { list-style: none; margin: 0; padding: 0; } .inline, .inline-list li { display: inline; } .notifytiny { font-size: 10.5px; } .notifytiny li, .notifytiny td { font-size: 100%; } .red, .notifyproblem { color: #b94a48; } .green, .notifysuccess { color: #468847; } .highlight { background: #d9edf7; } .reportlink { text-align: right; } a.autolink.glossary:hover { cursor: help; } /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */ .collapsibleregioncaption { white-space: nowrap; } .pagelayout-mydashboard.jsenabled .collapsibleregioncaption { cursor: pointer; } .collapsibleregioncaption img { vertical-align: middle; } .jsenabled .hiddenifjs { display: none; } .visibleifjs { display: none; } .jsenabled .visibleifjs { display: inline; } .jsenabled .collapsibleregion { overflow: hidden; } .jsenabled .collapsed .collapsibleregioninner { visibility: hidden; } .collapsible-actions { display: none; text-align: right; } .jsenabled .collapsible-actions { display: block; } .collapsible-actions .collapseexpand { padding-left: 20px; background: url([[pix:t/collapsed]]) 2px center no-repeat; } /*rtl:raw: .collapsible-actions .collapseexpand { background: url([[pix:t/collapsed_rtl]]); } */ .collapsible-actions .collapse-all { background-image: url([[pix:t/expanded]]); } .yui-overlay .yui-widget-bd { background-color: #ffee69; border: 1px solid #a6982b; border-top-color: #d4c237; color: #000; left: 0; padding: 2px 5px; position: relative; top: 0; z-index: 1; } .clearer { background: transparent; border-width: 0; clear: both; display: block; height: 1px; margin: 0; padding: 0; } .bold, .warning, .errorbox .title, .pagingbar .title, .pagingbar .thispage { font-weight: bold; } img.resize { height: 1em; width: 1em; } .block img.resize, .breadcrumb img.resize { height: 0.9em; width: 0.8em; } /* Icon styles */ img.icon { height: 16px; vertical-align: text-bottom; width: 16px; padding-right: 6px; } img.iconsmall { height: 12px; margin-right: 3px; vertical-align: middle; width: 12px; } img.iconhelp, .helplink img { height: 16px; padding-left: 3px; vertical-align: text-bottom; width: 16px; } h1 img.iconhelp, h1 img.icon, h2 img.iconhelp, h2 img.icon, h3 img.iconhelp, h3 img.icon, h4 img.iconhelp, h4 img.icon, h5 img.iconhelp, h5 img.icon, h6 img.iconhelp, h6 img.icon { vertical-align: middle; padding: 4px; } img.iconlarge { height: 24px; width: 24px; vertical-align: middle; } img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em; } img.icontoggle { height: 17px; vertical-align: middle; width: 50px; } img.iconkbhelp { height: 17px; width: 49px; } img.icon-pre { padding-right: 3px; padding-left: 0; } img.icon-post { padding-left: 3px; padding-right: 0; } .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%; } .headermain { font-weight: bold; } #maincontent { display: block; height: 1px; overflow: hidden; } img.uihint { cursor: help; } #addmembersform table { margin-left: auto; margin-right: auto; } table.flexible .emptyrow { display: none; } img.emoticon { vertical-align: middle; width: 15px; height: 15px; } form.popupform, form.popupform div { display: inline; } .arrow_button input { overflow: hidden; } .action-icon img.smallicon { vertical-align: text-bottom; margin: 0 0.3em; } /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/ .no-overflow { overflow: auto; padding-bottom: 1px; } .pagelayout-report .no-overflow { overflow: visible; } .no-overflow > .generaltable { margin-bottom: 0; } .accesshide { position: absolute; left: -10000px; font-weight: normal; font-size: 1em; } span.hide, div.hide { display: none; } a.skip-block, a.skip { position: absolute; top: -1000em; font-size: 0.85em; text-decoration: none; } a.skip-block:focus, a.skip-block:active, a.skip:focus, a.skip:active { position: static; display: block; } .skip-block-to { display: block; height: 1px; overflow: hidden; } .addbloglink { text-align: center; } .blog_entry .audience { text-align: right; padding-right: 4px; } .blog_entry .tags { margin-top: 15px; } .blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; } .blog_entry .content { margin-left: 43px; } #page-group-index #groupeditform { text-align: center; } #doc-contents h1 { margin: 1em 0 0 0; } #doc-contents ul { margin: 0; padding: 0; width: 90%; } #doc-contents ul li { list-style-type: none; } .groupmanagementtable td { vertical-align: top; } .groupmanagementtable #existingcell, .groupmanagementtable #potentialcell { width: 42%; } .groupmanagementtable #buttonscell { width: 16%; } .groupmanagementtable #buttonscell p.arrow_button input { width: auto; min-width: 80%; margin: 0 auto; } .groupmanagementtable #removeselect_wrapper, .groupmanagementtable #addselect_wrapper { width: 100%; } .groupmanagementtable #removeselect_wrapper label, .groupmanagementtable #addselect_wrapper label { font-weight: normal; } #group-usersummary { width: 14em; } .groupselector { margin-top: 3px; margin-bottom: 3px; display: inline-block; } .groupselector label { display: inline-block; } .dataformatselector { margin: 1em 0; } .dataformatselector label { display: inline-block; margin: 0 5px 10px 0; line-height: 30px; vertical-align: top; } .loginbox { margin: 15px; overflow: visible; } .loginbox.twocolumns { margin: 15px; } .loginbox h2, .loginbox .subcontent { margin: 5px; padding: 10px; text-align: center; } .loginbox .loginpanel .desc { margin: 0; padding: 0; margin-bottom: 5px; margin-top: 15px; } .loginbox .signuppanel .subcontent { text-align: left; } .loginbox .loginsub { margin-left: 0; margin-right: 0; } .loginbox .guestsub, .loginbox .forgotsub, .loginbox .potentialidps { margin: 5px 12%; } .loginbox .potentialidps .potentialidplist { margin-left: 40%; } .loginbox .potentialidps .potentialidplist div { text-align: left; } .loginbox .loginform { margin-top: 1em; text-align: left; } .loginbox .loginform .form-label { float: left; text-align: right; width: 49%; white-space: nowrap; } .loginbox .loginform .form-input { float: right; width: 50%; } .loginbox .loginform .form-input input { width: 6em; } .loginbox .signupform { margin-top: 1em; text-align: center; } .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .signuppanel { width: 48%; border: 0; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; margin-left: 2.76243%; min-height: 30px; margin-bottom: -2000px; padding-bottom: 2000px; } .loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; } .notepost { margin-bottom: 1em; } .notepost .userpicture { float: left; margin-right: 5px; } .notepost .content, .notepost .footer { clear: both; } .notesgroup { margin-left: 20px; } .path-my .coursebox .overview { margin: 15px 30px 10px 30px; } .path-my .coursebox .info { float: none; margin: 0; } .mod_introbox { padding: 10px; } table.mod_index { width: 100%; } .comment-ctrl { font-size: 12px; display: none; margin: 0; padding: 0; } .comment-ctrl h5 { margin: 0; padding: 5px; } .comment-area { max-width: 400px; padding: 5px; } .comment-area textarea { width: 100%; overflow: auto; } .comment-area textarea.fullwidth { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .comment-area .fd { text-align: right; } .comment-meta span { color: gray; } .comment-link img { vertical-align: text-bottom; } .comment-list { font-size: 11px; overflow: auto; list-style: none; padding: 0; margin: 0; } .comment-list li { margin: 2px; list-style: none; margin-bottom: 5px; clear: both; padding: .3em; position: relative; } .comment-list li.first { display: none; } .comment-paging { text-align: center; } .comment-paging .pageno { padding: 2px; } .comment-paging .curpage { border: 1px solid #ccc; } .comment-message .picture { width: 20px; float: left; } .comment-message .text { margin: 0; padding: 0; } .comment-message .text p { padding: 0; margin: 0 18px 0 0; } .comment-delete { position: absolute; top: 0; right: 0; margin: .3em; } .comment-report-selectall { display: none; } .comment-link { display: none; } .jsenabled .comment-link { display: block; } .jsenabled .showcommentsnonjs { display: none; } .jsenabled .comment-report-selectall { display: inline; } /** * Completion progress report */ .completion-expired { background: #f2dede; } .completion-expected { font-size: 10.5px; } .completion-sortchoice, .completion-identifyfield { font-size: 10.5px; vertical-align: bottom; } .completion-progresscell { text-align: right; } .completion-expired .completion-expected { font-weight: bold; } /** * Tags */ img.user-image { height: 100px; width: 100px; } #tag-search-box { text-align: center; margin: 10px auto; } .path-tag .tag-index-items .tagarea { border: 1px solid #e3e3e3; border-radius: 4px; padding: 10px; margin-top: 10px; } .path-tag .tag-index-items .tagarea h3 { display: block; padding: 3px 0 10px 0; margin: 0; font-size: 1.1em; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; word-wrap: break-word; border-bottom: solid 1px #e3e3e3; margin-bottom: 10px; } .path-tag .tagarea .controls, .path-tag .tagarea .taggeditems { *zoom: 1; } .path-tag .tagarea .controls:before, .path-tag .tagarea .taggeditems:before, .path-tag .tagarea .controls:after, .path-tag .tagarea .taggeditems:after { display: table; content: ""; line-height: 0; } .path-tag .tagarea .controls:after, .path-tag .tagarea .taggeditems:after { clear: both; } .path-tag .tagarea .controls, .path-tag .tag-backtoallitems { text-align: center; } .path-tag .tagarea .controls .gotopage.nextpage { float: right; } .path-tag .tagarea .controls .gotopage.prevpage { float: left; } .path-tag .tagarea .controls .exclusivemode { display: inline-block; } .path-tag .tagarea .controls.controls-bottom { margin-top: 5px; } .path-tag .tagarea .controls .gotopage.nextpage::after { /*rtl:remove*/ content: "»"; /*rtl:raw: content: "«"; */ padding-right: 5px; padding-left: 5px; } .path-tag .tagarea .controls .gotopage.prevpage::before { /*rtl:remove*/ content: "«"; /*rtl:raw: content: "»"; */ padding-right: 5px; padding-left: 5px; } span.flagged-tag, tr.flagged-tag, span.flagged-tag a, tr.flagged-tag a { color: #b94a48; } .tag-management-table td, .tag-management-table th { vertical-align: middle; padding: 4px; } .tag-management-table .inplaceeditable.inplaceeditingon input { width: 150px; } .path-admin-tag .addstandardtags { float: right; } .path-admin-tag .addstandardtags img { margin: 0 5px; } .path-tag .tag-relatedtags { padding-top: 10px; } .path-tag .tag-management-box { text-align: right; } .path-tag .tag-index-toc { padding: 10px; text-align: center; } .path-tag .tag-index-toc li, .path-tag .tag-management-box li { margin-left: 5px; margin-right: 5px; } .path-tag .tag-management-box li a.edittag { background-image: url([[pix:moodle|i/settings]]); } .path-tag .tag-management-box li a.flagasinappropriate { background-image: url([[pix:moodle|i/flagged]]); } .path-tag .tag-management-box li a.removefrommyinterests { background-image: url([[pix:moodle|t/delete]]); } .path-tag .tag-management-box li a.addtomyinterests { background-image: url([[pix:moodle|t/add]]); } .path-tag .tag-management-box li a { background-repeat: no-repeat; background-position: left; padding-left: 17px; } .tag_feed.media-list .media .itemimage { float: left; } .tag_feed.media-list .media .itemimage img { height: 35px; width: 35px; } .tag_feed.media-list .media .media-body { padding-right: 10px; padding-left: 10px; } .tag_feed .media .muted a { color: #999; } .tag_cloud { text-align: center; } .tag_cloud .inline-list li { padding: 0 0.2em; } .tag_cloud .tag_overflow { margin-top: 1em; font-style: italic; } .tag_cloud .s20 { font-size: 2.7em; } .tag_cloud .s19 { font-size: 2.6em; } .tag_cloud .s18 { font-size: 2.5em; } .tag_cloud .s17 { font-size: 2.4em; } .tag_cloud .s16 { font-size: 2.3em; } .tag_cloud .s15 { font-size: 2.2em; } .tag_cloud .s14 { font-size: 2.1em; } .tag_cloud .s13 { font-size: 2em; } .tag_cloud .s12 { font-size: 1.9em; } .tag_cloud .s11 { font-size: 1.8em; } .tag_cloud .s10 { font-size: 1.7em; } .tag_cloud .s9 { font-size: 1.6em; } .tag_cloud .s8 { font-size: 1.5em; } .tag_cloud .s7 { font-size: 1.4em; } .tag_cloud .s6 { font-size: 1.3em; } .tag_cloud .s5 { font-size: 1.2em; } .tag_cloud .s4 { font-size: 1.1em; } .tag_cloud .s3 { font-size: 1em; } .tag_cloud .s2 { font-size: 0.9em; } .tag_cloud .s1 { font-size: 0.8em; } .tag_cloud .s0 { font-size: 0.7em; } .tag_list ul { display: inline; } .tag_list.hideoverlimit .overlimit { display: none; } .tag_list .tagmorelink { display: none; } .tag_list.hideoverlimit .tagmorelink { display: inline; } .tag_list.hideoverlimit .taglesslink { display: none; } /** * Web Service */ #webservice-doc-generator td { text-align: left; border: 0 solid black; } /** * Smart Select Element */ .smartselect { position: absolute; } .smartselect .smartselect_mask { background-color: #fff; } .smartselect ul { padding: 0; margin: 0; } .smartselect ul li { list-style: none; } .smartselect .smartselect_menu { margin-right: 5px; } .safari .smartselect .smartselect_menu { margin-left: 2px; } .smartselect .smartselect_menu, .smartselect .smartselect_submenu { border: 1px solid #000; background-color: #fff; display: none; } .smartselect .smartselect_menu.visible, .smartselect .smartselect_submenu.visible { display: block; } .smartselect .smartselect_menu_content ul li { position: relative; padding: 2px 5px; } .smartselect .smartselect_menu_content ul li a { color: #333; text-decoration: none; } .smartselect .smartselect_menu_content ul li a.selectable { color: inherit; } .smartselect .smartselect_submenuitem { background-image: url([[pix:moodle|t/collapsed]]); background-repeat: no-repeat; background-position: 100%; } /** Spanning mode */ .smartselect.spanningmenu .smartselect_submenu { position: absolute; top: -1px; left: 100%; } .smartselect.spanningmenu .smartselect_submenu a { white-space: nowrap; padding-right: 16px; } .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover { text-decoration: underline; } /** Compact mode */ .smartselect.compactmenu .smartselect_submenu { position: relative; margin: 2px -3px; margin-left: 10px; display: none; border-width: 0; z-index: 1010; } .smartselect.compactmenu .smartselect_submenu.visible { display: block; } .smartselect.compactmenu .smartselect_menu { z-index: 1000; overflow: hidden; } .smartselect.compactmenu .smartselect_submenu .smartselect_submenu { z-index: 1020; } .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label { font-weight: bold; } /** * Registration */ #page-admin-registration-register .registration_textfield { width: 300px; } /** * Enrol */ .userenrolment { width: 100%; border-collapse: collapse; } .userenrolment tr { vertical-align: top; } .userenrolment td { padding: 0; height: 41px; } .userenrolment .subfield { margin-right: 5px; } .userenrolment .col_userdetails .subfield { margin-left: 40px; } .userenrolment .col_userdetails .subfield_picture { float: left; margin-left: 0; } .userenrolment .col_lastseen { width: 150px; } .userenrolment .col_role { width: 262px; } .userenrolment .col_role .roles, .userenrolment .col_group .groups { margin-right: 30px; } .userenrolment .col_role .role, .userenrolment .col_group .group { float: left; padding: 3px; margin: 3px; white-space: nowrap; } .userenrolment .col_role .role a, .userenrolment .col_group .group a { margin-left: 3px; cursor: pointer; } .userenrolment .col_role .addrole, .userenrolment .col_group .addgroup { float: right; padding: 3px; margin: 3px; } .userenrolment .col_role .addrole > a:hover, .userenrolment .col_group .addgroup > a:hover { border-bottom: 1px solid #666; } .userenrolment .col_role .addrole img, .userenrolment .col_group .addgroup img { vertical-align: baseline; } .userenrolment .hasAllRoles .col_role .addrole { display: none; } .userenrolment .col_enrol .enrolment { float: left; padding: 3px; margin: 3px; } .userenrolment .col_enrol .enrolment a { float: right; margin-left: 3px; } #page-enrol-users .enrol_user_buttons { float: right; } #page-enrol-users .enrol_user_buttons .enrolusersbutton { display: inline; } #page-enrol-users .enrol_user_buttons .enrolusersbutton div, #page-enrol-users .enrol_user_buttons .enrolusersbutton form { display: inline; margin-right: 0; } #page-enrol-users #filterform { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; } #page-enrol-users #filterform blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } #page-enrol-users #filterform .fitem { display: inline-block; line-height: 40px; margin-right: .3em; white-space: nowrap; } #page-enrol-users #filterform .fitem label { display: inline; line-height: 20px; padding-right: .3em; } #page-enrol-users #filterform .fitem :before, #page-enrol-users #filterform .fitem :after { display: inline; } #page-enrol-users #filterform div, #page-enrol-users #filterform fieldset { display: inline; float: none; clear: none; width: auto; margin: 0; } #page-enrol-users #filterform select, #page-enrol-users #filterform .ftext input { width: 7em; } #page-enrol-users #filterform input, #page-enrol-users #filterform select { margin-bottom: 0; } #page-enrol-users .user-enroller-panel .uep-search-results .user .details { width: 237px; } #page-enrol-users .user-enroller-panel .uep-search-results .cohort .details { width: 237px; } #page-enrol-users .enrol-users-page-action input { margin-left: 0; } .corelightbox { background-color: #ccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .corelightbox img { position: fixed; top: 50%; left: 50%; } .mod-indent-outer { display: table; } .mod-indent { display: table-cell; } .label .mod-indent { float: left; padding-top: 20px; } /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */ .mod-indent-1 { width: 30px; } .mod-indent-2 { width: 60px; } .mod-indent-3 { width: 90px; } .mod-indent-4 { width: 120px; } .mod-indent-5 { width: 150px; } .mod-indent-6 { width: 180px; } .mod-indent-7 { width: 210px; } .mod-indent-8 { width: 240px; } .mod-indent-9 { width: 270px; } .mod-indent-10 { width: 300px; } .mod-indent-11 { width: 330px; } .mod-indent-12 { width: 360px; } .mod-indent-13 { width: 390px; } .mod-indent-14 { width: 420px; } .mod-indent-15 { width: 450px; } .mod-indent-16 { width: 480px; } .mod-indent-huge { width: 480px; } /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */ .resourcecontent .mediaplugin_mp3 object { height: 25px; width: 600px; } .resourcecontent audio.mediaplugin_html5audio { width: 600px; } /** Large resource images should avoid hidden overflow **/ .resourceimage { max-width: 100%; } /* Audio player size in 'inline' mode (can only change width, as above) */ .mediaplugin_mp3 object { height: 15px; width: 300px; } audio.mediaplugin_html5audio { width: 300px; } /* TinyMCE moodle media preview frame should not have padding */ .core_media_preview.pagelayout-embedded #content { padding: 0; } .core_media_preview.pagelayout-embedded #maincontent { height: 0; } body#page-lib-editor-tinymce-plugins-moodlemedia-preview { padding: 0; margin: 0; min-width: 0; background: none; } /** Fix YUI 2 Treeview for Right to left languages **/ .dir-rtl .ygtvtn, .dir-rtl .ygtvtm, .dir-rtl .ygtvtmh, .dir-rtl .ygtvtmhh, .dir-rtl .ygtvtp, .dir-rtl .ygtvtph, .dir-rtl .ygtvtphh, .dir-rtl .ygtvln, .dir-rtl .ygtvlm, .dir-rtl .ygtvlmh, .dir-rtl .ygtvlmhh, .dir-rtl .ygtvlp, .dir-rtl .ygtvlph, .dir-rtl .ygtvlphh, .dir-rtl .ygtvdepthcell, .dir-rtl .ygtvok, .dir-rtl .ygtvok:hover, .dir-rtl .ygtvcancel, .dir-rtl .ygtvcancel:hover { width: 18px; height: 22px; background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor: pointer; } .dir-rtl .ygtvtn { background-position: 0 -5600px; } .dir-rtl .ygtvtm { background-position: 0 -4000px; } .dir-rtl .ygtvtmh, .dir-rtl .ygtvtmhh { background-position: 0 -4800px; } .dir-rtl .ygtvtp { background-position: 0 -6400px; } .dir-rtl .ygtvtph, .dir-rtl .ygtvtphh { background-position: 0 -7200px; } .dir-rtl .ygtvln { background-position: 0 -1600px; } .dir-rtl .ygtvlm { background-position: 0 0; } .dir-rtl .ygtvlmh, .dir-rtl .ygtvlmhh { background-position: 0 -800px; } .dir-rtl .ygtvlp { background-position: 0 -2400px; } .dir-rtl .ygtvlph, .dir-rtl .ygtvlphh { background-position: 0 -3200px; } .dir-rtl .ygtvdepthcell { background-position: 0 -8000px; } .dir-rtl .ygtvok { background-position: 0 -8800px; } .dir-rtl .ygtvok:hover { background-position: 0 -8844px; } .dir-rtl .ygtvcancel { background-position: 0 -8822px; } .dir-rtl .ygtvcancel:hover { background-position: 0 -8866px; } .dir-rtl.yui-skin-sam .yui-panel .hd { text-align: right; } .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd { text-align: right; } /** Fix TinyMCE editor right to left **/ .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span, .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span { top: 44px; } .dir-rtl .o2k7Skin table, .dir-rtl .o2k7Skin tbody, .dir-rtl .o2k7Skin a, .dir-rtl .o2k7Skin img, .dir-rtl .o2k7Skin tr, .dir-rtl .o2k7Skin div, .dir-rtl .o2k7Skin td, .dir-rtl .o2k7Skin iframe, .dir-rtl .o2k7Skin span, .dir-rtl .o2k7Skin *, .dir-rtl .o2k7Skin .mceText, .dir-rtl .o2k7Skin .mceListBox .mceText { text-align: right; } .path-rating .ratingtable { width: 100%; margin-bottom: 1em; } .path-rating .ratingtable th.rating { width: 100%; } .path-rating .ratingtable td.rating, .path-rating .ratingtable td.time { white-space: nowrap; text-align: center; } .initialbar a, .initialbar strong { padding-left: 3px; padding-right: 3px; } /* Moodle Dialogue Settings (moodle-core-dialogue) */ .moodle-dialogue-base .moodle-dialogue-lightbox { background-color: #aaa; } .moodle-dialogue-base .hidden, .moodle-dialogue-base .moodle-dialogue-hidden { display: none; } .no-scrolling { overflow: hidden; } .moodle-dialogue-base .moodle-dialogue-fullscreen { left: 0; top: 0; right: 0; bottom: -50px; position: fixed; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { overflow: auto; } .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton { width: 28px; height: 16px; background-size: 100%; } .moodle-dialogue-base .moodle-dialogue { padding: 0; margin: 0; background: none; border: none; z-index: 600; outline: #000 dotted 0; } .moodle-dialogue-base .moodle-dialogue-wrap { margin-top: -3px; margin-left: -3px; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 5px 5px 20px 0 #666; -moz-box-shadow: 5px 5px 20px 0 #666; box-shadow: 5px 5px 20px 0 #666; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { margin: 0; padding: 5px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333; text-align: center; text-shadow: 1px 1px 1px #fff; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; border-bottom: 1px solid #bbb; background: #ccc; background-color: #ebebeb; background-image: -moz-linear-gradient(top, #fff, #ccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc)); background-image: -webkit-linear-gradient(top, #fff, #ccc); background-image: -o-linear-gradient(top, #fff, #ccc); background-image: linear-gradient(to bottom, #fff, #ccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0); filter: 0; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 { padding: 0; display: inline; font-size: 100%; font-weight: bold; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { padding: 5px; } .moodle-dialogue-base .closebutton { width: 25px; height: 15px; float: right; display: inline-block; cursor: pointer; padding: 0; background-image: url([[pix:theme|sprite]]); background-repeat: no-repeat; border-style: none; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd { padding: 1em; line-height: 2em; color: #555; font-size: 12px; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content { padding: 0; background: #fff; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd { padding: 10px; font-size: 16px; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { overflow: auto; position: absolute; top: 0; bottom: 50px; left: 0; right: 0; margin: 0; border: 0; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap { border-radius: 0; } .moodle-dialogue-confirm .confirmation-dialogue { text-align: center; } .moodle-dialogue-confirm .confirmation-dialogue input { text-align: center; } .moodle-dialogue-exception .moodle-exception-message { text-align: center; } .moodle-dialogue-exception .moodle-exception-param label { font-weight: bold; } .moodle-dialogue-exception .param-stacktrace label { background-color: #eee; border: 1px solid #ccc; border-bottom-width: 0; } .moodle-dialogue-exception .param-stacktrace pre { border: 1px solid #ccc; background-color: #fff; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { color: navy; font-size: 11.9px; } .moodle-dialogue-exception .param-stacktrace .stacktrace-line { color: #b94a48; font-size: 11.9px; } .moodle-dialogue-exception .param-stacktrace .stacktrace-call { color: #333; font-size: 90%; border-bottom: 1px solid #eee; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft { padding: 0; margin: 0.7em 1em; text-align: right; background-color: #fff; font-size: 12px; } .moodle-dialogue-confirm .confirmation-message { margin: 0.5em 1em; } .moodle-dialogue-confirm .confirmation-dialogue input { min-width: 80px; } .moodle-dialogue-exception .moodle-exception-message { margin: 1em; } .moodle-dialogue-exception .moodle-exception-param { margin-bottom: 0.5em; } .moodle-dialogue-exception .moodle-exception-param label { width: 150px; } .moodle-dialogue-exception .param-stacktrace label { display: block; margin: 0; padding: 4px 1em; } .moodle-dialogue-exception .param-stacktrace pre { display: block; height: 200px; overflow: auto; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { display: inline-block; margin: 4px 0; } .moodle-dialogue-exception .param-stacktrace .stacktrace-line { display: inline-block; width: 50px; margin: 4px 1em; } .moodle-dialogue-exception .param-stacktrace .stacktrace-call { padding-left: 25px; margin-bottom: 4px; padding-bottom: 4px; } .moodle-dialogue .moodle-dialogue-bd .content-lightbox { opacity: 0.75; filter: alpha(opacity=75); width: 100%; height: 100%; top: 0; left: 0; background-color: white; text-align: center; padding: 10% 0; } /* Apply a default max-height on tooltip text */ .moodle-dialogue .tooltiptext { max-height: 300px; } .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip { z-index: 3001; } .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd { overflow: auto; } /** * Chooser Dialogues (moodle-core-chooserdialogue) * * This CSS belong to the chooser dialogue which should work both with, and * without javascript enabled */ /* Hide the dialog and it's title */ .chooserdialoguebody, .choosertitle { display: none; } .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft { margin: 0; } .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd { padding: 0; background: #f2f2f2; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } /* Center the submit buttons within the area */ .choosercontainer #chooseform .submitbuttons { padding: 0.7em 0; text-align: center; } /* Fixed for safari browser on iPhone4S with ios7.*/ @media (max-height: 639px) { .ios.safari .choosercontainer #chooseform .submitbuttons { padding: 45px 0; } } .choosercontainer #chooseform .submitbuttons input { min-width: 100px; margin: 0 0.5em; } /* Various settings for the options area */ .choosercontainer #chooseform .options { position: relative; border-bottom: 1px solid #bbb; } /* Only set these options if we're showing the js container */ .jschooser .choosercontainer #chooseform .alloptions { overflow-x: hidden; overflow-y: auto; max-width: 20.3em; -webkit-box-shadow: inset 0 0 30px 0 #ccc; -moz-box-shadow: inset 0 0 30px 0 #ccc; box-shadow: inset 0 0 30px 0 #ccc; } .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] { display: inline-block; } .jschooser .choosercontainer #chooseform .alloptions .option .modicon { display: inline-block; } .jschooser .choosercontainer #chooseform .alloptions .option .typename { display: inline-block; width: 65%; } /* Settings for option rows and option subtypes */ .choosercontainer #chooseform .moduletypetitle, .choosercontainer #chooseform .option, .choosercontainer #chooseform .nonoption { margin-bottom: 0; padding: 0 1.6em 0 1.6em; } .choosercontainer #chooseform .moduletypetitle { text-transform: uppercase; padding-top: 1.2em; padding-bottom: 0.4em; } .choosercontainer #chooseform .option .typename, .choosercontainer #chooseform .option span.modicon img.icon, .choosercontainer #chooseform .nonoption .typename, .choosercontainer #chooseform .nonoption span.modicon img.icon { padding: 0 0 0 0.5em; } .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon, .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon { height: 24px; width: 24px; } .choosercontainer #chooseform .option input[type=radio], .choosercontainer #chooseform .option span.typename, .choosercontainer #chooseform .option span.modicon { vertical-align: middle; } .choosercontainer #chooseform .option label { display: block; padding: 0.3em 0 0.1em 0; border-bottom: 1px solid #fff; } .choosercontainer #chooseform .nonoption { padding-left: 2.7em; padding-top: 0.3em; padding-bottom: 0.1em; } .choosercontainer #chooseform .subtype { margin-bottom: 0; padding: 0 1.6em 0 3.2em; } .choosercontainer #chooseform .subtype .typename { margin: 0 0 0 0.2em; } /* The instruction/help area */ .jschooser .choosercontainer #chooseform .instruction, .jschooser .choosercontainer #chooseform .typesummary { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 20.3em; margin: 0; padding: 1.6em; background-color: #fff; overflow-x: hidden; overflow-y: auto; line-height: 2em; } /* Selected option settings */ .jschooser .choosercontainer #chooseform .instruction, .choosercontainer #chooseform .selected .typesummary { display: block; } .choosercontainer #chooseform .selected { background-color: #fff; -webkit-box-shadow: 0px 0 10px 0 #ccc; -moz-box-shadow: 0px 0 10px 0 #ccc; box-shadow: 0px 0 10px 0 #ccc; } .section-modchooser-link img.smallicon { padding: 3px; } /* Form element: listing */ .formlistingradio { padding-bottom: 25px; padding-right: 10px; } .formlistinginputradio { float: left; } .formlistingmain { min-height: 225px; } .formlisting { position: relative; margin: 15px 0; padding: 1px 19px 14px; background-color: white; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .formlistingmore { position: absolute; cursor: pointer; bottom: -1px; right: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; } .formlistingall { margin: 15px 0; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .formlistingrow { cursor: pointer; border-bottom: 1px solid; border-color: #e1e1e8; border-left: 1px solid #e1e1e8; border-right: 1px solid #e1e1e8; background-color: #f7f7f9; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 6px; top: 50%; left: 50%; min-height: 34px; float: left; width: 150px; } body.jsenabled .formlistingradio { display: none; } body.jsenabled .formlisting { display: block; } /* Badges styles */ table.collection { width: 100%; margin-bottom: 20px; border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } table.collection th, table.collection td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } table.collection th { font-weight: bold; } table.collection thead th { vertical-align: bottom; } table.collection caption + thead tr:first-child th, table.collection caption + thead tr:first-child td, table.collection colgroup + thead tr:first-child th, table.collection colgroup + thead tr:first-child td, table.collection thead:first-child tr:first-child th, table.collection thead:first-child tr:first-child td { border-top: 0; } table.collection tbody + tbody { border-top: 2px solid #ddd; } table.collection .table { background-color: #fff; } table.collection th, table.collection td { border-left: 1px solid #ddd; } table.collection caption + thead tr:first-child th, table.collection caption + tbody tr:first-child th, table.collection caption + tbody tr:first-child td, table.collection colgroup + thead tr:first-child th, table.collection colgroup + tbody tr:first-child th, table.collection colgroup + tbody tr:first-child td, table.collection thead:first-child tr:first-child th, table.collection tbody:first-child tr:first-child th, table.collection tbody:first-child tr:first-child td { border-top: 0; } table.collection thead:first-child tr:first-child > th:first-child, table.collection tbody:first-child tr:first-child > td:first-child, table.collection tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } table.collection thead:first-child tr:first-child > th:last-child, table.collection tbody:first-child tr:first-child > td:last-child, table.collection tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } table.collection thead:last-child tr:last-child > th:first-child, table.collection tbody:last-child tr:last-child > td:first-child, table.collection tbody:last-child tr:last-child > th:first-child, table.collection tfoot:last-child tr:last-child > td:first-child, table.collection tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } table.collection thead:last-child tr:last-child > th:last-child, table.collection tbody:last-child tr:last-child > td:last-child, table.collection tbody:last-child tr:last-child > th:last-child, table.collection tfoot:last-child tr:last-child > td:last-child, table.collection tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } table.collection tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } table.collection tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } table.collection caption + thead tr:first-child th:first-child, table.collection caption + tbody tr:first-child td:first-child, table.collection colgroup + thead tr:first-child th:first-child, table.collection colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } table.collection caption + thead tr:first-child th:last-child, table.collection caption + tbody tr:first-child td:last-child, table.collection colgroup + thead tr:first-child th:last-child, table.collection colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } table.collection tbody > tr:nth-child(odd) > td, table.collection tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } table.collection .name { text-align: left; vertical-align: middle; } table.collection .awards { width: 10%; text-align: center; vertical-align: middle; } table.collection .criteria { width: 40%; text-align: left; vertical-align: top; } table.collection .badgeimage, table.collection .status { width: 15%; text-align: center; vertical-align: middle; } table.collection .description { width: 25%; text-align: left; } table.collection .actions { width: 11em; text-align: center; vertical-align: middle; } a.criteria-action { padding: 0 3px; float: right; } div.criteria-description { padding: 10px 15px; margin: 5px 0; background: none repeat scroll 0 0 #f9f9f9; border: 1px solid #eee; } ul.badges { margin: 0; list-style: none; } .badges li { position: relative; display: inline-block; padding-top: 1em; text-align: center; vertical-align: top; width: 150px; } .badges li .badge-name { display: block; padding: 5px; } .badges li > img { position: absolute; } .badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0; z-index: 1; } .badges li .badge-actions { position: relative; } .badges li .expireimage { width: 100px; height: 100px; left: 25px; top: 0; position: absolute; z-index: 10; opacity: 0.85; } #badge-image { background-color: transparent; padding: 0; position: relative; min-width: 100px; width: 20%; display: inline-block; vertical-align: top; margin-top: 17px; } #badge-image .expireimage { width: 100px; height: 100px; left: 0; top: 0; opacity: 0.85; filter: alpha(opacity=85); position: absolute; z-index: 10; } #badge-image .singlebutton { padding-top: 5px; } #badge-image .singlebutton input { margin-left: 0; } #badge-details { display: inline-block; width: 79%; } #badge-overview dl, #badge-details dl { margin: 0; } #badge-overview dl dt, #badge-details dl dt, #badge-overview dl dd, #badge-details dl dd { vertical-align: top; padding: 3px 0; } #badge-overview dl dt, #badge-details dl dt { clear: both; display: inline-block; width: 20%; min-width: 100px; } #badge-overview dl dd, #badge-details dl dd { display: inline-block; width: 79%; margin-left: 1%; } .badge-profile { vertical-align: top; } .connected { color: #468847; } .notconnected { color: #b94a48; } .connecting { color: #8a6d3b; } #page-badges-award .recipienttable tr td { vertical-align: top; } #page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; } #page-badges-award .recipienttable tr td.existing, #page-badges-award .recipienttable tr td.potential { width: 42%; } #issued-badge-table .activatebadge { display: inline-block; } .statusbox.active { background-color: #dff0d8; } .statusbox.inactive { background-color: #fcf8e3; } .statusbox { text-align: center; margin-bottom: 5px; padding: 5px; } .statusbox .activatebadge { display: inline-block; } .statusbox .activatebadge input[type=submit] { margin: 3px; } .activatebadge { margin: 0; text-align: left; vertical-align: middle; } img#persona_signin { cursor: pointer; } .addcourse { float: right; } .invisiblefieldset { display: inline; padding: 0; border-width: 0; } .breadcrumb-nav { float: left; margin-bottom: 10px; } .breadcrumb-button .singlebutton div { margin-right: 0; } .breadcrumb-nav .breadcrumb { margin: 0; } /** Header-bar styles **/ .page-context-header { overflow: hidden; } .page-context-header .page-header-image, .page-context-header .page-header-headings { display: block; position: relative; } .page-context-header .page-header-image { margin-bottom: 1em; } .page-context-header .page-header-headings { margin-top: 30px; margin-bottom: 10px; } .page-context-header .page-header-headings h1 { display: block; } .page-context-header .page-header-headings, .page-context-header .header-button-group { position: relative; line-height: 24px; vertical-align: middle; } .page-context-header .header-button-group { display: block; } .page-context-header .header-button-group a { position: relative; top: -0.4em; } .page-context-header .page-header-image { float: left; margin-right: 1em; } .page-context-header .header-button-group { float: left; } /** Action menu component styles **/ .moodle-actionmenu, .moodle-actionmenu > ul, .moodle-actionmenu > ul > li { display: inline-block; } .moodle-actionmenu ul { padding: 0; margin: 0; list-style-type: none; } .section_action_menu .moodle-actionmenu ul.menubar { margin: 0; } .section_action_menu .moodle-actionmenu ul.menu { margin: 0 10px 10px 0; } .moodle-actionmenu .toggle-display, .moodle-actionmenu .menu-action-text { display: none; /** Hidden by default, display none so that we don't take up space. **/ } .jsenabled .moodle-actionmenu[data-enhance] { display: block; } .jsenabled .moodle-actionmenu[data-enhance] .menu { display: none; } .jsenabled .moodle-actionmenu[data-enhance] .toggle-display { display: inline; /** JS is enabled, we'll be using it so return display to normal **/ opacity: 0.5; filter: alpha(opacity=50); } .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu { display: block; margin-left: 4px; padding-left: 4px; padding-right: 4px; } .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall, .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .smallicon { margin: 4px 4px 4px 0; padding: 8px 4px 0 2px; vertical-align: text-bottom; } .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret { margin-top: 8px; margin-left: 2px; border-top-color: #777; } .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover, .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active { border-top-color: #555; } .jsenabled .moodle-actionmenu[data-enhanced] .toggle-display { opacity: 1; filter: alpha(opacity=100); } .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text { display: inline; } .moodle-actionmenu[data-enhanced].show { position: relative; /** no wrap is set - prevent menu items from wrapping **/ } .moodle-actionmenu[data-enhanced].show .menu { display: block; position: absolute; text-align: left; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); z-index: 1000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 5px 5px 20px 0 #666; -moz-box-shadow: 5px 5px 20px 0 #666; box-shadow: 5px 5px 20px 0 #666; /** bottom left of button **/ /** bottom right of button **/ /** top left of button **/ /** top right of button **/ } .moodle-actionmenu[data-enhanced].show .menu a { display: block; color: #333; padding: 2px 1em 2px 28px; } .moodle-actionmenu[data-enhanced].show .menu a:hover { color: #fff; background-color: #0070a8; } .moodle-actionmenu[data-enhanced].show .menu a:first-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .moodle-actionmenu[data-enhanced].show .menu a:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .moodle-actionmenu[data-enhanced].show .menu a.hidden { display: none; } .moodle-actionmenu[data-enhanced].show .menu img { vertical-align: middle; } .moodle-actionmenu[data-enhanced].show .menu .iconsmall, .moodle-actionmenu[data-enhanced].show .menu .smallicon { margin: 4px 4px 4px -24px; padding: 4px; } .moodle-actionmenu[data-enhanced].show .menu > li { display: block; } .moodle-actionmenu[data-enhanced].show .menu.align-tl-bl { top: 100%; left: 0; margin-top: 4px; } .moodle-actionmenu[data-enhanced].show .menu.align-tr-bl { top: 100%; right: 100%; } .moodle-actionmenu[data-enhanced].show .menu.align-bl-bl { bottom: 100%; left: 0; } .moodle-actionmenu[data-enhanced].show .menu.align-br-bl { bottom: 100%; right: 100%; } .moodle-actionmenu[data-enhanced].show .menu.align-tl-br { top: 100%; left: 100%; } .moodle-actionmenu[data-enhanced].show .menu.align-tr-br { top: 100%; right: 0; margin-top: 4px; } .moodle-actionmenu[data-enhanced].show .menu.align-bl-br { bottom: 100%; left: 100%; } .moodle-actionmenu[data-enhanced].show .menu.align-br-br { bottom: 100%; right: 0; } .moodle-actionmenu[data-enhanced].show .menu.align-tl-tl { top: 0; left: 0; } .moodle-actionmenu[data-enhanced].show .menu.align-tr-tl { top: 0; right: 100%; margin-right: 4px; } .moodle-actionmenu[data-enhanced].show .menu.align-bl-tl { bottom: 100%; left: 0; margin-bottom: 4px; } .moodle-actionmenu[data-enhanced].show .menu.align-br-tl { bottom: 100%; right: 100%; } .moodle-actionmenu[data-enhanced].show .menu.align-tl-tr { top: 0; left: 100%; margin-left: 4px; } .moodle-actionmenu[data-enhanced].show .menu.align-tr-tr { top: 0; right: 0; } .moodle-actionmenu[data-enhanced].show .menu.align-bl-tr { bottom: 100%; left: 100%; } .moodle-actionmenu[data-enhanced].show .menu.align-br-tr { bottom: 100%; right: 0; margin-bottom: 4px; } .moodle-actionmenu[data-enhanced].show.nowrap-items .menu > li { white-space: nowrap; } .block .moodle-actionmenu { text-align: right; } ul.dragdrop-keyboard-drag li { list-style-type: none; } .block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; } a.disabled:hover, a.disabled { text-decoration: none; cursor: default; font-style: italic; color: #808080; } body.lockscroll { height: 100%; overflow: hidden; } .progressbar_container { max-width: 500px; margin: 0 auto; } /* IE10 only fix for calendar titling */ .ie10 .yui3-calendar-header-label { display: inline-block; } dd:before, dd:after { display: block; content: " "; } dd:after { clear: both; } .nav-tabs > .active > a[href], .nav-tabs > .active > a[href]:hover, .nav-tabs > .active > a[href]:focus { cursor: pointer; } .inplaceeditable.inplaceeditingon { position: relative; } .inplaceeditable.inplaceeditingon .editinstructions { margin-top: -30px; font-weight: normal; margin-right: 0; margin-left: 0; left: 0; right: auto; white-space: nowrap; } .inplaceeditable.inplaceeditingon input { width: 330px; height: 16px; vertical-align: text-bottom; margin-bottom: 0; } .inplaceeditable.inplaceeditingon select { margin-bottom: 0; } .inplaceeditable .quickediticon img { opacity: 0.2; } .inplaceeditable .quickeditlink { color: inherit; text-decoration: inherit; } .inplaceeditable:hover .quickeditlink .quickediticon img, .inplaceeditable .quickeditlink:focus .quickediticon img { opacity: 1; } .inplaceeditable.inplaceeditable-toggle .quickediticon { display: none; } h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions { margin-top: -20px; } /** Chart area. */ .chart-area .chart-table-data { display: none; } .chart-area .chart-table { /** When accessible, we display the table only. */ } .chart-area .chart-table .chart-output-htmltable caption { white-space: nowrap; } .chart-area .chart-table.accesshide .chart-table-expand { display: none; } .chart-area .chart-table.accesshide .chart-table-data { display: block; } .hover-tooltip-container { position: relative; } .hover-tooltip-container .hover-tooltip { opacity: 0; visibility: hidden; position: absolute; left: 50%; top: calc(-50% - 5px); transform: translate(-50%, -50%); background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; box-sizing: border-box; padding: 5px; white-space: nowrap; transition: opacity 0.15s, visibility 0.15s; z-index: 1000; } .hover-tooltip-container .hover-tooltip:before { content: ''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.2); position: absolute; bottom: -8px; left: calc(50% - 8px); } .hover-tooltip-container .hover-tooltip:after { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; position: absolute; bottom: -6px; left: calc(50% - 7px); z-index: 2; } .hover-tooltip-container:hover .hover-tooltip { opacity: 1; visibility: visible; transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; } /* admin.less */ .formtable tbody th { font-weight: normal; text-align: right; } .path-admin #assignrole { width: 60%; margin-left: auto; margin-right: auto; } .path-admin .admintable .leftalign { text-align: left; } .environmenttable p.warn { background-color: #fcf8e3; color: #8a6d3b; } .environmenttable .error, .environmenttable span.warn, .environmenttable .ok { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .environmenttable .error:empty, .environmenttable span.warn:empty, .environmenttable .ok:empty { display: none; } .environmenttable .error-important, .environmenttable span.warn-important, .environmenttable .ok-important { background-color: #b94a48; } .environmenttable .error-important[href], .environmenttable span.warn-important[href], .environmenttable .ok-important[href] { background-color: #953b39; } .environmenttable .error-warning, .environmenttable span.warn-warning, .environmenttable .ok-warning { background-color: #f89406; } .environmenttable .error-warning[href], .environmenttable span.warn-warning[href], .environmenttable .ok-warning[href] { background-color: #c67605; } .environmenttable .error-success, .environmenttable span.warn-success, .environmenttable .ok-success { background-color: #468847; } .environmenttable .error-success[href], .environmenttable span.warn-success[href], .environmenttable .ok-success[href] { background-color: #356635; } .environmenttable .error-info, .environmenttable span.warn-info, .environmenttable .ok-info { background-color: #3a87ad; } .environmenttable .error-info[href], .environmenttable span.warn-info[href], .environmenttable .ok-info[href] { background-color: #2d6987; } .environmenttable .error-inverse, .environmenttable span.warn-inverse, .environmenttable .ok-inverse { background-color: #333; } .environmenttable .error-inverse[href], .environmenttable span.warn-inverse[href], .environmenttable .ok-inverse[href] { background-color: #1a1a1a; } .environmenttable .error { background-color: #b94a48; } .environmenttable span.warn { background-color: #f89406; } .environmenttable .ok { background-color: #468847; } .path-admin .admintable.environmenttable .name, .path-admin .admintable.environmenttable .info, .path-admin #assignrole .admintable .role, .path-admin #assignrole .admintable .userrole, .path-admin #assignrole .admintable .roleholder { white-space: nowrap; } .path-admin .incompatibleblockstable td.c0 { font-weight: bold; } #page-admin-course-category .addcategory { padding: 10px; } #page-admin-course-index .editcourse { margin: 20px auto; } #page-admin-course-index .editcourse th, #page-admin-course-index .editcourse td { padding-left: 10px; padding-right: 10px; } .timewarninghidden { display: none; } .statusok, .statuswarning, .statusserious, .statuscritical { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .statusok:empty, .statuswarning:empty, .statusserious:empty, .statuscritical:empty { display: none; } .statusok-important, .statuswarning-important, .statusserious-important, .statuscritical-important { background-color: #b94a48; } .statusok-important[href], .statuswarning-important[href], .statusserious-important[href], .statuscritical-important[href] { background-color: #953b39; } .statusok-warning, .statuswarning-warning, .statusserious-warning, .statuscritical-warning { background-color: #f89406; } .statusok-warning[href], .statuswarning-warning[href], .statusserious-warning[href], .statuscritical-warning[href] { background-color: #c67605; } .statusok-success, .statuswarning-success, .statusserious-success, .statuscritical-success { background-color: #468847; } .statusok-success[href], .statuswarning-success[href], .statusserious-success[href], .statuscritical-success[href] { background-color: #356635; } .statusok-info, .statuswarning-info, .statusserious-info, .statuscritical-info { background-color: #3a87ad; } .statusok-info[href], .statuswarning-info[href], .statusserious-info[href], .statuscritical-info[href] { background-color: #2d6987; } .statusok-inverse, .statuswarning-inverse, .statusserious-inverse, .statuscritical-inverse { background-color: #333; } .statusok-inverse[href], .statuswarning-inverse[href], .statusserious-inverse[href], .statuscritical-inverse[href] { background-color: #1a1a1a; } .statusok { background-color: #468847; } .statuswarning { background-color: #8a6d3b; } .statusserious { background-color: #f89406; } .statuscritical { background-color: #b94a48; } #page-admin-report-capability-index #capabilitysearch { width: 30em; } #page-admin-report-backups-index .backup-error, #page-admin-report-backups-index .backup-unfinished { color: #b94a48; } #page-admin-report-backups-index .backup-skipped, #page-admin-report-backups-index .backup-ok, #page-admin-report-backups-index .backup-notyetrun { color: #468847; } #page-admin-report-backups-index .backup-warning { color: #8a6d3b; } #page-admin-qtypes .disabled, #page-admin-qbehaviours .disabled { color: #999; } #page-admin-qtypes #qtypes div, #page-admin-qtypes #qtypes form, #page-admin-qbehaviours #qbehaviours div, #page-admin-qbehaviours #qbehaviours form { display: inline; } #page-admin-qtypes #qtypes img.spacer, #page-admin-qbehaviours #qbehaviours img.spacer { width: 16px; } img.iconsmall { margin: 0; padding: 0.3em; } #page-admin-qbehaviours .cell.c3, #page-admin-qtypes .cell.c3 { font-size: 10.5px; } #page-admin-lang .generalbox, #page-admin-course-index .singlebutton, #page-admin-course-index .addcategory, #page-course-index .buttons, #page-course-index-category .buttons, #page-admin-course-category .addcategory, #page-admin-stickyblocks .generalbox, #page-admin-maintenance .buttons, #page-admin-course-index .buttons, #page-admin-course-category .buttons, #page-admin-index .copyright, #page-admin-index .copyrightnotice, #page-admin-index .adminerror .singlebutton, #page-admin-index .adminwarning .singlebutton, #page-admin-index #layout-table .singlebutton { text-align: center; margin-bottom: 1em; } .path-admin-roles .capabilitysearchui { text-align: left; margin-left: auto; margin-right: auto; } .path-admin-roles .capabilitysearchui input[type="button"] { margin-bottom: 0; } #page-admin-roles-define .topfields { margin: 1em 0 2em; } #page-admin-roles-define .capdefault { background-color: #f5f5f5; border: 1px solid #ddd; } #page-filter-manage .backlink, .path-admin-roles .backlink { margin-top: 1em; } #page-admin-roles-explain #chooseuser h3, #page-admin-roles-usersroles .contextname { margin-top: 0; } #page-admin-roles-explain #chooseusersubmit { margin-top: 0; text-align: center; } #page-admin-roles-usersroles p { margin: 0; } #page-admin-roles-override .cell.c1, #page-admin-roles-assign .cell.c3, #page-admin-roles-assign .cell.c1 { padding-top: 0.75em; } #page-admin-roles-override .overridenotice, #page-admin-roles-define .definenotice { margin: 1em 10% 2em 10%; text-align: left; } .modal.modal-in-page { position: static; z-index: 0; margin: 0; } #page-admin-index .releasenoteslink, #page-admin-index .adminwarning, #page-admin-index .adminerror { margin: auto; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #8a6d3b; width: 60%; min-width: 220px; } #page-admin-index .adminerror { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } #page-admin-index .releasenoteslink { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span { display: block; } #page-admin-index .updateplugin div { margin-bottom: 0.5em; } #page-admin-index .updateplugin .updatepluginconfirmexternal { padding: 1em; background-color: #f2dede; border: 1px solid #eed3d7; } #page-admin-user-user_bulk #users .fgroup { white-space: nowrap; } #page-admin-report-stats-index .graph { text-align: center; margin-bottom: 1em; } #page-admin-report-courseoverview-index .graph { text-align: center; margin-bottom: 1em; } #page-admin-lang .translator { border-width: 1px; border-style: solid; } .path-admin .roleassigntable { width: 100%; } .path-admin .roleassigntable td { vertical-align: top; padding: 0.2em 0.3em; } .path-admin .roleassigntable p { text-align: left; margin: 0.2em 0; } .path-admin .roleassigntable #existingcell, .path-admin .roleassigntable #potentialcell { width: 42%; } .path-admin .roleassigntable #existingcell p > label:first-child, .path-admin .roleassigntable #potentialcell p > label:first-child { font-weight: bold; } .path-admin .roleassigntable #buttonscell { width: 16%; } .path-admin .roleassigntable #buttonscell #assignoptions { font-size: 10.5px; } .path-admin .roleassigntable #removeselect_wrapper, .path-admin .roleassigntable #addselect_wrapper { width: 100%; } .path-admin table.rolecap tr.rolecap th { text-align: left; font-weight: normal; } .path-admin .rolecap .hiddenrow { display: none; } .path-admin #defineroletable .rolecap .inherit, .path-admin #defineroletable .rolecap .allow, .path-admin #defineroletable .rolecap .prevent, .path-admin #defineroletable .rolecap .prohibit { text-align: center; padding: 0; min-width: 3.5em; } .path-admin .rolecap .cap-name, .path-admin .rolecap .note { display: block; font-size: 10.5px; white-space: nowrap; font-weight: normal; } .path-admin .rolecap label { display: block; text-align: center; padding: 0.5em; margin: 0; } .plugincheckwrapper { width: 100%; } .environmentbox { margin-top: 1em; } #mnetconfig table { margin-left: auto; margin-right: auto; } .environmenttable .cell { padding: .15em .5em; } .environmenttable img.iconhelp { padding-right: .3em; } #trustedhosts .generaltable { margin-left: auto; margin-right: auto; width: 500px; } #trustedhosts .standard { width: auto; } #adminsettings legend { display: none; } #adminsettings fieldset.error { margin: .2em 0 .5em 0; } #adminsettings fieldset.error legend { display: block; } /*rtl:ignore*/ #admin-spelllanguagelist textarea, #page-admin-setting-editorsettingstinymce .form-textarea textarea { text-align: left; direction: ltr; } /* Styles for flags on admin settings */ .adminsettingsflags { float: right; } .adminsettingsflags label { margin-right: 7px; } .form-description { clear: right; } .form-description pre, .formsettingheading pre { /* Code examples should be left aligned. */ /*rtl:ignore*/ direction: ltr; } .form-item .form-setting .form-htmlarea { display: inline; } .form-item .form-setting .form-htmlarea .htmlarea { width: 640px; display: block; } .form-item .form-setting .form-multicheckbox ul { list-style: none; padding: 0; margin: 7px 0 0 0; } .form-item .form-setting .defaultsnext { margin-right: 0.5em; display: inline; } .form-item .form-setting .locked-checkbox { margin-right: 0.2em; margin-left: 0.5em; display: inline; } .form-item .form-setting .form-password .unmask, .form-item .form-setting .form-defaultinfo { display: inline-block; } .form-item .pathok, .form-item .patherror { margin-left: 0.5em; } #admin-emoticons td input { width: 8em; } #admin-emoticons td.c0 input { width: 4em; } #adminthemeselector .selectedtheme td.c0 { border: 1px solid #000; border-right-width: 0; } #adminthemeselector .selectedtheme td.c1 { border: 1px solid #000; border-left-width: 0; } .admin_colourpicker, .admin_colourpicker_preview { display: none; } .jsenabled .admin_colourpicker_preview { display: inline; } .jsenabled .admin_colourpicker { display: block; height: 102px; width: 410px; margin-bottom: 10px; } .admin_colourpicker .loadingicon { vertical-align: middle; margin-left: auto; } .admin_colourpicker .colourdialogue { float: left; border: 1px solid #000; } .admin_colourpicker .previewcolour { border: 1px solid #000; margin-left: 301px; } .admin_colourpicker .currentcolour { border: 1px solid #000; margin-left: 301px; border-top-width: 0; } #page-admin-index #notice .checkforupdates { text-align: center; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release { background-color: #d9edf7; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release { background-color: #fcf8e3; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release { background-color: #f2dede; } #page-admin-plugins #plugins-overview-panel .info { display: inline-block; margin-right: 1em; } #page-admin-plugins .checkforupdates { margin: 10px 0; } #page-admin-plugins .checkforupdates .singlebutton { margin: 5px 0; padding: 0; } #page-admin-plugins .checkforupdates .singlebutton div, #page-admin-plugins .checkforupdates .singlebutton input { margin: 0 3px 0 0; } #page-admin-plugins .updateavailableinstallall { margin: 5px 0; padding: 0; } #page-admin-plugins .updateavailableinstallall div, #page-admin-plugins .updateavailableinstallall input { margin: 0 3px 5px 0; } #page-admin-plugins #plugins-control-panel .status-missing td { background-color: #f2dede; } #page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon { padding-top: 0; padding-bottom: 0; } #page-admin-plugins #plugins-control-panel .pluginname .componentname { font-size: 11.9px; color: #999; margin-left: 22px; } #page-admin-plugins #plugins-control-panel .version .versionnumber { font-size: 11.9px; color: #999; } #page-admin-plugins #plugins-control-panel .uninstall a { color: #b94a48; } #page-admin-plugins #plugins-control-panel .notes .label { margin-right: 3px; } #page-admin-plugins #plugins-control-panel .notes .requiredby { font-size: 11.9px; color: #999; } #plugins-check-page .page-description { color: #999; } #plugins-check-page .checkforupdates .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page .checkforupdates .singlebutton div, #plugins-check-page .checkforupdates .singlebutton input { margin: 0 3px 0 0; } #plugins-check-page #plugins-check-info .actions > div { display: inline-block; margin-right: 1em; } #plugins-check-page #plugins-check-info .actions .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page #plugins-check-info .actions .singlebutton div, #plugins-check-page #plugins-check-info .actions .singlebutton input { margin: 0 3px 0 0; } #plugins-check-page #plugins-check .requires-ok { color: #999; } #plugins-check-page #plugins-check .status-missing td, #plugins-check-page #plugins-check .status-downgrade td { background-color: #f2dede; } #plugins-check-page #plugins-check .displayname .pluginicon { margin-right: 5px; width: 16px; } #plugins-check-page #plugins-check .displayname .plugindir { color: #999; font-size: 11.9px; } #plugins-check-page #plugins-check .requires ul { margin-left: 13px; } #plugins-check-page #plugins-check .status .actionbutton { margin: 5px 0; padding: 0; } #plugins-check-page #plugins-check .status .actionbutton input { margin: 0; } #plugins-check-page .plugins-check-dependencies-actions > div { display: inline-block; margin-right: 1em; } #plugins-check-page .plugins-check-dependencies-actions .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page .plugins-check-dependencies-actions .singlebutton div, #plugins-check-page .plugins-check-dependencies-actions .singlebutton input { margin: 0 3px 0 0; } #plugins-check-page #plugins-check-available-dependencies .displayname .component { font-size: 11.9px; color: #999; } #plugins-check-page #plugins-check-available-dependencies .info .actions > div { display: inline-block; margin-right: 1em; } #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall { display: block; margin: 5px 0; padding: 0; } #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input { margin: 0; } #plugins-check-page .pluginupdateinfo, #plugins-control-panel .pluginupdateinfo { background-color: #d9edf7; padding: 5px; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #plugins-check-page .pluginupdateinfo.maturity50, #plugins-control-panel .pluginupdateinfo.maturity50 { background-color: #f2dede; } #plugins-check-page .pluginupdateinfo.maturity100, #plugins-control-panel .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150, #plugins-control-panel .pluginupdateinfo.maturity150 { background-color: #fcf8e3; } #plugins-check-page .pluginupdateinfo .info, #plugins-control-panel .pluginupdateinfo .info { display: inline-block; } #plugins-check-page .pluginupdateinfo .separator:after, #plugins-control-panel .pluginupdateinfo .separator:after { content: " | "; } #plugins-check-page .pluginupdateinfo .singlebutton, #plugins-control-panel .pluginupdateinfo .singlebutton { margin: 5px 0; padding: 0; } #plugins-check-page .pluginupdateinfo .singlebutton div, #plugins-control-panel .pluginupdateinfo .singlebutton div, #plugins-check-page .pluginupdateinfo .singlebutton input, #plugins-control-panel .pluginupdateinfo .singlebutton input { margin: 0 3px 0 0; } .plugins-management-confirm-buttons > div { display: inline-block; margin: 1em 1em 1em 0; } .plugins-management-confirm-buttons .continue { padding: 0; } .plugins-management-confirm-buttons .continue div, .plugins-management-confirm-buttons .continue input { margin: 0; } .uninstalldeleteconfirmexternal { background-color: #fcf8e3; padding: 0.5em 1em; margin: 5px 0 10px 0; } #page-admin-index .upgradepluginsinfo { text-align: center; } #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after { content: " | "; } #plugins-check .pluginupdateinfo { text-align: center; /*rtl:ignore*/ direction: ltr; } #plugins-check .requires-ok { /*rtl:ignore*/ text-align: left; /*rtl:ignore*/ direction: ltr; } /** MNet networking */ #page-admin-mnet-peers .box.deletedhosts { margin-bottom: 1em; font-size: 11.9px; } #page-admin-mnet-peers .mform .deletedhostinfo { background-color: #f2dede; border: 2px solid #eed3d7; padding: 4px; margin-bottom: 5px; } #core-cache-plugin-summaries table, #core-cache-store-summaries table { width: 100%; } #core-cache-lock-summary table, #core-cache-definition-summaries table, #core-cache-mode-mappings table { margin: 0 auto; } #core-cache-store-summaries .default-store td { font-style: italic; } #core-cache-rescan-definitions, #core-cache-mode-mappings .edit-link, #core-cache-lock-summary .new-instance { margin-top: 0.5em; text-align: center; } .tinymcesubplugins img.icon { padding-top: 0; padding-bottom: 0; } .maintenancewarning { padding: 3px 1em; text-align: center; position: fixed; bottom: 0; right: 0; overflow: hidden; z-index: 1; } .maintenancewarning.error { color: #b94a48; background-color: #f2dede; border: 2px solid #eed3d7; font-weight: bold; } .maintenancewarning.warning { color: #8a6d3b; background-color: #fcf8e3; border: 2px solid #fbeed5; } #adminsettings .form-overridden { color: #3a87ad; background-color: #d9edf7; } /* calendar.less */ .calendar_event_course { background-color: #ffd3bd; } .calendar_event_global { background-color: #d6f8cd; } .calendar_event_group { background-color: #fee7ae; } .calendar_event_user { background-color: #dce7ec; } .path-calendar .calendartable { width: 100%; } .path-calendar .calendartable th, .path-calendar .calendartable td { width: 14%; vertical-align: top; text-align: center; border: 0; } .path-calendar .calendar-controls .previous, .path-calendar .calendar-controls .next, .path-calendar .calendar-controls .current { display: block; float: left; width: 12%; } .path-calendar .calendar-controls .previous { text-align: left; } .path-calendar .calendar-controls .current { text-align: center; width: 76%; } .path-calendar .calendar-controls .next { text-align: right; } .path-calendar .filters table { border-collapse: separate; border-spacing: 2px; width: 100%; } .path-calendar .cal_courses_flt { float: left; } .path-calendar .cal_courses_flt label { margin-right: .45em; } .path-calendar .maincalendar { vertical-align: top; padding: 0; } .path-calendar .maincalendar .bottom { text-align: center; padding: 5px 0 0 0; } .path-calendar .maincalendar .heightcontainer { height: 100%; position: relative; } .path-calendar .maincalendar .calendarmonth { width: 98%; margin: 10px auto; } .path-calendar .maincalendar .calendarmonth ul { margin: 0; } .path-calendar .maincalendar .calendarmonth ul li { list-style-type: none; margin-top: 4px; } .path-calendar .maincalendar .calendarmonth td { height: 5em; } .path-calendar .maincalendar .calendar-controls .previous, .path-calendar .maincalendar .calendar-controls .next { width: 30%; } .path-calendar .maincalendar .calendar-controls .current { width: 39.95%; } .path-calendar .maincalendar .controls { width: 98%; margin: 10px auto; } .path-calendar .maincalendar .calendar_event_course, .path-calendar .maincalendar .calendar_event_global, .path-calendar .maincalendar .calendar_event_group, .path-calendar .maincalendar .calendar_event_user { border-width: 1px 1px 1px 12px; border-style: solid; } .path-calendar .maincalendar .calendar_event_course { border-color: #ffd3bd; } .path-calendar .maincalendar .calendar_event_global { border-color: #d6f8cd; } .path-calendar .maincalendar .calendar_event_group { border-color: #fee7ae; } .path-calendar .maincalendar .calendar_event_user { border-color: #dce7ec; } .path-calendar .maincalendar .calendar-event-panel { background-color: #eee; border: 2px solid #eee; } .path-calendar .maincalendar .calendar-event-panel .yui3-overlay-content { padding: 19px; background-color: #fdfdfd; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .path-calendar .maincalendar .calendar-controls .current { font-family: inherit; font-weight: bold; color: inherit; font-size: 25px; line-height: 1.2; } .path-calendar .maincalendar .calendartable td, .path-calendar .maincalendar .calendartable li { padding: 5px; } .path-calendar .maincalendar .calendartable li { padding-left: 10px; text-align: left; } .path-calendar .maincalendar .header { overflow: hidden; } .path-calendar .maincalendar .header .buttons { float: right; } .path-calendar .maincalendar .eventlist { margin: 0; } .path-calendar .maincalendar .eventlist .event { width: 92%; border-spacing: 0; border-collapse: separate; position: relative; padding: 20px 4%; margin-bottom: 20px; background-color: #fdfdfd; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); list-style-type: none; } .path-calendar .maincalendar .eventlist .event > img { padding-top: 3px; float: left; } .path-calendar .maincalendar .eventlist .event .name { font-size: 17.5px; font-weight: 200; line-height: 24px; float: left; margin: 0; } .path-calendar .maincalendar .eventlist .event .name, .path-calendar .maincalendar .eventlist .event .course { margin-bottom: 5px; } .path-calendar .maincalendar .eventlist .event .date { float: right; } .path-calendar .maincalendar .eventlist .event .course, .path-calendar .maincalendar .eventlist .event .subscription { float: left; clear: left; } .path-calendar .maincalendar .eventlist .event .side { width: 22px; } .path-calendar .maincalendar .eventlist .event .description { background-color: #fff; padding: 5px; clear: both; } .path-calendar .maincalendar .eventlist .event .description .commands { position: absolute; right: 0; top: 0; margin: 3px; } .path-calendar .maincalendar .eventlist .event .commands { position: absolute; top: 2px; right: 2px; } .path-calendar .maincalendar .eventlist .event .commands a { margin: 0 3px; } #page-calendar-export .indent { padding-left: 20px; } .block .minicalendar { max-width: 280px; margin: 0 auto; width: 100%; } .block .minicalendar th, .block .minicalendar td { padding: 2px; font-size: 0.8em; text-align: center; } .block .minicalendar td.weekend { color: #999; } .block .minicalendar td a { width: 100%; height: 100%; display: block; } .block .minicalendar td.duration_global { border-top: 1px solid #d6f8cd; border-bottom: 1px solid #d6f8cd; } .block .minicalendar td.duration_global.duration_finish { background-color: #d6f8cd; } .block .minicalendar td.duration_course { border-top: 1px solid #ffd3bd; border-bottom: 1px solid #ffd3bd; } .block .minicalendar td.duration_course.duration_finish { background-color: #ffd3bd; } .block .minicalendar td.duration_group { border-top: 1px solid #fee7ae; border-bottom: 1px solid #fee7ae; } .block .minicalendar td.duration_group.duration_finish { background-color: #fee7ae; } .block .minicalendar td.duration_user { border-top: 1px solid #dce7ec; border-bottom: 1px solid #dce7ec; } .block .minicalendar td.duration_user.duration_finish { background-color: #dce7ec; } .block .minicalendar caption { font-size: inherit; font-weight: inherit; line-height: inherit; text-align: center; } .block .calendar-event-panel { background-color: #eee; border: 1px solid #eee; } .block .calendar-event-panel .yui3-overlay-content { padding: 19px; background-color: #fdfdfd; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .block .calendar-event-panel .yui3-overlay-content h2.eventtitle { line-height: 1.2; font-size: 18px; } .block .calendar-event-panel .yui3-overlay-content .eventcontent img { padding-right: 5px; } .block .calendar-controls .previous, .block .calendar-controls .current, .block .calendar-controls .next { display: block; float: left; } .block .calendar-controls .previous { text-align: left; width: 12%; } .block .calendar-controls .current { text-align: center; width: 76%; } .block .calendar-controls .next { text-align: right; width: 12%; } .block .calendar_filters ul { list-style: none; margin: 0; } .block .calendar_filters li { margin-bottom: 0.2em; } .block .calendar_filters li span img { padding: 0 0.2em; } .block .calendar_filters .eventname { padding-left: 0.2em; } .block .content h3.eventskey { margin-top: 0.5em; } .ical-link { font-size: 10px; font-weight: bold; background-color: #f60; padding: 0 5px; color: #fff; border-top: 1px solid #f93; border-left: 1px solid #f93; border-bottom: 1px solid #013; border-right: 1px solid #013; } .ical-link:hover, .ical-link:active, .ical-link:focus, .ical-link:visited { color: #fff; text-decoration: none; } @media (min-width: 768px) { #page-calender-view .container-fluid { min-width: 1024px; } } /* course.less */ /* COURSE CONTENT */ /* stylelint-disable unit-blacklist */ .section_add_menus { text-align: right; clear: both; } .section-modchooser { clear: both; } .section_add_menus .horizontal div, .section_add_menus .horizontal form { display: inline; } .section_add_menus optgroup { font-weight: normal; font-style: italic; } .section_add_menus .urlselect { margin-left: .4em; } .section_add_menus .urlselect select { margin-left: .2em; } .section_add_menus .urlselect img.iconhelp { padding: 0; margin: 0; vertical-align: text-bottom; } .sitetopic ul.section { margin: 0; } .course-content ul.section { margin: 1em; } .section .side.left { float: left; } .section .side.right { float: right; } .section .spinner { height: 16px; width: 16px; } .section .activity { /* The command block for each activity */ } .section .activity .spinner { left: 100%; position: absolute; } .section .activity .mod-indent-outer { padding-left: 0; } .section .activity .actions { position: absolute; right: 0; top: 0; } .section .activity .contentwithoutlink, .section .activity .activityinstance { min-width: 40%; display: table-cell; padding-right: 4px; min-height: 2em; } .section .activity .contentwithoutlink .dimmed img.activityicon, .section .activity .activityinstance .dimmed img.activityicon { opacity: 0.5; filter: alpha(opacity=50); } .section .label .contentwithoutlink, .section .label .activityinstance { padding-right: 32px; display: block; height: inherit; } .section .label .mod-indent-outer { padding-left: 24px; display: block; } .section .filler { width: 16px; height: 16px; padding: 0.3em; display: inline-block; } .section .activity.editor_displayed a.editing_title, .section .activity.editor_displayed .moodle-actionmenu { display: none; } .section .activity.editor_displayed div.activityinstance { padding-right: initial; } .section .activity.editor_displayed div.activityinstance input { margin-bottom: initial; padding-top: initial; padding-bottom: initial; vertical-align: text-bottom; } .activity img.activityicon { margin-right: 6px; vertical-align: text-bottom; } .section .activity .activityinstance, .section .activity .activityinstance div { display: inline-block; } .editing .section .activity .contentwithoutlink, .editing .section .activity .activityinstance { padding-right: 200px; } .editing .section .activity .editing_move { /* Move the move icon to the start of the line */ position: absolute; left: 0; top: 0; } .editing .section .activity .mod-indent-outer { /** * Add appropriate padding such that nothing overlaps the * absolute positioned move icon. */ padding-left: 32px; } .editing_show + .editing_assign, .editing_hide + .editing_assign { margin-left: 20px; } .section .activity .commands { white-space: nowrap; display: inline; } .section .activity.modtype_label.label { font-weight: normal; padding: .2em; } .section li.activity { padding: .2em; clear: both; } .section .activity .activityinstance .groupinglabel { padding-left: 30px; } .section .activity .availabilityinfo, .section .activity .contentafterlink { margin-top: 0.5em; margin-left: 30px; } .section .activity .contentafterlink p { margin: .5em 0; } .editing .section .activity:hover, .editing .section .activity.action-menu-shown { background-color: #eee; } .course-content .current { background-color: #d9edf7; } .course-content .section-summary { border: 1px solid #ddd; margin-top: 5px; list-style: none; } .course-content .section-summary .section-title { margin: 2px 5px 10px 5px; } .course-content .section-summary .summarytext { margin: 2px 5px 2px 5px; } .course-content .section-summary .section-summary-activities .activity-count { color: #999; font-size: 11.9px; margin: 3px; white-space: nowrap; display: inline-block; } .course-content .section-summary .summary { margin-top: 5px; } .course-content .single-section { margin-top: 1em; } .course-content .single-section .section-navigation { display: block; padding: 0.5em; margin-bottom: -0.5em; } .course-content .single-section .section-navigation .title { font-weight: bold; font-size: 108%; clear: both; } .course-content .single-section .section-navigation .mdl-left { font-weight: normal; float: left; margin-right: 1em; } .course-content .single-section .section-navigation .mdl-left .larrow { margin-right: 0.1em; } .course-content .single-section .section-navigation .mdl-right { font-weight: normal; float: right; margin-left: 1em; } .course-content .single-section .section-navigation .mdl-right .rarrow { margin-left: 0.1em; } .course-content .single-section .section-navigation .mdl-bottom { margin-top: 0; } .course-content ul li.section.main { border-bottom: 2px solid #ddd; margin-top: 0; } .course-content ul li.section.hidden .sectionname > span, .course-content ul li.section.hidden .content > div, .course-content ul li.section.hidden .activity .activityinstance { opacity: .5; } .course-content ul li.section.hidden .sectionname > span, .course-content ul li.section.hidden .activity .activityinstance { margin-left: 10px; margin-right: 10px; } .course-content ul.topics li.section .content, .course-content ul.weeks li.section .content { margin-right: 20px; margin-left: 20px; padding: 0; } .course-content { margin-top: 0; } .course-content ul.topics li.section { padding-bottom: 20px; } .course-content ul.topics li.section .summary { margin-left: 25px; } .course-content li.section ul { list-style: disc; } .course-content li.section ul ul { list-style: circle; } .course-content li.section ul ul ul { list-style: square; } .course-content li.section li.activity ul { list-style: disc; } .course-content li.section li.activity ul ul { list-style: circle; } .course-content li.section li.activity ul ul ul { list-style: square; } .path-course-view .completionprogress { margin-left: 25px; } .path-course-view .completionprogress { display: block; float: right; height: 20px; position: relative; } #page-site-index .subscribelink { text-align: right; } #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, #frontpage-category-combo h2 { margin-bottom: 9px; } .path-course-view a.reduce-sections { padding-left: 0.2em; } .path-course-view .subscribelink { text-align: right; } .path-course-view .unread { margin-left: 30px; } .path-course-view .block.drag .header { cursor: move; } .path-course-view .completionprogress { text-align: right; } .path-course-view .single-section .completionprogress { margin-right: 5px; } .path-course-view .section .summary { line-height: normal; } .path-site li.activity > div, .path-course-view li.activity > div { position: relative; padding: 0 16px 0 0; /* to accommodate the floated completion icon with highlighting */ } .path-course-view li.activity span.autocompletion img { vertical-align: text-bottom; } .path-course-view li.activity form.togglecompletion img { max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */ } .path-course-view li.activity form.togglecompletion .ajaxworking { width: 16px; height: 16px; position: absolute; right: 22px; top: 3px; background: url([[pix:i/ajaxloader]]) no-repeat; } li.section.hidden span.commands a.editing_hide, li.section.hidden span.commands a.editing_show { cursor: default; } .single-section h3.sectionname { text-align: center; clear: both; } .section img.movetarget { height: 16px; width: 80px; } input.titleeditor { width: 330px; vertical-align: text-bottom; } span.editinstructions { position: absolute; top: 0; margin-top: -22px; margin-left: 30px; line-height: 16px; font-size: 11.9px; padding: .1em .4em; background-color: #d9edf7; color: #3a87ad; text-decoration: none; z-index: 9999; -webkit-box-shadow: 2px 2px 5px 1px #ccc; -moz-box-shadow: 2px 2px 5px 1px #ccc; box-shadow: 2px 2px 5px 1px #ccc; border: 1px solid #bce8f1; } /* Course drag and drop upload styles */ #dndupload-status { position: fixed; left: 0; width: 40%; margin: 0 30%; padding: 6px; border: 1px solid #bce8f1; text-align: center; background: #d9edf7; color: #3a87ad; z-index: 1; -webkit-box-shadow: 2px 2px 5px 1px #ccc; -moz-box-shadow: 2px 2px 5px 1px #ccc; box-shadow: 2px 2px 5px 1px #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .dndupload-preview { color: #909090; border: 1px dashed #909090; list-style: none; margin-top: .2em; padding: .3em; } .dndupload-preview img.icon { vertical-align: text-bottom; padding: 0; } .dndupload-progress-outer { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dndupload-progress-inner { width: 0%; height: 100%; color: #fff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .dndupload-hidden { display: none; } /* COURSES LISTINGS AND COURSE SUMMARY */ #page-course-pending .singlebutton, #page-course-index .singlebutton, #page-course-index-category .singlebutton, #page-course-editsection .singlebutton { text-align: center; } #page-admin-course-manage #movecourses td img { margin: 0 .22em; vertical-align: text-bottom; } #page-admin-course-manage #movecourses td img.icon { padding: 0; } #coursesearch { margin-top: 1em; text-align: center; } #page-course-pending .pendingcourserequests { margin-bottom: 1em; } #page-course-pending .pendingcourserequests .singlebutton { display: inline; } #page-course-pending .pendingcourserequests .cell { padding: 0 5px; } #page-course-pending .pendingcourserequests .cell.c6 { white-space: nowrap; } .coursebox { margin-bottom: 15px; border: 1px dotted #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px; } .coursebox > .info > .coursename a { display: block; background-image: url([[pix:moodle|i/course]]); background-repeat: no-repeat; padding-left: 21px; background-position: left 0.2em; } .coursebox > .info > .coursename, .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile { float: left; clear: left; } .coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile { width: 40%; } .coursebox > .info > h3.coursename { margin: 5px; line-height: 1; } .coursebox > .info > .coursename { margin: 5px; padding: 0; } .coursebox .content .teachers li { list-style-type: none; padding: 0; margin: 0; } .coursebox .enrolmenticons { padding: 3px 0; float: right; } .coursebox .moreinfo { padding: 3px 0; float: right; } .coursebox .enrolmenticons img, .coursebox .moreinfo img { margin: 0 .2em; } .coursebox .content { clear: both; } .coursebox .content .summary, .coursebox .content .coursecat { float: right; width: 55%; } .coursebox .content .coursecat { text-align: right; clear: right; } .coursebox.remotecoursebox .remotecourseinfo { float: left; width: 40%; } .coursebox .content .courseimage img { max-width: 100px; max-height: 100px; } .coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, .coursebox .content .teachers, .coursebox.remotecoursebox .remotecourseinfo { margin: 3px 5px; padding: 0; } .coursebox.remotehost > .info > .categoryname a { background-image: url([[pix:moodle|i/mnethost]]); } .coursebox.collapsed { margin-bottom: 0; } .coursebox.collapsed > .content { display: none; } .courses .coursebox.collapsed { border: 1px solid #ddd; padding: 5px; } .courses .coursebox.even { background-color: #f9f9f9; } .courses .coursebox:hover, .course_category_tree .courses > .paging.paging-morelink:hover { background-color: #f5f5f5; } .course_category_tree .category .numberofcourse { font-size: 11.9px; } .course_category_tree .controls { visibility: hidden; } .course_category_tree .controls div { display: inline; cursor: pointer; } .jsenabled .course_category_tree .controls { visibility: visible; } .course_category_tree .controls { margin-bottom: 5px; text-align: right; float: right; } .course_category_tree .controls div { padding-right: 2em; font-size: 75%; } .course_category_tree .category > .info > .categoryname { /*rtl:remove*/ background-image: url([[pix:moodle|t/collapsed_empty]]); /*rtl:raw: background-image: url([[pix:moodle|t/collapsed_empty_rtl]]); */ background-repeat: no-repeat; padding: 2px 18px; margin: 3px; background-position: center left; } .course_category_tree .category.with_children > .info > .categoryname { background-image: url([[pix:moodle|t/expanded]]); cursor: pointer; } .course_category_tree .category.with_children.collapsed > .info > .categoryname { /*rtl:raw: background-image: url([[pix:moodle|t/collapsed_rtl]]); */ /*rtl:remove*/ background-image: url([[pix:moodle|t/collapsed]]); } .course_category_tree .category.collapsed > .content { display: none; } .course_category_tree .category > .info { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; min-height: 0; padding: 0; margin: 3px 0; margin-bottom: 3px; clear: both; } .course_category_tree .category > .info blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .course_category_tree.frontpage-category-names .category > .info { background: none; border: none; margin: 0; } .course_category_tree .category > .content { padding-left: 16px; } .course_category_tree .subcategories > .paging, .courses > .paging { margin: 0; padding: 5px; text-align: center; } .courses > .paging.paging-morelink, .course_category_tree .subcategories > .paging.paging-morelink { text-align: left; } .course_category_tree .paging.paging-morelink a { font-size: 11.9px; } #page-course-index-category .generalbox.info { margin-bottom: 15px; border: 1px dotted #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px; } #page-course-index-category .categorypicker { text-align: center; margin: 10px 0 20px; } .section .summary .iconsmall, .section .activity .iconsmall { width: 16px; height: 16px; } .section .editing_title .iconsmall { width: 12px; height: 12px; margin: 8px 8px 0 0; padding: 4px 8px 0 0; vertical-align: text-bottom; } .section .moodle-actionmenu .iconsmall { /** reset sets 100% !important which breaks on IE8 without this !important */ max-width: none !important; /* stylelint-disable-line declaration-no-important */ width: 16px; height: 16px; padding: 4px; vertical-align: text-bottom; } .section .moodle-actionmenu[data-enhanced] .menu img { width: 12px; height: 12px; } /** * Course management page * Palette * * Background (reg) #F5F5F5 * Background (light #fafafa * Background (highlight) #ddffaa * Borders #e1e1e8 */ #course-category-listings { background-color: transparent; margin-bottom: 200px; /** Two column layout */ /** Three column layout */ } #course-category-listings.columns-2 > #course-listing > div { position: relative; left: -1px; } #course-category-listings.columns-3 > #course-listing > div { height: 100%; } #course-category-listings > div > div { min-height: 300px; } #course-category-listings > div > div > ul.ml > li:first-child > div { border-top: 0; } #course-category-listings h3 { margin: 0; padding: 0.4rem 0.6rem 0.3rem; } #course-category-listings h4 { margin: 1rem 0 0; padding: 0.6rem 1rem 0.5rem; } #course-category-listings .moodle-actionmenu { white-space: nowrap; } #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img { width: auto; } #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu { padding-right: 4px; } #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret { margin-top: 12px; } #course-category-listings .listing-actions { text-align: center; padding: 0.4rem 0.3rem 0.3rem; line-height: 2.2em; } #course-category-listings .listing-actions > a, #course-category-listings .listing-actions > .moodle-actionmenu { display: inline-block; } #course-category-listings .listing-actions > .moodle-actionmenu .menu a { padding-left: 1rem; } #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li { line-height: normal; } #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a { color: inherit; display: inline-block; } #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img { display: none; } #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret { display: none; } #course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text { display: inline-block; } #course-category-listings ul.ml { list-style: none; margin: 1rem 0; } #course-category-listings ul.ml ul.ml { margin: 0; } #course-category-listings li { line-height: 2.2em; } #course-category-listings li > div:hover { background-color: #f5f5f5; } #course-category-listings li .tree-icon { margin: 2px 6px 0 0; width: 12px; vertical-align: inherit; } #course-category-listings li[data-selected='1'] > div { background-color: #f9f9f9; } #course-category-listings li[data-selected='1'] > div:hover { background-color: #f5f5f5; } #course-category-listings li .tree-icon { margin-left: 0; } #course-category-listings li li .tree-icon { margin-left: 1em; } #course-category-listings li li li .tree-icon { margin-left: 2em; } #course-category-listings li li li li .tree-icon { margin-left: 3em; } #course-category-listings li li li li li .tree-icon { margin-left: 4em; } #course-category-listings li li li li li li .tree-icon { margin-left: 4.5em; } #course-category-listings li li li li li li li .tree-icon { margin-left: 5em; } #course-category-listings li li li li li li li li .tree-icon { margin-left: 5.5em; } #course-category-listings .item-actions { margin-right: 1em; display: initial; } #course-category-listings .item-actions > a img, #course-category-listings .item-actions .menubar img { margin: 0 4px; height: 12px; padding: 0; vertical-align: inherit; } #course-category-listings .item-actions.show .menu li { line-height: 20px; } #course-category-listings .item-actions.show .menu img { width: 12px; max-width: none; } #course-category-listings .item-actions .menu-action-text { vertical-align: inherit; } #course-category-listings .listitem > div > .float-left { float: left; } #course-category-listings .listitem > div > .float-right { float: right; text-align: right; } #course-category-listings .listitem > div .item-actions .action-show { display: none; } #course-category-listings .listitem > div .item-actions .action-hide { display: inline; } #course-category-listings .listitem > div .without-actions { color: #333; } #course-category-listings .listitem > div .idnumber { color: #a1a1a8; margin-right: 2em; } #course-category-listings .listitem[data-visible="0"] { color: #999; } #course-category-listings .listitem[data-visible="0"] > div > a { color: #999; } #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show { display: inline; } #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide { display: none; } #course-category-listings .listitem.highlight { background-color: transparent; } #course-category-listings .listitem.highlight > div, #course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected='1'] > div { background-color: #f5f5f5; } #course-category-listings #course-listing .listitem .categoryname { display: inline-block; margin-left: 1em; color: #a1a1a8; } #course-category-listings #course-listing .listitem .coursename { display: inline-block; } #course-category-listings #course-listing .listitem > div { padding-left: 1rem; } #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown { display: none; } #course-category-listings #course-listing .bulk-action-checkbox { margin: -2px 6px 0 0; } #course-category-listings #category-listing .listitem.collapsed > ul.ml { display: none; } #course-category-listings #category-listing .listitem > div > .ba-checkbox { width: 2.2em; text-align: center; margin: -1px 0.5em 0 0; padding-top: 2px; } #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox { background-color: #f5f5f5; } #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox { margin: 0 0.5em 0 0; padding: 0; background-color: inherit; } #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown { display: none; } #course-category-listings #category-listing .course-count { color: #a1a1a8; margin-right: 2rem; min-width: 3.5em; display: inline-block; } #course-category-listings #category-listing .course-count .smallicon { width: 12px; margin-left: 4px; vertical-align: inherit; } #course-category-listings #category-listing .bulk-action-checkbox { margin-right: -3px; } #course-category-listings #category-listing .category-listing > ul > .listitem:first-child { position: relative; } #course-category-listings #category-listing .category-bulk-actions { margin: 0 0.5em 0.5em; position: relative; } #course-category-listings .detail-pair { border-bottom: 1px solid #ddd; margin: 0 1rem; } #course-category-listings .detail-pair > * { display: inline-block; line-height: 2.2rem; } #course-category-listings .detail-pair .pair-key { font-weight: bold; vertical-align: top; } #course-category-listings .detail-pair .pair-key span { margin-right: 1rem; display: block; } #course-category-listings .detail-pair .pair-value select { max-width: 100%; } #course-category-listings .bulk-actions .detail-pair > * { display: block; width: 100%; } #course-category-listings .listing-pagination { text-align: center; } #course-category-listings .listing-pagination .yui3-button { background-color: #fff; border: 0; margin: 0.4rem 0.2rem 0.45rem; font-size: 10.4px; } #course-category-listings .listing-pagination .yui3-button.active-page { background-color: #e6e6e6; } #course-category-listings .listing-pagination-totals { text-align: center; } #course-category-listings .listing-pagination-totals.dimmed { color: #999; margin: 0.4rem 1rem 0.45rem; } #course-category-listings .select-a-category .notifymessage, #course-category-listings .select-a-category .alert { margin: 1em; } #course-category-listings #course-listing .listitem .drag-handle { display: none; } .jsenabled #course-category-listings #course-listing .listitem .drag-handle { display: inline-block; margin: 0 6px 0 0; cursor: pointer; } /** Management header styling **/ .coursecat-management-header { vertical-align: middle; } .coursecat-management-header h2 { display: inline-block; text-align: left; } .coursecat-management-header > div { display: inline-block; float: right; line-height: 40px; } .coursecat-management-header > div > div { margin: 10px 0; display: inline-block; } .coursecat-management-header select { max-width: 300px; cursor: pointer; padding: 0.4em 0.5em 0.45em 1em; vertical-align: baseline; white-space: nowrap; } .coursecat-management-header .view-mode-selector .moodle-actionmenu { white-space: nowrap; display: inline-block; } .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a { padding-left: 1em; } .course-being-dragged-proxy { border: 0; color: #0070a8; vertical-align: middle; padding: 0 0 0 4em; } .course-being-dragged { opacity: 0.5; filter: alpha(opacity=50); } /** * Display sizes: * Large displays 1200 + * Default displays 980 1199 * Tablets 768 979 * Small tablets and large phones 481 767 * Phones 0 480 */ @media (min-width: 1200px) and (max-width: 1600px) { #course-category-listings.columns-3 { background-color: transparent; border: 0; } #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing { width: 50%; } #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, #course-category-listings.columns-3 #course-detail > div { background-color: transparent; } #course-category-listings.columns-3 #course-detail { width: 100%; margin-top: 1em; } } @media (max-width: 1199px) { #course-category-listings.columns-2, #course-category-listings.columns-3 { background-color: transparent; border: 0; } #course-category-listings.columns-2 #category-listing, #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-2 #course-listing, #course-category-listings.columns-3 #course-listing, #course-category-listings.columns-2 #course-detail, #course-category-listings.columns-3 #course-detail { width: 100%; margin: 0 0 1em; } #course-category-listings.columns-2 #category-listing > div, #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-2 #course-listing > div, #course-category-listings.columns-3 #course-listing > div, #course-category-listings.columns-2 #course-detail > div, #course-category-listings.columns-3 #course-detail > div { background-color: transparent; } } /* stylelint-disable declaration-no-important */ .filemanager, .filepicker, .file-picker { font-size: 11px; } .filemanager a, .file-picker a, .filemanager a:hover, .file-picker a:hover { color: #555; text-decoration: none; } .filemanager input[type="text"], .file-picker input[type="text"] { width: 265px; } .filemanager .fp-license td, .file-picker .fp-setlicense td { max-width: 265px; } .filemanager .fp-license select, .file-picker .fp-setlicense select { max-width: 100%; } .fp-content-center { height: 100%; width: 100%; display: table-cell; vertical-align: middle; } .fp-content-hidden { visibility: hidden; } .yui3-panel-focused { outline: none; } #filesskin .yui3-panel-content { padding-bottom: 20px; background: #f2f2f2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #fff; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; -webkit-box-shadow: 5px 5px 20px 0 #666; -moz-box-shadow: 5px 5px 20px 0 #666; box-shadow: 5px 5px 20px 0 #666; } #filesskin .yui3-widget-hd { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; border-bottom: 1px solid #bbb; padding: 5px; text-align: center; font-size: 12px; color: #333; letter-spacing: 1px; text-shadow: 1px 1px 1px #fff; filter: dropshadow(color=#fff, offx=1, offy=1); background-color: #ebebeb; background-image: -moz-linear-gradient(top, #fff, #ccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc)); background-image: -webkit-linear-gradient(top, #fff, #ccc); background-image: -o-linear-gradient(top, #fff, #ccc); background-image: linear-gradient(to bottom, #fff, #ccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0); } .fp-panel-button { background: #fff; padding: 3px 20px 2px 20px; text-align: center; margin: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; -webkit-box-shadow: 2px 2px 3px 0.1px #999; -moz-box-shadow: 2px 2px 3px 0.1px #999; box-shadow: 2px 2px 3px 0.1px #999; } .moodle-dialogue h3 { font-size: 14px; margin: 0; line-height: 20px; } .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd { padding: 0; } #filesskin .file-picker.fp-generallayout { width: 859px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; position: relative; } .file-picker .fp-repo-area { width: 180px; overflow: auto; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; float: left; height: 525px; border-right: 1px solid #bbb; } .file-picker .fp-repo-items { float: none; width: auto; margin-left: 181px; } .moodle-dialogue-fullscreen .file-picker .fp-repo-items { margin-left: 0; margin-right: 0; float: left; } .file-picker .fp-navbar { background: #f2f2f2; border-bottom: 1px solid #bbb; min-height: 40px; overflow: hidden; } .file-picker .fp-navbar .fp-viewbar { margin: 4px; } .file-picker .fp-content { background: #fff; clear: none; overflow: auto; height: 452px; } .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content { width: 100%; } .file-picker .fp-content-loading { height: 100%; width: 100%; display: table; text-align: center; } .file-picker .fp-content .fp-object-container { width: 98%; height: 98%; } .file-picker .fp-list { list-style-type: none; padding: 0; float: left; width: 100%; margin: 0; } .file-picker .fp-list .fp-repo a { display: block; padding: .5em .7em; } .file-picker .fp-list .fp-repo.active { background: #f2f2f2; } .file-picker .fp-list .fp-repo-icon { padding: 0 7px 0 5px; width: 16px; height: 16px; } .fp-toolbar { float: left; } .fp-toolbar.empty { display: none; } .fp-toolbar .disabled { display: none; } .fp-toolbar div { display: block; float: left; margin-right: 4px; } .fp-toolbar img { vertical-align: -15%; margin-right: 5px; } .fp-toolbar .fp-tb-search { width: 235px; height: 27px; } .fp-toolbar .fp-tb-search input { background: #fff url('[[pix:a/search]]') no-repeat 7px 7px; padding: 2px 6px 1px 27px; width: 200px; height: 27px; border: 1px solid #bbb; } .fp-viewbar { float: right; height: 30px; border: 1px solid #ccc; border-bottom: 1px solid #b3b3b3; border-radius: 4px; background: white; } .fp-repo-items .fp-viewbar { margin: 4px; } .fp-viewbar a { width: 30px; height: 30px; border-right: 1px solid #ccc; display: block; float: left; } .fp-viewbar a.checked:hover, .fp-viewbar a:hover { background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%); background-color: #ebebeb; } .fp-viewbar a.checked, .fp-viewbar a:active { background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%); background-color: #dfdfdf; } .fp-viewbar a.fp-vb-icons { border-radius: 4px 0 0 4px; } .fp-viewbar a.fp-vb-tree { border-right: 0; border-radius: 0 4px 4px 0; } .fp-viewbar a img { margin: 7px; } .fp-viewbar.disabled a { opacity: .45; background: none; cursor: default; } .file-picker .fp-clear-left { clear: left; } .file-picker .fp-pathbar { display: table-row; } .fp-pathbar.empty { display: none; } .fp-pathbar .fp-path-folder { background: url('[[pix:theme|fp/path_folder]]') 0 0 no-repeat; /*rtl:raw: background-image: url('[[pix:theme|fp/path_folder_rtl]]'); */ height: 12px; margin-left: 4px; } .fp-pathbar .fp-path-folder-name { margin-left: 32px; line-height: 20px; } .fp-iconview .fp-file { float: left; text-align: center; position: relative; margin: 10px 10px 35px; } .fp-iconview .fp-thumbnail { min-width: 110px; min-height: 110px; line-height: 110px; text-align: center; border: 1px solid #fff; display: block; } .fp-iconview .fp-thumbnail img { border: 1px solid #ddd; padding: 3px; vertical-align: middle; -webkit-box-shadow: 1px 1px 2px 0 #ccc; -moz-box-shadow: 1px 1px 2px 0 #ccc; box-shadow: 1px 1px 2px 0 #ccc; } .fp-iconview .fp-thumbnail:hover { background: #fff; border: 1px solid #ddd; -webkit-box-shadow: inset 0 0 10px 0 #ccc; -moz-box-shadow: inset 0 0 10px 0 #ccc; box-shadow: inset 0 0 10px 0 #ccc; } .fp-iconview .fp-filename-field { height: 33px; word-wrap: break-word; overflow: hidden; position: absolute; } .fp-iconview .fp-filename-field:hover { overflow: visible; z-index: 1000; } .fp-iconview .fp-filename-field .fp-filename { background: #fff; padding-top: 5px; padding-bottom: 12px; min-width: 112px; } .file-picker .yui3-datatable table { border: 0 solid #bbb; width: 100%; } #filesskin .file-picker .yui3-datatable-header { background: #fff; border-bottom: 1px solid #ccc; border-left: 0 solid #fff; color: #555; } #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell { background-color: #f6f6f6; border-left: 0 solid #f6f6f6; } #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell { background-color: #fff; border-left: 0 solid #fff; } .file-picker .ygtvtn, .filemanager .ygtvtn { /*rtl:remove*/ background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat; */ width: 17px; height: 22px; } .file-picker .ygtvtm, .filemanager .ygtvtm { background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtmh, .filemanager .ygtvtmh { background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtp, .filemanager .ygtvtp { /*rtl:remove*/ background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvtph, .filemanager .ygtvtph { /*rtl:remove*/ background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 22px; cursor: pointer; } .file-picker .ygtvln, .filemanager .ygtvln { /*rtl:remove*/ background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat; */ width: 17px; height: 22px; } .file-picker .ygtvlm, .filemanager .ygtvlm { background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlmh, .filemanager .ygtvlmh { background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat; /*rtl:raw: background-position: 2px 10px; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlp, .filemanager .ygtvlp { /*rtl:remove*/ background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvlph, .filemanager .ygtvlph { /*rtl:remove*/ background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat; /*rtl:raw: background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat; */ width: 13px; height: 12px; cursor: pointer; } .file-picker .ygtvloading, .filemanager .ygtvloading { background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat; width: 16px; height: 22px; } .file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell { background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat; /*rtl:raw: background-position: 1px 0; */ width: 17px; height: 32px; } .file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell { width: 17px; height: 22px; } a.ygtvspacer:hover { color: transparent; text-decoration: none; } .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { background-color: transparent; cursor: pointer; margin-left: 2px; text-decoration: none; } .file-picker .ygtvfocus, .filemanager .ygtvfocus { background-color: #eee; } .fp-filename-icon { margin-top: 10px; display: block; position: relative; } .fp-icon { float: left; margin-top: -7px; width: 24px; height: 24px; margin-right: 10px; text-align: center; line-height: 24px; } .fp-filename { padding-right: 10px; } .file-picker .fp-login-form { height: 100%; width: 100%; display: table; } .file-picker .fp-login-form table { margin: 0 auto; } .file-picker .fp-login-form p { text-align: center; margin-top: 3em; } .file-picker .fp-login-form .fp-login-input label { text-align: right; display: block; } .file-picker .fp-login-form .fp-login-input .input { text-align: left; } .file-picker .fp-login-form input[type="checkbox"] { width: 15px; height: 15px; } .file-picker .fp-upload-form { height: 100%; width: 100%; display: table; } .file-picker .fp-upload-form table { margin: 0 auto; } .file-picker.fp-dlg { text-align: center; } .file-picker.fp-dlg .fp-dlg-text { padding: 30px 20px 10px; font-size: 12px; } .file-picker.fp-dlg .fp-dlg-buttons { margin: 0 20px; } .file-picker.fp-msg { text-align: center; } .file-picker.fp-msg .fp-msg-text { padding: 40px 20px 10px 20px; min-width: 200px; max-width: 500px; max-height: 300px; overflow: auto; font-size: 12px; } .file-picker.fp-msg.fp-msg-error .fp-msg-text { padding: 40px 20px 10px 20px; font-size: 12px; } .file-picker .fp-content-error { height: 100%; width: 100%; display: table; text-align: center; } .file-picker .fp-content-error .fp-error { height: 100%; width: 100%; display: table-cell; vertical-align: middle; padding: 40px 20px 10px 20px; font-size: 12px; } .file-picker .fp-nextpage { clear: both; } .file-picker .fp-nextpage .fp-nextpage-loading { display: none; } .file-picker .fp-nextpage.loading .fp-nextpage-link { display: none; } .file-picker .fp-nextpage.loading .fp-nextpage-loading { display: block; text-align: center; height: 100px; padding-top: 50px; } .fp-select form { padding: 20px 20px 0; } .fp-select .fp-select-loading { text-align: center; margin-top: 20px; } .fp-select .fp-hr { clear: both; height: 1px; background-color: #fff; border-bottom: 1px solid #bbb; width: auto; margin: 10px 0; } .fp-select table { padding: 0 0 10px; } .fp-select table .mdl-right { min-width: 84px; } .fp-select .fp-reflist .mdl-right { vertical-align: top; } .fp-select .fp-select-buttons { float: right; } .fp-select .fp-info { display: block; clear: both; padding: 1px 20px 0; } .fp-select .fp-thumbnail { float: left; min-width: 110px; min-height: 110px; line-height: 110px; text-align: center; margin: 10px 20px 0 0; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: inset 0 0 10px 0 #ccc; -moz-box-shadow: inset 0 0 10px 0 #ccc; box-shadow: inset 0 0 10px 0 #ccc; } .fp-select .fp-thumbnail img { border: 1px solid #ddd; padding: 3px; vertical-align: middle; margin: 10px; } .fp-select .fp-fileinfo { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-top: 10px; } .file-picker.fp-select .fp-fileinfo { max-width: 240px; } .fp-select .fp-fileinfo div { padding-bottom: 5px; } .file-picker.fp-select .uneditable { display: none; } .file-picker.fp-select .fp-select-loading { display: none; } .file-picker.fp-select.loading .fp-select-loading { display: block; } .file-picker.fp-select.loading form { display: none; } .fp-select .fp-dimensions.fp-unknown { display: none; } .fp-select .fp-size.fp-unknown { display: none; } .filemanager-loading { display: none; } .jsenabled .filemanager-loading { display: block; margin-top: 100px; } .filemanager.fm-loading .filemanager-toolbar, .filemanager.fm-loading .fp-pathbar, .filemanager.fm-loading .filemanager-container, .filemanager.fm-loaded .filemanager-loading, .filemanager.fm-maxfiles .fp-btn-add, .filemanager.fm-maxfiles .dndupload-message, .filemanager.fm-noitems .fp-btn-download, .filemanager .fm-empty-container, .filemanager.fm-noitems .filemanager-container .fp-content { display: none; } .filemanager .fp-img-downloading { display: none; padding-top: 7px; } .filemanager .filemanager-updating { display: none; text-align: center; } .filemanager.fm-updating .filemanager-updating { display: block; margin-top: 37px; } .filemanager.fm-updating .fm-content-wrapper, .filemanager.fm-nomkdir .fp-btn-mkdir, .fitem.disabled .filemanager .filemanager-toolbar, .fitem.disabled .filemanager .fp-pathbar, .fitem.disabled .filemanager .fp-restrictions, .fitem.disabled .filemanager .fm-content-wrapper { display: none; } .filemanager .fp-restrictions { text-align: right; } .filemanager .fp-navbar { background: #f2f2f2; border: 1px solid #bbb; border-bottom: none; } .filemanager-toolbar { padding: 4px; overflow: hidden; } .fp-pathbar { border-top: 1px solid #bbb; padding: 5px 8px 1px; min-height: 20px; } .file-picker .fp-toolbar { padding: 4px; } .fp-toolbar .fp-btn-add, .fp-toolbar .fp-btn-download, .fp-toolbar .fp-btn-mkdir, .fp-toolbar .fp-tb-help, .fp-toolbar .fp-tb-manage, .fp-toolbar .fp-tb-logout, .fp-toolbar .fp-tb-refresh { border: 1px solid #ccc; border-bottom: 1px solid #b3b3b3; border-radius: 4px; background: white; width: 30px; height: 30px; } .fp-toolbar a:hover { background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%); background-color: #ebebeb; } .fp-toolbar a:active { background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%); background-color: #dfdfdf; } .fp-btn-add a, .fp-btn-download a, .fp-btn-mkdir a, .fp-tb-help a, .fp-tb-manage a, .fp-tb-logout a, .fp-tb-refresh a { display: block; width: 30px; height: 30px; border-radius: 4px; } .fp-btn-add img, .fp-btn-download img, .fp-btn-mkdir img, .fp-tb-help img, .fp-tb-manage img, .fp-tb-logout img, .fp-tb-refresh img { margin: 7px; } .filemanager .fp-pathbar.empty { display: none; } .filepicker-filelist, .filemanager-container { background: #fff; clear: both; overflow: auto; border: 1px solid #bbb; min-height: 140px; position: relative; } .filemanager .fp-content { overflow: auto; max-height: 472px; min-height: 157px; } .filemanager-container, .filepicker-filelist { overflow: hidden; } .fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container { background-color: #ebebe4; } .fitem.disabled .fp-btn-choose { color: #999; } .fitem.disabled .filepicker-filelist .filepicker-filename { display: none; } .fp-iconview .fp-reficons1 { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .fp-iconview .fp-reficons2 { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 { background: url('[[pix:theme|fp/link]]') no-repeat; background-position: bottom right; } .fp-iconview .fp-file.fp-isreference .fp-reficons2 { background: url('[[pix:theme|fp/alias]]') no-repeat; background-position: bottom left; } .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img { display: none; } .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail { background: url([[pix:s/dead]]) no-repeat; background-position: center center; } .filemanager .yui3-datatable table { border: 0 solid #bbb; width: 100%; } .filemanager .yui3-datatable-header { background: #fff !important; border-bottom: 1px solid #ccc !important; border-left: 0 solid #fff !important; color: #555 !important; } .filemanager .yui3-datatable-odd .yui3-datatable-cell { background-color: #f6f6f6 !important; border-left: 0 solid #f6f6f6; } .filemanager .yui3-datatable-even .yui3-datatable-cell { background-color: #fff !important; border-left: 0 solid #fff; } .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 { background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0; height: 100%; width: 100%; position: absolute; top: 8px; left: 17px; z-index: 1000; } .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 { background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0; height: 100%; width: 100%; position: absolute; top: 9px; left: -6px; z-index: 1001; } .filemanager .fp-contextmenu { display: none; } .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu { display: block; position: absolute; right: 7px; bottom: 5px; } .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu { display: inline; position: absolute; left: 14px; margin-right: -20px; top: 6px; } .filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container { display: block; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #bbb; padding-top: 85px; text-align: center; } .filepicker-filelist .dndupload-target, .filemanager-container .dndupload-target { background: #fff; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #fb7979; padding-top: 85px; text-align: center; -webkit-box-shadow: 0px 0 0 10px #fff; -moz-box-shadow: 0px 0 0 10px #fff; box-shadow: 0px 0 0 10px #fff; } .filepicker-filelist.dndupload-over .dndupload-target, .filemanager-container.dndupload-over .dndupload-target { background: #fff; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 2px dashed #6c8cd3; padding-top: 85px; text-align: center; } .dndupload-message { display: none; } .dndsupported .dndupload-message { display: inline; } .dnduploadnotsupported-message { display: none; } .dndnotsupported .dnduploadnotsupported-message { display: inline; } .dndupload-target { display: none; } .dndsupported .dndupload-ready .dndupload-target { display: block; } .dndupload-uploadinprogress { display: none; text-align: center; } .dndupload-uploading .dndupload-uploadinprogress { display: block; } .dndupload-arrow { background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat; width: 100%; height: 80px; position: absolute; top: 5px; } .fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container { display: none; } .dndupload-progressbars { padding: 10px; display: none; } .dndupload-inprogress .dndupload-progressbars { display: block; } .dndupload-inprogress .fp-content { display: none; } .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container { display: none; } .filepicker-filelist.dndupload-inprogress .filepicker-container { display: none; } .filepicker-filelist.dndupload-inprogress a { display: none; } .filemanager.fp-select .fp-select-loading { display: none; } .filemanager.fp-select.loading .fp-select-loading { display: block; } .filemanager.fp-select.loading form { display: none; } .filemanager.fp-select.fp-folder .fp-license, .filemanager.fp-select.fp-folder .fp-author, .filemanager.fp-select.fp-file .fp-file-unzip, .filemanager.fp-select.fp-folder .fp-file-unzip, .filemanager.fp-select.fp-file .fp-file-zip, .filemanager.fp-select.fp-zip .fp-file-zip { display: none; } .filemanager.fp-select .fp-file-setmain, .filemanager.fp-select .fp-file-setmain-help { display: none; } .filemanager.fp-select.fp-cansetmain .fp-file-setmain, .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .filemanager .fp-mainfile .fp-filename { font-weight: bold; } .filemanager.fp-select.fp-folder .fp-file-download { display: none; } .fm-operation { font-weight: bold; } .filemanager.fp-select .fp-original.fp-unknown, .filemanager.fp-select .fp-original .fp-originloading { display: none; } .filemanager.fp-select .fp-original.fp-loading .fp-originloading { display: inline; } .filemanager.fp-select .fp-reflist.fp-unknown, .filemanager.fp-select .fp-reflist .fp-reflistloading { display: none; } .filemanager.fp-select .fp-refcount { max-width: 265px; } .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading { display: inline; } .filemanager.fp-select .fp-reflist .fp-value { background: #f9f9f9; border: 1px solid #bbb; padding: 8px 7px; margin: 0; max-width: 265px; max-height: 75px; overflow: auto; } .filemanager.fp-select .fp-reflist .fp-value li { padding-bottom: 7px; } .filemanager.fp-mkdir-dlg { text-align: center; } .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text { text-align: left; margin: 20px; } .filemanager.fp-dlg { text-align: center; } .filemanager.fp-dlg .fp-dlg-text { padding: 0 10px; min-width: 200px; max-width: 340px; max-height: 300px; overflow: auto; line-height: 22px; margin: 40px 20px 20px; font-size: 12px; } .file-picker div.bd { text-align: left; } .fp-formset { max-width: 500px; padding: 10px; } .fp-formset input[type="file"] { line-height: inherit; } .fp-forminset { max-width: 400px; padding: 0 10px; } .fp-forminset .control-group.control-radio { margin-bottom: 0; } .fp-forminset .control-group label.control-label { width: 105px; } .fp-forminset .control-group label.control-radio { float: right; text-align: left; width: 215px; } .fp-forminset .control-group .controls { margin-left: 125px; } .fp-forminset .control-group .controls select { width: 100%; } .fp-forminset .control-group .controls.control-radio input { margin-top: 3px; } .fp-forminset .fp-select-buttons { float: none; } .fp-forminset input[type="text"] { width: 228px; } .fp-fileinfo .fp-value { display: inline-block; padding-left: 5px; } /** The message area **/ .messaging-area-container { margin-bottom: 30px; } .messaging-area-container .status .online-text { display: none; color: #7d7; } .messaging-area-container .status .offline-text { color: #ff6961; } .messaging-area-container .status.online .online-text { display: block; } .messaging-area-container .status.online .offline-text { display: none; } .messaging-area-container a, .messaging-area-container .btn.btn-link { color: #4f94cd; } .messaging-area-container .messaging-area { border: 1px solid #e3e3e3; clear: both; border-radius: 4px; } .messaging-area-container .messaging-area .contacts-area { border-right: 1px solid #e3e3e3; height: 600px; width: 280px; display: inline-block; box-sizing: border-box; } @media (max-height: 670px) { .messaging-area-container .messaging-area .contacts-area { height: 500px; } } .messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea { height: 80px; } .messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea { height: 470px; } .messaging-area-container .messaging-area .contacts-area .searchtextarea { padding: 5px; text-align: center; height: 50px; box-sizing: border-box; line-height: 50px; background-color: #fff; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .contacts-area .searchtextarea input { background-color: #f5f5f5; border: 0; width: 90%; box-shadow: none; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus { box-shadow: none; } .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching { background-color: #f5f5f5; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input { background-color: #fff; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea { line-height: 20px; } .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter { float: left; } .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete { float: left; margin-left: 5px; cursor: pointer; } .messaging-area-container .messaging-area .contacts-area .searcharea .heading { text-align: center; border-top: 1px solid black; border-bottom: 1px solid black; font-size: 14px; font-weight: bold; } .messaging-area-container .messaging-area .contacts-area .searcharea .course { text-align: center; } .messaging-area-container .messaging-area .contacts-area .searcharea .course:hover { background-color: #4f94cd; color: #fff; border: none; cursor: pointer; } .messaging-area-container .messaging-area .contacts-area .searcharea .noresults { padding-top: 20px; text-align: center; } .messaging-area-container .messaging-area .contacts-area .contacts { height: 500px; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (max-height: 670px) { .messaging-area-container .messaging-area .contacts-area .contacts { height: 400px; } } .messaging-area-container .messaging-area .contacts-area .contacts .nocontacts { padding-top: 20px; text-align: center; } .messaging-area-container .messaging-area .contacts-area .contacts .contact { height: 66px; cursor: pointer; border-bottom: 1px solid #e3e3e3; box-sizing: border-box; } .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread { background-color: #f1f1f1; } .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture { border-color: #f1f1f1; } .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information { width: 60%; } .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container { display: inline-block; width: 15%; float: left; } .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover { background-color: #4f94cd; color: #fff; border: none; background-color: #79b5e6; } .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage { color: #fff; } .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture { border: none; } .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected { background-color: #4f94cd; color: #fff; border: none; } .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage { color: #fff; } .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture { border: none; } .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture { line-height: 66px; text-align: center; height: 66px; border-bottom: 1px solid #fff; width: 25%; float: left; display: inline-block; box-sizing: border-box; } .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img { border-radius: 50%; height: 54px; } .messaging-area-container .messaging-area .contacts-area .contacts .contact .information { padding: 6px 0; height: 66px; width: 75%; float: left; display: inline-block; box-sizing: border-box; } .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name { font-weight: bold; } .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img { vertical-align: baseline; } .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage { word-wrap: break-word; margin: 0; height: 40px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a1a1a1; padding-right: 10px; } .messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container { display: none; line-height: 66px; text-align: center; box-sizing: border-box; } .messaging-area-container .messaging-area .contacts-area .tabs { border-top: 1px solid #e3e3e3; height: 50px; box-sizing: border-box; } .messaging-area-container .messaging-area .contacts-area .tabs .tab { cursor: pointer; height: 100%; background-color: #f5f5f5; margin: 0; width: 50%; text-align: center; float: left; } .messaging-area-container .messaging-area .contacts-area .tabs .tab:hover { color: #4f94cd; } .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage { height: 30px; line-height: 30px; } .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img { height: 20px; } .messaging-area-container .messaging-area .contacts-area .tabs .tab.selected { color: #4f94cd; } .messaging-area-container .messaging-area .messages-area { width: calc(100% - 280px); height: 600px; box-sizing: border-box; margin: 0; position: relative; float: right; } @media (max-height: 670px) { .messaging-area-container .messaging-area .messages-area { height: 500px; } } .messaging-area-container .messaging-area .messages-area .btn-container { position: absolute; top: 0; left: 0; padding-left: 15px; font-weight: normal; } .messaging-area-container .messaging-area .messages-area .btn-container.view-toggle { display: none; } .messaging-area-container .messaging-area .messages-area .btn-container.delete-all { display: none; } .messaging-area-container .messaging-area .messages-area .profile-header { height: 50px; line-height: 50px; display: none; } .messaging-area-container .messaging-area .messages-area .profile-header .btn-container { display: block; } .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link { padding: 0; line-height: inherit; } .messaging-area-container .messaging-area .messages-area .profile { padding: 30px; font-size: 16px; height: 600px; box-sizing: border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (max-height: 670px) { .messaging-area-container .messaging-area .messages-area .profile { height: 500px; } } .messaging-area-container .messaging-area .messages-area .profile .user-container { height: 100px; } .messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture { border-radius: 50%; max-height: 100px; display: inline-block; } .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container { display: inline-block; vertical-align: top; margin-top: 20px; margin-left: 10px; } .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name { font-weight: bold; display: block; } .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status { display: block; font-size: 14px; } .messaging-area-container .messaging-area .messages-area .profile .information { margin: 0; display: inline-block; float: right; margin-top: 20px; font-size: 14px; list-style: none; } .messaging-area-container .messaging-area .messages-area .profile .information .name { display: inline-block; font-weight: bold; text-align: right; margin-right: 10px; } .messaging-area-container .messaging-area .messages-area .profile .information .value { display: inline-block; } .messaging-area-container .messaging-area .messages-area .profile .actions { padding-top: 80px; } .messaging-area-container .messaging-area .messages-area .profile .actions .separator { border-bottom: 1px solid #e3e3e3; margin-bottom: 20px; padding-bottom: 5px; } .messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger { color: #ff6961; } .messaging-area-container .messaging-area .messages-area .messages-header { height: 50px; font-weight: bold; line-height: 50px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; text-align: center; position: relative; } .messaging-area-container .messaging-area .messages-area .messages-header .btn-link { padding: 0; line-height: inherit; } .messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions { display: none; } .messaging-area-container .messaging-area .messages-area .messages-header .name-container { padding-top: 9px; display: inline-block; } .messaging-area-container .messaging-area .messages-area .messages-header .name-container .name { line-height: 20px; } .messaging-area-container .messaging-area .messages-area .messages-header .name-container .status { line-height: 12px; font-size: 12px; font-weight: normal; } .messaging-area-container .messaging-area .messages-area .messages-header .actions { position: absolute; top: 0; right: 0; padding-right: 15px; font-weight: normal; } .messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete { display: none; } .messaging-area-container .messaging-area .messages-area .messages { height: 500px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; box-sizing: border-box; padding: 20px; } @media (max-height: 670px) { .messaging-area-container .messaging-area .messages-area .messages { height: 400px; } } .messaging-area-container .messaging-area .messages-area .messages .blocktime { clear: both; text-align: center; color: #a1a1a1; font-size: 12px; margin: 5px 0; } .messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox { display: none; text-align: center; padding-top: 5px; } .messaging-area-container .messaging-area .messages-area .messages .message .content { border: 1px solid #e3e3e3; padding: 10px; margin-bottom: 5px; font-size: 12px; word-wrap: break-word; max-width: 55%; border-radius: 4px; position: relative; } .messaging-area-container .messaging-area .messages-area .messages .message .content .text { display: block; } .messaging-area-container .messaging-area .messages-area .messages .message .content .text p { margin: 0; } .messaging-area-container .messaging-area .messages-area .messages .message .content .timesent { font-size: 10px; color: #a1a1a1; float: right; } .messaging-area-container .messaging-area .messages-area .messages .message .content.left { float: left; } .messaging-area-container .messaging-area .messages-area .messages .message .content.right { float: right; } .messaging-area-container .messaging-area .messages-area .response { display: table; border-bottom-right-radius: 4px; padding: 10px 10px 9px; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 28px; text-align: center; border-top: 1px solid #e3e3e3; box-sizing: border-box; background-color: #fff; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .messages-area .response .delete-confirmation { display: none; } .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm { border: 1px solid #4f94cd; border-radius: 4px; } .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover { background-color: #4f94cd; color: #fff; text-shadow: none; } .messaging-area-container .messaging-area .messages-area .response .message-box { display: table-row; } .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container { display: table-cell; } .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea { width: 100%; margin: 0; resize: none; border: none; box-shadow: none; box-sizing: border-box; background-color: #f5f5f5; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus { box-shadow: none; } .messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container { display: table-cell; width: 1px; } .messaging-area-container .messaging-area .messages-area .response.messaging { background-color: #f5f5f5; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea { background-color: #fff; transition: background-color linear 0.2s; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all { display: none; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all { display: block; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions { display: block; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container { display: none; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete { display: none; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete { display: block; } .messaging-area-container .messaging-area .messages-area.editing .messages .message { cursor: pointer; } .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content { background-color: #4f94cd; border-color: #4f94cd; color: #fff; } .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent { color: #fff; } .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover { background-color: #79b5e6; color: #fff; } .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent { color: #fff; } .messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation { display: block; } .messaging-area-container .messaging-area .messages-area.editing .response .message-box { display: none; } .preferences-container .container-fluid { padding: 0; } .preferences-container .container-fluid .span6 { min-height: 20px; } .preferences-container .align-bottom { vertical-align: bottom; } .preferences-container .preference-table { border: 1px solid #ddd; } .preferences-container .preference-table thead th { text-align: center; } .preferences-container .preference-table thead th .config-warning { display: none; } .preferences-container .preference-table thead th.unconfigured .config-warning { display: inline-block; } .preferences-container .preference-table tr td:not(:first-child) { width: 150px; text-align: center; } .preferences-container .preference-table tr td:nth-child(even) { background-color: #f7f7f7; } .preferences-container .preference-table tr th:nth-child(even) { background-color: #f7f7f7; } .preferences-container .preference-table .preference-row .hover-tooltip-container { display: inline-block; } .preferences-container .preference-table .preference-row .preference-name { vertical-align: middle; } .preferences-container .preference-table .preference-row .disabled-message { text-align: center; height: 30px; line-height: 30px; } .preferences-container .preference-table .preference-row .preference-state { margin: 0; padding: 0; display: inline-block; vertical-align: middle; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container { background-color: #5cb85c; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text { display: inline-block; } .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; background-color: #d9534f; color: #fff; cursor: pointer; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text { display: none; } .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text { display: inline-block; } .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text, .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text { display: none; } .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon { display: block; } .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon { display: block; } .disabled-message { display: none; } .disabled .disabled-message { display: block; } .disabled .disabled-message + form { display: none; } .general-settings-container .loading-icon { display: none; } .general-settings-container .loading .loading-icon { display: inline-block; } .general-settings-container label { display: inline-block; } .processor-container { position: relative; } .processor-container .loading-container { display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.5); } .processor-container .loading-container .vertical-align { height: 100%; width: 0%; display: inline-block; vertical-align: middle; } .processor-container.loading .loading-container { display: block; } .preferences-page-container .checkbox-container { margin: 30px 5px; line-height: 20px; } .preferences-page-container .checkbox-container input { line-height: 20px; margin: 0; } .preferences-page-container .checkbox-container .loading-icon { display: none; } .preferences-page-container .checkbox-container.loading .loading-icon { display: inline-block; } .notification-area { height: 600px; box-sizing: border-box; border-radius: 4px; margin-bottom: 30px; border: 1px solid #e3e3e3; } @media (max-height: 670px) { .notification-area { height: 500px; } } .notification-area .control-area { box-sizing: border-box; display: inline-block; width: 300px; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; border-right: 1px solid #e3e3e3; } .notification-area .control-area .content { position: relative; } .notification-area .control-area .content .content-item-container { cursor: pointer; } .notification-area .control-area .content:empty + .empty-text { display: block; } .notification-area .control-area .loading-icon { display: none; } .notification-area .control-area .empty-text { display: none; text-align: center; padding-top: 20px; } .notification-area .control-area.loading .loading-icon { display: block; text-align: center; box-sizing: border-box; padding: 5px; } .notification-area .control-area.loading .content:empty + .empty-text { display: none; } .notification-area .content-area { box-sizing: border-box; display: inline-block; width: calc(100% - 300px); float: right; } .notification-area .content-area .toggle-mode { display: none; } .notification-area .content-area .header { height: 50px; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; padding: 5px; } .notification-area .content-area .header .image-container { display: inline-block; height: 25px; width: 24px; float: left; } .notification-area .content-area .header .subject-container { display: inline-block; max-width: calc(100% - 24px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 25px; padding-left: 5px; box-sizing: border-box; } .notification-area .content-area .header .timestamp { font-size: 10px; line-height: 10px; margin: 0; color: #666; margin-left: 30px; } .notification-area .content-area .header:empty { display: none; } .notification-area .content-area .content { height: 500px; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling: touch; padding: 15px; } @media (max-height: 670px) { .notification-area .content-area .content { height: 400px; } } .notification-area .content-area .content:empty { display: none; } .notification-area .content-area .content:empty + .empty-text { display: block; text-align: center; padding-top: 100px; } .notification-area .content-area .empty-text { display: none; } .notification-area .content-area .footer { height: 50px; box-sizing: border-box; text-align: center; } .notification-area .content-area .footer a { line-height: 50px; } .notification-area .content-area .footer:empty { display: none; } @media (max-width: 979px) { .messaging-area-container .messaging-area { position: relative; overflow: hidden; height: 600px; } .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle { display: block; } .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all { display: none; } .messaging-area-container .messaging-area .messages-area .profile-header { display: block; } .messaging-area-container .messaging-area .messages-area .profile { height: 550px; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle { display: none; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all { display: block; } .messaging-area-container .messaging-area .contacts-area { width: 100%; border-right: none; position: absolute; top: 0; left: 0; right: auto; bottom: auto; } .messaging-area-container .messaging-area .messages-area { width: 100%; position: absolute; top: 0; left: auto; right: 0; bottom: auto; } .messaging-area-container .messaging-area.show-messages .contacts-area { left: -100%; opacity: 0; visibility: hidden; transition: left 0.25s, opacity 0.25s, visibility 0.25s; } .messaging-area-container .messaging-area.show-messages .messages-area { right: 0; opacity: 1; visibility: visible; transition: right 0.25s, opacity 0.25s, visibility 0.25s; } .messaging-area-container .messaging-area.hide-messages .contacts-area { left: 0; opacity: 1; visibility: visible; transition: left 0.25s, opacity 0.25s, visibility 0.25s; } .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected { background-color: inherit; color: inherit; border-bottom: 1px solid #e3e3e3; } .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover { background-color: #4f94cd; color: #fff; border: none; background-color: #79b5e6; } .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage { color: #fff; } .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture { border: none; } .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture { border-bottom: 1px solid #fff; } .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage { color: #a1a1a1; } .messaging-area-container .messaging-area.hide-messages .messages-area { right: -100%; opacity: 0; visibility: hidden; transition: right 0.25s, opacity 0.25s, visibility 0.25s; } .notification-area { position: relative; overflow: hidden; } .notification-area .control-area { border-right: none; width: 100%; position: absolute; top: 0; left: 0; opacity: 1; visibility: visible; transition: left 0.25s; } .notification-area .content-area { width: 100%; position: absolute; top: 0; right: -100%; opacity: 0; visibility: hidden; transition: right 0.25s, opacity 0.25s, visibility 0.25s; } .notification-area .content-area .toggle-mode { display: inline-block; float: left; width: 70px; height: 50px; line-height: 50px; box-sizing: border-box; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .notification-area .content-area .header { display: inline-block; width: calc(100% - 70px); } .notification-area.show-content-area .control-area { left: -100%; opacity: 0; visibility: hidden; transition: left 0.25s, opacity 0.25s, visibility 0.25s; } .notification-area.show-content-area .content-area { right: 0; opacity: 1; visibility: visible; transition: right 0.25s; } } @media (max-width: 979px) and (max-height: 670px) { .messaging-area-container .messaging-area { height: 500px; } } @media (max-width: 480px) { .messaging-area-container .messaging-area .messages-area.editing .messages-header { height: 80px; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-all { top: 30px; } .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions { top: 30px; } .messaging-area-container .messaging-area .messages-area.editing .messages { height: 470px; } } /* 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 .qtypename { display: inline-table; width: 16em; } #chooseqtype .qtypesummary { display: block; margin: 0 2em; } #chooseqtype .submitbuttons { margin: 0.7em 0; text-align: center; } #qtypechoicecontainer { display: none; } #qtypechoicecontainer_c.yui-panel-container.shadow .underlay { background: none; } #qtypechoicecontainer.yui-panel .hd { color: #333; letter-spacing: 1px; text-shadow: 1px 1px 1px #fff; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; border: 1px solid #ccc; border-bottom: 1px solid #bbb; background-color: #ebebeb; background-image: -moz-linear-gradient(top, #fff, #ccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc)); background-image: -webkit-linear-gradient(top, #fff, #ccc); background-image: -o-linear-gradient(top, #fff, #ccc); background-image: linear-gradient(to bottom, #fff, #ccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0); } #qtypechoicecontainer { font-size: 12px; color: #333; background: #f2f2f2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; border-top: 0 none; -webkit-box-shadow: 5px 5px 20px 0 #666; -moz-box-shadow: 5px 5px 20px 0 #666; box-shadow: 5px 5px 20px 0 #666; } #qtypechoicecontainer #chooseqtype { width: 40em; } #chooseqtypehead h3 { margin: 0; font-weight: normal; } #chooseqtype .qtypes { position: relative; border-bottom: 1px solid #bbb; padding: 0.24em 0; } /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */ #chooseqtype .alloptions { overflow-x: hidden; overflow-y: auto; max-height: 400px; max-height: calc(85vh); /* The next line is a workaround because recess is crap. Delete ththe following line once * https://github.com/twitter/recess/issues/59 / https://github.com/twitter/recess/issues/75 * is fixed. The previous line is the right one. */ max-height: 60vh; width: 60%; } /* stylelint-enable */ #chooseqtype .qtypeoption { margin-bottom: 0; padding: 0.3em 0.3em 0.3em 1.6em; } #chooseqtype .qtypeoption img { vertical-align: text-bottom; padding-left: 1em; padding-right: 0.5em; } #chooseqtype .selected { background-color: #fff; -webkit-box-shadow: 0px 0 10px 0 #ccc; -moz-box-shadow: 0px 0 10px 0 #ccc; box-shadow: 0px 0 10px 0 #ccc; } #chooseqtype .instruction, #chooseqtype .qtypesummary { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 60%; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 1.5em 1.6em; background-color: #fff; } #chooseqtype .instruction, #chooseqtype .selected .qtypesummary { display: block; } #categoryquestions { margin: 0; } #categoryquestions td, #categoryquestions th { padding: 0 0.2em; } #categoryquestions th { text-align: left; font-weight: normal; } #categoryquestions .checkbox { padding-left: 5px; } #categoryquestions .checkbox input[type="checkbox"] { margin-left: 0; float: none; } #categoryquestions img.iconsmall { padding: 0; } #categoryquestions .iconcol { padding: 3px; } #categoryquestions label { margin: 0; } #page-mod-quiz-edit div.questionbankwindow div.header { margin: 0; } #page-mod-quiz-edit div.questionbankwindow.block { padding: 0; } .questionbank .singleselect { margin: 0; } /* Question editing form */ #combinedfeedbackhdr div.fhtmleditor { padding: 0; } #combinedfeedbackhdr div.fcheckbox { margin-bottom: 1em; } #multitriesheader div.fitem_feditor { margin-top: 1em; } #multitriesheader div.fitem_fgroup { margin-bottom: 1em; } #multitriesheader div.fitem_fgroup fieldset.felement label { margin-left: 0.3em; margin-right: 0.3em; } body.path-question-type .fitem_fgroup .accesshide { /* Hack to display the labels within a form group. */ font: inherit; position: static; padding-right: .3em; } .que { clear: left; text-align: left; margin: 0 auto 1.8em auto; } .que .info { float: left; width: 7em; padding: 0.5em; margin-bottom: 1.8em; background-color: #eee; border: 1px solid #dcdcdc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .que h3.no { margin: 0; font-size: 0.8em; line-height: 1; } .que span.qno { font-size: 1.5em; font-weight: bold; } .que .info > div { font-size: 0.8em; margin-top: 0.7em; } .que .info .questionflag.editable { cursor: pointer; } .que .info .editquestion img, .que .info .questionflag img, .que .info .questionflag input { vertical-align: bottom; } .que .content { margin: 0 0 0 8.5em; } .que .formulation, .que .outcome, .que .comment { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #8a6d3b; } .que .formulation { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; color: #333; } .formulation input[type="text"], .formulation select { width: auto; vertical-align: baseline; } .path-mod-quiz input[size] { width: auto; } .que .comment { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .que .history { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; } .que .history blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .que .ablock { margin: 0.7em 0 0.3em 0; } .que .im-controls { margin-top: 0.5em; text-align: left; } .que .specificfeedback, .que .generalfeedback, .que .rightanswer, .que .im-feedback, .que .feedback, .que p { margin: 0 0 0.5em; } .que .qtext { margin-bottom: 1.5em; } .que .correctness { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .que .correctness:empty { display: none; } .que .correctness-important { background-color: #b94a48; } .que .correctness-important[href] { background-color: #953b39; } .que .correctness-warning { background-color: #f89406; } .que .correctness-warning[href] { background-color: #c67605; } .que .correctness-success { background-color: #468847; } .que .correctness-success[href] { background-color: #356635; } .que .correctness-info { background-color: #3a87ad; } .que .correctness-info[href] { background-color: #2d6987; } .que .correctness-inverse { background-color: #333; } .que .correctness-inverse[href] { background-color: #1a1a1a; } .que .correctness.correct { background-color: #468847; } .que .correctness.partiallycorrect { background-color: #f89406; } .que .correctness.notanswered, .que .correctness.incorrect { background-color: #b94a48; } .que .validationerror { color: #b94a48; } .formulation .correct { background-color: #dff0d8; } .formulation .partiallycorrect { background-color: #fcf8e3; } .formulation .incorrect { background-color: #f2dede; } .formulation select.correct, .formulation input.correct { color: #468847; background-color: #dff0d8; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .formulation select.correct:focus, .formulation input.correct:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .formulation select.partiallycorrect, .formulation input.partiallycorrect { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .formulation select.partiallycorrect:focus, .formulation input.partiallycorrect:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .formulation select.incorrect, .formulation input.incorrect { color: #b94a48; background-color: #f2dede; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .formulation select.incorrect:focus, .formulation input.incorrect:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .que .grading, .que .comment, .que .commentlink, .que .history { margin-top: 0.5em; } .que .history h3 { margin: 0 0 0.2em; font-size: 1em; } .que .history table { width: 100%; margin: 0; } .que .history .current { font-weight: bold; } .que .questioncorrectnessicon { vertical-align: text-bottom; } .que input.questionflagimage { padding-right: 3px; } .importerror { margin-top: 10px; border-bottom: 1px solid #555; } .mform .que.comment .fitemtitle { width: 20%; } #page-question-preview #techinfo { margin: 1em 0; } #page-mod-quiz-edit .box.generalbox.questionbank { padding: 0.5em; } #page-mod-quiz-edit .questionbank .categorypagingbarcontainer, #page-mod-quiz-edit .questionbank .categoryquestionscontainer, #page-mod-quiz-edit .questionbank .choosecategory { padding: 0; } #page-mod-quiz-edit .questionbank .choosecategory select { width: 100%; } #page-mod-quiz-edit div.questionbank .categoryquestionscontainer { background: transparent; } #page-mod-quiz-edit #categoryquestions > thead { background: #fff; } #page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) { background: #e4e4e4; } #page-mod-quiz-edit .questionbankwindow div.header { color: #444; text-shadow: none; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; margin: 0 -10px 0 -10px; padding: 2px 10px 2px 10px; background: transparent; /* Old browsers */ } #page-mod-quiz-edit .questionbankwindow div.header a:link, #page-mod-quiz-edit .questionbankwindow div.header a:visited { color: #0070a8; } #page-mod-quiz-edit .questionbankwindow div.header a:hover { color: #003d5c; } #page-mod-quiz-edit .createnewquestion { padding: 0.3em 0; } #page-mod-quiz-edit .createnewquestion div, #page-mod-quiz-edit .createnewquestion input { margin: 0; } #page-mod-quiz-edit .questionbankwindow div.header .title { color: #333; } #page-mod-quiz-edit div.container div.generalbox { background-color: transparent; padding: 1.5em; } #page-mod-quiz-edit .categoryinfo { background-color: transparent; border-bottom: none; } #page-mod-quiz-edit .createnewquestion .singlebutton input { margin-bottom: 0; } #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer, #page-mod-quiz-edit div.questionbank .categoryselectallcontainer { padding: 0 0 1.5em 0; } #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer { background-color: transparent; margin: 0; border-top: 0; border-bottom: 0; } #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging { padding: 0 0.3em; } #page-mod-quiz-edit div.question div.content div.questioncontrols { background-color: #fff; } #page-mod-quiz-edit div.question div.content div.points { margin-top: -0.5em; padding-bottom: 0; border: none; background-color: #fff; position: static; width: 12.1em; float: right; margin-right: 60px; } #page-mod-quiz-edit div.question div.content div.points br { display: none; } #page-mod-quiz-edit div.question div.content div.points label { display: inline-block; } #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus { background-color: #fff; } #page-mod-quiz-edit .quizpagedelete, #page-mod-quiz-edit .quizpagedelete img { background-color: transparent; } #page-mod-quiz-edit div.quizpage .pagecontent { border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; } #page-mod-quiz-edit div.questionbank .categoryinfo { padding: 0.3em 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer { padding: 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { display: block; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr, #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br { display: none; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong { margin-left: -0.3em; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label { margin-left: 0.3em; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input { margin-left: 0; } #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input { margin-left: 5px; } .questionbankwindow .module { width: auto; } #page-mod-quiz-edit div.editq div.question div.content { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; } .path-mod-quiz .statedetails { display: block; font-size: 0.9em; } a#hidebankcmd { color: #0070a8; } .que.shortanswer .answer { padding: 0; } .que label { display: inline; } body.path-question-type .mform fieldset.hidden { padding: 0; margin: 0.7em 0 0; } /* user.less */ .userprofile .fullprofilelink { text-align: center; margin: 10px; } .userprofile .page-context-header { margin-bottom: 10px; } .userprofile .description { margin-top: 10px; margin-bottom: 30px; } .userprofile .profile_tree { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .userprofile .profile_tree section { display: inline-block; width: 100%; border: 1px solid #ddd; border-radius: 4px; padding: 0 15px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .userprofile .profile_tree section h3 { font-size: 18px; line-height: 20px; } .userprofile dl.list { *zoom: 1; } .userprofile dl.list:before, .userprofile dl.list:after { display: table; content: ""; line-height: 0; } .userprofile dl.list:after { clear: both; } .userprofile dl.list dt { float: left; width: 180px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .userprofile dl.list dd { margin-left: 200px; } .user-box { margin: 8px; width: 115px; height: 160px; text-align: center; float: left; clear: none; } #page-user-profile .node_category ul, .path-user .node_category ul { margin-left: 0; margin-right: 0; list-style: none; } #page-user-profile .node_category li, .path-user .node_category li { margin-top: 5px; } #page-user-profile .node_category .editprofile, .path-user .node_category .editprofile, #page-user-profile .node_category .viewmore, .path-user .node_category .viewmore { text-align: right; } /** * This rule has been added to duplicate the style of icons with the * .iconsmall class for consistent rendering. * * Loading a pix icon using the template helper returns icons with * the class 'smallicon' instead of 'iconsmall'. */ #page-user-profile .ajax-contact-button img.smallicon { margin: 0; padding: 0.3em; height: 12px; width: 12px; vertical-align: middle; } .ajax-contact-button { box-sizing: border-box; position: relative; } .ajax-contact-button.loading .loading-icon { display: block; } .ajax-contact-button .loading-icon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .ajax-contact-button .loading-icon .smallicon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media (max-width: 480px) { .userprofile .profile_tree { /** Display the profile on one column on phones. */ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } .userlist .action-icon img { vertical-align: middle; } .userlist #showall { margin: 10px 0; } .userlist .buttons { text-align: center; } .userlist .buttons label { padding: 0 3px; } .userlist table#participants { text-align: center; } .userlist table#participants td, .userlist table#participants th { vertical-align: middle; text-align: left; padding: 4px; } .userlist table.controls { width: 100%; } .userlist table.controls tr { vertical-align: top; } .userlist table.controls .right { text-align: right; } .userlist table.controls .groupselector { margin-bottom: 0; margin-top: 0; } .userlist table.controls .groupselector label { display: block; } .userinfobox { width: 100%; border: 1px solid; border-collapse: separate; padding: 10px; } .userinfobox .left, .userinfobox .side { width: 100px; vertical-align: top; } .userinfobox .userpicture { width: 100px; height: 100px; } .userinfobox .content { vertical-align: top; } .userinfobox .links { width: 100px; padding: 5px; vertical-align: bottom; } .userinfobox .links a { display: block; } .userinfobox .list td { padding: 3px; } .userinfobox .username { padding-bottom: 20px; font-weight: bold; } .userinfobox td.label { text-align: right; white-space: nowrap; vertical-align: top; font-weight: bold; } .groupinfobox { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; } .groupinfobox blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .groupinfobox .left { padding: 10px; width: 100px; vertical-align: top; } .course-participation #showall { text-align: center; margin: 10px 0; } #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; } .userselector select { width: 100%; } .userselector div { margin-top: 0.2em; } .userselector div label { margin-right: 0.3em; } /* Next style does not work in all browsers but looks nicer when it does */ .userselector .userselector-infobelow { font-size: 0.8em; } #userselector_options { padding: 0.3em 0; } #userselector_options .collapsibleregioncaption { font-weight: bold; } #userselector_options p { margin: 0.2em 0; text-align: left; } /** user full profile */ #page-user-profile .messagebox { text-align: center; margin-left: auto; margin-right: auto; } /** user course profile */ #page-course-view-weeks .messagebox { text-align: center; margin-left: auto; margin-right: auto; } .profileeditor > .singleselect { margin: 0 0.5em 0 0; } .profileeditor > .singlebutton { display: inline-block; margin: 0 0 0 0.5em; } .profileeditor > .singlebutton div, .profileeditor > .singlebutton input { margin: 0; } #groupeditform .groups, #groupeditform .members { min-width: 175px; width: 49%; float: left; text-align: left; } #groupeditform .groups select, #groupeditform .members select { min-width: 175px; } /** Preferences page */ .preferences-group ul { list-style: none; margin-left: 0; margin-right: 0; } .search-results .result { margin-left: 0; margin-right: 0; } .search-results .result .result-content { margin: 7px 0; } .search-results .result .filename { font-style: italic; } .search-input-wrapper { margin: 0 5px 0 2px; overflow: hidden; float: right; height: 100%; width: 16px; transition: width 0.5s ease, left 0.5s ease; } .search-input-wrapper > div { float: left; margin: 10px 0 9px 0; } .search-input-wrapper > form { opacity: 0; margin: 5px 0 5px 25px; transition: opacity 0.5s ease-in-out; } .search-input-wrapper > form > input { margin: 0; } .search-input-wrapper form.expanded { opacity: 1; } .search-input-wrapper.expanded { width: 160px; } .navbar .search-input-wrapper > form { margin: 5px 0 5px 25px; } .search-areas-actions > div { display: inline-block; } .popover-region { float: right; position: relative; } .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after { display: none; } .popover-region.collapsed .popover-region-container { height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } .popover-region-toggle { cursor: pointer; } .popover-region-toggle::before { content: ''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ddd; position: absolute; bottom: 0; right: 7px; } .popover-region-toggle::after { content: ''; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; position: absolute; bottom: -1px; right: 8px; z-index: 2; } .count-container { padding: 2px; border-radius: 2px; background-color: red; color: white; font-size: 10px; line-height: 10px; position: absolute; top: 5px; right: 0; } .popover-region-container { position: absolute; right: 0; top: 0; height: 500px; width: 380px; border: 1px solid #ddd; transition: height 0.25s; opacity: 1; visibility: visible; background-color: #fff; z-index: 1; } .popover-region-header-container { height: 25px; line-height: 25px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #ddd; box-sizing: border-box; } .popover-region-footer-container { height: 30px; text-align: center; border-top: 1px solid #ddd; background-color: #fff; } .popover-region-footer-container .popover-region-seeall-text { padding-top: 4px; } .popover-region-header-text { float: left; margin: 0; font-size: 14px; line-height: 25px; } .popover-region-header-actions { float: right; } .popover-region-header-actions > * { margin-left: 10px; min-width: 20px; display: inline-block; } .popover-region-header-actions .loading-icon { display: none; height: 12px; width: 12px; } .popover-region-header-actions .newmessage-link { margin-right: 10px; } .popover-region-header-actions label { display: inline-block; text-align: center; margin-bottom: 0; } .popover-region-content-container { height: calc(100% - 56px); width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .popover-region-content-container > .loading-icon { display: none; text-align: center; padding: 5px; box-sizing: border-box; } .popover-region-content-container .empty-message { display: none; text-align: center; padding: 10px; } .popover-region-content-container.loading > .loading-icon { display: block; } .popover-region-content-container.loading .empty-message { display: none; } .navbar .popover-region { float: right; } .navbar .popover-region.collapsed .popover-region-container { height: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; } .navbar .popover-region-toggle { height: 42px; line-height: 42px; padding-left: 10px; padding-right: 10px; } .navbar .popover-region-toggle img { height: 16px; width: 16px; } .navbar .count-container { padding: 2px; border-radius: 2px; background-color: red; color: white; font-size: 10px; line-height: 10px; position: absolute; top: 5px; right: 0; } .navbar .popover-region-container { top: 42px; } .content-item-container { width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 5px; position: relative; margin: 0; display: block; color: inherit; text-decoration: none; } .content-item-container:hover { color: #fff; background-color: #79b5e6; } .content-item-container:hover .content-item-footer .timestamp { color: #fff; } .content-item-container.unread { margin: 0; background-color: #f4f4f4; } .content-item-container.unread:hover { color: #fff; background-color: #79b5e6; } .content-item-container.unread .content-item-body .notification-message { font-weight: 600; } .content-item-container .context-link { color: inherit; text-decoration: none; } .content-item-container .content-item-body { box-sizing: border-box; margin-bottom: 5px; } .content-item-container .content-item-footer { text-align: left; box-sizing: border-box; } .content-item-container .content-item-footer .timestamp { font-size: 10px; line-height: 10px; margin: 0; color: #666; margin-left: 24px; } .content-item-container .view-more { position: absolute; bottom: 5px; right: 5px; font-size: 12px; line-height: 12px; } .content-item-container.notification .content-item-body .notification-image { display: inline-block; width: 24px; height: 24px; float: left; } .content-item-container.notification .content-item-body .notification-image img { height: 75%; } .content-item-container.notification .content-item-body .notification-message { display: inline-block; font-size: 12px; width: calc(100% - 24px); } .content-item-container.selected { background-color: #4f94cd; color: #fff; border-color: #4f94cd; } .content-item-container.selected .content-item-footer .timestamp { color: #fff; } .popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon { display: inline-block; } .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon { display: none; } .popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon { display: inline-block; } .popover-region-notifications .all-notifications { opacity: 1; visibility: visible; height: auto; overflow: hidden; } .popover-region-notifications .all-notifications:empty + .empty-message { display: block; } .popover-region-notifications .notification-image { display: inline-block; width: 8%; vertical-align: top; } .popover-region-notifications .notification-image img { height: 75%; } .popover-region-notifications .notification-message { display: inline-block; font-size: 12px; width: 90%; } .popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message { display: none; } .popover-region-messages .mark-all-read-button .normal-icon { display: inline-block; } .popover-region-messages .mark-all-read-button.loading .normal-icon { display: none; } .popover-region-messages .mark-all-read-button.loading .loading-icon { display: inline-block; } .popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message { display: none; } .popover-region-messages .messages:empty + .empty-message { display: block; } .popover-region-messages .content-item-container.unread .content-item-body { font-weight: 600; width: calc(90% - 30px); } .popover-region-messages .content-item-container.unread .unread-count-container { display: inline-block; width: 10%; text-align: center; float: right; } .popover-region-messages .content-item { height: 100%; width: 100%; box-sizing: border-box; } .popover-region-messages .profile-image-container { width: 30px; display: inline-block; text-align: center; float: left; } .popover-region-messages .profile-image-container img { width: 100%; display: inline-block; vertical-align: middle; border-radius: 50%; } .popover-region-messages .content-item-body { display: inline-block; box-sizing: border-box; width: calc(100% - 30px); font-size: 12px; padding-left: 10px; overflow: hidden; } .popover-region-messages .content-item-body h3 { font-size: 12px; line-height: 12px; margin: 0; width: 100%; } .popover-region-messages .content-item-body p { margin: 0; } .popover-region-messages .unread-count-container { display: none; } .dir-rtl .popover-region .popover-region-container { left: 0; right: auto; } .dir-rtl .popover-region .popover-region-header-text { float: right; } .dir-rtl .popover-region .popover-region-header-actions { float: left; } .dir-rtl .popover-region .popover-region-header-actions .newmessage-link { margin-left: 10px; } .dir-rtl .navbar .popover-region { float: left; } .dir-rtl .navbar .popover-region-container::before { right: auto; left: 7px; } .dir-rtl .navbar .popover-region-container::after { right: auto; left: 8px; } .dir-rtl .navbar .popover-region-header-text { float: right; } .dir-rtl .navbar .popover-region-header-actions { float: left; } .dir-rtl .popover-region-messages .profile-image-container { float: right; } .dir-rtl .popover-region-messages .content-item-body { padding-left: 0; padding-right: 10px; } .dir-rtl .popover-region-messages .unread-count-container { float: left; } @media (max-width: 767px) { .navbar .popover-region .popover-region-container { right: -70px; } } @media (max-width: 480px) { .navbar .popover-region .popover-region-container { position: fixed; top: 46px; right: 0; left: 0; bottom: 0; width: auto; height: auto; } } /*! * Bootstrap v2.3.2 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .img-responsive, .img-fluid { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ -ms-interpolation-mode: bicubic; } img { vertical-align: middle; border: 0; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; background-color: #fff; } a { color: #0070a8; text-decoration: none; } a:hover, a:focus { color: #003d5c; text-decoration: underline; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.12765957%; *margin-left: 2.07446809%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.12765957%; } .row-fluid .span12 { width: 100%; *width: 99.94680851%; } .row-fluid .span11 { width: 91.4893617%; *width: 91.43617021%; } .row-fluid .span10 { width: 82.9787234%; *width: 82.92553191%; } .row-fluid .span9 { width: 74.46808511%; *width: 74.41489362%; } .row-fluid .span8 { width: 65.95744681%; *width: 65.90425532%; } .row-fluid .span7 { width: 57.44680851%; *width: 57.39361702%; } .row-fluid .span6 { width: 48.93617021%; *width: 48.88297872%; } .row-fluid .span5 { width: 40.42553191%; *width: 40.37234043%; } .row-fluid .span4 { width: 31.91489362%; *width: 31.86170213%; } .row-fluid .span3 { width: 23.40425532%; *width: 23.35106383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.84042553%; } .row-fluid .span1 { width: 6.38297872%; *width: 6.32978723%; } .row-fluid .offset12 { margin-left: 104.25531915%; *margin-left: 104.14893617%; } .row-fluid .offset12:first-child { margin-left: 102.12765957%; *margin-left: 102.0212766%; } .row-fluid .offset11 { margin-left: 95.74468085%; *margin-left: 95.63829787%; } .row-fluid .offset11:first-child { margin-left: 93.61702128%; *margin-left: 93.5106383%; } .row-fluid .offset10 { margin-left: 87.23404255%; *margin-left: 87.12765957%; } .row-fluid .offset10:first-child { margin-left: 85.10638298%; *margin-left: 85%; } .row-fluid .offset9 { margin-left: 78.72340426%; *margin-left: 78.61702128%; } .row-fluid .offset9:first-child { margin-left: 76.59574468%; *margin-left: 76.4893617%; } .row-fluid .offset8 { margin-left: 70.21276596%; *margin-left: 70.10638298%; } .row-fluid .offset8:first-child { margin-left: 68.08510638%; *margin-left: 67.9787234%; } .row-fluid .offset7 { margin-left: 61.70212766%; *margin-left: 61.59574468%; } .row-fluid .offset7:first-child { margin-left: 59.57446809%; *margin-left: 59.46808511%; } .row-fluid .offset6 { margin-left: 53.19148936%; *margin-left: 53.08510638%; } .row-fluid .offset6:first-child { margin-left: 51.06382979%; *margin-left: 50.95744681%; } .row-fluid .offset5 { margin-left: 44.68085106%; *margin-left: 44.57446809%; } .row-fluid .offset5:first-child { margin-left: 42.55319149%; *margin-left: 42.44680851%; } .row-fluid .offset4 { margin-left: 36.17021277%; *margin-left: 36.06382979%; } .row-fluid .offset4:first-child { margin-left: 34.04255319%; *margin-left: 33.93617021%; } .row-fluid .offset3 { margin-left: 27.65957447%; *margin-left: 27.55319149%; } .row-fluid .offset3:first-child { margin-left: 25.53191489%; *margin-left: 25.42553191%; } .row-fluid .offset2 { margin-left: 19.14893617%; *margin-left: 19.04255319%; } .row-fluid .offset2:first-child { margin-left: 17.0212766%; *margin-left: 16.91489362%; } .row-fluid .offset1 { margin-left: 10.63829787%; *margin-left: 10.53191489%; } .row-fluid .offset1:first-child { margin-left: 8.5106383%; *margin-left: 8.40425532%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999; } a.muted:hover, a.muted:focus { color: #808080; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-error, .text-danger { color: #b94a48; } a.text-error:hover, a.text-error:focus { color: #953b39; } .text-info { color: #3a87ad; } a.text-info:hover, a.text-info:focus { color: #2d6987; } .text-success { color: #468847; } a.text-success:hover, a.text-success:focus { color: #356635; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999; } h1, h2, h3 { line-height: 40px; } h1 { font-size: 38.5px; } h2 { font-size: 31.5px; } h3 { font-size: 24.5px; } h4 { font-size: 17.5px; } h5 { font-size: 14px; } h6 { font-size: 11.9px; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee; } ul, ol { padding: 0; margin: 0 0 10px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 20px; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } ul.inline, ol.inline { margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 180px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 200px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee; } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote small { display: block; line-height: 20px; color: #999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 220px; border: 1px solid #ccc; background-color: #fff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .uneditable-input, .uneditable-textarea { color: #999; background-color: #fcfcfc; border-color: #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0; } .controls-row:after { clear: both; } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #8a6d3b; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #8a6d3b; } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: middle; padding-left: 5px; } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover { font-size: 14px; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { margin-left: 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-bottom: 0; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 180px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 200px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 200px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 200px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("[[pix:theme|glyphicons-halflings]]"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } /* White icons with optional class, or on hover/focus/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("[[pix:theme|glyphicons-halflings-white]]"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; width: 16px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; width: 16px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: #fff; background-color: #00699e; background-image: -moz-linear-gradient(top, #0070a8, #005f8f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f)); background-image: -webkit-linear-gradient(top, #0070a8, #005f8f); background-image: -o-linear-gradient(top, #0070a8, #005f8f); background-image: linear-gradient(to bottom, #0070a8, #005f8f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #00699e; background-image: -moz-linear-gradient(top, #0070a8, #005f8f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f)); background-image: -webkit-linear-gradient(top, #0070a8, #005f8f); background-image: -o-linear-gradient(top, #0070a8, #005f8f); background-image: linear-gradient(to bottom, #0070a8, #005f8f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well, .card { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005aa8; background-image: -moz-linear-gradient(top, #0070a8, #0038a8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8)); background-image: -webkit-linear-gradient(top, #0070a8, #0038a8); background-image: -o-linear-gradient(top, #0070a8, #0038a8); background-image: linear-gradient(to bottom, #0070a8, #0038a8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0); border-color: #0038a8 #0038a8 #001e5c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0038a8; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background-color: #0038a8; *background-color: #002f8f; } .btn-primary:active, .btn-primary.active { background-color: #002775 \9; } .btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #fff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image: -webkit-linear-gradient(top, #444, #222); background-image: -o-linear-gradient(top, #444, #222); background-image: linear-gradient(to bottom, #444, #222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222 #222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #0070a8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #003d5c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0038a8; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert, .alert h4 { color: #8a6d3b; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0070a8; } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: ""; line-height: 0; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eee #eee #ddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #fff; background-color: #0070a8; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { border-top-color: #0070a8; border-bottom-color: #0070a8; margin-top: 6px; } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #003d5c; border-bottom-color: #003d5c; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555; } .nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { color: #fff; background-color: #999; border-color: #999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus { border-color: #999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eee #ddd #eee #eee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eee #eee #eee #ddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff; } .nav > .disabled > a { color: #999; } .nav > .disabled > a:hover, .nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; } .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1; } .navbar-inner:before, .navbar-inner:after { display: table; content: ""; line-height: 0; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; overflow: visible; } .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover, .navbar .brand:focus { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; color: #777; } .navbar-link { color: #777; } .navbar-link:hover, .navbar-link:focus { color: #333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; line-height: 0; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); box-shadow: 0 -1px 10px rgba(0,0,0,.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; color: #333; text-decoration: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #fff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 10px; } .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #fff; border-bottom: 0; bottom: -6px; top: auto; } .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { border-top-color: #333; border-bottom-color: #333; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e5e5e5; color: #555; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777; border-bottom-color: #777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { color: #fff; } .navbar-inverse .brand { color: #999; } .navbar-inverse .navbar-text { color: #999; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { background-color: transparent; color: #fff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #fff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999; } .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color: #fff; } .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: #fff; } .navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999; border-bottom-color: #999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .navbar-inverse .navbar-search .search-query { color: #fff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #ccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #ccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #ccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .navbar-inverse .btn-navbar { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #fff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; text-shadow: 0 1px 0 #fff; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #999; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; margin-left: 0; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999; background-color: transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } .pager { margin: 20px 0; list-style: none; text-align: center; *zoom: 1; } .pager:before, .pager:after { display: table; content: ""; line-height: 0; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999; background-color: #fff; cursor: default; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25%; } .modal.fade.in { top: 10%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.thumbnail:hover, a.thumbnail:focus { border-color: #0070a8; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555; } .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { margin-left: 0; list-style: none; } .label, .badge, .tag { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999; } .label, .tag { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .label:empty, .badge:empty { display: none; } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress .bar { width: 0%; height: 100%; color: #fff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-align: center; background: #222; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #fff; line-height: 20px; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px; } .hero-unit li { line-height: 30px; } .pull-right, .pull-xs-right { float: right; } .pull-left, .pull-xs-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } /** * bootstrapoverride.less * * This file is meant to contain rules which specifically override * rules defined in Bootstrap. */ h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 12px; } h1 small { font-size: 24px; } h2 small { font-size: 20px; } h3 small { font-size: 16px; } h4 small { font-size: 12px; } @media print { a[href]:after { content: ""; } } /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */ /* stylelint-enable */ /** * Implement missing variables, or faulty ones, in Bootstrap rules. * * Those are minimal overrides of Bootstrap rules to introduce the usage * of a variable, or to fix a variable being used. */ legend { border-bottom-color: #ddd; color: #333; } .breadcrumb { background-color: #f5f5f5; } .well, .card { border-color: #e3e3e3; } sup { vertical-align: super; } sub { vertical-align: sub; } .dropdown-backdrop { position: static; } /* some very targetted corrections to roll back nameclashes between * Moodle and Bootstrap like .row, .label, .content, .controls * * Mostly relies on these styles being more specific than the Bootstrap * ones in order to overule them. */ li.activity.label, .file-picker td.label { background: inherit; color: inherit; border: inherit; text-shadow: none; padding: 8px; white-space: normal; display: block; font-size: inherit; line-height: inherit; } .file-picker td.label { display: table-cell; text-align: right; } .choosercontainer #chooseform .option label { font-size: 12px; } /* block.invisible vs .invisible * block.hidden vs .invisible * * uses .invisible where the rest of Moodle uses .dimmed * fixible in block renderer? * * There's seems to be even more naming confusion here since, * blocks can be actually 'visible' (or not) to students, * marked 'visible' but really just dimmed to indicate to editors * that students can't see them or 'visible' to the user who * collapses them, 'visible' if you have the right role and in * different circumstances different sections of a block can * be 'visible' or not. * * currently worked around in renderers.php function block{} * by rewriting the class name "invisible" to "dimmed", * though the blocks don't look particularly different apart * from their contents disappearing. Maybe try .muted? or * dimming all the edit icons apart from unhide, might be a * nice effect, though they'd still be active. Maybe reverse * it to white? */ li.section.hidden, .block.hidden, .block.invisible { visibility: visible; display: block; } /* .row vs .row * * very tricky to track down this when it goes wrong, * since the styles are applied to generated content * * basically if you see things shifted left or right compared * with where they should be check for a .row */ #turnitintool_style .row, .forumpost .row { margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */ } #turnitintool_style .row:before, #turnitintool_style .row:after, .forumpost .row:before, .forumpost .row:after { content: none; } /* fieldset.hidden vs .hidden * * Moodle uses fieldset.hidden for mforms, to signify a collection of * form elements that don't have a box drawn round them. Bootstrap * uses hidden for stuff that is hidden in various responsive modes. * * Relatedly, there is also fieldset.invisiblefieldset which hides the * border and sets the display to inline. * * Originally this just set block and visible, but it is used * in random question dialogue in Quiz, * that dialogue is hidden and shown, so when hidden the * above workaround leaves you with a button floating around */ fieldset.hidden { display: inherit; visibility: inherit; } /* .controls vs .controls * * in expanding course list, can be fixed in renderer though */ /* .btn vs .btn * * links, inputs and buttons are commonly styled with .btn in * bootstrap but it seems that some buttons in Moodle are * wrapped in div.btn e.g. the login block's "login" button */ div.c1.btn { display: block; padding: 0; margin-bottom: 0; font-size: inherit; line-height: inherit; text-align: inherit; cursor: default; color: inherit; text-shadow: inherit; background-color: inherit; background-image: none; background-repeat: no-repeat; border: none; border-radius: 0; box-shadow: none; } /* .container vs .container * * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code, * it becomes near unuseable. */ #questionbank + .container { width: auto; } img.hide { display: inherit; } .icon-bar, img.icon-post, img.icon-info, img.icon-warn, img.icon-pre { background-image: none; } .loginbox.twocolumns .signuppanel, .loginbox.twocolumns .signuppanel, .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .loginpanel { padding: 0; margin: 0; } .tooltip { opacity: 1; filter: alpha(opacity=100); display: inline; } body:not(.jsenabled) .dropdown:hover > .dropdown-menu { display: block; margin-top: -6px; } body:not(.jsenabled) .langmenu:hover > .dropdown-menu, .langmenu.open > .dropdown-menu { display: block; max-height: 150px; overflow-y: auto; } ol { margin: 0 0 10px 2.5em; } body { padding-top: 60px; } .block { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; padding: 8px 0; } .block blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .block .header h2 { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 1.1em; word-wrap: break-word; margin: 0; } .block .header .block_action { padding: 3px 15px; float: right; } .block .header .block_action > * { margin-left: 3px; } .block .header .block_action .block-hider-show, .block .header .block_action .block-hider-hide { cursor: pointer; } .block .header .block_action .block-hider-show { display: none; } .block .content { padding: 4px 14px; word-wrap: break-word; } .block .content h3 { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 1.1em; } .block .content hr { margin: 5px 0; } .block .content .userpicture { width: 16px; height: 16px; margin-right: 6px; } .block .content .list li.listentry { clear: both; } .block .content .list .c0 { display: inline; } .block .content .list .c1 { margin-left: 5px; display: inline; } .block .footer { margin-bottom: 4px; display: block; padding: 3px 5px; } .block.beingmoved { border-width: 2px; border-style: dashed; } .block.invisible .header h2 { opacity: 0.5; filter: alpha(opacity=50); } .block.hidden .header .block_action .block-hider-hide { display: none; } .block.hidden .header .block_action .block-hider-show { display: inline; } .block.list_block .unlist > li > .column { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .editing .block .header .commands { clear: both; text-align: right; display: block; padding: 3px 15px; } .editing .block .header .commands > a { margin: 0 3px; } .editing .block .header .commands .icon img { width: 12px; height: 12px; } .editing .block .header .commands img.actionmenu { width: auto; } .jsenabled .block.hidden .content { display: none; } .blockmovetarget { border-width: 2px; border-style: dashed; display: block; height: 1em; margin-bottom: 20px; } .blockannotation { position: relative; top: -10px; margin-bottom: 10px; } .block_blog_menu #blogsearchquery { max-width: 92%; } .block_settings #adminsearchquery { max-width: 92%; } .block_search_forums #searchform_search { width: auto; max-width: 92%; } .block_calendar_upcoming .content .date { padding-left: 22px; } .block_calendar_upcoming .content .footer { margin-top: .5em; padding-top: 10px; padding-left: 0; } .block_rss_client .content li { margin-bottom: 10px; padding: 5px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .block_rss_client .content li .link { font-weight: inherit; } .block_rss_client .list li:first-child { border-top-width: 1px; } .block_news_items .content .newlink { padding-bottom: 10px; } .block_news_items .content ul li { border-top: 1px rgba(0, 0, 0, 0.05) solid; padding: 2px; display: table; width: 100%; } .block_news_items .content ul li .info { display: table-header-group; } .block_news_items .content ul li .date { font-size: 11.9px; display: inline; } .block_news_items .content ul li .name { font-size: 11.9px; padding-left: 1ex; display: inline; } .block_news_items .content .footer { padding-top: 10px; padding-left: 0; } .block_login input#login_username, .block_login input#login_password { width: 95%; } .block_login .content { margin-left: auto; margin-right: auto; max-width: 280px; } .block_login input[type="submit"] { margin: 10px 0; } .block_adminblock .content { display: block; margin: 0 10px; padding: 3px 5px; width: auto; } .block_adminblock .singleselect { display: block; } .block_adminblock .singleselect select.singleselect { display: block; width: 100%; } /** * Moodle forms HTML isn't changeable via renderers (yet?) so this * .less file imports styles from the bootstrap @variables file and * adds them to the existing Moodle form CSS ids and classes. * */ form { margin: 0; } .mform fieldset .advancedbutton { text-align: right; } .jsenabled .mform .containsadvancedelements .advanced { display: none; } .mform .containsadvancedelements .advanced.show { display: block; } .mform fieldset.group { margin-bottom: 0; } .mform fieldset.error { border: 1px solid #b94a48; } .mform span.error, #adminsettings span.error { display: inline-block; border: 1px solid #eed3d7; border-radius: 4px; background-color: #f2dede; padding: 4px; margin-bottom: 4px; } .mform fieldset.collapsible legend a.fheader { padding: 0 5px 0 20px; margin-left: -20px; background: url([[pix:t/expanded]]) 2px center no-repeat; } .mform fieldset.collapsed legend a.fheader { /*rtl:raw: background-image: url([[pix:t/collapsed_rtl]]); */ /*rtl:remove*/ background-image: url([[pix:t/collapsed]]); } .jsenabled .mform .collapsed .fcontainer { display: none; } .mform .fitem .fitemtitle div { display: inline; } #adminsettings .error, .loginpanel .error, .mform .error { color: #b94a48; } .mform .fdescription.required { margin-left: 200px; } .mform .fpassword .unmask { display: inline-block; margin-left: 0.5em; } .mform .fpassword .unmask > input { margin: 0; } .mform .fpassword .unmask > label { display: inline-block; } .mform label { display: inline-block; } .mform .iconhelp { margin-left: 4px; } .mform .ftextarea #id_alltext { width: 100%; } .mform ul.file-list { padding: 0; margin: 0; list-style: none; } .mform label .req, .mform label .adv { cursor: help; } .mform .fcheckbox input { margin-left: 0; } .mform .fcheckbox > span, .mform .fradio > span, .mform .fgroup > span { display: inline-block; margin-top: 5px; } .mform .fitem fieldset.fgroup label, .mform fieldset.fdate_selector label { display: inline; float: none; } .mform .helplink img { margin: 0 .45em; padding: 0; } .mform legend .helplink img { margin: 0 .2em; } .singleselect label { margin-right: .3em; } #portfolio-add-button { display: inline; } .form-item, .mform .fitem { margin-bottom: 20px; *zoom: 1; margin-bottom: 10px; } .form-item:before, .mform .fitem:before, .form-item:after, .mform .fitem:after { display: table; content: ""; line-height: 0; } .form-item:after, .mform .fitem:after { clear: both; } .form-item .form-label, .mform .fitem div.fitemtitle { float: left; width: 180px; padding-top: 5px; text-align: right; } .form-defaultinfo, .form-label .form-shortname { color: #999; } .form-label .form-shortname { font-size: 10.5px; display: block; } .form-item .form-setting, .form-item .form-description, .mform .fitem .felement, #page-mod-forum-search .c1 { *display: inline-block; *padding-left: 20px; margin-left: 200px; *margin-left: 0; } .form-item .form-setting:first-child, .form-item .form-description:first-child, .mform .fitem .felement:first-child, #page-mod-forum-search .c1:first-child { *padding-left: 200px; } .formsettingheading { margin-bottom: 0; } .form-item .form-description, .felement.fstatic { color: #595959; display: block; margin-bottom: 10px; padding-top: 5px; } .form-item .form-description { padding-top: 0; } .fitem .fstaticlabel { font-weight: bold; } table#form td.submit, .form-buttons, .path-admin .buttons, #fitem_id_submitbutton, .fp-content-center form + div, div.backup-section + form, #fgroup_id_buttonar { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; padding-left: 0; } table#form td.submit:before, .form-buttons:before, .path-admin .buttons:before, #fitem_id_submitbutton:before, .fp-content-center form + div:before, div.backup-section + form:before, #fgroup_id_buttonar:before, table#form td.submit:after, .form-buttons:after, .path-admin .buttons:after, #fitem_id_submitbutton:after, .fp-content-center form + div:after, div.backup-section + form:after, #fgroup_id_buttonar:after { display: table; content: ""; line-height: 0; } table#form td.submit:after, .form-buttons:after, .path-admin .buttons:after, #fitem_id_submitbutton:after, .fp-content-center form + div:after, div.backup-section + form:after, #fgroup_id_buttonar:after { clear: both; } .path-admin .buttons, .form-buttons { padding-left: 200px; } .form-item .form-setting .form-checkbox.defaultsnext { margin-top: 5px; display: inline-block; } #adminsettings h3 { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } .mform legend a, .mform legend a:hover { color: #333; text-decoration: none; } #page-grade-edit-outcome-course .courseoutcomes { margin-left: auto; margin-right: auto; width: 100%; } #page-grade-edit-outcome-course .courseoutcomes td { text-align: center; } .mdl-right > label { display: inline-block; } input[type="radio"] + label, input[type="checkbox"] + label { display: inline; padding-left: 0.2em; } input[type="radio"], input[type="checkbox"] { margin-top: -4px; margin-right: 7px; } .singleselect { display: inline-block; } .singleselect form, .singleselect select { margin: 0; } .form-item .form-label label { margin-bottom: 0; } .felement.ffilepicker { margin-top: 5px; } div#dateselector-calendar-panel { z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */ } fieldset.coursesearchbox label { display: inline; } /** * Show the labels above text editors and file managers except on wide screens. */ #region-main .mform:not(.unresponsive) .fitem .fitemtitle label { font-weight: bold; } /** * Make forms vertical when the screen is less than 1200px; */ @media (max-width: 1199px) { body #region-main .mform:not(.unresponsive) .fitem .fitemtitle { display: block; margin-top: 4px; margin-bottom: 4px; text-align: left; width: 100%; } body #region-main .mform:not(.unresponsive) .fitem .felement { margin-left: 0; width: 100%; float: left; padding-left: 0; padding-right: 0; } body #region-main .mform:not(.unresponsive) .fitem .fstatic:empty { display: none; } body #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span, body #region-main .mform:not(.unresponsive) .fitem .fradio > span, body #region-main .mform:not(.unresponsive) .fitem .fgroup > span { margin-top: 4px; } body #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle { display: inline-block; width: auto; margin-right: 8px; } body #region-main .mform:not(.unresponsive) .femptylabel .felement { display: inline-block; margin-top: 4px; padding-top: 5px; width: auto; } body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle, body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { display: inline-block; width: auto; } body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { padding: 6px; } } /** * Make forms vertical when the screen is less than 1474px AND both side-pre and side-post contain blocks. * This is an extra special media rule. * It causes forms to show vertically when the screen size is calculated as: * 1199px + (1199px * 23%) * Where 23% is the width of span3 * Full calculation is: * @maxWidthForVerticalForms: 1199px * (unit(((@fluidGridColumnWidth1200 * 3) + * (@fluidGridGutterWidth * (3 - 1)))) / 100) + 1199px; */ @media (max-width: 1474px) { .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fitemtitle { display: block; margin-top: 4px; margin-bottom: 4px; text-align: left; width: 100%; } .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .felement { margin-left: 0; width: 100%; float: left; padding-left: 0; padding-right: 0; } .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fstatic:empty { display: none; } .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span, .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fradio > span, .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fgroup > span { margin-top: 4px; } .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle { display: inline-block; width: auto; margin-right: 8px; } .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .felement { display: inline-block; margin-top: 4px; padding-top: 5px; width: auto; } .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle, .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { display: inline-block; width: auto; } .used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { padding: 6px; } } /* Section and module editing forms contain special JS components for the availability system (if enabled). */ #fitem_id_availabilityconditionsjson { /* Eye icon in front of an item and delete icon after it. */ /* Hidden eye icon still takes up space. */ /* Eye icons in front of child lists are aligned specially. */ /* Add button lines up with child elements. */ /* Nested section is grey. */ /* Second (and more) levels of nested sections are white. */ /* Connecting text needs to be indented. */ } #fitem_id_availabilityconditionsjson *[aria-hidden=true] { display: none; } #fitem_id_availabilityconditionsjson select, #fitem_id_availabilityconditionsjson input[type=text] { position: relative; top: 4px; } #fitem_id_availabilityconditionsjson label { display: inline; } #fitem_id_availabilityconditionsjson br + .availability-group { display: inline-block; margin-top: 8px; margin-bottom: 8px; } #fitem_id_availabilityconditionsjson .availability-group { margin-right: 8px; } #fitem_id_availabilityconditionsjson .availability-item { margin-bottom: 6px; } #fitem_id_availabilityconditionsjson .availability-none { margin-left: 20px; margin-bottom: 4px; } #fitem_id_availabilityconditionsjson .availability-plugincontrols { min-height: 40px; padding: 2px 0 0 4px; background: none repeat scroll 0% 0% #f5f5f5; border: 1px solid #eee; border-radius: 4px; display: inline-block; margin-right: 8px; } #fitem_id_availabilityconditionsjson .availability-plugincontrols select { width: auto; max-width: 200px; } #fitem_id_availabilityconditionsjson .availability-eye, #fitem_id_availabilityconditionsjson .availability-delete { margin-right: 8px; } #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] { display: inline; visibility: hidden; } #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img { vertical-align: top; margin-top: 12px; } #fitem_id_availabilityconditionsjson .availability-button { margin-left: 15px; } #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner { display: inline-block; background: #f5f5f5; border: 1px solid #eee; border-radius: 4px; padding: 6px; margin-bottom: 6px; } #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner { background: white; } #fitem_id_availabilityconditionsjson .availability-connector { margin-left: 20px; margin-bottom: 6px; } /* Default form styling colours all text red. With availability conditions this looks excessive as we show 'Invalid' markers in specific places. */ .mform .error .availability-field { color: #333; } /* This dialogue is used to add an availability condition. */ .availability-dialogue .moodle-dialogue .moodle-dialogue-bd { padding-left: 0; padding-right: 0; padding-bottom: 2px; } .availability-dialogue ul { display: block; margin: 0; } .availability-dialogue li { display: block; list-style-type: none; padding: 0 0 4px; clear: both; border-bottom: 1px solid #eee; margin-bottom: 4px; } .availability-dialogue ul button { float: left; margin-left: 1em; min-width: 140px; margin-top: 4px; } .availability-dialogue label { margin-left: 170px; margin-right: 1em; margin-bottom: 0; } .availability-dialogue .availability-buttons button { margin-left: 1em; margin-right: 1em; margin-top: 4px; } /* Revert to the non-fixed width where a textarea has the number of columns specified, or an input has it's size specified. */ textarea[cols], input[size] { width: auto; } /* Custom styles for autocomplete form element */ .form-autocomplete-selection { margin: 0.2em; min-height: 21px; } .form-autocomplete-multiple [role=listitem] { cursor: pointer; } .form-autocomplete-suggestions { position: absolute; background-color: white; border: 2px solid #eee; border-radius: 3px; min-width: 206px; max-height: 20em; overflow: auto; margin: 0; padding: 0; margin-top: -0.2em; z-index: 1; } .form-autocomplete-suggestions li { list-style-type: none; padding: 0.2em; margin: 0; cursor: pointer; color: #333; } .form-autocomplete-suggestions li:hover { background-color: #00a3f4; color: #fff; } .form-autocomplete-suggestions li[aria-selected=true] { background-color: #e5e5e5; color: #555; } .form-autocomplete-downarrow { color: #333; position: relative; top: -0.3em; left: -1.5em; cursor: pointer; } .form-autocomplete-selection:focus { outline: none; } .form-autocomplete-selection [data-active-selection=true] { padding: 0.5em; font-size: large; } textarea[data-auto-rows] { overflow-x: hidden; } div[data-passwordunmask="wrapper"] { height: 30px; line-height: 30px; margin-bottom: 10px; } body.modal-open { overflow: hidden; } .modal-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 4050; outline: 0; overflow-x: hidden; overflow-y: auto; } .modal-container .modal { position: relative; margin: 50px auto 30px; top: auto; right: auto; bottom: auto; left: auto; width: auto; max-width: 560px; box-shadow: 5px 5px 20px 0 #666; border-radius: 10px; border: none; } .modal-container .modal .modal-header { min-height: 13px; padding: 5px; font-size: 12px; font-weight: normal; letter-spacing: 1px; color: #333; text-align: center; text-shadow: 1px 1px 1px #fff; border-bottom: 1px solid #bbb; background: #ccc; background-color: #ebebeb; background-image: linear-gradient(to bottom, #fff, #ccc); background-repeat: repeat-x; border-radius: 10px 10px 0 0; position: relative; } .modal-container .modal .modal-header h3 { font-size: 12px; font-weight: normal; letter-spacing: 1px; line-height: 20px; } .modal-container .modal .modal-header .close { position: absolute; top: 5px; right: 5px; width: 25px; height: 15px; line-height: 15px; font-size: 15px; margin: 0; opacity: 1; background-image: url([[pix:theme|sprite]]); background-repeat: no-repeat; border-style: none; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.15); } .modal-container .modal .modal-header .close:hover { background-position: 0 0; } .modal-container .modal .modal-header .close:active { background-position: 0 0; } .modal-container .modal .modal-header .close:focus { background-position: 0 0; } .modal-container .modal .modal-body { max-height: none; } .modal-container .modal .modal-footer { border-top: 1px solid #bbb; text-align: center; padding: .7em 0; background-color: #f2f2f2; box-shadow: none; border-radius: 0 0 10px 10px; } .modal-container.large .modal { max-width: 900px; } .modal-backdrop { z-index: 4049; background-color: #aaa; opacity: 0.4; } /* modules.less */ select { width: auto; } .path-mod-feedback .mform.feedback_form .fitem .fitemtitle { display: block; margin-top: 4px; margin-bottom: 4px; text-align: left; width: 100%; } .path-mod-feedback .mform.feedback_form .fitem .felement { margin-left: 0; width: 100%; float: left; padding-left: 0; padding-right: 0; } .path-mod-feedback .mform.feedback_form .fitem .fstatic:empty { display: none; } .path-mod-feedback .mform.feedback_form .fitem .fcheckbox > span, .path-mod-feedback .mform.feedback_form .fitem .fradio > span, .path-mod-feedback .mform.feedback_form .fitem .fgroup > span { margin-top: 4px; } body.path-mod-feedback #region-main .mform.feedback_form .femptylabel .fitemtitle { display: inline-block; width: auto; margin-right: 0; } .path-mod-feedback .mform.feedback_form .femptylabel .felement { display: inline-block; margin-top: 4px; padding-top: 5px; width: auto; } body.path-mod-feedback #region-main .mform.feedback_form .feedback-item-pagebreak .felement { width: 100%; } .path-mod-feedback .mform.feedback_form .fitem_fcheckbox .fitemtitle, .path-mod-feedback .mform.feedback_form .fitem_fcheckbox .felement { display: inline-block; width: auto; } .path-mod-feedback .mform.feedback_form .fitem_fcheckbox .felement { padding: 6px; } .path-mod-feedback .mform.feedback_form#feedback_viewresponse_form .fitem.feedback_hasvalue:not(.feedback-item-captcha) .felement { background: #fbfbf1; min-height: 1em; box-sizing: border-box; padding: 3px; border: 1px solid #ddd; } .path-mod-feedback .mform.feedback_form .fitem.feedback_hasvalue .fstatic:empty { display: inherit; } .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem:hover { background: #f5f5f5; } .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle label { width: 100%; } .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle { position: relative; width: 100%; } .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemdd, .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemname { float: left; } .path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemactions { float: right; } .path-mod-forum .forumsearch input, .path-mod-forum .forumsearch .helptooltip { margin: 0 3px; } .path-mod-forum .forumheaderlist, .path-mod-forum .forumheaderlist td { border: none; } .path-mod-forum .forumheaderlist thead .header, .path-mod-forum .forumheaderlist tbody .discussion td { white-space: normal; vertical-align: top; padding-left: 0.5em; padding-right: 0.5em; } .path-mod-forum .forumheaderlist thead .header { white-space: normal; vertical-align: top; } .path-mod-forum .forumheaderlist thead .header.replies { text-align: center; } .path-mod-forum .forumheaderlist thead .header.lastpost { text-align: right; } .path-mod-forum .forumheaderlist thead .header th.discussionsubscription, .path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription { width: 16px; padding-left: 0.5em; padding-right: 0.5em; } .path-mod-forum .forumheaderlist .discussion .author, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost { white-space: normal; } .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .replies { text-align: center; } .path-mod-forum .forumheaderlist .discussion .topic, .path-mod-forum .forumheaderlist .discussion .discussionsubscription, .path-mod-forum .forumheaderlist .discussion .topic.starter, .path-mod-forum .forumheaderlist .discussion .picture, .path-mod-forum .forumheaderlist .discussion .author, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost { vertical-align: top; } .forumpost { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; padding: 6px; } .forumpost blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .forumpost .header { margin-bottom: 3px; } .forumpost .picture img { margin: 3px; } .forumpost .picture img.userpicture { margin-left: 3px; margin-right: 10px; } .forumpost .content .posting.fullpost { margin-top: 8px; } .forumpost .row .topic, .forumpost .row .content-mask, .forumpost .row .options { margin-left: 48px; } .forumpost .row.side { clear: both; } .forumpost .row .left { width: 48px; } .forumpost .options .commands { margin-left: 0; } .forumpost .subject { font-weight: bold; } .forumsearch input[type=text] { margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */ } #page-mod-forum-discuss .discussioncontrols { width: auto; margin: 0; } #page-footer { margin-top: 1em; padding: 1em 0; border-top: 2px solid #ddd; } .maincalendar .calendarmonth td, .maincalendar .calendarmonth th { border: 1px dotted #ddd; } .path-grade-report-grader h1 { text-align: inherit; } #page-mod-chat-gui_basic input#message { max-width: 100%; } #page-mod-data-view #singleimage { width: auto; } .path-mod-data form { margin-top: 10px; } .template_heading { margin-top: 10px; } .breadcrumb-button { float: right; margin-top: 4px; } .breadcrumb-button .singlebutton { float: left; margin-left: 4px; } .navbar-inverse .logininfo a { color: #999; } .navbar-inverse .logininfo a:hover { background-color: transparent; color: #fff; } .navbar-fixed-top, .navbar-fixed-bottom { z-index: 4030; } .ie .row-fluid .desktop-first-column { margin-left: 0; } .langmenu form { margin: 0; } .container-fluid { max-width: 1680px; margin: 0 auto; } canvas { -ms-touch-action: auto; } div#dock { display: none; } .path-mod-choice .media-left { float: left; padding-right: 1em; } .path-mod-lesson .firstpageoptions { margin: auto; min-width: 280px; width: 60%; } .path-mod-lesson .centerpadded { padding: 5px; text-align: center; } /** General styles (scope: all of lesson) **/ .path-mod-lesson .contents, .path-mod-lesson .standardtable, .path-mod-lesson .mform .box.contents, .path-mod-lesson .invisiblefieldset.fieldsetfix tr { text-align: left; } .path-mod-lesson #layout-table { width: 100%; } .path-mod-lesson .edit_buttons form, .path-mod-lesson .edit_buttons input { display: inline; } .path-mod-lesson .userinfotable .cell, .path-mod-lesson .userinfotable .userpicture { vertical-align: middle; } .path-mod-lesson .invisiblefieldset.fieldsetfix { display: block; } .path-mod-lesson .slideshow { overflow: auto; padding: 15px; } .path-mod-lesson .menu .menuwrapper { max-height: 400px; overflow: auto; vertical-align: top; margin-bottom: 10px; } .path-mod-lesson .menu ul { list-style: none; padding: 5px 0 0 5px; margin: 0; } .path-mod-lesson .menu ul li { padding-bottom: 5px; } .path-mod-lesson .skip { position: absolute; top: -1000em; width: 20em; } .path-mod-lesson .branchbuttoncontainer.horizontal div, .path-mod-lesson .branchbuttoncontainer.horizontal form { display: inline; } .path-mod-lesson .firstpageoptions { width: 30%; margin-left: 35%; margin-top: 1em; } .path-mod-lesson .progress_bar_table, .path-mod-lesson .progress_bar_completed, .path-mod-lesson .progress_bar_todo { padding: 0; margin: 0; } .path-mod-lesson .progress_bar_token { height: 20px; width: 5px; padding: 0; margin: 0; } .path-mod-lesson .edit_pages_box .addlinks { margin: 0; margin-bottom: 1em; } .path-mod-lesson .progress_bar_completed { background-color: green; text-align: right; vertical-align: middle; color: #fff; } .path-mod-lesson .resourcecontent { text-align: center; } .path-mod-lesson .answeroption .fcheckbox > span { position: relative; float: left; } .path-mod-lesson .answeroptiongroup .fgroup > span { position: relative; width: 100%; } .path-mod-lesson .answeroption .fcheckbox input, .path-mod-lesson .answeroptiongroup input { position: absolute; top: 2px; margin-top: 0; left: 0; } .path-mod-lesson .answeroption .fcheckbox label, .path-mod-lesson .mform .fitem.answeroptiongroup fieldset.fgroup label { padding-left: 20px; float: left; } .path-mod-lesson .answeroption .felement label p:last-child, .path-mod-lesson .answeroptiongroup .felement label p:last-child { margin-bottom: 0; } /** * Style for view.php **/ #page-mod-lesson-view .password-form .submitbutton { display: inline; } .path-mod-lesson .reviewessay { width: 40%; border: 1px solid #ddd; background-color: #eee; } /* Countdown timer. */ #lesson-timer { text-align: center; } .path-mod-lesson .essayungraded { background-color: #efcfcf; } .path-mod-lesson .essaygraded { background-color: #efefcf; } .path-mod-lesson .essaysent { background-color: #cfefcf; } .path-mod-wiki .wiki_headingtitle, .path-mod-wiki .midpad, .path-mod-wiki .wiki_headingtime { text-align: inherit; } .path-mod-wiki .wiki_contentbox { width: 100%; } .dropdown-menu > li > a { padding: 3px 20px 3px 8px; } .path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) { background-color: transparent; } .path-mod-survey .surveytable > tbody > tr:nth-of-type(even) { background-color: #f9f9f9; } .path-mod-survey .surveytable .rblock label { text-align: center; } .path-mod-survey .resultgraph, .path-mod-survey .reportsummary, .path-mod-survey .studentreport, .path-mod-survey .reportbuttons, .path-mod-survey .centerpara { text-align: center; } .nav .caret { margin-left: 4px; } .nav .divider { overflow: hidden; width: 0; height: 40px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .navbar-inverse .nav .divider { border-left-color: #111111; border-right-color: #515151; } .dropdown-menu .divider { width: auto; height: 1px; border-left: 0 none; border-right: 0 none; } .usermenu .login { color: #777; line-height: 40px; } .usermenu .login a { color: #0070a8; } .usermenu .login a:hover, .usermenu .login a:focus { color: #003d5c; text-decoration: underline; } .usermenu .moodle-actionmenu .toggle-display { display: block; opacity: 1; color: #777; line-height: 40px; height: 40px; } .usermenu .moodle-actionmenu .toggle-display:hover { color: #333; } .usermenu .moodle-actionmenu .toggle-display .userbutton { height: 40px; line-height: 40px; } .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars { display: inline-block; height: 36px; width: 36px; vertical-align: middle; margin-right: 6px; margin-left: 6px; } .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar, .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img { display: block; } .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext { display: inline-block; vertical-align: middle; line-height: 1em; color: inherit; } .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta, .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role { display: block; font-size: 12px; } .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value, .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value { font-weight: bold; } .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role { font-weight: bold; } .usermenu .moodle-actionmenu .toggle-display .caret { display: none; } .usermenu .moodle-actionmenu .menu .menu-action.icon img { border-radius: 0; background: transparent; box-shadow: none; } .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img { background: #fff; border-radius: 4px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.125); } .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img, .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img { border-radius: 0; background: transparent; box-shadow: none; } .navbar-inverse .usermenu .login { color: #999; } .navbar-inverse .usermenu .login a { color: #999; } .navbar-inverse .usermenu .login a:hover { color: #fff; } .navbar-inverse .usermenu .moodle-actionmenu .toggle-display { color: #999; } .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext { color: #999; } .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta { color: #999; } .navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta .value { color: #999; } .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext { color: #fff; } .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta { color: #999; } .navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta .value { color: #fff; } .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .toggle-display.textmenu .caret { border-top-color: #fff; } .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon img { border-radius: 0; background: transparent; box-shadow: none; } .navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img { background: #333; border-radius: 4px; box-shadow: 0 0 16px #ffffff; } .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img, .navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img { border-radius: 0; background: transparent; box-shadow: none; } .jsenabled .usermenu .moodle-actionmenu .toggle-display { display: block; } .jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu { padding-left: 8px; padding-right: 8px; } .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret { display: inline-block; position: relative; top: 9px; } .jsenabled .usermenu .moodle-actionmenu > .menubar { display: block; margin: 0; } .jsenabled .usermenu .moodle-actionmenu > .menu { min-width: 160px; } .jsenabled .usermenu .moodle-actionmenu > .menu .filler { display: block; *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .jsenabled .usermenu .moodle-actionmenu.show { background-color: #e5e5e5; } .jsenabled .usermenu .moodle-actionmenu.show .menu { padding: 5px 0; margin: 2px 0 0; background-clip: padding-box; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .jsenabled .usermenu .moodle-actionmenu.show .menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; } .jsenabled .usermenu .moodle-actionmenu.show .menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; } .jsenabled .usermenu .moodle-actionmenu.show .menu a { border-radius: 0; } .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus { text-decoration: none; } .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover { text-decoration: none; background-color: #00699e; background-image: -moz-linear-gradient(top, #0070a8, #005f8f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f)); background-image: -webkit-linear-gradient(top, #0070a8, #005f8f); background-image: -o-linear-gradient(top, #0070a8, #005f8f); background-image: linear-gradient(to bottom, #0070a8, #005f8f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0); } .jsenabled .usermenu .moodle-actionmenu.show .menu.align-tr-br { margin-top: 2px; } .jsenabled .navbar-inverse .usermenu .moodle-actionmenu.show { background-color: #111111; } .usermenu { float: right; } .usermenu > .moodle-actionmenu > .menu:before { right: 9px; } .usermenu > .moodle-actionmenu > .menu:after { right: 10px; } .usermenu > .moodle-actionmenu > .menubar li a { text-align: right; } .userloggedinas .usermenu .userbutton .avatars .avatar.current { left: 16px; } .userloggedinas .usermenu .userbutton .avatars .avatar { overflow: hidden; } .userloggedinas .usermenu .userbutton .avatars .avatar.current { position: relative; top: 4px; left: 4px; width: 20px; height: 20px; margin-top: 11px; margin-bottom: -34px; border: 1px solid #fff; border-radius: 50%; box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25); } .userloggedinas .usermenu .userbutton .avatars .avatar img { width: inherit; height: inherit; } .path-mod-quiz #mod_quiz_navblock .qnbutton { text-decoration: none; font-size: 14px; line-height: 20px; font-weight: normal; background-color: #fff; background-image: none; height: 40px; width: 30px; border-radius: 3px; border: 0; overflow: visible; margin: 0 6px 6px 0; } .path-mod-quiz #mod_quiz_navblock span.qnbutton { cursor: default; background-color: #eee; color: #555; } .path-mod-quiz #mod_quiz_navblock a.qnbutton:hover, .path-mod-quiz #mod_quiz_navblock a.qnbutton:active, .path-mod-quiz #mod_quiz_navblock a.qnbutton:focus { text-decoration: underline; } .path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder { border: 1px solid; border-radius: 3px; z-index: 1; } .path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder { border-width: 3px; } .path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder { border-width: 1px; } .path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder { background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; } .path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight { border: 0; background: #fff none center / 10px no-repeat scroll; height: 20px; margin-top: 20px; border-radius: 0 0 3px 3px; } .path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { background-color: #fff; } .path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight { background-image: url([[pix:theme|mod/quiz/warningtriangle]]); } .path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight { background-image: url([[pix:theme|mod/quiz/checkmark]]); background-color: #468847; } .path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight { background-image: url([[pix:core|t/locked]]); background-color: #eee; } .path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight { background-color: #b94a48; } .path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight { background-image: url([[pix:theme|mod/quiz/whitecircle]]); background-color: #f89406; } .path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight, .path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight { background-color: #999; } .path-mod-scorm .scorm-center { text-align: center; } .path-mod-scorm.forcejavascript .scorm-center { display: none; } .path-mod-scorm.jsenabled .scorm-center { display: block; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax { background-color: #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { border: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; border-radius: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right blockquote, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd { background-color: transparent; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell { border: 0; padding: 3px 15px; white-space: nowrap; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input { margin: 0 10px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input#input-message, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input#input-message { width: 45%; margin: auto; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable a, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell a { margin: 0 5px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist { padding: 10px 5px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list { border-top: 1px solid #ddd; border-bottom: 1px solid #fff; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 5px 10px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img { margin-right: 8px; border: 1px solid #ccc; border-radius: 4px; max-width: none; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages { margin: 20px 25px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme { text-align: center; margin: 10px 0; font-size: 11.9px; color: #777; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme { background-color: #fff; border: 1px dotted #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px 10px; margin: 10px 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time { float: right; font-size: 11px; color: #777; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme { background-color: #f6f6f6; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme .user { font-weight: bold; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit-right { padding: 0; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit div.yui-layout-bd { text-align: right; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-userlist #users-list img { margin-left: 8px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .time { float: left; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .user { float: right; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .chat-message-meta { height: 20px; } .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .text { text-align: right; } /* reports.less */ #page-report-participation-index .participationselectform div label { display: inline-block; margin: 0 5px; } #page-report-participation-index .participationselectform div label[for=menuinstanceid] { margin-left: 0; } .path-backup .mform .grouped_settings.section_level { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #e3e3e3; padding: 10px 0 0 0; clear: both; } .path-backup .mform .grouped_settings.section_level blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .path-backup .mform .grouped_settings { clear: both; overflow: hidden; } .path-backup .include_setting, .path-backup .grouped_settings .normal_setting { display: inline-block; } .path-backup .include_setting.section_level label { font-weight: bold; } .path-backup .mform .fitem .fitemtitle { width: 260px; } .path-backup .mform .fitem .felement { margin-left: 280px; } .path-backup .notification.dependencies_enforced { text-align: center; color: #b94a48; font-weight: bold; } .path-backup .backup_progress { text-align: center; } .path-backup .backup_progress .backup_stage { color: #999; } .path-backup .backup_progress .backup_stage.backup_stage_current { font-weight: bold; color: inherit; } .path-backup .backup_progress span.backup_stage.backup_stage_complete { color: inherit; } #page-backup-restore .filealiasesfailures { background-color: #f2dede; } #page-backup-restore .filealiasesfailures .aliaseslist { width: 90%; margin: 0.8em auto; background-color: #fff; border: 1px dotted #666; } .path-backup .fitem .smallicon { vertical-align: text-bottom; } .backup-restore .backup-section > h2.header, .backup-restore .backup-section .backup-sub-section h3 { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } .backup-restore .backup-section .noticebox { margin: 1em auto; width: 60%; text-align: center; } .backup-restore .backup-section.settings-section .detail-pair { width: 50%; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .backup-restore .backup-section.settings-section .detail-pair-label { width: 65%; } .backup-restore .backup-section.settings-section .detail-pair-value { width: 25%; } .backup-restore .activitytable { min-width: 500px; } .backup-restore .activitytable .modulename { width: 100px; } .backup-restore .activitytable .moduleincluded { width: 50px; } .backup-restore .activitytable .userinfoincluded { width: 50px; } .backup-restore .detail-pair-label { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; width: 25%; padding: 8px; margin: 0; text-align: right; font-weight: bold; vertical-align: top; } .backup-restore .detail-pair-value { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; width: 65%; padding: 8px; margin: 0; } .backup-restore .detail-pair-value > .sub-detail { display: block; font-size: 11.9px; color: #999; } .backup-restore > .singlebutton { text-align: right; } .path-backup .mform .fgroup .proceedbutton { float: right; margin-right: 5%; } .path-backup .mform .fgroup .oneclickbackup { float: right; } .restore-course-search .rcs-results { width: 70%; min-width: 400px; } .restore-course-search .rcs-results table { width: 100%; margin: 0; border-width: 0; } .restore-course-search .rcs-results table .no-overflow { max-width: 600px; } .restore-course-search .rcs-results .paging { text-align: left; margin: 0; background-color: #eee; padding: 3px; } .restore-course-category .rcs-results { width: 70%; min-width: 400px; border: 1px solid #ddd; margin: 5px 0; } .restore-course-category .rcs-results table { width: 100%; margin: 0; border-width: 0; } .restore-course-category .rcs-results table .no-overflow { max-width: 600px; } .restore-course-category .rcs-results .paging { text-align: left; margin: 0; background-color: #eee; padding: 3px; } .path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px; } .path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; } .path-backup .wibbler .state0 { background: #eee; } .path-backup .wibbler .state1 { background: #ddd; } .path-backup .wibbler .state2 { background: #ccc; } .path-backup .wibbler .state3 { background: #bbb; } .path-backup .wibbler .state4 { background: #aaa; } .path-backup .wibbler .state5 { background: #999; } .path-backup .wibbler .state6 { background: #888; } .path-backup .wibbler .state7 { background: #777; } .path-backup .wibbler .state8 { background: #666; } .path-backup .wibbler .state9 { background: #555; } .path-backup .wibbler .state10 { background: #444; } .path-backup .wibbler .state11 { background: #333; } .path-backup .wibbler .state12 { background: #222; } .path-backup .backup_log { margin-top: 2em; } .path-backup .backup_log h2 { font-size: 1em; } .path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; } table.flexible, .generaltable { width: 100%; margin-bottom: 20px; } table.flexible th, .generaltable th, table.flexible td, .generaltable td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } table.flexible th, .generaltable th { font-weight: bold; } table.flexible thead th, .generaltable thead th { vertical-align: bottom; } table.flexible caption + thead tr:first-child th, .generaltable caption + thead tr:first-child th, table.flexible caption + thead tr:first-child td, .generaltable caption + thead tr:first-child td, table.flexible colgroup + thead tr:first-child th, .generaltable colgroup + thead tr:first-child th, table.flexible colgroup + thead tr:first-child td, .generaltable colgroup + thead tr:first-child td, table.flexible thead:first-child tr:first-child th, .generaltable thead:first-child tr:first-child th, table.flexible thead:first-child tr:first-child td, .generaltable thead:first-child tr:first-child td { border-top: 0; } table.flexible tbody + tbody, .generaltable tbody + tbody { border-top: 2px solid #ddd; } table.flexible .table, .generaltable .table { background-color: #fff; } .singlebutton div { display: inline-block; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } #notice .buttons .singlebutton { display: inline-block; } .continuebutton { text-align: center; } p.arrow_button { margin-top: 5em; text-align: center; } p.arrow_button #remove { margin: 3em auto 5em; } p.arrow_button input { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #addcontrols { margin-top: 30px; text-align: center; margin-bottom: 3em; } #addcontrols label { display: inline; } #addcontrols input, #removecontrols input { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: auto; } .btn-lineup { margin: 0 0 10px 5px; } input[name="searchwikicontent"] + input[type="submit"], select + input[type="submit"], input[type="text"] + input[type="button"], input[type="password"] + input[type="submit"], input[type="text"] + button, input[type="text"] + input[type="submit"] { margin: 0 0 10px 5px; } button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"] { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } button:hover, input.form-submit:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input.form-submit:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:active, input.form-submit:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button.active, input.form-submit.active, input[type="button"].active, input[type="submit"].active, input[type="reset"].active, button.disabled, input.form-submit.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled, button[disabled], input.form-submit[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } button:active, input.form-submit:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button.active, input.form-submit.active, input[type="button"].active, input[type="submit"].active, input[type="reset"].active { background-color: #cccccc \9; } button:first-child, input.form-submit:first-child, input[type="button"]:first-child, input[type="submit"]:first-child, input[type="reset"]:first-child { *margin-left: 0; } button:hover, input.form-submit:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:focus, input.form-submit:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } button:focus, input.form-submit:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } button.active, input.form-submit.active, input[type="button"].active, input[type="submit"].active, input[type="reset"].active, button:active, input.form-submit:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } button.disabled, input.form-submit.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled, button[disabled], input.form-submit[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button .label, input.form-submit .label, input[type="button"] .label, input[type="submit"] .label, input[type="reset"] .label, button .badge, input.form-submit .badge, input[type="button"] .badge, input[type="submit"] .badge, input[type="reset"] .badge { position: relative; top: -1px; } button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"] { margin: 0 0 10px 5px; } form.search-cohort input[type="text"], form.search-cohort input[type="submit"], form.search-cohort label { margin-top: 14px !important; } form.search-cohort label { margin-bottom: 0; vertical-align: middle; } form.search-cohort input[type="submit"] { margin-bottom: 0; margin-left: 0; } button.yui3-button.closebutton { background-position: 0 0; } button.yui3-button.closebutton:hover { background-position: 0 0; } .gradetreebox h4 { font-size: 14px; } .gradetreebox th.cell, .gradetreebox input[type=text] { width: auto; } .gradetreebox input[type=text], .gradetreebox select { margin-bottom: 0; } .core_grades_notices .singlebutton { display: inline-block; } #page-grade-grading-manage #activemethodselector label { display: inline-block; } #page-grade-grading-manage #activemethodselector .helptooltip { margin-right: 0.5em; } #page-grade-grading-manage .actions { display: block; text-align: center; margin-bottom: 1em; } #page-grade-grading-manage .actions .action { *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; position: relative; vertical-align: top; width: 150px; text-align: center; overflow: hidden; margin: 0.5em; padding: 1em; border: 1px solid #aaa; } #page-grade-grading-manage .actions .action:hover, #page-grade-grading-manage .actions .action:focus, #page-grade-grading-manage .actions .action:active, #page-grade-grading-manage .actions .action.active, #page-grade-grading-manage .actions .action.disabled, #page-grade-grading-manage .actions .action[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } #page-grade-grading-manage .actions .action:active, #page-grade-grading-manage .actions .action.active { background-color: #cccccc \9; } #page-grade-grading-manage .actions .action:first-child { *margin-left: 0; } #page-grade-grading-manage .actions .action:hover, #page-grade-grading-manage .actions .action:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #page-grade-grading-manage .actions .action:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #page-grade-grading-manage .actions .action.active, #page-grade-grading-manage .actions .action:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } #page-grade-grading-manage .actions .action.disabled, #page-grade-grading-manage .actions .action[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #page-grade-grading-manage .actions .action .label, #page-grade-grading-manage .actions .action .badge { position: relative; top: -1px; } #page-grade-grading-manage .actions .action .action-icon { display: inline-block; position: relative; height: 64px; width: 64px; } #page-grade-grading-manage .actions .action .action-text { position: relative; top: 0.4em; font-size: 14px; } #page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status { font-size: 70%; } .gradingform_rubric.editor .addlevel input, .gradingform_rubric.editor .addcriterion input { background: #fff none no-repeat top left; } #rubric-rubric.gradingform_rubric #rubric-criteria { margin-bottom: 1em; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description { vertical-align: top; padding: 6px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea { margin-bottom: 0; height: 115px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea { width: 80%; margin-bottom: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score { position: relative; float: left; margin-right: 28px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input { margin-bottom: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level { vertical-align: top; padding: 6px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete { position: relative; width: 32px; height: 32px; margin-top: -32px; clear: both; float: right; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input { display: block; position: absolute; right: 0; bottom: 0; height: 24px; width: 24px; margin: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover { background-color: #ddd; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input { float: none; width: 2em; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink { width: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel { vertical-align: middle; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); background-position: 0 0; height: 30px; margin-right: 5px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active { background-color: #cccccc \9; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:first-child { *margin-left: 0; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .label, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge { position: relative; top: -1px; } #rubric-rubric.gradingform_rubric .addcriterion { margin-left: 5px; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); padding: 0; margin-bottom: 1em; } #rubric-rubric.gradingform_rubric .addcriterion:hover, #rubric-rubric.gradingform_rubric .addcriterion:focus, #rubric-rubric.gradingform_rubric .addcriterion:active, #rubric-rubric.gradingform_rubric .addcriterion.active, #rubric-rubric.gradingform_rubric .addcriterion.disabled, #rubric-rubric.gradingform_rubric .addcriterion[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } #rubric-rubric.gradingform_rubric .addcriterion:active, #rubric-rubric.gradingform_rubric .addcriterion.active { background-color: #cccccc \9; } #rubric-rubric.gradingform_rubric .addcriterion:first-child { *margin-left: 0; } #rubric-rubric.gradingform_rubric .addcriterion:hover, #rubric-rubric.gradingform_rubric .addcriterion:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #rubric-rubric.gradingform_rubric .addcriterion:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #rubric-rubric.gradingform_rubric .addcriterion.active, #rubric-rubric.gradingform_rubric .addcriterion:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } #rubric-rubric.gradingform_rubric .addcriterion.disabled, #rubric-rubric.gradingform_rubric .addcriterion[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #rubric-rubric.gradingform_rubric .addcriterion .label, #rubric-rubric.gradingform_rubric .addcriterion .badge { position: relative; top: -1px; } #rubric-rubric.gradingform_rubric .addcriterion input { margin: 0; color: inherit; text-shadow: inherit; border: 0 none; line-height: inherit; background: transparent url([[pix:t/add]]) no-repeat 7px 8px; padding-left: 26px; } #rubric-rubric.gradingform_rubric .options { clear: both; } #rubric-rubric.gradingform_rubric .options .option label { margin: 0; padding: 0; font-size: inherit; font-weight: normal; line-height: 2em; color: inherit; text-shadow: none; background-color: transparent; } #rubric-rubric.gradingform_rubric .options .option input { margin-left: 5px; margin-right: 12px; } .path-grade-edit-tree .setup-grades h4 { margin: 0; } .path-grade-edit-tree .setup-grades .column-rowspan { padding: 0; width: 24px; min-width: 24px; max-width: 24px; } .path-grade-edit-tree .setup-grades .category td.column-name { padding-left: 0; } .path-grade-edit-tree .setup-grades td.column-name { padding-left: 24px; } .path-grade-edit-tree .setup-grades .column-name h4 img.icon { padding-left: 0; } .path-grade-edit-tree .setup-grades .category input[type="text"], .path-grade-edit-tree .setup-grades .category .column-range, .path-grade-edit-tree .setup-grades .categoryitem, .path-grade-edit-tree .setup-grades .courseitem { font-weight: bold; } .path-grade-edit-tree .setup-grades .emptyrow { display: none; } .path-grade-edit-tree .setup-grades .gradeitemdescription { font-weight: normal; padding-left: 24px; } .path-grade-edit-tree .setup-grades .column-weight { white-space: nowrap; } .path-grade-edit-tree .setup-grades .column-weight.level3 { padding-left: 37px; } .path-grade-edit-tree .setup-grades .column-weight.level4 { padding-left: 66px; } .path-grade-edit-tree .setup-grades .column-weight.level5 { padding-left: 95px; } .path-grade-edit-tree .setup-grades .column-weight.level6 { padding-left: 124px; } .path-grade-edit-tree .setup-grades .column-weight.level7 { padding-left: 153px; } .path-grade-edit-tree .setup-grades .column-weight.level8 { padding-left: 182px; } .path-grade-edit-tree .setup-grades .column-weight.level9 { padding-left: 211px; } .path-grade-edit-tree .setup-grades .column-weight.level10 { padding-left: 240px; } .path-grade-edit-tree .setup-grades .column-range.level2 { padding-left: 37px; } .path-grade-edit-tree .setup-grades .column-range.level3 { padding-left: 66px; } .path-grade-edit-tree .setup-grades .column-range.level4 { padding-left: 95px; } .path-grade-edit-tree .setup-grades .column-range.level5 { padding-left: 124px; } .path-grade-edit-tree .setup-grades .column-range.level6 { padding-left: 153px; } .path-grade-edit-tree .setup-grades .column-range.level7 { padding-left: 182px; } .path-grade-edit-tree .setup-grades .column-range.level8 { padding-left: 211px; } .path-grade-edit-tree .setup-grades .column-range.level9 { padding-left: 240px; } .path-grade-edit-tree .setup-grades .column-range.level10 { padding-left: 269px; } .path-grade-edit-tree .setup-grades.generaltable .levelodd { background-color: #f9f9f9; } .path-grade-edit-tree .setup-grades.generaltable .leveleven { background-color: transparent; } /** * Grader report. */ .path-grade-report .gradeparent table { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .path-grade-report .gradeparent tr .cell { background-color: #fff; } .path-grade-report .gradeparent table, .path-grade-report .gradeparent .cell { border-color: #ddd; } .path-grade-report .gradeparent tr:nth-of-type(even) .cell, .path-grade-report .gradeparent .floater .cell, .path-grade-report .gradeparent .avg { background-color: #f9f9f9; } .path-grade-report .gradeparent table .clickable { cursor: pointer; } /** * User report. */ .path-grade-report-user .user-grade { border: none; } .path-grade-report-user .user-grade.generaltable .levelodd { background-color: #f9f9f9; } .path-grade-report-user .user-grade.generaltable .leveleven { background-color: transparent; } .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell, .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell, .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell { padding-left: 47px; } .content-only.path-grade-report-grader .gradeparent table { margin-left: 42px; } /** * This styles the H2 node the dock creates to test the width before making its title rotation. * We need to apply these EXACT styles to the #dock .dockedtitle h2 to be sure things are spaced correctly. */ .transform-test-heading { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 36px; text-align: center; font-weight: bold; margin: 0; padding: 0; } body.has_dock #page { padding-left: 45px; padding-right: 20px; } body.has_dock div#dock { display: inline; } #dock { z-index: 12000; width: 42px; position: fixed; top: 0; left: 0; height: 100%; background-color: transparent; border-right: 0 none; } #dock .nothingdocked { visibility: hidden; display: none; } #dock .dockeditem_container { margin-top: 68px; } #dock .dockeditem .firstdockitem { margin-top: 1em; } #dock .dockedtitle { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); display: block; width: 36px; margin: 3px; padding: 0; cursor: pointer; } #dock .dockedtitle:hover, #dock .dockedtitle:focus, #dock .dockedtitle:active, #dock .dockedtitle.active, #dock .dockedtitle.disabled, #dock .dockedtitle[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } #dock .dockedtitle:active, #dock .dockedtitle.active { background-color: #cccccc \9; } #dock .dockedtitle:first-child { *margin-left: 0; } #dock .dockedtitle:hover, #dock .dockedtitle:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #dock .dockedtitle:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #dock .dockedtitle.active, #dock .dockedtitle:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } #dock .dockedtitle.disabled, #dock .dockedtitle[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #dock .dockedtitle .label, #dock .dockedtitle .badge { position: relative; top: -1px; } #dock .dockedtitle h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 36px; text-align: center; font-weight: bold; margin: 0; padding: 0; } #dock .dockedtitle .filterrotate { margin-left: 8px; } #dock .controls { position: absolute; bottom: 1em; text-align: center; width: 100%; } #dock .controls img { cursor: pointer; } #dock .editing_move, #dock .moodle-core-dragdrop-draghandle { display: none; } #dockeditempanel { min-width: 200px; position: relative; left: 100%; padding-left: 5px; } #dockeditempanel.dockitempanel_hidden { display: none; } #dockeditempanel .dockeditempanel_content { background-color: #f5f5f5; width: 384px; border: 1px solid #d5d5d5; -webkit-box-shadow: 2px 4px 4px 2px #eee; -moz-box-shadow: 2px 4px 4px 2px #eee; box-shadow: 2px 4px 4px 2px #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #dockeditempanel .dockeditempanel_bd { overflow: auto; /** Required to make the content scrollable when it flows over the fixed area of the screen */ } #dockeditempanel .dockeditempanel_bd > * { margin: 1em; } #dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li { overflow: visible; } #dockeditempanel .dockeditempanel_hd { border-bottom: 1px solid #fff; padding: 0.5em 1em; } #dockeditempanel .dockeditempanel_hd h2 { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 1.1em; padding: 0; margin: 0; float: left; max-width: 85%; } #dockeditempanel .dockeditempanel_hd .commands { display: block; text-align: right; } #dockeditempanel .dockeditempanel_hd .commands > a, #dockeditempanel .dockeditempanel_hd .commands > span { margin-left: 3px; cursor: pointer; } #dockeditempanel .dockeditempanel_hd .commands img, #dockeditempanel .dockeditempanel_hd .commands input { vertical-align: middle; margin-right: 1px; } #dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img { cursor: pointer; } #dockeditempanel .dockeditempanel_hd .commands img.actionmenu { width: auto; } @media (min-width: 768px) { body.has_dock #page { padding-left: 65px; } } /** * Tour step must sit above all other UI components. * The backdrop is the lowest point in the tour. * Everything else is in the container, and the target background should be at the same z-index. * ----- moodle * ---- step backdrop * --- step container * --- step target background */ div[data-flexitour="backdrop"] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 4049; background-color: #aaa; opacity: 0.4; z-index: 4030; } div[data-flexitour="backdrop"].fade { opacity: 0; } div[data-flexitour="step-background-fader"], div[data-flexitour="step-background"] { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index: 4031; } span[data-flexitour="container"], div[data-flexitour="step-background-fader"], [data-flexitour="step-backdrop"] > td, [data-flexitour="step-backdrop"] { z-index: 4032; } span[data-flexitour="container"] div[data-role="flexitour-step"] { background-color: #fff; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } span[data-flexitour="container"] div[data-role="flexitour-step"] > div { display: block; margin: 0; } span[data-flexitour="container"] .modal { position: static; margin-left: 0; } span[data-flexitour="container"] div[data-role="arrow"] { border-width: 11px; } span[data-flexitour="container"] div[data-role="arrow"]:after { content: " "; } span[data-flexitour="container"] div[data-role="arrow"], span[data-flexitour="container"] div[data-role="arrow"]:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; } span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] { margin-bottom: 10px; } span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] { bottom: -10px; left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] { margin-top: 10px; } span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] { top: -10px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] { margin-right: 10px; } span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] { right: -10px; top: 50%; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after { right: 1px; margin-top: -10px; border-right-width: 0; border-left-color: #fff; } span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] { margin-left: 10px; } span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] { left: -10px; top: 50%; margin-top: -11px; border-left-width: 0; border-right-color: rgba(0, 0, 0, 0.25); } span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after { left: 1px; margin-top: -10px; border-left-width: 0; border-right-color: #fff; } /* Styling for mustache templates */ /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */ /* stylelint-enable */ .columns-autoflow-1to1to1 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media (max-width: 767px) { .columns-autoflow-1to1to1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } @media (min-width: 768px) and (max-width: 979px) { .dir-rtl .row-fluid.rtl-compatible [class*="span"] { float: right; margin-left: 0; *margin-left: 0; margin-right: 2.76243094%; *margin-right: 2.70923945%; } .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child { margin-right: 0; } } @media (min-width: 980px) and (max-width: 1199px) { .dir-rtl .row-fluid.rtl-compatible [class*="span"] { float: right; margin-left: 0; *margin-left: 0; margin-right: 2.12765957%; *margin-right: 2.07446809%; } .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child { margin-right: 0; } } @media (min-width: 1200px) { .dir-rtl .row-fluid.rtl-compatible [class*="span"] { float: right; margin-left: 0; *margin-left: 0; margin-right: 2.56410256%; *margin-right: 2.51091107%; } .dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child { margin-right: 0; } } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (min-width: 1200px) { .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.56410256%; *margin-left: 2.51091107%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.56410256%; } .row-fluid .span12 { width: 100%; *width: 99.94680851%; } .row-fluid .span11 { width: 91.45299145%; *width: 91.39979996%; } .row-fluid .span10 { width: 82.90598291%; *width: 82.85279142%; } .row-fluid .span9 { width: 74.35897436%; *width: 74.30578287%; } .row-fluid .span8 { width: 65.81196581%; *width: 65.75877432%; } .row-fluid .span7 { width: 57.26495726%; *width: 57.21176578%; } .row-fluid .span6 { width: 48.71794872%; *width: 48.66475723%; } .row-fluid .span5 { width: 40.17094017%; *width: 40.11774868%; } .row-fluid .span4 { width: 31.62393162%; *width: 31.57074013%; } .row-fluid .span3 { width: 23.07692308%; *width: 23.02373159%; } .row-fluid .span2 { width: 14.52991453%; *width: 14.47672304%; } .row-fluid .span1 { width: 5.98290598%; *width: 5.92971449%; } .row-fluid .offset12 { margin-left: 105.12820513%; *margin-left: 105.02182215%; } .row-fluid .offset12:first-child { margin-left: 102.56410256%; *margin-left: 102.45771959%; } .row-fluid .offset11 { margin-left: 96.58119658%; *margin-left: 96.4748136%; } .row-fluid .offset11:first-child { margin-left: 94.01709402%; *margin-left: 93.91071104%; } .row-fluid .offset10 { margin-left: 88.03418803%; *margin-left: 87.92780506%; } .row-fluid .offset10:first-child { margin-left: 85.47008547%; *margin-left: 85.36370249%; } .row-fluid .offset9 { margin-left: 79.48717949%; *margin-left: 79.38079651%; } .row-fluid .offset9:first-child { margin-left: 76.92307692%; *margin-left: 76.81669394%; } .row-fluid .offset8 { margin-left: 70.94017094%; *margin-left: 70.83378796%; } .row-fluid .offset8:first-child { margin-left: 68.37606838%; *margin-left: 68.2696854%; } .row-fluid .offset7 { margin-left: 62.39316239%; *margin-left: 62.28677941%; } .row-fluid .offset7:first-child { margin-left: 59.82905983%; *margin-left: 59.72267685%; } .row-fluid .offset6 { margin-left: 53.84615385%; *margin-left: 53.73977087%; } .row-fluid .offset6:first-child { margin-left: 51.28205128%; *margin-left: 51.1756683%; } .row-fluid .offset5 { margin-left: 45.2991453%; *margin-left: 45.19276232%; } .row-fluid .offset5:first-child { margin-left: 42.73504274%; *margin-left: 42.62865976%; } .row-fluid .offset4 { margin-left: 36.75213675%; *margin-left: 36.64575377%; } .row-fluid .offset4:first-child { margin-left: 34.18803419%; *margin-left: 34.08165121%; } .row-fluid .offset3 { margin-left: 28.20512821%; *margin-left: 28.09874523%; } .row-fluid .offset3:first-child { margin-left: 25.64102564%; *margin-left: 25.53464266%; } .row-fluid .offset2 { margin-left: 19.65811966%; *margin-left: 19.55173668%; } .row-fluid .offset2:first-child { margin-left: 17.09401709%; *margin-left: 16.98763412%; } .row-fluid .offset1 { margin-left: 11.11111111%; *margin-left: 11.00472813%; } .row-fluid .offset1:first-child { margin-left: 8.54700855%; *margin-left: 8.44062557%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.76243094%; *margin-left: 2.70923945%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.76243094%; } .row-fluid .span12 { width: 100%; *width: 99.94680851%; } .row-fluid .span11 { width: 91.43646409%; *width: 91.3832726%; } .row-fluid .span10 { width: 82.87292818%; *width: 82.81973669%; } .row-fluid .span9 { width: 74.30939227%; *width: 74.25620078%; } .row-fluid .span8 { width: 65.74585635%; *width: 65.69266486%; } .row-fluid .span7 { width: 57.18232044%; *width: 57.12912895%; } .row-fluid .span6 { width: 48.61878453%; *width: 48.56559304%; } .row-fluid .span5 { width: 40.05524862%; *width: 40.00205713%; } .row-fluid .span4 { width: 31.49171271%; *width: 31.43852122%; } .row-fluid .span3 { width: 22.9281768%; *width: 22.87498531%; } .row-fluid .span2 { width: 14.36464088%; *width: 14.31144939%; } .row-fluid .span1 { width: 5.80110497%; *width: 5.74791348%; } .row-fluid .offset12 { margin-left: 105.52486188%; *margin-left: 105.4184789%; } .row-fluid .offset12:first-child { margin-left: 102.76243094%; *margin-left: 102.65604796%; } .row-fluid .offset11 { margin-left: 96.96132597%; *margin-left: 96.85494299%; } .row-fluid .offset11:first-child { margin-left: 94.19889503%; *margin-left: 94.09251205%; } .row-fluid .offset10 { margin-left: 88.39779006%; *margin-left: 88.29140708%; } .row-fluid .offset10:first-child { margin-left: 85.63535912%; *margin-left: 85.52897614%; } .row-fluid .offset9 { margin-left: 79.83425414%; *margin-left: 79.72787116%; } .row-fluid .offset9:first-child { margin-left: 77.0718232%; *margin-left: 76.96544023%; } .row-fluid .offset8 { margin-left: 71.27071823%; *margin-left: 71.16433525%; } .row-fluid .offset8:first-child { margin-left: 68.50828729%; *margin-left: 68.40190431%; } .row-fluid .offset7 { margin-left: 62.70718232%; *margin-left: 62.60079934%; } .row-fluid .offset7:first-child { margin-left: 59.94475138%; *margin-left: 59.8383684%; } .row-fluid .offset6 { margin-left: 54.14364641%; *margin-left: 54.03726343%; } .row-fluid .offset6:first-child { margin-left: 51.38121547%; *margin-left: 51.27483249%; } .row-fluid .offset5 { margin-left: 45.5801105%; *margin-left: 45.47372752%; } .row-fluid .offset5:first-child { margin-left: 42.81767956%; *margin-left: 42.71129658%; } .row-fluid .offset4 { margin-left: 37.01657459%; *margin-left: 36.91019161%; } .row-fluid .offset4:first-child { margin-left: 34.25414365%; *margin-left: 34.14776067%; } .row-fluid .offset3 { margin-left: 28.45303867%; *margin-left: 28.3466557%; } .row-fluid .offset3:first-child { margin-left: 25.69060773%; *margin-left: 25.58422476%; } .row-fluid .offset2 { margin-left: 19.88950276%; *margin-left: 19.78311978%; } .row-fluid .offset2:first-child { margin-left: 17.12707182%; *margin-left: 17.02068884%; } .row-fluid .offset1 { margin-left: 11.32596685%; *margin-left: 11.21958387%; } .row-fluid .offset1:first-child { margin-left: 8.56353591%; *margin-left: 8.45715293%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (max-width: 767px) { body { padding-left: 20px; padding-right: 20px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-left: -20px; margin-right: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .media .pull-left, .media .pull-right { float: none; display: block; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; left: 10px; right: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (max-width: 979px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { overflow: hidden; height: 0; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } } @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } /* responsive.less */ /* stylelint-disable declaration-block-no-duplicate-properties, no-browser-hacks */ @media (min-width: 980px) { a[id]:empty::before, a[name]:empty::before { display: inline-block; position: relative; content: ''; padding-top: 40px; margin-top: -40px; vertical-align: top; } } @media (min-width: 980px) and (max-width: 1199px) { .form-item .form-label, .mform .fitem div.fitemtitle, .userprofile dl.list dt, .form-horizontal .control-label { width: 200px; } .form-item .form-setting, .form-item .form-description, .mform .fitem .felement, #page-mod-forum-search .c1, .mform .fdescription.required, .userprofile dl.list dd, .form-horizontal .controls { margin-left: 220px; } #page-mod-forum-search.dir-lrt .c1 { margin-right: 220px; } .path-admin .buttons, .form-buttons { padding-left: 220px; } } @media (max-width: 767px) { .file-picker .fp-repo-area { width: 100%; height: auto; max-height: 220px; float: none; border: 0; } .file-picker .fp-repo-items { width: 100%; float: none; margin-left: 0; } .file-picker .fp-login-form .fp-login-input label { text-align: left; } .file-picker .fp-content form td { display: block; width: 100%; text-align: left; } .fp-content .mdl-right { text-align: left; } .fp-repo-items .fp-navbar { border-top: 1px solid #bbbbbb; } .fp-formset div { height: auto; } } @media (min-width: 1200px) { .path-question #id_answerhdr div.fitem_feditor { padding-right: 6px; } .loginbox.twocolumns .loginpanel { margin-left: 0; } .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .signuppanel { width: 48.717948717948715%; *width: 48.664757228587014%; } .form-item .form-label, .mform .fitem div.fitemtitle, .userprofile dl.list dt, .form-horizontal .control-label { width: 245px; } .form-item .form-setting, .form-item .form-description, .mform .fitem .felement, #page-mod-forum-search .c1, .mform .fdescription.required, .userprofile dl.list dd, .form-horizontal .controls { margin-left: 265px; } .path-admin .buttons, .form-buttons { padding-left: 265px; } .empty-region-side-post.used-region-side-pre #region-main.span8, .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 { /** increase the span size by 1 **/ width: 74.35897436%; *width: 74.30578287%; } .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4, .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 { /** decrease the span size by 1 **/ width: 23.07692308%; *width: 23.02373159%; } } @media (min-width: 980px) { .loginbox.twocolumns .loginpanel { margin-left: 0; } .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .signuppanel { width: 48.617948717948715%; *width: 48.664757228587014%; } } @media (min-width: 768px) and (max-width: 979px) { .loginbox.twocolumns .loginpanel { margin-left: 0; } .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .signuppanel { width: 48.61878453038674%; *width: 48.56559304102504%; } .empty-region-side-post.used-region-side-pre #region-main.span8, .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 { /** increase the span size by 1 **/ width: 74.30939227%; *width: 74.25620078%; } .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4, .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 { /** decrease the span size by 1 **/ width: 22.9281768%; *width: 22.87498531%; } } @media (max-width: 767px) { .loginbox.twocolumns .loginpanel, .loginbox.twocolumns .signuppanel { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #page-mod-quiz-edit div.quizcontents, .questionbankwindow.block { width: 100%; float: none; } #page-mod-quiz-edit #block-region-side-pre, #page-mod-quiz-edit #block-region-side-post { clear: both; } } @media (max-width: 480px) { .navbar .mdl-popover .mdl-popover-container { position: fixed; width: 100%; height: calc(100% - 52px); top: 52px; } .navbar .mdl-popover .mdl-popover-container::before, .navbar .mdl-popover .mdl-popover-container::after { display: none; } .nav-tabs > li { float: none; } .nav-tabs > li > a { margin-right: 0; } .nav-tabs { border-bottom: 0; } .nav-tabs > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { border: 1px solid #ddd; } .nav-tabs > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .nav-tabs > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #ddd; z-index: 2; } .fp-content-center { display: block; } .course-content ul.topics li.section, .course-content ul.topics li.section .content, .course-content ul.weeks li.section .content, .course-content ul.weeks li.section, .course-content ul.section { margin-right: 0; margin-left: 0; padding: 0; } .activityinstance { display: block; } .editing .course-content .section .activity { margin-bottom: 0.2em; padding-bottom: 0.2em; border-bottom: thin solid #eee; } .course-content .section .activity .commands { text-align: right; } /** Handles display of the activity chooser on small screens **/ .jsenabled .choosercontainer #chooseform .alloptions { max-width: 100%; } .jsenabled .choosercontainer #chooseform .instruction, .jsenabled .choosercontainer #chooseform .typesummary { position: static; } .que .info { float: none; width: auto; } .que .content { margin: 0; } .path-mod-choice .horizontal .choices .option { display: block; } .path-mod-forum .forumsearch #search { width: 120px; } .path-mod-forum .forumheaderlist .picture { display: none; } } @media (min-width: 768px) { .row-fluid .desktop-first-column { margin-left: 0; } #page-navbar .breadcrumb-button { display: inline; } } @media (max-width: 767px) { .row-fluid .desktop-first-column { clear: both; } } @media (max-width: 767px) { .form-item .form-label, .mform .fitem div.fitemtitle { float: none; width: auto; padding-top: 0; text-align: left; } .form-item .form-label label { display: inline-block; margin-right: .5em; } .form-item .form-setting .form-checkbox { margin-top: 0; } .form-label span.form-shortname { display: inline-block; } .form-item .form-setting, .mform .fitem .felement, .path-backup .mform .fitem .felement, .mform .fdescription.required, .form-item .form-description { margin-left: 0; } table#form td.submit, .form-buttons, #fitem_id_submitbutton, .fp-content-center form + div, #fgroup_id_buttonar, .form-horizontal .form-actions, .fitem_fsubmit .felement.fsubmit { padding-left: 10px; padding-right: 10px; } #helppopupbox { /* stylelint-disable declaration-no-important */ width: auto !important; left: 0 !important; /* stylelint-enable declaration-no-important */ } } @media (min-width: 768px) and (max-width: 979px) { .block_calendar_month .content, .block .minicalendar td { padding-left: 0; padding-right: 0; } } @media (max-width: 979px) { .nav-collapse { height: 0; } .nav-collapse .nav > li > a { color: #333; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus, .nav-collapse .dropdown-submenu a:hover, .nav-collapse .dropdown-submenu a:focus, .nav-collapse .dropdown-submenu a:active, .nav-collapse .dropdown-menu > li > a:hover, .nav-collapse .dropdown-menu > li > a:focus, .nav-collapse .dropdown-submenu:hover > a, .nav-collapse .dropdown-submenu:focus > a { background-image: none; color: #333; } .nav-collapse.in { height: auto; } .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .toggle-display { display: none; } .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu { display: block; } .nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu li { margin: 0 0.5em; } .path-mod-data .box > table > tbody > tr > td { display: block; } .path-mod-forum .forumheaderlist thead .header { font-weight: normal; font-size: 12px; } .path-mod-forum .forumheaderlist .discussion .author, .path-mod-forum .forumheaderlist .discussion .replies, .path-mod-forum .forumheaderlist .discussion .lastpost { font-size: 12px; } .path-mod-forum .forumheaderlist .discussion .replies .unread a { padding: 0; } .navbar .nav-collapse.in { border-top: 1px solid #d4d4d4; } .navbar .nav-collapse.in.pull-left, .navbar .nav-collapse.in.pull-right { float: none; } .navbar .nav-collapse.in > .nav { margin: 0; } .navbar .nav-collapse.in > .nav > li > a { padding-left: 20px; border-radius: 0; } .navbar .nav-collapse.in > .nav .dropdown-menu { margin: 0 0 0 15px; } .navbar .nav-collapse.in > .nav .dropdown-menu li > a { border-radius: 0; } .navbar .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after, .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after { float: none; display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; border-top-color: #d4d4d4; margin-left: 4px; margin-top: 8px; } .navbar .nav-collapse.in .nav .dropdown-submenu.open > a, .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a { background-color: #f2f2f2; } .navbar .nav-collapse.in .nav .dropdown-submenu:hover .dropdown-menu, .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover .dropdown-menu { display: none; } .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > a, .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a { background-color: #f2f2f2; } .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > .dropdown-menu, .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > .dropdown-menu, .navbar .nav-collapse.in .nav .dropdown-submenu:hover.open .open > .dropdown-menu, .navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open .open > .dropdown-menu { display: block; } .navbar .nav-collapse.in .nav .divider, .navbar .nav-collapse.in .nav .dropdown-menu .divider { width: auto; display: block; height: 0; margin: 4px 1px; border-left: 0 none; border-right: 0 none; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #ffffff; } .navbar-inverse .nav-collapse.in { border-top-color: #252525; } .navbar-inverse .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after, .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after { border-top-color: #252525; } .navbar-inverse .nav-collapse.in .nav .dropdown-submenu.open > a, .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a { background-color: #111111; } .navbar-inverse .nav-collapse.in .nav .dropdown-submenu:hover.open > a, .navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a { background-color: #111111; } .navbar-inverse .nav-collapse.in .nav .divider, .navbar-inverse .nav-collapse.in .nav .dropdown-menu .divider { width: auto; display: block; height: 0; margin: 4px 1px; border-top: 1px solid #111111; border-bottom: 1px solid #515151; } .navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .nav > li > a:focus { color: #fff; } .navbar-inverse .nav-collapse.in .dropdown-menu a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:focus { color: #fff; } .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:focus { color: #fff; } .navbar-inverse .nav-collapse.in .dropdown-submenu a:hover, .navbar-inverse .nav-collapse.in .dropdown-submenu a:focus, .navbar-inverse .nav-collapse.in .dropdown-submenu a:active { color: #fff; } } @media (max-width: 767px) { .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext { display: none; } .jsenabled:not(.dir-rtl) .usermenu .moodle-actionmenu .toggle-display.textmenu { margin-left: 0; padding-left: 0; } .jsenabled.dir-rtl .usermenu .moodle-actionmenu .toggle-display.textmenu { margin-right: 0; padding-right: 0; } #filesskin .yui3-panel, #filesskin .file-picker.fp-generallayout { width: 100%; left: 0; } .userprofile dl.list dt { float: none; clear: none; width: auto; text-align: left; } .userprofile dl.list dd { margin-left: 0; } #page-mod-wiki-create .mform .fitem div.fitemtitle { float: left; } .container { width: auto; } .row-fluid { width: 100%; } .row-fluid .span8.pull-right, .row-fluid .span9.pull-right { float: none; } .row { margin-left: 0; } [class*="span"], .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4, .jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4, .empty-region-side-post.used-region-side-pre #region-main.span8, .jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 { width: 100%; *width: 99.94680851%; } .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } div[role=main] { margin-bottom: 1em; } .coursebox .info .name a { background-position: 0 13px; } .category-browse .coursebox .info .name a { background-position: 0 13px; } } @media (min-width: 1200px) and (max-width: 1600px) { #course-category-listings.columns-3 { background-color: transparent; border: 0; } #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing { width: 48.71794872%; *width: 48.66475723%; margin-left: 2.56410256%; *margin-left: 2.51091107%; } #course-category-listings.columns-3 #category-listing:first-child, #course-category-listings.columns-3 #course-listing:first-child { margin-left: 0; } #course-category-listings.columns-3 #course-detail { width: 100%; *width: 99.94680851%; margin: 1em 0 0; } } @media (max-width: 1199px) { .path-question #id_answerhdr div.fitem { padding-right: 6px; padding-left: 4px; } #course-category-listings.columns-3 { background-color: transparent; border: 0; } #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing, #course-category-listings.columns-3 #course-detail { width: 100%; *width: 99.94680851%; margin: 0 0 1em 0; } #page-mod-forum-discuss .discussioncontrols { text-align: right; } #page-mod-forum-discuss .discussioncontrols .discussioncontrol { float: none; width: auto; display: inline-block; margin: 0 3px 0.5em; } #page-mod-forum-discuss .discussioncontrols .discussioncontrol select, #page-mod-forum-discuss .discussioncontrols .discussioncontrol input { margin-bottom: 0; } #page-mod-forum-discuss .discussioncontrols .discussioncontrol.movediscussion { margin-right: 0; padding-right: 0; } } @media (max-width: 768px) { .fp-forminset .control-group .controls { margin-left: 0; } } body.behat-site .navbar-fixed-top { position: absolute; } .phpinfo table, .phpinfo th, .phpinfo h2 { margin: auto; } .phpinfo h2 { width: 600px; } .phpinfo .e, .phpinfo .v, .phpinfo .h { border: 1px solid #000; font-size: 0.8em; vertical-align: baseline; color: #000; background-color: #ccc; } .phpinfo .e { background-color: #ccf; font-weight: bold; } .phpinfo .h { background-color: #99c; font-weight: bold; } #page-footer .performanceinfo { margin: 10px 20%; } #page-footer .performanceinfo span { display: block; } #page-footer .validators { margin-top: 40px; padding-top: 5px; border-top: 1px dotted gray; } #page-footer .validators ul { margin: 0; padding: 0; list-style-type: none; } #page-footer .validators ul li { display: inline; margin-right: 10px; margin-left: 10px; } /** Cache stats styles **/ #page-footer .performanceinfo .cachesused { margin-top: 1em; } #page-footer .performanceinfo .cachesused .cache-stats-heading, #page-footer .performanceinfo .cachesused .cache-total-stats { font-weight: bold; font-size: 110%; margin-top: 0.3em; } #page-footer .performanceinfo .cachesused .cache-definition-stats { margin: .3em; display: inline-block; vertical-align: top; background-color: #f5f5f5; } #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading span { display: inline-block; cursor: default; } #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats { padding: 0 1.3em; } #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.nohits { background-color: #f2dede; } #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.lowhits { background-color: #fcf8e3; } #page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.hihits { background-color: #dff0d8; } #page-footer .performanceinfo li { list-style-type: none; } #page-footer, #page-footer .validators, #page-footer .purgecaches, #page-footer .performanceinfo { text-align: center; } /* stylelint-disable declaration-no-important */ table#explaincaps tbody > tr:nth-child(odd) > td, table#defineroletable tbody > tr:nth-child(odd) > td, table.grading-report tbody > tr:nth-child(odd) > td, table#listdirectories tbody > tr:nth-child(odd) > td, table.rolecaps tbody > tr:nth-child(odd) > td, table.userenrolment tbody > tr:nth-child(odd) > td, table#form tbody > tr:nth-child(odd) > td, form#movecourses table tbody > tr:nth-child(odd) > td, #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > td, .forumheaderlist tbody > tr:nth-child(odd) > td, table.flexible tbody > tr:nth-child(odd) > td, .generaltable tbody > tr:nth-child(odd) > td, table#explaincaps tbody > tr:nth-child(odd) > th, table#defineroletable tbody > tr:nth-child(odd) > th, table.grading-report tbody > tr:nth-child(odd) > th, table#listdirectories tbody > tr:nth-child(odd) > th, table.rolecaps tbody > tr:nth-child(odd) > th, table.userenrolment tbody > tr:nth-child(odd) > th, table#form tbody > tr:nth-child(odd) > th, form#movecourses table tbody > tr:nth-child(odd) > th, #page-admin-course-index .editcourse tbody > tr:nth-child(odd) > th, .forumheaderlist tbody > tr:nth-child(odd) > th, table.flexible tbody > tr:nth-child(odd) > th, .generaltable tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } table caption { font-size: 24px; font-weight: bold; line-height: 42px; text-align: left; } #page-report-loglive-index .generaltable th, #page-admin-report-log-index .generaltable th, #page-report-log-user .generaltable th, #page-admin-user table th, .environmenttable th, .category_subcategories th, .rcs-results th, table#listdirectories th, #page-report-loglive-index .generaltable td, #page-admin-report-log-index .generaltable td, #page-report-log-user .generaltable td, #page-admin-user table td, .environmenttable td, .category_subcategories td, .rcs-results td, table#listdirectories td { padding: 4px 5px; } .user-enroller-panel .uep-search-results .users tbody tr:hover > td, .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > td, table.grading-report tbody tr:hover > td, .forumheaderlist tbody tr:hover > td, .generaltable tbody tr:hover > td, table.flexible tbody tr:hover > td, .category_subcategories tbody tr:hover > td, table#modules tbody tr:hover > td, table#permissions tbody tr:hover > td, .user-enroller-panel .uep-search-results .users tbody tr:hover > th, .user-enroller-panel .uep-search-results .cohorts tbody tr:hover > th, table.grading-report tbody tr:hover > th, .forumheaderlist tbody tr:hover > th, .generaltable tbody tr:hover > th, table.flexible tbody tr:hover > th, .category_subcategories tbody tr:hover > th, table#modules tbody tr:hover > th, table#permissions tbody tr:hover > th { background-color: #f5f5f5; } div[id^="bar_pbar_"] { overflow: hidden !important; height: 20px !important; margin-bottom: 20px !important; background-color: #f7f7f7 !important; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)) !important; background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9) !important; background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9) !important; background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0) !important; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; border: none !important; } div[id^="progress_pbar_"] { height: 100% !important; color: #fff !important; float: left !important; font-size: 12px !important; text-align: center !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #0e90d2 !important; background-image: -moz-linear-gradient(top, #149bdf, #0480be) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)) !important; background-image: -webkit-linear-gradient(top, #149bdf, #0480be) !important; background-image: -o-linear-gradient(top, #149bdf, #0480be) !important; background-image: linear-gradient(to bottom, #149bdf, #0480be) !important; background-repeat: repeat-x !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0) !important; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-transition: width 0.6s ease !important; -moz-transition: width 0.6s ease !important; -o-transition: width 0.6s ease !important; transition: width 0.6s ease !important; padding-top: 0 !important; border: none !important; } input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type="submit"], td.submit input { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005aa8; background-image: -moz-linear-gradient(top, #0070a8, #0038a8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8)); background-image: -webkit-linear-gradient(top, #0070a8, #0038a8); background-image: -o-linear-gradient(top, #0070a8, #0038a8); background-image: linear-gradient(to bottom, #0070a8, #0038a8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0); border-color: #0038a8 #0038a8 #001e5c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0038a8; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } input.form-submit:hover, input#id_submitbutton:hover, input#id_submitbutton2:hover, .path-admin .buttons input[type="submit"]:hover, td.submit input:hover, input.form-submit:focus, input#id_submitbutton:focus, input#id_submitbutton2:focus, .path-admin .buttons input[type="submit"]:focus, td.submit input:focus, input.form-submit:active, input#id_submitbutton:active, input#id_submitbutton2:active, .path-admin .buttons input[type="submit"]:active, td.submit input:active, input.form-submit.active, input#id_submitbutton.active, input#id_submitbutton2.active, .path-admin .buttons input[type="submit"].active, td.submit input.active, input.form-submit.disabled, input#id_submitbutton.disabled, input#id_submitbutton2.disabled, .path-admin .buttons input[type="submit"].disabled, td.submit input.disabled, input.form-submit[disabled], input#id_submitbutton[disabled], input#id_submitbutton2[disabled], .path-admin .buttons input[type="submit"][disabled], td.submit input[disabled] { color: #fff; background-color: #0038a8; *background-color: #002f8f; } input.form-submit:active, input#id_submitbutton:active, input#id_submitbutton2:active, .path-admin .buttons input[type="submit"]:active, td.submit input:active, input.form-submit.active, input#id_submitbutton.active, input#id_submitbutton2.active, .path-admin .buttons input[type="submit"].active, td.submit input.active { background-color: #002775 \9; } input.form-submit .caret, input#id_submitbutton .caret, input#id_submitbutton2 .caret, .path-admin .buttons input[type="submit"] .caret, td.submit input .caret { border-top-color: #fff; border-bottom-color: #fff; } #notice .singlebutton + .singlebutton input, .submit.buttons input[name="cancel"] { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } #notice .singlebutton + .singlebutton input:hover, .submit.buttons input[name="cancel"]:hover, #notice .singlebutton + .singlebutton input:focus, .submit.buttons input[name="cancel"]:focus, #notice .singlebutton + .singlebutton input:active, .submit.buttons input[name="cancel"]:active, #notice .singlebutton + .singlebutton input.active, .submit.buttons input[name="cancel"].active, #notice .singlebutton + .singlebutton input.disabled, .submit.buttons input[name="cancel"].disabled, #notice .singlebutton + .singlebutton input[disabled], .submit.buttons input[name="cancel"][disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } #notice .singlebutton + .singlebutton input:active, .submit.buttons input[name="cancel"]:active, #notice .singlebutton + .singlebutton input.active, .submit.buttons input[name="cancel"].active { background-color: #cccccc \9; } #notice .singlebutton + .singlebutton input:first-child, .submit.buttons input[name="cancel"]:first-child { *margin-left: 0; } #notice .singlebutton + .singlebutton input:hover, .submit.buttons input[name="cancel"]:hover, #notice .singlebutton + .singlebutton input:focus, .submit.buttons input[name="cancel"]:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #notice .singlebutton + .singlebutton input:focus, .submit.buttons input[name="cancel"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #notice .singlebutton + .singlebutton input.active, .submit.buttons input[name="cancel"].active, #notice .singlebutton + .singlebutton input:active, .submit.buttons input[name="cancel"]:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } #notice .singlebutton + .singlebutton input.disabled, .submit.buttons input[name="cancel"].disabled, #notice .singlebutton + .singlebutton input[disabled], .submit.buttons input[name="cancel"][disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #notice .singlebutton + .singlebutton input .label, .submit.buttons input[name="cancel"] .label, #notice .singlebutton + .singlebutton input .badge, .submit.buttons input[name="cancel"] .badge { position: relative; top: -1px; } #notice .singlebutton + .singlebutton input, .submit.buttons input[name="cancel"] { margin: 0 0 10px 5px; } input[id$="_clearbutton"], input[type="reset"] { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } input[id$="_clearbutton"]:hover, input[type="reset"]:hover, input[id$="_clearbutton"]:focus, input[type="reset"]:focus, input[id$="_clearbutton"]:active, input[type="reset"]:active, input[id$="_clearbutton"].active, input[type="reset"].active, input[id$="_clearbutton"].disabled, input[type="reset"].disabled, input[id$="_clearbutton"][disabled], input[type="reset"][disabled] { color: #fff; background-color: #f89406; *background-color: #df8505; } input[id$="_clearbutton"]:active, input[type="reset"]:active, input[id$="_clearbutton"].active, input[type="reset"].active { background-color: #c67605 \9; } input[id$="_clearbutton"] .caret, input[type="reset"] .caret { border-top-color: #fff; border-bottom-color: #fff; } ul.indented-list { margin-left: 20px; } /* stylelint-disable declaration-no-important, block-no-empty */ .p-l-1 { padding-left: 14px !important; } .p-r-1 { padding-right: 14px !important; } .p-t-1 { padding-top: 14px !important; } .p-b-1 { padding-bottom: 14px !important; } .p-x-1 { padding-left: 14px !important; padding-right: 14px !important; } .p-y-1 { padding-top: 14px !important; padding-bottom: 14px !important; } .p-a-1 { padding: 14px !important; } .m-l-1 { margin-left: 14px !important; } .m-r-1 { margin-right: 14px !important; } .m-t-1 { margin-top: 14px !important; } .m-b-1 { margin-bottom: 14px !important; } .m-x-1 { margin-left: 14px !important; margin-right: 14px !important; } .m-y-1 { margin-top: 14px !important; margin-bottom: 14px !important; } .m-a-1 { margin: 14px !important; } .p-l-2 { padding-left: 28px !important; } .p-r-2 { padding-right: 28px !important; } .p-t-2 { padding-top: 28px !important; } .p-b-2 { padding-bottom: 28px !important; } .p-x-2 { padding-left: 28px !important; padding-right: 28px !important; } .p-y-2 { padding-top: 28px !important; padding-bottom: 28px !important; } .p-a-2 { padding: 28px !important; } .m-l-2 { margin-left: 28px !important; } .m-r-2 { margin-right: 28px !important; } .m-t-2 { margin-top: 28px !important; } .m-b-2 { margin-bottom: 28px !important; } .m-x-2 { margin-left: 28px !important; margin-right: 28px !important; } .m-y-2 { margin-top: 28px !important; margin-bottom: 28px !important; } .m-a-2 { margin: 28px !important; } .p-l-3 { padding-left: 42px !important; } .p-r-3 { padding-right: 42px !important; } .p-t-3 { padding-top: 42px !important; } .p-b-3 { padding-bottom: 42px !important; } .p-x-3 { padding-left: 42px !important; padding-right: 42px !important; } .p-y-3 { padding-top: 42px !important; padding-bottom: 42px !important; } .p-a-3 { padding: 42px !important; } .m-l-3 { margin-left: 42px !important; } .m-r-3 { margin-right: 42px !important; } .m-t-3 { margin-top: 42px !important; } .m-b-3 { margin-bottom: 42px !important; } .m-x-3 { margin-left: 42px !important; margin-right: 42px !important; } .m-y-3 { margin-top: 42px !important; margin-bottom: 42px !important; } .m-a-3 { margin: 42px !important; } .d-inline { display: inline !important; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .m-x-auto { margin-left: auto !important; margin-right: auto !important; } .btn-secondary { background-color: #fff; background-image: none; color: #000; } .tag-danger { background-color: #b94a48; } .tag-danger[href] { background-color: #953b39; } .tag-warning { background-color: #f89406; } .tag-warning[href] { background-color: #c67605; } .tag-success { background-color: #468847; } .tag-success[href] { background-color: #356635; } .tag-info { background-color: #3a87ad; } .tag-info[href] { background-color: #2d6987; } .tag-primary { background-color: #049cdb; } .tag-primary[href] { background-color: #0378a9; } .text-nowrap { white-space: nowrap !important; }