// Printing.
@media print {
- a[href]:after {
- content: "";
- }
+ a[href]:after {
+ content: "";
+ }
}
// Bootstrap's calculation of blocks within a fluid grid. Copied from their grid code.
vertical-align: sub;
}
.dropdown-backdrop {
- position: static;
+ position: static;
}
.empty-region-side-post.used-region-side-pre, // Post region is empty and pre region is in use.
.jsenabled.docked-region-side-post.used-region-side-pre { // All post blocks docked and pre region is in use.
#region-main.span8 {
- /** Increase the span size by 1 **/
+ /** Increase the span size by 1 **/
.fluid-span(9);
}
#block-region-side-pre.span4 {
- /** Decrease the span size by 1 **/
+ /** Decrease the span size by 1 **/
.fluid-span(3);
}
}
h4 img.iconhelp, h4 img.icon,
h5 img.iconhelp, h5 img.icon,
h6 img.iconhelp, h6 img.icon {
- vertical-align: middle;
- padding: 4px;
+ vertical-align: middle;
+ padding: 4px;
}
.dir-rtl img.iconhelp, .dir-rtl .helplink img {
padding-right: 3px;
margin-bottom: 0;
}
}
- .user-enroller-panel .uep-search-results .user .details {
- width: 237px;
- }
- .user-enroller-panel .uep-search-results .cohort .details {
- width: 237px;
- }
+ .user-enroller-panel .uep-search-results .user .details {
+ width: 237px;
+ }
+ .user-enroller-panel .uep-search-results .cohort .details {
+ width: 237px;
+ }
}
.dir-rtl {
&#page-enrol-users {
display: table-cell;
}
.label .mod-indent {
- float:left;
- padding-top:20px
+ float:left;
+ padding-top:20px
}
/* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
/* The instruction/help area */
.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary {
- display: none;
+ display: none;
position: absolute;
top: 0;
right: 0;
color: #808080;
}
body.lockscroll {
- height: 100%;
- overflow: hidden;
+ height: 100%;
+ overflow: hidden;
}
.dir-rtl {
dd:before,
dd:after {
- display: block;
- content: " ";
+ display: block;
+ content: " ";
}
dd:after {
- clear: both;
+ clear: both;
}
// Active tabs with links should have a different
.dimmed {
img.activityicon {
- opacity: 0.5;
- filter: alpha(opacity=50);
+ opacity: 0.5;
+ filter: alpha(opacity=50);
}
}
}
}
.label {
- .contentwithoutlink,
- .activityinstance {
- padding-right: 32px;
- display: block;
- height: inherit;
- }
-
- .mod-indent-outer {
- padding-left: 24px;
- display: block;
- }
+ .contentwithoutlink,
+ .activityinstance {
+ padding-right: 32px;
+ display: block;
+ height: inherit;
+ }
+
+ .mod-indent-outer {
+ padding-left: 24px;
+ display: block;
+ }
}
.filler {
.moodle-actionmenu[data-enhanced] {
.menu {
img {
- width: 12px;
- height: 12px;
+ width: 12px;
+ height: 12px;
}
}
}
display:inline-block;
}
> .moodle-actionmenu .menu a {
- padding-left:1rem;
+ padding-left:1rem;
}
.moodle-actionmenu:not([data-enhanced]) {
li {line-height:normal;}
}
> .firstpage .listitem:first-child > div .item-actions .action-moveup,
> .lastpage .listitem:last-child > div .item-actions .action-movedown {
- display: none;
+ display: none;
}
.bulk-action-checkbox {
margin:-2px 6px 0 0;
}
&:first-child > div .item-actions .action-moveup,
&:last-child > div .item-actions .action-movedown {
- display: none;
+ display: none;
}
}
.course-count {
margin-right:0.5em;
margin-left: 0;
> .ba-checkbox {
- margin:-1px 0 0 0.5em;
+ margin:-1px 0 0 0.5em;
}
}
margin:-2px 0 0 6px;
}
}
- .detail-pair {
+ .detail-pair {
> * {
float: right;
margin-right: 0;
float:right;
line-height:40px;
> div {
- margin-left:1em;
- margin: 10px 0;
- display:inline-block;
+ margin-left:1em;
+ margin: 10px 0;
+ display:inline-block;
}
}
select {
// language editing progress bar
// copied in because the styles are set on the HTML
div[id^="bar_pbar_"] {
- overflow: hidden !important;
- height: @baseLineHeight !important;
- margin-bottom: @baseLineHeight !important;
- #gradient > .vertical(#f5f5f5, #f9f9f9) !important;
- .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)) !important;
- .border-radius(@baseBorderRadius) !important;
- border: none !important;
+ overflow: hidden !important;
+ height: @baseLineHeight !important;
+ margin-bottom: @baseLineHeight !important;
+ #gradient > .vertical(#f5f5f5, #f9f9f9) !important;
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)) !important;
+ .border-radius(@baseBorderRadius) !important;
+ border: none !important;
}
div[id^="progress_pbar_"] {
- height: 100% !important;
- color: @white !important;
- float: left !important;
- font-size: 12px !important;
- text-align: center !important;
- text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
- #gradient > .vertical(#149bdf, #0480be) !important;
- .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)) !important;
- .box-sizing(border-box) !important;
- .transition(width .6s ease) !important;
- padding-top: 0 !important;
- border: none !important;
+ height: 100% !important;
+ color: @white !important;
+ float: left !important;
+ font-size: 12px !important;
+ text-align: center !important;
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
+ #gradient > .vertical(#149bdf, #0480be) !important;
+ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)) !important;
+ .box-sizing(border-box) !important;
+ .transition(width .6s ease) !important;
+ padding-top: 0 !important;
+ border: none !important;
}
// colored buttons
input.form-submit,
- // File Picker and File Manager
+// File Picker and File Manager
.filemanager,
.filepicker,
.file-picker {
line-height: 20px;
}
- .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
+.moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
padding: 0px;
}
line-height: inherit;
}
}
- .fp-forminset {
+.fp-forminset {
max-width: 400px;
padding: 0 10px;
.control-group.control-radio {
}
.control-group {
label.control-label {
- width: 105px;
+ width: 105px;
}
label.control-radio {
float: right;
}
}
.controls.control-radio input {
- margin-top: 3px;
+ margin-top: 3px;
}
}
.fp-select-buttons {
margin-bottom: 0;
}
.dir-rtl .form-item .form-label label {
- text-align:left;
+ text-align:left;
}
.felement.ffilepicker {
margin-top: 5px;
}
-
/**
* 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.
cursor: pointer;
}
}
- }
+}
/**
* User report.
margin-right: 20px;
}
.message .messagearea .messagehistory .messageactive {
- background-color: @tableBackgroundHover;
+ background-color: @tableBackgroundHover;
}
.message .messagearea .messagehistory .messagecontent .deleteicon {
width: 20px;
// Override hardcoded forum modules styling
.forumsearch input[type=text] {
- margin-bottom: 0 !important;
+ margin-bottom: 0 !important;
}
#page-mod-forum-discuss .discussioncontrols {
}
}
.dir-rtl .dropdown-submenu > .dropdown-menu {
- .border-radius(6px 0px 6px 6px);
+ .border-radius(6px 0px 6px 6px);
}
.path-mod-survey {
.surveytable {
- > tbody > tr:nth-of-type(odd) {background-color: @tableBackground;}
- > tbody > tr:nth-of-type(even) {background-color: @tableBackgroundAccent;}
+ > tbody > tr:nth-of-type(odd) {background-color: @tableBackground;}
+ > tbody > tr:nth-of-type(even) {background-color: @tableBackgroundAccent;}
.rblock label {text-align: center;}
}
.resultgraph, .reportsummary, .studentreport, .reportbuttons, .centerpara {
overflow-y: auto;
max-height: 400px;
max-height: calc(100vh - 15em);
- /* 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. */
+ /* 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%;
}
border-color: @borderColor;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
&:focus {
- border-color: darken(@borderColor, 10%);
- @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
- .box-shadow(@shadow);
+ border-color: darken(@borderColor, 10%);
+ @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
+ .box-shadow(@shadow);
}
}
}
.formulation select.correct,
.formulation input.correct {
- .answerState(@successText, @successBackground);
+ .answerState(@successText, @successBackground);
}
.formulation select.partiallycorrect,
.formulation input.partiallycorrect {
- .answerState(@warningText, @warningBackground);
+ .answerState(@warningText, @warningBackground);
}
.formulation select.incorrect,
.formulation input.incorrect {
- .answerState(@errorText, @errorBackground);
+ .answerState(@errorText, @errorBackground);
}
.que .grading,
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
width: 48.717948717948715%;
- *width: 48.664757228587014%;
- }
+ *width: 48.664757228587014%;
+ }
// Wider form labels.
.form-item .form-label,
.mform .fitem div.fitemtitle,
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
width: 48.617948717948715%;
- *width: 48.664757228587014%;
- }
+ *width: 48.664757228587014%;
+ }
}
@media (min-width: 768px) and (max-width: 979px) {
// Login page.
.loginbox.twocolumns .loginpanel {
- margin-left: 0;
+ margin-left: 0;
}
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
}
@media (max-width: 767px) {
- .loginbox.twocolumns .loginpanel,
- .loginbox.twocolumns .signuppanel {
- display: block;
- float: none;
- width: 100%;
- margin-left: 0;
- .box-sizing(border-box);
- }
- #page-mod-quiz-edit div.quizcontents,
+ .loginbox.twocolumns .loginpanel,
+ .loginbox.twocolumns .signuppanel {
+ display: block;
+ float: none;
+ width: 100%;
+ margin-left: 0;
+ .box-sizing(border-box);
+ }
+ #page-mod-quiz-edit div.quizcontents,
.questionbankwindow.block {
width: 100%;
float: none;
clear: both;
}
- }
+}
@media (max-width: 480px) {
// make tabs act like nav-stacked
// Stuart's 2,1,3 layout
@media (min-width : 768px) {
- .row-fluid .desktop-first-column {
- margin-left: 0;
- }
- #page-navbar .breadcrumb-button {
- display: inline;
- }
+ .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;
- }
+ .row-fluid .desktop-first-column {
+ clear: both;
+ }
}
// Forms
@media (max-width: 767px) {
- // Remove the horizontal form styles
+ // Remove the horizontal form styles
.form-item .form-label,
.mform .fitem div.fitemtitle {
- // copied from .control-label {
- float: none;
- width: auto;
- padding-top: 0;
- text-align: left;
+ // copied from .control-label {
+ float: none;
+ width: auto;
+ padding-top: 0;
+ text-align: left;
}
.form-item .form-label label{
display: inline-block;
.path-backup .mform .fitem .felement,
.mform .fdescription.required,
.form-item .form-description {
- margin-left: 0;
+ margin-left: 0;
}
table#form td.submit,
.form-buttons,
#fgroup_id_buttonar,
.form-horizontal .form-actions,
.fitem_fsubmit .felement.fsubmit {
- padding-left: 10px;
- padding-right: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
}
#helppopupbox {
width: auto !important;
@media (max-width: 979px) {
.nav-collapse {
- height: 0;
+ height: 0;
.nav > li > a {
color: @grayDark;
}
}
@media (max-width: 767px) {
-// Resize, reflow file-picker on small devices
- #filesskin .yui3-panel,
- #filesskin .file-picker.fp-generallayout {
+ // Resize, reflow file-picker on small devices
+ #filesskin .yui3-panel,
+ #filesskin .file-picker.fp-generallayout {
width: 100%;
left: 0;
}
.userprofile dl.list {
- // copied from dl-horizontal in bootstrap/repsonsive.less
+ // copied from dl-horizontal in bootstrap/repsonsive.less
dt {
- float: none;
- clear: none;
- width: auto;
- text-align: left;
+ float: none;
+ clear: none;
+ width: auto;
+ text-align: left;
}
dd {
- margin-left: 0;
+ margin-left: 0;
}
}
// Reset the alignment for required label to display inline on mobile devices
float: left;
}
- // GRID & CONTAINERS
- // -----------------
- // Remove width from containers
- .container {
- width: auto;
- }
- // Fluid rows
- .row-fluid {
- width: 100%;
- }
- .row-fluid .span8.pull-right,
- .row-fluid .span9.pull-right {
- float: none;
- }
- // Undo negative margin on rows and thumbnails
- .row {
- margin-left: 0;
- }
- // Make all grid-sized elements block level again
- [class*="span"],
- .row-fluid [class*="span"] {
- float: none;
- display: block;
- width: 100%;
- margin-left: 0;
- .box-sizing(border-box);
- }
+ // GRID & CONTAINERS
+ // -----------------
+ // Remove width from containers
+ .container {
+ width: auto;
+ }
+ // Fluid rows
+ .row-fluid {
+ width: 100%;
+ }
+ .row-fluid .span8.pull-right,
+ .row-fluid .span9.pull-right {
+ float: none;
+ }
+ // Undo negative margin on rows and thumbnails
+ .row {
+ margin-left: 0;
+ }
+ // Make all grid-sized elements block level again
+ [class*="span"],
+ .row-fluid [class*="span"] {
+ float: none;
+ display: block;
+ width: 100%;
+ margin-left: 0;
+ .box-sizing(border-box);
+ }
// We need to specify a more specific selector to reset the width for
// cases when we have content in the side-pre blockregion but not in the
}
}
- .row-fluid .span12 {
- width: 100%;
- .box-sizing(border-box);
- }
- .row-fluid [class*="offset"]:first-child {
- margin-left: 0;
- }
- div[role=main] {
- margin-bottom: 1em;
- }
+ .row-fluid .span12 {
+ width: 100%;
+ .box-sizing(border-box);
+ }
+ .row-fluid [class*="offset"]:first-child {
+ margin-left: 0;
+ }
+ div[role=main] {
+ margin-bottom: 1em;
+ }
.coursebox {
.info {
.name {
}
}
- #page-mod-forum-discuss.dir-rtl .discussioncontrols {
- text-align: left;
- }
+ #page-mod-forum-discuss.dir-rtl .discussioncontrols {
+ text-align: left;
+ }
}
// RTL styles for column templates.
#grid {
- // A mixin to set styles for the fluid row when RTL language enabled.
- .fluid-rtl(@fluidGridColumnWidth, @fluidGridGutterWidth) {
- .dir-rtl {
- .row-fluid.rtl-compatible {
- [class*="span"] {
- float: right;
- margin-left: 0;
- *margin-left: 0;
- margin-right: @fluidGridGutterWidth;
- *margin-right: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
+ // A mixin to set styles for the fluid row when RTL language enabled.
+ .fluid-rtl(@fluidGridColumnWidth, @fluidGridGutterWidth) {
+ .dir-rtl {
+ .row-fluid.rtl-compatible {
+ [class*="span"] {
+ float: right;
+ margin-left: 0;
+ *margin-left: 0;
+ margin-right: @fluidGridGutterWidth;
+ *margin-right: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
+ }
+ [class*="span"]:first-child {
+ margin-right: 0;
+ }
+ }
}
- [class*="span"]:first-child {
- margin-right: 0;
- }
- }
}
- }
}
// Style for template 3 columns auto.
.columns-autoflow-1to1to1 {
- .content-columns(3);
+ .content-columns(3);
}
@media(max-width: 767px) {
- // Change to a single column for smaller screens.
- .columns-autoflow-1to1to1 {
- .content-columns(1, 0);
- }
+ // Change to a single column for smaller screens.
+ .columns-autoflow-1to1to1 {
+ .content-columns(1, 0);
+ }
}
@media (min-width: 768px) and (max-width: 979px) {
- // Include fluid-rtl mixin from grid namespace.
- #grid > .fluid-rtl(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
+ // Include fluid-rtl mixin from grid namespace.
+ #grid > .fluid-rtl(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
}
@media (min-width: 980px) and (max-width: 1199px) {
- // Include fluid-rtl mixin from grid namespace.
- #grid > .fluid-rtl(@fluidGridColumnWidth, @fluidGridGutterWidth);
+ // Include fluid-rtl mixin from grid namespace.
+ #grid > .fluid-rtl(@fluidGridColumnWidth, @fluidGridGutterWidth);
}
@media (min-width: 1200px) {
- // Include fluid-rtl mixin from grid namespace.
- #grid > .fluid-rtl(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
+ // Include fluid-rtl mixin from grid namespace.
+ #grid > .fluid-rtl(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
}
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;
+ 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;
+ display: table-cell;
+ text-align: right;
}
// Some of this dialog is sized in ems so a different font size
li.section.hidden,
.block.hidden,
.block.invisible {
- visibility: visible;
- display: block;
+ visibility: visible;
+ display: block;
}
#turnitintool_style .row,
.forumpost .row {
- margin-left: 0 !important;
- // not sure if this needs !important
+ margin-left: 0 !important;
+ // not sure if this needs !important
}
#turnitintool_style .row:before,
#turnitintool_style .row:after,
.forumpost .row:before,
.forumpost .row:after {
- content: none;
+ content: none;
}
/* fieldset.hidden vs .hidden
*
ol {
margin: 0 2.5em @baseLineHeight / 2 0;
}
-}
\ No newline at end of file
+}