Index: lams_monitoring/web/css/monitorLesson.css =================================================================== diff -u -r6f9ff96edc1888263aee40775d6754fd20de19f4 -ra83b0eec89979dce7415b02afdda324b14018dbb --- lams_monitoring/web/css/monitorLesson.css (.../monitorLesson.css) (revision 6f9ff96edc1888263aee40775d6754fd20de19f4) +++ lams_monitoring/web/css/monitorLesson.css (.../monitorLesson.css) (revision a83b0eec89979dce7415b02afdda324b14018dbb) @@ -1,405 +1,325 @@ /********** GENERAL/DIALOG STYLES **********/ #loadingOverlay { - width: 100%; - height: 100%; - z-index: 2000; - position: absolute; - background-color: #FFFFFF; - text-align: center; -} + width: 100%; + height: 100%; + z-index: 2000; + position: absolute; + background-color: #fff; + text-align: center; } #loadingOverlay img { - margin-top: 30%; -} + margin-top: 30%; } dd { - margin-bottom: 10px; -} + margin-bottom: 10px; } #content { - width: 100%; - padding: 0; -} + width: 100%; + padding: 0; } #content > .panel { - border: none; - border-shadow: none; - box-shadow: none; -} + border: none; + border-shadow: none; + box-shadow: none; } -#content .panel-monitor-page, #content .panel-monitor-body { - margin-bottom: 0; - padding-bottom: 0; -} +#content .panel-monitor-page, #content .panel-monitor-body { + margin-bottom: 0; + padding-bottom: 0; } .errorMessage { - font-weight: bold; - color: red; -} + font-weight: bold; + color: #d9534f; } .errorField { - border: thick solid red; -} + border: thick solid red; } input[type="checkbox"] { - margin: 10px 5px 0px 0px; - border: none; -} + margin: 0 5px 0px 0px; + border: none; } .modal-header button .fa { - font-size: 16px; - margin-left: 10px; -} + font-size: 16px; + margin-left: 10px; } .ui-front { - z-index: 1100; -} + z-index: 1100; } .dialogContainer { - display: none; - -webkit-overflow-scrolling: touch !important; - overflow: auto; -} + display: none; + -webkit-overflow-scrolling: touch !important; + overflow: auto; } .dialogContainer iframe { - width: 100%; - height: 100%; - border: none; -} + width: 100%; + height: 100%; + border: none; } .dialogContainer .dialogList { - overflow: auto; - padding: 5px; - padding-bottom: 2px; -} + overflow: auto; + padding: 5px; + padding-bottom: 2px; } .dialogContainer .modal-body { - height : 100%; - max-height: calc(100% - 56px); - padding: 10px; - overflow: auto; -} + height: 100%; + max-height: calc(100% - 56px); + padding: 10px; + overflow: auto; } div.dialogListItem { - padding: 3px 0px 3px 0px; - cursor: pointer; -} + padding: 3px 0px 3px 0px; + cursor: pointer; } div.dialogListItemSelected { - background-color: #5c9ccc !important; - color: white !important; -} + background-color: #5898d0 !important; + color: white !important; } div.dialogListItemDisabled { - color: grey !important; -} + color: grey !important; } .dialogTitle { - padding: 0px 0px 5px 0px; - height: 15px; - font-size: small; - font-weight: bold; - text-align: center; -} + padding: 0px 0px 5px 0px; + height: 15px; + font-size: small; + font-weight: bold; + text-align: center; } div.dialogContainer td { - padding: 0; -} + padding: 0; } div.dialogContainer td.navCell { - padding: 5px 0; - cursor: pointer; -} + padding: 5px 0; + cursor: pointer; } div.dialogContainer td.navCell:hover { - background-color: #D0E5F5; -} + background-color: #dbe9f5; } div.dialogContainer td.navCell span { - margin: auto; -} + margin: auto; } div.dialogContainer td.pageCell { - text-align: center; - width: 100px; -} + text-align: center; + width: 100px; } span#learnerGroupMultiSelectLabel { - font-size: 10px; -} + font-size: 10px; } #learnerGroupDialogContents .btn-group { - margin-top: 10px; -} + margin-top: 10px; } #forceBackwardsDialog .modal-body { - padding: 10px; -} + padding: 10px; } + #forceBackwardsDialog .ui-resizable-s { - bottom: 0px; -} + bottom: 0px; } /********** LESSON TAB STYLES **********/ div#tabLesson { -/* height: 540px;*/ - overflow: auto; -} + /* height: 540px;*/ + overflow: auto; } table#tabLessonTable { - table-layout: fixed; -} + table-layout: fixed; } table#tabLessonTable td { - padding: 7px; -} + padding: 7px; } td.fieldLabel { - font-weight: bold; - width: 150px; -} + font-weight: bold; + width: 150px; } td.sectionHeader { - font-weight: bold; - background-color: #D0E5F5; -} + font-weight: bold; + background-color: #dbe9f5; } .topButtonsContainer { - height: 30px; - padding: 0px !important; -} + height: 30px; + padding: 0px !important; } .topButtonsContainer a { - float: right; - margin: 5px 5px 5px 0; -} + float: right; + margin: 5px 5px 5px 0; } .topButtonsContainer button { - float: right; - margin: 5px 5px 5px 0; -} + float: right; + margin: 5px 5px 5px 0; } .lessonManageField { - margin-right: 5px; -} + margin-right: 5px; } #lessonStateField { - width: 114px; -} + width: 114px; } #learnerURLField { - width: 450px; -} + width: 450px; } #copyLearnerURL { - display: none; -} + display: none; } #lessonStartDateCell *, #presenceAvailableCount { - display: none; -} + display: none; } table#tabLessonTable #contributeHeader { - display: none; -} + display: none; } table#tabLessonTable td.contributeActivityCell { - padding: 0 0 0 5px; - font-weight: bold; -} + padding: 0 0 0 5px; + font-weight: bold; } table#tabLessonTable td.contributeEntryCell { - padding: 0 5px 0 15px; -} + padding: 0 5px 0 15px; } td.contributeEntryCell a { - float: right; -} + float: right; } #classDialogTable > tbody > tr > td { - vertical-align: top; -} + vertical-align: top; } #classDialogTable #classMonitorSearchRow { - height: 23px; -} + height: 23px; } #classDialogTable input[type="checkbox"] { - margin: 0 5px 0px 0px; - border: none; -} + margin: 0 5px 0px 0px; + border: none; } #classLearnerTable #addAllLearnersButton { - margin-right: 10px; -} + margin-right: 10px; } #leftLearnerTable { - float: left; - min-width: 250px; - height: 100%; -} + float: left; + min-width: 250px; + height: 100%; } #rightMonitorTable { - height: 100%; - min-width: 250px; -} + height: 100%; + min-width: 250px; } .dialogSearchPhrase { - width: 90%; -} + width: 90%; } .dialogSearchPhraseIcon { - margin-top: 2px; -} + margin-top: 2px; } .dialogSearchPhraseClear { - visibility: hidden; - margin-top: 3px; - cursor: pointer; -} + visibility: hidden; + margin-top: 3px; + cursor: pointer; } #emailDialog { - width: 100%; -} + width: 100%; } #chartDiv { - width: 150px; - height: 150px; - padding: 0; -} + width: 150px; + height: 150px; + padding: 0; } +#emailProgressTable input[type="checkbox"] { + margin: 0 5px 0px 0px; + border: none; } /********** SEQUENCE TAB STYLES **********/ div#sequenceCanvas { - text-align: center; - width: 100%; - height: 100%; - overflow: auto; -} + text-align: center; + width: 100%; + height: 100%; + overflow: auto; } div#sequenceCanvas svg { - display: block; - overflow: hidden; -} + display: block; + overflow: hidden; } img#sequenceCanvasLoading { - padding: 5px 0 0 100px; - display: none; -} + padding: 5px 0 0 100px; + display: none; } .topButtonsContainer #sequenceSearchPhrase { - float: right; - margin: 6px 5px 5px 0; -} + float: right; + margin: 6px 5px 5px 0; } .topButtonsContainer #sequenceSearchPhraseIcon { - float: right; - margin: 9px 7px 5px 0; -} + float: right; + margin: 9px 7px 5px 0; } .topButtonsContainer #sequenceSearchPhraseClear { - float: right; - cursor: pointer; - margin: 9px 25px 5px 0; - visibility: hidden; -} + float: right; + cursor: pointer; + margin: 9px 25px 5px 0; + visibility: hidden; } img#sequenceSearchedLearnerHighlighter { - position: absolute; - display: none; -} + position: absolute; + display: none; } div#completedLearnersContainer { - padding: 4px 0px 3px 5px; - border-top: thin dotted #2E6E9E; -} + padding: 4px 0px 3px 5px; + border-top: thin dotted #2E6DA4; } div#completedLearnersContainer span { - font-family: Verdana; - font-size: 10px; - cursor: default; - vertical-align: top; - margin-right: 5px; -} + font-family: Verdana; + font-size: 10px; + cursor: default; + vertical-align: top; + margin-right: 5px; } #sequenceInfoDialog { - cursor: pointer; -} + cursor: pointer; } /********** LEARNERS TAB STYLES **********/ #tabLearnerControlTable td { - padding: 0px; - text-align: center; -} + padding: 0px; + text-align: center; } td.learnersHeaderCell { - font-size: 10px; - border-right: thin solid #2E6E9E; -} + font-size: 10px; + border-right: thin solid #2E6DA4; } #learnersSearchPhraseIcon { - margin-left: auto; - margin-right: auto; - margin-bottom: 4px; -} + margin-left: auto; + margin-right: auto; + margin-bottom: 4px; } #learnersSearchPhrase { - width: 80%; -} + width: 80%; } #learnersSearchPhraseClear { - cursor: pointer; - float: right; - margin: 3px 2px 0 0; - display: none; -} + cursor: pointer; + float: right; + margin: 3px 2px 0 0; + display: none; } td.learnersHeaderPageCell, td.learnersPageShifter { - min-width: 25px; - cursor: pointer; -} + min-width: 25px; + cursor: pointer; } td.learnersPageShifter span { - margin: auto; -} + margin: auto; } -td.learnersHeaderPageCell:hover,td.learnersPageShifter:hover { - background-color: #D0E5F5; -} +td.learnersHeaderPageCell:hover, td.learnersPageShifter:hover { + background-color: #dbe9f5; } td.selectedLearnersHeaderPageCell { - background-color: #5c9ccc; -} + background-color: #5898d0; } div#tabLearnersContainer { - overflow: auto; -} + overflow: auto; } td.progressBarLabel { - padding: 0; - background-color: #D0E5F5; -} + padding: 0; + background-color: #dbe9f5; } td.progressBarLabel div { - float: left; - padding: 10px 0 4px 20px; - font-weight: bold; -} + float: left; + padding: 10px 0 4px 20px; + font-weight: bold; } td.progressBarLabel a { - float: right; - margin: 6px 5px 4px 0; -} + float: right; + margin: 6px 5px 4px 0; } - /********** BOOTSTRAP ADDITIONS **********/ - .contributeActivityCell { - font-weight: 600; - margin-top: 10px; -} + font-weight: 600; + margin-top: 10px; } .contributeEntryCell { - height: 25px; - margin-left: 25px; - -} + height: 25px; + margin-left: 25px; }