You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
409 lines
8.0 KiB
409 lines
8.0 KiB
.path-mod-lti .ltiframe {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/** General Styles **/
|
|
.path-mod-lti .userpicture,
|
|
.path-mod-lti .picture.user,
|
|
.path-mod-lti .picture.teacher {
|
|
width: 35px;
|
|
height: 35px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.path-mod-lti .feedback .files,
|
|
.path-mod-lti .feedback .grade,
|
|
.path-mod-lti .feedback .outcome,
|
|
.path-mod-lti .feedback .finalgrade {
|
|
float: right;
|
|
}
|
|
|
|
.path-mod-lti .feedback .disabledfeedback {
|
|
width: 500px;
|
|
height: 250px;
|
|
}
|
|
|
|
.path-mod-lti .feedback .from {
|
|
float: left;
|
|
}
|
|
|
|
.path-mod-lti .files img {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.path-mod-lti .files a {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.path-mod-lti .late {
|
|
color: red;
|
|
}
|
|
|
|
.path-mod-lti .message {
|
|
text-align: center;
|
|
}
|
|
|
|
/* Styles for admin */
|
|
.path-admin-mod-lti .mform .fitem .fitemtitle {
|
|
min-width: 18em;
|
|
padding-right: 1em;
|
|
} /* Prevent setting titles from wrapping */
|
|
|
|
/* Styles for instructor editing an external tool */
|
|
|
|
.path-mod-lti .mform .fitem .fitemtitle {
|
|
min-width: 14em;
|
|
padding-right: 1em;
|
|
} /* Prevent setting titles from wrapping */
|
|
|
|
/* Styles for instructor_edit_tool_type.php */
|
|
#page-mod-lti-instructor_edit_tool_type .mform .fitem .fitemtitle {
|
|
min-width: 18em;
|
|
padding-right: 1em;
|
|
} /* Prevent setting titles from wrapping */
|
|
|
|
/* Styling for tool_configure page */
|
|
#registration-choice-container .buffer-text {
|
|
margin: 20px;
|
|
}
|
|
|
|
#choice-list {
|
|
list-style: none;
|
|
border-bottom: 1px solid #e3e3e3;
|
|
padding-bottom: 1em;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#choice-list > li {
|
|
display: inline-block;
|
|
}
|
|
|
|
#external-registration-container iframe {
|
|
border: 1px solid #e5e5e5;
|
|
border-radius: 10px;
|
|
width: 100%;
|
|
min-height: 800px;
|
|
}
|
|
|
|
.loading-screen {
|
|
text-align: center;
|
|
padding: 3em;
|
|
}
|
|
|
|
.loading-screen .loading-text {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.loading-screen .loader {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-bottom: 1em;
|
|
height: 2em;
|
|
width: 2em;
|
|
font-size: 2em;
|
|
}
|
|
|
|
#registration-submit {
|
|
min-width: 140px;
|
|
}
|
|
|
|
#registration-form-container {
|
|
min-height: 260px;
|
|
}
|
|
|
|
#registration-form-container .card {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#registration-form-container .control-group:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#registration-choice-container .card {
|
|
text-align: center;
|
|
}
|
|
|
|
#registration-choice-container .btn-toolbar {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#registration-choice-container p:last-child {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#tool-type-capabilities-container .registration-loading-container {
|
|
display: none;
|
|
}
|
|
|
|
#tool-type-capabilities-container.loading .registration-loading-container {
|
|
display: block;
|
|
}
|
|
|
|
#tool-type-capabilities-container.loading #tool-type-capabilities-template-container {
|
|
display: none;
|
|
}
|
|
|
|
.centered-menu {
|
|
max-width: 70%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.btn-text {
|
|
display: block;
|
|
}
|
|
|
|
.btn-loader {
|
|
display: none;
|
|
}
|
|
|
|
.loading .btn-text {
|
|
display: none;
|
|
}
|
|
|
|
.loading .btn-loader {
|
|
display: block;
|
|
}
|
|
|
|
.btn .loader {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.btn .loader img {
|
|
height: 1.5em;
|
|
}
|
|
|
|
#tool-list-container h3 {
|
|
display: inline-block;
|
|
}
|
|
|
|
#tool-list-loader-container {
|
|
display: inline-block;
|
|
}
|
|
|
|
#tool-list-loader-container .loader {
|
|
display: none;
|
|
}
|
|
|
|
#tool-list-loader-container .loader img {
|
|
height: 2em;
|
|
}
|
|
|
|
.loading #tool-list-loader-container .loader {
|
|
display: block;
|
|
}
|
|
|
|
.loading #tool-notools-text {
|
|
display: none;
|
|
}
|
|
|
|
.tool-card {
|
|
display: inline-block;
|
|
width: 250px;
|
|
height: 300px;
|
|
border: 1px solid #e5e5e5;
|
|
border-radius: 10px;
|
|
margin: 5px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.tool-card:hover,
|
|
.tool-card:focus {
|
|
border-color: #08c;
|
|
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
|
|
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
}
|
|
|
|
.tool-card .overlay-container {
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
border-radius: 10px;
|
|
display: none;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
}
|
|
|
|
.tool-card .overlay-container .img-container {
|
|
position: absolute;
|
|
top: 115px;
|
|
left: 90px;
|
|
display: block;
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
.tool-card .overlay-container .img-container img {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.tool-card.announcement > .overlay-container {
|
|
display: block;
|
|
}
|
|
|
|
.tool-card.announcement .overlay-container .loader {
|
|
display: none;
|
|
}
|
|
|
|
.tool-card.announcement.loading .overlay-container .loader {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.tool-card.announcement .overlay-container .success-icon-container {
|
|
display: none;
|
|
}
|
|
|
|
.tool-card.announcement.success .overlay-container .success-icon-container {
|
|
display: block;
|
|
}
|
|
|
|
.tool-card.announcement .overlay-container .fail-icon-container {
|
|
display: none;
|
|
}
|
|
|
|
.tool-card.announcement.fail .overlay-container .fail-icon-container {
|
|
display: block;
|
|
}
|
|
|
|
.tool-card.announcement .overlay-container .capabilities-container {
|
|
display: none;
|
|
}
|
|
|
|
.tool-card.announcement.capabilities .overlay-container .capabilities-container {
|
|
display: block;
|
|
}
|
|
|
|
.tool-card.announcement.capabilities .overlay-container {
|
|
background-color: rgb(255, 255, 255);
|
|
}
|
|
|
|
.tool-card.announcement.capabilities .overlay-container .img-container {
|
|
display: none;
|
|
}
|
|
|
|
.tool-card-content {
|
|
z-index: 1;
|
|
}
|
|
|
|
.tool-card-header {
|
|
text-align: center;
|
|
background-color: #f5f5f5;
|
|
padding: 10px;
|
|
border-top-left-radius: 10px;
|
|
border-top-right-radius: 10px;
|
|
box-sizing: border-box;
|
|
height: 125px;
|
|
}
|
|
|
|
.tool-card-subheader {
|
|
margin-bottom: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.tool-card-header .tool-card-icon {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.tool-card-header .name {
|
|
margin-bottom: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.tool-card-header .tool-card-actions {
|
|
float: right;
|
|
}
|
|
|
|
.tool-card-header .tool-card-actions img {
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.tool-card-body {
|
|
border-top: 1px solid #e5e5e5;
|
|
box-sizing: border-box;
|
|
padding: 5px;
|
|
height: 125px;
|
|
}
|
|
|
|
.tool-card-body .description {
|
|
max-height: 100px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.tool-card-footer {
|
|
height: 50px;
|
|
text-align: center;
|
|
padding-top: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.tool-card .contenteditable-container {
|
|
position: relative;
|
|
}
|
|
|
|
.tool-card [contenteditable=true] {
|
|
border: 1px solid transparent;
|
|
padding: 0.25em;
|
|
position: relative;
|
|
z-index: 1;
|
|
overflow: auto;
|
|
}
|
|
|
|
.tool-card [contenteditable=true]:hover {
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
background-color: #fff;
|
|
border: 1px solid #e3e3e3;
|
|
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
cursor: text;
|
|
}
|
|
|
|
.tool-card [contenteditable=true]:focus {
|
|
outline: 0;
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
background-color: #fff;
|
|
border: 1px solid rgba(82, 168, 236, 0.8);
|
|
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
cursor: text;
|
|
}
|
|
|
|
.tool-card [contenteditable=true].loading + .overlay-container {
|
|
border-radius: 4px;
|
|
display: block;
|
|
}
|
|
|
|
.tool-card [contenteditable=true] + .overlay-container .loader {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Styling for LTI view */
|
|
#contentframe {
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
}
|
|
|