Sindbad~EG File Manager
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* stylelint-disable declaration-no-important*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size: 18px;
line-height: 1.6;
color: #565656;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #03a9f4;
text-decoration: none;
}
a:hover,
a:focus {
color: #0275a8;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 0;
}
.img-thumbnail {
padding: 4px;
line-height: 1.6;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 28px;
margin-bottom: 28px;
border: 0;
border-top: 1px solid #dadada;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-weight: 300;
line-height: 1.5;
color: #565656;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 28px;
margin-bottom: 14px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 14px;
margin-bottom: 14px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 54px;
}
h2,
.h2 {
font-size: 46px;
}
h3,
.h3 {
font-size: 42px;
}
h4,
.h4 {
font-size: 36px;
}
h5,
.h5 {
font-size: 29px;
}
h6,
.h6 {
font-size: 24px;
}
p {
margin: 0 0 14px;
}
.lead {
margin-bottom: 28px;
font-size: 20px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 27px;
}
}
small,
.small {
font-size: 72%;
}
mark,
.mark {
background-color: rgba(255, 152, 0, 0.1);
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #999;
}
.text-primary {
color: #03a9f4;
}
a.text-primary:hover,
a.text-primary:focus {
color: #0286c2;
}
.text-success {
color: #8bc34a;
}
a.text-success:hover,
a.text-success:focus {
color: #71a436;
}
.text-info {
color: #03a9f4;
}
a.text-info:hover,
a.text-info:focus {
color: #0286c2;
}
.text-warning {
color: #ff9800;
}
a.text-warning:hover,
a.text-warning:focus {
color: #cc7a00;
}
.text-danger {
color: #e91e63;
}
a.text-danger:hover,
a.text-danger:focus {
color: #c1134e;
}
.bg-primary {
color: #fff;
background-color: #03a9f4;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #0286c2;
}
.bg-success {
background-color: rgba(139, 195, 74, 0.1);
}
a.bg-success:hover,
a.bg-success:focus {
background-color: rgba(113, 164, 54, 0.1);
}
.bg-info {
background-color: rgba(3, 169, 244, 0.1);
}
a.bg-info:hover,
a.bg-info:focus {
background-color: rgba(2, 134, 194, 0.1);
}
.bg-warning {
background-color: rgba(255, 152, 0, 0.1);
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: rgba(204, 122, 0, 0.1);
}
.bg-danger {
background-color: rgba(233, 30, 99, 0.1);
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: rgba(193, 19, 78, 0.1);
}
.page-header {
padding-bottom: 13px;
margin: 56px 0 28px;
border-bottom: 1px solid #dadada;
}
ul,
ol {
margin-top: 0;
margin-bottom: 14px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 28px;
}
dt,
dd {
line-height: 1.6;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 14px 28px;
margin: 0 0 28px;
font-size: 22.5px;
border-left: 5px solid #dadada;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.6;
color: #999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right, blockquote.float-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #dadada;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
blockquote.float-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
blockquote.float-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before,
blockquote.float-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
blockquote.float-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
blockquote.float-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after,
blockquote.float-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 28px;
font-style: normal;
line-height: 1.6;
}
code,
kbd,
pre,
samp {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 0;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 0;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 13.5px;
margin: 0 0 14px;
font-size: 17px;
line-height: 1.6;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 0;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: #fff;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #999;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 28px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.6;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 4px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: rgba(139, 195, 74, 0.1);
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: rgba(126, 183, 61, 0.1);
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: rgba(3, 169, 244, 0.1);
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: rgba(3, 152, 219, 0.1);
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: rgba(255, 152, 0, 0.1);
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: rgba(230, 137, 0, 0.1);
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: rgba(233, 30, 99, 0.1);
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: rgba(216, 21, 88, 0.1);
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 21px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 0;
}
.well-sm {
padding: 9px;
border-radius: 0;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 300;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 16px;
font-size: 18px;
line-height: 1.6;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #03a9f4;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #03a9f4;
background-color: transparent;
border-color: #03a9f4;
}
.btn-default:focus,
.btn-default.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.btn-default:hover {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: transparent;
border-color: #03a9f4;
}
.btn-default .badge {
color: transparent;
background-color: #03a9f4;
}
.btn-primary {
color: #03a9f4;
background-color: transparent;
border-color: #03a9f4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.btn-primary:hover {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: transparent;
border-color: #03a9f4;
}
.btn-primary .badge {
color: transparent;
background-color: #03a9f4;
}
.btn-success {
color: #8bc34a;
background-color: transparent;
border-color: #8bc34a;
}
.btn-success:focus,
.btn-success.focus {
color: #8bc34a;
background-color: rgba(0, 0, 0, 0);
border-color: #496a23;
}
.btn-success:hover {
color: #8bc34a;
background-color: rgba(0, 0, 0, 0);
border-color: #6c9c34;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #8bc34a;
background-color: rgba(0, 0, 0, 0);
border-color: #6c9c34;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #8bc34a;
background-color: rgba(0, 0, 0, 0);
border-color: #496a23;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: transparent;
border-color: #8bc34a;
}
.btn-success .badge {
color: transparent;
background-color: #8bc34a;
}
.btn-info {
color: #03a9f4;
background-color: transparent;
border-color: #03a9f4;
}
.btn-info:focus,
.btn-info.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.btn-info:hover {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: transparent;
border-color: #03a9f4;
}
.btn-info .badge {
color: transparent;
background-color: #03a9f4;
}
.btn-warning {
color: #ff9800;
background-color: transparent;
border-color: #ff9800;
}
.btn-warning:focus,
.btn-warning.focus {
color: #ff9800;
background-color: rgba(0, 0, 0, 0);
border-color: #804c00;
}
.btn-warning:hover {
color: #ff9800;
background-color: rgba(0, 0, 0, 0);
border-color: #c27400;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #ff9800;
background-color: rgba(0, 0, 0, 0);
border-color: #c27400;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #ff9800;
background-color: rgba(0, 0, 0, 0);
border-color: #804c00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: transparent;
border-color: #ff9800;
}
.btn-warning .badge {
color: transparent;
background-color: #ff9800;
}
.btn-danger {
color: #e91e63;
background-color: transparent;
border-color: #e91e63;
}
.btn-danger:focus,
.btn-danger.focus {
color: #e91e63;
background-color: rgba(0, 0, 0, 0);
border-color: #7b0c32;
}
.btn-danger:hover {
color: #e91e63;
background-color: rgba(0, 0, 0, 0);
border-color: #b8124a;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #e91e63;
background-color: rgba(0, 0, 0, 0);
border-color: #b8124a;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #e91e63;
background-color: rgba(0, 0, 0, 0);
border-color: #7b0c32;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: transparent;
border-color: #e91e63;
}
.btn-danger .badge {
color: transparent;
background-color: #e91e63;
}
.btn-link {
color: #03a9f4;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #0275a8;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999;
text-decoration: none;
}
.btn-lg {
padding: 14px 16px;
font-size: 23px;
line-height: 1.33;
border-radius: 0;
}
.btn-sm {
padding: 5px 10px;
font-size: 13px;
line-height: 1;
border-radius: 0;
}
.btn-xs {
padding: 1px 5px;
font-size: 13px;
line-height: 1;
border-radius: 0;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.alert {
padding: 15px;
margin-bottom: 28px;
border: 1px solid transparent;
border-radius: 0;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: rgba(139, 195, 74, 0.1);
border-color: rgba(139, 195, 74, 0.1);
color: #8bc34a;
}
.alert-success hr {
border-top-color: rgba(126, 183, 61, 0.1);
}
.alert-success .alert-link {
color: #71a436;
}
.alert-info {
background-color: rgba(3, 169, 244, 0.1);
border-color: rgba(3, 169, 244, 0.1);
color: #03a9f4;
}
.alert-info hr {
border-top-color: rgba(3, 152, 219, 0.1);
}
.alert-info .alert-link {
color: #0286c2;
}
.alert-warning {
background-color: rgba(255, 152, 0, 0.1);
border-color: rgba(255, 152, 0, 0.1);
color: #ff9800;
}
.alert-warning hr {
border-top-color: rgba(230, 137, 0, 0.1);
}
.alert-warning .alert-link {
color: #cc7a00;
}
.alert-danger {
background-color: rgba(233, 30, 99, 0.1);
border-color: rgba(233, 30, 99, 0.1);
color: #e91e63;
}
.alert-danger hr {
border-top-color: rgba(216, 21, 88, 0.1);
}
.alert-danger .alert-link {
color: #c1134e;
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 28px;
line-height: 1.6;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-left: auto;
margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #03a9f4;
}
.thumbnail .caption {
padding: 9px;
color: #565656;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd:before,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd:before,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd:after,
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:before,
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:after,
#id_s_theme_snap_resourcedisplay:before,
#id_s_theme_snap_resourcedisplay:after,
#page-user-profile .userprofile .profile_tree:before,
#page-user-profile .userprofile .profile_tree:after,
.path-course.path-user .userprofile .profile_tree:before,
.path-course.path-user .userprofile .profile_tree:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.modal-header:after,
.modal-footer:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd:after,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd:after,
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:after,
#id_s_theme_snap_resourcedisplay:after,
#page-user-profile .userprofile .profile_tree:after,
.path-course.path-user .userprofile .profile_tree:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right, .float-right {
float: right !important;
}
.pull-left, .float-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #fff;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #f5f5f5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.6;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
padding: 20px;
text-align: right;
border-top: 1px solid #f5f5f5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
/* core.less */
/** Page layout CSS starts **/
.layout-option-noheader #page-header,
.layout-option-nonavbar #page-navbar,
.layout-option-nofooter #page-footer,
.layout-option-nocourseheader .course-content-header,
.layout-option-nocoursefooter .course-content-footer {
display: none;
}
/** Page layout CSS ends **/
.dir-ltr,
.mdl-left {
text-align: left;
}
.mdl-right {
text-align: right;
}
#add,
#remove,
.centerpara,
.mdl-align {
text-align: center;
}
a.dimmed,
a.dimmed:link,
a.dimmed:visited,
a.dimmed_text,
a.dimmed_text:link,
a.dimmed_text:visited,
.dimmed_text,
.dimmed_text a,
.dimmed_text a:link,
.dimmed_text a:visited,
.usersuspended,
.usersuspended a,
.usersuspended a:link,
.usersuspended a:visited,
.dimmed_category,
.dimmed_category a,
.dimmed_category a:visited {
color: #999;
}
.activity.label .dimmed_text {
opacity: 50;
filter: alpha(opacity=5000);
}
.unlist,
.unlist li,
.inline-list,
.inline-list li,
.block .list,
.block .list li,
.section li.activity,
.section li.movehere,
.tabtree li {
list-style: none;
margin: 0;
padding: 0;
}
.inline,
.inline-list li {
display: inline;
}
.notifytiny {
font-size: 13px;
}
.notifytiny li,
.notifytiny td {
font-size: 100%;
}
.red,
.notifyproblem {
color: #e91e63;
}
.green,
.notifysuccess {
color: #8bc34a;
}
.reportlink {
text-align: right;
}
a.autolink.glossary:hover {
cursor: help;
}
/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
.collapsibleregioncaption {
white-space: nowrap;
}
.collapsibleregioncaption img {
vertical-align: middle;
}
.jsenabled .hiddenifjs {
display: none;
}
.visibleifjs {
display: none;
}
.jsenabled .visibleifjs {
display: inline;
}
.jsenabled .collapsibleregion {
overflow: hidden;
}
.jsenabled .collapsed .collapsibleregioninner {
visibility: hidden;
}
.collapsible-actions {
display: none;
text-align: right;
}
.jsenabled .collapsible-actions {
display: block;
}
.collapsible-actions .collapseexpand {
padding-left: 20px;
background: url([[pix:t/collapsed]]) 2px center no-repeat;
}
.collapsible-actions .collapse-all {
background-image: url([[pix:t/expanded]]);
}
.yui-overlay .yui-widget-bd {
background-color: #ffee69;
border: 1px solid #a6982b;
border-top-color: #d4c237;
color: #000;
left: 0;
padding: 2px 5px;
position: relative;
top: 0;
z-index: 1;
}
.clearer {
background: transparent;
border-width: 0;
clear: both;
display: block;
height: 1px;
margin: 0;
padding: 0;
}
.bold,
.warning,
.errorbox .title,
.pagingbar .title,
.pagingbar .thispage {
font-weight: bold;
}
.highlight {
background-color: rgba(3, 169, 244, 0.1);
}
.highlight2 {
background-color: rgba(255, 152, 0, 0.1);
}
img.resize {
height: 1em;
width: 1em;
}
.block img.resize,
.breadcrumb img.resize {
height: 0.9em;
width: 0.8em;
}
/* Icon styles */
img.icon {
height: 16px;
vertical-align: text-bottom;
width: 16px;
margin-right: 6px;
}
img.iconsmall {
height: 12px;
margin-right: 3px;
vertical-align: middle;
width: 12px;
}
img.iconhelp,
.helplink img {
height: 16px;
margin-left: 3px;
vertical-align: text-bottom;
width: 16px;
}
h1 img.iconhelp,
h1 img.icon,
h2 img.iconhelp,
h2 img.icon,
h3 img.iconhelp,
h3 img.icon,
h4 img.iconhelp,
h4 img.icon,
h5 img.iconhelp,
h5 img.icon,
h6 img.iconhelp,
h6 img.icon {
vertical-align: middle;
margin: 4px;
}
img.iconlarge {
height: 24px;
width: 24px;
vertical-align: middle;
}
img.iconsort {
vertical-align: text-bottom;
margin-left: .3em;
margin-bottom: .15em;
}
img.icontoggle {
height: 17px;
vertical-align: middle;
width: 50px;
}
img.iconkbhelp {
height: 17px;
width: 49px;
}
img.icon-pre {
margin-right: 3px;
margin-left: 0;
}
img.icon-post {
margin-left: 3px;
margin-right: 0;
}
.boxaligncenter {
margin-left: auto;
margin-right: auto;
}
.boxalignright {
margin-left: auto;
margin-right: 0;
}
.boxalignleft {
margin-left: 0;
margin-right: auto;
}
.boxwidthnarrow {
width: 30%;
}
.boxwidthnormal {
width: 50%;
}
.boxwidthwide {
width: 80%;
}
.headermain {
font-weight: bold;
}
#maincontent {
display: block;
height: 1px;
overflow: hidden;
}
img.uihint {
cursor: help;
}
#addmembersform table {
margin-left: auto;
margin-right: auto;
}
.flexible th {
white-space: nowrap;
}
table.flexible .emptyrow {
display: none;
}
img.emoticon {
vertical-align: middle;
width: 15px;
height: 15px;
}
form.popupform,
form.popupform div {
display: inline;
}
.arrow_button input {
overflow: hidden;
}
.action-icon img.smallicon {
vertical-align: text-bottom;
margin: 0 0.3em;
}
/** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
.no-overflow {
overflow: auto;
padding-bottom: 1px;
}
.pagelayout-report .no-overflow {
overflow: visible;
}
.no-overflow > .generaltable {
margin-bottom: 0;
}
.accesshide {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.reset-sr-only {
position: relative;
width: auto;
height: auto;
margin: initial;
overflow: visible;
clip: auto;
border: initial;
}
span.hide,
div.hide {
display: none;
}
a.skip-block,
a.skip {
position: absolute;
top: -1000em;
font-size: 0.85em;
text-decoration: none;
}
a.skip-block:focus,
a.skip-block:active,
a.skip:focus,
a.skip:active {
position: static;
display: block;
}
.skip-block-to {
display: block;
height: 1px;
overflow: hidden;
}
.addbloglink {
text-align: center;
}
.blog_entry .audience {
text-align: right;
padding-right: 4px;
}
.blog_entry .tags {
margin-top: 15px;
}
.blog_entry .tags .action-icon img.smallicon {
height: 16px;
width: 16px;
}
.blog_entry .content {
margin-left: 43px;
}
#page-group-index #groupeditform {
text-align: center;
}
#doc-contents h1 {
margin: 1em 0 0 0;
}
#doc-contents ul {
margin: 0;
padding: 0;
width: 90%;
}
#doc-contents ul li {
list-style-type: none;
}
.groupmanagementtable td {
vertical-align: top;
}
.groupmanagementtable #existingcell,
.groupmanagementtable #potentialcell {
width: 42%;
}
.groupmanagementtable #buttonscell {
width: 16%;
}
.groupmanagementtable #buttonscell p.arrow_button input {
width: auto;
min-width: 80%;
margin: 0 auto;
}
.groupmanagementtable #removeselect_wrapper,
.groupmanagementtable #addselect_wrapper {
width: 100%;
}
.groupmanagementtable #removeselect_wrapper label,
.groupmanagementtable #addselect_wrapper label {
font-weight: normal;
}
#group-usersummary {
width: 14em;
}
.groupselector {
margin-top: 3px;
margin-bottom: 3px;
display: inline-block;
}
.groupselector label {
display: inline-block;
}
.notepost {
margin-bottom: 1em;
}
.notepost .userpicture {
float: left;
margin-right: 5px;
}
.notepost .content,
.notepost .footer {
clear: both;
}
.notesgroup {
margin-left: 20px;
}
.path-my .coursebox .overview {
margin: 15px 30px 10px 30px;
}
.path-my .coursebox .info {
float: none;
margin: 0;
}
.mod_introbox {
padding: 10px;
}
table.mod_index {
width: 100%;
}
.comment-ctrl {
font-size: 12px;
display: none;
margin: 0;
padding: 0;
}
.comment-ctrl h5 {
margin: 0;
padding: 5px;
}
.comment-area {
max-width: 400px;
padding: 5px;
}
.comment-area textarea {
width: 100%;
overflow: auto;
}
.comment-area .fd {
text-align: right;
}
.comment-meta span {
color: gray;
}
.comment-link img {
vertical-align: text-bottom;
}
.comment-list {
font-size: 11px;
overflow: auto;
list-style: none;
padding: 0;
margin: 0;
}
.comment-list li {
margin: 2px;
list-style: none;
margin-bottom: 5px;
clear: both;
padding: .3em;
position: relative;
}
.comment-list li.first {
display: none;
}
.comment-paging {
text-align: center;
}
.comment-paging .pageno {
padding: 2px;
}
.comment-paging .curpage {
border: 1px solid #ccc;
}
.comment-message .picture {
width: 20px;
float: left;
}
.comment-message .text {
margin: 0;
padding: 0;
}
.comment-message .text p {
padding: 0;
margin: 0 18px 0 0;
}
.comment-delete {
position: absolute;
top: 0;
right: 0;
margin: .3em;
}
.comment-delete-confirm {
background: #eee;
padding: 2px;
width: 5em;
text-align: center;
}
.comment-container {
float: left;
margin: 4px;
}
.comment-report-selectall {
display: none;
}
.comment-link {
display: none;
}
.jsenabled .comment-link {
display: block;
}
.jsenabled .showcommentsnonjs {
display: none;
}
.jsenabled .comment-report-selectall {
display: inline;
}
/**
* Completion progress report
*/
.completion-expired {
background: rgba(233, 30, 99, 0.1);
}
.completion-expected {
font-size: 13px;
}
.completion-sortchoice,
.completion-identifyfield {
font-size: 13px;
vertical-align: bottom;
}
.completion-progresscell {
text-align: center;
}
.completion-progresscell img {
width: 16px;
height: 16px;
}
.completion-expired .completion-expected {
font-weight: bold;
}
/**
* Web Service
*/
#webservice-doc-generator td {
text-align: left;
border: 0 solid black;
}
/**
* Smart Select Element
*/
.smartselect {
position: absolute;
}
.smartselect .smartselect_mask {
background-color: #fff;
}
.smartselect ul {
padding: 0;
margin: 0;
}
.smartselect ul li {
list-style: none;
}
.smartselect .smartselect_menu {
margin-right: 5px;
}
.safari .smartselect .smartselect_menu {
margin-left: 2px;
}
.smartselect .smartselect_menu,
.smartselect .smartselect_submenu {
border: 1px solid #000;
background-color: #fff;
display: none;
}
.smartselect .smartselect_menu.visible,
.smartselect .smartselect_submenu.visible {
display: block;
}
.smartselect .smartselect_menu_content ul li {
position: relative;
padding: 2px 5px;
}
.smartselect .smartselect_menu_content ul li a {
color: #333;
text-decoration: none;
}
.smartselect .smartselect_menu_content ul li a.selectable {
color: inherit;
}
.smartselect .smartselect_submenuitem {
background-image: url([[pix:moodle|t/collapsed]]);
background-repeat: no-repeat;
background-position: 100%;
}
/** Spanning mode */
.smartselect.spanningmenu .smartselect_submenu {
position: absolute;
top: -1px;
left: 100%;
}
.smartselect.spanningmenu .smartselect_submenu a {
white-space: nowrap;
padding-right: 16px;
}
.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
text-decoration: underline;
}
/** Compact mode */
.smartselect.compactmenu .smartselect_submenu {
position: relative;
margin: 2px -3px;
margin-left: 10px;
display: none;
border-width: 0;
z-index: 1010;
}
.smartselect.compactmenu .smartselect_submenu.visible {
display: block;
}
.smartselect.compactmenu .smartselect_menu {
z-index: 1000;
overflow: hidden;
}
.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
z-index: 1020;
}
.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
font-weight: bold;
}
/**
* Registration
*/
#page-admin-registration-register .registration_textfield {
width: 300px;
}
.corelightbox {
background-color: #ccc;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.corelightbox img {
position: fixed;
top: 50%;
left: 50%;
}
.mod-indent-outer {
display: table;
}
.mod-indent {
display: table-cell;
}
.mod-indent-1 {
width: 30px;
}
.mod-indent-2 {
width: 60px;
}
.mod-indent-3 {
width: 90px;
}
.mod-indent-4 {
width: 120px;
}
.mod-indent-5 {
width: 150px;
}
.mod-indent-6 {
width: 180px;
}
.mod-indent-7 {
width: 210px;
}
.mod-indent-8 {
width: 240px;
}
.mod-indent-9 {
width: 270px;
}
.mod-indent-10 {
width: 300px;
}
.mod-indent-11 {
width: 330px;
}
.mod-indent-12 {
width: 360px;
}
.mod-indent-13 {
width: 390px;
}
.mod-indent-14 {
width: 420px;
}
.mod-indent-15,
.mod-indent-huge {
width: 420px;
}
/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
.resourcecontent .mediaplugin_mp3 object {
height: 25px;
width: 600px;
}
.resourcecontent audio.mediaplugin_html5audio {
width: 600px;
}
/** Large resource images should avoid hidden overflow **/
.resourceimage {
max-width: 100%;
}
/* Audio player size in 'inline' mode (can only change width, as above) */
.mediaplugin_mp3 object {
height: 15px;
width: 300px;
}
audio.mediaplugin_html5audio {
width: 300px;
}
/* TinyMCE moodle media preview frame should not have padding */
.core_media_preview.pagelayout-embedded #content {
padding: 0;
}
.core_media_preview.pagelayout-embedded #maincontent {
height: 0;
}
body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
padding: 0;
margin: 0;
min-width: 0;
background: none;
}
.mceEditor.moodleSkin .mceToolbar a span.mceIcon {
padding: 7px;
}
.mceEditor.moodleSkin .mceToolbar a span.mceIcon img {
padding: 0;
}
.path-rating .ratingtable .c0 {
width: 51px;
}
.initialbar a,
.initialbar strong {
padding-left: 3px;
padding-right: 3px;
}
/* Moodle Dialogue Settings (moodle-core-dialogue) */
.moodle-dialogue-base .moodle-dialogue-lightbox {
background-color: #fff;
opacity: 0.8;
filter: alpha(opacity=80);
}
.moodle-dialogue-base .hidden,
.moodle-dialogue-base .moodle-dialogue-hidden {
display: none;
}
.no-scrolling {
overflow: hidden;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen {
left: 0;
top: 0;
right: 0;
bottom: -50px;
position: fixed;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
overflow: auto;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
width: 28px;
height: 16px;
background-size: 100%;
}
.moodle-dialogue-base .moodle-dialogue {
padding: 0;
margin: 0;
background: none;
border: none;
z-index: 600;
outline: #000 dotted 0;
}
.moodle-dialogue-base .moodle-dialogue-wrap {
margin-top: -3px;
margin-left: -3px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
background-image: none;
background-color: #fff;
color: #565656;
padding: 15px;
border-bottom: 1px solid #f5f5f5;
padding-right: 30px;
font-size: 36px;
min-height: 66px;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
margin-top: 15px;
margin-right: 5px;
padding: 0;
background-image: none;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons button.yui3-button.closebutton {
box-shadow: none;
background-color: #fff;
opacity: 0.4;
filter: alpha(opacity=40);
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons button.yui3-button.closebutton:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.moodle-dialogue-base button.yui3-button.closebutton {
width: 27px;
height: 27px;
float: right;
vertical-align: middle;
display: inline-block;
cursor: pointer;
padding: 0;
background-image: url([[pix:theme|close_x]]);
background-repeat: no-repeat;
border-style: none;
}
.moodle-dialogue-base button.yui3-button.closebutton,
.moodle-dialogue-base button.yui3-button.closebutton:hover {
background-position: center center;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
position: relative;
padding: 20px;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
padding: 0;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
overflow: auto;
position: absolute;
top: 0;
bottom: 50px;
left: 0;
right: 0;
margin: 0;
border: 0;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
border-radius: 0;
}
.moodle-dialogue-confirm .confirmation-dialogue {
text-align: center;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
text-align: center;
}
.moodle-dialogue-exception .moodle-exception-message {
text-align: center;
}
.moodle-dialogue-exception .moodle-exception-param label {
font-weight: bold;
}
.moodle-dialogue-exception .param-stacktrace label {
background-color: #eee;
border: 1px solid #ccc;
border-bottom-width: 0;
}
.moodle-dialogue-exception .param-stacktrace pre {
border: 1px solid #ccc;
background-color: #fff;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
color: navy;
font-size: 13px;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
color: #e91e63;
font-size: 13px;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
color: #333;
font-size: 90%;
border-bottom: 1px solid #eee;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
background-color: #fff;
font-size: 12px;
padding: 20px;
text-align: right;
border-top: 1px solid #f5f5f5;
margin-top: 0;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft .btn-group .btn + .btn {
margin-left: -1px;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft .btn-block + .btn-block {
margin-left: 0;
}
.moodle-dialogue-confirm .confirmation-message {
margin: 0.5em 1em;
}
.moodle-dialogue-confirm .confirmation-dialogue input {
min-width: 80px;
}
.moodle-dialogue-exception .moodle-exception-message {
margin: 1em;
}
.moodle-dialogue-exception .moodle-exception-param {
margin-bottom: 0.5em;
}
.moodle-dialogue-exception .moodle-exception-param label {
width: 150px;
}
.moodle-dialogue-exception .param-stacktrace label {
display: block;
margin: 0;
padding: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace pre {
display: block;
height: 200px;
overflow: auto;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
display: inline-block;
margin: 4px 0;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
display: inline-block;
width: 50px;
margin: 4px 1em;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
padding-left: 25px;
margin-bottom: 4px;
padding-bottom: 4px;
}
.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
opacity: 75;
filter: alpha(opacity=7500);
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
text-align: center;
padding: 10% 0;
}
/* Apply a default max-height on tooltip text */
.moodle-dialogue .tooltiptext {
max-height: 300px;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
z-index: 3001;
}
.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
overflow: auto;
}
/**
* Chooser Dialogues (moodle-core-chooserdialogue)
*
* This CSS belong to the chooser dialogue which should work both with, and
* without javascript enabled
*/
/* Hide the dialog and it's title */
.chooserdialoguebody,
.choosertitle {
display: none;
}
.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
margin: 0;
}
.moodle-dialogue-ft:empty {
display: none;
}
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
padding: 0;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
margin: 0.7em 0;
text-align: center;
}
.choosercontainer #chooseform .submitbuttons input {
min-width: 100px;
margin: 0 0.5em;
}
/* Various settings for the options area */
.choosercontainer #chooseform .options {
position: relative;
border-bottom: 1px solid #f5f5f5;
}
/* Only set these options if we're showing the js container */
.jsenabled .choosercontainer #chooseform .alloptions {
overflow-x: hidden;
overflow-y: auto;
max-width: 50%;
max-height: calc(100vh - 15em) !important;
}
/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
margin-bottom: 0;
padding: 0 4px;
font-size: 12px;
}
.choosercontainer #chooseform .moduletypetitle {
text-transform: uppercase;
padding-top: 1.2em;
padding-bottom: 0.4em;
}
.choosercontainer #chooseform .option .typename,
.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption .typename,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
margin: 0 0 0 0.5em;
}
.choosercontainer #chooseform .option span.modicon img.icon,
.choosercontainer #chooseform .nonoption span.modicon img.icon {
height: 24px;
width: 24px;
}
.choosercontainer #chooseform .option input[type=radio],
.choosercontainer #chooseform .option span.typename,
.choosercontainer #chooseform .option span.modicon {
vertical-align: middle;
}
.choosercontainer #chooseform .option label {
display: block;
padding: 0.3em 0 0.1em 0;
border-bottom: 1px solid #fff;
font-weight: normal;
}
.choosercontainer #chooseform .nonoption {
padding-left: 2.7em;
padding-top: 0.3em;
padding-bottom: 0.1em;
}
.choosercontainer #chooseform .subtype {
margin-bottom: 0;
padding: 0 1.6em 0 3.2em;
}
.choosercontainer #chooseform .subtype .typename {
margin: 0 0 0 0.2em;
}
/* The instruction/help area */
.jsenabled .choosercontainer #chooseform .instruction,
.jsenabled .choosercontainer #chooseform .typesummary {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
margin: 0;
padding: 1.6em;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
}
/* Selected option settings */
.jsenabled .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
display: block;
}
.choosercontainer #chooseform .selected {
background-color: #fff;
}
.section-modchooser-link img.smallicon {
padding: 3px;
}
/* Form element: listing */
.formlistingradio {
padding-bottom: 25px;
padding-right: 10px;
}
.formlistinginputradio {
float: left;
}
.formlistingmain {
min-height: 225px;
}
.formlisting {
position: relative;
margin: 15px 0;
padding: 1px 19px 14px;
background-color: white;
border: 1px solid #ddd;
border-radius: 4px;
}
.formlistingmore {
position: absolute;
cursor: pointer;
bottom: -1px;
right: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
background-color: whiteSmoke;
border: 1px solid #ddd;
color: #9da0a4;
border-radius: 4px 0 4px 0;
}
.formlistingall {
margin: 15px 0;
padding: 0;
border-radius: 4px;
}
.formlistingrow {
cursor: pointer;
border-bottom: 1px solid;
border-color: #e1e1e8;
border-left: 1px solid #e1e1e8;
border-right: 1px solid #e1e1e8;
background-color: #f7f7f9;
border-radius: 0 0 4px 4px;
padding: 6px;
top: 50%;
left: 50%;
min-height: 34px;
float: left;
width: 150px;
}
body.jsenabled .formlistingradio {
display: none;
}
body.jsenabled .formlisting {
display: block;
}
.invisiblefieldset {
display: inline;
margin: 0;
padding: 0;
border-width: 0;
}
.breadcrumb-nav {
float: left;
margin-bottom: 10px;
}
.breadcrumb-button .singlebutton div {
margin-right: 0;
}
.breadcrumb-nav .breadcrumb {
margin: 0;
}
/** Action menu component styles **/
.moodle-actionmenu,
.moodle-actionmenu > ul,
.moodle-actionmenu > ul > li {
display: inline-block;
}
.moodle-actionmenu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.moodle-actionmenu .toggle-display,
.moodle-actionmenu .menu-action-text {
display: none;
/** Hidden by default, display none so that we don't take up space. **/
}
.jsenabled .moodle-actionmenu[data-enhance] {
display: block;
}
.jsenabled .moodle-actionmenu[data-enhance] .menu {
display: none;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {
display: inline;
/** JS is enabled, we'll be using it so return display to normal **/
opacity: 50;
filter: alpha(opacity=5000);
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
display: block;
margin-left: 4px;
padding-left: 4px;
padding-right: 4px;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall {
margin: 12px 8px 4px 2px;
vertical-align: text-bottom;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
margin-top: 8px;
margin-left: 2px;
border-top-color: #03a9f4;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
border-top-color: #fff;
}
.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
opacity: 100;
filter: alpha(opacity=10000);
}
.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
display: inline;
}
.moodle-actionmenu[data-enhanced].show {
position: relative;
}
.moodle-actionmenu[data-enhanced].show .menu {
display: block;
position: absolute;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
z-index: 1000;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 20px 0 #666;
box-shadow: 5px 5px 20px 0 #666;
/** bottom left of button **/
/** bottom right of button **/
/** top left of button **/
/** top right of button **/
}
.moodle-actionmenu[data-enhanced].show .menu a {
display: block;
color: #333;
padding: 2px 1em 2px 28px;
}
.moodle-actionmenu[data-enhanced].show .menu a:hover,
.moodle-actionmenu[data-enhanced].show .menu a:focus {
color: #fff;
background-color: #03a9f4;
}
.moodle-actionmenu[data-enhanced].show .menu a:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu a:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu a.hidden {
display: none;
}
.moodle-actionmenu[data-enhanced].show .menu img {
vertical-align: middle;
}
.moodle-actionmenu[data-enhanced].show .menu .iconsmall {
margin: 4px 4px 4px -24px;
}
.moodle-actionmenu[data-enhanced].show .menu > li {
display: block;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-bl {
top: 100%;
left: 0;
margin-top: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-bl {
top: 100%;
right: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-bl {
bottom: 100%;
left: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-bl {
bottom: 100%;
right: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-br {
top: 100%;
left: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-br {
top: 100%;
right: 0;
margin-top: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-br {
bottom: 100%;
left: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-br {
bottom: 100%;
right: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-tl {
top: 0;
left: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-tl {
top: 0;
right: 100%;
margin-right: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-tl {
bottom: 100%;
left: 0;
margin-bottom: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-tl {
bottom: 100%;
right: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tl-tr {
top: 0;
left: 100%;
margin-left: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu.align-tr-tr {
top: 0;
right: 0;
}
.moodle-actionmenu[data-enhanced].show .menu.align-bl-tr {
bottom: 100%;
left: 100%;
}
.moodle-actionmenu[data-enhanced].show .menu.align-br-tr {
bottom: 100%;
right: 0;
margin-bottom: 4px;
}
.block .moodle-actionmenu {
text-align: right;
}
ul.dragdrop-keyboard-drag li {
list-style-type: none;
}
.block-control-actions .moodle-core-dragdrop-draghandle img {
width: 12px;
height: 12px;
}
a.disabled:hover,
a.disabled {
text-decoration: none;
cursor: default;
font-style: italic;
color: #808080;
}
.progress .bar {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
#fgroup_id_sdays > .fgroup > span,
#fgroup_id_resetgroup > .fgroup > span,
#fgroup_id_resetallgroup > .fgroup > span {
display: inline-block;
}
/**
* Snap variables.
*
* @package theme_snap
* @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/**
* Main swatch - includes all snap swatch files.
*
* @package theme_snap
* @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/**
* Moodle blocks.
*
* @package theme_snap
* @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
@media screen and (min-width: 768px) {
#moodle-blocks {
column-count: 2;
column-gap: 5%;
column-width: 45%;
}
#moodle-blocks .block:not(.block_settings) {
display: inline-block;
width: 100%;
position: relative;
}
}
.block .header .title h2 {
font-size: 29px;
}
.block h3 {
font-size: 24px;
}
a.skip-block {
display: none;
}
/* remove block actions, always display blocks when displayed */
.block_action {
display: none;
}
.block.hidden .content {
display: block;
}
/* hide blocks by default */
/* workaround for participant list pretending to be course view MDL-50492 */
#moodle-blocks,
.path-user.path-course.path-course-view.editing #moodle-blocks {
visibility: hidden;
height: 0;
overflow: hidden;
}
/* show blocks on front page, quiz, book, cal etc and when clicked */
#page-admin-index #moodle-blocks,
#page-mod-quiz-attempt #moodle-blocks,
#page-mod-quiz-review #moodle-blocks,
#page-mod-book-view #moodle-blocks,
#page-mod-lesson-view #moodle-blocks,
#page-site-index #moodle-blocks,
#page-user-profile #moodle-blocks,
#page-my-index #moodle-blocks,
#page-calendar-view #moodle-blocks,
#moodle-blocks.state-visible,
.format-weeks.path-course-view.editing #moodle-blocks,
.format-topics.path-course-view.editing #moodle-blocks {
visibility: visible;
height: auto;
overflow: visible;
}
/* Some mods have faux blocks - but we want to hide all the other blocks */
#page-mod-lesson-view #moodle-blocks,
#page-mod-book-view #moodle-blocks,
#page-mod-quiz-review #moodle-blocks,
#page-mod-quiz-attempt #moodle-blocks {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#page-mod-lesson-view #moodle-blocks .block,
#page-mod-book-view #moodle-blocks .block,
#page-mod-quiz-review #moodle-blocks .block,
#page-mod-quiz-attempt #moodle-blocks .block {
display: none;
}
#page-mod-lesson-view #moodle-blocks .block_fake,
#page-mod-book-view #moodle-blocks .block_fake,
#page-mod-quiz-review #moodle-blocks .block_fake,
#page-mod-quiz-attempt #moodle-blocks .block_fake,
#page-mod-lesson-view #moodle-blocks .block_settings,
#page-mod-book-view #moodle-blocks .block_settings,
#page-mod-quiz-review #moodle-blocks .block_settings,
#page-mod-quiz-attempt #moodle-blocks .block_settings {
display: block;
}
#page-mod-lesson-view #moodle-blocks .block_fake,
#page-mod-book-view #moodle-blocks .block_fake,
#page-mod-quiz-review #moodle-blocks .block_fake,
#page-mod-quiz-attempt #moodle-blocks .block_fake {
margin-top: 2em;
}
.block,
.block-region .block {
margin: 0 auto 1em;
padding: 0 2%;
box-shadow: none;
border: 0;
background-color: transparent;
max-width: 50.5em;
}
body.path-site .block-region .block {
margin: 2em auto;
}
.block.block_settings,
body.path-site .block.block_settings {
margin-top: 0;
margin-bottom: 1em;
}
/* Reset margin on setting block. */
.block_settings .block_tree ul {
margin-left: 0;
padding-left: 20px;
}
/* icons in blocks */
.block_navigation .block_tree .tree_item.branch,
.block_settings .block_tree .tree_item.branch {
background-position: 0 0.4em;
}
.block_navigation .block_tree li.item_with_icon > p img,
.block_settings .block_tree li.item_with_icon > p img {
top: 0.15em;
opacity: 0.7;
position: relative;
}
.block .icon.column {
width: 21px;
}
.block .icon.column img {
vertical-align: baseline;
}
.eventcontent .smallicon {
width: 50px;
margin-right: 2%;
}
/* Calandar */
.eventtitle {
font-size: 1em;
}
.calendar-event-panel .eventcontent {
text-align: left;
padding: 0.5em;
}
.block .minicalendar {
max-width: 100%;
}
.eventskey,
.block_calendar_month .calendar_filters {
display: none;
}
/* ADMIN BLOCK */
#page-content .block_settings {
width: 320px;
height: 0;
visibility: hidden;
position: fixed;
background-color: #fff !important;
top: 0;
right: -100%;
}
#page-content .block_settings .moodle-core-dragdrop-draghandle {
display: none;
}
#page-content .block_settings .header {
visibility: hidden;
height: 1.5em;
}
#page-content .block_settings.state-visible,
.block_settings:target {
visibility: visible;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 13;
right: 0;
padding-top: 2em;
border-left: 1px solid #eee;
transition: right 0.4s ease-in-out;
}
.block .header .title .commands {
width: 100%;
font-size: small;
}
.block_rss_client ul.list li {
border: 0;
margin: 1em 0;
}
.block_rss_client ul.list li .description {
font-size: small;
}
/* BLOCKS EDITING */
.block .moodle-actionmenu[data-enhanced].show .menu,
.block .moodle-actionmenu[data-enhanced].show .menu[style] {
left: 0 !important;
}
.block .commands.show .moodle-core-dragdrop-draghandle {
display: none;
}
/* Hide header when editing front page block. */
#page-site-index.pagelayout-admin #page-header {
display: none;
}
#page-site-index.pagelayout-admin #region-main {
padding-top: 2em;
}
/**
* Snap core swatch.
*
* @package theme_snap
* @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
html {
-webkit-font-smoothing: auto !important;
}
img.spacer,
.noavailable,
.clearfloat {
display: none;
}
#notice,
.section.img-text,
.boxwidthwide,
.boxwidthnormal,
.course-content ul.topics li.section .content,
.course-content ul.topics li.section .summary,
.site-topic ul.section,
.course-content ul.section,
.path-mod-choice .horizontal,
.path-mod-choice .vertical,
.path-mod-choice .anonymous,
.path-mod-choice .names,
.path-mod-choice .results.anonymous .graph.horizontal,
.block_course_overview .content,
.block .header .title h2,
.block .content,
.coursebox .content .coursecat,
.coursebox .content .summary,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .teachers,
.coursebox.remotecoursebox .remotecourseinfo,
.section .activity .availabilityinfo,
.section .activity .contentafterlink,
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content,
#page-course-index-category .generalbox.info,
.loginbox.onecolumn,
.loginbox,
#page-report-outline-user .section,
.path-admin #assignrole {
max-width: 100%;
min-width: 0;
width: auto;
padding: 0;
margin: 0 auto;
}
.section.img-text:before,
.section.img-text:after {
content: " ";
display: table;
}
.section.img-text:after {
clear: both;
}
.section.img-text:before,
.section.img-text:after {
content: " ";
display: table;
}
.section.img-text:after {
clear: both;
}
table.boxwidthnormal,
table.boxwidthwide {
width: 100%;
}
#page-course-index-category .generalbox.info,
.courses .coursebox.collapsed,
.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox.onecolumn {
background-color: transparent;
border: none;
box-shadow: none;
padding: 0;
}
@media screen and (min-width: 768px) {
.twocolumns .signuppanel,
.twocolumns .loginpanel {
float: none !important;
width: 100% !important;
left: 0 !important;
padding: 0 !important;
}
}
#page-login-index #region-main {
max-width: 100%;
padding: 0 4% 2em;
}
#page-login-index .loginpanel h2 {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: no-repeat center center;
background-size: contain;
margin: 0;
}
#page-login-index .loginbox {
float: none;
padding: 1em 4%;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
margin: 2em auto;
max-width: 30em;
left: 0;
}
#page-login-index #loginbtn {
display: block;
width: 100%;
margin: 1em 0;
}
#page-login-index .signuppanel > h2 {
display: none;
}
#page-login-index #moodle-footer {
margin-top: 0;
}
.full-width {
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.full-width-pad {
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding: 0 4%;
}
/* animations */
@keyframes snap-drop {
0% {
transform: matrix(1, 0, 0, 1, 0, -600);
}
100% {
transform: matrix(1, 0, 0, 1, 0, 0);
}
}
@keyframes snap-rise {
0% {
transform: matrix(1, 0, 0, 1, 0, 0);
}
100% {
transform: matrix(1, 0, 0, 1, 0, -600);
}
}
html {
box-sizing: border-box;
font-size: 18px;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
::-moz-selection {
background: #fe57a1;
color: #fff;
text-shadow: none;
}
::selection {
background: #fe57a1;
color: #fff;
text-shadow: none;
}
body.ie {
-ms-overflow-style: scrollbar;
}
input:focus,
textarea:focus,
a:focus {
outline: 0;
}
label {
font-weight: 500;
}
select {
background-color: #fff;
max-width: 100%;
}
select:disabled,
input:disabled,
input:disabled + label {
opacity: 0.5;
}
:disabled {
cursor: not-allowed;
}
textarea {
max-width: 100%;
}
body {
font-weight: 300;
}
table,
.floater .cell {
width: 100%;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size: 16px;
}
blockquote {
font-size: 1em;
}
img {
max-width: 100%;
height: auto;
}
a {
word-wrap: break-word;
overflow-wrap: break-word;
}
table img {
min-width: 12px;
}
table.results td.graph > img {
min-width: 0;
}
img[style*="float:left"],
img[style*="float: left"],
img[style*="float: right"],
img[style*="float:right"] {
margin: 2%;
}
small,
.small {
font-size: small !important;
}
@media screen and (max-width: 991px) {
img[style*="float:left"],
img[style*="float: left"],
img[style*="float: right"],
img[style*="float:right"] {
float: none !important;
display: table-cell;
clear: both;
}
}
img.icon {
padding: 0;
margin-right: 6px;
}
.svg-icon,
.snap-icon {
width: 2rem;
height: 2rem;
margin: 0 0.3rem;
vertical-align: middle;
}
.mediaplugin_videojs > div {
max-width: none !important;
}
.media-responsive {
width: 100%;
display: block;
position: relative;
}
.media-responsive > *:not(video):first-child {
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
height: 100% !important;
width: 100% !important;
}
.media-responsive-pad {
display: block;
}
.videoiframe iframe {
width: 100% !important;
margin: 0 auto;
}
.mediaplugin object,
.mediaplugin_flv,
.mediaplugin embed .mediaplugin iframe {
width: 100%;
margin: 0 auto;
max-height: 90vh;
}
video {
width: 100% !important;
height: auto !important;
}
/* mdl hide stuff icon - hide in bs has different meaning*/
img.icon.hide {
display: inline-block !important;
}
li {
break-inside: avoid-column;
}
hr {
margin-top: 0.75em;
margin-bottom: 0.75em;
height: 1.75em;
border: 0;
}
.block .content hr {
margin: 0.3;
height: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6,
legend {
line-height: 1.5;
margin: 0.5em 0;
}
h1 {
font-weight: 100;
margin: 0.25em 0;
}
#page-header h1 {
margin-top: 0;
line-height: 1;
font-weight: 100;
}
#region-main textarea {
font-family: Georgia, "Times New Roman", Times, serif;
}
label,
.label,
.form-label,
.form-defaultinfo,
.form-description,
.form-filemanager,
.ffilepicker,
.ffilemanager,
.fdescription,
.fstatic,
.collapsible-actions,
input,
button,
select,
.pagination,
.initialbar,
.paging,
.alert,
.nav-pills,
.nav-tabs,
.course-report-dashboard,
.yui3-tabview-list,
.yuimenu,
#course-category-listings,
.progress .bar,
.progress-bar,
.yui-dt-paginator {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
@media screen and (min-width: 768px) {
.nav.nav-justified > li > a {
padding-left: 0;
padding-right: 0;
white-space: nowrap;
}
}
.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs {
margin-bottom: 1em;
}
.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs li.disabled > a,
.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs li.disabled > a:hover,
.path-grade ul.nav.nav-tabs + ul.nav.nav-tabs li.disabled > a:focus {
color: #565656;
background-color: #fff;
border: 1px solid #dadada;
border-bottom-color: transparent;
cursor: default;
}
select,
input,
textarea {
max-width: 100%;
}
.section-modchooser-text,
#changenumsections .increase-sections,
#changenumsections .reduce-sections,
.paging.paging-morelink a,
button#local-joulegrader-preview-button,
button.atto_equation_submit,
a.yui3-button,
.yui-button button,
.felement.ftext input + button,
.header-button-group .btn,
.btn.btn-primary,
.btn.btn-default,
.button-group > button,
input.form-submit,
input[type="button"],
input[type="submit"],
button[type="submit"],
.moodle-dialogue-content button,
button#restrictbygroup,
button#livelogs-pause-button,
#page-admin-tool-monitor-managerules a > button,
input[type="reset"] {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
background: transparent;
}
.section-modchooser-text:hover,
#changenumsections .increase-sections:hover,
#changenumsections .reduce-sections:hover,
.paging.paging-morelink a:hover,
button#local-joulegrader-preview-button:hover,
button.atto_equation_submit:hover,
a.yui3-button:hover,
.yui-button button:hover,
.felement.ftext input + button:hover,
.header-button-group .btn:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover,
.button-group > button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.moodle-dialogue-content button:hover,
button#restrictbygroup:hover,
button#livelogs-pause-button:hover,
#page-admin-tool-monitor-managerules a > button:hover,
input[type="reset"]:hover,
.section-modchooser-text:focus,
#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
.paging.paging-morelink a:focus,
button#local-joulegrader-preview-button:focus,
button.atto_equation_submit:focus,
a.yui3-button:focus,
.yui-button button:focus,
.felement.ftext input + button:focus,
.header-button-group .btn:focus,
.btn.btn-primary:focus,
.btn.btn-default:focus,
.button-group > button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
.moodle-dialogue-content button:focus,
button#restrictbygroup:focus,
button#livelogs-pause-button:focus,
#page-admin-tool-monitor-managerules a > button:focus,
input[type="reset"]:focus {
text-decoration: none;
color: #fff;
background: #03a9f4;
}
.btn.btn-success:visited {
color: #8bc34a;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success:focus {
color: #fff;
background: #8bc34a;
}
.btn.btn-info:visited {
color: #03a9f4;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info:focus {
color: #fff;
background: #03a9f4;
}
.btn.btn-warning:visited {
color: #ff9800;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning:focus {
color: #fff;
background: #ff9800;
}
.btn.btn-danger:visited {
color: #e91e63;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus {
color: #fff;
background: #e91e63;
}
.btn.btn-inverse,
.btn.btn-inverse:visited {
color: #fff;
border-color: #fff;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:active,
.btn.btn-inverse:focus {
color: #03a9f4;
background: #fff;
border-color: #03a9f4;
}
.btn.btn-solid,
.btn.btn-solid:visited,
.btn.btn-solid:active,
.btn.btn-solid:focus {
background: #fff;
}
.btn-group > button + button {
margin-left: 1em;
}
#page-site-index .section-modchooser-link {
clear: both;
margin: 0;
padding: 0.5em;
display: block;
border-color: white;
}
#page-site-index .section-modchooser-link img {
display: none;
}
#page-site-index .section-modchooser-link .section-modchooser-text {
display: inline-block;
margin-bottom: 0;
font-weight: 300;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 16px;
font-size: 18px;
line-height: 1.6;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #03a9f4;
background-color: transparent;
border-color: #03a9f4;
}
#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text:active:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.focus,
#page-site-index .section-modchooser-link .section-modchooser-text:active.focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.focus {
color: #03a9f4;
text-decoration: none;
}
#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-site-index .section-modchooser-link .section-modchooser-text.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#page-site-index .section-modchooser-link .section-modchooser-text.disabled,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled],
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a#page-site-index .section-modchooser-link .section-modchooser-text.disabled,
fieldset[disabled] a#page-site-index .section-modchooser-link .section-modchooser-text {
pointer-events: none;
}
#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
#page-site-index .section-modchooser-link .section-modchooser-text:hover {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-site-index .section-modchooser-link .section-modchooser-text.active,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
#page-site-index .section-modchooser-link .section-modchooser-text:active:hover,
#page-site-index .section-modchooser-link .section-modchooser-text.active:hover,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-site-index .section-modchooser-link .section-modchooser-text:active:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active:focus,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text:active.focus,
#page-site-index .section-modchooser-link .section-modchooser-text.active.focus,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-site-index .section-modchooser-link .section-modchooser-text.active,
.open > .dropdown-toggle#page-site-index .section-modchooser-link .section-modchooser-text {
background-image: none;
}
#page-site-index .section-modchooser-link .section-modchooser-text.disabled:hover,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled]:hover,
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-site-index .section-modchooser-link .section-modchooser-text.disabled:focus,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled]:focus,
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-site-index .section-modchooser-link .section-modchooser-text.disabled.focus,
#page-site-index .section-modchooser-link .section-modchooser-text[disabled].focus,
fieldset[disabled] #page-site-index .section-modchooser-link .section-modchooser-text.focus {
background-color: transparent;
border-color: #03a9f4;
}
#page-site-index .section-modchooser-link .section-modchooser-text .badge {
color: transparent;
background-color: #03a9f4;
}
#page-site-index .section-modchooser-link a,
#page-site-index .section-modchooser-link .section-modchooser-text {
display: block;
width: 100%;
text-align: center;
text-decoration: none;
}
.published-status {
opacity: 0.75;
font-size: small;
}
.userpicture,
.message_stream_user_picture_icon {
border-radius: 50%;
}
.userpicture.defaultuserpic {
border: 1px solid #e5e5e5;
}
.fixy .userpicture.defaultuserpic {
border: none;
}
.icon-close:before {
content: '';
background: transparent url("[[pix:theme|close_x]]") no-repeat 50% 50%;
display: block;
height: 1em;
width: 1em;
margin: 0.1em auto;
}
#snap-footer-alert .snap-icon-close:before,
.fixy .snap-icon-close:before {
background: transparent url("[[pix:theme|close_x_white]]") no-repeat 50% 50%;
}
.icon-arrow-left:before,
.icon-arrow-right:before {
content: '';
background: transparent url("[[pix:theme|right-arrow]]") no-repeat 50% 50%;
display: block;
height: 1em;
width: 1em;
margin: 0.1em auto;
}
.icon-arrow-left:before {
background: transparent url("[[pix:theme|left-arrow]]") no-repeat 50% 50%;
}
#page-header,
#page-login-index #page {
background-position: center top;
background-size: cover;
}
#snap-home.logo {
display: block;
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
height: 40px;
width: 50%;
}
.snap-media-object {
font-weight: 500;
padding: 0.5em 0;
}
.snap-media-object:before,
.snap-media-object:after {
content: " ";
display: table;
}
.snap-media-object:after {
clear: both;
}
.snap-media-object:before,
.snap-media-object:after {
content: " ";
display: table;
}
.snap-media-object:after {
clear: both;
}
.snap-media-object > a:focus {
display: block;
}
.snap-media-object > a > img,
.snap-media-object > img {
float: left;
display: block;
width: 36px;
margin: 0.5em 1em 0 0.5em;
height: auto;
vertical-align: baseline;
}
.snap-media-object .snap-media-body {
overflow: hidden;
}
.snap-media-object .snap-media-body p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.snap-media-object .snap-media-body .text_to_html {
line-height: 1.3em;
}
.snap-media-object .snap-media-body a:hover,
.snap-media-object .snap-media-body a:focus {
text-decoration: underline;
}
.snap-media-object .snap-media-body .label {
font-size: small;
}
.snap-media-object h3 {
color: inherit;
font-size: 1rem;
font-weight: 500;
margin: 0;
}
.snap-media-object h3 small {
color: inherit;
opacity: 0.9;
}
.snap-media-object .snap-media-meta {
display: block;
font-size: small;
color: #999;
}
.snap-media-object .snap-unread-marker {
color: #ff9800;
}
@media screen and (min-width: 480px) {
#moodle-footer .list-unstyled {
column-count: 2;
}
}
@media screen and (min-width: 768px) {
#moodle-footer .list-large {
column-count: 3;
}
}
.message_badge_message,
.message_badge_empty {
border-top: none;
}
.message_badge_message_subject {
padding-right: 0;
}
.message_badge_message_close {
display: none;
}
.message_badge_message_text article {
font-size: 0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
}
.message_badge_message_content {
margin-left: 65px;
}
/**
Its pointless using a colour to visually show that the message is read as we can already tell this by the fact the
read button has been removed and the message text is visible
**/
.message_badge_message.dimmed_text {
color: #565656;
}
.message_badge_message.dimmed_text .message_badge_message_text,
.message_badge_message.dimmed_text .message_badge_message_text a {
color: #565656 !important;
}
.message_badge_user_picture {
margin-right: 18px;
}
.message_badge_user_picture img {
width: 50px;
}
.alert_stream .message_badge_container .message_badge_overlay,
.alert_stream .message_badge_container .message_badge_message_overlay {
background-color: transparent;
border: none;
max-height: none;
width: 100%;
overflow: visible;
}
/***************
THE DOM LOOKS LIKE THIS :
body
nav #mr-nav
#page (for mdl js)
#page-content (for mdl js)
main #moodle-page
header #page-header
section #region-main
footer #moodle-footer
****************************/
#mr-nav,
#page-header,
#region-main,
#moodle-footer,
#moodle-blocks {
margin: 0 auto;
padding: 0 4%;
font-size: 1em;
}
@media (max-width: 375px) {
#mr-nav,
#page-header,
#region-main,
#moodle-footer,
#moodle-blocks {
padding-left: 15px;
padding-right: 15px;
}
}
#mr-nav {
position: fixed;
width: 100%;
z-index: 23;
line-height: 2;
padding: 0.5em 0 0.5em 4%;
background-color: rgba(255, 255, 255, 0.95);
}
#mr-nav.headroom--unpinned {
will-change: transform;
animation-name: snap-rise;
animation-timing-function: ease-in-out;
animation-duration: 0.4s;
animation-fill-mode: forwards;
}
#mr-nav.headroom--pinned {
/*
animation-name: snap-drop;
animation-timing-function: cubic-bezier(.694, .0482, .335, 1);
animation-duration: 0.33s;
*/
}
.genius_dashboard_link img {
width: 1em;
margin-right: 0.25em;
}
#page {
margin: 0;
padding: 0;
position: relative;
left: 0;
transition: all 0.4s 0s ease;
}
#page.offcanvas {
left: -200px;
}
#moodle-blocks {
max-width: 60.5em;
clear: both;
position: relative;
float: none;
}
#region-main {
font-family: Georgia, "Times New Roman", Times, serif;
max-width: 60.5em;
padding-top: 1em;
}
#page-mod-quiz-edit #region-main,
#page-course-management #region-main,
#page-local-joulegrader-view #region-main,
#page-mod-quiz-report #region-main {
max-width: 100%;
}
#page-mod-assign-view .flexible th {
white-space: normal;
}
#maincontent {
height: 0;
}
/***************
THE HEADER DOM LOOKS LIKE THIS :
header#page-header
nav#breadcrumb-nav
ol#breadcrumb
div#page-mast
h1 - a hopefully useful name for this page
****************************/
#page-header {
padding-top: 4em;
padding-bottom: 0.5em;
}
.breadcrumb-nav {
margin-bottom: 0;
float: none;
margin-top: -0.5em;
}
.breadcrumb {
background-color: transparent;
padding: 0;
font-size: 13px;
display: block;
}
@media screen and (max-width: 991px) {
.breadcrumb li:nth-last-child(n+4) {
display: none;
}
.breadcrumb li:nth-last-child(3):before {
content: "";
padding: 0;
}
}
.breadcrumb-button {
margin-top: 0;
}
/***************
div#page-mast
nav#course-toc
ol #chapters
search stuff SHAME
****************************/
.mast-image .breadcrumb li,
.mast-image .breadcrumb li:before,
.mast-image .breadcrumb > li + li:before,
.mast-image .breadcrumb a,
.mast-image .breadcrumb a:visited {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
color: white;
}
.mast-image #page-mast h1 a,
.mast-image #page-mast h1 a:visited,
.mast-image #page-mast h1 a:hover {
color: white;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.mast-image #course-toc {
background-color: rgba(255, 255, 255, 0.95);
}
.path-course-view .mast-image {
min-height: 250px;
}
#searchpin {
background: transparent url("[[pix:theme|searchpin]]") no-repeat 50% 50%;
display: inline-block;
height: 1em;
width: 1em;
margin: 0.1em;
}
/* SHAME - button to toggle actions, e.g. close */
.snap-action-icon {
padding: 0.5em;
font-size: 1.5em;
line-height: 1;
text-decoration: none !important;
display: block;
text-align: center;
}
.snap-action-icon small {
display: block;
text-align: center;
line-height: 1;
font-size: 1rem;
text-transform: uppercase;
}
#admin-menu-trigger {
width: 40px;
height: 40px;
margin-right: 1em;
border: 1px solid #dadada;
border-radius: 100%;
}
#admin-menu-trigger img {
padding: 0.5em;
max-height: 100%;
}
#page-report-outline-user .section {
border: 0;
}
.path-mod-feedback .generalbox div table tbody img {
height: auto;
width: auto;
}
.forumpost .content .posting,
.no-overflow {
overflow: visible;
padding: 0;
}
.form-label .form-shortname {
display: inline;
}
.course-content,
.settingsform,
.mform,
#page-mod-page-view #region-main {
max-width: 43.5em;
margin: 0 auto;
}
.quickgradingform > .mform {
max-width: none;
}
.form-item,
.path-backup .mform .grouped_settings .fitem,
.mform .fcontainer .fitem {
margin-bottom: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.form-item:hover,
.path-backup .mform .grouped_settings .fitem:hover,
.mform .fcontainer .fitem:hover {
background-color: #efefef;
}
.mform .fitem.fitem_fcheckbox:not(#fitem_id_onlygraded) .fitemtitle {
display: inline;
float: none;
width: auto;
padding-left: 0;
}
.mform .fitem.fitem_fcheckbox:not(#fitem_id_onlygraded) .fcheckbox {
width: auto;
padding-right: 0;
}
#page-grade-export-xml-index .mform .fitem.fitem.fitem_fcheckbox .fitemtitle {
float: left;
width: 25%;
}
#page-grade-export-xml-index .mform .fitem .fcheckbox {
color: red;
}
#page-grade-export-xml-index .mform .fitem .fcheckbox input {
margin-right: 20px;
}
.femptylabel > .fitemtitle {
display: none;
}
#fgroup_id_completiondiscussionsgroup.fitem_fgroup .fitemtitle label,
#fgroup_id_completionpostsgroup.fitem_fgroup .fitemtitle label,
#fgroup_id_completionrepliesgroup.fitem_fgroup .fitemtitle label,
#fgroup_id_completionpostsgroup.fitem_fgroup .fitemtitle label {
display: none;
}
#id_activitycompletionheader .fitem_fcheckbox .fitemtitle label {
display: none;
}
.form-item .form-label .form-shortname {
display: inline-block;
padding-left: 1em;
}
.form-item .form-checkbox.defaultsnext {
display: inline-block;
}
.form-item .form-defaultinfo,
.form-item .form-description pre {
font-size: 13px;
}
#fitem_id_coursedisplay {
display: none;
}
.moodle-dialogue.filepicker .form-group {
margin-left: 0;
margin-right: 0;
}
@media screen and (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 4px;
}
}
.path-backup .mform .grouped_settings .backup_selector .felement {
width: 100%;
}
.path-backup .root_setting .fitem .fitemtitle,
.path-backup .normal_setting .fitem .fitemtitle,
.path-backup .root_setting .fitem .felement,
.path-backup .normal_setting .fitem .felement {
width: 50%;
}
.forumpost {
background-color: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
/* BOOK MOD FIX */
.path-mod-book .book_toc_numbered {
font-size: 1em;
}
/* hide show description option */
#page-mod-book-mod #fitem_id_showdescription,
#page-mod-page-mod #fitem_id_showdescription {
display: none;
}
/* Hide not so useful images and exit book option */
.navimages img,
.navimages .bookexit {
display: none;
}
.navimages a img {
display: inline;
}
#page-mod-book-view #region-main {
width: 70%;
float: right;
}
#page-mod-book-view #moodle-blocks {
clear: none;
width: 30%;
float: left;
}
#page-mod-book-print {
font-size: 18px !important;
font-family: Georgia, "Times New Roman", Times, serif !important;
}
/* FRONT PAGE ELEMENTS */
#page-site-index #region-main {
max-width: 100%;
padding: 0;
margin: 0 auto;
}
#page-site-index #page-header {
padding-top: 12.7%;
padding-bottom: 1.75em;
min-height: 405px;
border-bottom: 0;
margin: 0;
position: relative;
}
#page-site-index #snap-coverimagecontrol {
position: absolute;
bottom: 1em;
right: 4%;
}
#page-site-index #page-mast {
background-color: rgba(255, 255, 255, 0.9);
display: inline-block;
padding: 1em 2%;
margin-top: 2em;
}
/*
BUG:
mobile safari does not re-calculate vh on viewport change
http://blog.rodneyrehm.de/archives/34-iOS7-Mobile-Safari-And-Viewport-Units.html
*/
@media screen and (min-width: 1200px) {
#page-site-index #page-header {
min-height: 87vh;
}
}
.path-course #page-mast h1 {
display: inline;
}
#page-mast .snap-login-button {
display: inline-block;
padding: 0.25em 2em;
margin-top: 1em;
}
#mr-nav .snap-login-button {
margin-right: 1em;
}
@media screen and (min-width: 768px) {
#page-site-index #page-mast {
width: 50%;
margin: 11vh 0;
}
}
#page-site-index .breadcrumb-nav {
display: none;
}
#page-site-index .content-slide {
display: none;
}
#frontpage-course-list {
padding: 1em 4%;
}
#page-site-index .sitetopic,
#frontpage-category-names,
#frontpage-category-combo {
max-width: 50.5em;
margin: 2em auto;
clear: both;
}
#page-site-index .sitetopic {
padding: 0 4%;
}
#page-site-index .sitetopic:before,
#page-site-index .sitetopic:after {
content: " ";
display: table;
}
#page-site-index .sitetopic:after {
clear: both;
}
#page-site-index .sitetopic:before,
#page-site-index .sitetopic:after {
content: " ";
display: table;
}
#page-site-index .sitetopic:after {
clear: both;
}
#site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
font-weight: 100;
padding: 0.5em 0;
text-align: center;
font-size: 54px;
}
/* FRONT PAGE SITE NEWS */
#page-site-index #site-news-forum {
margin: 0 auto;
padding: 0 4% 4em;
background-color: #f1f0ee;
}
#page-site-index #site-news-forum:before,
#page-site-index #site-news-forum:after {
content: " ";
display: table;
}
#page-site-index #site-news-forum:after {
clear: both;
}
#page-site-index #site-news-forum:before,
#page-site-index #site-news-forum:after {
content: " ";
display: table;
}
#page-site-index #site-news-forum:after {
clear: both;
}
#news-articles {
margin: 0 auto;
}
.news-article {
background-color: #fff;
margin-bottom: 0.5em;
}
.news-article-inner {
background-color: #fff;
}
.news-article-content {
padding: 0 4%;
min-height: 150px;
}
.news-article-content h3 {
font-size: 46px;
}
.news-article-image {
cursor: pointer;
}
.news-article-image,
.news-article-preview {
color: #fff;
min-height: 150px;
padding: 2em 4%;
background-position: center top;
background-size: cover;
}
.news-article-preview {
height: auto;
}
.news-article-date {
font-size: 0.75em;
}
.news-article-message {
display: none;
padding: 2em 4%;
}
.state-expanded .news-article-preview,
.state-expanded .news-article-image {
display: none;
}
.state-expanded .news-article-message {
display: none;
}
.news-article-message:focus {
outline: 0;
}
@media screen and (min-width: 768px) {
.news-article {
margin-bottom: 0;
display: flex;
}
.news-article-content {
max-width: 100%;
}
.news-article-preview,
.news-article-image,
.news-article-inner {
width: 50%;
min-height: 300px;
flex: 1 1 auto;
}
.news-article-preview p,
.news-article-image p,
.news-article-inner p {
margin: 1em 0;
display: block;
}
.news-article-image {
padding: 0;
}
.state-expanded .news-article-inner {
width: 33%;
order: 1 !important;
}
.state-expanded .news-article-message {
width: 67%;
}
#news-articles div:nth-child(odd) .news-article-preview,
#news-articles div:nth-child(odd) .news-article-image {
order: 2;
}
#news-articles div:nth-child(odd) .news-article-preview p:nth-of-type(2),
#news-articles div:nth-child(odd) .news-article-image p:nth-of-type(2) {
text-align: left;
}
#news-articles div:nth-child(even) .news-article-inner {
order: 2;
}
.ie9 #news-articles div:nth-child(even) .news-article-preview,
.ie9 #news-articles div:nth-child(even) .news-article-image,
.ie9 #news-articles div:nth-child(even) .news-article-inner {
float: left;
}
.ie9 #news-articles div:nth-child(odd) .news-article-preview,
.ie9 #news-articles div:nth-child(odd) .news-article-image,
.ie9 #news-articles div:nth-child(odd) .news-article-inner {
float: right;
}
}
@media screen and (min-width: 1200px) {
.news-article {
min-height: 33vh;
}
}
.coursebox.clearfix,
.coursebox.dl-horizontal dd,
.coursebox.container,
.coursebox.container-fluid,
.coursebox.row,
.coursebox.modal-header,
.coursebox.modal-footer,
.coursebox.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.coursebox.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd,
.coursebox.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft,
.coursebox#id_s_theme_snap_resourcedisplay,
.coursebox#page-user-profile .userprofile .profile_tree,
.coursebox.path-course.path-user .userprofile .profile_tree {
padding: 1em 4%;
border-bottom: 1px solid #eee;
}
.coursebox .info .coursename {
font-size: 36px;
}
.coursebox .enrolmenticons,
.coursebox .moreinfo {
display: inline;
float: none;
padding: 0;
}
.coursebox .content .courseimage {
text-align: center;
max-height: 150px;
overflow: hidden;
}
.coursebox .content .courseimage img {
max-width: 100%;
max-height: 100%;
}
@media screen and (min-width: 992px) {
.frontpage-course-list-all .coursebox {
width: 50%;
display: inline-block;
vertical-align: top;
border: 0;
}
.coursebox .content .summary,
.coursebox .content .teachers {
width: 62%;
float: left;
}
.coursebox .content .courseimage {
float: right;
width: 33%;
}
}
.paging.paging-morelink {
text-align: center;
}
/* COURE LISTINGS PAGES */
.course_category_tree .category > .info,
.coursebox .info,
.coursebox {
background-color: transparent;
border: none;
border-color: transparent;
box-shadow: none;
margin: 0;
}
.coursebox .info {
padding: 0;
}
/* Calandar */
span.calendar_event_global,
li.calendar_event_global:before,
td.calendar_event_global > a {
background-color: #8bc34a;
}
span.calendar_event_course,
li.calendar_event_course:before,
td.calendar_event_course > a {
background-color: salmon;
}
span.calendar_event_group,
li.calendar_event_group:before,
td.calendar_event_group > a {
background-color: #fdd652;
}
span.calendar_event_user,
li.calendar_event_user:before,
td.calendar_event_user > a {
background-color: #03a9f4;
}
td.calendar_event_global,
td.calendar_event_course,
td.calendar_event_group,
td.calendar_event_user {
background-color: transparent;
}
li.calendar_event_global:before,
li.calendar_event_course:before,
li.calendar_event_group:before,
li.calendar_event_user:before {
content: " ";
width: 1em;
height: 1em;
border-radius: 100%;
display: inline-block;
margin: -0.1em 4%;
}
/* Block cals */
.block .minicalendar {
max-width: 500px;
}
.block .minicalendar th {
height: auto;
font-weight: 300;
}
.block .minicalendar td {
height: 4em;
vertical-align: middle;
}
.block .minicalendar td > a {
border-radius: 100%;
height: 4em;
width: 4em;
padding: 1.2em;
display: block;
margin: auto;
}
.block .minicalendar td.hasevent > a {
color: #fff;
}
.block .minicalendar td.today > a {
border: 1px solid #dadada;
}
.calendar-event-panel {
border: 0 !important;
background-color: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.calendar-event-panel .yui3-overlay-content {
border-color: #dadada;
}
.calendar_filters .smallicon {
display: none;
}
.calendar_filters .calendar_event span[class*="_event_"] {
border-radius: 100%;
display: inline-block;
width: 1em;
height: 1em;
margin: -0.1em 2%;
}
.maincalendar .header {
font-weight: 100;
}
.path-calendar .maincalendar .calendarmonth td,
.path-calendar .maincalendar .calendarmonth th {
border-color: #fff;
height: 1em;
}
.maincalendar .day .day {
border-radius: 100%;
width: 4em;
height: 4em;
padding: 1.2em;
border: 1px solid #fff;
margin: 0 auto;
}
.maincalendar .today .day {
border-color: #dadada;
}
.maincalendar .day .day a {
border-radius: 100%;
display: block;
height: 4em;
width: 4em;
padding: 1.2em;
margin: -1.2em;
}
.maincalendar .day.today .day a {
background-color: transparent;
display: inline;
text-align: center;
}
ul.events-new,
ul.events-underway {
padding-top: 0.5em;
}
ul.events-new + ul.events-underway {
padding-top: 0;
}
.path-calendar .maincalendar .eventlist .event {
border: 0;
}
.maincalendar ul {
text-align: left;
}
.maincalendar ul li {
background-color: transparent;
}
#dateselector-calendar-panel .yui3-calendarbase {
width: 350px !important;
}
#dateselector-calendar-panel .yui3-calendar-header-label,
#dateselector-calendar-panel .yui3-calendar-day,
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day,
#dateselector-calendar-panel .yui3-calendar-weekday {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
color: #565656;
border-color: #fff;
text-align: center;
font-weight: normal;
}
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day,
#dateselector-calendar-panel .yui3-calendar-weekday {
font-weight: 100;
}
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day {
color: #999;
}
#dateselector-calendar-panel .yui3-calendar-content {
background: #fff;
}
#dateselector-calendar-panel .yui3-calendarnav-nextmonth,
#dateselector-calendar-panel .yui3-calendarnav-prevmonth {
border: 0;
margin: 0;
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-position: center;
}
#dateselector-calendar-panel .yui3-calendarnav-nextmonth {
background-image: url("[[pix:theme|right-arrow]]");
}
#dateselector-calendar-panel .yui3-calendarnav-prevmonth {
background-image: url("[[pix:theme|left-arrow]]");
}
#dateselector-calendar-panel .yui3-calendar-day,
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day {
width: 14%;
border: 0;
height: 47px;
}
#dateselector-calendar-panel .yui3-calendar-day:hover,
#dateselector-calendar-panel .yui3-calendar-prevmonth-day,
#dateselector-calendar-panel .yui3-calendar-nextmonth-day {
background-color: #fff;
}
#dateselector-calendar-panel .yui3-calendar-day-selected,
#dateselector-calendar-panel .yui3-calendar-day:hover {
transition: all 0.4s ease-in-out;
color: #fff;
border-radius: 100%;
}
@media screen and (min-width: 768px) {
#dateselector-calendar-panel .yui3-calendar-base {
width: 100%;
}
#dateselector-calendar-panel .yui3-calendar-header-label {
font-weight: 100;
font-size: 36px;
}
#dateselector-calendar-panel .yui3-calendarnav-nextmonth,
#dateselector-calendar-panel .yui3-calendarnav-prevmonth {
height: 55px;
}
}
/* USER PROFILE PAGE */
.userprofile .userprofilebox .profilepicture {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.userprofile .userprofilebox .profilepicture {
float: left;
width: 25%;
}
}
.userprofile .userprofilebox .descriptionbox {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.userprofile .userprofilebox .descriptionbox {
float: left;
width: 75%;
}
}
/* MESSAGING PAGE */
#message_user_pictures .box.user {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
#message_user_pictures .box.user {
float: left;
width: 41.66666667%;
}
}
#message_user_pictures .box.between {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
#message_user_pictures .box.between {
float: left;
width: 16.66666667%;
}
}
#message_user_pictures .box {
text-align: center;
}
/* Message contaacts list */
.message-contacts {
list-style: none;
padding: 0;
}
.message-contacts .pix,
.message-contacts .link,
.message-contacts .contact {
display: inline;
}
.message-contacts .pix {
margin-right: 0.5em;
}
.message-contacts .link {
float: right;
}
.path-mod-choice .results.names .user {
clear: both;
}
.path-mod-assignment .userpicture,
.path-mod-assignment .picture.user,
.path-mod-assignment .picture.teacher {
height: auto;
}
.comment-ctrl,
.comment-list {
font-size: 1em;
}
.comment-area {
max-width: 100%;
}
.path-mod-workshop .userplan {
width: 100%;
}
.path-mod-workshop .collapsibleregioncaption {
font-size: 42px;
font-weight: 300;
}
#chat-input-area,
#chat-input-area table.generaltable,
#chat-input-area table.generaltable td.cell,
#chat-userlist {
background-color: transparent !important;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
padding: 0;
}
#page-mod-chat-gui_basic-index #mr-nav,
#page-mod-chat-gui_basic-index #moodle-footer,
#page-mod-chat-gui_basic-index #page-header {
display: none;
}
.branchbuttoncontainer {
margin: 2em 0;
}
#quiz-timer {
position: fixed;
bottom: 0;
left: 1%;
background-color: #000;
color: #eee;
padding: 0.1em 1%;
z-index: 1030;
}
#page-mod-quiz-review .arrow_link {
display: inline-block;
margin-bottom: 0;
font-weight: 300;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 16px;
font-size: 18px;
line-height: 1.6;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #03a9f4;
background-color: transparent;
border-color: #03a9f4;
}
#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link:active:focus,
#page-mod-quiz-review .arrow_link.active:focus,
#page-mod-quiz-review .arrow_link.focus,
#page-mod-quiz-review .arrow_link:active.focus,
#page-mod-quiz-review .arrow_link.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#page-mod-quiz-review .arrow_link:hover,
#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link.focus {
color: #03a9f4;
text-decoration: none;
}
#page-mod-quiz-review .arrow_link:active,
#page-mod-quiz-review .arrow_link.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#page-mod-quiz-review .arrow_link.disabled,
#page-mod-quiz-review .arrow_link[disabled],
fieldset[disabled] #page-mod-quiz-review .arrow_link {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a#page-mod-quiz-review .arrow_link.disabled,
fieldset[disabled] a#page-mod-quiz-review .arrow_link {
pointer-events: none;
}
#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
#page-mod-quiz-review .arrow_link:hover {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
#page-mod-quiz-review .arrow_link:active,
#page-mod-quiz-review .arrow_link.active,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
#page-mod-quiz-review .arrow_link:active:hover,
#page-mod-quiz-review .arrow_link.active:hover,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link:hover,
#page-mod-quiz-review .arrow_link:active:focus,
#page-mod-quiz-review .arrow_link.active:focus,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link:active.focus,
#page-mod-quiz-review .arrow_link.active.focus,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
#page-mod-quiz-review .arrow_link:active,
#page-mod-quiz-review .arrow_link.active,
.open > .dropdown-toggle#page-mod-quiz-review .arrow_link {
background-image: none;
}
#page-mod-quiz-review .arrow_link.disabled:hover,
#page-mod-quiz-review .arrow_link[disabled]:hover,
fieldset[disabled] #page-mod-quiz-review .arrow_link:hover,
#page-mod-quiz-review .arrow_link.disabled:focus,
#page-mod-quiz-review .arrow_link[disabled]:focus,
fieldset[disabled] #page-mod-quiz-review .arrow_link:focus,
#page-mod-quiz-review .arrow_link.disabled.focus,
#page-mod-quiz-review .arrow_link[disabled].focus,
fieldset[disabled] #page-mod-quiz-review .arrow_link.focus {
background-color: transparent;
border-color: #03a9f4;
}
#page-mod-quiz-review .arrow_link .badge {
color: transparent;
background-color: #03a9f4;
}
#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
width: 100%;
float: none;
}
#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
margin: 1em 0;
}
#page-mod-quiz-edit div.question div.qnum {
color: inherit;
width: 5%;
}
#page-mod-quiz-edit div.editq div.question div.content {
border-radius: 0;
width: 95%;
}
#page-mod-quiz-edit div.question div.content div.points,
#page-mod-quiz-edit div.question div.content div.questioncontrols {
position: relative;
float: right;
width: 30%;
right: auto;
}
#page-mod-quiz-edit div.question div.content div.points:empty,
#page-mod-quiz-edit div.question div.content div.questioncontrols:empty {
display: none;
}
#page-mod-quiz-edit div.question div.content div.questioncontrols {
width: 55px;
}
.questioncontentcontainer {
width: 68%;
}
.questioncontainer.random .questioncontentcontainer {
width: 100%;
}
#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist {
clear: both;
background-color: transparent;
width: 100%;
}
#page-mod-quiz-edit div.question div.content .questionname,
#page-mod-quiz-edit div.question div.content .questiontext {
max-width: 95%;
}
@media screen and (max-width: 1199px) {
.questioncontentcontainer {
width: 100%;
clear: both;
}
#page-mod-quiz-edit div.question div.content div.questioncontrols,
#page-mod-quiz-edit div.question div.content div.points {
position: relative;
float: left;
width: 50%;
max-width: 50%;
text-align: left;
right: auto;
}
}
#page-mod-quiz-edit div.quizcontents,
.questionbankwindow.block {
width: 100%;
padding-left: 0;
padding-right: 0;
}
#page-mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage,
#page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected {
padding-right: 0;
}
#page-mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage input,
#page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected input {
white-space: normal;
}
#page-mod-quiz-edit div.reorder div.question div.content {
width: calc(100% - 4.3em);
}
#page-mod-quiz-edit .menu-action-text,
#page-mod-quiz-edit .toggle-display.textmenu {
white-space: nowrap;
}
#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
overflow: visible;
}
@media screen and (min-width: 992px) {
#page-mod-quiz-edit div.quizcontents,
.questionbankwindow.block {
width: 50%;
}
#page-mod-quiz-edit div.container div.generalbox {
padding-left: 8%;
padding-right: 0;
}
}
#page-mod-quiz-edit div.quizwhenbankcollapsed,
#page-mod-quiz-edit .modulespecificbuttonscontainer {
width: 100%;
}
#page-mod-quiz-edit .categoryinfo {
display: none;
}
#categoryquestions .checkbox {
display: table-cell;
}
#categoryquestions .iconcol {
width: 22px;
}
#categoryquestions label,
#page-mod-quiz-edit #categoryquestions .questiontext,
.questioncontentcontainer label,
#page-mod-quiz-edit div.question div.content .questiontext {
font-weight: 300;
}
.que {
border-bottom: 1px solid #999;
padding: 1.5em 0;
margin: 1em 0;
}
.que .info,
.que .content {
background-color: transparent;
border: 0;
width: 100%;
margin: 0;
padding: 0;
float: none;
}
.que h3.no {
margin-top: 1em;
}
.que h3.no,
.que span.qno {
font-size: 46px;
font-weight: 300;
}
.que .info > div {
display: inline-block;
font-size: small;
color: #999;
padding-right: 2%;
}
.que .formulation,
.formulation .incorrect,
.formulation .correct {
border: 0;
background-color: transparent;
width: 100%;
margin: 0;
padding: 0;
}
.que .qtext {
font-size: 1.3em;
}
.que.multichoice .answer .specificfeedback {
display: block;
}
#page-mod-quiz-edit .editq div.question {
border-bottom: 1px solid #eee;
border-top: 1px solid #ccc;
}
#categoryquestions td,
#categoryquestions th {
padding: 4px 0.2em;
}
.singlequestion .questioneditbutton img {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.questioncontainer:before,
.questioncontainer:after {
content: " ";
display: table;
}
.questioncontainer:after {
clear: both;
}
.questioncontainer:before,
.questioncontainer:after {
content: " ";
display: table;
}
.questioncontainer:after {
clear: both;
}
#page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questionname,
#page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questiontext {
float: none;
display: block;
font-weight: normal;
text-decoration: none;
padding: 0;
margin: 0;
}
#page-mod-quiz-edit .questioncontentcontainer div.singlequestion a {
text-decoration: none;
}
#page-mod-quiz-edit .paging,
#page-mod-quiz-edit div.question div.content .singlequestion .questionpreview,
#page-mod-quiz-edit div.question div.content .questionpreview a {
background-color: transparent;
}
#page-mod-quiz-edit div.question div.content .questiontype {
float: left;
font-style: normal;
font-size: small;
}
#page-mod-quiz-edit div.editq div.question div.content {
border: 0;
}
#page-mod-quiz-edit div.quizpage span.pagetitle,
#page-mod-quiz-edit div.quizpage .pagecontent {
float: none;
}
#page-mod-quiz-edit .questionbankwindow.block div.header {
background-color: transparent;
font-weight: normal;
}
#page-mod-quiz-edit div.quizpage span.pagetitle,
#page-mod-quiz-edit .questionbankwindow.block div.header div.title h2,
#page-mod-quiz-edit .questionbankwindow a#showbankcmd,
#page-mod-quiz-edit .questionbankwindow a#hidebankcmd,
#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory {
color: inherit;
}
#page-mod-quiz-edit div.quizpage .pagecontent {
width: 100%;
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}
#page-mod-quiz-edit div.quizpage .pagecontent,
#page-mod-quiz-edit div.question div.questioncontainer {
background-color: transparent;
}
#page-mod-quiz-edit .invisiblefieldset br {
display: none;
}
#page-mod-quiz-edit .modulespecificbuttonscontainer br {
display: block;
}
#page-mod-quiz-edit div.question div.content div.points input {
width: auto;
}
.forumsearch {
padding: 1em;
float: right;
}
.course-1 .movediscussion,
.course-1 .displaymode {
display: none;
}
@media screen and (max-width: 991px) {
.path-mod-forum .forumheaderlist tbody td.topic {
width: 100%;
}
.path-mod-forum .forumheaderlist .picture a {
display: inline;
}
.forumheaderlist thead {
display: none;
}
.forumheaderlist tbody {
width: 100%;
display: block;
}
.forumheaderlist tbody tr.discussion {
display: block;
padding: 1em 0;
border-bottom: 3px solid #ccc;
width: 100%;
}
.forumheaderlist tbody tr td,
.forumheaderlist td.picture.group {
display: block;
clear: both;
text-align: left !important;
background-color: transparent !important;
width: 100%;
}
.forumheaderlist td.topic {
font-size: 1.3em;
}
.forumheaderlist td:before {
font-size: 0.9em;
color: #999;
font-weight: bold;
}
.forumheaderlist td.topic:before {
content: attr(data-cellname);
}
.forumheaderlist td.picture:before {
content: attr(data-cellname);
}
.forumheaderlist td.replies:before {
content: attr(data-cellname);
}
.forumheaderlist td.lastpost:before {
content: attr(data-cellname);
}
.forumheaderlist td:before {
display: inline-block;
margin-right: 4%;
}
.forumheaderlist td.author,
.forumheaderlist td.picture {
clear: none;
}
.forumheaderlist td.picture {
width: 32%;
display: inline;
margin-right: 2%;
}
.forumheaderlist td.author {
width: 68%;
display: inline;
}
}
table.boxaligncenter.generaltable.user-grade {
background-color: #fff;
}
table.boxaligncenter.generaltable.user-grade th {
font-weight: 500;
}
table.boxaligncenter.generaltable.user-grade thead {
border-bottom: 1px solid #eee;
}
table.boxaligncenter.generaltable.user-grade img.icon {
width: 1.3em;
height: 1.3em;
}
table.boxaligncenter.generaltable.user-grade td.feedbacktext {
font-size: 1.3em;
}
table.boxaligncenter.generaltable.user-grade th a {
font-size: 1.2em;
}
table.boxaligncenter.generaltable.user-grade th {
padding: 0.75em !important;
border-color: #fff !important;
}
table.boxaligncenter.generaltable.user-grade td {
border-color: #fff !important;
}
table.boxaligncenter.generaltable.user-grade * {
background-color: #fff !important;
}
.path-blocks-reports #report-content {
min-height: 750px;
}
.path-blocks-reports .course-report-dashboard {
display: block;
width: auto;
overflow: visible;
}
.mr_html_tabs {
margin-bottom: 1em;
}
.path-grade-report-user .user-grade {
border: 0;
}
.user-grade td.b1l,
.user-grade td.b2l,
.user-grade th.b1l,
.user-grade th.b2l,
.user-grade td.b1b,
.user-grade td.b2b,
.user-grade th.b1b,
.user-grade th.b2b,
.user-grade thead {
border-color: #ccc;
border-left: 0 !important;
border-right: 0 !important;
}
.user-grade td.evend2,
.user-grade th.evend2,
.user-grade td.oddd1,
.user-grade th.oddd1,
table#user-grades td.controls,
.path-grade-report-grader table tr.avg .cell,
.path-grade-report-grader table tr.range .cell,
table#user-grades tr.avg td.cell,
.user-grade td.oddd2,
.user-grade th.oddd2,
.user-grade td.oddd3,
.user-grade th.oddd3,
.user-grade td.evend3,
.user-grade th.evend3,
.user-grade td.oddd3,
.user-grade th.oddd3 {
background-color: transparent;
}
table#user-grades tr.avg td.cell {
color: #66666f;
}
#page-blocks-reports-view .mr_html_filter,
#block-reports-filterbutton,
.blocks_reports_useractions,
.blocks_reports_jouleadmin {
border: none;
background: none;
}
.report-category-overlay .yui3-widget {
width: inherit !important;
min-width: 220px;
}
.report-course-overlay .yui3-widget {
width: inherit !important;
min-width: 300px;
}
.gradingform_checklist.editor .addgroup input,
.gradingform_checklist.editor .additem input,
.gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addcriterion input {
display: inline-block;
margin-bottom: 0;
font-weight: 300;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 16px;
font-size: 18px;
line-height: 1.6;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #03a9f4;
background-color: transparent;
border-color: #03a9f4;
height: auto;
}
.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input:active:focus,
.gradingform_checklist.editor .additem input:active:focus,
.gradingform_rubric.editor .addlevel input:active:focus,
.gradingform_rubric.editor .addcriterion input:active:focus,
.gradingform_checklist.editor .addgroup input.active:focus,
.gradingform_checklist.editor .additem input.active:focus,
.gradingform_rubric.editor .addlevel input.active:focus,
.gradingform_rubric.editor .addcriterion input.active:focus,
.gradingform_checklist.editor .addgroup input.focus,
.gradingform_checklist.editor .additem input.focus,
.gradingform_rubric.editor .addlevel input.focus,
.gradingform_rubric.editor .addcriterion input.focus,
.gradingform_checklist.editor .addgroup input:active.focus,
.gradingform_checklist.editor .additem input:active.focus,
.gradingform_rubric.editor .addlevel input:active.focus,
.gradingform_rubric.editor .addcriterion input:active.focus,
.gradingform_checklist.editor .addgroup input.active.focus,
.gradingform_checklist.editor .additem input.active.focus,
.gradingform_rubric.editor .addlevel input.active.focus,
.gradingform_rubric.editor .addcriterion input.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.gradingform_checklist.editor .addgroup input:hover,
.gradingform_checklist.editor .additem input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addcriterion input:hover,
.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input.focus,
.gradingform_checklist.editor .additem input.focus,
.gradingform_rubric.editor .addlevel input.focus,
.gradingform_rubric.editor .addcriterion input.focus {
color: #03a9f4;
text-decoration: none;
}
.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.gradingform_checklist.editor .addgroup input.disabled,
.gradingform_checklist.editor .additem input.disabled,
.gradingform_rubric.editor .addlevel input.disabled,
.gradingform_rubric.editor .addcriterion input.disabled,
.gradingform_checklist.editor .addgroup input[disabled],
.gradingform_checklist.editor .additem input[disabled],
.gradingform_rubric.editor .addlevel input[disabled],
.gradingform_rubric.editor .addcriterion input[disabled],
fieldset[disabled] .gradingform_checklist.editor .addgroup input,
fieldset[disabled] .gradingform_checklist.editor .additem input,
fieldset[disabled] .gradingform_rubric.editor .addlevel input,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.gradingform_checklist.editor .addgroup input.disabled,
a.gradingform_checklist.editor .additem input.disabled,
a.gradingform_rubric.editor .addlevel input.disabled,
a.gradingform_rubric.editor .addcriterion input.disabled,
fieldset[disabled] a.gradingform_checklist.editor .addgroup input,
fieldset[disabled] a.gradingform_checklist.editor .additem input,
fieldset[disabled] a.gradingform_rubric.editor .addlevel input,
fieldset[disabled] a.gradingform_rubric.editor .addcriterion input {
pointer-events: none;
}
.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input.focus,
.gradingform_checklist.editor .additem input.focus,
.gradingform_rubric.editor .addlevel input.focus,
.gradingform_rubric.editor .addcriterion input.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.gradingform_checklist.editor .addgroup input:hover,
.gradingform_checklist.editor .additem input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addcriterion input:hover {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #027fb8;
}
.gradingform_checklist.editor .addgroup input:active:hover,
.gradingform_checklist.editor .additem input:active:hover,
.gradingform_rubric.editor .addlevel input:active:hover,
.gradingform_rubric.editor .addcriterion input:active:hover,
.gradingform_checklist.editor .addgroup input.active:hover,
.gradingform_checklist.editor .additem input.active:hover,
.gradingform_rubric.editor .addlevel input.active:hover,
.gradingform_rubric.editor .addcriterion input.active:hover,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input:hover,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input:hover,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input:hover,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input:hover,
.gradingform_checklist.editor .addgroup input:active:focus,
.gradingform_checklist.editor .additem input:active:focus,
.gradingform_rubric.editor .addlevel input:active:focus,
.gradingform_rubric.editor .addcriterion input:active:focus,
.gradingform_checklist.editor .addgroup input.active:focus,
.gradingform_checklist.editor .additem input.active:focus,
.gradingform_rubric.editor .addlevel input.active:focus,
.gradingform_rubric.editor .addcriterion input.active:focus,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input:focus,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input:focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input:focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input:active.focus,
.gradingform_checklist.editor .additem input:active.focus,
.gradingform_rubric.editor .addlevel input:active.focus,
.gradingform_rubric.editor .addcriterion input:active.focus,
.gradingform_checklist.editor .addgroup input.active.focus,
.gradingform_checklist.editor .additem input.active.focus,
.gradingform_rubric.editor .addlevel input.active.focus,
.gradingform_rubric.editor .addcriterion input.active.focus,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input.focus,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input.focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input.focus,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input.focus {
color: #03a9f4;
background-color: rgba(0, 0, 0, 0);
border-color: #015276;
}
.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active,
.open > .dropdown-toggle.gradingform_checklist.editor .addgroup input,
.open > .dropdown-toggle.gradingform_checklist.editor .additem input,
.open > .dropdown-toggle.gradingform_rubric.editor .addlevel input,
.open > .dropdown-toggle.gradingform_rubric.editor .addcriterion input {
background-image: none;
}
.gradingform_checklist.editor .addgroup input.disabled:hover,
.gradingform_checklist.editor .additem input.disabled:hover,
.gradingform_rubric.editor .addlevel input.disabled:hover,
.gradingform_rubric.editor .addcriterion input.disabled:hover,
.gradingform_checklist.editor .addgroup input[disabled]:hover,
.gradingform_checklist.editor .additem input[disabled]:hover,
.gradingform_rubric.editor .addlevel input[disabled]:hover,
.gradingform_rubric.editor .addcriterion input[disabled]:hover,
fieldset[disabled] .gradingform_checklist.editor .addgroup input:hover,
fieldset[disabled] .gradingform_checklist.editor .additem input:hover,
fieldset[disabled] .gradingform_rubric.editor .addlevel input:hover,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input:hover,
.gradingform_checklist.editor .addgroup input.disabled:focus,
.gradingform_checklist.editor .additem input.disabled:focus,
.gradingform_rubric.editor .addlevel input.disabled:focus,
.gradingform_rubric.editor .addcriterion input.disabled:focus,
.gradingform_checklist.editor .addgroup input[disabled]:focus,
.gradingform_checklist.editor .additem input[disabled]:focus,
.gradingform_rubric.editor .addlevel input[disabled]:focus,
.gradingform_rubric.editor .addcriterion input[disabled]:focus,
fieldset[disabled] .gradingform_checklist.editor .addgroup input:focus,
fieldset[disabled] .gradingform_checklist.editor .additem input:focus,
fieldset[disabled] .gradingform_rubric.editor .addlevel input:focus,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input:focus,
.gradingform_checklist.editor .addgroup input.disabled.focus,
.gradingform_checklist.editor .additem input.disabled.focus,
.gradingform_rubric.editor .addlevel input.disabled.focus,
.gradingform_rubric.editor .addcriterion input.disabled.focus,
.gradingform_checklist.editor .addgroup input[disabled].focus,
.gradingform_checklist.editor .additem input[disabled].focus,
.gradingform_rubric.editor .addlevel input[disabled].focus,
.gradingform_rubric.editor .addcriterion input[disabled].focus,
fieldset[disabled] .gradingform_checklist.editor .addgroup input.focus,
fieldset[disabled] .gradingform_checklist.editor .additem input.focus,
fieldset[disabled] .gradingform_rubric.editor .addlevel input.focus,
fieldset[disabled] .gradingform_rubric.editor .addcriterion input.focus {
background-color: transparent;
border-color: #03a9f4;
}
.gradingform_checklist.editor .addgroup input .badge,
.gradingform_checklist.editor .additem input .badge,
.gradingform_rubric.editor .addlevel input .badge,
.gradingform_rubric.editor .addcriterion input .badge {
color: transparent;
background-color: #03a9f4;
}
.gradingform_rubric.editor .criterion .levels .level .delete {
position: relative;
}
.path-blocks-reports .report-category-overlay .yui3-widget,
.path-blocks-reports .report-course-overlay .yui3-widget {
z-index: 1 !important;
}
.path-blocks-reports #course-search-left,
.path-blocks-reports #course-search-right {
display: none;
}
.path-blocks-reports #course-search-box {
background-image: none;
min-height: 60px;
}
.path-blocks-reports #course-search-text {
padding-top: 0;
margin: 0.5em 5%;
width: calc(84% - 13px);
}
.path-blocks-reports #course-search-button {
padding-top: 3px;
margin: 0.5em 1% 0.5em 0;
}
.path-blocks-reports #course-search-input {
color: #565656;
background-color: #fff;
background-image: none;
border: 1px solid #dadada;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;
-o-transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;
transition: border-color ease-in-out .4s, box-shadow ease-in-out .4s;
width: 100%;
}
.path-blocks-reports .yui3-widget-stdmod,
.path-blocks-reports .yui3-aclist-content {
z-index: 1000;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 18px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.path-blocks-reports .yui3-widget-stdmod .report-overlay-bd,
.path-blocks-reports .yui3-aclist-content .report-overlay-bd {
padding: 0;
}
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item,
.path-blocks-reports .yui3-aclist-content div.report-nav-item {
border-bottom: none;
width: 100%;
}
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item,
.path-blocks-reports .yui3-aclist-content div.report-nav-item a.nav-item {
display: block;
padding: 3px 20px;
font-weight: normal;
line-height: 1.6;
color: #333;
white-space: nowrap;
width: 100%;
}
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:hover,
.path-blocks-reports .yui3-aclist-content div.report-nav-item a.nav-item:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:focus,
.path-blocks-reports .yui3-aclist-content div.report-nav-item a.nav-item:focus {
text-decoration: none;
color: #fff;
background-color: #03a9f4;
}
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-left a.nav-paginate,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-right a.nav-paginate {
display: block;
padding: 3px 20px;
font-weight: normal;
line-height: 1.6;
color: #333;
white-space: nowrap;
}
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:hover,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-left a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:hover,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-right a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:focus,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-left a.nav-paginate:focus,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:focus,
.path-blocks-reports .yui3-aclist-content div.report-nav-item-right a.nav-paginate:focus {
text-decoration: none;
color: #fff;
background-color: #03a9f4;
}
.path-blocks-reports .yui3-widget-stdmod #report-overlay-course div.report-nav-item a.nav-item,
.path-blocks-reports .yui3-aclist-content #report-overlay-course div.report-nav-item a.nav-item {
white-space: normal;
}
#page-grade-report-grader-index header#mr-nav {
animation-name: none;
}
#page-local-joulegrader-view #local-joulegrader-navigation {
border-bottom: thin solid #e5e5e5;
background-color: transparent;
}
#page-local-joulegrader-view #local-joulegrader-navigation .helptooltip {
display: none;
}
#page-local-joulegrader-view #local-joulegrader-navigation .action-icon img.smallicon {
vertical-align: middle;
}
#page-local-joulegrader-view fieldset.fieldset {
border-color: #e5e5e5;
}
#page-local-joulegrader-view fieldset.fieldset legend {
width: auto;
border: none;
padding: 0 0.5em;
}
#page-admin-outcome-admin .yui3-moodle-core_outcome-editoutcome-outcome {
background-position: left .35em;
}
.yui3-moodle-core_outcome-editoutcome-panel #outcome_edit_panel .fitem {
display: block;
margin-bottom: 0.5rem;
}
.yui3-aclist-content {
overflow-y: auto;
max-height: 90vh;
}
.path-blocks-reports .report-title {
font-weight: normal;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
.path-mod-assign #region-main,
.path-grade-edit-tree #region-main,
.path-grade-report-customgrader #region-main,
.path-grade-report-grader #region-main {
width: 100%;
max-width: 100%;
}
.path-mod-assign table.simple,
.path-grade-edit-tree table.simple,
.path-grade-report-customgrader table.simple,
.path-grade-report-grader table.simple,
.path-mod-assign #gradetreesubmit,
.path-grade-edit-tree #gradetreesubmit,
.path-grade-report-customgrader #gradetreesubmit,
.path-grade-report-grader #gradetreesubmit,
.path-mod-assign ul.nav-tabs,
.path-grade-edit-tree ul.nav-tabs,
.path-grade-report-customgrader ul.nav-tabs,
.path-grade-report-grader ul.nav-tabs {
max-width: 60.5em;
margin: 0 auto 1em;
}
.gradetreebox,
.gradingtable .no-overflow,
#page-mod-quiz-report.pagelayout-report .no-overflow,
.path-admin-roles div[role="main"] > form {
overflow: auto;
}
.path-grade-report-customgrader .gradeparent .right_scroller table#user-grades th,
.path-grade-report-grader .gradeparent .right_scroller table#user-grades th {
font-size: 10px;
}
.path-grade-report-customgrader .gradeparent table#user-grades,
.path-grade-report-grader .gradeparent table#user-grades {
border: none;
font-size: 16px;
}
.path-grade-report-customgrader .gradeparent table#user-grades th,
.path-grade-report-grader .gradeparent table#user-grades th {
font-size: 13px;
}
.path-grade-report-customgrader .gradeparent table#user-grades th.header.userfield[scope="col"],
.path-grade-report-grader .gradeparent table#user-grades th.header.userfield[scope="col"],
.path-grade-report-customgrader .gradeparent table#user-grades th.header#studentheader[scope="col"],
.path-grade-report-grader .gradeparent table#user-grades th.header#studentheader[scope="col"] {
vertical-align: bottom;
border-top: none;
}
.path-grade-report-customgrader .gradeparent table#user-grades th,
.path-grade-report-grader .gradeparent table#user-grades th,
.path-grade-report-customgrader .gradeparent table#user-grades td,
.path-grade-report-grader .gradeparent table#user-grades td {
border-color: #ddd #f5f5f5;
}
.path-grade-report-customgrader .gradeparent table#user-grades tr.odd td.cell,
.path-grade-report-grader .gradeparent table#user-grades tr.odd td.cell {
background-color: #f9f9f9;
}
.path-grade-report-customgrader .gradeparent table#user-grades tr.odd td.cell.overridden,
.path-grade-report-grader .gradeparent table#user-grades tr.odd td.cell.overridden,
.path-grade-report-customgrader .gradeparent table#user-grades tr.odd td.cell.ajaxoverridden,
.path-grade-report-grader .gradeparent table#user-grades tr.odd td.cell.ajaxoverridden {
background-color: #efd9a4;
}
.path-grade-report-customgrader .gradeparent table#user-grades .topleft,
.path-grade-report-grader .gradeparent table#user-grades .topleft {
border: none;
}
.alert {
clear: both;
border: 0;
border-left: 3em solid;
}
#notice {
background-color: #eee;
font-size: 2em;
width: 100%;
padding: 1em 4% 4em;
}
#notice + .continuebutton {
margin-top: -3em;
}
#notice .buttons {
text-align: center;
border-top: none;
}
.label {
border-radius: 0;
font-weight: normal;
}
.label[href]:visited {
color: #fff;
}
body.hascontinuecancel.path-site #page {
max-height: 750px;
height: 750px;
overflow: hidden;
}
#page-admin-purgecaches #notice,
#notice.snap-continue-cancel {
min-height: 800px;
position: absolute;
padding: 10% 4%;
top: 1.5em;
left: 0;
z-index: 13;
}
#page-user-policy #notice,
#page-blocks-conduit-view #notice.snap-continue-cancel,
#page-mod-quiz-edit div.container #notice.snap-continue-cancel {
color: #565656;
background-color: #fff;
font-size: 18px;
left: 0;
}
#page-user-policy #notice,
#page-blocks-conduit-view #notice.snap-continue-cancel {
position: relative;
margin: 0;
padding: 0;
min-height: 0;
}
#page-course-loginas #region-main,
#page-mod-survey-save #region-main {
max-width: inherit;
min-height: 750px;
}
#page-course-loginas #moodle-footer,
#page-mod-survey-save #moodle-footer {
margin-top: 0;
}
#page-course-loginas #page-header,
#page-mod-survey-save #page-header {
display: none;
}
.section_footer {
margin-top: 2em;
padding: 1em 0;
border-top: 1px solid #eee;
}
.section_footer a {
font-style: normal;
text-decoration: none;
display: block;
width: 100%;
margin-top: 1em;
}
.next_section {
text-align: right;
float: right;
}
.previous_section {
float: left;
}
@media screen and (min-width: 768px) {
.section_footer .previous_section,
.section_footer .next_section {
width: 50%;
}
}
.nav_guide {
letter-spacing: 0.1em;
text-transform: uppercase;
font-style: normal;
color: #565656;
}
.nav_icon {
padding: 0.3em;
text-align: center;
}
.next_section .nav_icon {
margin-left: 0.3em;
border-left: 1px solid #eee;
font-size: 2em;
width: 50px;
float: right;
}
.previous_section .nav_icon {
float: left;
margin-right: 0.3em;
border-right: 1px solid #eee;
font-size: 2em;
}
/* moodle dialogues */
/* standard size */
.moodle-dialogue-base .moodle-dialogue {
min-width: 32%;
padding: 0;
/* large size */
}
.moodle-dialogue-base .moodle-dialogue.chooserdialogue,
.moodle-dialogue-base .moodle-dialogue.filepicker {
min-width: 89%;
height: 100%;
}
/* assigning roles /enrol/otherusers.php */
.other-user-manager-panel {
margin: 0;
background: none;
border: none;
z-index: 600;
outline: #000 dotted 0;
min-width: 32%;
padding: 0;
/* large size */
}
.other-user-manager-panel.chooserdialogue,
.other-user-manager-panel.filepicker {
min-width: 89%;
height: 100%;
}
/* file picker dropzone */
.ffilemanager .fp-pathbar,
.form-filemanager .fp-pathbar,
.ffilemanager .fp-viewbar,
.form-filemanager .fp-viewbar,
.ffilemanager .fp-restrictions,
.form-filemanager .fp-restrictions {
display: none;
}
#page-user-files .ffilemanager .fp-viewbar,
#local-joulegrader-gradepane .ffilemanager .fp-viewbar,
#page-backup-backupfilesedit .ffilemanager .fp-viewbar {
display: block;
}
.ffilepicker .fp-btn-choose {
margin: 0 0 10px;
}
.fitem_filepicker .fitemtitle label {
margin-bottom: 0;
}
.felement.ffilepicker {
margin-top: 0;
}
.filepicker-filelist,
.filemanager-container {
border: none;
}
.filemanager .fp-navbar {
background-color: transparent;
border: none;
}
.filemanager-toolbar {
padding: 0 0 8px;
}
.dndupload-arrow {
cursor: pointer;
background-image: url("[[pix:resource|icon]]");
margin-top: 10px;
}
.filepicker-filelist .filepicker-container,
.filemanager .filemanager-container .fm-empty-container,
.filemanager-container.dndupload-over .dndupload-target,
.filemanager-container .dndupload-target {
top: 0;
bottom: 0;
right: 0;
left: 0;
padding-top: 100px;
}
.filemanager-loading {
border: 2px dashed #bbb;
padding-top: 45px;
min-height: 130px;
background-color: #fff;
}
.jsenabled .filemanager-loading {
margin-top: 0;
}
/* file picker dialogue */
#filesskin .file-picker.fp-generallayout {
width: auto !important;
}
.file-picker:before,
.file-picker:after {
content: " ";
display: table;
}
.file-picker:after {
clear: both;
}
.file-picker:before,
.file-picker:after {
content: " ";
display: table;
}
.file-picker:after {
clear: both;
}
.fp-filename {
font-size: small;
}
.filepicker .yui3-widget-content-expanded {
height: 110%;
}
.file-picker .fp-navbar {
background-color: transparent;
}
@media screen and (min-width: 992px) {
.file-picker .fp-repo-area {
width: 32%;
}
.file-picker .fp-repo-items {
width: 68%;
}
}
.file-picker .fp-repo-area {
height: 475px;
}
.file-picker .fp-content {
height: 400px;
}
.repository_upload.file-picker .fp-content,
.repository_flickr_public.file-picker .fp-content,
.repository_recent.file-picker .fp-content {
height: 435px;
}
/* add resources and activities dialogue */
.jsenabled .choosercontainer #chooseform .alloptions {
padding: 0 4%;
}
#page-files-index #region-main img.smallicon,
#page-outcome-course #region-main img.smallicon,
#page-files-index .moodle-dialogue-base img.smallicon,
#page-outcome-course .moodle-dialogue-base img.smallicon {
width: 2rem;
height: 2rem;
margin: 0 0.3rem;
vertical-align: middle;
}
#moodle-footer {
padding-top: 2em;
padding-bottom: 1em;
border-top: 1px solid #ccc;
clear: both;
color: #dadada;
background-color: #565656;
margin-top: 0;
}
#moodle-footer h1,
#moodle-footer h2,
#moodle-footer h3,
#moodle-footer h4,
#moodle-footer h5,
#moodle-footer h6 {
color: #dadada;
}
#moodle-footer .helplink img.poweredbylogo {
max-width: inherit;
max-height: inherit;
height: inherit;
width: inherit;
vertical-align: middle;
}
#moodle-footer a:not(.btn),
#moodle-footer a:not(.btn):hover {
color: #fff;
}
#moodle-footer .langmenu {
color: #666;
}
#page-site-index #moodle-footer {
margin-top: 0;
}
#moodle-footer.nocoursefooter {
margin-top: 2em;
}
#site-news-forum + br {
display: none;
}
/* Moodle error, reports, all that stuff in the footer */
#page-footer {
border-top: none;
}
#page-footer .langmenu {
text-align: right;
}
#page-footer .performanceinfo {
margin: 4%;
text-align: left;
}
#page-footer .performanceinfo .cachesused .cache-definition-stats {
background-color: transparent;
}
.cache-store-stats.lowhits {
background-color: orange;
}
.cache-store-stats.nohits {
background-color: red;
}
.cache-store-stats.hihits {
background-color: #323232;
}
.nav-justified + .nav-justified {
margin-top: 1em;
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
.slideInDown {
animation-name: slideInDown;
}
/**
spinner, from
http://css-spinners.com/css/spinner/three-quarters.css
**/
@keyframes spinner-three-quarters {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Styles for old versions of IE */
.spinner-three-quarters {
font-family: sans-serif;
font-weight: 100;
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-three-quarters:not(:required) {
animation: spinner-three-quarters 1250ms infinite linear;
transform: translateZ(0);
border: 6px solid #fff;
border-right-color: transparent;
border-radius: 16px;
box-sizing: border-box;
display: inline-block;
position: relative;
overflow: hidden;
text-indent: -9999px;
width: 32px;
height: 32px;
}
/** fix feedback field sizes on mobile devices **/
@media screen and (max-width: 767px) {
.mform .fselect > select,
.mform .fselectyesno > select,
.mform .ftext > input[type="text"],
.mform textarea {
width: 100%;
}
.mform input[type="text"] {
max-width: 100%;
}
.path-user .userlist .singleselect {
width: 100%;
}
}
#footer-error-cont {
margin-top: 1em;
border: 3px solid red;
background-color: #fff;
color: #000;
padding: 2em;
}
#footer-error-cont h3 {
color: #000;
}
#footer-error-cont hr {
margin-top: 3em;
}
.yui-bootstrapped #pld_tokenselector.yuimenu {
top: 100px !important;
position: fixed !important;
max-height: 70%;
overflow-y: auto;
}
@media (max-width: 767px) {
.yui-bootstrapped #pld_tokenselector.yuimenu {
left: 10% !important;
width: 80% !important;
}
}
.yui-bootstrapped #pld_tokenselector.yuimenu .yui-menu-body-scrolled {
padding: 0;
margin: 0;
}
div[data-rel=fatalerror] {
margin: 1em;
}
img.iconhelp {
background-color: #ddd;
height: 24px;
width: 24px;
border-radius: 50%;
border: 4px solid #ddd;
vertical-align: middle;
margin-bottom: 3px;
}
img.iconhelp:hover {
border-width: 0;
}
table th img.iconhelp {
height: 16px;
width: 16px;
border-width: 0;
}
#moodle-footer .helplink a img.iconhelp,
#moodle-footer .helplink a:hover img.iconhelp {
background-color: #999;
border-color: #999;
}
#moodle-footer .helplink a img.iconhelp:hover,
#moodle-footer .helplink a:hover img.iconhelp:hover {
border-width: 4px;
}
.helplink img.moodlefooterlogo,
.helplink img.poweredbylogo {
width: inherit;
height: inherit;
margin-right: 0.5em;
margin-left: 0.5em;
}
.helplink img.moodlefooterlogo {
vertical-align: top;
margin-top: -2px;
margin-right: 0;
}
.helplink img.poweredbylogo {
vertical-align: bottom;
margin-bottom: -2px;
}
.helplink .footerlinkdivider {
margin: 0 0.5em;
}
@media screen and (max-width: 767px) {
#page-enrol-users .enrol_user_buttons {
float: none;
}
#page-enrol-users .enrol_user_buttons .singlebutton.enrolusersbutton {
display: block;
}
}
@media screen and (max-width: 767px) {
html,
#region-main {
font-size: 14.4px;
}
h1,
.h1 {
font-size: 1.5em;
}
h2,
.h2 {
font-size: 1.4em;
}
h3,
.h3,
.sectionname {
font-size: 1.3em;
}
h4,
.h4 {
font-size: 1.2em;
}
h5,
.h5 {
font-size: 1.1em;
}
h6,
.h6 {
font-size: 1em;
}
}
.label:not(.activity) font {
color: #565656;
font-weight: 300;
}
.label:not(.activity) b font {
font-weight: 500;
}
#newmessageoverlay {
left: 0;
padding: 1em;
}
.path-backup .wibbler {
border: none;
}
.path-backup .wibbler .wibble {
display: none;
}
div.editor_atto_toolbar {
background-color: transparent;
border-color: #eee;
padding-bottom: 0;
}
.editor_atto_content {
padding: 1em 2%;
height: auto !important;
max-height: 75vh !important;
min-height: 100px !important;
resize: none;
}
textarea {
border-color: #dadada;
width: 100%;
}
.editor_atto_content_wrap {
border-color: #eee;
}
.editor_atto_content .img-responsive {
display: inline;
}
.editor_atto_toolbar button:active,
.editor_atto_toolbar button.highlight,
.editor_atto_toolbar button:hover {
background-image: none;
background-color: #eee;
}
div.editor_atto_toolbar button + button {
border-color: #fff;
}
div.editor_atto_toolbar div.atto_group {
border: 0;
border-radius: 0;
margin: 0.3em 0.3em 0.3em 0;
}
.atto_equation_library button {
background-color: #fff;
color: #565656;
}
.atto_equation_library button:hover {
background-color: #f2f2f2;
color: #565656;
}
.atto_charmap_selector button {
width: 40px;
padding: 3px;
margin: 0;
}
.atto_equation_groups.yui3-tabview-panel {
border: none;
background: #fff;
}
#page-message-index div.singleselect {
max-width: 100%;
}
#page-admin-setting-themesettingsnap {
/* Subtitle textarea. */
}
#page-admin-setting-themesettingsnap .tab-pane:not(#themesnapcolorcategories) .admin_colourpicker {
display: block;
float: left;
height: 40px;
width: 30px;
margin: 1px 4px;
}
#page-admin-setting-themesettingsnap .loadingicon,
#page-admin-setting-themesettingsnap .colourdialogue,
#page-admin-setting-themesettingsnap .previewcolour {
display: none;
}
#page-admin-setting-themesettingsnap .currentcolour {
/* size is set with a style tag so need to !important to override */
height: 30px !important;
width: 30px !important;
border-radius: 100%;
border: none;
margin-left: 0;
}
#page-admin-setting-themesettingsnap #admin-subtitle textarea {
height: 5em;
}
/* Feature spots. */
#snap-feature-spots {
padding: 2em 4%;
text-align: center;
}
#snap-feature-spots .snap-feature-spots-heading {
padding-top: 0;
margin-top: 0;
}
#snap-feature-spots .snap-feature-image {
max-width: 200px;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_heading input {
font-weight: 300;
line-height: 1.5;
color: #565656;
margin-top: 14px;
margin-bottom: 14px;
font-size: 36px;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
text-align: center;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_heading input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_heading input .small {
font-weight: normal;
line-height: 1;
color: #999;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_heading input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_heading input .small {
font-size: 75%;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_heading .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_heading .form-shortname {
display: none;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input {
font-weight: 300;
line-height: 1.5;
color: #565656;
margin-top: 14px;
margin-bottom: 14px;
font-size: 29px;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input .small {
font-weight: normal;
line-height: 1;
color: #999;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input small,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title input .small,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title input .small {
font-size: 75%;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text {
float: left;
width: 33.3%;
margin: 0;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .form-defaultinfo,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .form-shortname,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .fp-btn-download,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_title .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_title .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_image .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_image .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_two_text .dndupload-message,
#page-admin-setting-themesnapfeaturespots #admin-fs_three_text .dndupload-message {
display: none;
}
#page-admin-setting-themesnapfeaturespots #admin-fs_one_image,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_title,
#page-admin-setting-themesnapfeaturespots #admin-fs_one_text {
clear: left;
}
/* Featured courses admin page. */
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input {
font-weight: 300;
line-height: 1.5;
color: #565656;
margin-top: 14px;
margin-bottom: 14px;
font-size: 36px;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
text-align: center;
}
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input small,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input .small {
font-weight: normal;
line-height: 1;
color: #999;
}
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input small,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading input .small {
font-size: 75%;
}
#page-admin-setting-themesnapfeaturedcourses #admin-fc_heading .form-shortname {
display: none;
}
#page-admin-setting-themesnapfeaturedcourses #admin-fc_one,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_two,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_three,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_four,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_five,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_six,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_seven,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_eight {
width: 50%;
float: left;
padding: 1em;
}
#page-admin-setting-themesnapfeaturedcourses #admin-fc_one .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_two .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_three .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_four .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_five .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_six .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_seven .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_eight .form-defaultinfo,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_one .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_two .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_three .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_four .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_five .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_six .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_seven .form-shortname,
#page-admin-setting-themesnapfeaturedcourses #admin-fc_eight .form-shortname {
display: none;
}
#page-admin-setting-themesnapfeaturedcourses #admin-fc_browse_all {
clear: both;
}
/* Featured courses section. */
@media screen and (min-width: 768px) {
#snap-featured-courses .row div {
/* Center and restrict width for when only one course */
max-width: 50%;
margin: 0 auto;
}
}
/* Featured course container. */
#snap-featured-courses {
width: 100%;
padding: 2em 4%;
}
/* Featured course link. */
.snap-featured-course {
display: block;
height: 300px;
position: relative;
background-color: #ccc;
margin-bottom: 1em;
background-position: center top;
background-size: cover;
transition: all 0.4s ease-in-out;
}
.snap-featured-course:hover {
transform: scale(1.03);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.snap-featured-course:hover .snap-featured-course-title {
text-decoration: underline;
}
/* Featured course title. */
.snap-featured-course-title {
display: block;
min-height: 25%;
width: 100%;
background-color: white;
position: absolute;
bottom: 0;
padding: 0.5em 4%;
}
#page-admin-setting-themesettingsnap #id_s_theme_snap_customcss {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.path-grade-report-grader .gradeparent .heading.floating {
border-top: 1px solid #ddd;
}
.path-grade-report-grader .gradeparent table#user-grades {
border: none;
font-size: 16px;
}
.path-grade-report-grader .gradeparent table#user-grades tr.heading th {
border-top: 1px solid #ddd !important;
}
.path-grade-report-grader .gradeparent table#user-grades tr:nth-child(1) th {
border-bottom-width: 0;
}
.path-grade-report-grader .gradeparent .floating {
border-top-width: 0;
}
.path-grade-report-grader .gradeparent *,
.path-grade-report-grader .gradeparent *:before,
.path-grade-report-grader .gradeparent *:after {
box-sizing: content-box !important;
}
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .avg .cell,
.path-grade-report-grader .gradeparent .cell.user {
font-size: 13px;
}
td.mceIframeContainer > iframe {
max-width: 100%;
}
body.gecko .snap-form-required > fieldset,
body.gecko .snap-form-advanced > fieldset {
display: table-cell;
max-width: 100%;
}
body.ie .snap-form-required > fieldset,
body.ie .snap-form-advanced > fieldset {
table-layout: fixed;
max-width: 100%;
}
.felement.feditor,
table.mceLayout,
table.mceLayout tr,
td.mceIframeContainer,
td.mceStatusbar {
display: block;
max-width: 100%;
}
table.mceLayout {
height: auto !important;
}
table.mceLayout tbody {
display: block;
}
td.mceToolbar {
width: 100% !important;
position: relative;
display: inline-block;
margin: 0 !important;
}
#page-mod-quiz-edit .instancename {
max-width: 16px;
}
#page-mod-quiz-edit .activityinstance {
overflow: hidden;
max-width: 81%;
}
button.snap-icon-toggle,
button.snap-icon-toggle:hover,
button.snap-icon-toggle:visited,
button.snap-icon-toggle:link,
button.snap-icon-toggle:active,
button.snap-icon-toggle:focus {
color: #03a9f4;
background: none;
border: none;
box-shadow: none;
outline: none;
}
button.snap-icon-toggle:focus {
border: 2px solid #03a9f4;
}
#snap-coverimagecontrol {
float: right;
margin-left: 1em;
display: inline-block;
opacity: 0;
transition: all 0.4s ease-in-out;
}
#snap-coverimagecontrol .btn {
border-color: transparent;
}
#snap-changecoverimageconfirmation {
position: relative;
display: inline-block;
}
#snap-coverfiles {
display: block;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
label[for="snap-coverfiles"],
#snap-changecoverimageconfirmation button {
position: relative;
display: none;
top: -0.5em;
}
label.state-visible[for="snap-coverfiles"],
#snap-changecoverimageconfirmation.state-visible button {
display: inline-block;
cursor: pointer;
}
label.state-visible[for="snap-coverfiles"] span {
padding: 1em;
}
@media (max-width: 767px) {
label.state-visible[for="snap-coverfiles"] span {
display: none !important;
}
}
label.state-visible[for="snap-coverfiles"]:before {
content: '';
background: transparent url("[[pix:theme|camera]]") no-repeat;
display: inline-block;
margin: -0.5em 0;
height: 1.5em;
width: 1.5em;
}
#snap-coverfiles {
cursor: pointer;
}
label.state-visible[for="snap-coverfiles"] .spinner-three-quarters,
#snap-changecoverimageconfirmation .ok .spinner-three-quarters {
width: 1em;
height: 1em;
border-width: 0.25em;
margin-left: 0.5em;
}
#snap-changecoverimageconfirmation.disabled .ok,
#snap-changecoverimageconfirmation.disabled .ok:visited,
#snap-changecoverimageconfirmation.disabled .ok:hover,
#snap-changecoverimageconfirmation.disabled .ok:active,
#snap-changecoverimageconfirmation.disabled .ok:focus {
color: #fff;
border-color: #fff;
}
.cover-image-change #page-header {
background-image: none !important;
background-color: #dadada;
}
#page-header.mast-image .alert-warning {
background-color: rgba(255, 255, 255, 0.9);
}
#snap-coverimagecontrol.snap-js-enabled {
opacity: 1;
}
#page-badges-criteria .statusbox,
#page-badges-criteria ul.nav-tabs {
margin: 1em 0;
}
/**
* Fixes to recent course activity page.
* Note - excuse the awful CSS used here but terribly inconsistent markup across modules necessitates it.
*/
#page-course-recent #region-main div.generalbox td,
#page-course-recent #region-main div.generalbox > div {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
font-size: 18px;
margin-top: 0.5rem;
}
#page-course-recent #region-main div.generalbox td[style],
#page-course-recent #region-main div.generalbox > div[style],
#page-course-recent #region-main div.generalbox td[style] + div.submission,
#page-course-recent #region-main div.generalbox > div[style] + div.submission {
padding: 0 !important;
}
#page-course-recent #region-main div.generalbox td div.glossary-activity-content,
#page-course-recent #region-main div.generalbox > div div.glossary-activity-content {
float: left;
margin-left: 10px;
}
#page-course-recent #region-main div.generalbox td span div a img,
#page-course-recent #region-main div.generalbox > div span div a img,
#page-course-recent #region-main div.generalbox td > div a img,
#page-course-recent #region-main div.generalbox > div > div a img,
#page-course-recent #region-main div.generalbox td > a img,
#page-course-recent #region-main div.generalbox > div > a img {
margin-left: 25px;
}
#page-course-recent #region-main div.generalbox td + div.submission,
#page-course-recent #region-main div.generalbox > div + div.submission {
margin-left: 10px;
}
#page-course-recent #region-main div.generalbox td + div.submission strong,
#page-course-recent #region-main div.generalbox > div + div.submission strong {
font-weight: 300;
}
#page-course-recent #region-main div.generalbox table.forum-recent div.title.bold {
font-weight: 300;
}
.reset-sr-only {
position: relative;
width: auto;
height: auto;
margin: initial;
overflow: visible;
clip: auto;
border: initial;
}
/**
* Snap course swatch.
*
* @package theme_snap
* @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
/***************
THE COURSE DOM LOOKS LIKE THIS :
(n.b. i did not invent this dom structure)
section#region-main
div role=main
div.coursecontent
ul.somestringfromtheformat e.g topics/weeks etc
****************************/
.singlebutton {
margin: 0.5em 0;
text-align: center;
}
.format-topics #page-mast .singlebutton,
.format-weeks #page-mast .singlebutton {
display: none;
}
.format-topics.editing.pagelayout-course #course-toc,
.format-weeks.editing.pagelayout-course #course-toc,
.format-topics.editing.pagelayout-course #region-main,
.format-weeks.editing.pagelayout-course #region-main {
display: none;
}
.format-topics.editing.pagelayout-course #page-mast .singlebutton,
.format-weeks.editing.pagelayout-course #page-mast .singlebutton {
display: block;
}
.editing.pagelayout-admin #region-main {
display: block;
}
#page-site-index.pagelayout-admin #region-main {
max-width: 43.5em;
}
#page-site-index.pagelayout-admin #moodle-frontpage-elements,
#page-site-index.pagelayout-admin #moodle-blocks {
display: none;
}
.ie.path-course-view section#region-main > .singlebutton input[type="submit"] {
background-image: url("[[pix:theme|edit_for_ie]]");
background-size: 23px;
background-position: left center;
}
.section .filler {
display: none;
}
#dndupload-status {
display: none;
}
.dndupload-preview {
display: none !important;
}
.dndupload-over .snap-dropzone {
background-color: #fafafa;
}
#coursetools:before,
#coursetools:after {
content: " ";
display: table;
}
#coursetools:after {
clear: both;
}
#coursetools:before,
#coursetools:after {
content: " ";
display: table;
}
#coursetools:after {
clear: both;
}
#coursetools-list:before,
#coursetools-list:after {
content: " ";
display: table;
}
#coursetools-list:after {
clear: both;
}
#coursetools-list:before,
#coursetools-list:after {
content: " ";
display: table;
}
#coursetools-list:after {
clear: both;
}
#coursetools-list a {
width: 32%;
margin: 0.5%;
float: left;
padding: 0.5em;
font-size: 1em;
text-align: center;
border: 1px solid #eee;
border-radius: 4px;
/* Cover image used as icon. */
/* User images as icons. */
}
#coursetools-list a .snap-participant-icons,
#coursetools-list a img.svg-icon {
display: block !important;
margin: 0.3em auto;
}
#coursetools-list a .snap-participant-icons:before,
#coursetools-list a img.svg-icon:before,
#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
content: " ";
display: table;
}
#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
clear: both;
}
#coursetools-list a .snap-participant-icons:before,
#coursetools-list a img.svg-icon:before,
#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
content: " ";
display: table;
}
#coursetools-list a .snap-participant-icons:after,
#coursetools-list a img.svg-icon:after {
clear: both;
}
#coursetools-list a .snap-cover-icon {
border-radius: 100%;
}
#coursetools-list a .snap-participant-icons img {
width: 2rem;
height: 2rem;
vertical-align: middle;
margin: 0 0.5%;
display: inline-block;
}
.snap-progress-circle {
width: 75%;
margin: 0 auto;
position: relative;
border-radius: 100%;
}
.snap-progress-circle.snap-progressbar-link:hover,
.snap-progress-circle.snap-progressbar-link:focus {
background-color: #eee;
}
.snap-progress-circle.snap-progressbar-link .progressbar-text:hover {
text-decoration: underline;
}
.snap-progress-circle .progressbar-text {
font-size: 1.3rem;
}
/* Small screen course tools */
@media screen and (max-width: 480px) {
#coursetools-list a {
width: 49%;
height: 78px;
}
}
.topics,
.weeks {
counter-reset: annotation-list -1;
margin: 0;
padding: 0;
}
.format-weeks #chapters {
list-style: none;
}
.format-topics li.section .sectionname:before {
content: counter(annotation-list) ".\00a0";
}
.format-topics .yui3-dd-proxy li.section .sectionname:before {
content: ' ';
}
.format-topics #section-0 .sectionname:before {
content: " ";
}
.format-topics li.section.main {
counter-increment: annotation-list;
}
li.section:focus {
outline: none;
}
.course-content ul li.section.main {
border: 0;
}
.course-content .current {
background-color: transparent;
}
.sectionname {
padding-top: 0;
margin-top: 0;
white-space: normal !important;
}
#section-0 .sectionname.accesshide {
font-weight: 300;
font-size: 46px;
position: relative;
width: auto;
height: auto;
margin: initial;
overflow: visible;
clip: auto;
border: initial;
}
.path-course-view .section .summary {
position: relative;
line-height: inherit;
padding-bottom: 1.5em;
margin-bottom: 1.5em;
}
.path-course-view .section .summary:before,
.path-course-view .section .summary:after {
content: " ";
display: table;
}
.path-course-view .section .summary:after {
clear: both;
}
.path-course-view .section .summary:before,
.path-course-view .section .summary:after {
content: " ";
display: table;
}
.path-course-view .section .summary:after {
clear: both;
}
.path-course-view .section .summary p {
margin-bottom: 1.6em;
}
.snap-section-editing {
visibility: hidden;
max-width: 100%;
min-width: 0;
width: auto;
padding: 0;
margin: 0 auto;
float: none;
display: block;
text-align: left;
margin-top: -1em;
}
.snap-section-editing a {
display: inline-block;
border-radius: 100%;
width: 2em;
height: 2em;
padding: 0.1em 0.3em;
text-align: center;
}
.snap-section-editing a:hover {
background-color: #dadada;
}
.snap-section-editing a:after {
content: ' ';
width: 100%;
display: inline-block;
min-height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: 70%;
}
.snap-section-editing .snap-move:after {
background-image: url([[pix:theme|move]]);
background-size: 100%;
}
.snap-section-editing .snap-visibility.snap-show:after {
background-image: url([[pix:core|i/show]]);
}
.snap-section-editing .snap-visibility.snap-hide:after {
background-image: url([[pix:core|i/hide]]);
}
.snap-section-editing .snap-delete:after {
background-image: url([[pix:core|t/delete]]);
}
.snap-section-editing .snap-highlight.snap-marker:after {
background-image: url([[pix:core|i/marker]]);
}
.snap-section-editing .snap-highlight.snap-marked:after {
background-image: url([[pix:core|i/marked]]);
}
.snap-section-editing .loadingstat {
margin-left: 1em;
}
.snap-dropzone {
visibility: hidden;
}
.snap-dropzone {
text-align: center;
}
.snap-dropzone .snap-dropzone-label {
display: block;
cursor: pointer;
background: transparent url("[[pix:resource|icon]]") 50% 1em no-repeat;
background-size: 2rem 2rem;
padding: 3em 0 1em 0;
border: 3px dashed #eee;
border-radius: 4px;
}
.snap-dropzone .snap-dropzone-label:hover,
.snap-dropzone .snap-dropzone-label:focus {
border-color: #dadada;
}
.section-modchooser-link {
display: block;
text-align: center;
padding: 1em 0;
border: 3px solid #eee;
}
.section-modchooser-link:hover,
.section-modchooser-link:focus {
border-color: #dadada;
}
.section-modchooser-link a {
display: block;
}
.section-modchooser-link,
.snap-dropzone {
margin-top: 1em;
}
/* Landing page does not have renderer, so markup is different. */
#page-site-index .section-modchooser-link {
border-color: white;
}
.snap-course-listening .snap-section-editing {
visibility: visible;
}
.snap-course-listening .snap-dropzone {
visibility: visible;
}
.snap-section-editing[style] {
cursor: default !important;
}
.course-content ul li.section.main {
border: 0;
margin: 0;
padding: 0;
}
.course-content > ul li.section,
#coursetools, #tiles-section,
#snap-add-new-section {
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
}
.course-content > ul li.section.hidden {
visibility: hidden !important;
}
.course-content > ul li.section.hidden.state-visible {
visibility: visible !important;
}
.course-content > ul li.section .content {
display: none;
}
.course-content > ul li.section.state-visible .content {
display: block;
}
.course-content > ul li.section.state-visible,
#snap-add-new-section.state-visible,
.editing #snap-add-new-section,
#coursetools.state-visible, #tiles-section.state-visible,
.editing #coursetools,
.format-singleactivity #coursetools{
visibility: visible;
height: auto;
width: auto;
outline: 0;
overflow: visible;
}
/* hide progress label with odd z-indexing */
#completionprogressid {
display: none;
}
.section_footer,
.visibleifjs.addresourcemodchooser {
clear: both;
display: block;
}
.section-modchooser {
text-align: center;
padding: 0;
}
/* MODS & RESOURCES IN COURSE */
.path-site li.activity > div,
.path-course-view li.activity > div {
padding: 0;
}
.section ul,
.section ol {
margin: 1.6em 4%;
}
.section ul ul,
.section ol ul,
.section ul ol,
.section ol ol {
margin: 0 4%;
}
.section .activityinstance .contentafterlink ul,
.section .activityinstance .contentwithoutlink ul,
.section .activityinstance .contentafterlink ol,
.section .activityinstance .contentwithoutlink ol {
margin: 1.6em 4%;
}
.section .activityinstance .contentafterlink ul ul,
.section .activityinstance .contentwithoutlink ul ul,
.section .activityinstance .contentafterlink ol ul,
.section .activityinstance .contentwithoutlink ol ul,
.section .activityinstance .contentafterlink ul ol,
.section .activityinstance .contentwithoutlink ul ol,
.section .activityinstance .contentafterlink ol ol,
.section .activityinstance .contentwithoutlink ol ol {
margin: 0 4%;
}
.section .activityinstance .contentafterlink .contentafterlink p,
.section .activityinstance .contentwithoutlink .contentafterlink p {
margin-bottom: 1.6em;
}
.section li.snap-asset {
display: block;
position: relative;
padding: 0;
margin: 0 auto;
height: auto;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
background-color: #fff;
border: 1px solid #dadada;
border-top-width: 0.3em;
}
.section li.snap-asset.snap-can-edit {
padding-bottom: 2em !important;
}
.section li.snap-asset .asset-wrapper {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: static;
padding: 0.5em 1em;
}
.section li.snap-asset .snap-assettype {
font-size: small;
text-transform: uppercase;
}
.section li.snap-asset .activityinstance {
padding: 0;
height: auto;
background-color: rgba(255, 255, 255, 0.9);
}
.section li.snap-asset .activityinstance:before,
.section li.snap-asset .activityinstance:after {
content: " ";
display: table;
}
.section li.snap-asset .activityinstance:after {
clear: both;
}
.section li.snap-asset .activityinstance:before,
.section li.snap-asset .activityinstance:after {
content: " ";
display: table;
}
.section li.snap-asset .activityinstance:after {
clear: both;
}
.section li.snap-asset .activityinstance .activityicon {
float: left;
width: 38px;
height: 38px;
margin-top: -5px;
margin-right: 0.5em;
transition: all 0.4s ease-in-out;
}
.section li.snap-asset .activityinstance .snap-asset-link {
font-size: 1em;
margin: 0;
padding: 0.5em 0;
transition: all 0.4s ease-in-out;
}
.section li.snap-asset .activityinstance .snap-asset-link a:hover,
.section li.snap-asset .activityinstance .snap-asset-link a:focus {
text-decoration: none;
}
.section li.snap-asset .activityinstance .snap-asset-link a:hover .activityicon,
.section li.snap-asset .activityinstance .snap-asset-link a:focus .activityicon {
transform: scale(1.25);
}
/* snap has its own implimentation of these, so hide moodles */
.activityinstance .accesshide,
.groupinglabel {
display: none;
}
.section .activity.modtype_label.label {
background-image: none;
height: auto;
width: 100%;
text-align: left;
font-weight: 300;
padding: 0.5em 0;
margin: 0.5em 0;
box-shadow: none;
border: none !important;
}
.section .activity.modtype_label.label:before,
.section .activity.modtype_label.label:after {
content: " ";
display: table;
}
.section .activity.modtype_label.label:after {
clear: both;
}
.section .activity.modtype_label.label:before,
.section .activity.modtype_label.label:after {
content: " ";
display: table;
}
.section .activity.modtype_label.label:after {
clear: both;
}
.section .activity.modtype_label.label .asset-wrapper,
.section .activity.modtype_label.label .activityinstance {
padding: 0;
}
.section li.snap-native {
border: none;
height: auto;
margin: 0.5em auto;
}
.section li.snap-native .asset-wrapper {
padding: 0;
}
.section li.snap-native .activityicon,
.section li.snap-native .snap-assettype {
display: none;
}
.section li.snap-native .contentafterlink {
font-size: 1em;
padding-bottom: 1em;
}
.section li.snap-native .summary-figure {
text-align: center;
}
.section li.snap-native .pagemod-content {
display: none;
clear: both;
padding: 1em 0;
}
.section li.snap-native .pagemod-content:focus {
outline: 0;
}
.section li.snap-native .summary-text + h6 {
clear: left;
}
.section li.snap-native.state-expanded .summary-text,
.section li.snap-native.state-expanded .summary-figure {
display: none;
}
@media screen and (min-width: 768px) {
li.modtype_page .summary-figure {
width: 50%;
float: left;
padding-right: 4%;
}
}
.snap-native.snap-image .activityinstance .snap-asset-link a {
display: none;
}
.modtype_book,
.modtype_page {
border-bottom: 1px solid #ccc;
}
.snap-native.modtype_book ol.bookmod-chapters {
margin: 0;
}
.snap-image-image {
position: relative;
}
.snap-image-image .snap-image-link {
display: block;
}
.snap-image-image .snap-image-summary,
.snap-image-image .snap-image-title {
position: absolute;
bottom: 0;
display: block;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
padding: 0 4%;
font-size: 1em;
}
.snap-image-image .snap-image-title {
text-align: center;
}
.snap-image-image .snap-image-summary {
position: relative;
margin-top: -3em;
}
.section li.snap-resource {
display: block;
transition: all 0.4s ease-in-out;
}
.section li.snap-resource .activityinstance .activityicon {
height: 1.5em;
width: 1.5em;
margin-top: 0;
}
.section li.snap-resource .snap-asset-link {
font-size: 1em;
}
body.snap-resource-card li.snap-resource {
height: 200px;
width: 31%;
margin: 1%;
float: left;
clear: none;
background-image: url([[pix:theme|file]]);
background-repeat: no-repeat;
background-position: 50% 70%;
background-size: 38px auto;
}
body.snap-resource-card li.snap-resource:hover {
background-size: 50px auto;
}
body.snap-resource-card li.snap-resource .asset-wrapper {
cursor: pointer;
}
body.snap-resource-card li.snap-resource .asset-wrapper:before,
body.snap-resource-card li.snap-resource .asset-wrapper:after {
content: " ";
display: table;
}
body.snap-resource-card li.snap-resource .asset-wrapper:after {
clear: both;
}
body.snap-resource-card li.snap-resource .asset-wrapper:before,
body.snap-resource-card li.snap-resource .asset-wrapper:after {
content: " ";
display: table;
}
body.snap-resource-card li.snap-resource .asset-wrapper:after {
clear: both;
}
body.snap-resource-card li.snap-resource .activityicon {
display: none;
}
body.snap-resource-card li.snap-resource .contentafterlink {
font-size: small;
}
body.snap-resource-card li.snap-resource.snap-mime-document,
body.snap-resource-card li.snap-resource.snap-mime-writer,
body.snap-resource-card li.snap-resource.snap-mime-oth,
body.snap-resource-card li.snap-resource.snap-mime-text {
border-top-color: #03a9f4;
background-image: url([[pix:core|/f/document]]);
}
body.snap-resource-card li.snap-resource.snap-mime-powerpoint,
body.snap-resource-card li.snap-resource.snap-mime-impress {
border-top-color: #ff7300;
background-image: url([[pix:core|/f/powerpoint]]);
}
body.snap-resource-card li.snap-resource.snap-mime-spreadsheet,
body.snap-resource-card li.snap-resource.snap-mime-chart,
body.snap-resource-card li.snap-resource.snap-mime-database,
body.snap-resource-card li.snap-resource.snap-mime-calc {
border-top-color: #009e51;
background-image: url([[pix:core|/f/spreadsheet]]);
}
body.snap-resource-card li.snap-resource.snap-mime-pdf,
body.snap-resource-card li.snap-resource.snap-mime-eps,
body.snap-resource-card li.snap-resource.snap-mime-flash {
border-top-color: #f44336;
background-image: url([[pix:core|/f/pdf]]);
}
body.snap-resource-card li.snap-resource.snap-mime-flash {
background-image: url([[pix:core|/f/flash]]);
}
body.snap-resource-card li.snap-resource.snap-mime-mp3,
body.snap-resource-card li.snap-resource.snap-mime-wav,
body.snap-resource-card li.snap-resource.snap-mime-audio {
border-top-color: #8bc34a;
background-image: url([[pix:core|/f/audio]]);
}
body.snap-resource-card li.snap-resource.snap-mime-mov,
body.snap-resource-card li.snap-resource.snap-mime-wmv,
body.snap-resource-card li.snap-resource.snap-mime-video,
body.snap-resource-card li.snap-resource.snap-mime-quicktime,
body.snap-resource-card li.snap-resource.snap-mime-mpeg,
body.snap-resource-card li.snap-resource.snap-mime-avi {
border-top-color: #55b5cc;
background-image: url([[pix:core|/f/video]]);
}
body.snap-resource-card li.snap-resource.modtype_lightboxgallery,
body.snap-resource-card li.snap-resource.snap-mime-bmp {
border-top-color: #4abc96;
background-image: url([[pix:core|/f/image]]);
}
body.snap-resource-card li.snap-resource.modtype_url {
border-top-color: #999;
background-image: url([[pix:core|/f/url]]);
}
body.snap-resource-card li.snap-resource.modtype_imscp,
body.snap-resource-card li.snap-resource.modtype_scorm {
border-top-color: #f7981d;
background-image: url([[pix:core|/f/book]]);
}
body.snap-resource-card li.snap-resource.modtype_imscp,
body.snap-resource-card li.snap-resource.modtype_scorm {
background-image: url([[pix:core|/f/scorm]]);
}
body.snap-resource-card li.snap-resource.modtype_folder {
border-top-color: #fed859;
background-image: url([[pix:core|/f/folder]]);
}
body.snap-resource-card li.snap-resource.snap-mime-archive {
border-top-color: #fed859;
background-image: url([[pix:core|/f/archive]]);
}
body.snap-resource-card li.snap-resource.snap-mime-markup,
body.snap-resource-card li.snap-resource.snap-mime-html,
body.snap-resource-card li.snap-resource.snap-mime-sourcecode {
border-top-color: #f0652a;
background-image: url([[pix:core|/f/sourcecode]]);
}
body.snap-resource-card li.snap-resource.snap-mime-text {
border-top-color: #f1bf26;
}
@media screen and (max-width: 480px) {
body.snap-resource-card li.snap-resource {
width: 99%;
margin: 1em auto;
height: auto;
background-image: none !important;
}
body.snap-resource-card li.snap-resource .activityinstance {
width: 75%;
}
body.snap-resource-card li.snap-resource .activityinstance .activityicon {
display: inline;
}
body.snap-resource-card li.snap-resource .snap-asset-actions {
width: 250px;
}
body.snap-resource-card li.snap-resource .snap-asset-actions .snap-asset-move,
body.snap-resource-card li.snap-resource .snap-asset-actions .snap-edit-more-dropdown,
body.snap-resource-card li.snap-resource .snap-asset-actions > a {
width: 25%;
text-align: left;
padding: 0;
}
}
.snap-resource-list li.snap-resource {
border: none;
margin: 0 1%;
}
.snap-resource-list li.snap-resource .snap-assettype {
display: none;
}
.snap-resource-list li.snap-resource .snap-asset-actions {
width: 250px;
}
.section li.snap-activity {
margin: 1em 1%;
padding-bottom: 1em;
}
.section li.snap-activity.modtype_forum,
.section li.snap-activity.modtype_chat,
.section li.snap-activity.modtype_hsuforum {
border-top-color: #8bc34a;
}
.section li.snap-activity.modtype_assign,
.section li.snap-activity.modtype_assignment,
.section li.snap-activity.modtype_workshop {
border-top-color: #03a9f4;
}
.section li.snap-activity.modtype_choice,
.section li.snap-activity.modtype_feedback,
.section li.snap-activity.modtype_quiz,
.section li.snap-activity.modtype_survey,
.section li.snap-activity.modtype_questionnaire,
.section li.snap-activity.modtype_lesson {
border-top-color: #ffa000;
}
.section li.snap-activity.modtype_data,
.section li.snap-activity.modtype_glossary,
.section li.snap-activity.modtype_wiki {
border-top-color: #009688;
}
.section li.snap-activity.modtype_collaborate {
border-top-color: #c800a1;
}
.section li.snap-activity.modtype_folder {
border-top-color: #fed859;
}
/* EDIT SUMMARY */
/* Make it obvious that you can edit a summary - Add text and some styles to that gear thing */
#page-site-index .sitetopic > a:last-of-type,
.summary .edit-summary {
clear: both;
display: block;
text-align: center;
margin: 1em 0;
background-color: transparent;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
#page-site-index .sitetopic > a:last-of-type:after {
content: attr(title);
display: block;
font-weight: 300;
}
#page-site-index .sitetopic > a:last-of-type:before {
content: " ";
background: transparent url("[[pix:theme|pencil]]") no-repeat 50% 50%;
display: block;
height: 3em;
width: 3em;
margin: 0.5em auto;
}
#page-site-index .sitetopic > a .iconsmall {
display: none;
}
.snap-asset-meta {
clear: both;
padding: 0;
}
.snap-completion-meta,
.snap-group-tag,
.snap-grouping-tag {
text-align: right;
font-size: small;
margin-bottom: 0.5em;
}
.snap-completion-meta a,
.snap-group-tag a,
.snap-grouping-tag a {
padding: 0.5em;
font-weight: 500;
}
.snap-completion-meta a + a,
.snap-group-tag a + a,
.snap-grouping-tag a + a {
border-left: 1px solid;
}
.snap-due-date {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
border-radius: 0;
font-weight: normal;
font-size: 1em;
border-left-color: white;
}
.snap-due-date[href]:visited {
color: #fff;
}
.snap-conditional-tag,
.snap-draft-tag,
.snap-current-tag {
font-size: small;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
background-color: #eee;
margin: 0.5em 0;
padding: 0.5em;
}
.snap-conditional-tag .availabilityinfo,
.snap-draft-tag .availabilityinfo,
.snap-current-tag .availabilityinfo {
display: inline;
margin-left: 0.5em;
}
.snap-conditional-tag ul,
.snap-draft-tag ul,
.snap-current-tag ul {
margin: 0 !important;
list-style: none;
padding: 0;
}
.snap-conditional-tag strong,
.snap-draft-tag strong,
.snap-current-tag strong {
font-weight: normal;
}
.snap-completion-meta {
display: block !important;
clear: both;
}
.snap-draft-tag,
.snap-current-tag {
display: none !important;
font-size: small;
}
.hidden .content .snap-draft-tag,
.snap-asset.draft .snap-draft-tag {
display: block !important;
}
.current .snap-current-tag {
display: block !important;
color: white;
background-color: #8bc34a;
}
li.draft {
border-top-color: #eee !important;
}
li.draft .activityinstance {
opacity: 0.75;
}
li.draft .editing_hide {
display: none;
}
li.draft .editing_show {
display: block;
}
.section.hidden {
opacity: 1 !important;
}
.section.hidden .content {
opacity: 0.75;
}
.section.hidden li.draft .activityinstance {
opacity: 1;
}
.snap-asset-completion-tracking {
position: absolute;
top: 0.5em;
right: 1em;
display: block;
line-height: 0;
}
/* Completion actions */
@keyframes circleajax {
0% {
border-top-color: #646464;
border-right-color: rgba(50, 50, 50, 0.25);
border-bottom-color: rgba(50, 50, 50, 0.25);
border-left-color: rgba(50, 50, 50, 0.25);
}
25% {
border-top-color: rgba(50, 50, 50, 0.25);
border-right-color: #646464;
border-bottom-color: rgba(50, 50, 50, 0.25);
border-left-color: rgba(50, 50, 50, 0.25);
}
50% {
border-top-color: rgba(50, 50, 50, 0.25);
border-right-color: rgba(50, 50, 50, 0.25);
border-bottom-color: #646464;
border-left-color: rgba(50, 50, 50, 0.25);
}
75% {
border-top-color: rgba(50, 50, 50, 0.25);
border-right-color: rgba(50, 50, 50, 0.25);
border-bottom-color: rgba(50, 50, 50, 0.25);
border-left-color: #646464;
}
100% {
border-top-color: #646464;
border-right-color: rgba(50, 50, 50, 0.25);
border-bottom-color: rgba(50, 50, 50, 0.25);
border-left-color: rgba(50, 50, 50, 0.25);
}
}
span.autocompletion img,
form.togglecompletion {
position: relative;
width: 20px;
height: 20px;
}
form.togglecompletion {
transition: all 0.4s ease-in-out;
}
form.togglecompletion input[type="image"] {
width: 100%;
height: 100%;
}
form.togglecompletion:hover,
form.togglecompletion:focus {
transform: scale(1.1);
}
form.togglecompletion.ajaxing:after {
content: '';
display: block;
position: absolute;
width: calc(100% + 8px);
height: calc(100% + 8px);
margin-top: -4px;
margin-left: -4px;
top: 0;
left: 0;
border: solid;
border-width: 6px;
border-radius: 50%;
box-sizing: border-box;
border-top-color: #323232;
border-right-color: rgba(50, 50, 50, 0.25);
border-bottom-color: rgba(50, 50, 50, 0.25);
border-left-color: rgba(50, 50, 50, 0.25);
animation-name: circleajax;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
form.togglecompletion.ajaxing div {
display: none;
}
/* Indent text associated with activity/resource. */
.section li.snap-activity .contentafterlink,
.section li.snap-activity .hsuforum-recent {
margin-left: 47px;
}
.snap-asset-actions {
visibility: hidden;
position: absolute;
bottom: 0;
left: 0;
width: 250px;
}
.snap-asset-actions > a,
.snap-asset-actions .snap-edit-more-dropdown,
.snap-asset-actions .snap-asset-move {
display: inline-block !important;
padding: 0.3em 7%;
text-align: center;
width: 33%;
cursor: pointer;
}
.snap-asset-actions > a:hover .svg-icon,
.snap-asset-actions .snap-edit-more-dropdown:hover .svg-icon,
.snap-asset-actions .snap-asset-move:hover .svg-icon,
.snap-asset-actions > a:focus .svg-icon,
.snap-asset-actions .snap-edit-more-dropdown:focus .svg-icon,
.snap-asset-actions .snap-asset-move:focus .svg-icon {
transform: scale(1.1);
border-color: #999;
}
.snap-asset-actions .svg-icon {
border-radius: 100%;
border: 1px solid white;
width: 1.75em;
height: 1.75em;
background-color: white;
transition: all 0.4s ease-in-out;
}
.snap-asset-actions input[type=checkbox]:checked + .svg-icon {
background-color: #8bc34a !important;
}
.snap-asset-actions .dropdown-menu {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border: 0;
padding: 0;
}
.snap-asset-actions .dropdown-menu a {
font-weight: inherit;
font-size: 0.8em;
}
.snap-course-listening .snap-asset-actions {
visibility: visible;
}
.snap-resource .snap-asset-actions {
width: 100%;
}
.snap-resource .snap-asset-actions > a,
.snap-resource .snap-asset-actions > a:hover,
.snap-resource .snap-asset-actions div > a,
.snap-resource .snap-asset-actions div > a:hover {
color: #fff;
}
.snap-resource .snap-asset-actions > a,
.snap-resource .snap-asset-actions .snap-edit-more-dropdown,
.snap-resource .snap-asset-actions label {
padding: 0.3em 7%;
text-align: center;
width: 33%;
}
.dropdown-menu .editing_show {
display: none;
}
/* reset some moodle shame */
.moodle-actionmenu,
.moodle-actionmenu > ul,
.moodle-actionmenu > ul > li {
display: block;
}
.moodle-actionmenu > ul > li {
display: inline-block;
}
/* actions at the footer of an element */
.section .snap-asset .actions {
clear: both;
float: none;
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
}
.section .snap-asset .actions:before,
.section .snap-asset .actions:after {
content: " ";
display: table;
}
.section .snap-asset .actions:after {
clear: both;
}
.section .snap-asset .actions:before,
.section .snap-asset .actions:after {
content: " ";
display: table;
}
.section .snap-asset .actions:after {
clear: both;
}
.section .snap-asset .actions .moodle-actionmenu {
width: 100%;
max-width: 320px;
}
.section .snap-asset .actions .moodle-actionmenu .menubar {
text-align: right;
}
.section .snap-asset .actions .moodle-actionmenu > ul {
margin: 0;
}
/* add bg colour for actions when editing */
.editing .actions {
background-color: rgba(255, 255, 255, 0.95);
}
/* remove bg colour for actions when menu shown */
.action-menu-shown .actions {
background-color: transparent;
}
.section .snap-asset .editing_move {
padding: 0 2%;
}
div.commands ul.menubar {
margin: 0;
}
.jsenabled .snap-asset .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
text-decoration: none;
padding: 0.5em 1em;
margin: 0;
text-align: right;
background-color: #fff;
}
.toggle-display .caret {
display: none;
}
.toggle-display.textmenu:after {
content: "โฐ";
margin-left: 0.5rem;
}
.action-menu-shown .toggle-display.textmenu:after {
content: " ";
background: transparent url("[[pix:theme|close_x]]") repeat;
display: inline-block;
width: 1em;
height: 1em;
}
.action-menu-shown .moodle-actionmenu > ul > li {
display: block;
}
.editing .snap-asset .actions .menu {
position: relative;
display: block;
visibility: hidden;
overflow: hidden;
z-index: 1;
width: 0;
height: 0;
border: 0;
box-shadow: none;
border-radius: 0;
background-color: #fff;
transform: scale(0);
transform-origin: 100% 100%;
transition: transform 0.3s;
}
.editing .snap-asset.action-menu-shown .actions .editing_move,
.editing .snap-asset.action-menu-shown .actions [class*='group'] {
display: none;
}
.editing .snap-asset.action-menu-shown .actions .menu[style] {
top: 0 !important;
left: 0 !important;
right: 0 !important;
}
.editing .snap-asset.action-menu-shown .actions .menu {
visibility: visible;
transform: scale(1);
transition: transform 0.3s;
padding: 0 0.5em;
margin: 0;
width: auto;
max-width: 320px;
height: auto;
}
input.titleeditor {
max-width: 100%;
padding: 0.3em;
margin: 0;
}
span.editinstructions {
box-shadow: none;
border: 0;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
/* forum unread posts button */
.snap-asset .unread {
clear: both;
display: block;
background-color: transparent;
}
.editing .dndupload-preview .mod-indent {
display: block;
}
.path-course-view a.reduce-sections {
padding-left: 0;
}
#changenumsections {
text-align: center;
}
#changenumsections .increase-sections,
#changenumsections .reduce-sections {
display: inline-block;
margin-bottom: 0;
font-weight: 300;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 16px;
font-size: 18px;
line-height: 1.6;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
#changenumsections .increase-sections:active:focus,
#changenumsections .reduce-sections:active:focus,
#changenumsections .increase-sections.active:focus,
#changenumsections .reduce-sections.active:focus,
#changenumsections .increase-sections.focus,
#changenumsections .reduce-sections.focus,
#changenumsections .increase-sections:active.focus,
#changenumsections .reduce-sections:active.focus,
#changenumsections .increase-sections.active.focus,
#changenumsections .reduce-sections.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#changenumsections .increase-sections:hover,
#changenumsections .reduce-sections:hover,
#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
#changenumsections .increase-sections.focus,
#changenumsections .reduce-sections.focus {
color: #03a9f4;
text-decoration: none;
}
#changenumsections .increase-sections:active,
#changenumsections .reduce-sections:active,
#changenumsections .increase-sections.active,
#changenumsections .reduce-sections.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#changenumsections .increase-sections.disabled,
#changenumsections .reduce-sections.disabled,
#changenumsections .increase-sections[disabled],
#changenumsections .reduce-sections[disabled],
fieldset[disabled] #changenumsections .increase-sections,
fieldset[disabled] #changenumsections .reduce-sections {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a#changenumsections .increase-sections.disabled,
a#changenumsections .reduce-sections.disabled,
fieldset[disabled] a#changenumsections .increase-sections,
fieldset[disabled] a#changenumsections .reduce-sections {
pointer-events: none;
}
#changenumsections .increase-sections img,
#changenumsections .reduce-sections img {
display: none;
}
#changenumsections .increase-sections .accesshide,
#changenumsections .reduce-sections .accesshide {
position: relative;
width: auto;
height: auto;
margin: initial;
overflow: visible;
clip: auto;
border: initial;
font-weight: 300;
}
#snap-course-footer {
margin: 2em auto -2em;
padding: 1em 4%;
background-color: #f1f0ee;
}
#course_recent_updates h3 {
font-size: 1em;
clear: both;
}
#course_recent_updates .head .date,
#course_recent_updates .head .name {
display: inline;
}
#course_recent_updates .head .date {
float: right;
font-size: small;
}
#course_recent_updates .info.bold {
font-weight: inherit;
}
#page-course-completion .mform .fcontainer .fitem_fcheckbox {
display: flex;
}
#page-course-completion .mform .fcontainer .fitem_fcheckbox .fitemtitle {
order: 2;
}
#page-course-completion .mform .fcontainer .fitem_fcheckbox .fcheckbox {
order: 1;
margin-right: 1em;
}
#page-course-completion .mform .fcontainer .fitem_fcheckbox .fcheckbox input {
margin: 0;
}
#page-grade-edit-tree-calculation input[type="text"] {
margin: 0.5rem 0 0.5rem 0.5rem;
}
#page-course-recent img.icon.smallicon {
width: 35px;
height: 35px;
}
#page-course-recent h3 {
margin-bottom: 0;
}
#page-course-recent #region-main td.userpicture {
width: 70px;
vertical-align: middle;
}
#page-course-recent #region-main td.userpicture img {
margin-left: 25px;
}
#page-course-resources table.mod_index td img {
max-width: 2rem;
}
@media screen and (max-width: 991px) {
.userlist table.controls tr td.right {
text-align: left;
}
.userlist table.controls tr td {
padding: 0 0 1em !important;
}
.userlist table.controls tr td:empty {
display: none;
}
.userlist table.controls tr td,
.userlist .singleselect {
display: block;
width: auto;
}
}
@keyframes fadeup {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
.path-course-view li.state-visible,
.path-course-view #page-header,
.path-course-view #region-main {
animation-name: fadeup;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-duration: 0.68s;
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.section-drop,
.section-moving a.section-drop,
.section-moving + .section .section-drop {
display: none;
}
.section-drop {
height: 125px;
margin: 1em 0;
clear: both;
border: 2px dashed #dadada;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
text-align: center;
display: none;
}
.section-drop,
.snap-move-note {
background: transparent url("[[pix:theme|move_here]]") no-repeat 50% 80%;
background-size: 2.5em 2.5em;
}
.snap-move-section .section-drop {
display: block;
}
.snap-move-section .section-drop:hover {
border-color: #8bc34a;
}
#snap-footer-alert {
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
background-color: #000;
color: #fff;
background-image: none !important;
outline: none !important;
max-height: 0;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
#snap-footer-alert .spinner-three-quarters {
margin-left: 1em;
width: 1em;
height: 1em;
}
#snap-footer-alert.snap-footer-alert-visible {
padding: 0.5em 0;
max-height: 200px;
z-index: 2;
}
.snap-footer-alert-title {
text-transform: capitalize;
color: #fff !important;
display: inline-block;
background-size: 1.5em 1.5em;
background-position: 0 center;
background-repeat: no-repeat;
padding-left: 1.7em;
margin-left: 4%;
width: 68.2%;
}
.snap-footer-alert-cancel {
float: right;
margin-right: 4%;
color: #fff !important;
opacity: 0.8;
visibility: hidden;
}
.snap-footer-alert-cancel:hover {
color: #fff;
opacity: 1;
}
.snap-footer-alert-cancel.state-visible {
visibility: visible;
}
.snap-move-inprogress .snap-moving,
.snap-move-inprogress .snap-modchooser,
.snap-move-inprogress .edit-summary,
.snap-move-inprogress .snap-asset-actions .snap-edit-asset,
.snap-move-inprogress .snap-asset-actions .snap-edit-more-dropdown,
.snap-move-inprogress .snap-section-editing,
.snap-move-inprogress .snap-modchooser,
.snap-move-inprogress .snap-dropzone {
display: none !important;
}
.snap-move-inprogress.snap-move-section .snap-asset-actions,
.snap-move-inprogress.snap-move-section .snap-asset .togglecompletion {
display: none !important;
}
.snap-move-inprogress .actions {
display: none;
}
.snap-asset.movefinished {
animation: fadein 0.5s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
.snap-move-note,
.snap-drop.asset-drop {
display: none;
}
.snap-move-asset .snap-asset:not(.asset-moving) {
border: 2px dashed #999;
}
.snap-move-asset .snap-resource:not(.asset-moving) {
border: 2px dashed white;
}
.snap-move-asset .snap-asset:not(.asset-moving) .snap-move-note {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.7);
cursor: pointer;
text-align: center;
padding: 1em;
display: block;
}
.snap-move-asset .snap-drop.asset-drop {
display: block;
clear: both;
border: 2px dashed #999;
font-size: 2em;
color: #565656;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
text-align: center;
cursor: pointer;
}
#snap-light-box {
display: none;
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1000000;
overflow-y: scroll;
}
#snap-light-box.state-visible {
display: block;
}
#snap-light-box #snap-light-box-close {
position: absolute;
z-index: 2;
top: 0.5em;
right: 0.5em;
}
#snap-light-box .icon-close:before {
background: transparent url([[pix:theme|close_x]]) no-repeat 50% 50%;
}
#snap-light-box .resourcecontent audio {
margin: 1em auto;
}
#snap-light-box-content {
width: 100%;
padding: 1em 4%;
}
@media screen and (min-width: 768px) {
.snap-lightbox-description {
overflow-y: auto;
max-height: 80vh;
}
}
/**
* Snap Table of contents.
*
* @package theme_snap
* @copyright Copyright (c) 2017 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
#course-toc {
/* TOC heading. */
/* TOC list. */
/* Section currently displayed. */
/* Completed section icon. */
/* CSS mididots. */
}
#course-toc #toc-desktop-menu-heading {
text-transform: uppercase;
font-size: 1em;
}
#course-toc #chapters {
padding: 0;
/* Chapter link */
}
#course-toc #chapters li {
padding-bottom: 0.3em;
line-height: 1;
}
#course-toc #chapters .chapter-title {
display: block;
margin-bottom: -0.3em;
line-height: 1.75;
}
#course-toc .snap-visible-section a {
color: #565656;
text-decoration: none;
}
#course-toc .snap-section-complete {
width: 1.3em;
height: 1.3em;
}
#course-toc .text + .text:before {
content: " ยท ";
}
#snap-course-wrapper {
margin: 0 4%;
/* TOC heading. */
/* TOC list. */
/* Remove numbering of sections. */
}
#snap-course-wrapper #course-toc,
#snap-course-wrapper #region-main {
padding-top: 1em;
}
#snap-course-wrapper #toc-desktop-menu-heading {
padding: 1em 0;
border-bottom: 1px solid #dadada;
}
#snap-course-wrapper #chapters {
padding-left: 0;
list-style: none;
}
#snap-course-wrapper #chapters li {
margin-left: 0;
}
#snap-course-wrapper .toc-footer {
padding-bottom: 2em;
}
#snap-course-wrapper .toc-footer a {
display: block;
padding: 0.5em 0;
}
#snap-course-wrapper .toc-footer a img {
width: 1.5em;
height: 1.5em;
}
#snap-course-wrapper .sectionnumber:before {
content: '';
}
#page-header #course-toc {
margin: 1em auto -0.5em;
}
#page-header .mast-image #course-toc {
margin-top: 6.6vh;
}
#page-header #chapters {
column-count: 2;
margin-bottom: 0;
}
#page-header #chapters.list-large {
column-count: 3;
}
#page-header #toc-desktop-menu-heading {
padding: 1em 2em 0;
display: inline-block;
margin: 0;
}
#page-header ol#chapters {
list-style-position: outside;
}
#page-header ol#chapters li {
margin-left: 2em;
}
#page-header #chapters > :first-child {
list-style: none;
}
#page-header .toc-footer {
margin-right: 4%;
text-align: right;
}
#page-header .toc-footer a {
margin-left: 0.5em;
}
#toc-search {
position: absolute;
top: 2em;
right: 0;
max-width: 100%;
}
#toc-search:before {
content: '';
background: transparent url("[[pix:theme|search]]") no-repeat 50% 50%;
display: inline-block;
height: 1.5em;
width: 1.5em;
margin-right: -2.5em;
margin-bottom: -0.3em;
}
#toc-search-input {
border-radius: 50%;
width: 3em;
height: 3em;
padding: 0 1.5em;
background-color: transparent;
border: 1px solid transparent;
transition: all 0.4s ease-in-out;
}
#toc-search-input.state-active,
#toc-search-input:focus {
border-radius: 0;
box-shadow: none;
width: 320px;
background-color: white;
}
#toc-searchables {
display: none;
}
#toc-search-results {
display: none;
position: absolute;
width: 320px;
z-index: 3;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
#toc-search-results li {
width: 300px;
padding: 0.1em 4%;
overflow: hidden;
}
#toc-search-results li img {
width: 24px;
height: 24px;
vertical-align: bottom;
}
#toc-search-results li:first-child {
padding-top: 0.5em;
}
#toc-search-results li:last-child {
padding-bottom: 1em;
}
#toc-search-input.state-active + #toc-search-results,
#toc-search-input:focus + #toc-search-results {
display: block;
}
#page-header #course-toc {
position: relative;
}
#page-header #toc-search {
position: absolute;
top: 0.5em;
right: 0;
}
#page-header #toc-search-results {
right: 0.8em;
}
#snap-course-wrapper #toc-search-results {
left: -0.7em;
}
#toc-mobile-menu-toggle {
display: none;
}
@media screen and (max-width: 992px) {
.snap-footer-alert-cancel {
margin-right: 3em;
}
#toc-mobile-menu-toggle {
background: #dadada url("[[pix:theme|burger]]") no-repeat 50% 50%;
background-size: 1em;
display: inline-block;
bottom: 0.5em;
right: 0.5em;
position: fixed;
width: 2em;
height: 2em;
font-size: 1.5em;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-radius: 50%;
z-index: 666;
}
#course-toc {
position: fixed;
right: 0;
padding: 0 4%;
margin: 0;
z-index: 66;
background-color: transparent !important;
transition: all 0.4s ease-in-out;
outline: none;
}
#course-toc #chapters,
#course-toc .toc-footer,
#course-toc #toc-desktop-menu-heading {
display: none;
}
#course-toc.state-visible {
display: block;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: white !important;
overflow-y: scroll;
}
#course-toc.state-visible #chapters,
#course-toc.state-visible .toc-footer {
display: block;
column-count: 1;
}
#course-toc.state-visible #toc-mobile-menu-toggle {
position: fixed;
box-shadow: none;
top: 0;
background: white url("[[pix:theme|close_x]]") no-repeat 50% 50%;
background-size: 1em;
}
#toc-search,
#toc-desktop-menu-heading {
display: none;
}
}
#course-toc .section-moving {
border-left: 0.3em solid;
padding-left: 0.3em;
}
.fixy {
display: none;
background-color: #eee;
}
.snap-pm-open #primary-nav,
.snap-pm-open #snap-login {
display: block;
}
.snap-pm-open #page,
.snap-pm-open #moodle-footer,
.snap-pm-open #fixy-trigger,
.snap-pm-open .genius_dashboard_link,
.snap-pm-open #admin-menu-trigger,
.snap-pm-open #newmessageoverlay,
.snap-pm-open #snap-home,
.snap-pm-open .skiplinks {
display: none;
}
.snap-my-courses-menu {
display: inline;
border: none;
position: relative;
padding: 1rem 1rem 1rem 0;
}
.snap-my-courses-menu .userpicture {
height: 2em;
width: 2em;
margin-left: 1rem;
}
.snap-my-courses-menu .conversation_badge_count {
color: white;
height: 1.8em;
width: 1.8em;
text-align: center;
font-size: .55em;
cursor: pointer;
}
.snap-my-courses-menu .message_badge_count,
.snap-my-courses-menu .conversation_badge_count {
position: absolute;
padding-top: 0;
background-image: none;
border-radius: 50%;
left: auto;
right: 0.5em;
top: 0.5em;
}
.fixy {
margin: 0 auto;
position: fixed;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
overflow-y: auto;
z-index: 1000000;
}
.fixy #snap-pm-close {
color: #fff;
}
.fixy h2 {
font-weight: 500;
line-height: 1;
padding: 0.5em 0;
margin: 0;
margin-bottom: 1em;
font-size: 1rem;
}
@media only screen and (min-width: 768px) {
.fixy #snap-pm-close {
margin-top: 1rem;
}
}
.notloggedin header .snap-login-button {
margin-right: 4%;
}
.fixy-inner {
margin: 0 auto;
animation-name: snap-drop;
animation-iteration-count: once;
animation-timing-function: ease-in-out;
animation-duration: 0.3s;
}
#fixy-user {
padding: 1em 4%;
}
#fixy-user:before,
#fixy-user:after {
content: " ";
display: table;
}
#fixy-user:after {
clear: both;
}
#fixy-user:before,
#fixy-user:after {
content: " ";
display: table;
}
#fixy-user:after {
clear: both;
}
#fixy-user a,
#fixy-user a .h1 {
color: white;
}
#fixy-user .userpicture {
float: left;
margin-right: 2%;
}
#fixy-user #fixy-user-details {
float: left;
}
#fixy-user #fixy-logout {
display: block;
line-height: 0;
}
#snap-pm-content {
padding: 0 2%;
}
#snap-pm-content:before,
#snap-pm-content:after {
content: " ";
display: table;
}
#snap-pm-content:after {
clear: both;
}
#snap-pm-content:before,
#snap-pm-content:after {
content: " ";
display: table;
}
#snap-pm-content:after {
clear: both;
}
#snap-pm-content section {
padding: 1em 0;
}
#snap-login.fixy input {
display: block;
width: 92%;
max-width: 23rem;
}
#snap-login.fixy input[type='text'],
#snap-login.fixy input[type='password'] {
margin: 0 auto 0.5em;
padding: 0 0.5em;
background-color: #fff;
font-size: inherit;
border: 0;
box-shadow: none;
}
#snap-login.fixy input:focus {
outline: none;
}
#snap-login.fixy input[type='submit'] {
margin: 0 auto 3.5em;
}
#snap-login.fixy h1 {
color: #fff;
padding: 1rem 4%;
margin: 0;
}
#snap-login.fixy label {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1;
display: block;
padding-top: 1em;
font-weight: 300;
margin: 0.5em auto;
width: 92%;
max-width: 23rem;
}
#snap-login.fixy .fixy-inner {
min-height: 100vh;
}
#snap-login.fixy .subcontent.potentialidps {
width: auto;
text-align: center;
}
.fixy input::placeholder {
letter-spacing: 0.1em;
}
@media only screen and (min-width: 1200px) {
#fixy-my-courses {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 2em;
}
.callstoaction {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 2em;
}
.callstoaction section {
width: 100%;
padding-bottom: 0.5em;
border-bottom: 1px dotted #999;
}
}
@media only screen and (min-width: 1200px) and (min-width: 1200px) {
#fixy-my-courses {
float: left;
width: 75%;
}
}
@media only screen and (min-width: 1200px) and (min-width: 1200px) {
.callstoaction {
float: left;
width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.callstoaction {
column-count: 2;
}
.callstoaction section {
width: 100%;
float: none;
display: inline-block;
}
}
#fixy-mobile-menu {
display: none;
z-index: 2;
}
@media only screen and (max-width: 480px) {
#fixy-user .userpicture {
width: 60px;
}
#primary-nav section {
width: 96vw !important;
float: left;
padding: 1em;
transition: all 0.4s ease-in-out;
}
#snap-pm-content {
position: relative;
width: 700vw;
overflow: hidden;
padding-bottom: 2em;
}
.fixy-inner {
overflow: hidden;
width: 100vw;
}
#fixy-mobile-menu {
display: block;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 60px;
text-align: center;
background-color: #fff;
border-top: 1px solid #eee;
}
#fixy-mobile-menu a {
display: inline-block;
margin: 2%;
width: 12%;
outline: 0;
}
#fixy-mobile-menu a .svg-icon {
border-radius: 50%;
height: 40px;
width: 40px;
}
.courseinfo-body {
width: 61.8% !important;
height: auto;
padding: 0.5em !important;
}
}
.callstoaction section,
#fixy-my-courses {
position: relative;
}
.callstoaction section .snap-personal-menu-more,
#fixy-my-courses .snap-personal-menu-more {
position: absolute;
top: 0.9rem;
right: 0;
}
.callstoaction section .snap-personal-menu-more:hover .svg-icon,
#fixy-my-courses .snap-personal-menu-more:hover .svg-icon,
.callstoaction section .snap-personal-menu-more:focus .svg-icon,
#fixy-my-courses .snap-personal-menu-more:focus .svg-icon {
border: 1px solid #fff;
transform: scale(1.1);
}
.callstoaction section .svg-icon,
#fixy-my-courses .svg-icon {
transition: all 0.4s ease-in-out;
border-radius: 100%;
margin-right: 0;
width: 36px;
height: 36px;
}
.fixy .callstoaction #snap-personal-menu-deadlines,
.fixy .callstoaction #snap-personal-menu-graded,
.fixy .callstoaction #snap-personal-menu-grading,
.fixy .callstoaction #snap-personal-menu-messages,
.fixy .callstoaction #snap-personal-menu-feed-graded,
.fixy .callstoaction #snap-personal-menu-feed-grading,
.fixy .callstoaction #snap-personal-menu-feed-messages {
min-height: 50px;
}
#fixy-hidden-courses {
display: none;
outline: none;
}
#fixy-hidden-courses.state-visible {
display: block;
}
@media screen and (min-width: 768px) {
#fixy-my-courses .courseinfo {
width: calc(30.33333333%);
min-height: 250px;
}
}
.courseinfo {
position: relative;
float: left;
width: 100%;
margin: 0.5em 3% 0.5em 0;
min-height: 150px;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
box-shadow: 0 1px 2px 0 #dadada;
cursor: pointer;
overflow: hidden;
transition: all 0.4s ease-in-out;
}
.courseinfo:hover {
transform: scale(1.06);
box-shadow: 0 8px 17px 0 #999, 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.courseinfo:hover .courseinfo-teachers {
transform: scale(1.2);
}
.courseinfo .courseinfo-teachers {
transition: all 0.4s ease-in-out;
position: absolute;
top: -1em;
left: -1%;
width: 100%;
overflow: hidden;
text-align: center;
}
.courseinfo .userpicture,
.courseinfo .courseinfo-teachers-more {
border-radius: 50%;
margin-right: 1%;
width: 2em;
height: 2em;
background-color: white;
padding: 2px;
}
.courseinfo .courseinfo-teachers-more {
transition: all 0.4s ease-in-out;
display: inline-block;
background-color: white;
font-size: 0.7em;
text-align: center;
padding-top: 0.32em;
margin: 1%;
color: #565656 !important;
text-decoration: none !important;
border: 3px solid #dadada;
}
.courseinfo .courseinfo-teachers-extra {
transition: all 0.4s ease-in-out;
opacity: 0;
height: 0;
}
.courseinfo.show-all .courseinfo-teachers-extra {
opacity: 1;
height: auto;
}
.courseinfo.show-all .courseinfo-teachers {
overflow: auto;
top: -5em;
transition: all 0.4s ease-in-out;
}
.courseinfo .courseinfo-body {
transition: all 0.4s ease-in-out;
background-color: white;
color: #666;
position: absolute;
width: 100%;
padding: 1.5em 0.5em 1em 0.5em;
bottom: 0;
min-height: 50%;
}
.courseinfo .courseinfo-body h3 a {
display: -webkit-box;
max-height: 3em;
width: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal !important;
}
.courseinfo h3 {
font-size: 1em;
font-weight: 300;
margin: 0;
}
.courseinfo .completionstatus,
.courseinfo .coursegrade {
font-size: small;
}
.courseinfo .coursegrade {
display: block;
line-height: 2.5em;
}
.courseinfo .published-status {
clear: both;
float: left;
margin-bottom: -1em;
}
.courseinfo .completionstatus {
border-bottom: 0.5em solid #dadada;
}
.courseinfo .completion-line {
background-color: #8bc34a;
height: 0.3em;
margin-top: -0.3em;
}
@media only screen and (max-width: 767px) {
.courseinfo-teachers {
display: none;
}
}
/* Course favoriting */
.courseinfo .favoritetoggle {
width: 2em;
height: 2em;
padding: 0;
position: absolute;
top: 0;
right: 0;
margin: 0.25em;
z-index: 1;
}
.courseinfo .favoritetoggle:after {
background: url("[[pix:theme|fav_unchecked]]");
background-repeat: none;
content: ' ';
width: 80%;
height: 80%;
display: block;
margin: 0 10% 5%;
}
.courseinfo.favorited .favoritetoggle:after {
background: url("[[pix:theme|fav_checked]]");
}
@keyframes spinnerrotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.courseinfo .favoritetoggle.ajaxing {
animation-name: spinnerrotate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.header-hidden-courses {
display: none;
}
.header-hidden-courses.state-visible {
display: inherit;
}
button.snap-icon-toggle.favoritetoggle {
border-radius: 100%;
border: 2px solid transparent;
}
button.snap-icon-toggle.favoritetoggle:focus {
border-color: #fec111;
}
/**
* Snap core swatch.
*
* @package theme_snap
* @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
body:not(.behat-site) #id_generalhdr .ftoggler,
body:not(.behat-site) #id_general .ftoggler {
display: none;
}
.fdescription.required {
display: none;
}
#id_general .fcontainer,
#id_generalhdr .fcontainer {
display: block;
}
input[type="radio"] {
max-width: none;
}
#newsection {
width: 100%;
margin: 0;
}
#snap-add-new-section .editor_atto_content {
min-height: 250px !important;
}
#snap-add-new-section .editor_atto_wrap {
margin-bottom: 1em;
}
.editor_atto_notification {
bottom: 1em;
}
.editor_atto_notification .atto_info,
.editor_atto_notification .atto_warning {
border-radius: 0;
}
.pagelayout-admin .mform,
#page-course-editsection .mform {
max-width: 100%;
}
#page-mod-url-mod #id_submitbutton,
#page-mod-page-mod #id_submitbutton,
#page-mod-resource-mod #id_submitbutton {
display: none;
}
#fitem_id_externalurl .filemanager-loading {
display: none;
}
#page-course-edit #maincontent + h2,
#page-course-editsection #maincontent + h2,
.pagelayout-admin.path-mod #maincontent + h2 {
font-weight: 300;
line-height: 1.5;
color: #565656;
margin-top: 14px;
margin-bottom: 14px;
font-size: 24px;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
#page-course-edit #maincontent + h2 small,
#page-course-editsection #maincontent + h2 small,
.pagelayout-admin.path-mod #maincontent + h2 small,
#page-course-edit #maincontent + h2 .small,
#page-course-editsection #maincontent + h2 .small,
.pagelayout-admin.path-mod #maincontent + h2 .small {
font-weight: normal;
line-height: 1;
color: #999;
}
#page-course-edit #maincontent + h2 small,
#page-course-editsection #maincontent + h2 small,
.pagelayout-admin.path-mod #maincontent + h2 small,
#page-course-edit #maincontent + h2 .small,
#page-course-editsection #maincontent + h2 .small,
.pagelayout-admin.path-mod #maincontent + h2 .small {
font-size: 75%;
}
#id_cancel {
border-radius: 0;
color: #03a9f4;
font-weight: 300;
margin-left: 2em;
}
#id_cancel,
#id_cancel:active,
#id_cancel.active,
#id_cancel[disabled],
fieldset[disabled] #id_cancel {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#id_cancel,
#id_cancel:hover,
#id_cancel:focus,
#id_cancel:active {
border-color: transparent;
}
#id_cancel:hover,
#id_cancel:focus {
color: #0275a8;
text-decoration: underline;
background-color: transparent;
}
#id_cancel[disabled]:hover,
fieldset[disabled] #id_cancel:hover,
#id_cancel[disabled]:focus,
fieldset[disabled] #id_cancel:focus {
color: #999;
text-decoration: none;
}
#fitem_id_outcomes .yui3-moodle-core_outcome-mapoutcome-content-wrapper ul {
padding-left: 4%;
margin-left: 0;
}
.btn .badge {
color: #fff;
}
.snap-form-required #id_name,
.snap-form-required #id_externalurl,
.snap-form-required #id_toolurl,
.snap-form-required #id_sessionname {
width: 100%;
}
.snap-form-required select {
max-width: 30em;
}
.snap-form-required .editor_atto_content {
min-height: 250px !important;
}
@media (min-width: 992px) {
#id_name {
font-weight: 300;
line-height: 1.5;
color: #565656;
margin-bottom: 14px;
font-size: 36px;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
margin-top: 0;
}
#id_name small,
#id_name .small {
font-weight: normal;
line-height: 1;
color: #999;
}
#id_name small,
#id_name .small {
font-size: 75%;
}
.snap-form-required #fgroup_id_buttonar {
margin-top: 25px;
}
.snap-form-advanced fieldset.collapsible legend a.fheader {
margin-left: -6px;
}
.snap-form-advanced legend {
font-size: 1em;
}
.snap-form-advanced select {
max-width: 300px;
}
.snap-form-advanced .collapsible-actions {
text-align: left;
}
.snap-form-advanced .collapsible-actions .collapseexpand {
margin-left: -6px;
}
}
@media (max-width: 991px) {
.snap-form-required #fgroup_id_buttonar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0.5em;
background-color: #fff;
z-index: 25;
border-top: 1px solid #eee;
text-align: center;
}
}
@media (max-width: 767px) {
.snap-form-required #id_cancel {
margin-left: 0;
}
.snap-form-required #id_submitbutton2 + #id_submitbutton {
display: none;
}
}
#id_s_theme_snap_resourcedisplay {
margin-left: -15px;
margin-right: -15px;
max-width: 100%;
}
#s_theme_snap_resourcedisplay_list,
#s_theme_snap_resourcedisplay_card {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 768px) {
#s_theme_snap_resourcedisplay_list,
#s_theme_snap_resourcedisplay_card {
float: left;
width: 50%;
}
}
#s_theme_snap_resourcedisplay_list + br,
#s_theme_snap_resourcedisplay_card + br {
display: none;
}
#s_theme_snap_resourcedisplay_list:before,
#s_theme_snap_resourcedisplay_card:before {
display: block;
}
#s_theme_snap_resourcedisplay_list:before {
content: url("[[pix:theme|list]]");
}
#s_theme_snap_resourcedisplay_card:before {
content: url("[[pix:theme|cards]]");
}
/**
* Plugins css.
*/
/**
* oembed filter.
*/
/* oembed content cards. */
.filter_oembed_lazyvideo_container {
min-width: 100%;
background-color: black;
/* Text. */
/* Image. */
/* Content when loaded. */
}
.filter_oembed_lazyvideo_container .filter_oembed_lazyvideo_text {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
padding: 0.5em;
}
.filter_oembed_lazyvideo_container .filter_oembed_lazyvideo_placeholder {
width: auto;
height: 300px;
margin: 0 auto;
display: block;
}
.filter_oembed_lazyvideo_container iframe {
width: 100%;
min-height: 300px;
}
/* Large screen. */
@media screen and (min-width: 768px) {
.filter_oembed_lazyvideo_container {
/* Image. */
/* Content when loaded. */
}
.filter_oembed_lazyvideo_container .filter_oembed_lazyvideo_placeholder {
height: 400px;
}
.filter_oembed_lazyvideo_container iframe {
min-height: 400px;
}
}
/**
* report : dates.
* https://moodle.org/plugins/report_editdates
*/
#page-report-editdates-index .activityicon {
width: 2rem;
height: 2rem;
margin: 0 0.3rem;
vertical-align: middle;
}
/**
* Mod assign grading interface.
*/
.path-mod-assign {
/* Drop down menus in the anotation bar */
/* Dialogue close icons */
}
.path-mod-assign [data-region="grading-navigation-panel"],
.path-mod-assign [data-region="review-panel"],
.path-mod-assign [data-region="grade-panel"],
.path-mod-assign [data-region="grading-navigation"],
.path-mod-assign .assignfeedback_editpdf_widget .drawingregion {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
}
.path-mod-assign .assignfeedback_editpdf_widget .drawingregion {
top: 52px;
}
.path-mod-assign [data-region="grading-navigation-panel"],
.path-mod-assign [data-region="user-info"] {
height: auto;
}
.path-mod-assign [data-region="user-info"] h4 {
font-size: 1em;
}
.path-mod-assign [data-region="user-info"] .img-rounded {
height: 3em;
border-radius: 100%;
}
.path-mod-assign .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown {
min-width: 1em;
}
.path-mod-assign ul.assignfeedback_editpdf_menu {
margin: 0;
padding: 0;
}
.path-mod-assign [data-region="popout-button"] img.smallicon {
margin: 0 !important;
}
@media screen and (min-width: 992px) {
.path-mod-assign {
/* Remove margin from bs row so panes are full page. */
}
.path-mod-assign .grading-main {
margin-right: 0;
}
.path-mod-assign [data-region="review-panel-content"],
.path-mod-assign [data-region="grade-panel"] {
max-height: 80vh;
overflow-y: scroll;
}
.path-mod-assign [data-region="review-panel"] {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 0;
}
.path-mod-assign [data-region="review-panel"] .pageheader {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
right: 0;
}
.path-mod-assign [data-region="grade-panel"] {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.path-mod-assign [data-region="grade-actions-panel"] {
position: fixed;
background-color: white;
height: auto;
}
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] {
padding: 0.5em;
}
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
top: 25%;
right: 0;
height: auto;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.path-mod-assign [data-region="review-panel"] {
float: left;
width: 66.66666667%;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.path-mod-assign [data-region="review-panel"].grade-panel-collapsed {
float: left;
width: 100%;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.path-mod-assign [data-region="grade-panel"] {
float: left;
width: 33.33333333%;
}
}
/**
* Assign feedback PDF editor.
* Prevent PDF edit area from displaying outside of dialogs.
*
* Note - applies to joule grader which is why this is not nested within .path-mod-assign.
* Also, note - it's an issue with the editor being inside a dialog, so fix applied more widely than just to
* joule-grader.
*/
.moodle-dialogue-base .assignfeedback_editpdf_widget .drawingregion {
left: 0;
top: 0;
}
/**
* Survey module.
* Fix black text on save.
*/
#page-mod-survey-save div[role="main"] h2 {
padding-top: 0.5em;
color: #fff;
}
/**
* Conduit.
*/
#page-blocks-conduit-view .mform .fitem .felement.fgroup span {
display: inline-block;
}
#page-blocks-conduit-view .mform #fgroup_id_timestarted_grp .felement.fgroup span,
#page-blocks-conduit-view .mform #fgroup_id_timecompleted_grp .felement.fgroup span {
display: block;
}
.path-blocks-conduit .widgets a {
margin-top: -1.5em;
}
/*
* Competencies.
*
* Buttons used in multiple templates.
*
*/
/* Search icon. */
.path-admin-tool-lp [data-region="filtercompetencies"] button {
font-weight: normal;
border-radius: 0;
color: #03a9f4;
}
.path-admin-tool-lp [data-region="filtercompetencies"] button,
.path-admin-tool-lp [data-region="filtercompetencies"] button:active,
.path-admin-tool-lp [data-region="filtercompetencies"] button.active,
.path-admin-tool-lp [data-region="filtercompetencies"] button[disabled],
fieldset[disabled] .path-admin-tool-lp [data-region="filtercompetencies"] button {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.path-admin-tool-lp [data-region="filtercompetencies"] button,
.path-admin-tool-lp [data-region="filtercompetencies"] button:hover,
.path-admin-tool-lp [data-region="filtercompetencies"] button:focus,
.path-admin-tool-lp [data-region="filtercompetencies"] button:active {
border-color: transparent;
}
.path-admin-tool-lp [data-region="filtercompetencies"] button:hover,
.path-admin-tool-lp [data-region="filtercompetencies"] button:focus {
color: #0275a8;
text-decoration: underline;
background-color: transparent;
}
.path-admin-tool-lp [data-region="filtercompetencies"] button[disabled]:hover,
fieldset[disabled] .path-admin-tool-lp [data-region="filtercompetencies"] button:hover,
.path-admin-tool-lp [data-region="filtercompetencies"] button[disabled]:focus,
fieldset[disabled] .path-admin-tool-lp [data-region="filtercompetencies"] button:focus {
color: #999;
text-decoration: none;
}
/* Buttons without full bs class. */
.path-admin-tool-lp button.btn {
background-color: white;
}
/* Icon size. */
.path-admin-tool-lp ul.inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.path-admin-tool-lp ul.inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.path-admin-tool-lp ul.inline img {
width: 2rem;
height: 2rem;
margin: 0 0.3rem;
vertical-align: middle;
}
#page-report-competency-index dd[data-region="coursecompetencyactivities"] a img {
width: 2rem;
height: 2rem;
margin: 0 0.3rem;
vertical-align: middle;
}
/* autocomplete form - might be used more in moodle 3.2, but just in competencies at the moment. */
.form-autocomplete-downarrow {
color: #565656;
top: 0;
}
/**
* Stop rubric mform from being positioned inefficiently in dialog.
*/
#local-joulegrader-gradepane-panel .mform {
max-width: 100%;
margin: 0 auto;
}
/**
* Mod lesson.
*/
/* Radio button and checkbox inputs. */
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup,
#page-mod-lesson-view.path-mod-lesson .answeroption {
/* Put options on seperate lines. */
}
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="radio"],
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="radio"],
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="checkbox"],
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="checkbox"] {
top: 0.25em;
}
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="radio"] + label,
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="radio"] + label,
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup input[type="checkbox"] + label,
#page-mod-lesson-view.path-mod-lesson .answeroption input[type="checkbox"] + label {
padding-left: 1.5em;
}
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup .fgroup > span,
#page-mod-lesson-view.path-mod-lesson .answeroption .fgroup > span {
display: table;
}
#page-mod-lesson-view.path-mod-lesson .answeroptiongroup .fgroup > span label p,
#page-mod-lesson-view.path-mod-lesson .answeroption .fgroup > span label p {
display: inline;
}
.gradingform_guide_comment_chooser {
max-height: 60vh;
overflow-y: auto;
}
.gradingform_guide_comment_chooser > ul > li button {
text-align: left;
white-space: normal;
}
/**
* Moodle user profile page.
*
* @package theme_snap
* @copyright Copyright (c) 2017 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
#page-user-profile,
.path-course.path-user {
/* User image and name. */
/* Full screen. */
}
#page-user-profile .page-context-header,
.path-course.path-user .page-context-header {
text-align: center;
}
#page-user-profile .page-context-header .page-header-image,
.path-course.path-user .page-context-header .page-header-image,
#page-user-profile .page-context-header .page-header-headings,
.path-course.path-user .page-context-header .page-header-headings {
display: block;
padding: 0;
}
#page-user-profile #region-main,
.path-course.path-user #region-main {
max-width: 100%;
padding: 1em 4%;
}
#page-user-profile .userprofile,
.path-course.path-user .userprofile {
/* Message button. */
/* Profile text. */
/* Profile option lists. */
}
#page-user-profile .userprofile .header-button-group,
.path-course.path-user .userprofile .header-button-group {
float: none !important;
}
#page-user-profile .userprofile .description,
.path-course.path-user .userprofile .description {
max-width: 43.5em;
margin: 0 auto;
}
#page-user-profile .userprofile .profile_tree,
.path-course.path-user .userprofile .profile_tree {
margin-left: -15px;
margin-right: -15px;
column-count: 1;
/* Titles. */
/* Datalists. */
}
#page-user-profile .userprofile .profile_tree section,
.path-course.path-user .userprofile .profile_tree section {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
#page-user-profile .userprofile .profile_tree section,
.path-course.path-user .userprofile .profile_tree section {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
#page-user-profile .userprofile .profile_tree section,
.path-course.path-user .userprofile .profile_tree section {
float: left;
width: 25%;
}
}
#page-user-profile .userprofile .profile_tree section:nth-of-type(5),
.path-course.path-user .userprofile .profile_tree section:nth-of-type(5) {
clear: left;
}
#page-user-profile .userprofile .profile_tree .node_category h3,
.path-course.path-user .userprofile .profile_tree .node_category h3 {
font-weight: 300;
line-height: 1.5;
color: #565656;
margin-top: 14px;
margin-bottom: 14px;
font-size: 29px;
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
#page-user-profile .userprofile .profile_tree .node_category h3 small,
.path-course.path-user .userprofile .profile_tree .node_category h3 small,
#page-user-profile .userprofile .profile_tree .node_category h3 .small,
.path-course.path-user .userprofile .profile_tree .node_category h3 .small {
font-weight: normal;
line-height: 1;
color: #999;
}
#page-user-profile .userprofile .profile_tree .node_category h3 small,
.path-course.path-user .userprofile .profile_tree .node_category h3 small,
#page-user-profile .userprofile .profile_tree .node_category h3 .small,
.path-course.path-user .userprofile .profile_tree .node_category h3 .small {
font-size: 75%;
}
#page-user-profile .userprofile .profile_tree .node_category li.contentnode dl dd,
.path-course.path-user .userprofile .profile_tree .node_category li.contentnode dl dd {
margin: 0;
}
/* Course user profile. */
.path-course.path-user {
/* If course image, pull the user image up. */
}
.path-course.path-user #page-header.mast-image {
margin-bottom: -3.75em;
}
/* Global user profile. */
#page-user-profile .page-header-headings h1 {
margin: 0.25em 0;
}
/* Large screen. */
@media screen and (min-width: 992px) {
#page-user-profile,
.path-course.path-user {
/* Hack to center buttons */
}
#page-user-profile div.singlebutton,
.path-course.path-user div.singlebutton {
margin-left: 30vw;
}
#page-user-profile div.singlebutton + .singlebutton,
.path-course.path-user div.singlebutton + .singlebutton {
margin-left: 0;
}
}
/**
* Snap user swatch.
*
* @package theme_snap
* @copyright Copyright (c) 2015 Open LMS (https://www.openlms.net)
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.news-article-message *[style],
.snap-image-summary *[style],
.summary-text *[style],
.summary p[style],
.summary div[style],
.sitetopic p[style],
.sitetopic div[style],
.snap-activity .contentafterlink *[style],
.signuppanel *[style],
.signuppanel .text_to_html *[style],
.snap-lightbox-description *[style] {
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
margin: inherit !important;
padding: inherit !important;
font-family: inherit !important;
background-color: inherit !important;
max-width: 100% !important;
border: inherit !important;
}
blockquote {
border-left: 5px solid #03a9f4;
}
blockquote.blockquote-reverse {
border-left: 0;
border-right: 5px solid #03a9f4;
}
hr {
border-top: 1px solid #03a9f4;
}
a,
a:visited,
.btn-link {
color: #03a9f4;
}
a:focus,
.dropdown-toggle:focus {
outline: 3px solid #03a9f4;
}
a:active,
.dropdown-toggle:active,
a:hover,
.dropdown-toggle:hover {
outline: 0;
}
.js-snap-asset-move:focus + label .svg-icon {
outline: 3px solid #03a9f4;
}
a:focus,
a:hover,
.btn-link:hover,
.btn-link:focus {
color: #038dcc;
}
#admin-menu-trigger:hover,
#admin-menu-trigger:focus {
outline: 0;
border-color: #03a9f4;
}
#fixy-my-courses .courseinfo a,
.snap-progressbar-link .progressbar-text a,
#fixy-my-courses .courseinfo a:visited,
.snap-progressbar-link .progressbar-text a:visited {
color: #03a9f4;
}
#fixy-my-courses .courseinfo a:focus,
.snap-progressbar-link .progressbar-text a:focus,
#fixy-my-courses .courseinfo a:hover,
.snap-progressbar-link .progressbar-text a:hover {
color: #038dcc;
}
.section li.snap-native .activityinstance .snap-asset-link a {
color: #03a9f4;
}
.section li.snap-native .activityinstance .snap-asset-link a:visited {
color: #03a9f4;
}
.section li.snap-native .activityinstance .snap-asset-link a:focus,
.section li.snap-native .activityinstance .snap-asset-link a:hover {
color: #038dcc;
}
.snap-asset-link a {
color: #565656;
}
.snap-asset-link a:focus,
.snap-asset-link a:hover {
color: #038dcc;
}
.snap-due-date {
background-color: #03a9f4;
}
.snap-due-date.snap-date-overdue {
background-color: #e91e63;
}
#dateselector-calendar-panel .yui3-calendar-day {
color: #03a9f4;
}
#dateselector-calendar-panel .yui3-calendar-day:hover {
color: #038dcc;
}
#dateselector-calendar-panel .yui3-calendar-day-selected,
#dateselector-calendar-panel .yui3-calendar-day:hover {
color: #fff;
background-color: #03a9f4;
}
#region-main,
#region-main textarea,
.contentafterlink,
.contentwithoutlink,
#course_about,
.user-grade td.feedbacktext,
#course_teachers .text_to_html,
.snap-lightbox-description,
#page-mod-book-print {
font-family: Georgia, "Times New Roman", Times, serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
legend,
.mform legend a,
.mform legend a:hover,
.coursebox .info .coursename,
.form_autocomplete_selection,
.form_autocomplete_suggestions,
.collapsibleregioncaption,
.snap-featured-course-title {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
.snap-action-icon,
#coursetools-list a,
.snap-progress-circle .progressbar-text {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
background-color: #03a9f4;
}
.snap-media-body p {
font-family: Georgia, "Times New Roman", Times, serif;
}
#fixy-trigger .message_badge_count,
#fixy-trigger .conversation_badge_count {
background-color: #038dcc;
}
.courseinfo-teachers-more:hover {
border-color: #03a9f4;
}
#fixy-user {
background-color: #03a9f4;
}
.fixy .label-success {
color: #03a9f4;
}
.fixy .fixy-header {
background-color: #03a9f4;
}
#fixy-mobile-menu .svg-icon {
border: 1px solid #03a9f4;
}
.snap-unread-marker {
color: #03a9f4;
}
#page-mod-quiz-review .arrow_link,
.path-admin-tool-lp button.btn,
#course-category-listings .listing-pagination .yui3-button,
.paging.paging-morelink a,
#changenumsections .increase-sections,
#changenumsections .reduce-sections,
input.form-submit,
input#id_submitbutton,
input#id_submitbutton2,
.path-admin .buttons input[type="submit"],
td.submit input,
#notice .singlebutton + .singlebutton input,
#login.fixy input[type=submit],
button#local-joulegrader-preview-button,
button.atto_equation_submit,
.yui-skin-sam .yui-button,
.yui3-button,
.yui-button button,
.felement.ftext input + button,
.header-button-group .btn,
.btn.btn-primary,
.btn.btn-default,
.btn.btn-solid,
.button-group > button,
input.form-submit,
input[type="button"],
.moodle-dialogue-content button,
button#restrictbygroup,
button#livelogs-pause-button,
#page-admin-tool-monitor-managerules a > button,
input[type="submit"],
button[type="submit"],
input[type="reset"],
.gradingform_checklist.editor .addgroup input,
.gradingform_checklist.editor .additem input,
.gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addcriterion input,
#page-site-index .section-modchooser-link .section-modchooser-text {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
transition: all 0.4s ease-in-out;
color: #03a9f4;
border-color: #03a9f4;
border-radius: 4px;
}
#page-mod-quiz-review .arrow_link:visited,
.path-admin-tool-lp button.btn:visited,
#course-category-listings .listing-pagination .yui3-button:visited,
.paging.paging-morelink a:visited,
#changenumsections .increase-sections:visited,
#changenumsections .reduce-sections:visited,
input.form-submit:visited,
input#id_submitbutton:visited,
input#id_submitbutton2:visited,
.path-admin .buttons input[type="submit"]:visited,
td.submit input:visited,
#notice .singlebutton + .singlebutton input:visited,
#login.fixy input[type=submit]:visited,
button#local-joulegrader-preview-button:visited,
button.atto_equation_submit:visited,
.yui-skin-sam .yui-button:visited,
.yui3-button:visited,
.yui-button button:visited,
.felement.ftext input + button:visited,
.header-button-group .btn:visited,
.btn.btn-primary:visited,
.btn.btn-default:visited,
.btn.btn-solid:visited,
.button-group > button:visited,
input.form-submit:visited,
input[type="button"]:visited,
.moodle-dialogue-content button:visited,
button#restrictbygroup:visited,
button#livelogs-pause-button:visited,
#page-admin-tool-monitor-managerules a > button:visited,
input[type="submit"]:visited,
button[type="submit"]:visited,
input[type="reset"]:visited,
.gradingform_checklist.editor .addgroup input:visited,
.gradingform_checklist.editor .additem input:visited,
.gradingform_rubric.editor .addlevel input:visited,
.gradingform_rubric.editor .addcriterion input:visited,
#page-site-index .section-modchooser-link .section-modchooser-text:visited {
color: #03a9f4;
}
#page-mod-quiz-review .arrow_link:hover,
.path-admin-tool-lp button.btn:hover,
#course-category-listings .listing-pagination .yui3-button:hover,
.paging.paging-morelink a:hover,
#changenumsections .increase-sections:hover,
#changenumsections .reduce-sections:hover,
input.form-submit:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
.path-admin .buttons input[type="submit"]:hover,
td.submit input:hover,
#notice .singlebutton + .singlebutton input:hover,
#login.fixy input[type=submit]:hover,
button#local-joulegrader-preview-button:hover,
button.atto_equation_submit:hover,
.yui-skin-sam .yui-button:hover,
.yui3-button:hover,
.yui-button button:hover,
.felement.ftext input + button:hover,
.header-button-group .btn:hover,
.btn.btn-primary:hover,
.btn.btn-default:hover,
.btn.btn-solid:hover,
.button-group > button:hover,
input.form-submit:hover,
input[type="button"]:hover,
.moodle-dialogue-content button:hover,
button#restrictbygroup:hover,
button#livelogs-pause-button:hover,
#page-admin-tool-monitor-managerules a > button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="reset"]:hover,
.gradingform_checklist.editor .addgroup input:hover,
.gradingform_checklist.editor .additem input:hover,
.gradingform_rubric.editor .addlevel input:hover,
.gradingform_rubric.editor .addcriterion input:hover,
#page-site-index .section-modchooser-link .section-modchooser-text:hover,
#page-mod-quiz-review .arrow_link:focus,
.path-admin-tool-lp button.btn:focus,
#course-category-listings .listing-pagination .yui3-button:focus,
.paging.paging-morelink a:focus,
#changenumsections .increase-sections:focus,
#changenumsections .reduce-sections:focus,
input.form-submit:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus,
.path-admin .buttons input[type="submit"]:focus,
td.submit input:focus,
#notice .singlebutton + .singlebutton input:focus,
#login.fixy input[type=submit]:focus,
button#local-joulegrader-preview-button:focus,
button.atto_equation_submit:focus,
.yui-skin-sam .yui-button:focus,
.yui3-button:focus,
.yui-button button:focus,
.felement.ftext input + button:focus,
.header-button-group .btn:focus,
.btn.btn-primary:focus,
.btn.btn-default:focus,
.btn.btn-solid:focus,
.button-group > button:focus,
input.form-submit:focus,
input[type="button"]:focus,
.moodle-dialogue-content button:focus,
button#restrictbygroup:focus,
button#livelogs-pause-button:focus,
#page-admin-tool-monitor-managerules a > button:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
input[type="reset"]:focus,
.gradingform_checklist.editor .addgroup input:focus,
.gradingform_checklist.editor .additem input:focus,
.gradingform_rubric.editor .addlevel input:focus,
.gradingform_rubric.editor .addcriterion input:focus,
#page-site-index .section-modchooser-link .section-modchooser-text:focus,
#page-mod-quiz-review .arrow_link:active,
.path-admin-tool-lp button.btn:active,
#course-category-listings .listing-pagination .yui3-button:active,
.paging.paging-morelink a:active,
#changenumsections .increase-sections:active,
#changenumsections .reduce-sections:active,
input.form-submit:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.path-admin .buttons input[type="submit"]:active,
td.submit input:active,
#notice .singlebutton + .singlebutton input:active,
#login.fixy input[type=submit]:active,
button#local-joulegrader-preview-button:active,
button.atto_equation_submit:active,
.yui-skin-sam .yui-button:active,
.yui3-button:active,
.yui-button button:active,
.felement.ftext input + button:active,
.header-button-group .btn:active,
.btn.btn-primary:active,
.btn.btn-default:active,
.btn.btn-solid:active,
.button-group > button:active,
input.form-submit:active,
input[type="button"]:active,
.moodle-dialogue-content button:active,
button#restrictbygroup:active,
button#livelogs-pause-button:active,
#page-admin-tool-monitor-managerules a > button:active,
input[type="submit"]:active,
button[type="submit"]:active,
input[type="reset"]:active,
.gradingform_checklist.editor .addgroup input:active,
.gradingform_checklist.editor .additem input:active,
.gradingform_rubric.editor .addlevel input:active,
.gradingform_rubric.editor .addcriterion input:active,
#page-site-index .section-modchooser-link .section-modchooser-text:active,
#page-mod-quiz-review .arrow_link.active,
.path-admin-tool-lp button.btn.active,
#course-category-listings .listing-pagination .yui3-button.active,
.paging.paging-morelink a.active,
#changenumsections .increase-sections.active,
#changenumsections .reduce-sections.active,
input.form-submit.active,
input#id_submitbutton.active,
input#id_submitbutton2.active,
.path-admin .buttons input[type="submit"].active,
td.submit input.active,
#notice .singlebutton + .singlebutton input.active,
#login.fixy input[type=submit].active,
button#local-joulegrader-preview-button.active,
button.atto_equation_submit.active,
.yui-skin-sam .yui-button.active,
.yui3-button.active,
.yui-button button.active,
.felement.ftext input + button.active,
.header-button-group .btn.active,
.btn.btn-primary.active,
.btn.btn-default.active,
.btn.btn-solid.active,
.button-group > button.active,
input.form-submit.active,
input[type="button"].active,
.moodle-dialogue-content button.active,
button#restrictbygroup.active,
button#livelogs-pause-button.active,
#page-admin-tool-monitor-managerules a > button.active,
input[type="submit"].active,
button[type="submit"].active,
input[type="reset"].active,
.gradingform_checklist.editor .addgroup input.active,
.gradingform_checklist.editor .additem input.active,
.gradingform_rubric.editor .addlevel input.active,
.gradingform_rubric.editor .addcriterion input.active,
#page-site-index .section-modchooser-link .section-modchooser-text.active {
background-color: #03a9f4;
color: #fff;
border-color: #03a9f4;
text-decoration: none;
}
#page-mod-quiz-review .arrow_link[disabled],
.path-admin-tool-lp button.btn[disabled],
#course-category-listings .listing-pagination .yui3-button[disabled],
.paging.paging-morelink a[disabled],
#changenumsections .increase-sections[disabled],
#changenumsections .reduce-sections[disabled],
input.form-submit[disabled],
input#id_submitbutton[disabled],
input#id_submitbutton2[disabled],
.path-admin .buttons input[type="submit"][disabled],
td.submit input[disabled],
#notice .singlebutton + .singlebutton input[disabled],
#login.fixy input[type=submit][disabled],
button#local-joulegrader-preview-button[disabled],
button.atto_equation_submit[disabled],
.yui-skin-sam .yui-button[disabled],
.yui3-button[disabled],
.yui-button button[disabled],
.felement.ftext input + button[disabled],
.header-button-group .btn[disabled],
.btn.btn-primary[disabled],
.btn.btn-default[disabled],
.btn.btn-solid[disabled],
.button-group > button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
.moodle-dialogue-content button[disabled],
button#restrictbygroup[disabled],
button#livelogs-pause-button[disabled],
#page-admin-tool-monitor-managerules a > button[disabled],
input[type="submit"][disabled],
button[type="submit"][disabled],
input[type="reset"][disabled],
.gradingform_checklist.editor .addgroup input[disabled],
.gradingform_checklist.editor .additem input[disabled],
.gradingform_rubric.editor .addlevel input[disabled],
.gradingform_rubric.editor .addcriterion input[disabled],
#page-site-index .section-modchooser-link .section-modchooser-text[disabled] {
opacity: 0.65;
}
.btn.btn-inverse {
background-color: #03a9f4;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn.btn-inverse:active,
.btn.btn-inverse.active {
color: #03a9f4;
border-color: #03a9f4;
}
.btn.btn-success,
.btn.btn-info,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-inverse,
.btn.btn-link {
font-family:
"Roboto",
"Fira Sans",
"Segoe UI",
"HelveticaNeue-Light",
"Helvetica Neue Light",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
transition: all 0.4s ease-in-out;
border-radius: 4px;
}
#id_cancel {
color: #03a9f4;
}
#id_cancel:focus,
#id_cancel:hover {
color: #038dcc;
}
.editing.path-course-view section#region-main > .singlebutton input[type="submit"],
.editor_atto_toolbar button,
#page-mast .singlebutton input[type="submit"] {
box-shadow: none;
}
#show-toc {
color: #03a9f4;
}
#page-site-index #page-header,
#page-login-index #page,
.news-article-image,
.news-article-preview,
#snap-footer-alert,
#toc-mobile-menu-toggle {
background-color: #03a9f4;
}
#notice,
#toc-search:before {
color: #03a9f4;
}
#toc-search-input:hover {
border-color: #03a9f4;
}
#toc-search-input:focus {
border-bottom: 1px solid #03a9f4;
}
#page-course-loginas #region-main,
#page-mod-survey-save #region-main {
background-color: #03a9f4;
}
#snap-login .subcontent.potentialidps {
border-top: 1px solid #03a9f4;
}
/* highlight selected menu iteam logic */
/*default */
a[href="#sections"] {
border-bottom: 0.3em solid #03a9f4;
}
/* moodle edit menus */
.moodle-actionmenu[data-enhanced].show .menu a:hover,
.moodle-actionmenu[data-enhanced].show .menu a:focus {
color: #03a9f4;
background-color: transparent;
}
li.snap-resource,
li.snap-activity {
border-top-color: #03a9f4;
}
.yui-skin-sam .yuimenu a.yuimenuitemlabel:hover,
.yui-bootstrapped .yuimenu a.yuimenuitemlabel:hover,
.yui-skin-sam .yuimenu a.yuimenuitemlabel:focus,
.yui-bootstrapped .yuimenu a.yuimenuitemlabel:focus {
background-color: #03a9f4;
}
.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell a,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell a {
color: #03a9f4;
}
.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell.selected,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell.selected {
background-color: #03a9f4;
}
.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell.calcellhover,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell.calcellhover,
.yui-skin-sam .yui-calcontainer .yui-calendar td.calcell.calcellhover a,
.yui-bootstrapped .yui-calcontainer .yui-calendar td.calcell.calcellhover a {
background: #03a9f4;
}
.yui-skin-sam .yui-dt-paginator a.yui-pg-previous,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-previous,
.yui-skin-sam .yui-dt-paginator a.yui-pg-first,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-first,
.yui-skin-sam .yui-dt-paginator a.yui-pg-next,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-next,
.yui-skin-sam .yui-dt-paginator a.yui-pg-last,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-last,
.yui-skin-sam .yui-dt-paginator a.yui-pg-page,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-page {
color: #03a9f4;
}
.yui-skin-sam .yui-dt-paginator a.yui-pg-previous:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-previous:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-first:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-first:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-next:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-next:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-last:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-last:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-page:hover,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-page:hover,
.yui-skin-sam .yui-dt-paginator a.yui-pg-previous:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-previous:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-first:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-first:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-next:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-next:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-last:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-last:focus,
.yui-skin-sam .yui-dt-paginator a.yui-pg-page:focus,
.yui-bootstrapped .yui-dt-paginator a.yui-pg-page:focus {
color: #0275a8;
}
.yui-skin-sam .yui-dt-paginator span.yui-pg-current-page,
.yui-bootstrapped .yui-dt-paginator span.yui-pg-current-page,
.yui-skin-sam .yui-dt-paginator span.yui-pg-current-page:hover,
.yui-bootstrapped .yui-dt-paginator span.yui-pg-current-page:hover,
.yui-skin-sam .yui-dt-paginator span.yui-pg-current-page:focus,
.yui-bootstrapped .yui-dt-paginator span.yui-pg-current-page:focus {
color: #fff;
background-color: #03a9f4;
border-color: #03a9f4;
}
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item a.nav-item:focus {
background-color: #03a9f4;
}
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:hover,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-left a.nav-paginate:focus,
.path-blocks-reports .yui3-widget-stdmod div.report-nav-item-right a.nav-paginate:focus {
background-color: #03a9f4;
}
.yui-bootstrapped .yui3-tabview-list .yui3-tab-label,
.yui-skin-sam .yui3-tabview-list .yui3-tab-label {
color: #03a9f4;
}
.yui-bootstrapped .yui3-tabview-list .yui3-tab-label:hover,
.yui-skin-sam .yui3-tabview-list .yui3-tab-label:hover,
.yui-bootstrapped .yui3-tabview-list .yui3-tab-label:focus,
.yui-skin-sam .yui3-tabview-list .yui3-tab-label:focus {
color: #038dcc;
}
.yui-bootstrapped .yui-navset .yui-nav li > a,
.yui-skin-sam .yui-navset .yui-nav li > a {
color: #03a9f4;
}
.yui-bootstrapped .yui-navset .yui-nav li > a:hover,
.yui-skin-sam .yui-navset .yui-nav li > a:hover,
.yui-bootstrapped .yui-navset .yui-nav li > a:focus,
.yui-skin-sam .yui-navset .yui-nav li > a:focus {
color: #038dcc;
}
img.iconhelp:hover {
background-color: #03a9f4;
}
.progress .bar,
.progress-bar:not(.progress-bar-info):not(.progress-bar-success):not(.progress-bar-warning):not(.progress-bar-danger) {
background-color: #03a9f4;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #03a9f4;
}
.que {
border-bottom: 1px solid #03a9f4;
}
#snap-changecoverimageconfirmation.disabled .ok,
#snap-changecoverimageconfirmation.disabled .ok:visited,
#snap-changecoverimageconfirmation.disabled .ok:hover,
#snap-changecoverimageconfirmation.disabled .ok:active,
#snap-changecoverimageconfirmation.disabled .ok:focus {
color: #fff;
border-color: #fff;
background-color: #03a9f4;
}
.spinner-three-quarters:not(:required).spinner-dark {
border-color: #03a9f4;
border-right-color: transparent;
}
.behat-site #fixy-user #fixy-logout {
line-height: 1em;
}
.behat-site #moodle-blocks {
visibility: visible;
height: inherit;
}
.behat-site #mr-nav {
position: absolute;
}
.behat-site * {
transition: none !important;
animation-name: none !important;
}
.behat-site #snap-footer-alert {
position: relative;
transition-property: none !important;
}
/**setting:logo**/
/**setting:snap-user-bootswatch**/
/**setting:customcss**/
body {
margin: 8px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.container .moodleSkin img.mceIcon {
display: block;
height: auto;
width: auto;
}
.container .moodleSkin img.mceIcon {
display: block;
height: auto;
width: auto;
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists