Index: lams_central/web/css/authoring.css =================================================================== diff -u -rbd8e4d7f256d453e579e8138182bf51898b2b256 -ra83b0eec89979dce7415b02afdda324b14018dbb --- lams_central/web/css/authoring.css (.../authoring.css) (revision bd8e4d7f256d453e579e8138182bf51898b2b256) +++ lams_central/web/css/authoring.css (.../authoring.css) (revision a83b0eec89979dce7415b02afdda324b14018dbb) @@ -1,481 +1,378 @@ -@import url('/lams/css/inlineeditor.css'); - +@import url("/lams/css/inlineeditor.css"); /**** Global styles ****/ - .ygtv-highlight1, .ygtv-highlight1 .ygtvlabel { - background-color: #dfeffc; -} + background-color: #dbe9f5; } a.ygtvspacer { - border-bottom: none; -} + border-bottom: none; } - /**** Dialog styles ****/ #loadingOverlay { - width: 99%; - height: 99%; - z-index: 2000; - position: absolute; - background-color: #FFFFFF; - text-align: center; -} + width: 99%; + height: 99%; + z-index: 2000; + position: absolute; + background-color: #fff; + text-align: center; } #loadingOverlay * { - margin-top: 20%; -} + margin-top: 20%; } .dialogContainer { - -webkit-overflow-scrolling: touch !important; -} + -webkit-overflow-scrolling: touch !important; } .dialogContainer .modal-content { - box-shadow: none; -} + box-shadow: none; } .dialogContainer .modal-body { - height : 100%; - max-height: calc(100% - 38px); - padding: 0; -} + height: 100%; + max-height: calc(100% - 38px); + padding: 0; } .dialogContainer button { - cursor: pointer; -} + cursor: pointer; } .dialogContainer button:focus { - outline: none; -} + outline: none; } .dialogContainer .modal-header button .fa { font-size: 16px; - margin-left: 10px; -} + margin-left: 10px; } .dialogContainer .ui-draggable .modal-header { - cursor: move; -} + cursor: move; } div.dialogContents, #ldScreenshotAuthor, #ldScreenshotLoading { - display: none; -} + display: none; } .dialogContainer iframe { - width: 100%; - height: 99%; - border: none; -} + width: 100%; + height: 99%; + border: none; } .dialogContainer .ui-spinner { - border: none; -} + border: none; } .dialogMin { - top: auto !important; - bottom: 5px !important; - overflow: hidden !important; - padding: 0 !important; - position: fixed !important; - width: 250px !important; - height: 35px !important; -} + top: auto !important; + bottom: 5px !important; + overflow: hidden !important; + padding: 0 !important; + position: fixed !important; + width: 250px !important; + height: 35px !important; } .dialogMin .modal-title { - white-space: nowrap; - overflow: hidden; -} + white-space: nowrap; + overflow: hidden; } .dialogMin .modal-dialog { - left: 0 !important; - top: 0 !important; -} + left: 0 !important; + top: 0 !important; } .dialogMin .modal-dialog, .dialogMin .modal-content { - width: 250px !important; - height: 35px !important; - margin: 0 !important; - padding: 0 !important; -} + width: 250px !important; + height: 35px !important; + margin: 0 !important; + padding: 0 !important; } .dialogMin .modal-header { - height: 100%; - margin: 0 !important; - padding: 3px 5px !important; - cursor: default !important; -} + height: 100%; + margin: 0 !important; + padding: 3px 5px !important; + cursor: default !important; } div.smallHeader .modal-header { - padding: 5px; -} + padding: 5px; } div.smallHeader .modal-title { - font-size: 16px; -} + font-size: 16px; } div.propertiesDialogContainer .dialogContents table { - width: 100%; -} + width: 100%; } div.propertiesDialogContainer .dialogContents td { - padding: 5px; -} + padding: 5px; } input[name="propertiesContentFieldGroupDivide"] { - margin-right: 10px; -} + margin-right: 10px; } input.propertiesContentFieldLearnerCount, input.propertiesContentFieldGroupCount { - width: 40px; -} + width: 40px; } tr.propertiesContentRowGateSchedule input.spinner { - width: 30px; -} + width: 30px; } input.propertiesContentFieldTitle, textarea.propertiesContentFieldDescription, select.propertiesContentFieldGradebook { - width: 99%; -} + width: 99%; } .dialogContents .labelPlusSize { - cursor: pointer; -} + cursor: pointer; } .dialogContents .labelMinusSize { - margin-left: 15px; - cursor: pointer; -} + margin-left: 15px; + cursor: pointer; } div#groupNamingDialog .btn-group, -div#gtbDialog .btn-group, +div#gtbDialog .btn-group, div#ctbDialog .btn-group, div#outputConditionsDialog .btn-group { - margin: 10px 0 10px 10px; -} + margin: 10px 0 10px 10px; } input.groupName { - margin: 5px 0 5px 10px; - width: 95%; -} + margin: 5px 0 5px 10px; + width: 95%; } - div#infoDialog .modal-body { - font-weight: bold; - padding: 5px; -} + font-weight: bold; + padding: 5px; } - div.exportDialog { - text-align: center; -} + text-align: center; } div.exportDialog a { - text-decoration: none; -} + text-decoration: none; } div.exportDialog iframe { - display: none; -} + display: none; } div#exportLDDialog { - cursor: pointer; -} + cursor: pointer; } div#ldStoreDialog { - z-index: 1051; -} + z-index: 1051; } div#ldStoreDialogContents { - width: 100%; - height: 100%; -} + width: 100%; + height: 100%; } div#ldStoreDialogContents > table { - height: 100%; - width: 100%; - border-collapse: separate; -} + height: 100%; + width: 100%; + border-collapse: separate; } div#ldStoreDialogContents #ldStoreDialogButtonCell { - height: 40px; - border-top: thin dotted #2E6E9E; - padding-top: 5px; -} + height: 40px; + border-top: thin dotted #2E6DA4; + padding-top: 5px; } div#ldStoreDialogContents #ldStoreDialogButtonCell > div > div { - display: inline-block; -} + display: inline-block; } div#ldStoreDialogContents td#ldStoreDialogTreeCell { - padding: 2px 2px 0px 5px; - vertical-align: top; - border-right: thin dotted #2E6E9E; - width: 200px; -} + padding: 2px 2px 0px 5px; + vertical-align: top; + border-right: thin dotted #2E6DA4; + width: 200px; } div#ldStoreDialogContents div#ldStoreDialogTree { - width: 200px; - overflow: auto; -} + width: 200px; + overflow: auto; } div#ldStoreDialogContents #ldStoreDialogAccessCell { - border-top: thin dotted #2E6E9E; - border-right: thin dotted #2E6E9E; -} + border-top: thin dotted #2E6DA4; + border-right: thin dotted #2E6DA4; } div#ldStoreDialogContents #ldStoreDialogAccessDiv { - width: 200px; - overflow: auto; - height: 150px; - vertical-align: top; - padding: 5px 0px 5px 0px; -} + width: 200px; + overflow: auto; + height: 150px; + vertical-align: top; + padding: 5px 0px 5px 0px; } div#ldStoreDialogContents #ldStoreDialogAccessDiv > div#ldStoreDialogAccessTitle { - font-size: 13px; - font-weight: bold; - text-align: center; -} + font-size: 13px; + font-weight: bold; + text-align: center; } div#ldStoreDialogContents #ldStoreDialogAccessDiv > div.access { - padding: 3px 0 3px 3px; - cursor: pointer; - margin-left: 10px; - margin-right: 10px; - font-size: small; -} + padding: 3px 0 3px 3px; + cursor: pointer; + margin-left: 10px; + margin-right: 10px; + font-size: small; } div#ldStoreDialogContents #ldStoreDialogAccessDiv > div.selected { - background-color: #dfeffc; -} + background-color: #dbe9f5; } - div#ldStoreDialogContents td#ldStoreDialogCanvasCell { - text-align: center; - padding: 10px 0px 0px 10px; - vertical-align: middle; -} + text-align: center; + padding: 10px 0px 0px 10px; + vertical-align: middle; } div#ldStoreDialogContents div#ldStoreDialogCanvasDiv { - overflow: auto; -} + overflow: auto; } -div#ldStoreDialogContents img#ldScreenshotLoading { - padding-top: 200px; -} +div#ldStoreDialogContents img#ldScreenshotLoading { + padding-top: 200px; } div#ldStoreDialogContents #ldStoreDialogImportPartFrame { - border: none; - width: 99%; -} + border: none; + width: 99%; } div#ldStoreDialogContents div#ldStoreDialogNameContainer { - margin-left: 20px; -} + margin-left: 20px; } div#ldStoreDialogContents div#ldStoreDialogNameContainer span { - font-weight: bold; -} + font-weight: bold; } div#ldStoreDialogContents #ldStoreDialogNameContainer input { - width: 300px; - margin-left: 10px; - color: #000000; -} + width: 300px; + margin-left: 10px; + color: #000; } div.branchMappingDialog .container-fluid { - padding-right: 0; -} + padding-right: 0; } div.branchMappingDialog > table { - width: 100%; - height: 98%; - table-layout: fixed; - border-collapse: collapse; -} + width: 100%; + height: 98%; + table-layout: fixed; + border-collapse: collapse; } div.branchMappingDialog td { - text-align: center; - vertical-align: top; -} + text-align: center; + vertical-align: top; } div.branchMappingDialog td.branchMappingLabelCell { - height: 15px; - font-weight: bold; -} + height: 15px; + font-weight: bold; } div.branchMappingDialog td.branchMappingListCell { - border: thin black solid; - padding: 3px; -} + border: thin solid black; + padding: 3px; } div.branchMappingDialog td.branchMappingListCell .selected { - background-color: #5c9ccc; - color: white; -} + background-color: #5898d0; + color: white; } div.branchMappingDialog .branchMappingButton { - width: 40%; - display: block; - margin: auto; - margin-top: 10px; - margin-bottom: 10px; -} + width: 40%; + display: block; + margin: auto; + margin-top: 10px; + margin-bottom: 10px; } div.branchMappingDialog td.branchMappingListCell div { - text-align: left; - cursor: pointer; -} + text-align: left; + cursor: pointer; } div#outputConditionsDialogContents div#complexConditions > div { - font-weight: bold; - margin: 10px 0 0 2px; -} + font-weight: bold; + margin: 10px 0 0 2px; } div#outputConditionsDialogContents select { - margin-bottom: 10px; - width: 95%; -} + margin-bottom: 10px; + width: 95%; } div#outputConditionsDialogContents .spinner { - width: 40px; -} + width: 40px; } div#outputConditionsDialogContents div#multiRangeDiv { - display: inline-block; -} + display: inline-block; } div#outputConditionsDialogContents #rangeAddButton { - margin-left: 10px; -} + margin-left: 10px; } div#outputConditionsDialogContents table#rangeConditions { - width: 100%; - margin-top: 15px; - border-collapse: collapse; - text-align: center; -} + width: 100%; + margin-top: 15px; + border-collapse: collapse; + text-align: center; } div#outputConditionsDialogContents table#rangeConditions tr td, div#outputConditionsDialogContents table#rangeConditions tr th { - padding: 3px; - border: black thin solid; - cursor: pointer; -} + padding: 3px; + border: thin solid black; + cursor: pointer; } div#outputConditionsDialogContents table#rangeConditions input { - width: 95%; -} + width: 95%; } div#outputConditionsDialogContents tr.selected { - background-color: #dfeffc; -} + background-color: #dbe9f5; } /**** Main authoring styles ****/ - div#toolbar { - padding: 3px; -} + padding: 3px; } #cancelLiveEditButton { - display: none; -} + display: none; } table#authoringTable { - table-layout: fixed; - width: 100%; -} + table-layout: fixed; + width: 100%; } td#templateContainerCell { - width: 175px; - vertical-align: top; -} + width: 175px; + vertical-align: top; } td#templateContainerCell select { - width: 100%; - margin-bottom: 3px; -} + width: 100%; + margin-bottom: 3px; } div.templateContainer { - display: none; - overflow: auto; - border: 0.5px solid #a9a9a9; - border-radius: 3px; -} + display: none; + overflow: auto; + border: thin solid #AAAAAA; + border-radius: 3px; } div.template { - min-height: 45px; - border-bottom: 0.5px solid #a9a9a9; - cursor: pointer; -} + min-height: 45px; + border-bottom: thin solid #AAAAAA; + cursor: pointer; } .tooltemplate :hover { - background-color: #EDEDED; -} + background-color: #eeeeee; } .tooltemplate .media { - margin-top: 0px; - padding: 8px 0px 5px 5px; -} + margin-top: 0px; + padding: 8px 0px 5px 5px; } -.media #toolDisplayName { -} - td#canvasContainerCell { - vertical-align: top; -} + vertical-align: top; } #ldDescriptionDiv { - z-index: 1099; - border-bottom: 1px solid #000000; -} + z-index: 1099; + border-bottom: thin solid #AAAAAA; } #ldDescriptionDiv #ldDescriptionTitleContainer { - padding: 2px 0 0 0; - text-align: center; - font-size: 14px; - font-weight: bold; - cursor: pointer; -} + padding: 2px 0 0 0; + text-align: center; + font-size: 14px; + font-weight: bold; + cursor: pointer; } #ldDescriptionDiv #ldDescriptionHideTip { - float: right; - margin-right: 10px; -} + float: right; + margin-right: 10px; } #ldDescriptionDiv #ldDescriptionDetails { - padding: 0 0 5px 10px; - display: none; -} + padding: 0 0 5px 10px; + display: none; } #ldDescriptionDiv .ldDescriptionLabel { - font-size: 12px; -} + font-size: 12px; } #ldDescriptionDiv #ldDescriptionEditorContainer { - margin: 0px 15px 15px 0; -} + margin: 0px 15px 15px 0; } #ldDescriptionDiv #ldDescriptionLicenseTextContainer, #ldDescriptionDiv #ldDescriptionLicenseImage, #ldDescriptionDiv #ldDescriptionLicenseButton { - display: none; -} + display: none; } #ldDescriptionDiv #ldDescriptionLicenseImage { - vertical-align: text-bottom; - padding: 0 10px; -} + vertical-align: text-bottom; + padding: 0 10px; } #ldDescriptionDiv #ldDescriptionLicenseTextContainer { - padding-top: 10px; -} + padding-top: 10px; } #ldDescriptionDiv #ldDescriptionLicenseText { - width: 99%; -} + width: 99%; } #canvas { - overflow: auto; - vertical-align: top; -} + overflow: auto; + vertical-align: top; }