3 /** Page layout CSS starts **/
4 .layout-option-noheader #page-header,
5 .layout-option-nonavbar #page-navbar,
6 .layout-option-nofooter #page-footer,
7 .layout-option-nocourseheader .course-content-header,
8 .layout-option-nocoursefooter .course-content-footer {
12 .empty-region-side-pre #block-region-side-pre, // Pre region is empty.
13 .empty-region-side-post #block-region-side-post, // Post region is empty.
14 .jsenabled.docked-region-side-post #block-region-side-post, // All post blocks are docked.
15 .jsenabled.docked-region-side-pre #block-region-side-pre { // All pre blocks are docked.
19 // Size of default icons.
23 @icon-big-width: 64px;
24 @icon-big-height: 64px;
26 /* Default Three Columns - All
27 ------------------------------*/
35 .empty-region-side-pre {
36 &.used-region-side-post {
42 .empty-region-side-post {
43 &.used-region-side-pre {
50 &.docked-region-side-pre {
51 &.empty-region-side-pre {
52 &.used-region-side-post {
59 &.docked-region-side-post {
60 &.empty-region-side-post {
61 &.used-region-side-pre {
69 .empty-region-side-post.used-region-side-pre, // Post region is empty and pre region is in use.
70 .jsenabled.docked-region-side-post.used-region-side-pre { // All post blocks docked and pre region is in use.
72 /** Increase the span size by 1 **/
75 #block-region-side-pre.span4 {
76 /** Decrease the span size by 1 **/
81 /** Page layout CSS ends **/
92 direction: ltr !important; /* stylelint-disable-line declaration-no-important */
106 a.dimmed_text:visited,
110 .dimmed_text a:visited,
113 .usersuspended a:link,
114 .usersuspended a:visited,
125 .section li.activity,
126 .section li.movehere,
137 font-size: @fontSizeMini;
152 background: @infoBackground;
157 a.autolink.glossary:hover {
160 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
161 .collapsibleregioncaption {
164 .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
167 .collapsibleregioncaption img {
168 vertical-align: middle;
171 .jsenabled .hiddenifjs {
177 .jsenabled .visibleifjs {
180 .jsenabled .collapsibleregion {
183 .jsenabled .collapsed .collapsibleregioninner {
186 .collapsible-actions {
190 .jsenabled .collapsible-actions {
193 .collapsible-actions .collapseexpand {
195 background: url([[pix:t/collapsed]]) 2px center no-repeat;
198 .collapsible-actions .collapseexpand {
199 background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
202 .collapsible-actions .collapse-all {
203 background-image: url([[pix:t/expanded]]);
205 .yui-overlay .yui-widget-bd {
206 background-color: #ffee69;
207 border: 1px solid #a6982b;
208 border-top-color: #d4c237;
217 background: transparent;
229 .pagingbar .thispage {
240 .breadcrumb img.resize {
246 height: @icon-height;
247 vertical-align: text-bottom;
251 width: @icon-big-width;
252 height: @icon-big-height;
258 vertical-align: middle;
265 vertical-align: text-bottom;
280 vertical-align: middle;
286 vertical-align: middle;
289 vertical-align: text-bottom;
291 margin-bottom: .15em;
295 vertical-align: middle;
345 #addmembersform table {
349 table.flexible .emptyrow {
353 vertical-align: middle;
361 .arrow_button input {
364 .action-icon img.smallicon {
365 vertical-align: text-bottom;
369 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
374 .pagelayout-report .no-overflow {
377 .no-overflow > .generaltable {
380 // Accessibility features
382 // Accessibility: text 'seen' by screen readers but not visual users.
393 // Accessibility: Skip block link, for keyboard-only users.
399 text-decoration: none;
417 .blog_entry .audience {
424 .blog_entry .tags .action-icon img.smallicon {
428 .blog_entry .content {
440 #doc-contents ul li {
441 list-style-type: none;
443 .groupmanagementtable td {
446 .groupmanagementtable #existingcell,
447 .groupmanagementtable #potentialcell {
450 .groupmanagementtable #buttonscell {
453 .groupmanagementtable #buttonscell p.arrow_button input {
458 .groupmanagementtable #removeselect_wrapper,
459 .groupmanagementtable #addselect_wrapper {
462 .groupmanagementtable #removeselect_wrapper label,
463 .groupmanagementtable #addselect_wrapper label {
472 display: inline-block;
474 .groupselector label {
475 display: inline-block;
477 // Data format selector
478 .dataformatselector {
481 .dataformatselector label {
482 display: inline-block;
483 margin: 0 5px 10px 0;
493 .loginbox.twocolumns {
497 .loginbox .subcontent {
502 .loginbox .loginpanel .desc {
508 .loginbox .loginsub {
513 .loginbox .forgotsub {
516 .loginbox .loginform {
520 .loginbox .loginform .form-label {
526 .loginbox .loginform .form-input {
530 .loginbox .loginform .form-input input {
533 .loginbox .signupform {
537 .loginbox.twocolumns .loginpanel,
538 .loginbox.twocolumns .signuppanel {
543 .box-sizing(border-box);
546 margin-left: 2.76243%;
548 margin-bottom: -2000px;
549 padding-bottom: 2000px;
551 .loginbox .potentialidp {
552 margin-bottom: 0.3em;
554 .loginbox .potentialidp .smallicon {
555 vertical-align: text-bottom;
563 .notepost .userpicture {
575 .path-my .coursebox .overview {
576 margin: 15px 30px 10px 30px;
578 .path-my .coursebox .info {
606 .comment-area textarea {
610 -webkit-box-sizing: border-box;
611 -moz-box-sizing: border-box;
612 box-sizing: border-box;
622 vertical-align: text-bottom;
639 .comment-list li.first {
645 .comment-paging .pageno {
648 .comment-paging .curpage {
649 border: 1px solid #ccc;
651 .comment-message .picture {
655 .comment-message .text {
659 .comment-message .text p {
669 .comment-report-selectall {
675 .jsenabled .comment-link {
678 .jsenabled .showcommentsnonjs {
681 .jsenabled .comment-report-selectall {
685 * Completion progress report
687 .completion-expired {
688 background: @errorBackground;
690 .completion-expected {
691 font-size: @fontSizeMini;
693 .completion-sortchoice,
694 .completion-identifyfield {
695 font-size: @fontSizeMini;
696 vertical-align: bottom;
698 .completion-progresscell {
701 .completion-expired .completion-expected {
716 .path-tag .tag-index-items .tagarea {
717 border: 1px solid #e3e3e3;
723 .path-tag .tag-index-items .tagarea h3 {
725 padding: 3px 0 10px 0;
731 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
732 text-transform: uppercase;
733 word-wrap: break-word;
734 border-bottom: solid 1px #e3e3e3;
738 .path-tag .tagarea .controls,
739 .path-tag .tagarea .taggeditems {
742 .path-tag .tagarea .controls,
743 .path-tag .tag-backtoallitems {
746 .path-tag .tagarea .controls .gotopage.nextpage {
749 .path-tag .tagarea .controls .gotopage.prevpage {
752 .path-tag .tagarea .controls .exclusivemode {
753 display: inline-block;
755 .path-tag .tagarea .controls.controls-bottom {
758 .path-tag .tagarea .controls .gotopage.nextpage::after {
767 .path-tag .tagarea .controls .gotopage.prevpage::before {
783 .tag-management-table td,
784 .tag-management-table th {
785 vertical-align: middle;
788 .tag-management-table .inplaceeditable.inplaceeditingon input {
791 .path-admin-tag .addstandardtags {
797 .path-tag .tag-relatedtags {
800 .path-tag .tag-management-box {
803 .path-tag .tag-index-toc {
807 .path-tag .tag-index-toc li,
808 .path-tag .tag-management-box li {
812 .path-tag .tag-management-box li a.edittag {
813 background-image: url([[pix:moodle|i/settings]]);
815 .path-tag .tag-management-box li a.flagasinappropriate {
816 background-image: url([[pix:moodle|i/flagged]]);
818 .path-tag .tag-management-box li a.removefrommyinterests {
819 background-image: url([[pix:moodle|t/delete]]);
821 .path-tag .tag-management-box li a.addtomyinterests {
822 background-image: url([[pix:moodle|t/add]]);
824 .path-tag .tag-management-box li a {
825 background-repeat: no-repeat;
826 background-position: left;
829 .tag_feed.media-list .media .itemimage {
832 .tag_feed.media-list .media .itemimage img {
836 .tag_feed.media-list .media .media-body {
840 .tag_feed .media .muted a {
846 .tag_cloud .inline-list li {
849 .tag_cloud .tag_overflow {
919 .tag_list.hideoverlimit .overlimit {
922 .tag_list .tagmorelink {
925 .tag_list.hideoverlimit .tagmorelink {
928 .tag_list.hideoverlimit .taglesslink {
935 #webservice-doc-generator td {
937 border: 0 solid black;
943 #page-admin-registration-register .registration_textfield {
951 border-collapse: collapse;
960 .userenrolment .subfield {
963 .userenrolment .col_userdetails .subfield {
966 .userenrolment .col_userdetails .subfield_picture {
970 .userenrolment .col_lastseen {
973 .userenrolment .col_role {
976 .userenrolment .col_role .roles,
977 .userenrolment .col_group .groups {
980 .userenrolment .col_role .role {
986 .userenrolment .col_group .group {
992 .userenrolment .col_role .role a,
993 .userenrolment .col_group .group a {
997 .userenrolment .col_role .addrole,
998 .userenrolment .col_group .addgroup {
1003 border-bottom: 1px solid #666;
1006 .userenrolment .col_role .addrole img,
1007 .userenrolment .col_group .addgroup img {
1008 vertical-align: baseline;
1011 .userenrolment .hasAllRoles .col_role .addrole {
1015 .userenrolment .col_enrol .enrolment {
1020 .userenrolment .col_enrol .enrolment a {
1025 .enrol_user_buttons {
1039 display: inline-block;
1041 display: inline-block;
1042 line-height: @baseLineHeight * 2;
1044 white-space: nowrap;
1047 line-height: @baseLineHeight;
1048 padding-right: .3em;
1072 .user-enroller-panel .uep-search-results .user .details {
1075 .user-enroller-panel .uep-search-results .cohort .details {
1080 #page-enrol-users .enrol-users-page-action input {
1085 background-color: #ccc;
1103 display: table-cell;
1105 .label .mod-indent {
1110 /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
1111 @mod-indent-size: 30px;
1112 @mod-indent-levels: 16;
1113 .mod-indent-generate(@n, @i: 1) when (@i =< @n) {
1115 width: (@i * @mod-indent-size);
1117 .mod-indent-generate(@n, (@i + 1));
1119 .mod-indent-generate(@n, @i: 1) when (@i = @n) {
1121 width: (@i * @mod-indent-size);
1124 .mod-indent-generate(@mod-indent-levels);
1126 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1127 .resourcecontent .mediaplugin_mp3 object {
1131 .resourcecontent audio.mediaplugin_html5audio {
1134 /** Large resource images should avoid hidden overflow **/
1138 /* Audio player size in 'inline' mode (can only change width, as above) */
1139 .mediaplugin_mp3 object {
1143 audio.mediaplugin_html5audio {
1146 /* TinyMCE moodle media preview frame should not have padding */
1147 .core_media_preview.pagelayout-embedded #content {
1150 .core_media_preview.pagelayout-embedded #maincontent {
1153 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
1159 /** Fix YUI 2 Treeview for Right to left languages **/
1174 .dir-rtl .ygtvdepthcell,
1176 .dir-rtl .ygtvok:hover,
1177 .dir-rtl .ygtvcancel,
1178 .dir-rtl .ygtvcancel:hover {
1181 background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1182 background-repeat: no-repeat;
1186 background-position: 0 -5600px;
1189 background-position: 0 -4000px;
1192 .dir-rtl .ygtvtmhh {
1193 background-position: 0 -4800px;
1196 background-position: 0 -6400px;
1199 .dir-rtl .ygtvtphh {
1200 background-position: 0 -7200px;
1203 background-position: 0 -1600px;
1206 background-position: 0 0;
1209 .dir-rtl .ygtvlmhh {
1210 background-position: 0 -800px;
1213 background-position: 0 -2400px;
1216 .dir-rtl .ygtvlphh {
1217 background-position: 0 -3200px;
1219 .dir-rtl .ygtvdepthcell {
1220 background-position: 0 -8000px;
1223 background-position: 0 -8800px;
1225 .dir-rtl .ygtvok:hover {
1226 background-position: 0 -8844px;
1228 .dir-rtl .ygtvcancel {
1229 background-position: 0 -8822px;
1231 .dir-rtl .ygtvcancel:hover {
1232 background-position: 0 -8866px;
1234 .dir-rtl.yui-skin-sam .yui-panel .hd {
1237 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1240 /** Fix TinyMCE editor right to left **/
1241 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
1242 .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1245 .dir-rtl .o2k7Skin table,
1246 .dir-rtl .o2k7Skin tbody,
1247 .dir-rtl .o2k7Skin a,
1248 .dir-rtl .o2k7Skin img,
1249 .dir-rtl .o2k7Skin tr,
1250 .dir-rtl .o2k7Skin div,
1251 .dir-rtl .o2k7Skin td,
1252 .dir-rtl .o2k7Skin iframe,
1253 .dir-rtl .o2k7Skin span,
1254 .dir-rtl .o2k7Skin *,
1255 .dir-rtl .o2k7Skin .mceText,
1256 .dir-rtl .o2k7Skin .mceListBox .mceText {
1259 .path-rating .ratingtable {
1263 .path-rating .ratingtable th.rating {
1266 .path-rating .ratingtable td.rating,
1267 .path-rating .ratingtable td.time {
1268 white-space: nowrap;
1277 display: inline-block;
1281 text-overflow: ellipsis;
1282 white-space: nowrap;
1290 text-overflow: ellipsis;
1291 white-space: nowrap;
1300 display: inline-block;
1301 white-space: nowrap;
1312 display: inline-block;
1318 background: @paginationBackground;
1320 border-color: @paginationBorder;
1321 border-style: solid;
1326 background-color: @linkColor;
1331 /* Moodle Dialogue Settings (moodle-core-dialogue) */
1332 .moodle-dialogue-base .moodle-dialogue-lightbox {
1333 background-color: #aaa;
1335 .moodle-dialogue-base .hidden,
1336 .moodle-dialogue-base .moodle-dialogue-hidden {
1342 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1349 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1352 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1355 background-size: 100%;
1357 .moodle-dialogue-base .moodle-dialogue {
1363 outline: #000 dotted 0;
1365 .moodle-dialogue-base .moodle-dialogue-wrap {
1368 background-color: #fff;
1369 border: 1px solid #ccc;
1370 .border-radius(10px);
1371 .box-shadow(5px 5px 20px 0 #666);
1373 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1374 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1378 font-weight: normal;
1379 letter-spacing: 1px;
1382 text-shadow: 1px 1px 1px #fff;
1383 .border-radius(10px 10px 0 0);
1384 border-bottom: 1px solid #bbb;
1386 #gradient > .vertical(#fff, #ccc);
1389 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1395 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1398 .moodle-dialogue-base .closebutton {
1402 display: inline-block;
1405 background-image: url([[pix:theme|sprite]]);
1406 background-repeat: no-repeat;
1409 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1415 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1420 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1425 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1435 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1436 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1439 .moodle-dialogue-confirm .confirmation-dialogue {
1442 .moodle-dialogue-confirm .confirmation-dialogue input {
1445 .moodle-dialogue-exception .moodle-exception-message {
1448 .moodle-dialogue-exception .moodle-exception-param label {
1451 .moodle-dialogue-exception .param-stacktrace label {
1452 background-color: #eee;
1453 border: 1px solid #ccc;
1454 border-bottom-width: 0;
1456 .moodle-dialogue-exception .param-stacktrace pre {
1457 border: 1px solid #ccc;
1458 background-color: #fff;
1460 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1462 font-size: @fontSizeSmall;
1464 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1466 font-size: @fontSizeSmall;
1468 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1471 border-bottom: 1px solid #eee;
1473 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1477 background-color: #fff;
1480 .moodle-dialogue-confirm .confirmation-message {
1483 .moodle-dialogue-confirm .confirmation-dialogue input {
1486 .moodle-dialogue-exception .moodle-exception-message {
1489 .moodle-dialogue-exception .moodle-exception-param {
1490 margin-bottom: 0.5em;
1492 .moodle-dialogue-exception .moodle-exception-param label {
1495 .moodle-dialogue-exception .param-stacktrace label {
1500 .moodle-dialogue-exception .param-stacktrace pre {
1505 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1506 display: inline-block;
1509 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1510 display: inline-block;
1514 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1517 padding-bottom: 4px;
1519 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1525 background-color: white;
1529 /* Apply a default max-height on tooltip text */
1530 .moodle-dialogue .tooltiptext {
1534 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1537 .moodle-dialogue-bd {
1543 * Chooser Dialogues (moodle-core-chooserdialogue)
1545 * This CSS belong to the chooser dialogue which should work both with, and
1546 * without javascript enabled
1548 /* Hide the dialog and it's title */
1549 .chooserdialoguebody,
1553 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1556 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1558 background: #f2f2f2;
1559 .border-bottom-radius(10px);
1561 /* Center the submit buttons within the area */
1562 .choosercontainer #chooseform .submitbuttons {
1566 /* Fixed for safari browser on iPhone4S with ios7.*/
1567 @media (max-height: 639px) {
1568 .ios.safari .choosercontainer #chooseform .submitbuttons {
1572 .choosercontainer #chooseform .submitbuttons input {
1576 /* Various settings for the options area */
1577 .choosercontainer #chooseform .options {
1579 border-bottom: 1px solid #bbb;
1581 /* Only set these options if we're showing the js container */
1582 .jschooser .choosercontainer #chooseform .alloptions {
1586 .box-shadow(inset 0 0 30px 0 #ccc);
1589 display: inline-block;
1592 display: inline-block;
1595 display: inline-block;
1601 /* Settings for option rows and option subtypes */
1602 .choosercontainer #chooseform .moduletypetitle,
1603 .choosercontainer #chooseform .option,
1604 .choosercontainer #chooseform .nonoption {
1606 padding: 0 1.6em 0 1.6em;
1608 .choosercontainer #chooseform .moduletypetitle {
1609 text-transform: uppercase;
1611 padding-bottom: 0.4em;
1613 .choosercontainer #chooseform .option .typename,
1614 .choosercontainer #chooseform .option span.modicon img.icon,
1615 .choosercontainer #chooseform .nonoption .typename,
1616 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1617 padding: 0 0 0 0.5em;
1620 .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1621 .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1625 .choosercontainer #chooseform .option input[type=radio],
1626 .choosercontainer #chooseform .option span.typename,
1627 .choosercontainer #chooseform .option span.modicon {
1628 vertical-align: middle;
1630 .choosercontainer #chooseform .option label {
1632 padding: 0.3em 0 0.1em 0;
1633 border-bottom: 1px solid #fff;
1635 .choosercontainer #chooseform .nonoption {
1636 padding-left: 2.7em;
1638 padding-bottom: 0.1em;
1640 .choosercontainer #chooseform .subtype {
1642 padding: 0 1.6em 0 3.2em;
1644 .choosercontainer #chooseform .subtype .typename {
1645 margin: 0 0 0 0.2em;
1648 /* The instruction/help area */
1649 .jschooser .choosercontainer #chooseform .instruction,
1650 .jschooser .choosercontainer #chooseform .typesummary {
1659 background-color: #fff;
1665 /* Selected option settings */
1666 .jschooser .choosercontainer #chooseform .instruction,
1667 .choosercontainer #chooseform .selected .typesummary {
1670 .choosercontainer #chooseform .selected {
1671 background-color: #fff;
1672 .box-shadow(0px 0 10px 0 #ccc);
1674 .section-modchooser-link img.smallicon {
1677 /* Form element: listing */
1679 padding-bottom: 25px;
1680 padding-right: 10px;
1682 .formlistinginputradio {
1691 padding: 1px 19px 14px;
1692 background-color: white;
1693 border: 1px solid #ddd;
1694 .border-radius(4px);
1704 background-color: #f5f5f5;
1705 border: 1px solid #ddd;
1707 .border-radius(4px 0 4px 0);
1712 .border-radius(4px);
1716 border-bottom: 1px solid;
1717 border-color: #e1e1e8;
1718 border-left: 1px solid #e1e1e8;
1719 border-right: 1px solid #e1e1e8;
1720 background-color: #f7f7f9;
1721 .border-radius(0 0 4px 4px);
1729 body.jsenabled .formlistingradio {
1732 body.jsenabled .formlisting {
1742 table.collection td.name {
1744 vertical-align: middle;
1746 table.collection td.awards {
1749 vertical-align: middle;
1751 table.collection td.criteria {
1754 vertical-align: top;
1756 table.collection td.status {
1759 vertical-align: middle;
1761 table.collection td.description {
1765 table.collection td.actions {
1768 vertical-align: middle;
1774 div.criteria-description {
1777 background: none repeat scroll 0 0 #f9f9f9;
1778 border: 1px solid #eee;
1786 display: inline-block;
1789 vertical-align: top;
1792 .badges li .badge-name {
1799 .badges li .badge-image {
1806 .badges li .badge-actions {
1809 .badges li .expireimage {
1820 background-color: transparent;
1825 display: inline-block;
1826 vertical-align: top;
1848 display: inline-block;
1858 vertical-align: top;
1863 display: inline-block;
1868 display: inline-block;
1875 vertical-align: top;
1878 color: @successText;
1884 color: @warningText;
1886 #page-badges-award .recipienttable tr td {
1887 vertical-align: top;
1889 #page-badges-award .recipienttable tr td.actions .actionbutton {
1894 #page-badges-award .recipienttable tr td.existing,
1895 #page-badges-award .recipienttable tr td.potential {
1899 #issued-badge-table .activatebadge {
1900 display: inline-block;
1903 background-color: @successBackground;
1905 .statusbox.inactive {
1906 background-color: @warningBackground;
1913 .statusbox .activatebadge {
1914 display: inline-block;
1916 .statusbox .activatebadge input[type=submit] {
1922 vertical-align: middle;
1924 img#persona_signin {
1930 .invisiblefieldset {
1937 margin-bottom: 10px;
1939 .breadcrumb-button .singlebutton div {
1942 .breadcrumb-nav .breadcrumb {
1946 /** Header-bar styles **/
1947 .page-context-header {
1948 // We need to be explicit about the height of the header.
1949 @pageHeaderHeight: 140px;
1951 // Do not remove these rules.
1955 .page-header-headings {
1959 .page-header-image {
1962 .page-header-headings {
1964 margin-bottom: 10px;
1971 .page-header-headings,
1972 .header-button-group {
1975 vertical-align: middle;
1978 .header-button-group {
1984 // Don't touch it unless you know exactly what you are doing.
1990 .page-context-header {
1991 .page-header-image {
1996 .header-button-group {
2001 /** Action menu component styles **/
2003 .moodle-actionmenu > ul,
2004 .moodle-actionmenu > ul > li {
2005 display: inline-block;
2008 .moodle-actionmenu ul {
2011 list-style-type: none;
2014 .section_action_menu .moodle-actionmenu ul.menubar {
2018 .section_action_menu .moodle-actionmenu ul.menu {
2019 margin: 0 10px 10px 0;
2022 .moodle-actionmenu .toggle-display,
2023 .moodle-actionmenu .menu-action-text {
2024 display: none; /** Hidden by default, display none so that we don't take up space. **/
2028 .moodle-actionmenu[data-enhance] {
2034 display: inline; /** JS is enabled, we'll be using it so return display to normal **/
2037 .toggle-display.textmenu {
2046 margin: 4px 4px 4px 0;
2047 padding: 8px 4px 0 2px;
2048 vertical-align: text-bottom;
2054 border-top-color: @navbarLinkColor;
2057 border-top-color: @navbarLinkColorActive;
2062 .moodle-actionmenu[data-enhanced] {
2072 .moodle-actionmenu[data-enhanced].show {
2081 background-color: @dropdownBackground;
2082 border: 1px solid @dropdownBorder;
2084 .border-radius(5px);
2085 .box-shadow(5px 5px 20px 0 #666);
2089 color: @dropdownLinkColor;
2090 padding: 6px 1em 6px 1em;
2092 color: @dropdownLinkColorHover;
2093 background-color: @dropdownLinkBackgroundHover;
2096 .border-top-radius(4px);
2099 .border-bottom-radius(4px);
2106 vertical-align: middle;
2110 margin: 4px 4px 4px -24px;
2117 /** bottom left of button **/
2135 /** bottom right of button **/
2155 /** top left of button **/
2177 /** top right of button **/
2201 /** no wrap is set - prevent menu items from wrapping **/
2202 &.nowrap-items .menu > li {
2203 white-space: nowrap;
2207 .block .moodle-actionmenu {
2211 ul.dragdrop-keyboard-drag li {
2212 list-style-type: none;
2215 .block-control-actions .moodle-core-dragdrop-draghandle img {
2222 text-decoration: none;
2232 .progressbar_container {
2237 /* IE10 only fix for calendar titling */
2238 .ie10 .yui3-calendar-header-label {
2239 display: inline-block;
2251 // Active tabs with links should have a different
2252 // cursor to indicate they are clickable.
2253 .nav-tabs > .active > a[href],
2254 .nav-tabs > .active > a[href]:hover,
2255 .nav-tabs > .active > a[href]:focus {
2261 &.inplaceeditingon {
2266 font-weight: normal;
2271 white-space: nowrap;
2277 vertical-align: text-bottom;
2286 .quickediticon img {
2292 text-decoration: inherit;
2295 &:hover .quickeditlink .quickediticon img,
2296 .quickeditlink:focus .quickediticon img {
2300 &.inplaceeditable-toggle .quickediticon {
2305 h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
2317 .chart-output-htmltable caption {
2318 white-space: nowrap;
2320 /** When accessible, we display the table only. */
2322 .chart-table-expand {
2332 .hover-tooltip-container {
2341 top: ~"calc(-50% - 5px)";
2342 transform: translate(-50%, -50%);
2343 background-color: #fff;
2344 border: 1px solid rgba(0, 0, 0, .2);
2345 border-radius: .3rem;
2346 box-sizing: border-box;
2348 white-space: nowrap;
2349 transition: opacity 0.15s, visibility 0.15s;
2354 display: inline-block;
2355 border-left: 8px solid transparent;
2356 border-right: 8px solid transparent;
2357 border-top: 8px solid rgba(0, 0, 0, .2);
2360 left: ~"calc(50% - 8px)";
2365 display: inline-block;
2366 border-left: 7px solid transparent;
2367 border-right: 7px solid transparent;
2368 border-top: 7px solid #fff;
2371 left: ~"calc(50% - 7px)";
2379 visibility: visible;
2380 transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;