moodle/theme/bootstrapbase/style/moodle.css

22399 lines
513 KiB
CSS

/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right,
.pull-xs-right {
float: right;
}
.pull-left,
.pull-xs-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
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;
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('[[font:core|fontawesome-webfont.eot]]?v=4.7.0');
src: url('[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0') format('embedded-opentype'), url('[[font:core|fontawesome-webfont.woff2]]?v=4.7.0') format('woff2'), url('[[font:core|fontawesome-webfont.woff]]?v=4.7.0') format('woff'), url('[[font:core|fontawesome-webfont.ttf]]?v=4.7.0') format('truetype'), url('[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* 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;
}
.empty-region-side-pre #block-region-side-pre,
.empty-region-side-post #block-region-side-post,
.jsenabled.docked-region-side-post #block-region-side-post,
.jsenabled.docked-region-side-pre #block-region-side-pre {
display: none;
}
/* Default Three Columns - All
------------------------------*/
.content-only #region-main-box,
.content-only #region-main {
width: 100%;
}
.empty-region-side-pre.used-region-side-post #region-main {
width: 100%;
}
.empty-region-side-post.used-region-side-pre #region-main-box {
width: 100%;
}
.jsenabled.docked-region-side-pre.empty-region-side-pre.used-region-side-post #region-main {
width: 100%;
}
.jsenabled.docked-region-side-post.empty-region-side-post.used-region-side-pre #region-main-box {
width: 100%;
}
.empty-region-side-post.used-region-side-pre #region-main.span8,
.jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
/** Increase the span size by 1 **/
width: 74.46808511%;
*width: 74.41489362%;
}
.empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
.jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
/** Decrease the span size by 1 **/
width: 23.40425532%;
*width: 23.35106383%;
}
/** Page layout CSS ends **/
.mdl-left {
text-align: left;
}
.mdl-right {
text-align: right;
}
/*rtl:ignore*/
.text-ltr {
direction: ltr !important;
/* stylelint-disable-line declaration-no-important */
}
#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 {
color: #999;
}
.unlist,
.unlist li,
.list-unstyled,
.list-unstyled 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: 10.5px;
}
.notifytiny li,
.notifytiny td {
font-size: 100%;
}
.red,
.notifyproblem {
color: #b94a48;
}
.green,
.notifysuccess {
color: #468847;
}
.highlight {
background: #d9edf7;
}
.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;
}
.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
cursor: pointer;
}
.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;
}
/*rtl:raw:
.collapsible-actions .collapseexpand {
background: url([[pix:t/collapsed_rtl]]) right 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;
}
img.userpicture {
margin-right: 5px;
}
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;
padding-right: 6px;
}
img.icon.iconsize-big {
width: 64px;
height: 64px;
}
img.iconsmall {
height: 12px;
margin-right: 3px;
vertical-align: middle;
width: 12px;
}
img.iconhelp,
.helplink img {
height: 16px;
padding-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;
padding: 4px;
}
img.iconlarge {
height: 24px;
width: 24px;
vertical-align: middle;
}
img.iconsort {
vertical-align: text-bottom;
padding-left: .3em;
margin-bottom: .15em;
}
img.icontoggle {
height: 17px;
vertical-align: middle;
width: 50px;
}
img.iconkbhelp {
height: 17px;
width: 49px;
}
img.icon-pre {
padding-right: 3px;
padding-left: 0;
}
img.icon-post {
padding-left: 3px;
padding-right: 0;
}
.sitelink img {
width: 112px;
}
.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;
}
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;
min-height: 10em;
}
.accesshide {
position: absolute;
left: -10000px;
font-weight: normal;
font-size: 1em;
}
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;
}
#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;
}
.dataformatselector {
margin: 1em 0;
}
.dataformatselector label {
display: inline-block;
margin: 0 5px 10px 0;
line-height: 30px;
vertical-align: top;
}
.loginbox {
margin: 15px;
overflow: visible;
}
.loginbox.twocolumns {
margin: 15px;
}
.loginbox h2,
.loginbox .subcontent {
margin: 5px;
padding: 10px;
text-align: center;
}
.loginbox .loginpanel .desc {
margin: 0;
padding: 0;
margin-bottom: 5px;
margin-top: 15px;
}
.loginbox .loginsub {
margin-left: 0;
margin-right: 0;
}
.loginbox .guestsub,
.loginbox .forgotsub {
margin: 5px 12%;
}
.loginbox .loginform {
margin-top: 1em;
text-align: left;
}
.loginbox .loginform .form-label {
float: left;
text-align: right;
width: 49%;
white-space: nowrap;
}
.loginbox .loginform .form-input {
float: right;
width: 50%;
}
.loginbox .loginform .form-input input {
width: 6em;
}
.loginbox .signupform {
margin-top: 1em;
text-align: center;
}
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
width: 48%;
border: 0;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
margin-left: 2.76243%;
min-height: 30px;
margin-bottom: -2000px;
padding-bottom: 2000px;
}
.loginbox .potentialidp {
margin-bottom: 0.3em;
}
.loginbox .potentialidp .smallicon {
vertical-align: text-bottom;
margin: 0 .3em;
}
.notepost {
margin-bottom: 1em;
}
.notepost .userpicture {
float: left;
}
.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 textarea.fullwidth {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.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-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: #f2dede;
}
.completion-expected {
font-size: 10.5px;
}
.completion-sortchoice,
.completion-identifyfield {
font-size: 10.5px;
vertical-align: bottom;
}
.completion-progresscell {
text-align: right;
}
.completion-expired .completion-expected {
font-weight: bold;
}
/**
* Tags
*/
img.user-image {
height: 100px;
width: 100px;
}
#tag-search-box {
text-align: center;
margin: 10px auto;
}
.path-tag .tag-index-items .tagarea {
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 10px;
margin-top: 10px;
}
.path-tag .tag-index-items .tagarea h3 {
display: block;
padding: 3px 0 10px 0;
margin: 0;
font-size: 1.1em;
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
word-wrap: break-word;
border-bottom: solid 1px #e3e3e3;
margin-bottom: 10px;
}
.path-tag .tagarea .controls,
.path-tag .tagarea .taggeditems {
*zoom: 1;
}
.path-tag .tagarea .controls:before,
.path-tag .tagarea .taggeditems:before,
.path-tag .tagarea .controls:after,
.path-tag .tagarea .taggeditems:after {
display: table;
content: "";
line-height: 0;
}
.path-tag .tagarea .controls:after,
.path-tag .tagarea .taggeditems:after {
clear: both;
}
.path-tag .tagarea .controls,
.path-tag .tag-backtoallitems {
text-align: center;
}
.path-tag .tagarea .controls .gotopage.nextpage {
float: right;
}
.path-tag .tagarea .controls .gotopage.prevpage {
float: left;
}
.path-tag .tagarea .controls .exclusivemode {
display: inline-block;
}
.path-tag .tagarea .controls.controls-bottom {
margin-top: 5px;
}
.path-tag .tagarea .controls .gotopage.nextpage::after {
/*rtl:remove*/
content: "»";
/*rtl:raw:
content: "«";
*/
padding-right: 5px;
padding-left: 5px;
}
.path-tag .tagarea .controls .gotopage.prevpage::before {
/*rtl:remove*/
content: "«";
/*rtl:raw:
content: "»";
*/
padding-right: 5px;
padding-left: 5px;
}
span.flagged-tag,
tr.flagged-tag,
span.flagged-tag a,
tr.flagged-tag a {
color: #b94a48;
}
.tag-management-table td,
.tag-management-table th {
vertical-align: middle;
padding: 4px;
}
.tag-management-table .inplaceeditable.inplaceeditingon input {
width: 150px;
}
.path-admin-tag .addstandardtags {
float: right;
}
.path-admin-tag .addstandardtags img {
margin: 0 5px;
}
.path-tag .tag-relatedtags {
padding-top: 10px;
}
.path-tag .tag-management-box {
text-align: right;
}
.path-tag .tag-index-toc {
padding: 10px;
text-align: center;
}
.path-tag .tag-index-toc li,
.path-tag .tag-management-box li {
margin-left: 5px;
margin-right: 5px;
}
.path-tag .tag-management-box li a.edittag {
background-image: url([[pix:moodle|i/settings]]);
}
.path-tag .tag-management-box li a.flagasinappropriate {
background-image: url([[pix:moodle|i/flagged]]);
}
.path-tag .tag-management-box li a.removefrommyinterests {
background-image: url([[pix:moodle|t/delete]]);
}
.path-tag .tag-management-box li a.addtomyinterests {
background-image: url([[pix:moodle|t/add]]);
}
.path-tag .tag-management-box li a {
background-repeat: no-repeat;
background-position: left;
padding-left: 17px;
}
.tag_feed.media-list .media .itemimage {
float: left;
}
.tag_feed.media-list .media .itemimage img {
height: 35px;
width: 35px;
}
.tag_feed.media-list .media .media-body {
padding-right: 10px;
padding-left: 10px;
}
.tag_feed .media .muted a {
color: #999;
}
.tag_cloud {
text-align: center;
}
.tag_cloud .inline-list li {
padding: 0 0.2em;
}
.tag_cloud .tag_overflow {
margin-top: 1em;
font-style: italic;
}
.tag_cloud .s20 {
font-size: 2.7em;
}
.tag_cloud .s19 {
font-size: 2.6em;
}
.tag_cloud .s18 {
font-size: 2.5em;
}
.tag_cloud .s17 {
font-size: 2.4em;
}
.tag_cloud .s16 {
font-size: 2.3em;
}
.tag_cloud .s15 {
font-size: 2.2em;
}
.tag_cloud .s14 {
font-size: 2.1em;
}
.tag_cloud .s13 {
font-size: 2em;
}
.tag_cloud .s12 {
font-size: 1.9em;
}
.tag_cloud .s11 {
font-size: 1.8em;
}
.tag_cloud .s10 {
font-size: 1.7em;
}
.tag_cloud .s9 {
font-size: 1.6em;
}
.tag_cloud .s8 {
font-size: 1.5em;
}
.tag_cloud .s7 {
font-size: 1.4em;
}
.tag_cloud .s6 {
font-size: 1.3em;
}
.tag_cloud .s5 {
font-size: 1.2em;
}
.tag_cloud .s4 {
font-size: 1.1em;
}
.tag_cloud .s3 {
font-size: 1em;
}
.tag_cloud .s2 {
font-size: 0.9em;
}
.tag_cloud .s1 {
font-size: 0.8em;
}
.tag_cloud .s0 {
font-size: 0.7em;
}
.tag_list ul {
display: inline;
}
.tag_list.hideoverlimit .overlimit {
display: none;
}
.tag_list .tagmorelink {
display: none;
}
.tag_list.hideoverlimit .tagmorelink {
display: inline;
}
.tag_list.hideoverlimit .taglesslink {
display: none;
}
/**
* Web Service
*/
#webservice-doc-generator td {
text-align: left;
border: 0 solid black;
}
/**
* Registration
*/
#page-admin-registration-register .registration_textfield {
width: 300px;
}
/**
* Enrol
*/
.userenrolment {
width: 100%;
border-collapse: collapse;
}
.userenrolment tr {
vertical-align: top;
}
.userenrolment td {
padding: 0;
height: 41px;
}
.userenrolment .subfield {
margin-right: 5px;
}
.userenrolment .col_userdetails .subfield {
margin-left: 40px;
}
.userenrolment .col_userdetails .subfield_picture {
float: left;
margin-left: 0;
}
.userenrolment .col_lastseen {
width: 150px;
}
.userenrolment .col_role {
width: 262px;
}
.userenrolment .col_role .roles,
.userenrolment .col_group .groups {
margin-right: 30px;
}
.userenrolment .col_role .role {
float: left;
padding: 0 3px 3px;
margin: 0 3px 3px;
white-space: nowrap;
}
.userenrolment .col_group .group {
float: left;
padding: 3px;
margin: 3px;
white-space: nowrap;
}
.userenrolment .col_role .role a,
.userenrolment .col_group .group a {
margin-left: 3px;
cursor: pointer;
}
.userenrolment .col_role .addrole,
.userenrolment .col_group .addgroup {
float: right;
padding: 3px;
margin: 3px;
}
.userenrolment .col_role .addrole > a:hover,
.userenrolment .col_group .addgroup > a:hover {
border-bottom: 1px solid #666;
}
.userenrolment .col_role .addrole img,
.userenrolment .col_group .addgroup img {
vertical-align: baseline;
}
.userenrolment .hasAllRoles .col_role .addrole {
display: none;
}
.userenrolment .col_enrol .enrolment {
float: left;
padding: 0 3px 3px;
margin: 0 3px 3px;
}
.userenrolment .col_enrol .enrolment a {
float: right;
margin-left: 3px;
}
#page-enrol-users .enrol_user_buttons {
float: right;
}
#page-enrol-users .enrol_user_buttons .enrolusersbutton {
display: inline;
}
#page-enrol-users .enrol_user_buttons .enrolusersbutton div,
#page-enrol-users .enrol_user_buttons .enrolusersbutton form {
display: inline;
margin-right: 0;
}
#page-enrol-users #filterform {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
padding: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}
#page-enrol-users #filterform blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
#page-enrol-users #filterform .fitem {
display: inline-block;
line-height: 40px;
margin-right: .3em;
white-space: nowrap;
}
#page-enrol-users #filterform .fitem label {
display: inline;
line-height: 20px;
padding-right: .3em;
}
#page-enrol-users #filterform .fitem :before,
#page-enrol-users #filterform .fitem :after {
display: inline;
}
#page-enrol-users #filterform div,
#page-enrol-users #filterform fieldset {
display: inline;
float: none;
clear: none;
width: auto;
margin: 0;
}
#page-enrol-users #filterform select,
#page-enrol-users #filterform .ftext input {
width: 7em;
}
#page-enrol-users #filterform input,
#page-enrol-users #filterform select {
margin-bottom: 0;
}
#page-enrol-users .user-enroller-panel .uep-search-results .user .details {
width: 237px;
}
#page-enrol-users .user-enroller-panel .uep-search-results .cohort .details {
width: 237px;
}
#page-enrol-users .enrol-users-page-action input {
margin-left: 0;
}
.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;
}
.label .mod-indent {
float: left;
padding-top: 20px;
}
/* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
.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 {
width: 450px;
}
.mod-indent-16 {
width: 480px;
}
.mod-indent-huge {
width: 480px;
}
/* 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;
}
/** Fix YUI 2 Treeview for Right to left languages **/
.dir-rtl .ygtvtn,
.dir-rtl .ygtvtm,
.dir-rtl .ygtvtmh,
.dir-rtl .ygtvtmhh,
.dir-rtl .ygtvtp,
.dir-rtl .ygtvtph,
.dir-rtl .ygtvtphh,
.dir-rtl .ygtvln,
.dir-rtl .ygtvlm,
.dir-rtl .ygtvlmh,
.dir-rtl .ygtvlmhh,
.dir-rtl .ygtvlp,
.dir-rtl .ygtvlph,
.dir-rtl .ygtvlphh,
.dir-rtl .ygtvdepthcell,
.dir-rtl .ygtvok,
.dir-rtl .ygtvok:hover,
.dir-rtl .ygtvcancel,
.dir-rtl .ygtvcancel:hover {
width: 18px;
height: 22px;
background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
background-repeat: no-repeat;
cursor: pointer;
}
.dir-rtl .ygtvtn {
background-position: 0 -5600px;
}
.dir-rtl .ygtvtm {
background-position: 0 -4000px;
}
.dir-rtl .ygtvtmh,
.dir-rtl .ygtvtmhh {
background-position: 0 -4800px;
}
.dir-rtl .ygtvtp {
background-position: 0 -6400px;
}
.dir-rtl .ygtvtph,
.dir-rtl .ygtvtphh {
background-position: 0 -7200px;
}
.dir-rtl .ygtvln {
background-position: 0 -1600px;
}
.dir-rtl .ygtvlm {
background-position: 0 0;
}
.dir-rtl .ygtvlmh,
.dir-rtl .ygtvlmhh {
background-position: 0 -800px;
}
.dir-rtl .ygtvlp {
background-position: 0 -2400px;
}
.dir-rtl .ygtvlph,
.dir-rtl .ygtvlphh {
background-position: 0 -3200px;
}
.dir-rtl .ygtvdepthcell {
background-position: 0 -8000px;
}
.dir-rtl .ygtvok {
background-position: 0 -8800px;
}
.dir-rtl .ygtvok:hover {
background-position: 0 -8844px;
}
.dir-rtl .ygtvcancel {
background-position: 0 -8822px;
}
.dir-rtl .ygtvcancel:hover {
background-position: 0 -8866px;
}
.dir-rtl.yui-skin-sam .yui-panel .hd {
text-align: right;
}
.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
text-align: right;
}
/** Fix TinyMCE editor right to left **/
.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
top: 44px;
}
.dir-rtl .o2k7Skin table,
.dir-rtl .o2k7Skin tbody,
.dir-rtl .o2k7Skin a,
.dir-rtl .o2k7Skin img,
.dir-rtl .o2k7Skin tr,
.dir-rtl .o2k7Skin div,
.dir-rtl .o2k7Skin td,
.dir-rtl .o2k7Skin iframe,
.dir-rtl .o2k7Skin span,
.dir-rtl .o2k7Skin *,
.dir-rtl .o2k7Skin .mceText,
.dir-rtl .o2k7Skin .mceListBox .mceText {
text-align: right;
}
.path-rating .ratingtable {
width: 100%;
margin-bottom: 1em;
}
.path-rating .ratingtable th.rating {
width: 100%;
}
.path-rating .ratingtable td.rating,
.path-rating .ratingtable td.time {
white-space: nowrap;
text-align: center;
}
.initialbar {
overflow: auto;
}
.initialbar .initialbarlabel {
display: inline-block;
width: 6em;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.initialbar .initialbarall {
float: left;
width: 4em;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.initialbar .initialbargroups {
float: left;
}
.initialbar .initialbargroup {
float: left;
display: inline-block;
white-space: nowrap;
margin: 0;
padding: 0;
}
.initialbar .initialbargroup li {
float: left;
list-style: none;
}
.initialbar .letter {
display: inline-block;
height: 1.35em;
min-width: 1.35em;
text-align: center;
color: #0070a8;
background: #fff;
border-width: 1px;
border-color: #ddd;
border-style: solid;
}
.initialbar .letter:hover,
.initialbar .letter.active {
color: white;
background-color: #0070a8;
}
/* Moodle Dialogue Settings (moodle-core-dialogue) */
.moodle-dialogue-base .moodle-dialogue-lightbox {
background-color: #aaa;
}
.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
background-color: transparent;
}
.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 #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 20px 0 #666;
-moz-box-shadow: 5px 5px 20px 0 #666;
box-shadow: 5px 5px 20px 0 #666;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
margin: 0;
padding: 5px;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
color: #333;
text-align: center;
text-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #bbb;
background: #ccc;
background-color: #ebebeb;
background-image: -moz-linear-gradient(top, #fff, #ccc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
background-image: -webkit-linear-gradient(top, #fff, #ccc);
background-image: -o-linear-gradient(top, #fff, #ccc);
background-image: linear-gradient(to bottom, #fff, #ccc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
filter: none;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
padding: 0;
display: inline;
font-size: 100%;
font-weight: bold;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
padding: 5px;
}
.moodle-dialogue-base .closebutton {
width: 25px;
height: 15px;
float: right;
display: inline-block;
cursor: pointer;
padding: 0;
background-image: url([[pix:theme|sprite]]);
background-repeat: no-repeat;
border-style: none;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
padding: 1em;
line-height: 2em;
color: #555;
font-size: 12px;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
padding: 0;
background: #fff;
}
.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
padding: 10px;
font-size: 16px;
}
.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: 11.9px;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
color: #b94a48;
font-size: 11.9px;
}
.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 {
padding: 0;
margin: 0.7em 1em;
text-align: right;
background-color: #fff;
font-size: 12px;
}
.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: 0.75;
filter: alpha(opacity=75);
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: white;
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;
}
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
padding: 0;
background: #f2f2f2;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}
/* Center the submit buttons within the area */
.choosercontainer #chooseform .submitbuttons {
padding: 0.7em 0;
text-align: center;
}
/* Fixed for safari browser on iPhone4S with ios7.*/
@media (max-height: 639px) {
.ios .choosercontainer #chooseform .submitbuttons {
padding: 45px 0;
}
}
.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 #bbb;
}
/* Only set these options if we're showing the js container */
.jschooser .choosercontainer #chooseform .alloptions {
overflow-x: hidden;
overflow-y: auto;
max-width: 20.3em;
-webkit-box-shadow: inset 0 0 30px 0 #ccc;
-moz-box-shadow: inset 0 0 30px 0 #ccc;
box-shadow: inset 0 0 30px 0 #ccc;
}
.jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
display: inline-block;
}
.jschooser .choosercontainer #chooseform .alloptions .option .modicon {
display: inline-block;
}
.jschooser .choosercontainer #chooseform .alloptions .option .typename {
display: inline-block;
width: 65%;
}
/* Settings for option rows and option subtypes */
.choosercontainer #chooseform .moduletypetitle,
.choosercontainer #chooseform .option,
.choosercontainer #chooseform .nonoption {
margin-bottom: 0;
padding: 0 1.6em 0 1.6em;
}
.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 {
padding: 0 0 0 0.5em;
}
.chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
.chooserdialogue-course-modchooser .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;
}
.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 */
.jschooser .choosercontainer #chooseform .instruction,
.jschooser .choosercontainer #chooseform .typesummary {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 20.3em;
margin: 0;
padding: 1.6em;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
line-height: 2em;
}
/* Selected option settings */
.jschooser .choosercontainer #chooseform .instruction,
.choosercontainer #chooseform .selected .typesummary {
display: block;
}
.choosercontainer #chooseform .selected {
background-color: #fff;
-webkit-box-shadow: 0px 0 10px 0 #ccc;
-moz-box-shadow: 0px 0 10px 0 #ccc;
box-shadow: 0px 0 10px 0 #ccc;
}
.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;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.formlistingmore {
position: absolute;
cursor: pointer;
bottom: -1px;
right: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #9da0a4;
-webkit-border-radius: 4px 0 4px 0;
-moz-border-radius: 4px 0 4px 0;
border-radius: 4px 0 4px 0;
}
.formlistingall {
margin: 15px 0;
padding: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
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;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
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;
}
/* Badges styles */
table.collection {
width: 100%;
margin-bottom: 20px;
border: 1px solid #ddd;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
table.collection th,
table.collection td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #ddd;
}
table.collection th {
font-weight: bold;
}
table.collection thead th {
vertical-align: bottom;
}
table.collection caption + thead tr:first-child th,
table.collection caption + thead tr:first-child td,
table.collection colgroup + thead tr:first-child th,
table.collection colgroup + thead tr:first-child td,
table.collection thead:first-child tr:first-child th,
table.collection thead:first-child tr:first-child td {
border-top: 0;
}
table.collection tbody + tbody {
border-top: 2px solid #ddd;
}
table.collection .table {
background-color: #fff;
}
table.collection th,
table.collection td {
border-left: 1px solid #ddd;
}
table.collection caption + thead tr:first-child th,
table.collection caption + tbody tr:first-child th,
table.collection caption + tbody tr:first-child td,
table.collection colgroup + thead tr:first-child th,
table.collection colgroup + tbody tr:first-child th,
table.collection colgroup + tbody tr:first-child td,
table.collection thead:first-child tr:first-child th,
table.collection tbody:first-child tr:first-child th,
table.collection tbody:first-child tr:first-child td {
border-top: 0;
}
table.collection thead:first-child tr:first-child > th:first-child,
table.collection tbody:first-child tr:first-child > td:first-child,
table.collection tbody:first-child tr:first-child > th:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
table.collection thead:first-child tr:first-child > th:last-child,
table.collection tbody:first-child tr:first-child > td:last-child,
table.collection tbody:first-child tr:first-child > th:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}
table.collection thead:last-child tr:last-child > th:first-child,
table.collection tbody:last-child tr:last-child > td:first-child,
table.collection tbody:last-child tr:last-child > th:first-child,
table.collection tfoot:last-child tr:last-child > td:first-child,
table.collection tfoot:last-child tr:last-child > th:first-child {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
table.collection thead:last-child tr:last-child > th:last-child,
table.collection tbody:last-child tr:last-child > td:last-child,
table.collection tbody:last-child tr:last-child > th:last-child,
table.collection tfoot:last-child tr:last-child > td:last-child,
table.collection tfoot:last-child tr:last-child > th:last-child {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
table.collection tfoot + tbody:last-child tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
table.collection tfoot + tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
}
table.collection caption + thead tr:first-child th:first-child,
table.collection caption + tbody tr:first-child td:first-child,
table.collection colgroup + thead tr:first-child th:first-child,
table.collection colgroup + tbody tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
table.collection caption + thead tr:first-child th:last-child,
table.collection caption + tbody tr:first-child td:last-child,
table.collection colgroup + thead tr:first-child th:last-child,
table.collection colgroup + tbody tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}
table.collection tbody > tr:nth-child(odd) > td,
table.collection tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
table.collection td.name {
text-align: left;
vertical-align: middle;
}
table.collection td.awards {
width: 15%;
text-align: center;
vertical-align: middle;
}
table.collection td.criteria {
width: 40%;
text-align: left;
vertical-align: top;
}
table.collection td.status {
width: 15%;
text-align: center;
vertical-align: middle;
}
table.collection td.description {
width: 25%;
text-align: left;
}
table.collection td.actions {
width: 11em;
text-align: center;
vertical-align: middle;
}
a.criteria-action {
padding: 0 3px;
float: right;
}
div.criteria-description {
padding: 10px 15px;
margin: 5px 0;
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #eee;
}
ul.badges {
margin: 0;
list-style: none;
}
.badges li {
position: relative;
display: inline-block;
padding-top: 1em;
text-align: center;
vertical-align: top;
width: 150px;
}
.badges li .badge-name {
display: block;
padding: 5px;
}
.badges li > img {
position: absolute;
}
.badges li .badge-image {
width: 100px;
height: 100px;
left: 10px;
top: 0;
z-index: 1;
}
.badges li .badge-actions {
position: relative;
}
.badges li .expireimage {
width: 100px;
height: 100px;
left: 25px;
top: 0;
position: absolute;
z-index: 10;
opacity: 0.85;
}
#badge-image {
background-color: transparent;
padding: 0;
position: relative;
min-width: 100px;
width: 20%;
display: inline-block;
vertical-align: top;
margin-top: 17px;
}
#badge-image .expireimage {
width: 100px;
height: 100px;
left: 0;
top: 0;
opacity: 0.85;
filter: alpha(opacity=85);
position: absolute;
z-index: 10;
}
#badge-image .singlebutton {
padding-top: 5px;
}
#badge-image .singlebutton input {
margin-left: 0;
}
#badge-details {
display: inline-block;
width: 79%;
}
#badge-overview dl,
#badge-details dl {
margin: 0;
}
#badge-overview dl dt,
#badge-details dl dt,
#badge-overview dl dd,
#badge-details dl dd {
vertical-align: top;
padding: 3px 0;
}
#badge-overview dl dt,
#badge-details dl dt {
clear: both;
display: inline-block;
width: 20%;
min-width: 100px;
}
#badge-overview dl dd,
#badge-details dl dd {
display: inline-block;
width: 79%;
margin-left: 1%;
}
.badge-profile {
vertical-align: top;
}
.connected {
color: #468847;
}
.notconnected {
color: #b94a48;
}
.connecting {
color: #8a6d3b;
}
#page-badges-award .recipienttable tr td {
vertical-align: top;
}
#page-badges-award .recipienttable tr td.actions .actionbutton {
margin: 0.3em 0;
padding: 0.5em 0;
width: 100%;
}
#page-badges-award .recipienttable tr td.existing,
#page-badges-award .recipienttable tr td.potential {
width: 42%;
}
#issued-badge-table .activatebadge {
display: inline-block;
}
.statusbox.active {
background-color: #dff0d8;
}
.statusbox.inactive {
background-color: #fcf8e3;
}
.statusbox {
text-align: center;
margin-bottom: 5px;
padding: 5px;
}
.statusbox .activatebadge {
display: inline-block;
}
.statusbox .activatebadge input[type=submit] {
margin: 3px;
}
.activatebadge {
margin: 0;
text-align: left;
vertical-align: middle;
}
img#persona_signin {
cursor: pointer;
}
.addcourse {
float: right;
}
.invisiblefieldset {
display: inline;
padding: 0;
border-width: 0;
}
.breadcrumb-nav {
float: left;
margin-bottom: 10px;
}
.breadcrumb-button .singlebutton div {
margin-right: 0;
}
.breadcrumb-nav .breadcrumb {
margin: 0;
}
/** Header-bar styles **/
.page-context-header {
overflow: hidden;
}
.page-context-header .page-header-image,
.page-context-header .page-header-headings {
display: block;
position: relative;
}
.page-context-header .page-header-image {
margin-bottom: 1em;
}
.page-context-header .page-header-headings {
margin-top: 30px;
margin-bottom: 10px;
}
.page-context-header .page-header-headings h1 {
display: block;
}
.page-context-header .page-header-headings,
.page-context-header .header-button-group {
position: relative;
line-height: 24px;
vertical-align: middle;
}
.page-context-header .header-button-group {
display: block;
}
.page-context-header .header-button-group a {
position: relative;
top: -0.4em;
}
.page-context-header .page-header-image {
float: left;
margin-right: 1em;
}
.page-context-header .header-button-group {
float: left;
}
/** 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;
}
.section_action_menu .moodle-actionmenu ul.menubar {
margin: 0;
}
.section_action_menu .moodle-actionmenu ul.menu {
margin: 0 10px 10px 0;
}
.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: 0.5;
filter: alpha(opacity=50);
}
.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,
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .smallicon,
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .icon {
margin: 4px 4px 4px 0;
padding: 8px 4px 0 2px;
vertical-align: text-bottom;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
margin-top: 8px;
margin-left: 2px;
border-top-color: #777;
}
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:hover,
.jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret:active {
border-top-color: #555;
}
.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {
opacity: 1;
filter: alpha(opacity=100);
}
.jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text {
display: inline;
}
.moodle-actionmenu[data-enhanced].show {
position: relative;
/** no wrap is set - prevent menu items from wrapping **/
}
.moodle-actionmenu[data-enhanced].show .menu {
display: block;
position: absolute;
text-align: left;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
z-index: 1000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 20px 0 #666;
-moz-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: 6px 1em 6px 1em;
}
.moodle-actionmenu[data-enhanced].show .menu a:hover {
color: #fff;
background-color: #0070a8;
}
.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,
.moodle-actionmenu[data-enhanced].show .menu .smallicon {
margin: 4px 4px 4px -24px;
padding: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu > li {
display: block;
}
.moodle-actionmenu[data-enhanced].show .menu > li:first-child a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.moodle-actionmenu[data-enhanced].show .menu > li:last-child a {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.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;
}
.moodle-actionmenu[data-enhanced].show.nowrap-items .menu > li {
white-space: nowrap;
}
.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;
}
body.lockscroll {
height: 100%;
overflow: hidden;
}
.progressbar_container {
max-width: 500px;
margin: 0 auto;
}
/* IE10 only fix for calendar titling */
.ie10 .yui3-calendar-header-label {
display: inline-block;
}
dd:before,
dd:after {
display: block;
content: " ";
}
dd:after {
clear: both;
}
.nav-tabs > .active > a[href],
.nav-tabs > .active > a[href]:hover,
.nav-tabs > .active > a[href]:focus {
cursor: pointer;
}
.inplaceeditable.inplaceeditingon {
position: relative;
}
.inplaceeditable.inplaceeditingon .editinstructions {
margin-top: -30px;
font-weight: normal;
margin-right: 0;
margin-left: 0;
left: 0;
right: auto;
white-space: nowrap;
}
.inplaceeditable.inplaceeditingon input {
width: 330px;
height: 16px;
vertical-align: text-bottom;
margin-bottom: 0;
}
.inplaceeditable.inplaceeditingon select {
margin-bottom: 0;
}
.inplaceeditable .quickediticon img {
opacity: 0.2;
}
.inplaceeditable .quickeditlink {
color: inherit;
text-decoration: inherit;
}
.inplaceeditable:hover .quickeditlink .quickediticon img,
.inplaceeditable .quickeditlink:focus .quickediticon img {
opacity: 1;
}
.inplaceeditable.inplaceeditable-toggle .quickediticon {
display: none;
}
.inplaceeditable.inplaceeditable-autocomplete {
display: block;
}
h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
margin-top: -20px;
}
/** Chart area. */
.chart-area .chart-table-data {
display: none;
}
.chart-area .chart-table {
/** When accessible, we display the table only. */
}
.chart-area .chart-table .chart-output-htmltable caption {
white-space: nowrap;
}
.chart-area .chart-table.accesshide .chart-table-expand {
display: none;
}
.chart-area .chart-table.accesshide .chart-table-data {
display: block;
}
.hover-tooltip-container {
position: relative;
}
.hover-tooltip-container .hover-tooltip {
opacity: 0;
visibility: hidden;
position: absolute;
/*rtl:ignore*/
left: 50%;
top: calc(-50% - 5px);
transform: translate(-50%, -50%);
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: .3rem;
box-sizing: border-box;
padding: 5px;
white-space: nowrap;
transition: opacity 0.15s, visibility 0.15s;
z-index: 1000;
}
.hover-tooltip-container .hover-tooltip:before {
content: '';
display: inline-block;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -8px;
left: calc(50% - 8px);
}
.hover-tooltip-container .hover-tooltip:after {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
position: absolute;
bottom: -6px;
left: calc(50% - 7px);
z-index: 2;
}
.hover-tooltip-container:hover .hover-tooltip {
opacity: 1;
visibility: visible;
transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s;
}
.clickable {
cursor: pointer;
}
.overlay-icon-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
}
.overlay-icon-container .loading-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.overlay-icon-container .loading-icon .icon {
height: 30px;
width: 30px;
font-size: 30px;
}
[data-drag-type="move"] {
cursor: move;
touch-action: none;
}
.bg-pulse-grey {
animation: bg-pulse-grey 2s infinite linear;
}
@keyframes bg-pulse-grey {
0% {
background-color: #eee;
}
50% {
background-color: #e1e1e1;
}
100% {
background-color: #eee;
}
}
.text-decoration-none {
text-decoration: none !important;
/* stylelint-disable-line declaration-no-important */
}
.position-right {
right: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
/* admin.less */
.formtable tbody th {
font-weight: normal;
text-align: right;
}
.path-admin #assignrole {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.path-admin .admintable .leftalign {
text-align: left;
}
.environmenttable .warn {
background-color: #fcf8e3;
color: #8a6d3b;
}
.environmenttable .error {
background-color: #f2dede;
color: #b94a48;
}
.environmenttable .ok {
background-color: #dff0d8;
color: #468847;
}
.path-admin .admintable.environmenttable .name,
.path-admin .admintable.environmenttable .info,
.path-admin #assignrole .admintable .role,
.path-admin #assignrole .admintable .userrole,
.path-admin #assignrole .admintable .roleholder {
white-space: nowrap;
}
.path-admin .incompatibleblockstable td.c0 {
font-weight: bold;
}
#page-admin-course-category .addcategory {
padding: 10px;
}
#page-admin-course-index .editcourse {
margin: 20px auto;
}
#page-admin-course-index .editcourse th,
#page-admin-course-index .editcourse td {
padding-left: 10px;
padding-right: 10px;
}
.timewarninghidden {
display: none;
}
.statusok,
.statuswarning,
.statusserious,
.statuscritical {
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.statusok:empty,
.statuswarning:empty,
.statusserious:empty,
.statuscritical:empty {
display: none;
}
.statusok-important,
.statuswarning-important,
.statusserious-important,
.statuscritical-important {
background-color: #b94a48;
}
.statusok-important[href],
.statuswarning-important[href],
.statusserious-important[href],
.statuscritical-important[href] {
background-color: #953b39;
}
.statusok-warning,
.statuswarning-warning,
.statusserious-warning,
.statuscritical-warning {
background-color: #f89406;
}
.statusok-warning[href],
.statuswarning-warning[href],
.statusserious-warning[href],
.statuscritical-warning[href] {
background-color: #c67605;
}
.statusok-success,
.statuswarning-success,
.statusserious-success,
.statuscritical-success {
background-color: #468847;
}
.statusok-success[href],
.statuswarning-success[href],
.statusserious-success[href],
.statuscritical-success[href] {
background-color: #356635;
}
.statusok-info,
.statuswarning-info,
.statusserious-info,
.statuscritical-info {
background-color: #3a87ad;
}
.statusok-info[href],
.statuswarning-info[href],
.statusserious-info[href],
.statuscritical-info[href] {
background-color: #2d6987;
}
.statusok-inverse,
.statuswarning-inverse,
.statusserious-inverse,
.statuscritical-inverse {
background-color: #333;
}
.statusok-inverse[href],
.statuswarning-inverse[href],
.statusserious-inverse[href],
.statuscritical-inverse[href] {
background-color: #1a1a1a;
}
.statusok {
background-color: #468847;
}
.statuswarning {
background-color: #8a6d3b;
}
.statusserious {
background-color: #f89406;
}
.statuscritical {
background-color: #b94a48;
}
#page-admin-report-capability-index #capabilitysearch {
width: 30em;
}
#page-admin-report-backups-index .backup-error,
#page-admin-report-backups-index .backup-unfinished {
color: #b94a48;
}
#page-admin-report-backups-index .backup-skipped,
#page-admin-report-backups-index .backup-ok,
#page-admin-report-backups-index .backup-notyetrun {
color: #468847;
}
#page-admin-report-backups-index .backup-warning {
color: #8a6d3b;
}
#page-admin-qtypes .disabled,
#page-admin-qbehaviours .disabled {
color: #999;
}
#page-admin-qtypes #qtypes div,
#page-admin-qtypes #qtypes form,
#page-admin-qbehaviours #qbehaviours div,
#page-admin-qbehaviours #qbehaviours form {
display: inline;
}
#page-admin-qtypes #qtypes img.spacer,
#page-admin-qbehaviours #qbehaviours img.spacer {
width: 16px;
}
img.iconsmall {
margin: 0;
padding: 0.3em;
}
#page-admin-qbehaviours .cell.c3,
#page-admin-qtypes .cell.c3 {
font-size: 10.5px;
}
#page-admin-lang .generalbox,
#page-admin-course-index .singlebutton,
#page-admin-course-index .addcategory,
#page-course-index .buttons,
#page-course-index-category .buttons,
#page-admin-course-category .addcategory,
#page-admin-stickyblocks .generalbox,
#page-admin-maintenance .buttons,
#page-admin-course-index .buttons,
#page-admin-course-category .buttons,
#page-admin-index .copyright,
#page-admin-index .copyrightnotice,
#page-admin-index .adminerror .singlebutton,
#page-admin-index .adminwarning .singlebutton,
#page-admin-index #layout-table .singlebutton {
text-align: center;
margin-bottom: 1em;
}
.path-admin-roles .capabilitysearchui {
text-align: left;
margin-left: auto;
margin-right: auto;
}
#page-admin-tool-spamcleaner-index .spamcleanerform input[type="submit"] {
margin-bottom: 0;
}
.path-admin-roles .capabilitysearchui input[type="button"] {
margin-bottom: 0;
}
#page-admin-roles-define .topfields {
margin: 1em 0 2em;
}
#page-admin-roles-define .capdefault {
background-color: #f5f5f5;
border: 1px solid #ddd;
}
#page-filter-manage .backlink,
.path-admin-roles .backlink {
margin-top: 1em;
}
#page-admin-roles-explain #chooseuser h3,
#page-admin-roles-usersroles .contextname {
margin-top: 0;
}
#page-admin-roles-explain #chooseusersubmit {
margin-top: 0;
text-align: center;
}
#page-admin-roles-usersroles p {
margin: 0;
}
#page-admin-roles-override .cell.c1,
#page-admin-roles-assign .cell.c3,
#page-admin-roles-assign .cell.c1 {
padding-top: 0.75em;
}
#page-admin-roles-override .overridenotice,
#page-admin-roles-define .definenotice {
margin: 1em 10% 2em 10%;
text-align: left;
}
.modal.modal-in-page {
position: static;
z-index: 0;
margin: 0 auto 0 auto;
}
#page-admin-index #notice {
width: 60%;
min-width: 220px;
margin: auto;
}
#page-admin-index #notice .buttons {
padding-left: 0;
padding-right: 0;
text-align: center;
}
#page-admin-index .releasenoteslink,
#page-admin-index .adminwarning,
#page-admin-index .adminerror {
margin: auto;
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #8a6d3b;
width: 60%;
min-width: 220px;
}
#page-admin-index .adminerror {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
#page-admin-index .releasenoteslink {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
display: block;
}
#page-admin-index .updateplugin div {
margin-bottom: 0.5em;
}
#page-admin-index .updateplugin .updatepluginconfirmexternal {
padding: 1em;
background-color: #f2dede;
border: 1px solid #eed3d7;
}
#page-admin-user-user_bulk #users .fgroup {
white-space: nowrap;
}
#page-admin-report-stats-index .graph {
text-align: center;
margin-bottom: 1em;
}
#page-admin-report-courseoverview-index .graph {
text-align: center;
margin-bottom: 1em;
}
#page-admin-lang .translator {
border-width: 1px;
border-style: solid;
}
.path-admin .roleassigntable {
width: 100%;
}
.path-admin .roleassigntable td {
vertical-align: top;
padding: 0.2em 0.3em;
}
.path-admin .roleassigntable p {
text-align: left;
margin: 0.2em 0;
}
.path-admin .roleassigntable #existingcell,
.path-admin .roleassigntable #potentialcell {
width: 42%;
}
.path-admin .roleassigntable #existingcell p > label:first-child,
.path-admin .roleassigntable #potentialcell p > label:first-child {
font-weight: bold;
}
.path-admin .roleassigntable #buttonscell {
width: 16%;
}
.path-admin .roleassigntable #buttonscell #assignoptions {
font-size: 10.5px;
}
.path-admin .roleassigntable #removeselect_wrapper,
.path-admin .roleassigntable #addselect_wrapper {
width: 100%;
}
.path-admin table.rolecap tr.rolecap th {
text-align: left;
font-weight: normal;
}
.path-admin .rolecap .hiddenrow {
display: none;
}
.path-admin #defineroletable .rolecap .inherit,
.path-admin #defineroletable .rolecap .allow,
.path-admin #defineroletable .rolecap .prevent,
.path-admin #defineroletable .rolecap .prohibit {
text-align: center;
padding: 0;
min-width: 3.5em;
}
.path-admin .rolecap .cap-name,
.path-admin .rolecap .note {
display: block;
font-size: 10.5px;
white-space: nowrap;
font-weight: normal;
}
.path-admin .rolecap label {
display: block;
text-align: center;
padding: 0.5em;
margin: 0;
}
.plugincheckwrapper {
width: 100%;
}
.environmentbox {
margin-top: 1em;
}
#mnetconfig table {
margin-left: auto;
margin-right: auto;
}
.environmenttable .cell {
padding: .15em .5em;
}
.environmenttable img.iconhelp {
padding-right: .3em;
}
#trustedhosts .generaltable {
margin-left: auto;
margin-right: auto;
width: 500px;
}
#trustedhosts .standard {
width: auto;
}
#adminsettings legend {
display: none;
}
#adminsettings fieldset.error {
margin: .2em 0 .5em 0;
}
#adminsettings fieldset.error legend {
display: block;
}
/*rtl:ignore*/
#admin-spelllanguagelist textarea,
#page-admin-setting-editorsettingstinymce .form-textarea textarea {
text-align: left;
direction: ltr;
}
/* Styles for flags on admin settings */
.adminsettingsflags {
float: right;
}
.adminsettingsflags label {
margin-right: 7px;
}
.form-description {
clear: right;
}
.form-description pre,
.formsettingheading pre {
/* Code examples should be left aligned. */
/*rtl:ignore*/
direction: ltr;
}
.form-item .form-setting .form-htmlarea {
display: inline;
}
.form-item .form-setting .form-htmlarea .htmlarea {
width: 640px;
display: block;
}
.form-item .form-setting .form-multicheckbox ul {
list-style: none;
padding: 0;
margin: 7px 0 0 0;
}
.form-item .form-setting .defaultsnext {
margin-right: 0.5em;
display: inline;
}
.form-item .form-setting .locked-checkbox {
margin-right: 0.2em;
margin-left: 0.5em;
display: inline;
}
.form-item .form-setting .form-password .unmask,
.form-item .form-setting .form-defaultinfo {
display: inline-block;
}
.form-item .pathok,
.form-item .patherror {
margin-left: 0.5em;
}
#admin-emoticons td input {
width: 8em;
}
#admin-emoticons td.c0 input {
width: 4em;
}
#adminthemeselector .selectedtheme td.c0 {
border: 1px solid #000;
border-right-width: 0;
}
#adminthemeselector .selectedtheme td.c1 {
border: 1px solid #000;
border-left-width: 0;
}
.admin_colourpicker,
.admin_colourpicker_preview {
display: none;
}
.jsenabled .admin_colourpicker_preview {
display: inline;
}
.jsenabled .admin_colourpicker {
display: block;
height: 102px;
width: 410px;
margin-bottom: 10px;
}
.admin_colourpicker .loadingicon {
vertical-align: middle;
margin-left: auto;
}
.admin_colourpicker .colourdialogue {
float: left;
border: 1px solid #000;
}
.admin_colourpicker .previewcolour {
border: 1px solid #000;
margin-left: 301px;
}
.admin_colourpicker .currentcolour {
border: 1px solid #000;
margin-left: 301px;
border-top-width: 0;
}
#page-admin-index #notice .checkforupdates {
text-align: center;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
background-color: #d9edf7;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
background-color: #fcf8e3;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
background-color: #f2dede;
}
#page-admin-plugins #plugins-overview-panel .info {
display: inline-block;
margin-right: 1em;
}
#page-admin-plugins .checkforupdates {
margin: 10px 0;
}
#page-admin-plugins .checkforupdates .singlebutton {
margin: 5px 0;
padding: 0;
}
#page-admin-plugins .checkforupdates .singlebutton div,
#page-admin-plugins .checkforupdates .singlebutton input {
margin: 0 3px 0 0;
}
#page-admin-plugins .updateavailableinstallall {
margin: 5px 0;
padding: 0;
}
#page-admin-plugins .updateavailableinstallall div,
#page-admin-plugins .updateavailableinstallall input {
margin: 0 3px 5px 0;
}
#page-admin-plugins #plugins-control-panel .status-missing td {
background-color: #f2dede;
}
#page-admin-plugins #plugins-control-panel .pluginname .displayname img.icon {
padding-top: 0;
padding-bottom: 0;
}
#page-admin-plugins #plugins-control-panel .pluginname .componentname {
font-size: 11.9px;
color: #999;
margin-left: 22px;
}
#page-admin-plugins #plugins-control-panel .version .versionnumber {
font-size: 11.9px;
color: #999;
}
#page-admin-plugins #plugins-control-panel .uninstall a {
color: #b94a48;
}
#page-admin-plugins #plugins-control-panel .notes .label {
margin-right: 3px;
}
#page-admin-plugins #plugins-control-panel .notes .requiredby {
font-size: 11.9px;
color: #999;
}
#plugins-check-page .page-description {
color: #999;
}
#plugins-check-page .checkforupdates .singlebutton {
margin: 5px 0;
padding: 0;
}
#plugins-check-page .checkforupdates .singlebutton div,
#plugins-check-page .checkforupdates .singlebutton input {
margin: 0 3px 0 0;
}
#plugins-check-page #plugins-check-info .actions > div {
display: inline-block;
margin-right: 1em;
}
#plugins-check-page #plugins-check-info .actions .singlebutton {
margin: 5px 0;
padding: 0;
}
#plugins-check-page #plugins-check-info .actions .singlebutton div,
#plugins-check-page #plugins-check-info .actions .singlebutton input {
margin: 0 3px 0 0;
}
#plugins-check-page #plugins-check .requires-ok {
color: #999;
}
#plugins-check-page #plugins-check .status-missing td,
#plugins-check-page #plugins-check .status-downgrade td {
background-color: #f2dede;
}
#plugins-check-page #plugins-check .displayname .pluginicon {
margin-right: 5px;
width: 16px;
}
#plugins-check-page #plugins-check .displayname .plugindir {
color: #999;
font-size: 11.9px;
}
#plugins-check-page #plugins-check .requires ul {
margin-left: 13px;
}
#plugins-check-page #plugins-check .status .actionbutton {
margin: 5px 0;
padding: 0;
}
#plugins-check-page #plugins-check .status .actionbutton input {
margin: 0;
}
#plugins-check-page .plugins-check-dependencies-actions > div {
display: inline-block;
margin-right: 1em;
}
#plugins-check-page .plugins-check-dependencies-actions .singlebutton {
margin: 5px 0;
padding: 0;
}
#plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
#plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
margin: 0 3px 0 0;
}
#plugins-check-page #plugins-check-available-dependencies .displayname .component {
font-size: 11.9px;
color: #999;
}
#plugins-check-page #plugins-check-available-dependencies .info .actions > div {
display: inline-block;
margin-right: 1em;
}
#plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
display: block;
margin: 5px 0;
padding: 0;
}
#plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
margin: 0;
}
#plugins-check-page .pluginupdateinfo,
#plugins-control-panel .pluginupdateinfo {
background-color: #d9edf7;
padding: 5px;
margin: 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#plugins-check-page .pluginupdateinfo.maturity50,
#plugins-control-panel .pluginupdateinfo.maturity50 {
background-color: #f2dede;
}
#plugins-check-page .pluginupdateinfo.maturity100,
#plugins-control-panel .pluginupdateinfo.maturity100,
#plugins-check-page .pluginupdateinfo.maturity150,
#plugins-control-panel .pluginupdateinfo.maturity150 {
background-color: #fcf8e3;
}
#plugins-check-page .pluginupdateinfo .info,
#plugins-control-panel .pluginupdateinfo .info {
display: inline-block;
}
#plugins-check-page .pluginupdateinfo .separator:after,
#plugins-control-panel .pluginupdateinfo .separator:after {
content: " | ";
}
#plugins-check-page .pluginupdateinfo .singlebutton,
#plugins-control-panel .pluginupdateinfo .singlebutton {
margin: 5px 0;
padding: 0;
}
#plugins-check-page .pluginupdateinfo .singlebutton div,
#plugins-control-panel .pluginupdateinfo .singlebutton div,
#plugins-check-page .pluginupdateinfo .singlebutton input,
#plugins-control-panel .pluginupdateinfo .singlebutton input {
margin: 0 3px 0 0;
}
.plugins-management-confirm-buttons > div {
display: inline-block;
margin: 1em 1em 1em 0;
}
.plugins-management-confirm-buttons .continue {
padding: 0;
}
.plugins-management-confirm-buttons .continue div,
.plugins-management-confirm-buttons .continue input {
margin: 0;
}
.uninstalldeleteconfirmexternal {
background-color: #fcf8e3;
padding: 0.5em 1em;
margin: 5px 0 10px 0;
}
#page-admin-index .upgradepluginsinfo {
text-align: center;
}
#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
content: " | ";
}
#plugins-check .pluginupdateinfo {
text-align: center;
/*rtl:ignore*/
direction: ltr;
}
#plugins-check .requires-ok {
/*rtl:ignore*/
text-align: left;
/*rtl:ignore*/
direction: ltr;
}
/** MNet networking */
#page-admin-mnet-peers .box.deletedhosts {
margin-bottom: 1em;
font-size: 11.9px;
}
#page-admin-mnet-peers .mform .deletedhostinfo {
background-color: #f2dede;
border: 2px solid #eed3d7;
padding: 4px;
margin-bottom: 5px;
}
#core-cache-plugin-summaries table,
#core-cache-store-summaries table {
width: 100%;
}
#core-cache-lock-summary table,
#core-cache-definition-summaries table,
#core-cache-mode-mappings table {
margin: 0 auto;
}
#core-cache-store-summaries .default-store td {
font-style: italic;
}
#core-cache-rescan-definitions,
#core-cache-mode-mappings .edit-link,
#core-cache-lock-summary .new-instance {
margin-top: 0.5em;
text-align: center;
}
.tinymcesubplugins img.icon {
padding-top: 0;
padding-bottom: 0;
}
.maintenancewarning {
padding: 3px 1em;
text-align: center;
position: fixed;
bottom: 0;
right: 0;
overflow: hidden;
z-index: 1;
}
.maintenancewarning.error {
color: #b94a48;
background-color: #f2dede;
border: 2px solid #eed3d7;
font-weight: bold;
}
.maintenancewarning.warning {
color: #8a6d3b;
background-color: #fcf8e3;
border: 2px solid #fbeed5;
}
#adminsettings .form-overridden {
color: #3a87ad;
background-color: #d9edf7;
}
#overriderolestable .overriddenpermission {
background-color: #fcf8e3;
}
#page-admin-registration-index form .mark {
background-color: #fcf8e3;
}
#page-admin-search .adminpagetitle {
margin-bottom: 0;
border-bottom: none;
}
#page-admin-search .adminpagepath {
list-style: none;
margin: 0 0 10px 0;
}
#page-admin-search .adminpagepath li {
color: #999;
display: inline;
font-size: 11.9px;
}
#page-admin-search .adminpagepath li + li:before {
content: "◀\00a0";
/*rtl:remove*/
content: "▶\00a0";
/* stylelint-disable-line declaration-block-no-duplicate-properties */
color: #ccc;
font-size: 11.9px;
}
/* calendar.less */
.calendar_event_category {
background-color: #d8bfd8;
}
.calendar_event_course {
background-color: #ffd3bd;
}
.calendar_event_site {
background-color: #d6f8cd;
}
.calendar_event_group {
background-color: #fee7ae;
}
.calendar_event_user {
background-color: #dce7ec;
}
.path-calendar .calendartable {
width: 100%;
table-layout: fixed;
}
.path-calendar .calendartable th,
.path-calendar .calendartable td {
width: 14%;
vertical-align: top;
text-align: center;
border: 0;
}
.path-calendar .calendar-controls .previous,
.path-calendar .calendar-controls .next,
.path-calendar .calendar-controls .current {
display: block;
float: left;
width: 12%;
}
.path-calendar .calendar-controls .previous {
text-align: left;
border: 1px solid transparent;
box-sizing: border-box;
}
.path-calendar .calendar-controls .current {
text-align: center;
width: 76%;
}
.path-calendar .calendar-controls .next {
text-align: right;
border: 1px solid transparent;
box-sizing: border-box;
}
.path-calendar .calendar-controls .drop-target {
box-sizing: border-box;
border: 1px dashed #049cdb;
}
.path-calendar .filters table {
border-collapse: separate;
border-spacing: 2px;
width: 100%;
}
.path-calendar .maincalendar {
vertical-align: top;
padding: 0;
}
.path-calendar .maincalendar .bottom {
text-align: center;
padding: 5px 0 0 0;
}
.path-calendar .maincalendar .heightcontainer {
height: 100%;
position: relative;
}
.path-calendar .maincalendar .calendarmonth {
width: 98%;
margin: 10px auto;
}
.path-calendar .maincalendar .calendarmonth ul {
margin: 0;
padding: 0;
}
.path-calendar .maincalendar .calendarmonth ul li {
list-style-type: none;
}
.path-calendar .maincalendar .calendarmonth ul li > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
display: inline-block;
}
.path-calendar .maincalendar .calendarmonth ul li > a:hover {
text-decoration: none;
}
.path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
text-decoration: underline;
}
.path-calendar .maincalendar .calendarmonth ul li .icon {
margin-left: 0.25em;
margin-right: 0.25em;
padding: 0;
vertical-align: initial;
}
.path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
width: 12px;
height: 12px;
padding: 0;
border-radius: 6px;
vertical-align: middle;
}
.path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
background-color: #d8bfd8;
}
.path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
background-color: #ffd3bd;
}
.path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
background-color: #d6f8cd;
}
.path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
background-color: #fee7ae;
}
.path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
background-color: #dce7ec;
}
.path-calendar .maincalendar .calendarmonth td {
height: 5em;
}
.path-calendar .maincalendar .calendarmonth .clickable:hover {
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);
}
.path-calendar .maincalendar .calendar-controls .previous,
.path-calendar .maincalendar .calendar-controls .next {
width: 30%;
}
.path-calendar .maincalendar .calendar-controls .current {
width: 39.95%;
}
.path-calendar .maincalendar .controls {
width: 98%;
margin: 10px auto;
}
.path-calendar .maincalendar .calendar_event_category:hover a,
.path-calendar .maincalendar .calendar_event_course:hover a,
.path-calendar .maincalendar .calendar_event_site:hover a,
.path-calendar .maincalendar .calendar_event_group:hover a,
.path-calendar .maincalendar .calendar_event_user:hover a {
color: #003d5c;
text-decoration: underline;
}
.path-calendar .maincalendar .calendar_event_category {
border-color: #d8bfd8;
}
.path-calendar .maincalendar .calendar_event_course {
border-color: #ffd3bd;
}
.path-calendar .maincalendar .calendar_event_site {
border-color: #d6f8cd;
}
.path-calendar .maincalendar .calendar_event_group {
border-color: #fee7ae;
}
.path-calendar .maincalendar .calendar_event_user {
border-color: #dce7ec;
}
.path-calendar .maincalendar .calendar-controls .current {
font-family: inherit;
font-weight: bold;
color: inherit;
font-size: 25px;
line-height: 1.2;
}
.path-calendar .maincalendar .calendartable td,
.path-calendar .maincalendar .calendartable li {
padding: 0 4px 4px 4px;
}
.path-calendar .maincalendar .calendartable li {
text-align: left;
}
.path-calendar .maincalendar .header {
overflow: hidden;
}
.path-calendar .maincalendar .header .buttons {
float: right;
}
.path-calendar .maincalendar .eventlist {
margin: 0;
}
.path-calendar .maincalendar .eventlist .event {
border-spacing: 0;
border-collapse: separate;
position: relative;
margin-bottom: 20px;
list-style-type: none;
}
.path-calendar .maincalendar .eventlist .event > img {
padding-top: 3px;
float: left;
}
.path-calendar .maincalendar .eventlist .event .name {
font-size: 17.5px;
font-weight: 200;
line-height: 24px;
float: left;
margin: 0;
margin-right: 0.5rem;
}
.path-calendar .maincalendar .eventlist .event .name,
.path-calendar .maincalendar .eventlist .event .action {
margin-bottom: 5px;
}
.path-calendar .maincalendar .eventlist .event .date {
float: right;
}
.path-calendar .maincalendar .eventlist .event .subscription,
.path-calendar .maincalendar .eventlist .event .action {
float: left;
clear: left;
}
.path-calendar .maincalendar .eventlist .event .side {
width: 22px;
}
.path-calendar .maincalendar .eventlist .event .location {
clear: both;
word-break: break-all;
overflow-wrap: break-word;
}
.path-calendar .maincalendar .eventlist .event .description {
background-color: #fff;
clear: both;
}
.path-calendar .maincalendar .eventlist .event .commands a {
margin: 0 3px;
}
#page-calendar-export .indent {
padding-left: 20px;
}
.block .minicalendar {
max-width: 280px;
margin: 0 auto;
width: 100%;
}
.block .minicalendar th,
.block .minicalendar td {
padding: 2px;
font-size: 0.8em;
text-align: center;
}
.block .minicalendar td.weekend {
color: #999;
}
.block .minicalendar td a {
width: 100%;
height: 100%;
display: block;
}
.block .minicalendar td.duration_global {
border-top: 1px solid #d6f8cd;
border-bottom: 1px solid #d6f8cd;
}
.block .minicalendar td.duration_global.duration_finish {
background-color: #d6f8cd;
}
.block .minicalendar td.duration_category {
border-top: 1px solid #d8bfd8;
border-bottom: 1px solid #d8bfd8;
}
.block .minicalendar td.duration_category.duration_finish {
background-color: #d8bfd8;
}
.block .minicalendar td.duration_course {
border-top: 1px solid #ffd3bd;
border-bottom: 1px solid #ffd3bd;
}
.block .minicalendar td.duration_course.duration_finish {
background-color: #ffd3bd;
}
.block .minicalendar td.duration_group {
border-top: 1px solid #fee7ae;
border-bottom: 1px solid #fee7ae;
}
.block .minicalendar td.duration_group.duration_finish {
background-color: #fee7ae;
}
.block .minicalendar td.duration_user {
border-top: 1px solid #dce7ec;
border-bottom: 1px solid #dce7ec;
}
.block .minicalendar td.duration_user.duration_finish {
background-color: #dce7ec;
}
.block .minicalendar caption {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-align: center;
}
.block .calendar-controls .previous,
.block .calendar-controls .current,
.block .calendar-controls .next {
display: block;
float: left;
}
.block .calendar-controls .previous {
text-align: left;
width: 12%;
}
.block .calendar-controls .current {
text-align: center;
width: 76%;
}
.block .calendar-controls .next {
text-align: right;
width: 12%;
}
.block .calendar_filters ul {
list-style: none;
margin: 0;
}
.block .calendar_filters li {
margin-bottom: 0.2em;
}
.block .calendar_filters li span img {
margin: 0 0.25em;
}
.block .calendar_filters li span .icon {
padding: 0 0.2em;
}
.block .calendar_filters li .icon {
padding: 0;
margin-left: 0.25em;
}
.block .calendar_filters li > a:hover {
text-decoration: none;
}
.block .calendar_filters li > a:hover .eventname {
text-decoration: underline;
}
.block .content h3.eventskey {
margin-top: 0.5em;
}
@media (min-width: 768px) {
#page-calender-view .container-fluid {
min-width: 1024px;
}
}
.calendarwrapper {
position: relative;
}
.summary-modal-container .description-content > p {
margin: 0;
}
.summary-modal-container .location-content {
overflow-wrap: break-word;
}
/* course.less */
/* COURSE CONTENT */
/* stylelint-disable unit-blacklist */
.section_add_menus {
text-align: right;
clear: both;
}
.section-modchooser {
clear: both;
}
.section_add_menus .horizontal div,
.section_add_menus .horizontal form {
display: inline;
}
.section_add_menus optgroup {
font-weight: normal;
font-style: italic;
}
.section_add_menus .urlselect {
margin-left: .4em;
}
.section_add_menus .urlselect select {
margin-left: .2em;
}
.section_add_menus .urlselect img.iconhelp {
padding: 0;
margin: 0;
vertical-align: text-bottom;
}
.sitetopic ul.section {
margin: 0;
}
.course-content ul.section {
margin: 1em;
}
.section .side.left {
float: left;
}
.section .side.right {
float: right;
}
.section .spinner {
height: 16px;
width: 16px;
}
.section .activity {
/* The command block for each activity */
}
.section .activity .spinner {
left: 100%;
position: absolute;
}
.section .activity .mod-indent-outer {
padding-left: 0;
}
.section .activity .actions {
position: absolute;
right: 0;
top: 0;
}
.section .activity .contentwithoutlink,
.section .activity .activityinstance {
min-width: 40%;
display: table-cell;
padding-right: 4px;
min-height: 2em;
}
.section .label .contentwithoutlink,
.section .label .activityinstance {
padding-right: 32px;
display: block;
height: inherit;
}
.section .label .mod-indent-outer {
padding-left: 24px;
display: block;
}
.section .filler {
width: 16px;
height: 16px;
padding: 0;
padding-right: 6px;
display: inline-block;
}
.section .activity.editor_displayed a.editing_title,
.section .activity.editor_displayed .moodle-actionmenu {
display: none;
}
.section .activity.editor_displayed div.activityinstance {
padding-right: initial;
}
.section .activity.editor_displayed div.activityinstance input {
margin-bottom: initial;
padding-top: initial;
padding-bottom: initial;
vertical-align: text-bottom;
}
.activity img.activityicon {
margin-right: 6px;
vertical-align: text-bottom;
}
.activity .dimmed img.activityicon {
opacity: 0.5;
filter: alpha(opacity=50);
}
.activity .stealth:not(.dimmed) {
opacity: .5;
}
.section .activity .activityinstance,
.section .activity .activityinstance div {
display: inline-block;
}
.editing .section .activity .contentwithoutlink,
.editing .section .activity .activityinstance {
padding-right: 200px;
}
.editing .section .activity .editing_move {
/* Move the move icon to the start of the line */
position: absolute;
left: 0;
top: 0;
}
.editing .section .activity .mod-indent-outer {
/**
* Add appropriate padding such that nothing overlaps the
* absolute positioned move icon.
*/
padding-left: 32px;
}
.editing_show + .editing_assign,
.editing_hide + .editing_assign {
margin-left: 20px;
}
.section_action_menu,
.section .activity .commands {
white-space: nowrap;
display: inline;
}
.section .activity.modtype_label.label {
font-weight: normal;
padding: .2em;
}
.section li.activity {
padding: .2em;
clear: both;
}
.section .activity .activityinstance .groupinglabel {
padding-left: 30px;
}
.section .activity .availabilityinfo,
.section .activity .contentafterlink {
margin-top: 0.5em;
margin-left: 30px;
}
.section .activity .contentafterlink p {
margin: .5em 0;
}
.editing .section .activity:hover,
.editing .section .activity.action-menu-shown {
background-color: #eee;
}
.course-content .current {
background-color: #d9edf7;
}
.course-content .section-summary {
border: 1px solid #ddd;
margin-top: 5px;
list-style: none;
}
.course-content .section-summary .section-title {
margin: 2px 5px 10px 5px;
}
.course-content .section-summary .summarytext {
margin: 2px 5px 2px 5px;
}
.course-content .section-summary .section-summary-activities .activity-count {
color: #999;
font-size: 11.9px;
margin: 3px;
white-space: nowrap;
display: inline-block;
}
.course-content .section-summary .summary {
margin-top: 5px;
}
.course-content .single-section {
margin-top: 1em;
}
.course-content .single-section .section-navigation {
display: block;
padding: 0.5em;
margin-bottom: -0.5em;
}
.course-content .single-section .section-navigation .title {
font-weight: bold;
font-size: 108%;
clear: both;
}
.course-content .single-section .section-navigation .mdl-left {
font-weight: normal;
float: left;
margin-right: 1em;
}
.course-content .single-section .section-navigation .mdl-left .larrow {
margin-right: 0.1em;
}
.course-content .single-section .section-navigation .mdl-right {
font-weight: normal;
float: right;
margin-left: 1em;
}
.course-content .single-section .section-navigation .mdl-right .rarrow {
margin-left: 0.1em;
}
.course-content .single-section .section-navigation .mdl-bottom {
margin-top: 0;
}
.course-content ul li.section.main {
border-bottom: 2px solid #ddd;
margin-top: 0;
}
.course-content ul li.section.hidden .sectionname > span,
.course-content ul li.section.hidden .content > div.summary {
opacity: .5;
}
.course-content ul.topics li.section,
.course-content ul.weeks li.section {
padding-bottom: 20px;
}
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content {
margin-right: 20px;
margin-left: 20px;
padding: 0;
}
.course-content ul.topics li.section .summary,
.course-content ul.weeks li.section .summary,
.course-content ul.topics li.section .content > .availabilityinfo,
.course-content ul.weeks li.section .content > .availabilityinfo {
margin-left: 25px;
}
.course-content {
margin-top: 0;
}
.course-content li.section ul {
list-style: disc;
}
.course-content li.section ul ul {
list-style: circle;
}
.course-content li.section ul ul ul {
list-style: square;
}
.course-content li.section li.activity ul {
list-style: disc;
}
.course-content li.section li.activity ul ul {
list-style: circle;
}
.course-content li.section li.activity ul ul ul {
list-style: square;
}
.path-course-view .completionprogress {
margin-left: 25px;
}
.path-course-view .completionprogress {
display: block;
float: right;
height: 20px;
position: relative;
}
#page-site-index .subscribelink {
text-align: right;
}
#site-news-forum h2,
#frontpage-course-list h2,
#frontpage-category-names h2,
#frontpage-category-combo h2 {
margin-bottom: 9px;
}
.path-course-view a.reduce-sections {
padding-left: 0.2em;
}
.path-course-view .subscribelink {
text-align: right;
}
.path-course-view .unread {
margin-left: 30px;
}
.path-course-view .block.drag .header {
cursor: move;
}
.path-course-view .completionprogress {
text-align: right;
}
.path-course-view .single-section .completionprogress {
margin-right: 5px;
}
.path-course-view .section .summary {
line-height: normal;
}
.path-site li.activity > div,
.path-course-view li.activity > div {
position: relative;
padding: 0 16px 0 0;
/* to accommodate the floated completion icon with highlighting */
}
.path-course-view li.activity span.autocompletion img,
.path-course-view li.activity form.togglecompletion .btn {
vertical-align: text-bottom;
padding: 0 6px 0 0;
}
.path-course-view li.activity form.togglecompletion img {
max-width: none;
/* The width is 0 so ensure we don't end up with a relative max-width */
margin: 0;
padding: 0;
}
.path-course-view li.activity form.togglecompletion .ajaxworking {
width: 16px;
height: 16px;
position: absolute;
right: 22px;
top: 3px;
background: url([[pix:i/ajaxloader]]) no-repeat;
}
li.section.hidden span.commands a.editing_hide,
li.section.hidden span.commands a.editing_show {
cursor: default;
}
.single-section h3.sectionname {
text-align: center;
clear: both;
}
.section img.movetarget {
height: 16px;
width: 80px;
}
input.titleeditor {
width: 330px;
vertical-align: text-bottom;
}
span.editinstructions {
position: absolute;
top: 0;
margin-top: -22px;
margin-left: 30px;
line-height: 16px;
font-size: 11.9px;
padding: .1em .4em;
background-color: #d9edf7;
color: #3a87ad;
text-decoration: none;
z-index: 9999;
-webkit-box-shadow: 2px 2px 5px 1px #ccc;
-moz-box-shadow: 2px 2px 5px 1px #ccc;
box-shadow: 2px 2px 5px 1px #ccc;
border: 1px solid #bce8f1;
}
/* Course drag and drop upload styles */
#dndupload-status {
position: fixed;
left: 0;
width: 40%;
margin: 0 30%;
padding: 6px;
border: 1px solid #bce8f1;
text-align: center;
background: #d9edf7;
color: #3a87ad;
z-index: 1;
-webkit-box-shadow: 2px 2px 5px 1px #ccc;
-moz-box-shadow: 2px 2px 5px 1px #ccc;
box-shadow: 2px 2px 5px 1px #ccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.dndupload-preview {
color: #909090;
border: 1px dashed #909090;
list-style: none;
margin-top: .2em;
padding: .3em;
}
.dndupload-preview img.icon {
vertical-align: text-bottom;
padding: 0;
}
.dndupload-progress-outer {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dndupload-progress-inner {
width: 0%;
height: 100%;
color: #fff;
float: left;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.dndupload-hidden {
display: none;
}
/* COURSES LISTINGS AND COURSE SUMMARY */
#page-course-pending .singlebutton,
#page-course-index .singlebutton,
#page-course-index-category .singlebutton,
#page-course-editsection .singlebutton {
text-align: center;
}
#page-admin-course-manage #movecourses td img {
margin: 0 .22em;
vertical-align: text-bottom;
}
#page-admin-course-manage #movecourses td img.icon {
padding: 0;
}
#coursesearch {
margin-top: 1em;
text-align: center;
}
#page-course-pending .pendingcourserequests {
margin-bottom: 1em;
}
#page-course-pending .pendingcourserequests .singlebutton {
display: inline;
}
#page-course-pending .pendingcourserequests .cell {
padding: 0 5px;
}
#page-course-pending .pendingcourserequests .cell.c6 {
white-space: nowrap;
}
.coursebox {
margin-bottom: 15px;
border: 1px dotted #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 5px;
}
.coursebox > .info > .coursename a {
display: block;
background-image: url([[pix:moodle|i/course]]);
background-repeat: no-repeat;
padding-left: 21px;
background-position: left 0.2em;
}
.coursebox > .info > .coursename,
.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile {
float: left;
clear: left;
}
.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile {
width: 40%;
}
.coursebox > .info > h3.coursename {
margin: 5px;
line-height: 1;
}
.coursebox > .info > .coursename {
margin: 5px;
padding: 0;
}
.coursebox .content .teachers li {
list-style-type: none;
padding: 0;
margin: 0;
}
.coursebox .enrolmenticons {
padding: 3px 0;
float: right;
}
.coursebox .moreinfo {
padding: 3px 0;
float: right;
}
.coursebox .enrolmenticons img,
.coursebox .moreinfo img {
margin: 0 .2em;
}
.coursebox .content {
clear: both;
}
.coursebox .content .summary,
.coursebox .content .coursecat {
float: right;
width: 55%;
}
.coursebox .content .coursecat {
text-align: right;
clear: right;
}
.coursebox.remotecoursebox .remotecourseinfo {
float: left;
width: 40%;
}
.coursebox .content .courseimage img {
max-width: 100px;
max-height: 100px;
}
.coursebox .content .coursecat,
.coursebox .content .summary,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.coursebox .content .teachers,
.coursebox.remotecoursebox .remotecourseinfo {
margin: 3px 5px;
padding: 0;
}
.coursebox.remotehost > .info > .categoryname a {
background-image: url([[pix:moodle|i/mnethost]]);
}
.coursebox.collapsed {
margin-bottom: 0;
}
.coursebox.collapsed > .content {
display: none;
}
.courses .coursebox.collapsed {
border: 1px solid #ddd;
padding: 5px;
}
.courses .coursebox.even {
background-color: #f9f9f9;
}
.course_category_tree .courses > .paging.paging-morelink:hover {
background-color: #f5f5f5;
}
.course_category_tree .category .numberofcourse {
font-size: 11.9px;
}
.course_category_tree .controls {
visibility: hidden;
}
.course_category_tree .controls div {
display: inline;
cursor: pointer;
}
.jsenabled .course_category_tree .controls {
visibility: visible;
}
.course_category_tree .controls {
margin-bottom: 5px;
text-align: right;
float: right;
}
.course_category_tree .controls div {
padding-right: 2em;
font-size: 75%;
}
.course_category_tree .category > .info > .categoryname {
/*rtl:remove*/
background-image: url([[pix:moodle|t/collapsed_empty]]);
/*rtl:raw:
background-image: url([[pix:moodle|t/collapsed_empty_rtl]]);
*/
background-repeat: no-repeat;
padding: 2px 18px;
margin: 3px;
background-position: center left;
}
.course_category_tree .category.with_children > .info > .categoryname {
background-image: url([[pix:moodle|t/expanded]]);
cursor: pointer;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
/*rtl:raw:
background-image: url([[pix:moodle|t/collapsed_rtl]]);
*/
/*rtl:remove*/
background-image: url([[pix:moodle|t/collapsed]]);
}
.course_category_tree .category.collapsed > .content {
display: none;
}
.course_category_tree .category > .info {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
min-height: 0;
padding: 0;
margin: 3px 0;
margin-bottom: 3px;
clear: both;
}
.course_category_tree .category > .info blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.course_category_tree.frontpage-category-names .category > .info {
background: none;
border: none;
margin: 0;
}
.course_category_tree .category > .content {
padding-left: 16px;
}
.course_category_tree .subcategories > .paging,
.courses > .paging {
margin: 0;
padding: 5px;
text-align: center;
}
.courses > .paging.paging-morelink,
.course_category_tree .subcategories > .paging.paging-morelink {
text-align: left;
}
.course_category_tree .paging.paging-morelink a {
font-size: 11.9px;
}
#page-course-index-category .generalbox.info {
margin-bottom: 15px;
border: 1px dotted #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 5px;
}
#page-course-index-category .categorypicker {
text-align: center;
margin: 10px 0 20px;
}
.section .summary .iconsmall,
.section .activity .iconsmall {
width: 16px;
height: 16px;
}
.section .editing_title .iconsmall {
width: 12px;
height: 12px;
margin: 8px 8px 0 0;
padding: 4px 8px 0 0;
vertical-align: text-bottom;
}
.section .moodle-actionmenu .iconsmall {
/** reset sets 100% !important which breaks on IE8 without this !important */
max-width: none !important;
/* stylelint-disable-line declaration-no-important */
width: 16px;
height: 16px;
padding: 4px;
vertical-align: text-bottom;
}
.section .moodle-actionmenu[data-enhanced] .menu img {
width: 12px;
height: 12px;
}
/**
* Course management page
* Palette
*
* Background (reg) #F5F5F5
* Background (light #fafafa
* Background (highlight) #ddffaa
* Borders #e1e1e8
*/
#course-category-listings {
background-color: transparent;
margin-bottom: 200px;
/** Two column layout */
/** Three column layout */
}
#course-category-listings.columns-2 > #course-listing > div {
position: relative;
left: -1px;
}
#course-category-listings.columns-3 > #course-listing > div {
height: 100%;
}
#course-category-listings > div > div {
min-height: 300px;
}
#course-category-listings > div > div > ul.ml > li:first-child > div {
border-top: 0;
}
#course-category-listings h3 {
margin: 0;
padding: 0.4rem 0.6rem 0.3rem;
}
#course-category-listings h4 {
margin: 1rem 0 0;
padding: 0.6rem 1rem 0.5rem;
}
#course-category-listings .moodle-actionmenu {
white-space: nowrap;
}
#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img {
width: auto;
}
#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu {
padding-right: 4px;
}
#course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
margin-top: 12px;
}
#course-category-listings .listing-actions {
text-align: center;
padding: 0.4rem 0.3rem 0.3rem;
line-height: 2.2em;
}
#course-category-listings .listing-actions > a,
#course-category-listings .listing-actions > .moodle-actionmenu {
display: inline-block;
}
#course-category-listings .listing-actions > .moodle-actionmenu .menu a {
padding-left: 1rem;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {
line-height: normal;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {
color: inherit;
display: inline-block;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img {
display: none;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a .caret {
display: none;
}
#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {
display: inline-block;
}
#course-category-listings ul.ml {
list-style: none;
margin: 1rem 0;
}
#course-category-listings ul.ml ul.ml {
margin: 0;
}
#course-category-listings li {
line-height: 2.2em;
}
#course-category-listings li > div:hover {
background-color: #f5f5f5;
}
#course-category-listings li .tree-icon {
margin: 2px 6px 0 0;
width: 12px;
vertical-align: inherit;
}
#course-category-listings li[data-selected='1'] > div {
background-color: #f9f9f9;
}
#course-category-listings li[data-selected='1'] > div:hover {
background-color: #f5f5f5;
}
#course-category-listings li .tree-icon {
margin-left: 0;
}
#course-category-listings li li .tree-icon {
margin-left: 1em;
}
#course-category-listings li li li .tree-icon {
margin-left: 2em;
}
#course-category-listings li li li li .tree-icon {
margin-left: 3em;
}
#course-category-listings li li li li li .tree-icon {
margin-left: 4em;
}
#course-category-listings li li li li li li .tree-icon {
margin-left: 4.5em;
}
#course-category-listings li li li li li li li .tree-icon {
margin-left: 5em;
}
#course-category-listings li li li li li li li li .tree-icon {
margin-left: 5.5em;
}
#course-category-listings .item-actions {
margin-right: 1em;
display: initial;
}
#course-category-listings .item-actions > a img,
#course-category-listings .item-actions .menubar img {
margin: 0 4px;
height: 12px;
padding: 0;
vertical-align: inherit;
}
#course-category-listings .item-actions.show .menu li {
line-height: 20px;
}
#course-category-listings .item-actions.show .menu img {
width: 12px;
max-width: none;
}
#course-category-listings .item-actions .menu-action-text {
vertical-align: inherit;
}
#course-category-listings .listitem > div > .float-left {
float: left;
}
#course-category-listings .listitem > div > .float-right {
float: right;
text-align: right;
}
#course-category-listings .listitem > div .item-actions .action-show {
display: none;
}
#course-category-listings .listitem > div .item-actions .action-hide {
display: inline;
}
#course-category-listings .listitem > div .without-actions {
color: #333;
}
#course-category-listings .listitem > div .idnumber {
color: #a1a1a8;
margin-right: 2em;
}
#course-category-listings .listitem[data-visible="0"] {
color: #999;
}
#course-category-listings .listitem[data-visible="0"] > div > a {
color: #999;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
display: inline;
}
#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
display: none;
}
#course-category-listings .listitem.highlight {
background-color: transparent;
}
#course-category-listings .listitem.highlight > div,
#course-category-listings .listitem.highlight > div:hover,
#course-category-listings .listitem.highlight[data-selected='1'] > div {
background-color: #f5f5f5;
}
#course-category-listings #course-listing .listitem .categoryname {
display: inline-block;
margin-left: 1em;
color: #a1a1a8;
}
#course-category-listings #course-listing .listitem .coursename {
display: inline-block;
}
#course-category-listings #course-listing .listitem > div {
padding-left: 1rem;
}
#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
display: none;
}
#course-category-listings #course-listing .bulk-action-checkbox {
margin: -2px 6px 0 0;
}
#course-category-listings #category-listing .listitem.collapsed > ul.ml {
display: none;
}
#course-category-listings #category-listing .listitem > div > .ba-checkbox {
width: 2.2em;
text-align: center;
margin: -1px 0.5em 0 0;
padding-top: 2px;
}
#course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
background-color: #f5f5f5;
}
#course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
margin: 0 0.5em 0 0;
padding: 0;
background-color: inherit;
}
#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
#course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
display: none;
}
#course-category-listings #category-listing .course-count {
color: #a1a1a8;
margin-right: 2rem;
min-width: 3.5em;
display: inline-block;
}
#course-category-listings #category-listing .course-count .smallicon {
width: 12px;
margin-left: 4px;
vertical-align: inherit;
}
#course-category-listings #category-listing .bulk-action-checkbox {
margin-right: -3px;
}
#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
position: relative;
}
#course-category-listings #category-listing .category-bulk-actions {
margin: 0 0.5em 0.5em;
position: relative;
}
#course-category-listings .detail-pair {
border-bottom: 1px solid #ddd;
margin: 0 1rem;
}
#course-category-listings .detail-pair > * {
display: inline-block;
line-height: 2.2rem;
}
#course-category-listings .detail-pair .pair-key {
font-weight: bold;
vertical-align: top;
}
#course-category-listings .detail-pair .pair-key span {
margin-right: 1rem;
display: block;
}
#course-category-listings .detail-pair .pair-value select {
max-width: 100%;
}
#course-category-listings .bulk-actions .detail-pair > * {
display: block;
width: 100%;
}
#course-category-listings .listing-pagination {
text-align: center;
}
#course-category-listings .listing-pagination .yui3-button {
background-color: #fff;
border: 0;
margin: 0.4rem 0.2rem 0.45rem;
font-size: 10.4px;
}
#course-category-listings .listing-pagination .yui3-button.active-page {
background-color: #e6e6e6;
}
#course-category-listings .listing-pagination-totals {
text-align: center;
}
#course-category-listings .listing-pagination-totals.dimmed {
color: #999;
margin: 0.4rem 1rem 0.45rem;
}
#course-category-listings .select-a-category .notifymessage,
#course-category-listings .select-a-category .alert {
margin: 1em;
}
#page-course-management .coursesearchbox input[type="text"] + input[type="submit"] {
margin-bottom: 0;
}
#page-course-management #course-category-listings .detail-pair .pair-value select {
max-width: 80%;
}
#course-category-listings #course-listing .listitem .drag-handle {
display: none;
}
.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
display: inline-block;
margin: 0 6px 0 0;
cursor: pointer;
}
/** Management header styling **/
.coursecat-management-header {
vertical-align: middle;
}
.coursecat-management-header h2 {
display: inline-block;
text-align: left;
}
.coursecat-management-header > div {
display: inline-block;
float: right;
line-height: 40px;
}
.coursecat-management-header > div > div {
margin: 10px 0;
display: inline-block;
}
.coursecat-management-header select {
max-width: 300px;
cursor: pointer;
padding: 0.4em 0.5em 0.45em 1em;
vertical-align: baseline;
white-space: nowrap;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu {
white-space: nowrap;
display: inline-block;
}
.coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
padding-left: 1em;
}
.course-being-dragged-proxy {
border: 0;
color: #0070a8;
vertical-align: middle;
padding: 0 0 0 4em;
}
.course-being-dragged {
opacity: 0.5;
filter: alpha(opacity=50);
}
/**
* Display sizes:
* Large displays 1200 +
* Default displays 980 1199
* Tablets 768 979
* Small tablets and large phones 481 767
* Phones 0 480
*/
@media (min-width: 1200px) and (max-width: 1600px) {
#course-category-listings.columns-3 {
background-color: transparent;
border: 0;
}
#course-category-listings.columns-3 #category-listing,
#course-category-listings.columns-3 #course-listing {
width: 50%;
}
#course-category-listings.columns-3 #category-listing > div,
#course-category-listings.columns-3 #course-listing > div,
#course-category-listings.columns-3 #course-detail > div {
background-color: transparent;
}
#course-category-listings.columns-3 #course-detail {
width: 100%;
margin-top: 1em;
}
}
@media (max-width: 1199px) {
#course-category-listings.columns-2,
#course-category-listings.columns-3 {
background-color: transparent;
border: 0;
}
#course-category-listings.columns-2 #category-listing,
#course-category-listings.columns-3 #category-listing,
#course-category-listings.columns-2 #course-listing,
#course-category-listings.columns-3 #course-listing,
#course-category-listings.columns-2 #course-detail,
#course-category-listings.columns-3 #course-detail {
width: 100%;
margin: 0 0 1em;
}
#course-category-listings.columns-2 #category-listing > div,
#course-category-listings.columns-3 #category-listing > div,
#course-category-listings.columns-2 #course-listing > div,
#course-category-listings.columns-3 #course-listing > div,
#course-category-listings.columns-2 #course-detail > div,
#course-category-listings.columns-3 #course-detail > div {
background-color: transparent;
}
}
/* stylelint-disable declaration-no-important */
.filemanager,
.filepicker,
.file-picker {
font-size: 11px;
}
.filemanager a,
.file-picker a,
.filemanager a:hover,
.file-picker a:hover {
color: #555;
text-decoration: none;
}
.filemanager input[type="text"],
.file-picker input[type="text"] {
width: 265px;
}
.filemanager .fp-license td,
.file-picker .fp-setlicense td {
max-width: 265px;
}
.filemanager .fp-license select,
.file-picker .fp-setlicense select {
max-width: 100%;
}
.fp-content-center {
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.fp-content-hidden {
visibility: hidden;
}
.yui3-panel-focused {
outline: none;
}
#filesskin .yui3-panel-content {
padding-bottom: 20px;
background: #f2f2f2;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #fff;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
-webkit-box-shadow: 5px 5px 20px 0 #666;
-moz-box-shadow: 5px 5px 20px 0 #666;
box-shadow: 5px 5px 20px 0 #666;
}
#filesskin .yui3-widget-hd {
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #bbb;
padding: 5px;
text-align: center;
font-size: 12px;
color: #333;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #fff;
filter: dropshadow(color=#fff, offx=1, offy=1);
background-color: #ebebeb;
background-image: -moz-linear-gradient(top, #fff, #ccc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
background-image: -webkit-linear-gradient(top, #fff, #ccc);
background-image: -o-linear-gradient(top, #fff, #ccc);
background-image: linear-gradient(to bottom, #fff, #ccc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
}
.fp-panel-button {
background: #fff;
padding: 3px 20px 2px 20px;
text-align: center;
margin: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
-webkit-box-shadow: 2px 2px 3px 0.1px #999;
-moz-box-shadow: 2px 2px 3px 0.1px #999;
box-shadow: 2px 2px 3px 0.1px #999;
}
.moodle-dialogue h3 {
font-size: 14px;
margin: 0;
line-height: 20px;
}
.moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
padding: 0;
}
#filesskin .file-picker.fp-generallayout {
width: 859px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ccc;
position: relative;
}
.file-picker .fp-repo-area {
width: 180px;
overflow: auto;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
float: left;
height: 525px;
border-right: 1px solid #bbb;
}
.file-picker .fp-repo-items {
float: none;
width: auto;
margin-left: 181px;
}
.moodle-dialogue-fullscreen .file-picker .fp-repo-items {
margin-left: 0;
margin-right: 0;
float: left;
}
.file-picker .fp-navbar {
background: #f2f2f2;
border-bottom: 1px solid #bbb;
min-height: 40px;
overflow: hidden;
}
.file-picker .fp-navbar .fp-viewbar {
margin: 4px;
}
.file-picker .fp-content {
background: #fff;
clear: none;
overflow: auto;
height: 452px;
}
.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
width: 100%;
}
.file-picker .fp-content-loading {
height: 100%;
width: 100%;
display: table;
text-align: center;
}
.file-picker .fp-content .fp-object-container {
width: 98%;
height: 98%;
}
.file-picker .fp-list {
list-style-type: none;
padding: 0;
float: left;
width: 100%;
margin: 0;
}
.file-picker .fp-list .fp-repo a {
display: block;
padding: .5em .7em;
}
.file-picker .fp-list .fp-repo.active {
background: #f2f2f2;
}
.file-picker .fp-list .fp-repo-icon {
padding: 0 7px 0 5px;
width: 16px;
height: 16px;
}
.fp-toolbar {
float: left;
}
.fp-toolbar.empty {
display: none;
}
.fp-toolbar .disabled {
display: none;
}
.fp-toolbar div {
display: block;
float: left;
margin-right: 4px;
}
.fp-toolbar img {
vertical-align: -15%;
margin-right: 5px;
}
.fp-toolbar .fp-tb-search {
width: 235px;
height: 27px;
}
.fp-toolbar .fp-tb-search input {
background: #fff url('[[pix:a/search]]') no-repeat 7px 7px;
padding: 2px 6px 1px 27px;
width: 200px;
height: 27px;
border: 1px solid #bbb;
}
.fp-viewbar {
float: right;
height: 30px;
border: 1px solid #ccc;
border-bottom: 1px solid #b3b3b3;
border-radius: 4px;
background: white;
}
.fp-repo-items .fp-viewbar {
margin: 4px;
}
.fp-viewbar a {
width: 30px;
height: 30px;
border-right: 1px solid #ccc;
display: block;
float: left;
}
.fp-viewbar a.checked:hover,
.fp-viewbar a:hover {
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
background-color: #ebebeb;
}
.fp-viewbar a.checked,
.fp-viewbar a:active {
background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
background-color: #dfdfdf;
}
.fp-viewbar a.fp-vb-icons {
border-radius: 4px 0 0 4px;
}
.fp-viewbar a.fp-vb-tree {
border-right: 0;
border-radius: 0 4px 4px 0;
}
.fp-viewbar a img {
margin: 7px;
}
.fp-viewbar.disabled a {
opacity: .45;
background: none;
cursor: default;
}
.file-picker .fp-clear-left {
clear: left;
}
.file-picker .fp-pathbar {
display: table-row;
}
.fp-pathbar.empty {
display: none;
}
.fp-pathbar .fp-path-folder {
background: url('[[pix:theme|fp/path_folder]]') 0 0 no-repeat;
/*rtl:raw:
background-image: url('[[pix:theme|fp/path_folder_rtl]]');
*/
height: 12px;
margin-left: 4px;
}
.fp-pathbar .fp-path-folder-name {
margin-left: 32px;
line-height: 20px;
}
.fp-iconview .fp-file {
float: left;
text-align: center;
position: relative;
margin: 10px 10px 35px;
}
.fp-iconview .fp-thumbnail {
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center;
border: 1px solid #fff;
display: block;
}
.fp-iconview .fp-thumbnail img {
border: 1px solid #ddd;
padding: 3px;
vertical-align: middle;
-webkit-box-shadow: 1px 1px 2px 0 #ccc;
-moz-box-shadow: 1px 1px 2px 0 #ccc;
box-shadow: 1px 1px 2px 0 #ccc;
}
.fp-iconview .fp-thumbnail:hover {
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 0 10px 0 #ccc;
-moz-box-shadow: inset 0 0 10px 0 #ccc;
box-shadow: inset 0 0 10px 0 #ccc;
}
.fp-iconview .fp-filename-field {
height: 33px;
word-wrap: break-word;
overflow: hidden;
position: absolute;
}
.fp-iconview .fp-filename-field:hover {
overflow: visible;
z-index: 1000;
}
.fp-iconview .fp-filename-field .fp-filename {
background: #fff;
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px;
}
.file-picker .yui3-datatable table {
border: 0 solid #bbb;
width: 100%;
}
#filesskin .file-picker .yui3-datatable-header {
background: #fff;
border-bottom: 1px solid #ccc;
border-left: 0 solid #fff;
color: #555;
}
#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
background-color: #f6f6f6;
border-left: 0 solid #f6f6f6;
}
#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
background-color: #fff;
border-left: 0 solid #fff;
}
.file-picker .ygtvtn,
.filemanager .ygtvtn {
/*rtl:remove*/
background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
/*rtl:raw:
background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
*/
width: 17px;
height: 22px;
}
.file-picker .ygtvtm,
.filemanager .ygtvtm {
background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvtmh,
.filemanager .ygtvtmh {
background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvtp,
.filemanager .ygtvtp {
/*rtl:remove*/
background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
/*rtl:raw:
background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvtph,
.filemanager .ygtvtph {
/*rtl:remove*/
background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
/*rtl:raw:
background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
*/
width: 13px;
height: 22px;
cursor: pointer;
}
.file-picker .ygtvln,
.filemanager .ygtvln {
/*rtl:remove*/
background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
/*rtl:raw:
background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
*/
width: 17px;
height: 22px;
}
.file-picker .ygtvlm,
.filemanager .ygtvlm {
background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvlmh,
.filemanager .ygtvlmh {
background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
/*rtl:raw:
background-position: 2px 10px;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvlp,
.filemanager .ygtvlp {
/*rtl:remove*/
background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
/*rtl:raw:
background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvlph,
.filemanager .ygtvlph {
/*rtl:remove*/
background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
/*rtl:raw:
background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
*/
width: 13px;
height: 12px;
cursor: pointer;
}
.file-picker .ygtvloading,
.filemanager .ygtvloading {
background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
width: 16px;
height: 22px;
}
.file-picker .ygtvdepthcell,
.filemanager .ygtvdepthcell {
background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
/*rtl:raw:
background-position: 1px 0;
*/
width: 17px;
height: 32px;
}
.file-picker .ygtvblankdepthcell,
.filemanager .ygtvblankdepthcell {
width: 17px;
height: 22px;
}
a.ygtvspacer:hover {
color: transparent;
text-decoration: none;
}
.ygtvlabel,
.ygtvlabel:link,
.ygtvlabel:visited,
.ygtvlabel:hover {
background-color: transparent;
cursor: pointer;
margin-left: 2px;
text-decoration: none;
}
.file-picker .ygtvfocus,
.filemanager .ygtvfocus {
background-color: #eee;
}
.fp-filename-icon {
margin-top: 10px;
display: block;
position: relative;
}
.fp-icon {
float: left;
margin-top: -7px;
width: 24px;
height: 24px;
margin-right: 10px;
text-align: center;
line-height: 24px;
}
.fp-filename {
padding-right: 10px;
}
.file-picker .fp-login-form {
height: 100%;
width: 100%;
display: table;
}
.file-picker .fp-login-form table {
margin: 0 auto;
}
.file-picker .fp-login-form p {
text-align: center;
margin-top: 3em;
}
.file-picker .fp-login-form .fp-login-input label {
text-align: right;
display: block;
}
.file-picker .fp-login-form .fp-login-input .input {
text-align: left;
}
.file-picker .fp-login-form input[type="checkbox"] {
width: 15px;
height: 15px;
}
.file-picker .fp-upload-form {
height: 100%;
width: 100%;
display: table;
}
.file-picker .fp-upload-form table {
margin: 0 auto;
}
.file-picker.fp-dlg {
text-align: center;
}
.file-picker.fp-dlg .fp-dlg-text {
padding: 30px 20px 10px;
font-size: 12px;
}
.file-picker.fp-dlg .fp-dlg-buttons {
margin: 0 20px;
}
.file-picker.fp-msg {
text-align: center;
}
.file-picker.fp-msg .fp-msg-text {
padding: 40px 20px 10px 20px;
min-width: 200px;
max-width: 500px;
max-height: 300px;
overflow: auto;
font-size: 12px;
}
.file-picker.fp-msg.fp-msg-error .fp-msg-text {
padding: 40px 20px 10px 20px;
font-size: 12px;
}
.file-picker .fp-content-error {
height: 100%;
width: 100%;
display: table;
text-align: center;
}
.file-picker .fp-content-error .fp-error {
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle;
padding: 40px 20px 10px 20px;
font-size: 12px;
}
.file-picker .fp-nextpage {
clear: both;
}
.file-picker .fp-nextpage .fp-nextpage-loading {
display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-link {
display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-loading {
display: block;
text-align: center;
height: 100px;
padding-top: 50px;
}
.fp-select form {
padding: 20px 20px 0;
}
.fp-select .fp-select-loading {
text-align: center;
margin-top: 20px;
}
.fp-select .fp-hr {
clear: both;
height: 1px;
background-color: #fff;
border-bottom: 1px solid #bbb;
width: auto;
margin: 10px 0;
}
.fp-select table {
padding: 0 0 10px;
}
.fp-select table .mdl-right {
min-width: 84px;
}
.fp-select .fp-reflist .mdl-right {
vertical-align: top;
}
.fp-select .fp-select-buttons {
float: right;
}
.fp-select .fp-info {
display: block;
clear: both;
padding: 1px 20px 0;
}
.fp-select .fp-thumbnail {
float: left;
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center;
margin: 10px 20px 0 0;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 0 10px 0 #ccc;
-moz-box-shadow: inset 0 0 10px 0 #ccc;
box-shadow: inset 0 0 10px 0 #ccc;
}
.fp-select .fp-thumbnail img {
border: 1px solid #ddd;
padding: 3px;
vertical-align: middle;
margin: 10px;
}
.fp-select .fp-fileinfo {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-top: 10px;
}
.file-picker.fp-select .fp-fileinfo {
max-width: 240px;
}
.fp-select .fp-fileinfo div {
padding-bottom: 5px;
}
.file-picker.fp-select .uneditable {
display: none;
}
.file-picker.fp-select .fp-select-loading {
display: none;
}
.file-picker.fp-select.loading .fp-select-loading {
display: block;
}
.file-picker.fp-select.loading form {
display: none;
}
.fp-select .fp-dimensions.fp-unknown {
display: none;
}
.fp-select .fp-size.fp-unknown {
display: none;
}
.filemanager-loading {
display: none;
}
.jsenabled .filemanager-loading {
display: block;
margin-top: 100px;
}
.filemanager.fm-loading .filemanager-toolbar,
.filemanager.fm-loading .fp-pathbar,
.filemanager.fm-loading .filemanager-container,
.filemanager.fm-loaded .filemanager-loading,
.filemanager.fm-maxfiles .fp-btn-add,
.filemanager.fm-maxfiles .dndupload-message,
.filemanager.fm-noitems .fp-btn-download,
.filemanager .fm-empty-container,
.filemanager.fm-noitems .filemanager-container .fp-content {
display: none;
}
.filemanager .fp-img-downloading {
display: none;
padding-top: 7px;
}
.filemanager .filemanager-updating {
display: none;
text-align: center;
}
.filemanager.fm-updating .filemanager-updating {
display: block;
margin-top: 37px;
}
.filemanager.fm-updating .fm-content-wrapper,
.filemanager.fm-nomkdir .fp-btn-mkdir,
.fitem.disabled .filemanager .filemanager-toolbar,
.fitem.disabled .filemanager .fp-pathbar,
.fitem.disabled .filemanager .fp-restrictions,
.fitem.disabled .filemanager .fm-content-wrapper {
display: none;
}
.filemanager .fp-restrictions {
text-align: right;
}
.filemanager .fp-navbar {
background: #f2f2f2;
border: 1px solid #bbb;
border-bottom: none;
}
.filemanager-toolbar {
padding: 4px;
overflow: hidden;
}
.fp-pathbar {
border-top: 1px solid #bbb;
padding: 5px 8px 1px;
min-height: 20px;
}
.file-picker .fp-toolbar {
padding: 4px;
}
.fp-toolbar .fp-btn-add,
.fp-toolbar .fp-btn-download,
.fp-toolbar .fp-btn-mkdir,
.fp-toolbar .fp-tb-help,
.fp-toolbar .fp-tb-manage,
.fp-toolbar .fp-tb-logout,
.fp-toolbar .fp-tb-refresh {
border: 1px solid #ccc;
border-bottom: 1px solid #b3b3b3;
border-radius: 4px;
background: white;
width: 30px;
height: 30px;
}
.fp-toolbar a:hover {
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
background-color: #ebebeb;
}
.fp-toolbar a:active {
background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
background-color: #dfdfdf;
}
.fp-btn-add a,
.fp-btn-download a,
.fp-btn-mkdir a,
.fp-tb-help a,
.fp-tb-manage a,
.fp-tb-logout a,
.fp-tb-refresh a {
display: block;
width: 30px;
height: 30px;
border-radius: 4px;
}
.fp-btn-add img,
.fp-btn-download img,
.fp-btn-mkdir img,
.fp-tb-help img,
.fp-tb-manage img,
.fp-tb-logout img,
.fp-tb-refresh img {
margin: 7px;
}
.filemanager .fp-pathbar.empty {
display: none;
}
.filepicker-filelist,
.filemanager-container {
background: #fff;
clear: both;
overflow: auto;
border: 1px solid #bbb;
min-height: 140px;
position: relative;
}
.filemanager .fp-content {
overflow: auto;
max-height: 472px;
min-height: 157px;
}
.filemanager-container,
.filepicker-filelist {
overflow: hidden;
}
.fitem.disabled .filepicker-filelist,
.fitem.disabled .filemanager-container {
background-color: #ebebe4;
}
.fitem.disabled .fp-btn-choose {
color: #999;
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
display: none;
}
.fp-iconview .fp-reficons1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.fp-iconview .fp-reficons2 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
background: url('[[pix:theme|fp/link]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom right;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
background: url('[[pix:theme|fp/alias]]') no-repeat;
/*rtl:raw:
transform: scaleX(-1);
*/
/*rtl:ignore*/
background-position: bottom left;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
display: none;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
background: url([[pix:s/dead]]) no-repeat;
background-position: center center;
}
.filemanager .yui3-datatable table {
border: 0 solid #bbb;
width: 100%;
}
.filemanager .yui3-datatable-header {
background: #fff !important;
border-bottom: 1px solid #ccc !important;
border-left: 0 solid #fff !important;
color: #555 !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
background-color: #f6f6f6 !important;
border-left: 0 solid #f6f6f6;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
background-color: #fff !important;
border-left: 0 solid #fff;
}
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 8px;
left: 17px;
z-index: 1000;
}
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
height: 100%;
width: 100%;
/*rtl:raw:
transform: scaleX(-1);
*/
position: absolute;
top: 9px;
left: -6px;
z-index: 1001;
}
.filemanager .fp-contextmenu {
display: none;
}
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
display: block;
position: absolute;
right: 7px;
bottom: 5px;
}
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
display: inline;
position: absolute;
left: 14px;
margin-right: -20px;
top: 6px;
}
.filepicker-filelist .filepicker-container,
.filemanager.fm-noitems .fm-empty-container {
display: block;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #bbb;
padding-top: 85px;
text-align: center;
}
.filepicker-filelist .dndupload-target,
.filemanager-container .dndupload-target {
background: #fff;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #fb7979;
padding-top: 85px;
text-align: center;
-webkit-box-shadow: 0px 0 0 10px #fff;
-moz-box-shadow: 0px 0 0 10px #fff;
box-shadow: 0px 0 0 10px #fff;
}
.filepicker-filelist.dndupload-over .dndupload-target,
.filemanager-container.dndupload-over .dndupload-target {
background: #fff;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #6c8cd3;
padding-top: 85px;
text-align: center;
}
.dndupload-message {
display: none;
}
.dndsupported .dndupload-message {
display: inline;
}
.dnduploadnotsupported-message {
display: none;
}
.dndnotsupported .dnduploadnotsupported-message {
display: inline;
}
.dndupload-target {
display: none;
}
.dndsupported .dndupload-ready .dndupload-target {
display: block;
}
.dndupload-uploadinprogress {
display: none;
text-align: center;
}
.dndupload-uploading .dndupload-uploadinprogress {
display: block;
}
.dndupload-arrow {
background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
width: 100%;
height: 80px;
position: absolute;
top: 5px;
}
.fitem.disabled .filepicker-container,
.fitem.disabled .fm-empty-container {
display: none;
}
.dndupload-progressbars {
padding: 10px;
display: none;
}
.dndupload-inprogress .dndupload-progressbars {
display: block;
}
.dndupload-inprogress .fp-content {
display: none;
}
.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
display: none;
}
.filepicker-filelist.dndupload-inprogress .filepicker-container {
display: none;
}
.filepicker-filelist.dndupload-inprogress a {
display: none;
}
.filemanager.fp-select .fp-select-loading {
display: none;
}
.filemanager.fp-select.loading .fp-select-loading {
display: block;
}
.filemanager.fp-select.loading form {
display: none;
}
.filemanager.fp-select.fp-folder .fp-license,
.filemanager.fp-select.fp-folder .fp-author,
.filemanager.fp-select.fp-file .fp-file-unzip,
.filemanager.fp-select.fp-folder .fp-file-unzip,
.filemanager.fp-select.fp-file .fp-file-zip,
.filemanager.fp-select.fp-zip .fp-file-zip {
display: none;
}
.filemanager.fp-select .fp-file-setmain,
.filemanager.fp-select .fp-file-setmain-help {
display: none;
}
.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
}
.filemanager .fp-mainfile .fp-filename {
font-weight: bold;
}
.filemanager.fp-select.fp-folder .fp-file-download {
display: none;
}
.fm-operation {
font-weight: bold;
}
.filemanager.fp-select .fp-original.fp-unknown,
.filemanager.fp-select .fp-original .fp-originloading {
display: none;
}
.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
display: inline;
}
.filemanager.fp-select .fp-reflist.fp-unknown,
.filemanager.fp-select .fp-reflist .fp-reflistloading {
display: none;
}
.filemanager.fp-select .fp-refcount {
max-width: 265px;
}
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
display: inline;
}
.filemanager.fp-select .fp-reflist .fp-value {
background: #f9f9f9;
border: 1px solid #bbb;
padding: 8px 7px;
margin: 0;
max-width: 265px;
max-height: 75px;
overflow: auto;
}
.filemanager.fp-select .fp-reflist .fp-value li {
padding-bottom: 7px;
}
.filemanager.fp-mkdir-dlg {
text-align: center;
}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
text-align: left;
margin: 20px;
}
.filemanager.fp-dlg {
text-align: center;
}
.filemanager.fp-dlg .fp-dlg-text {
padding: 0 10px;
min-width: 200px;
max-width: 340px;
max-height: 300px;
overflow: auto;
line-height: 22px;
margin: 40px 20px 20px;
font-size: 12px;
}
.file-picker div.bd {
text-align: left;
}
.fp-formset {
max-width: 500px;
padding: 10px;
}
.fp-formset input[type="file"] {
line-height: inherit;
}
.fp-forminset {
max-width: 400px;
padding: 0 10px;
}
.fp-forminset .control-group.control-radio {
margin-bottom: 0;
}
.fp-forminset .control-group label.control-label {
width: 105px;
}
.fp-forminset .control-group label.control-radio {
float: right;
text-align: left;
width: 215px;
}
.fp-forminset .control-group .controls {
margin-left: 125px;
}
.fp-forminset .control-group .controls select {
width: 100%;
}
.fp-forminset .control-group .controls.control-radio input {
margin-top: 3px;
}
.fp-forminset .fp-select-buttons {
float: none;
}
.fp-forminset input[type="text"] {
width: 228px;
}
.fp-fileinfo .fp-value {
display: inline-block;
padding-left: 5px;
}
/** The message area **/
.messaging-area-container {
margin-bottom: 30px;
}
.messaging-area-container .status .online-text {
display: none;
color: #7d7;
}
.messaging-area-container .status .offline-text {
color: #ff6961;
}
.messaging-area-container .status.online .online-text {
display: inherit;
}
.messaging-area-container .status.online .offline-text {
display: none;
}
.messaging-area-container a,
.messaging-area-container .btn.btn-link {
color: #4f94cd;
}
.messaging-area-container .messaging-area {
border: 1px solid #e3e3e3;
clear: both;
border-radius: 4px;
}
.messaging-area-container .messaging-area img {
max-width: 100%;
}
.messaging-area-container .messaging-area .contacts-area {
border-right: 1px solid #e3e3e3;
height: 600px;
width: 280px;
display: inline-block;
box-sizing: border-box;
}
@media (max-height: 670px) {
.messaging-area-container .messaging-area .contacts-area {
height: 500px;
}
}
.messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
height: 80px;
}
.messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
height: 470px;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea {
padding: 5px;
text-align: center;
height: 50px;
box-sizing: border-box;
line-height: 50px;
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea input {
background-color: #f5f5f5;
border: 0;
width: 90%;
box-shadow: none;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
box-shadow: none;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
background-color: #f5f5f5;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
line-height: 20px;
cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
float: left;
}
.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
float: left;
margin-left: 5px;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .heading {
text-align: center;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 14px;
font-weight: bold;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course {
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
background-color: #4f94cd;
color: #fff;
border: none;
cursor: pointer;
}
.messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
padding-top: 20px;
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .contacts {
height: 500px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-height: 670px) {
.messaging-area-container .messaging-area .contacts-area .contacts {
height: 400px;
}
}
.messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
padding-top: 20px;
text-align: center;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact {
height: 66px;
cursor: pointer;
border-bottom: 1px solid #e3e3e3;
box-sizing: border-box;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
background-color: #f1f1f1;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
border-color: #f1f1f1;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
width: 60%;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
display: inline-block;
width: 15%;
float: left;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
background-color: #4f94cd;
color: #fff;
border: none;
background-color: #79b5e6;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
color: #fff;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
border: none;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
background-color: #4f94cd;
color: #fff;
border: none;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
color: #fff;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
border: none;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
line-height: 66px;
text-align: center;
height: 66px;
border-bottom: 1px solid #fff;
width: 25%;
float: left;
display: inline-block;
box-sizing: border-box;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
border-radius: 50%;
height: 54px;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
padding: 6px 0;
height: 66px;
width: 75%;
float: left;
display: inline-block;
box-sizing: border-box;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
font-weight: bold;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
vertical-align: baseline;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
word-wrap: break-word;
margin: 0;
height: 40px;
line-height: 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #a1a1a1;
padding-right: 10px;
}
.messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
display: none;
line-height: 66px;
text-align: center;
box-sizing: border-box;
}
.messaging-area-container .messaging-area .contacts-area .tabs {
border-top: 1px solid #e3e3e3;
height: 50px;
box-sizing: border-box;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab {
cursor: pointer;
height: 100%;
background-color: #f5f5f5;
margin: 0;
width: 50%;
text-align: center;
float: left;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
color: #4f94cd;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
height: 30px;
line-height: 30px;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
height: 20px;
}
.messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
color: #4f94cd;
}
.messaging-area-container .messaging-area .messages-area {
width: calc(100% - 280px);
height: 600px;
box-sizing: border-box;
margin: 0;
position: relative;
float: right;
}
@media (max-height: 670px) {
.messaging-area-container .messaging-area .messages-area {
height: 500px;
}
}
.messaging-area-container .messaging-area .messages-area .btn-container {
position: absolute;
top: 0;
left: 0;
padding-left: 15px;
font-weight: normal;
}
.messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
display: none;
}
.messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
display: none;
}
.messaging-area-container .messaging-area .messages-area .profile-header {
height: 50px;
line-height: 50px;
display: none;
}
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
display: block;
}
.messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link {
padding: 0;
line-height: inherit;
}
.messaging-area-container .messaging-area .messages-area .profile {
padding: 30px;
font-size: 16px;
height: 600px;
box-sizing: border-box;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-height: 670px) {
.messaging-area-container .messaging-area .messages-area .profile {
height: 500px;
}
}
.messaging-area-container .messaging-area .messages-area .profile .user-container {
height: 100px;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
border-radius: 50%;
max-height: 100px;
display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
display: inline-block;
vertical-align: top;
margin-top: 20px;
margin-left: 10px;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
font-weight: bold;
display: block;
}
.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
display: block;
font-size: 14px;
}
.messaging-area-container .messaging-area .messages-area .profile .information {
margin: 0;
display: inline-block;
float: right;
margin-top: 20px;
font-size: 14px;
list-style: none;
}
.messaging-area-container .messaging-area .messages-area .profile .information .name {
display: inline-block;
font-weight: bold;
text-align: right;
margin-right: 10px;
}
.messaging-area-container .messaging-area .messages-area .profile .information .value {
display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .profile .actions {
padding-top: 80px;
}
.messaging-area-container .messaging-area .messages-area .profile .actions .separator {
border-bottom: 1px solid #e3e3e3;
margin-bottom: 20px;
padding-bottom: 5px;
}
.messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
color: #ff6961;
}
.messaging-area-container .messaging-area .messages-area .messages-header {
height: 50px;
font-weight: bold;
line-height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #e3e3e3;
text-align: center;
position: relative;
}
.messaging-area-container .messaging-area .messages-area .messages-header .btn-link {
padding: 0;
line-height: inherit;
}
.messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
display: none;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container {
padding-top: 9px;
display: inline-block;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
line-height: 20px;
}
.messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
line-height: 12px;
font-size: 12px;
font-weight: normal;
}
.messaging-area-container .messaging-area .messages-area .messages-header .actions {
position: absolute;
top: 0;
right: 0;
padding-right: 15px;
font-weight: normal;
}
.messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
display: none;
}
.messaging-area-container .messaging-area .messages-area .messages {
height: 500px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
padding: 20px;
}
@media (max-height: 670px) {
.messaging-area-container .messaging-area .messages-area .messages {
height: 400px;
}
}
.messaging-area-container .messaging-area .messages-area .messages .blocktime {
clear: both;
text-align: center;
color: #a1a1a1;
font-size: 12px;
margin: 5px 0;
}
.messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
display: none;
text-align: center;
padding-top: 5px;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content {
border: 1px solid #e3e3e3;
padding: 10px;
margin-bottom: 5px;
font-size: 12px;
word-wrap: break-word;
max-width: 55%;
border-radius: 4px;
position: relative;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .text {
display: block;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
margin: 0;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
font-size: 10px;
color: #a1a1a1;
float: right;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
float: left;
}
.messaging-area-container .messaging-area .messages-area .messages .message .content.right {
float: right;
}
.messaging-area-container .messaging-area .messages-area .response {
display: table;
border-bottom-right-radius: 4px;
padding: 10px 10px 9px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
line-height: 28px;
text-align: center;
border-top: 1px solid #e3e3e3;
box-sizing: border-box;
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
display: none;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm {
border: 1px solid #4f94cd;
border-radius: 4px;
}
.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover {
background-color: #4f94cd;
color: #fff;
text-shadow: none;
}
.messaging-area-container .messaging-area .messages-area .response .message-box {
display: table-row;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container {
display: table-cell;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
width: 100%;
margin: 0;
resize: none;
border: none;
box-shadow: none;
box-sizing: border-box;
background-color: #f5f5f5;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
box-shadow: none;
}
.messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container {
display: table-cell;
width: 1px;
}
.messaging-area-container .messaging-area .messages-area .response.messaging {
background-color: #f5f5f5;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
background-color: #fff;
transition: background-color linear 0.2s;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message {
cursor: pointer;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
background-color: #4f94cd;
border-color: #4f94cd;
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
background-color: #79b5e6;
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
color: #fff;
}
.messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
display: block;
}
.messaging-area-container .messaging-area .messages-area.editing .response .message-box {
display: none;
}
.preferences-container .container-fluid {
padding: 0;
}
.preferences-container .container-fluid .span6 {
min-height: 20px;
}
.preferences-container .align-bottom {
vertical-align: bottom;
}
.preferences-container .preference-table {
border: 1px solid #ddd;
}
.preferences-container .preference-table thead th {
text-align: center;
}
.preferences-container .preference-table thead th .config-warning {
display: none;
}
.preferences-container .preference-table thead th.unconfigured .config-warning {
display: inline-block;
}
.preferences-container .preference-table tr td:not(:first-child) {
width: 150px;
text-align: center;
}
.preferences-container .preference-table tr td:nth-child(even) {
background-color: #f7f7f7;
}
.preferences-container .preference-table tr th:nth-child(even) {
background-color: #f7f7f7;
}
.preferences-container .preference-table .preference-row .hover-tooltip-container {
display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-name {
vertical-align: middle;
}
.preferences-container .preference-table .preference-row .disabled-message {
text-align: center;
height: 30px;
line-height: 30px;
}
.preferences-container .preference-table .preference-row .preference-state {
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
background-color: #5cb85c;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
background-color: #d9534f;
color: #fff;
cursor: pointer;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
display: inline-block;
}
.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
display: none;
}
.preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
display: block;
}
.preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
display: block;
}
.disabled-message {
display: none;
}
.disabled .disabled-message {
display: block;
}
.disabled .disabled-message + form {
display: none;
}
.general-settings-container .loading-icon {
display: none;
}
.general-settings-container .loading .loading-icon {
display: inline-block;
}
.general-settings-container label {
display: inline-block;
}
.processor-container {
position: relative;
}
.processor-container .loading-container {
display: none;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
}
.processor-container .loading-container .vertical-align {
height: 100%;
width: 0%;
display: inline-block;
vertical-align: middle;
}
.processor-container.loading .loading-container {
display: block;
}
.preferences-page-container .checkbox-container {
margin: 30px 5px;
line-height: 20px;
}
.preferences-page-container .checkbox-container input {
line-height: 20px;
margin: 0;
}
.preferences-page-container .checkbox-container .loading-icon {
display: none;
}
.preferences-page-container .checkbox-container.loading .loading-icon {
display: inline-block;
}
.notification-area {
height: 600px;
box-sizing: border-box;
border-radius: 4px;
margin-bottom: 30px;
border: 1px solid #e3e3e3;
}
@media (max-height: 670px) {
.notification-area {
height: 500px;
}
}
.notification-area .control-area {
box-sizing: border-box;
display: inline-block;
width: 300px;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
border-right: 1px solid #e3e3e3;
}
.notification-area .control-area .content {
position: relative;
}
.notification-area .control-area .content .content-item-container {
cursor: pointer;
}
.notification-area .control-area .content:empty + .empty-text {
display: block;
}
.notification-area .control-area .loading-icon {
display: none;
}
.notification-area .control-area .empty-text {
display: none;
text-align: center;
padding-top: 20px;
}
.notification-area .control-area.loading .loading-icon {
display: block;
text-align: center;
box-sizing: border-box;
padding: 5px;
}
.notification-area .control-area.loading .content:empty + .empty-text {
display: none;
}
.notification-area .content-area {
box-sizing: border-box;
display: inline-block;
width: calc(100% - 300px);
float: right;
}
.notification-area .content-area .toggle-mode {
display: none;
}
.notification-area .content-area .header {
height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #e3e3e3;
padding: 5px;
}
.notification-area .content-area .header .image-container {
display: inline-block;
height: 25px;
width: 24px;
float: left;
}
.notification-area .content-area .header .subject-container {
display: inline-block;
max-width: calc(100% - 24px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 25px;
padding-left: 5px;
box-sizing: border-box;
}
.notification-area .content-area .header .timestamp {
font-size: 10px;
line-height: 10px;
margin: 0;
color: #666;
margin-left: 30px;
}
.notification-area .content-area .header:empty {
display: none;
}
.notification-area .content-area > .content {
height: 500px;
box-sizing: border-box;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 15px;
}
@media (max-height: 670px) {
.notification-area .content-area > .content {
height: 400px;
}
}
.notification-area .content-area > .content:empty {
display: none;
}
.notification-area .content-area > .content:empty + .empty-text {
display: block;
text-align: center;
padding-top: 100px;
}
.notification-area .content-area .empty-text {
display: none;
}
.notification-area .content-area .footer {
height: 50px;
box-sizing: border-box;
text-align: center;
}
.notification-area .content-area .footer a {
line-height: 50px;
}
.notification-area .content-area .footer:empty {
display: none;
}
@media (max-width: 979px) {
.messaging-area-container .messaging-area {
position: relative;
overflow: hidden;
height: 600px;
}
.messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle {
display: block;
}
.messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all {
display: none;
}
.messaging-area-container .messaging-area .messages-area .profile-header {
display: block;
}
.messaging-area-container .messaging-area .messages-area .profile {
height: 550px;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle {
display: none;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
display: block;
}
.messaging-area-container .messaging-area .contacts-area {
width: 100%;
border-right: none;
position: absolute;
top: 0;
left: 0;
right: auto;
bottom: auto;
}
.messaging-area-container .messaging-area .messages-area {
width: 100%;
position: absolute;
top: 0;
left: auto;
right: 0;
bottom: auto;
}
.messaging-area-container .messaging-area.show-messages .contacts-area {
left: -100%;
opacity: 0;
visibility: hidden;
transition: left 0.25s, opacity 0.25s, visibility 0.25s;
}
.messaging-area-container .messaging-area.show-messages .messages-area {
right: 0;
opacity: 1;
visibility: visible;
transition: right 0.25s, opacity 0.25s, visibility 0.25s;
}
.messaging-area-container .messaging-area.hide-messages .contacts-area {
left: 0;
opacity: 1;
visibility: visible;
transition: left 0.25s, opacity 0.25s, visibility 0.25s;
}
.messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected {
background-color: inherit;
color: inherit;
border-bottom: 1px solid #e3e3e3;
}
.messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover {
background-color: #4f94cd;
color: #fff;
border: none;
background-color: #79b5e6;
}
.messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage {
color: #fff;
}
.messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture {
border: none;
}
.messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture {
border-bottom: 1px solid #fff;
}
.messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage {
color: #a1a1a1;
}
.messaging-area-container .messaging-area.hide-messages .messages-area {
right: -100%;
opacity: 0;
visibility: hidden;
transition: right 0.25s, opacity 0.25s, visibility 0.25s;
}
.notification-area {
position: relative;
overflow: hidden;
}
.notification-area .control-area {
border-right: none;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transition: left 0.25s;
}
.notification-area .content-area {
width: 100%;
position: absolute;
top: 0;
right: -100%;
opacity: 0;
visibility: hidden;
transition: right 0.25s, opacity 0.25s, visibility 0.25s;
}
.notification-area .content-area .toggle-mode {
display: inline-block;
float: left;
width: 70px;
height: 50px;
line-height: 50px;
box-sizing: border-box;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
.notification-area .content-area .header {
display: inline-block;
width: calc(100% - 70px);
}
.notification-area.show-content-area .control-area {
left: -100%;
opacity: 0;
visibility: hidden;
transition: left 0.25s, opacity 0.25s, visibility 0.25s;
}
.notification-area.show-content-area .content-area {
right: 0;
opacity: 1;
visibility: visible;
transition: right 0.25s;
}
}
@media (max-width: 979px) and (max-height: 670px) {
.messaging-area-container .messaging-area {
height: 500px;
}
}
.message-drawer {
position: fixed;
top: 0;
height: 100%;
right: 0;
width: 320px;
z-index: 999;
background-color: #fff;
box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media (min-width: 980px) {
.message-drawer {
height: calc(100% - 42px);
top: 42px;
}
.message-drawer .drawer-top {
display: none;
}
}
.message-drawer.hidden {
display: block;
right: -320px;
}
.message-drawer .header-container {
flex-shrink: 0;
}
.message-drawer .searchinput {
box-shadow: none;
width: 100%;
}
.message-drawer [data-region="confirm-dialogue-container"] {
box-sizing: border-box;
}
.message-drawer [data-region="confirm-dialogue-container"] * {
box-sizing: border-box;
}
.message-drawer [data-region="confirm-dialogue-container"] .btn-block {
margin-left: 0;
}
.message-drawer .body-container {
flex: 1;
overflow: hidden;
}
.message-drawer .body-container > * {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
}
.message-drawer .footer-container {
flex-shrink: 0;
overflow-x: hidden;
}
.message-drawer .matchtext {
background-color: #ade6fe;
color: #333;
height: 1.5rem;
}
.message-drawer .contact-status {
position: absolute;
left: 39px;
top: 39px;
width: 10px;
height: 10px;
border-radius: 50%;
}
.message-drawer .contact-status.online {
border: 1px solid #46a546;
background-color: #46a546;
}
.message-drawer a,
.message-drawer .btn-link {
text-decoration: none;
color: inherit;
}
.message-drawer .btn-link:hover,
.message-drawer .btn-link:focus {
background-color: #e8e8e8;
text-decoration: none;
}
.message-drawer .accordion-group .collapse.in {
overflow-y: auto;
}
.message-drawer .message p {
margin: 0;
}
.message-drawer .clickable {
cursor: pointer;
}
.message-drawer .clickable:hover {
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, 0.1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03);
}
.message-drawer h6,
.message-drawer .h6 {
font-size: 14px;
font-weight: normal;
}
.message-drawer .accordion-group .collapsed-icon-container {
display: inline-block;
}
.message-drawer .accordion-group .expanded-icon-container {
display: none;
}
.message-drawer .accordion-group.expanded .collapsed-icon-container {
display: none;
}
.message-drawer .accordion-group.expanded .expanded-icon-container {
display: inline-block;
}
.message-drawer .view-overview-body .section {
display: block;
}
.message-drawer .view-overview-body .section.expanded {
display: flex;
flex-direction: column;
}
.message-drawer .onepix {
height: 1px;
width: 1px;
position: absolute;
}
.message-drawer .view-conversation .content-message-container img {
max-width: 100%;
}
.message-drawer .list-group .list-group-item {
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
margin-bottom: -1px;
}
.message-drawer .list-group .list-group-item:first-child {
border-top: 0;
}
.message-drawer .list-group .list-group-item:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.message-drawer .last-message {
min-height: 20px;
}
.message-drawer .lazy-load-list {
overflow-y: auto;
}
@media (max-width: 480px) {
.messaging-area-container .messaging-area .messages-area.editing .messages-header {
height: 80px;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-all {
top: 30px;
}
.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions {
top: 30px;
}
.messaging-area-container .messaging-area .messages-area.editing .messages {
height: 470px;
}
}
/* Question */
.questionbank h2 {
margin-top: 0;
}
.questioncategories h3 {
margin-top: 0;
}
#chooseqtypebox {
margin-top: 1em;
}
#chooseqtype h3 {
margin: 0 0 0.3em;
}
#chooseqtype .instruction {
display: none;
}
#chooseqtype .fakeqtypes {
border-top: 1px solid silver;
}
#chooseqtype .qtypeoption {
margin-bottom: 0.5em;
}
#chooseqtype label {
display: block;
}
#chooseqtype .qtypename img {
padding: 0 0.3em;
}
#chooseqtype .qtypename {
display: inline-table;
width: 16em;
}
#chooseqtype .qtypesummary {
display: block;
margin: 0 2em;
}
#chooseqtype .submitbuttons {
margin: 0.7em 0;
text-align: center;
}
#qtypechoicecontainer {
display: none;
}
#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
background: none;
}
#qtypechoicecontainer.yui-panel .hd {
color: #333;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #fff;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
background-color: #ebebeb;
background-image: -moz-linear-gradient(top, #fff, #ccc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ccc));
background-image: -webkit-linear-gradient(top, #fff, #ccc);
background-image: -o-linear-gradient(top, #fff, #ccc);
background-image: linear-gradient(to bottom, #fff, #ccc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
}
#qtypechoicecontainer {
font-size: 12px;
color: #333;
background: #f2f2f2;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ccc;
border-top: 0 none;
-webkit-box-shadow: 5px 5px 20px 0 #666;
-moz-box-shadow: 5px 5px 20px 0 #666;
box-shadow: 5px 5px 20px 0 #666;
}
#qtypechoicecontainer #chooseqtype {
width: 40em;
}
#chooseqtypehead h3 {
margin: 0;
font-weight: normal;
}
#chooseqtype .qtypes {
position: relative;
border-bottom: 1px solid #bbb;
padding: 0.24em 0;
}
/* stylelint-disable declaration-block-no-duplicate-properties */
#chooseqtype .alloptions {
overflow-x: hidden;
overflow-y: auto;
max-height: 400px;
max-height: calc(85vh);
/* The next line is a workaround because recess is crap. Delete ththe following line once
* https://github.com/twitter/recess/issues/59 / https://github.com/twitter/recess/issues/75
* is fixed. The previous line is the right one. */
max-height: 60vh;
width: 60%;
}
/* stylelint-enable */
#chooseqtype .qtypeoption {
margin-bottom: 0;
padding: 0.3em 0.3em 0.3em 1.6em;
}
#chooseqtype .qtypeoption img {
vertical-align: text-bottom;
padding-left: 1em;
padding-right: 0.5em;
}
#chooseqtype .selected {
background-color: #fff;
-webkit-box-shadow: 0px 0 10px 0 #ccc;
-moz-box-shadow: 0px 0 10px 0 #ccc;
box-shadow: 0px 0 10px 0 #ccc;
}
#chooseqtype .instruction,
#chooseqtype .qtypesummary {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 60%;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 1.5em 1.6em;
background-color: #fff;
}
#chooseqtype .instruction,
#chooseqtype .selected .qtypesummary {
display: block;
}
#categoryquestions {
margin: 0;
}
#categoryquestions td,
#categoryquestions th {
padding: 0 0.2em;
}
#categoryquestions th {
text-align: left;
font-weight: normal;
}
#categoryquestions .checkbox {
padding-left: 5px;
}
#categoryquestions .checkbox input[type="checkbox"] {
margin-left: 0;
float: none;
}
#categoryquestions img.iconsmall {
padding: 0;
}
#categoryquestions .iconcol {
padding: 3px;
}
#categoryquestions label {
margin: 0;
}
#categoryquestions .header {
text-align: left;
}
#page-mod-quiz-edit div.questionbankwindow div.header {
margin: 0;
}
#page-mod-quiz-edit div.questionbankwindow.block {
padding: 0;
}
.questionbank .singleselect {
margin: 0;
}
/* Question editing form */
#combinedfeedbackhdr div.fhtmleditor {
padding: 0;
}
#combinedfeedbackhdr div.fcheckbox {
margin-bottom: 1em;
}
#multitriesheader div.fitem_feditor {
margin-top: 1em;
}
#multitriesheader div.fitem_fgroup {
margin-bottom: 1em;
}
#multitriesheader div.fitem_fgroup fieldset.felement label {
margin-left: 0.3em;
margin-right: 0.3em;
}
body.path-question-type .fitem_fgroup .accesshide {
/* Hack to display the labels within a form group. */
font: inherit;
position: static;
padding-right: .3em;
}
.que {
clear: left;
text-align: left;
margin: 0 auto 1.8em auto;
}
.que .info {
float: left;
width: 7em;
padding: 0.5em;
margin-bottom: 1.8em;
background-color: #eee;
border: 1px solid #dcdcdc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.que h3.no {
margin: 0;
font-size: 0.8em;
line-height: 1;
}
.que span.qno {
font-size: 1.5em;
font-weight: bold;
}
.que .info > div {
font-size: 0.8em;
margin-top: 0.7em;
}
.que .info .questionflag.editable {
cursor: pointer;
}
.que .info .editquestion img,
.que .info .questionflag img,
.que .info .questionflag input {
vertical-align: bottom;
}
.que .content {
margin: 0 0 0 8.5em;
}
.que .formulation,
.que .outcome,
.que .comment {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #8a6d3b;
}
.que .formulation {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
color: #333;
}
.formulation input[type="text"],
.formulation select {
width: auto;
vertical-align: baseline;
}
.que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
box-sizing: content-box;
padding-bottom: 0;
max-width: inherit;
width: inherit;
}
.path-mod-quiz input[size] {
width: auto;
}
.que .comment {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.que .history {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
}
.que .history blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.que .ablock {
margin: 0.7em 0 0.3em 0;
}
.que .im-controls {
margin-top: 0.5em;
text-align: left;
}
.que .specificfeedback,
.que .generalfeedback,
.que .rightanswer,
.que .im-feedback,
.que .feedback,
.que p {
margin: 0 0 0.5em;
}
.que .qtext {
margin-bottom: 1.5em;
}
.que .correctness {
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.que .correctness:empty {
display: none;
}
.que .correctness-important {
background-color: #b94a48;
}
.que .correctness-important[href] {
background-color: #953b39;
}
.que .correctness-warning {
background-color: #f89406;
}
.que .correctness-warning[href] {
background-color: #c67605;
}
.que .correctness-success {
background-color: #468847;
}
.que .correctness-success[href] {
background-color: #356635;
}
.que .correctness-info {
background-color: #3a87ad;
}
.que .correctness-info[href] {
background-color: #2d6987;
}
.que .correctness-inverse {
background-color: #333;
}
.que .correctness-inverse[href] {
background-color: #1a1a1a;
}
.que .correctness.correct {
background-color: #468847;
}
.que .correctness.partiallycorrect {
background-color: #f89406;
}
.que .correctness.notanswered,
.que .correctness.incorrect {
background-color: #b94a48;
}
.que .validationerror {
color: #b94a48;
}
.formulation .correct {
background-color: #dff0d8;
}
.formulation .partiallycorrect {
background-color: #fcf8e3;
}
.formulation .incorrect {
background-color: #f2dede;
}
.formulation select.correct,
.formulation input.correct {
color: #468847;
background-color: #dff0d8;
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.formulation select.correct:focus,
.formulation input.correct:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.formulation select.partiallycorrect,
.formulation input.partiallycorrect {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.formulation select.partiallycorrect:focus,
.formulation input.partiallycorrect:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.formulation select.incorrect,
.formulation input.incorrect {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.formulation select.incorrect:focus,
.formulation input.incorrect:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.que .grading,
.que .comment,
.que .commentlink,
.que .history {
margin-top: 0.5em;
}
.que .history h3 {
margin: 0 0 0.2em;
font-size: 1em;
}
.que .history table {
width: 100%;
margin: 0;
}
.que .history .current {
font-weight: bold;
}
.que .questioncorrectnessicon {
vertical-align: text-bottom;
}
.que input.questionflagimage {
padding-right: 3px;
height: 16px;
width: 16px;
}
.importerror {
margin-top: 10px;
border-bottom: 1px solid #555;
}
.mform .que.comment .fitemtitle {
width: 20%;
}
#page-question-preview #techinfo {
margin: 1em 0;
}
#page-mod-quiz-edit .box.generalbox.questionbank {
padding: 0.5em;
}
#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
#page-mod-quiz-edit .questionbank .categoryquestionscontainer,
#page-mod-quiz-edit .questionbank .choosecategory {
padding: 0;
}
#page-mod-quiz-edit .questionbank .choosecategory select {
width: 100%;
}
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
background: transparent;
}
#page-mod-quiz-edit #categoryquestions > thead {
background: #fff;
}
#page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
background: #e4e4e4;
}
#page-mod-quiz-edit .questionbankwindow div.header {
color: #444;
text-shadow: none;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
margin: 0 -10px 0 -10px;
padding: 2px 10px 2px 10px;
background: transparent;
/* Old browsers */
}
#page-mod-quiz-edit .questionbankwindow div.header a:link,
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
color: #0070a8;
}
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
color: #003d5c;
}
#page-mod-quiz-edit .createnewquestion {
padding: 0.3em 0;
}
#page-mod-quiz-edit .createnewquestion div,
#page-mod-quiz-edit .createnewquestion input {
margin: 0;
}
#page-mod-quiz-edit .questionbankwindow div.header .title {
color: #333;
}
#page-mod-quiz-edit div.container div.generalbox {
background-color: transparent;
padding: 1.5em;
}
#page-mod-quiz-edit .categoryinfo {
background-color: transparent;
border-bottom: none;
}
#page-mod-quiz-edit .createnewquestion .singlebutton input {
margin-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
padding: 0 0 1.5em 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
background-color: transparent;
margin: 0;
border-top: 0;
border-bottom: 0;
}
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
padding: 0 0.3em;
}
#page-mod-quiz-edit div.question div.content div.questioncontrols {
background-color: #fff;
}
#page-mod-quiz-edit div.question div.content div.points {
margin-top: -0.5em;
padding-bottom: 0;
border: none;
background-color: #fff;
position: static;
width: 12.1em;
float: right;
margin-right: 60px;
}
#page-mod-quiz-edit div.question div.content div.points br {
display: none;
}
#page-mod-quiz-edit div.question div.content div.points label {
display: inline-block;
}
#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
background-color: #fff;
}
#page-mod-quiz-edit .quizpagedelete,
#page-mod-quiz-edit .quizpagedelete img {
background-color: transparent;
}
#page-mod-quiz-edit div.quizpage .pagecontent {
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
}
#page-mod-quiz-edit div.questionbank .categoryinfo {
padding: 0.3em 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
padding: 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
display: block;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
display: none;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
margin-left: -0.3em;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
margin-left: 0.3em;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
margin-left: 0;
}
#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
margin-left: 5px;
}
.questionbankwindow .module {
width: auto;
}
#page-mod-quiz-edit div.editq div.question div.content {
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
}
.path-mod-quiz .statedetails {
display: block;
font-size: 0.9em;
}
a#hidebankcmd {
color: #0070a8;
}
.que.shortanswer .answer {
padding: 0;
}
.que label {
display: inline;
}
body.path-question-type .mform fieldset.hidden {
padding: 0;
margin: 0.7em 0 0;
}
.tag-condition-container {
position: relative;
}
/* user.less */
.userprofile .fullprofilelink {
text-align: center;
margin: 10px;
}
.userprofile .page-context-header {
margin-bottom: 10px;
}
.userprofile .description {
margin-top: 10px;
margin-bottom: 30px;
}
.userprofile .profile_tree {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.userprofile .profile_tree section {
display: inline-block;
width: 100%;
border: 1px solid #ddd;
border-radius: 4px;
padding: 0 15px;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.userprofile .profile_tree section h3 {
font-size: 18px;
line-height: 20px;
}
.userprofile dl.list {
*zoom: 1;
}
.userprofile dl.list:before,
.userprofile dl.list:after {
display: table;
content: "";
line-height: 0;
}
.userprofile dl.list:after {
clear: both;
}
.userprofile dl.list dt {
float: left;
width: 180px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userprofile dl.list dd {
margin-left: 200px;
}
.user-box {
margin: 8px;
width: 115px;
height: 160px;
text-align: center;
float: left;
clear: none;
}
#page-user-profile .node_category ul,
.path-user .node_category ul {
margin-left: 0;
margin-right: 0;
list-style: none;
}
#page-user-profile .node_category li,
.path-user .node_category li {
margin-top: 5px;
}
#page-user-profile .node_category .editprofile,
.path-user .node_category .editprofile,
#page-user-profile .node_category .viewmore,
.path-user .node_category .viewmore {
text-align: right;
}
#participantsform .no-overflow {
overflow: visible;
}
/**
* This rule has been added to duplicate the style of icons with the
* .iconsmall class for consistent rendering.
*
* Loading a pix icon using the template helper returns icons with
* the class 'smallicon' instead of 'iconsmall'.
*/
#page-user-profile .ajax-contact-button img.smallicon {
margin: 0;
padding: 0.3em;
height: 12px;
width: 12px;
vertical-align: middle;
}
.ajax-contact-button {
box-sizing: border-box;
position: relative;
}
.ajax-contact-button.loading .loading-icon {
display: block;
}
.ajax-contact-button .loading-icon {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
}
.ajax-contact-button .loading-icon .smallicon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 480px) {
.userprofile .profile_tree {
/** Display the profile on one column on phones. */
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
.userlist .action-icon img {
vertical-align: middle;
}
.userlist #showall {
margin: 10px 0;
}
.userlist .buttons {
text-align: center;
}
.userlist .buttons label {
padding: 0 3px;
}
.userlist table#participants {
text-align: center;
}
.userlist table#participants td {
text-align: left;
padding: 4px;
vertical-align: middle;
}
.userlist table#participants th {
text-align: left;
padding: 4px;
}
.userlist table.controls {
width: 100%;
}
.userlist table.controls tr {
vertical-align: top;
}
.userlist table.controls .right {
text-align: right;
}
.userlist table.controls .groupselector {
margin-bottom: 0;
margin-top: 0;
}
.userlist table.controls .groupselector label {
display: block;
}
.userinfobox {
width: 100%;
border: 1px solid;
border-collapse: separate;
padding: 10px;
}
.userinfobox .left,
.userinfobox .side {
width: 100px;
vertical-align: top;
}
.userinfobox .userpicture {
width: 100px;
height: 100px;
}
.userinfobox .content {
vertical-align: top;
}
.userinfobox .links {
width: 100px;
padding: 5px;
vertical-align: bottom;
}
.userinfobox .links a {
display: block;
}
.userinfobox .list td {
padding: 3px;
}
.userinfobox .username {
padding-bottom: 20px;
font-weight: bold;
}
.userinfobox td.label {
text-align: right;
white-space: nowrap;
vertical-align: top;
font-weight: bold;
}
.groupinfobox {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
position: relative;
}
.groupinfobox blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.groupinfobox h3 {
margin-top: 0;
}
.groupinfobox .left {
padding: 10px;
width: 100px;
vertical-align: top;
}
.group-image {
display: block;
float: left;
margin-right: 1em;
}
.group-edit {
position: absolute;
right: 0;
margin-right: 0.6em;
}
.course-participation #showall {
text-align: center;
margin: 10px 0;
}
#user-policy .noticebox {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 80%;
height: 250px;
}
#user-policy #policyframe {
width: 100%;
height: 100%;
}
.iplookup #map {
margin: auto;
}
.userselector select {
width: 100%;
}
.userselector div {
margin-top: 0.2em;
}
.userselector div label {
margin-right: 0.3em;
}
/* Next style does not work in all browsers but looks nicer when it does */
.userselector .userselector-infobelow {
font-size: 0.8em;
}
#userselector_options {
padding: 0.3em 0;
}
#userselector_options .collapsibleregioncaption {
font-weight: bold;
}
#userselector_options p {
margin: 0.2em 0;
text-align: left;
}
/** user full profile */
#page-user-profile .messagebox {
text-align: center;
margin-left: auto;
margin-right: auto;
}
/** user course profile */
#page-course-view-weeks .messagebox {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.profileeditor > .singleselect {
margin: 0 0.5em 0 0;
}
.profileeditor > .singlebutton {
display: inline-block;
margin: 0 0 0 0.5em;
}
.profileeditor > .singlebutton div,
.profileeditor > .singlebutton input {
margin: 0;
}
/** Preferences page */
.preferences-group ul {
list-style: none;
margin-left: 0;
margin-right: 0;
}
.search-results .result {
margin-left: 0;
margin-right: 0;
}
.search-results .result .result-content {
margin: 7px 0;
}
.search-results .result .filename {
font-style: italic;
}
.search-input-wrapper {
margin: 0 5px 0 2px;
overflow: hidden;
float: right;
height: 100%;
width: 16px;
transition: width 0.5s ease, left 0.5s ease;
}
.search-input-wrapper > div {
float: left;
margin: 10px 0 9px 0;
}
.search-input-wrapper > form {
opacity: 0;
margin: 5px 0 5px 25px;
transition: opacity 0.5s ease-in-out;
}
.search-input-wrapper > form > input {
margin: 0;
}
.search-input-wrapper form.expanded {
opacity: 1;
}
.search-input-wrapper.expanded {
width: 160px;
}
.navbar .search-input-wrapper > form {
margin: 5px 0 5px 25px;
}
.search-areas-actions > div {
display: inline-block;
}
#core-search-areas .lastcol li {
margin-left: 24px;
text-indent: -24px;
}
#core-search-areas .lastcol li > i {
text-indent: 0;
}
.popover-region {
float: right;
position: relative;
}
.popover-region.collapsed .popover-region-toggle:before,
.popover-region.collapsed .popover-region-toggle:after {
display: none;
}
.popover-region.collapsed .popover-region-container {
height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.popover-region-toggle {
cursor: pointer;
}
.popover-region-toggle::before {
content: '';
display: inline-block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;
position: absolute;
bottom: 0;
right: 7px;
}
.popover-region-toggle::after {
content: '';
display: inline-block;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
position: absolute;
bottom: -1px;
right: 8px;
z-index: 2;
}
.count-container {
padding: 2px;
border-radius: 2px;
background-color: red;
color: white;
font-size: 10px;
line-height: 10px;
position: absolute;
top: 5px;
right: 0;
}
.popover-region-container {
position: absolute;
right: 0;
top: 0;
height: 500px;
width: 380px;
border: 1px solid #ddd;
transition: height 0.25s;
opacity: 1;
visibility: visible;
background-color: #fff;
z-index: 1;
}
.popover-region-header-container {
height: 25px;
line-height: 25px;
padding-left: 5px;
padding-right: 5px;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
}
.popover-region-footer-container {
height: 30px;
text-align: center;
border-top: 1px solid #ddd;
background-color: #fff;
}
.popover-region-footer-container .popover-region-seeall-text {
padding-top: 4px;
}
.popover-region-header-text {
float: left;
margin: 0;
font-size: 14px;
line-height: 25px;
}
.popover-region-header-actions {
float: right;
}
.popover-region-header-actions > * {
margin-left: 10px;
min-width: 20px;
display: inline-block;
}
.popover-region-header-actions .loading-icon {
display: none;
height: 12px;
width: 12px;
}
.popover-region-header-actions .newmessage-link {
margin-right: 10px;
}
.popover-region-header-actions label {
display: inline-block;
text-align: center;
margin-bottom: 0;
}
.popover-region-content-container {
height: calc(100% - 56px);
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.popover-region-content-container > .loading-icon {
display: none;
text-align: center;
padding: 5px;
box-sizing: border-box;
}
.popover-region-content-container .empty-message {
display: none;
text-align: center;
padding: 10px;
}
.popover-region-content-container.loading > .loading-icon {
display: block;
}
.popover-region-content-container.loading .empty-message {
display: none;
}
.navbar .popover-region {
float: right;
}
.navbar .popover-region.collapsed .popover-region-container {
height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s;
}
.navbar .popover-region-toggle {
height: 42px;
line-height: 42px;
padding-left: 10px;
padding-right: 10px;
}
.navbar .popover-region-toggle img {
height: 16px;
width: 16px;
}
.navbar .count-container {
padding: 2px;
border-radius: 2px;
background-color: red;
color: white;
font-size: 10px;
line-height: 10px;
position: absolute;
top: 5px;
right: 0;
}
.navbar .popover-region-container {
top: 42px;
}
.content-item-container {
width: 100%;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
padding: 5px;
position: relative;
margin: 0;
display: block;
color: inherit;
text-decoration: none;
}
.content-item-container:hover {
color: #fff;
background-color: #79b5e6;
}
.content-item-container:hover .content-item-footer .timestamp {
color: #fff;
}
.content-item-container.unread {
margin: 0;
background-color: #f4f4f4;
}
.content-item-container.unread:hover {
color: #fff;
background-color: #79b5e6;
}
.content-item-container.unread .content-item-body .notification-message {
font-weight: 600;
}
.content-item-container .context-link {
color: inherit;
text-decoration: none;
}
.content-item-container .content-item-body {
box-sizing: border-box;
margin-bottom: 5px;
}
.content-item-container .content-item-footer {
text-align: left;
box-sizing: border-box;
}
.content-item-container .content-item-footer .timestamp {
font-size: 10px;
line-height: 10px;
margin: 0;
color: #666;
margin-left: 24px;
}
.content-item-container .view-more {
position: absolute;
bottom: 5px;
right: 5px;
font-size: 12px;
line-height: 12px;
}
.content-item-container.notification .content-item-body .notification-image {
display: inline-block;
width: 24px;
height: 24px;
float: left;
}
.content-item-container.notification .content-item-body .notification-image img {
height: 75%;
}
.content-item-container.notification .content-item-body .notification-message {
display: inline-block;
font-size: 12px;
width: calc(100% - 24px);
}
.content-item-container.selected {
background-color: #4f94cd;
color: #fff;
border-color: #4f94cd;
}
.content-item-container.selected .content-item-footer .timestamp {
color: #fff;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
display: inline-block;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
display: none;
}
.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
display: inline-block;
}
.popover-region-notifications .all-notifications {
opacity: 1;
visibility: visible;
height: auto;
overflow: hidden;
}
.popover-region-notifications .all-notifications:empty + .empty-message {
display: block;
}
.popover-region-notifications .notification-image {
display: inline-block;
width: 8%;
vertical-align: top;
}
.popover-region-notifications .notification-image img {
height: 75%;
}
.popover-region-notifications .notification-message {
display: inline-block;
font-size: 12px;
width: 90%;
}
.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
display: none;
}
.popover-region-messages .mark-all-read-button .normal-icon {
display: inline-block;
}
.popover-region-messages .mark-all-read-button.loading .normal-icon {
display: none;
}
.popover-region-messages .mark-all-read-button.loading .loading-icon {
display: inline-block;
}
.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
display: none;
}
.popover-region-messages .messages:empty + .empty-message {
display: block;
}
.popover-region-messages .content-item-container.unread .content-item-body {
font-weight: 600;
width: calc(90% - 30px);
}
.popover-region-messages .content-item-container.unread .unread-count-container {
display: inline-block;
width: 10%;
text-align: center;
float: right;
}
.popover-region-messages .content-item {
height: 100%;
width: 100%;
box-sizing: border-box;
}
.popover-region-messages .profile-image-container {
width: 30px;
display: inline-block;
text-align: center;
float: left;
}
.popover-region-messages .profile-image-container img {
width: 100%;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
}
.popover-region-messages .content-item-body {
display: inline-block;
box-sizing: border-box;
width: calc(100% - 30px);
font-size: 12px;
padding-left: 10px;
overflow: hidden;
}
.popover-region-messages .content-item-body h3 {
font-size: 12px;
line-height: 12px;
margin: 0;
width: 100%;
}
.popover-region-messages .content-item-body p {
margin: 0;
}
.popover-region-messages .unread-count-container {
display: none;
}
.dir-rtl .popover-region .popover-region-container {
left: 0;
right: auto;
}
.dir-rtl .popover-region .popover-region-header-text {
float: right;
}
.dir-rtl .popover-region .popover-region-header-actions {
float: left;
}
.dir-rtl .popover-region .popover-region-header-actions .newmessage-link {
margin-left: 10px;
}
.dir-rtl .navbar .popover-region {
float: left;
}
.dir-rtl .navbar .popover-region-container::before {
right: auto;
left: 7px;
}
.dir-rtl .navbar .popover-region-container::after {
right: auto;
left: 8px;
}
.dir-rtl .navbar .popover-region-header-text {
float: right;
}
.dir-rtl .navbar .popover-region-header-actions {
float: left;
}
.dir-rtl .popover-region-messages .profile-image-container {
float: right;
}
.dir-rtl .popover-region-messages .content-item-body {
padding-left: 0;
padding-right: 10px;
}
.dir-rtl .popover-region-messages .unread-count-container {
float: left;
}
@media (max-width: 767px) {
.navbar .popover-region .popover-region-container {
right: -70px;
}
}
@media (max-width: 480px) {
.navbar .popover-region .popover-region-container {
position: fixed;
top: 46px;
right: 0;
left: 0;
bottom: 0;
width: auto;
height: auto;
}
}
/*!
* Bootstrap v2.3.2
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
.img-responsive,
.img-fluid {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
-ms-interpolation-mode: bicubic;
}
img {
vertical-align: middle;
border: 0;
}
#map_canvas img,
.google-maps img {
max-width: none;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333;
background-color: #fff;
}
a {
color: #0070a8;
text-decoration: none;
}
a:hover,
a:focus {
color: #003d5c;
text-decoration: underline;
}
.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.span12 {
width: 940px;
}
.span11 {
width: 860px;
}
.span10 {
width: 780px;
}
.span9 {
width: 700px;
}
.span8 {
width: 620px;
}
.span7 {
width: 540px;
}
.span6 {
width: 460px;
}
.span5 {
width: 380px;
}
.span4 {
width: 300px;
}
.span3 {
width: 220px;
}
.span2 {
width: 140px;
}
.span1 {
width: 60px;
}
.offset12 {
margin-left: 980px;
}
.offset11 {
margin-left: 900px;
}
.offset10 {
margin-left: 820px;
}
.offset9 {
margin-left: 740px;
}
.offset8 {
margin-left: 660px;
}
.offset7 {
margin-left: 580px;
}
.offset6 {
margin-left: 500px;
}
.offset5 {
margin-left: 420px;
}
.offset4 {
margin-left: 340px;
}
.offset3 {
margin-left: 260px;
}
.offset2 {
margin-left: 180px;
}
.offset1 {
margin-left: 100px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.12765957%;
*margin-left: 2.07446809%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.12765957%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851%;
}
.row-fluid .span11 {
width: 91.4893617%;
*width: 91.43617021%;
}
.row-fluid .span10 {
width: 82.9787234%;
*width: 82.92553191%;
}
.row-fluid .span9 {
width: 74.46808511%;
*width: 74.41489362%;
}
.row-fluid .span8 {
width: 65.95744681%;
*width: 65.90425532%;
}
.row-fluid .span7 {
width: 57.44680851%;
*width: 57.39361702%;
}
.row-fluid .span6 {
width: 48.93617021%;
*width: 48.88297872%;
}
.row-fluid .span5 {
width: 40.42553191%;
*width: 40.37234043%;
}
.row-fluid .span4 {
width: 31.91489362%;
*width: 31.86170213%;
}
.row-fluid .span3 {
width: 23.40425532%;
*width: 23.35106383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.84042553%;
}
.row-fluid .span1 {
width: 6.38297872%;
*width: 6.32978723%;
}
.row-fluid .offset12 {
margin-left: 104.25531915%;
*margin-left: 104.14893617%;
}
.row-fluid .offset12:first-child {
margin-left: 102.12765957%;
*margin-left: 102.0212766%;
}
.row-fluid .offset11 {
margin-left: 95.74468085%;
*margin-left: 95.63829787%;
}
.row-fluid .offset11:first-child {
margin-left: 93.61702128%;
*margin-left: 93.5106383%;
}
.row-fluid .offset10 {
margin-left: 87.23404255%;
*margin-left: 87.12765957%;
}
.row-fluid .offset10:first-child {
margin-left: 85.10638298%;
*margin-left: 85%;
}
.row-fluid .offset9 {
margin-left: 78.72340426%;
*margin-left: 78.61702128%;
}
.row-fluid .offset9:first-child {
margin-left: 76.59574468%;
*margin-left: 76.4893617%;
}
.row-fluid .offset8 {
margin-left: 70.21276596%;
*margin-left: 70.10638298%;
}
.row-fluid .offset8:first-child {
margin-left: 68.08510638%;
*margin-left: 67.9787234%;
}
.row-fluid .offset7 {
margin-left: 61.70212766%;
*margin-left: 61.59574468%;
}
.row-fluid .offset7:first-child {
margin-left: 59.57446809%;
*margin-left: 59.46808511%;
}
.row-fluid .offset6 {
margin-left: 53.19148936%;
*margin-left: 53.08510638%;
}
.row-fluid .offset6:first-child {
margin-left: 51.06382979%;
*margin-left: 50.95744681%;
}
.row-fluid .offset5 {
margin-left: 44.68085106%;
*margin-left: 44.57446809%;
}
.row-fluid .offset5:first-child {
margin-left: 42.55319149%;
*margin-left: 42.44680851%;
}
.row-fluid .offset4 {
margin-left: 36.17021277%;
*margin-left: 36.06382979%;
}
.row-fluid .offset4:first-child {
margin-left: 34.04255319%;
*margin-left: 33.93617021%;
}
.row-fluid .offset3 {
margin-left: 27.65957447%;
*margin-left: 27.55319149%;
}
.row-fluid .offset3:first-child {
margin-left: 25.53191489%;
*margin-left: 25.42553191%;
}
.row-fluid .offset2 {
margin-left: 19.14893617%;
*margin-left: 19.04255319%;
}
.row-fluid .offset2:first-child {
margin-left: 17.0212766%;
*margin-left: 16.91489362%;
}
.row-fluid .offset1 {
margin-left: 10.63829787%;
*margin-left: 10.53191489%;
}
.row-fluid .offset1:first-child {
margin-left: 8.5106383%;
*margin-left: 8.40425532%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
float: right;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
.container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
line-height: 0;
}
.container-fluid:after {
clear: both;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 21px;
font-weight: 200;
line-height: 30px;
}
small {
font-size: 85%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
.muted {
color: #999;
}
a.muted:hover,
a.muted:focus {
color: #808080;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-error,
.text-danger {
color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
color: #953b39;
}
.text-info {
color: #3a87ad;
}
a.text-info:hover,
a.text-info:focus {
color: #2d6987;
}
.text-success {
color: #468847;
}
a.text-success:hover,
a.text-success:focus {
color: #356635;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: normal;
line-height: 1;
color: #999;
}
h1,
h2,
h3 {
line-height: 40px;
}
h1 {
font-size: 38.5px;
}
h2 {
font-size: 31.5px;
}
h3 {
font-size: 24.5px;
}
h4 {
font-size: 17.5px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 11.9px;
}
h1 small {
font-size: 24.5px;
}
h2 small {
font-size: 17.5px;
}
h3 small {
font-size: 14px;
}
h4 small {
font-size: 14px;
}
.page-header {
padding-bottom: 9px;
margin: 20px 0 30px;
border-bottom: 1px solid #eee;
}
ul,
ol {
padding: 0;
margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
li {
line-height: 20px;
}
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
ul.inline,
ol.inline {
margin-left: 0;
list-style: none;
}
ul.inline > li,
ol.inline > li {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-bottom: 20px;
}
dt,
dd {
line-height: 20px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 10px;
}
.dl-horizontal {
*zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
display: table;
content: "";
line-height: 0;
}
.dl-horizontal:after {
clear: both;
}
.dl-horizontal dt {
float: left;
width: 180px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 200px;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 20px;
border-left: 5px solid #eee;
}
blockquote p {
margin-bottom: 0;
font-size: 17.5px;
font-weight: 300;
line-height: 1.25;
}
blockquote small {
display: block;
line-height: 20px;
color: #999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 20px;
}
code,
pre {
padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px;
color: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
white-space: nowrap;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
pre.prettyprint {
margin-bottom: 20px;
}
pre code {
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
form {
margin: 0 0 20px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
legend small {
font-size: 15px;
color: #999;
}
label,
input,
button,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
display: block;
margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
input,
textarea,
.uneditable-input {
width: 206px;
}
textarea {
height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-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 linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
*margin-top: 0;
/* IE7 */
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
select,
input[type="file"] {
height: 30px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 30px;
}
select {
width: 220px;
border: 1px solid #ccc;
background-color: #fff;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
color: #999;
background-color: #fcfcfc;
border-color: #ccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
cursor: not-allowed;
}
.uneditable-input {
overflow: hidden;
white-space: nowrap;
}
.uneditable-textarea {
width: auto;
height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
}
.radio,
.checkbox {
min-height: 20px;
padding-left: 20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
.input-mini {
width: 60px;
}
.input-small {
width: 90px;
}
.input-medium {
width: 150px;
}
.input-large {
width: 210px;
}
.input-xlarge {
width: 270px;
}
.input-xxlarge {
width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
float: none;
margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
display: inline-block;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 926px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 846px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 766px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 686px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 606px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 526px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 446px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 366px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 286px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 206px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 126px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 46px;
}
.controls-row {
*zoom: 1;
}
.controls-row:before,
.controls-row:after {
display: table;
content: "";
line-height: 0;
}
.controls-row:after {
clear: both;
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
float: left;
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
padding-top: 5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
color: #8a6d3b;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #8a6d3b;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
color: #468847;
background-color: #dff0d8;
border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
color: #3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
border-color: #3a87ad;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
border-color: #2d6987;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
color: #3a87ad;
background-color: #d9edf7;
border-color: #3a87ad;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
padding: 19px 20px 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1;
}
.form-actions:before,
.form-actions:after {
display: table;
content: "";
line-height: 0;
}
.form-actions:after {
clear: both;
}
.help-block,
.help-inline {
color: #595959;
}
.help-block {
display: block;
margin-bottom: 10px;
}
.help-inline {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
vertical-align: middle;
padding-left: 5px;
}
.input-append,
.input-prepend {
display: inline-block;
margin-bottom: 10px;
vertical-align: middle;
font-size: 0;
white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
font-size: 14px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
position: relative;
margin-bottom: 0;
*margin-left: 0;
vertical-align: top;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #fff;
background-color: #eee;
border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-append .active,
.input-prepend .active {
background-color: #a9dba9;
border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .btn-group:first-child {
margin-left: 0;
}
input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.form-search .input-append .search-query {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-left: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: left;
margin-right: 3px;
margin-left: 0;
}
.control-group {
margin-bottom: 10px;
}
legend + .control-group {
margin-top: 20px;
-webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
margin-bottom: 20px;
*zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0;
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-label {
float: left;
width: 180px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 200px;
*margin-left: 0;
}
.form-horizontal .controls:first-child {
*padding-left: 200px;
}
.form-horizontal .help-block {
margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
margin-top: 10px;
}
.form-horizontal .form-actions {
padding-left: 200px;
}
table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 100%;
margin-bottom: 20px;
}
.table th,
.table td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table th {
font-weight: bold;
}
.table thead th {
vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.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 th,
.table-condensed td {
padding: 4px 5px;
}
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
border-left: 1px solid #ddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
background-color: #f5f5f5;
}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
}
.table td.span1,
.table th.span1 {
float: none;
width: 44px;
margin-left: 0;
}
.table td.span2,
.table th.span2 {
float: none;
width: 124px;
margin-left: 0;
}
.table td.span3,
.table th.span3 {
float: none;
width: 204px;
margin-left: 0;
}
.table td.span4,
.table th.span4 {
float: none;
width: 284px;
margin-left: 0;
}
.table td.span5,
.table th.span5 {
float: none;
width: 364px;
margin-left: 0;
}
.table td.span6,
.table th.span6 {
float: none;
width: 444px;
margin-left: 0;
}
.table td.span7,
.table th.span7 {
float: none;
width: 524px;
margin-left: 0;
}
.table td.span8,
.table th.span8 {
float: none;
width: 604px;
margin-left: 0;
}
.table td.span9,
.table th.span9 {
float: none;
width: 684px;
margin-left: 0;
}
.table td.span10,
.table th.span10 {
float: none;
width: 764px;
margin-left: 0;
}
.table td.span11,
.table th.span11 {
float: none;
width: 844px;
margin-left: 0;
}
.table td.span12,
.table th.span12 {
float: none;
width: 924px;
margin-left: 0;
}
.table tbody tr.success > td {
background-color: #dff0d8;
}
.table tbody tr.error > td {
background-color: #f2dede;
}
.table tbody tr.warning > td {
background-color: #fcf8e3;
}
.table tbody tr.info > td {
background-color: #d9edf7;
}
.table-hover tbody tr.success:hover > td {
background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > td {
background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover > td {
background-color: #faf2cc;
}
.table-hover tbody tr.info:hover > td {
background-color: #c4e3f3;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("[[pix:theme|glyphicons-halflings]]");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-top: 1px;
}
/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
background-image: url("[[pix:theme|glyphicons-halflings-white]]");
}
.icon-glass {
background-position: 0 0;
}
.icon-music {
background-position: -24px 0;
}
.icon-search {
background-position: -48px 0;
}
.icon-envelope {
background-position: -72px 0;
}
.icon-heart {
background-position: -96px 0;
}
.icon-star {
background-position: -120px 0;
}
.icon-star-empty {
background-position: -144px 0;
}
.icon-user {
background-position: -168px 0;
}
.icon-film {
background-position: -192px 0;
}
.icon-th-large {
background-position: -216px 0;
}
.icon-th {
background-position: -240px 0;
}
.icon-th-list {
background-position: -264px 0;
}
.icon-ok {
background-position: -288px 0;
}
.icon-remove {
background-position: -312px 0;
}
.icon-zoom-in {
background-position: -336px 0;
}
.icon-zoom-out {
background-position: -360px 0;
}
.icon-off {
background-position: -384px 0;
}
.icon-signal {
background-position: -408px 0;
}
.icon-cog {
background-position: -432px 0;
}
.icon-trash {
background-position: -456px 0;
}
.icon-home {
background-position: 0 -24px;
}
.icon-file {
background-position: -24px -24px;
}
.icon-time {
background-position: -48px -24px;
}
.icon-road {
background-position: -72px -24px;
}
.icon-download-alt {
background-position: -96px -24px;
}
.icon-download {
background-position: -120px -24px;
}
.icon-upload {
background-position: -144px -24px;
}
.icon-inbox {
background-position: -168px -24px;
}
.icon-play-circle {
background-position: -192px -24px;
}
.icon-repeat {
background-position: -216px -24px;
}
.icon-refresh {
background-position: -240px -24px;
}
.icon-list-alt {
background-position: -264px -24px;
}
.icon-lock {
background-position: -287px -24px;
}
.icon-flag {
background-position: -312px -24px;
}
.icon-headphones {
background-position: -336px -24px;
}
.icon-volume-off {
background-position: -360px -24px;
}
.icon-volume-down {
background-position: -384px -24px;
}
.icon-volume-up {
background-position: -408px -24px;
}
.icon-qrcode {
background-position: -432px -24px;
}
.icon-barcode {
background-position: -456px -24px;
}
.icon-tag {
background-position: 0 -48px;
}
.icon-tags {
background-position: -25px -48px;
}
.icon-book {
background-position: -48px -48px;
}
.icon-bookmark {
background-position: -72px -48px;
}
.icon-print {
background-position: -96px -48px;
}
.icon-camera {
background-position: -120px -48px;
}
.icon-font {
background-position: -144px -48px;
}
.icon-bold {
background-position: -167px -48px;
}
.icon-italic {
background-position: -192px -48px;
}
.icon-text-height {
background-position: -216px -48px;
}
.icon-text-width {
background-position: -240px -48px;
}
.icon-align-left {
background-position: -264px -48px;
}
.icon-align-center {
background-position: -288px -48px;
}
.icon-align-right {
background-position: -312px -48px;
}
.icon-align-justify {
background-position: -336px -48px;
}
.icon-list {
background-position: -360px -48px;
}
.icon-indent-left {
background-position: -384px -48px;
}
.icon-indent-right {
background-position: -408px -48px;
}
.icon-facetime-video {
background-position: -432px -48px;
}
.icon-picture {
background-position: -456px -48px;
}
.icon-pencil {
background-position: 0 -72px;
}
.icon-map-marker {
background-position: -24px -72px;
}
.icon-adjust {
background-position: -48px -72px;
}
.icon-tint {
background-position: -72px -72px;
}
.icon-edit {
background-position: -96px -72px;
}
.icon-share {
background-position: -120px -72px;
}
.icon-check {
background-position: -144px -72px;
}
.icon-move {
background-position: -168px -72px;
}
.icon-step-backward {
background-position: -192px -72px;
}
.icon-fast-backward {
background-position: -216px -72px;
}
.icon-backward {
background-position: -240px -72px;
}
.icon-play {
background-position: -264px -72px;
}
.icon-pause {
background-position: -288px -72px;
}
.icon-stop {
background-position: -312px -72px;
}
.icon-forward {
background-position: -336px -72px;
}
.icon-fast-forward {
background-position: -360px -72px;
}
.icon-step-forward {
background-position: -384px -72px;
}
.icon-eject {
background-position: -408px -72px;
}
.icon-chevron-left {
background-position: -432px -72px;
}
.icon-chevron-right {
background-position: -456px -72px;
}
.icon-plus-sign {
background-position: 0 -96px;
}
.icon-minus-sign {
background-position: -24px -96px;
}
.icon-remove-sign {
background-position: -48px -96px;
}
.icon-ok-sign {
background-position: -72px -96px;
}
.icon-question-sign {
background-position: -96px -96px;
}
.icon-info-sign {
background-position: -120px -96px;
}
.icon-screenshot {
background-position: -144px -96px;
}
.icon-remove-circle {
background-position: -168px -96px;
}
.icon-ok-circle {
background-position: -192px -96px;
}
.icon-ban-circle {
background-position: -216px -96px;
}
.icon-arrow-left {
background-position: -240px -96px;
}
.icon-arrow-right {
background-position: -264px -96px;
}
.icon-arrow-up {
background-position: -289px -96px;
}
.icon-arrow-down {
background-position: -312px -96px;
}
.icon-share-alt {
background-position: -336px -96px;
}
.icon-resize-full {
background-position: -360px -96px;
}
.icon-resize-small {
background-position: -384px -96px;
}
.icon-plus {
background-position: -408px -96px;
}
.icon-minus {
background-position: -433px -96px;
}
.icon-asterisk {
background-position: -456px -96px;
}
.icon-exclamation-sign {
background-position: 0 -120px;
}
.icon-gift {
background-position: -24px -120px;
}
.icon-leaf {
background-position: -48px -120px;
}
.icon-fire {
background-position: -72px -120px;
}
.icon-eye-open {
background-position: -96px -120px;
}
.icon-eye-close {
background-position: -120px -120px;
}
.icon-warning-sign {
background-position: -144px -120px;
}
.icon-plane {
background-position: -168px -120px;
}
.icon-calendar {
background-position: -192px -120px;
}
.icon-random {
background-position: -216px -120px;
width: 16px;
}
.icon-comment {
background-position: -240px -120px;
}
.icon-magnet {
background-position: -264px -120px;
}
.icon-chevron-up {
background-position: -288px -120px;
}
.icon-chevron-down {
background-position: -313px -119px;
}
.icon-retweet {
background-position: -336px -120px;
}
.icon-shopping-cart {
background-position: -360px -120px;
}
.icon-folder-close {
background-position: -384px -120px;
width: 16px;
}
.icon-folder-open {
background-position: -408px -120px;
width: 16px;
}
.icon-resize-vertical {
background-position: -432px -119px;
}
.icon-resize-horizontal {
background-position: -456px -118px;
}
.icon-hdd {
background-position: 0 -144px;
}
.icon-bullhorn {
background-position: -24px -144px;
}
.icon-bell {
background-position: -48px -144px;
}
.icon-certificate {
background-position: -72px -144px;
}
.icon-thumbs-up {
background-position: -96px -144px;
}
.icon-thumbs-down {
background-position: -120px -144px;
}
.icon-hand-right {
background-position: -144px -144px;
}
.icon-hand-left {
background-position: -168px -144px;
}
.icon-hand-up {
background-position: -192px -144px;
}
.icon-hand-down {
background-position: -216px -144px;
}
.icon-circle-arrow-right {
background-position: -240px -144px;
}
.icon-circle-arrow-left {
background-position: -264px -144px;
}
.icon-circle-arrow-up {
background-position: -288px -144px;
}
.icon-circle-arrow-down {
background-position: -312px -144px;
}
.icon-globe {
background-position: -336px -144px;
}
.icon-wrench {
background-position: -360px -144px;
}
.icon-tasks {
background-position: -384px -144px;
}
.icon-filter {
background-position: -408px -144px;
}
.icon-briefcase {
background-position: -432px -144px;
}
.icon-fullscreen {
background-position: -456px -144px;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
color: #fff;
background-color: #00699e;
background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
background-image: -o-linear-gradient(top, #0070a8, #005f8f);
background-image: linear-gradient(to bottom, #0070a8, #005f8f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #00699e;
background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
background-image: -o-linear-gradient(top, #0070a8, #005f8f);
background-image: linear-gradient(to bottom, #0070a8, #005f8f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: default;
}
.open {
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
-webkit-border-radius: 5px 5px 5px 0;
-moz-border-radius: 5px 5px 5px 0;
border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px;
}
.typeahead {
z-index: 1051;
margin-top: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-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: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
padding: 24px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.well-small {
padding: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in {
height: auto;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.btn {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px;
}
.btn-mini {
padding: 0 6px;
font-size: 10.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #005aa8;
background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
background-image: -o-linear-gradient(top, #0070a8, #0038a8);
background-image: linear-gradient(to bottom, #0070a8, #0038a8);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
border-color: #0038a8 #0038a8 #001e5c;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0038a8;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #fff;
background-color: #0038a8;
*background-color: #002f8f;
}
.btn-primary:active,
.btn-primary.active {
background-color: #002775 \9;
}
.btn-warning {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #f89406;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
color: #fff;
background-color: #f89406;
*background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
background-color: #c67605 \9;
}
.btn-danger {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
color: #fff;
background-color: #bd362f;
*background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
background-color: #942a25 \9;
}
.btn-success {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #51a351;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
color: #fff;
background-color: #51a351;
*background-color: #499249;
}
.btn-success:active,
.btn-success.active {
background-color: #408140 \9;
}
.btn-info {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #2f96b4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
color: #fff;
background-color: #2f96b4;
*background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
background-color: #24748c \9;
}
.btn-inverse {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: -moz-linear-gradient(top, #444, #222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
background-image: -webkit-linear-gradient(top, #444, #222);
background-image: -o-linear-gradient(top, #444, #222);
background-image: linear-gradient(to bottom, #444, #222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
border-color: #222 #222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #222;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
color: #fff;
background-color: #222;
*background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-link {
border-color: transparent;
cursor: pointer;
color: #0070a8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
color: #003d5c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
color: #333;
text-decoration: none;
}
.btn-group {
position: relative;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
font-size: 0;
vertical-align: middle;
white-space: nowrap;
*margin-left: .3em;
}
.btn-group:first-child {
*margin-left: 0;
}
.btn-group + .btn-group {
margin-left: 5px;
}
.btn-toolbar {
font-size: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
margin-left: 5px;
}
.btn-group > .btn {
position: relative;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group > .btn + .btn {
margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
font-size: 14px;
}
.btn-group > .btn-mini {
font-size: 10.5px;
}
.btn-group > .btn-small {
font-size: 11.9px;
}
.btn-group > .btn-large {
font-size: 17.5px;
}
.btn-group > .btn:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
*padding-top: 5px;
*padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
*padding-top: 2px;
*padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
*padding-top: 5px;
*padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
*padding-top: 7px;
*padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #0038a8;
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #222;
}
.btn .caret {
margin-top: 8px;
margin-left: 0;
}
.btn-large .caret {
margin-top: 6px;
}
.btn-large .caret {
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px;
}
.btn-mini .caret,
.btn-small .caret {
margin-top: 8px;
}
.dropup .btn-large .caret {
border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.btn-group-vertical {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
}
.btn-group-vertical > .btn {
display: block;
float: none;
max-width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
margin-left: 0;
margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child {
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.alert,
.alert h4 {
color: #8a6d3b;
}
.alert h4 {
margin: 0;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-success h4 {
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-info h4 {
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.nav {
margin-left: 0;
margin-bottom: 20px;
list-style: none;
}
.nav > li > a {
display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li > a > img {
max-width: none;
}
.nav > .pull-right {
float: right;
}
.nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.nav li + .nav-header {
margin-top: 9px;
}
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #0070a8;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
margin-right: 2px;
}
.nav-list .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
}
.nav-tabs,
.nav-pills {
*zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs > li,
.nav-pills > li {
float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
margin-bottom: -1px;
}
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 20px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #eee #eee #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #fff;
background-color: #0070a8;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li > a {
margin-right: 0;
}
.nav-tabs.nav-stacked {
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
border-color: #ddd;
z-index: 2;
}
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.nav .dropdown-toggle .caret {
border-top-color: #0070a8;
border-bottom-color: #0070a8;
margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
border-top-color: #003d5c;
border-bottom-color: #003d5c;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
border-top-color: #555;
border-bottom-color: #555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
color: #fff;
background-color: #999;
border-color: #999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
border-color: #999;
}
.tabbable {
*zoom: 1;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
line-height: 0;
}
.tabbable:after {
clear: both;
}
.tab-content {
overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border-bottom-color: transparent;
border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #eee #ddd #eee #eee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #fff;
}
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: #eee #eee #eee #ddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #fff;
}
.nav > .disabled > a {
color: #999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
cursor: default;
}
.navbar {
overflow: visible;
margin-bottom: 20px;
*position: relative;
*z-index: 2;
}
.navbar-inner {
min-height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
*zoom: 1;
}
.navbar-inner:before,
.navbar-inner:after {
display: table;
content: "";
line-height: 0;
}
.navbar-inner:after {
clear: both;
}
.navbar .container {
width: auto;
}
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
.navbar .brand {
float: left;
display: block;
padding: 10px 20px 10px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
color: #777;
text-shadow: 0 1px 0 #ffffff;
}
.navbar .brand:hover,
.navbar .brand:focus {
text-decoration: none;
}
.navbar-text {
margin-bottom: 0;
line-height: 40px;
color: #777;
}
.navbar-link {
color: #777;
}
.navbar-link:hover,
.navbar-link:focus {
color: #333;
}
.navbar .divider-vertical {
height: 40px;
margin: 0 9px;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #ffffff;
}
.navbar .btn,
.navbar .btn-group {
margin-top: 5px;
}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
margin-top: 0;
}
.navbar-form {
margin-bottom: 0;
*zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
display: table;
content: "";
line-height: 0;
}
.navbar-form:after {
clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
margin-top: 5px;
}
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
display: inline-block;
margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
margin-top: 5px;
white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
margin-top: 0;
}
.navbar-search {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 0;
}
.navbar-search .search-query {
margin-bottom: 0;
padding: 4px 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.navbar-static-top {
position: static;
margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
border-width: 0 0 1px;
}
.navbar-fixed-bottom .navbar-inner {
border-width: 1px 0 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding-left: 0;
padding-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.navbar-fixed-top {
top: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.navbar-fixed-bottom {
bottom: 0;
}
.navbar-fixed-bottom .navbar-inner {
-webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
box-shadow: 0 -1px 10px rgba(0,0,0,.1);
}
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
float: right;
margin-right: 0;
}
.navbar .nav > li {
float: left;
}
.navbar .nav > li > a {
float: none;
padding: 10px 15px 10px;
color: #777;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}
.navbar .nav .dropdown-toggle .caret {
margin-top: 8px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
background-color: transparent;
color: #333;
text-decoration: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: #555;
text-decoration: none;
background-color: #e5e5e5;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.navbar .btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ededed;
background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
border-color: #e5e5e5 #e5e5e5 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e5e5e5;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
color: #fff;
background-color: #e5e5e5;
*background-color: #d9d9d9;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
background-color: #cccccc \9;
}
.navbar .btn-navbar .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
margin-top: 3px;
}
.navbar .nav > li > .dropdown-menu:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
left: 10px;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
border-bottom: 0;
bottom: -7px;
top: auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
border-top: 6px solid #fff;
border-bottom: 0;
bottom: -6px;
top: auto;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
border-top-color: #333;
border-bottom-color: #333;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #e5e5e5;
color: #555;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #777;
border-bottom-color: #777;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #555;
border-bottom-color: #555;
}
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
left: auto;
right: 0;
}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
left: auto;
right: 12px;
}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
left: auto;
right: 13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
left: auto;
right: 100%;
margin-left: 0;
margin-right: -1px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.navbar-inverse .navbar-inner {
background-color: #1b1b1b;
background-image: -moz-linear-gradient(top, #222222, #111111);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
background-image: -webkit-linear-gradient(top, #222222, #111111);
background-image: -o-linear-gradient(top, #222222, #111111);
background-image: linear-gradient(to bottom, #222222, #111111);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
color: #999;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
color: #fff;
}
.navbar-inverse .brand {
color: #999;
}
.navbar-inverse .navbar-text {
color: #999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
background-color: transparent;
color: #fff;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
color: #fff;
background-color: #111111;
}
.navbar-inverse .navbar-link {
color: #999;
}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
color: #fff;
}
.navbar-inverse .divider-vertical {
border-left-color: #111111;
border-right-color: #222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #111111;
color: #fff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #999;
border-bottom-color: #999;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-inverse .navbar-search .search-query {
color: #fff;
background-color: #515151;
border-color: #111111;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
color: #ccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
color: #ccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
color: #ccc;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
padding: 5px 15px;
color: #333;
text-shadow: 0 1px 0 #fff;
background-color: #fff;
border: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
outline: 0;
}
.navbar-inverse .btn-navbar {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e0e0e;
background-image: -moz-linear-gradient(top, #151515, #040404);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
background-image: -webkit-linear-gradient(top, #151515, #040404);
background-image: -o-linear-gradient(top, #151515, #040404);
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
border-color: #040404 #040404 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #040404;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
color: #fff;
background-color: #040404;
*background-color: #000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
background-color: #000000 \9;
}
.breadcrumb {
padding: 8px 15px;
margin: 0 0 20px;
list-style: none;
background-color: #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
text-shadow: 0 1px 0 #fff;
}
.breadcrumb > li > .divider {
padding: 0 5px;
color: #ccc;
}
.breadcrumb > .active {
color: #999;
}
.pagination {
margin: 20px 0;
}
.pagination ul {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
color: #999;
cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
color: #999;
background-color: transparent;
cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
padding: 11px 19px;
font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
padding: 2px 10px;
font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
padding: 0 6px;
font-size: 10.5px;
}
.pager {
margin: 20px 0;
list-style: none;
text-align: center;
*zoom: 1;
}
.pager:before,
.pager:after {
display: table;
content: "";
line-height: 0;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #f5f5f5;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #999;
background-color: #fff;
cursor: default;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* IE6-7 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
.modal.fade.in {
top: 10%;
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}
.modal-header .close {
margin-top: 2px;
}
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-body {
position: relative;
overflow-y: auto;
max-height: 400px;
padding: 15px;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #fff;
-moz-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: "";
line-height: 0;
}
.modal-footer:after {
clear: both;
}
.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;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
/*rtl:ignore*/
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.popover-title:empty {
display: none;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.thumbnails {
margin-left: -20px;
list-style: none;
*zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
display: table;
content: "";
line-height: 0;
}
.thumbnails:after {
clear: both;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: left;
margin-bottom: 20px;
margin-left: 20px;
}
.thumbnail {
display: block;
padding: 4px;
line-height: 20px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {
border-color: #0070a8;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.thumbnail .caption {
padding: 9px;
color: #555;
}
.media,
.media-body {
overflow: hidden;
*overflow: visible;
zoom: 1;
}
.media,
.media .media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media-object {
display: block;
}
.media-heading {
margin: 0 0 5px;
}
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
}
.media-list {
margin-left: 0;
list-style: none;
}
.label,
.badge,
.tag {
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #999;
}
.label,
.tag {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.label:empty,
.badge:empty {
display: none;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label-important,
.badge-important {
background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
background-color: #953b39;
}
.label-warning,
.badge-warning {
background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
background-color: #c67605;
}
.label-success,
.badge-success {
background-color: #468847;
}
.label-success[href],
.badge-success[href] {
background-color: #356635;
}
.label-info,
.badge-info {
background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
background-color: #333;
}
.label-inverse[href],
.badge-inverse[href] {
background-color: #1a1a1a;
}
.btn .label,
.btn .badge {
position: relative;
top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
top: 0;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.progress .bar {
width: 0%;
height: 100%;
color: #fff;
float: left;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress .bar + .bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
background-color: #ee5f5b;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar,
.progress .bar-success {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
background-color: #62c462;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
background-color: #5bc0de;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar,
.progress .bar-warning {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
background-color: #fbb450;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.accordion {
margin-bottom: 20px;
}
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accordion-heading {
border-bottom: 0;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5;
}
.carousel {
position: relative;
margin-bottom: 20px;
line-height: 1;
}
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #fff;
text-align: center;
background: #222;
border: 3px solid #fff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.right {
left: auto;
right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
background: #333;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
color: #fff;
line-height: 20px;
}
.carousel-caption h4 {
margin: 0 0 5px;
}
.carousel-caption p {
margin-bottom: 0;
}
.hero-unit {
padding: 60px;
margin-bottom: 30px;
font-size: 18px;
font-weight: 200;
line-height: 30px;
color: inherit;
background-color: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.hero-unit h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1;
color: inherit;
letter-spacing: -1px;
}
.hero-unit li {
line-height: 30px;
}
.pull-right,
.pull-xs-right {
float: right;
}
.pull-left,
.pull-xs-left {
float: left;
}
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.affix {
position: fixed;
}
/**
* bootstrapoverride.less
*
* This file is meant to contain rules which specifically override
* rules defined in Bootstrap.
*/
h1 {
font-size: 32px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
h1 small {
font-size: 24px;
}
h2 small {
font-size: 20px;
}
h3 small {
font-size: 16px;
}
h4 small {
font-size: 12px;
}
@media print {
a[href]:after {
content: "";
}
}
/* stylelint-disable declaration-block-no-duplicate-properties */
/* stylelint-enable */
/**
* Implement missing variables, or faulty ones, in Bootstrap rules.
*
* Those are minimal overrides of Bootstrap rules to introduce the usage
* of a variable, or to fix a variable being used.
*/
legend {
border-bottom-color: #ddd;
color: #333;
}
.breadcrumb {
background-color: #f5f5f5;
}
.well {
border-color: #e3e3e3;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
.dropdown-backdrop {
position: static;
}
/* some very targetted corrections to roll back nameclashes between
* Moodle and Bootstrap like .row, .label, .content, .controls
*
* Mostly relies on these styles being more specific than the Bootstrap
* ones in order to overule them.
*/
li.activity.label,
.file-picker td.label {
background: inherit;
color: inherit;
border: inherit;
text-shadow: none;
padding: 8px;
white-space: normal;
display: block;
font-size: inherit;
line-height: inherit;
}
.file-picker td.label {
display: table-cell;
text-align: right;
}
.choosercontainer #chooseform .option label {
font-size: 12px;
}
.modal:focus {
outline: #5e9ed7 auto 5px;
}
/* block.invisible vs .invisible
* block.hidden vs .invisible
*
* uses .invisible where the rest of Moodle uses .dimmed
* fixible in block renderer?
*
* There's seems to be even more naming confusion here since,
* blocks can be actually 'visible' (or not) to students,
* marked 'visible' but really just dimmed to indicate to editors
* that students can't see them or 'visible' to the user who
* collapses them, 'visible' if you have the right role and in
* different circumstances different sections of a block can
* be 'visible' or not.
*
* currently worked around in renderers.php function block{}
* by rewriting the class name "invisible" to "dimmed",
* though the blocks don't look particularly different apart
* from their contents disappearing. Maybe try .muted? or
* dimming all the edit icons apart from unhide, might be a
* nice effect, though they'd still be active. Maybe reverse
* it to white?
*/
li.section.hidden,
.block.hidden,
.block.invisible {
visibility: visible;
display: block;
}
/* .row vs .row
*
* very tricky to track down this when it goes wrong,
* since the styles are applied to generated content
*
* basically if you see things shifted left or right compared
* with where they should be check for a .row
*/
#turnitintool_style .row,
.forumpost .row {
margin-left: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
#turnitintool_style .row:before,
#turnitintool_style .row:after,
.forumpost .row:before,
.forumpost .row:after {
content: none;
}
/* fieldset.hidden vs .hidden
*
* Moodle uses fieldset.hidden for mforms, to signify a collection of
* form elements that don't have a box drawn round them. Bootstrap
* uses hidden for stuff that is hidden in various responsive modes.
*
* Relatedly, there is also fieldset.invisiblefieldset which hides the
* border and sets the display to inline.
*
* Originally this just set block and visible, but it is used
* in random question dialogue in Quiz,
* that dialogue is hidden and shown, so when hidden the
* above workaround leaves you with a button floating around
*/
fieldset.hidden {
display: inherit;
visibility: inherit;
}
/* .container vs .container
*
* bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
* in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
* it becomes near unuseable.
*/
#questionbank + .container {
width: auto;
}
img.hide {
display: inherit;
}
.icon-bar,
.icon-no-margin,
img.icon-post,
img.icon-info,
img.icon-warn,
img.icon-pre,
[class^="icon-size-"],
[class*=" icon-size-"] {
background-image: none;
}
.loginbox.twocolumns .signuppanel,
.loginbox.twocolumns .signuppanel,
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .loginpanel {
padding: 0;
margin: 0;
}
.tooltip {
opacity: 1;
filter: alpha(opacity=100);
display: inline;
}
body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
display: block;
margin-top: -6px;
}
body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
.langmenu.open > .dropdown-menu {
display: block;
max-height: 150px;
overflow-y: auto;
}
ol {
margin: 0 0 10px 2.5em;
}
body {
padding-top: 60px;
}
.block {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
padding: 8px 0;
}
.block blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.block .header h2 {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
font-size: 1.1em;
word-wrap: break-word;
margin: 0;
}
.block .header .block_action {
padding: 3px 15px;
float: right;
}
.block .header .block_action > * {
margin-left: 3px;
}
.block .header .block_action .block-hider-show,
.block .header .block_action .block-hider-hide {
cursor: pointer;
}
.block .header .block_action .block-hider-show {
display: none;
}
.block .content {
padding: 4px 14px;
word-wrap: break-word;
}
.block .content h3 {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
font-size: 1.1em;
}
.block .content hr {
margin: 5px 0;
}
.block .content .userpicture {
width: 16px;
height: 16px;
margin-right: 6px;
}
.block .content .list li.listentry {
clear: both;
}
.block .content .list .c0 {
display: inline;
}
.block .content .list .c1 {
margin-left: 5px;
display: inline;
}
.block .content p.hasicon img.icon {
padding-right: 0;
}
.block .footer {
margin-bottom: 4px;
display: block;
padding: 3px 5px;
}
.block.beingmoved {
border-width: 2px;
border-style: dashed;
}
.block.invisible .header h2 {
opacity: 0.5;
filter: alpha(opacity=50);
}
.block.hidden .header .block_action .block-hider-hide {
display: none;
}
.block.hidden .header .block_action .block-hider-show {
display: inline;
}
.block.list_block .unlist > li > .column {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
}
.editing .block .header .commands {
clear: both;
text-align: right;
display: block;
padding: 3px 15px;
}
.editing .block .header .commands > a {
margin: 0 3px;
}
.editing .block .header .commands .icon img {
width: 12px;
height: 12px;
}
.editing .block .header .commands img.actionmenu {
width: auto;
}
.editing .block .header .commands .toggle-display[role="menuitem"] img.icon {
width: 22px;
vertical-align: middle;
}
.jsenabled .block.hidden .content {
display: none;
}
.blockmovetarget {
border-width: 2px;
border-style: dashed;
display: block;
height: 1em;
margin-bottom: 20px;
}
.blockannotation {
position: relative;
top: -10px;
margin-bottom: 10px;
}
.block_blog_menu #blogsearchquery {
max-width: 92%;
}
.block_settings #adminsearchquery {
max-width: 92%;
}
.block_search_forums #searchform_search {
width: auto;
max-width: 92%;
}
.block_calendar_upcoming .content .date {
padding-left: 22px;
}
.block_calendar_upcoming .content .footer {
margin-top: .5em;
padding-top: 10px;
padding-left: 0;
}
.block_rss_client .content li {
margin-bottom: 10px;
padding: 5px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.block_rss_client .content li .link {
font-weight: inherit;
}
.block_rss_client .list li:first-child {
border-top-width: 1px;
}
.block_news_items .content .newlink {
padding-bottom: 10px;
}
.block_news_items .content ul li {
border-top: 1px rgba(0, 0, 0, 0.05) solid;
padding: 2px;
display: table;
width: 100%;
}
.block_news_items .content ul li .info {
display: table-header-group;
}
.block_news_items .content ul li .date {
font-size: 11.9px;
display: inline;
}
.block_news_items .content ul li .name {
font-size: 11.9px;
padding-left: 1ex;
display: inline;
}
.block_news_items .content .footer {
padding-top: 10px;
padding-left: 0;
}
.block_login input#login_username,
.block_login input#login_password {
width: 95%;
}
.block_login .content {
margin-left: auto;
margin-right: auto;
max-width: 280px;
}
.block_login input[type="submit"] {
margin: 10px 0;
}
.block_adminblock .content {
display: block;
margin: 0 10px;
padding: 3px 5px;
width: auto;
}
.block_adminblock .singleselect {
display: block;
}
.block_adminblock .singleselect select.singleselect {
display: block;
width: 100%;
}
.block .block-cards .empty-placeholder-image-lg {
height: 125px;
}
.block .block-cards .course-info-container {
flex: 1 1 auto;
padding: 0.8rem;
}
.block .block-cards .dashboard-card-footer {
padding: 0.8rem;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.block .block-cards .progress {
height: 0.5rem;
margin-bottom: 0;
}
.block .block-cards .list-group {
margin: 0;
}
.block .block-cards .course-listitem {
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: 0.5rem;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.block .block-cards .course-summaryitem {
padding: 0.5rem;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.block .block-cards .multiline {
white-space: normal;
}
.block .block-cards .summary img {
max-width: 100%;
}
.block .block-cards img.icon {
padding: 0;
}
.block .block-cards .card .coursemenubtn {
margin-top: -0.5rem;
}
.block .block-cards a.coursename {
color: #333;
}
.block .block-cards .h5 {
font-size: 16px;
}
.dashboard-card-deck.one-row {
flex-flow: nowrap;
overflow-x: scroll;
}
.block_recentlyaccesseditems img.icon {
height: auto;
width: auto;
margin-right: 6px;
}
.block_recentlyaccesseditems .ml-1 {
margin-left: 10px;
}
.block_recentlyaccesseditems h6 {
font-size: .9375rem;
margin-bottom: 0;
}
.block_recentlyaccesseditems a,
.block_recentlyaccesseditems a:hover {
text-decoration: none;
color: unset;
}
.block_myoverview .content {
min-height: 19.35rem;
}
.block_myoverview .paged-content-page-container {
min-height: 13rem;
}
.dashboard-card-deck {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.dashboard-card-deck *,
.dashboard-card-deck *::before,
.dashboard-card-deck *::after {
box-sizing: border-box;
}
.dashboard-card-deck .dashboard-card {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 0.5rem;
margin-right: 0.25rem;
margin-left: 0.25rem;
flex-grow: 0;
flex-shrink: 0;
min-width: 0;
width: calc(100% - 0.5rem);
flex-basis: auto;
}
@media (min-width: 647px) {
.dashboard-card-deck .dashboard-card {
display: flex;
flex-direction: column;
width: calc(50% - 0.5rem);
}
}
@media (min-width: 888px) {
.dashboard-card-deck .dashboard-card {
width: calc(33.333% - 0.5rem);
}
}
@media (min-width: 1147px) {
.dashboard-card-deck .dashboard-card {
width: calc(25% - 0.5rem);
}
}
@media (min-width: 1407px) {
.dashboard-card-deck .dashboard-card {
width: calc(20% - 0.5rem);
}
}
@media (min-width: 768px) {
body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
width: calc(100% - 0.5rem);
}
}
@media (min-width: 815px) {
body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
width: calc(50% - 0.5rem);
}
}
@media (min-width: 1163px) {
body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
width: calc(33.333% - 0.5rem);
}
}
@media (min-width: 1514px) {
body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
width: calc(25% - 0.5rem);
}
}
@media (min-width: 768px) {
body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
width: calc(100% - 0.5rem);
}
}
@media (min-width: 1144px) {
body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
width: calc(50% - 0.5rem);
}
}
@media (min-width: 1680px) {
body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
width: calc(33.333% - 0.5rem);
}
}
/* stylelint-disable declaration-no-important */
@media (min-width: 768px) {
#block-region-side-post .dashboard-card-deck .dashboard-card,
#block-region-side-pre .dashboard-card-deck .dashboard-card {
width: calc(100% - 0.5rem) !important;
}
}
.block_docked .dashboard-card {
width: calc(100% - 0.5rem) !important;
}
/* stylelint-enable */
.dashboard-card-img {
height: 7rem;
background-position: center;
background-size: cover;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.summaryimage {
height: 5rem;
width: 5rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center;
background-size: cover;
}
.position-absolute {
position: absolute;
}
/**
* Moodle forms HTML isn't changeable via renderers (yet?) so this
* .less file imports styles from the bootstrap @variables file and
* adds them to the existing Moodle form CSS ids and classes.
*
*/
form {
margin: 0;
}
.mform fieldset .advancedbutton {
text-align: right;
}
.jsenabled .mform .containsadvancedelements .advanced {
display: none;
}
.mform .containsadvancedelements .advanced.show {
display: block;
}
.mform fieldset.group {
margin-bottom: 0;
}
.mform fieldset.error {
border: 1px solid #b94a48;
}
.mform span.error,
#adminsettings span.error {
display: inline-block;
border: 1px solid #eed3d7;
border-radius: 4px;
background-color: #f2dede;
padding: 4px;
margin-bottom: 4px;
}
.mform fieldset.collapsible legend a.fheader {
padding: 0 5px 0 20px;
margin-left: -20px;
background: url([[pix:t/expanded]]) left center no-repeat;
}
.mform fieldset.collapsed legend a.fheader {
/*rtl:raw:
background-image: url([[pix:t/collapsed_rtl]]);
*/
/*rtl:remove*/
background-image: url([[pix:t/collapsed]]);
}
.jsenabled .mform .collapsed .fcontainer {
display: none;
}
.mform .fitem .fitemtitle div {
display: inline;
}
.mform .fitem .fitemtitle .mediaplugin,
.mform .fitem .fitemtitle .mediaplugin div {
display: block;
}
#adminsettings .error,
.loginpanel .error,
.mform .error {
color: #b94a48;
}
.mform .fdescription.required {
margin-left: 200px;
}
.mform .fdescription.required > .icon {
width: 8px;
height: 12px;
}
.mform .fpassword .unmask {
display: inline-block;
margin-left: 0.5em;
}
.mform .fpassword .unmask > input {
margin: 0;
}
.mform .fpassword .unmask > label {
display: inline-block;
}
.mform label {
display: inline-block;
}
.mform .iconhelp {
margin-left: 4px;
}
.mform .ftextarea #id_alltext {
width: 100%;
}
.mform ul.file-list {
padding: 0;
margin: 0;
list-style: none;
}
.mform label .req,
.mform label .adv {
cursor: help;
}
.mform label .req > .icon,
.mform label .adv > .icon {
width: 8px;
height: 12px;
margin-left: 3px;
}
.mform .fcheckbox input {
margin-left: 0;
}
.mform .fcheckbox > span,
.mform .fradio > span,
.mform .fgroup > span,
.mform .fadvcheckbox > span {
display: inline-block;
margin-top: 5px;
}
.mform .fitem fieldset.fgroup label,
.mform fieldset.fdate_selector label {
display: inline;
float: none;
}
.mform .helplink img {
margin: 0 .45em;
padding: 0;
}
.mform legend .helplink img {
margin: 0 .2em;
}
.singleselect label {
margin-right: .3em;
}
.custom-select {
max-width: 100%;
}
.custom-select + input[type="submit"] {
margin: 0 0 0 5px;
}
#portfolio-add-button {
display: inline;
}
.form-item,
.mform .fitem {
margin-bottom: 20px;
*zoom: 1;
margin-bottom: 10px;
}
.form-item:before,
.mform .fitem:before,
.form-item:after,
.mform .fitem:after {
display: table;
content: "";
line-height: 0;
}
.form-item:after,
.mform .fitem:after {
clear: both;
}
.form-item .form-label,
.mform .fitem div.fitemtitle {
float: left;
width: 180px;
padding-top: 5px;
text-align: right;
}
.form-defaultinfo,
.form-label .form-shortname {
color: #999;
}
.form-label .form-shortname {
font-size: 10.5px;
display: block;
}
.form-item .form-setting,
.form-item .form-description,
.mform .fitem .felement,
#page-mod-forum-search .c1 {
*display: inline-block;
*padding-left: 20px;
margin-left: 200px;
*margin-left: 0;
}
.form-item .form-setting:first-child,
.form-item .form-description:first-child,
.mform .fitem .felement:first-child,
#page-mod-forum-search .c1:first-child {
*padding-left: 200px;
}
.form-inline label:not(.sr-only):not(.accesshide) + select {
margin-left: 0.5rem;
}
.formsettingheading {
margin-bottom: 0;
}
.form-item .form-description,
.felement.fstatic {
color: #595959;
display: block;
margin-bottom: 10px;
padding-top: 5px;
}
.form-item .form-description {
padding-top: 0;
}
.fitem .fstaticlabel {
font-weight: bold;
}
table#form td.submit,
.form-buttons,
.path-admin .buttons,
#fitem_id_submitbutton,
.fp-content-center form + div,
div.backup-section + form,
#fgroup_id_buttonar {
padding: 19px 20px 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1;
padding-left: 0;
}
table#form td.submit:before,
.form-buttons:before,
.path-admin .buttons:before,
#fitem_id_submitbutton:before,
.fp-content-center form + div:before,
div.backup-section + form:before,
#fgroup_id_buttonar:before,
table#form td.submit:after,
.form-buttons:after,
.path-admin .buttons:after,
#fitem_id_submitbutton:after,
.fp-content-center form + div:after,
div.backup-section + form:after,
#fgroup_id_buttonar:after {
display: table;
content: "";
line-height: 0;
}
table#form td.submit:after,
.form-buttons:after,
.path-admin .buttons:after,
#fitem_id_submitbutton:after,
.fp-content-center form + div:after,
div.backup-section + form:after,
#fgroup_id_buttonar:after {
clear: both;
}
.path-admin .buttons,
.form-buttons {
padding-left: 200px;
}
.form-item .form-setting .form-checkbox.defaultsnext {
margin-top: 5px;
display: inline-block;
}
#adminsettings h3 {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.mform legend a,
.mform legend a:hover {
color: #333;
text-decoration: none;
}
#page-grade-edit-outcome-course .courseoutcomes {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#page-grade-edit-outcome-course .courseoutcomes td {
text-align: center;
}
.mdl-right > label {
display: inline-block;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
display: inline;
padding-left: 0.2em;
}
input[type="radio"],
input[type="checkbox"] {
margin-top: -4px;
margin-right: 7px;
}
.singleselect {
display: inline-block;
}
.singleselect form,
.singleselect select {
margin: 0;
}
.form-item .form-label label {
margin-bottom: 0;
}
.felement.ffilepicker {
margin-top: 5px;
}
div#dateselector-calendar-panel {
z-index: 3100;
/* Set higher than the z-index of the filemanager - see MDL-39047. */
}
fieldset.coursesearchbox label {
display: inline;
}
/**
* Show the labels above text editors and file managers except on wide screens.
*/
#region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
font-weight: bold;
}
/**
* Forms marked as vertical always display this way;
*/
.mform.full-width-labels:not(.unresponsive) .fitem .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
.mform.full-width-labels:not(.unresponsive) .fitem .felement {
margin-left: 0;
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;
}
.mform.full-width-labels:not(.unresponsive) .fitem .fstatic:empty {
display: none;
}
.mform.full-width-labels:not(.unresponsive) .fitem .fcheckbox > span,
.mform.full-width-labels:not(.unresponsive) .fitem .fradio > span,
.mform.full-width-labels:not(.unresponsive) .fitem .fgroup > span {
margin-top: 4px;
}
.mform.full-width-labels:not(.unresponsive) .femptylabel .fitemtitle {
display: inline-block;
width: auto;
margin-right: 8px;
}
.mform.full-width-labels:not(.unresponsive) .femptylabel .felement {
display: inline-block;
margin-top: 4px;
padding-top: 5px;
}
.mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
.mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
display: inline-block;
width: auto;
}
.mform.full-width-labels:not(.unresponsive) .fitem_fcheckbox .felement {
padding: 6px;
}
/**
* Make forms vertical when the screen is less than 1200px;
*/
@media (max-width: 1199px) {
body #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
body #region-main .mform:not(.unresponsive) .fitem .felement {
margin-left: 0;
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;
}
body #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
display: none;
}
body #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
body #region-main .mform:not(.unresponsive) .fitem .fradio > span,
body #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
margin-top: 4px;
}
body #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
display: inline-block;
width: auto;
margin-right: 8px;
}
body #region-main .mform:not(.unresponsive) .femptylabel .felement {
display: inline-block;
margin-top: 4px;
padding-top: 5px;
}
body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
display: inline-block;
width: auto;
}
body #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
padding: 6px;
}
}
/**
* Make forms vertical when the screen is less than 1474px AND both side-pre and side-post contain blocks.
* This is an extra special media rule.
* It causes forms to show vertically when the screen size is calculated as:
* 1199px + (1199px * 23%)
* Where 23% is the width of span3
* Full calculation is:
* @maxWidthForVerticalForms: 1199px * (unit(((@fluidGridColumnWidth1200 * 3) +
* (@fluidGridGutterWidth * (3 - 1)))) / 100) + 1199px;
*/
@media (max-width: 1474px) {
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
display: block;
margin-top: 4px;
margin-bottom: 4px;
text-align: left;
width: 100%;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .felement {
margin-left: 0;
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
display: none;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fcheckbox > span,
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fradio > span,
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem .fgroup > span {
margin-top: 4px;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
display: inline-block;
width: auto;
margin-right: 8px;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .femptylabel .felement {
display: inline-block;
margin-top: 4px;
padding-top: 5px;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
display: inline-block;
width: auto;
}
.used-region-side-pre.used-region-side-post #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
padding: 6px;
}
}
/* Section and module editing forms contain special JS components for the
availability system (if enabled). */
#id_availabilityconditionsjson[aria-hidden=true],
.availability-field [aria-hidden=true] {
display: none;
}
.availability-eye,
.availability-delete {
margin-right: 8px;
}
/* Eye icons in front of child lists are aligned specially. */
.availability-list > .availability-eye img {
vertical-align: top;
margin-top: 12px;
}
.availability-plugincontrols {
min-height: 40px;
padding: 2px 0 0 4px;
background: none repeat scroll 0% 0% #f5f5f5;
border: 1px solid #eee;
border-radius: 4px;
display: inline-block;
margin-right: 8px;
}
.availability-plugincontrols select {
width: auto;
max-width: 200px;
}
.availability-field .availability-plugincontrols .availability-group select {
max-width: 12rem;
}
/* Nested section is grey. */
.availability-childlist > .availability-inner {
display: inline-block;
background: #f5f5f5;
border: 1px solid #eee;
border-radius: 4px;
padding: 6px;
margin-bottom: 6px;
}
/* Second (and more) levels of nested sections are white. */
.availability-childlist .availability-childlist > .availability-inner {
background: white;
}
/* Default form styling colours all text red. With availability conditions
this looks excessive as we show 'Invalid' markers in specific places. */
.mform .error .availability-field {
color: #333;
}
/* This dialogue is used to add an availability condition. */
.availability-dialogue .moodle-dialogue .moodle-dialogue-bd {
padding-left: 0;
padding-right: 0;
padding-bottom: 2px;
}
.availability-dialogue ul {
display: block;
margin: 0;
}
.availability-dialogue li {
display: block;
list-style-type: none;
padding: 0 0 4px;
clear: both;
border-bottom: 1px solid #eee;
margin-bottom: 4px;
}
.availability-dialogue ul button {
float: left;
margin-left: 1em;
min-width: 140px;
margin-top: 4px;
}
.availability-dialogue label {
margin-left: 170px;
margin-right: 1em;
margin-bottom: 0;
}
.availability-dialogue .availability-buttons button {
margin-left: 1em;
margin-right: 1em;
margin-top: 4px;
}
/* Revert to the non-fixed width where a textarea has the number of columns
specified, or an input has it's size specified. */
textarea[cols],
input[size] {
width: auto;
}
/* Custom styles for autocomplete form element */
[data-fieldtype=autocomplete] select,
[data-fieldtype=tags] select,
select.form-autocomplete-original-select {
visibility: hidden;
overflow: hidden;
width: 15rem;
height: 67px;
margin: 0;
margin-bottom: 0.2em;
padding: 0;
border: 0;
vertical-align: top;
}
.form-autocomplete-container {
display: inline-block;
min-height: 4.2rem;
}
.form-autocomplete-selection {
margin: 0.2em;
min-height: 27px;
}
.form-autocomplete-multiple [role=listitem] {
cursor: pointer;
}
.form-autocomplete-suggestions {
position: absolute;
background-color: white;
border: 2px solid #eee;
border-radius: 3px;
min-width: 206px;
max-height: 20em;
overflow: auto;
margin: 0;
padding: 0;
margin-top: -0.2em;
z-index: 1;
}
.form-autocomplete-suggestions li {
list-style-type: none;
padding: 0.2em;
margin: 0;
cursor: pointer;
color: #333;
}
.form-autocomplete-suggestions li:hover {
background-color: #00a3f4;
color: #fff;
}
.form-autocomplete-suggestions li[aria-selected=true] {
background-color: #e5e5e5;
color: #555;
}
.form-autocomplete-downarrow {
color: #333;
position: relative;
top: -0.3em;
left: -1.5em;
cursor: pointer;
}
.form-autocomplete-selection:focus {
outline: none;
}
.form-autocomplete-selection [data-active-selection=true] {
padding: 0.5em;
font-size: large;
}
textarea[data-auto-rows] {
overflow-x: hidden;
}
div[data-passwordunmask="wrapper"] {
height: 30px;
line-height: 30px;
margin-bottom: 10px;
}
[data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"],
[data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],
[data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
display: none;
}
body.modal-open {
overflow: hidden;
}
.modal-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4050;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
}
.modal-container .modal {
position: relative;
margin: 50px auto 30px;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: auto;
max-width: 560px;
box-shadow: 5px 5px 20px 0 #666;
border-radius: 10px;
border: none;
}
.modal-container .modal.modal-lg {
max-width: 900px;
}
.modal-container .modal .modal-header {
min-height: 13px;
padding: 5px;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
color: #333;
text-align: center;
text-shadow: 1px 1px 1px #fff;
border-bottom: 1px solid #bbb;
background: #ccc;
background-color: #ebebeb;
background-image: linear-gradient(to bottom, #fff, #ccc);
background-repeat: repeat-x;
border-radius: 10px 10px 0 0;
position: relative;
}
.modal-container .modal .modal-header h3 {
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
line-height: 20px;
}
.modal-container .modal .modal-header .close {
position: absolute;
top: 5px;
right: 5px;
width: 25px;
height: 15px;
line-height: 15px;
font-size: 15px;
margin: 0;
opacity: 1;
background-image: url([[pix:theme|sprite]]);
background-repeat: no-repeat;
border-style: none;
border-radius: 4px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
}
.modal-container .modal .modal-header .close:hover {
background-position: 0 0;
}
.modal-container .modal .modal-header .close:active {
background-position: 0 0;
}
.modal-container .modal .modal-header .close:focus {
background-position: 0 0;
}
.modal-container .modal .modal-body {
max-height: none;
}
.modal-container .modal .modal-body > .loading-icon {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.modal-container .modal .modal-body > .loading-icon .icon {
position: absolute;
top: 50%;
/*rtl:ignore*/
left: 50%;
transform: translate(-50%, -50%);
}
.modal-container .modal .modal-footer {
border-top: 1px solid #bbb;
text-align: center;
padding: .7em 0;
background-color: #f2f2f2;
box-shadow: none;
border-radius: 0 0 10px 10px;
}
.modal-backdrop {
background-color: #aaa;
opacity: 0.4;
}
/* modules.less */
select {
width: auto;
}
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .fitemtitle,
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) #id_attemptsettings .fitem .felement {
display: table-cell;
float: none;
border-top: 1px solid #ddd;
padding: 8px 0;
}
body.path-mod-feedback #region-main .mform.feedback_form .feedback-item-pagebreak .felement {
width: 100%;
}
.path-mod-feedback .mform.feedback_form#feedback_viewresponse_form .fitem.feedback_hasvalue:not(.feedback-item-captcha) .felement {
background: #fbfbf1;
min-height: 1em;
box-sizing: border-box;
padding: 3px;
border: 1px solid #ddd;
}
.path-mod-feedback .mform.feedback_form .fitem.feedback_hasvalue .fstatic:empty {
display: inherit;
}
.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem:hover {
background: #f5f5f5;
}
.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle label {
width: 100%;
}
.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle {
position: relative;
width: 100%;
}
.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemdd,
.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemname {
float: left;
}
.path-mod-feedback .mform.feedback_form#feedback_edit_form .fitem .fitemtitle .itemtitle .itemactions {
float: right;
}
.path-mod-forum .forumsearch input,
.path-mod-forum .forumsearch .helptooltip {
margin: 0 3px;
}
.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
border: none;
}
.path-mod-forum .forumheaderlist thead .header,
.path-mod-forum .forumheaderlist tbody .discussion td {
white-space: normal;
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist thead .header {
white-space: normal;
vertical-align: top;
}
.path-mod-forum .forumheaderlist thead .header.replies {
text-align: center;
}
.path-mod-forum .forumheaderlist thead .header.lastpost {
text-align: right;
}
.path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
.path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
width: 16px;
padding-left: 0.5em;
padding-right: 0.5em;
}
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
white-space: normal;
}
.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
.path-mod-forum .forumheaderlist .discussion .replies {
text-align: center;
}
.path-mod-forum .forumheaderlist .discussion .topic,
.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
.path-mod-forum .forumheaderlist .discussion .topic.starter,
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
vertical-align: top;
}
.path-mod-forum .forumheaderlist .discussion .unread img {
margin: 0;
}
.forumpost {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
padding: 6px;
}
.forumpost blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.forumpost .header {
margin-bottom: 3px;
}
.forumpost .picture img {
margin: 3px;
}
.forumpost .picture img.userpicture {
margin-left: 3px;
margin-right: 10px;
}
.forumpost .content .posting.fullpost {
margin-top: 8px;
}
.forumpost .row .topic,
.forumpost .row .content-mask,
.forumpost .row .options {
margin-left: 48px;
}
.forumpost .row.side {
clear: both;
}
.forumpost .row .left {
width: 48px;
}
.forumpost .options .commands {
margin-left: 0;
}
.forumpost .subject {
font-weight: bold;
}
.forumsearch input[type=text] {
margin-bottom: 0 !important;
/* stylelint-disable-line declaration-no-important */
}
#page-mod-forum-discuss .discussioncontrols {
width: auto;
margin: 0;
}
#page-footer {
margin-top: 1em;
padding: 1em 0;
border-top: 2px solid #ddd;
}
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
border: 1px dotted #ddd;
}
.path-grade-report-grader h1 {
text-align: inherit;
}
#page-mod-chat-gui_basic input#message {
max-width: 100%;
}
#page-mod-data-view #singleimage {
width: auto;
}
.path-mod-data form {
margin-top: 10px;
}
.template_heading {
margin-top: 10px;
}
.breadcrumb-button {
float: right;
margin-top: 4px;
}
.breadcrumb-button .singlebutton {
float: left;
margin-left: 4px;
}
.navbar-inverse .logininfo a {
color: #999;
}
.navbar-inverse .logininfo a:hover {
background-color: transparent;
color: #fff;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
z-index: 4030;
}
.ie .row-fluid .desktop-first-column {
margin-left: 0;
}
.langmenu form {
margin: 0;
}
.container-fluid {
max-width: 1680px;
margin: 0 auto;
}
canvas {
-ms-touch-action: auto;
}
div#dock {
display: none;
}
.path-mod-choice .media-left {
float: left;
padding-right: 1em;
}
.path-mod-choice .horizontal .choices .option {
display: inline-block;
}
.path-mod-lesson .firstpageoptions {
margin: auto;
min-width: 280px;
width: 60%;
}
.path-mod-lesson .centerpadded {
padding: 5px;
text-align: center;
}
/** General styles (scope: all of lesson) **/
.path-mod-lesson .contents,
.path-mod-lesson .standardtable,
.path-mod-lesson .mform .box.contents,
.path-mod-lesson .invisiblefieldset.fieldsetfix tr {
text-align: left;
}
.path-mod-lesson #layout-table {
width: 100%;
}
.path-mod-lesson .edit_buttons form,
.path-mod-lesson .edit_buttons input {
display: inline;
}
.path-mod-lesson .userinfotable .cell,
.path-mod-lesson .userinfotable .userpicture {
vertical-align: middle;
}
.path-mod-lesson .invisiblefieldset.fieldsetfix {
display: block;
}
.path-mod-lesson .slideshow {
overflow: auto;
padding: 15px;
}
.path-mod-lesson .menu .menuwrapper {
max-height: 400px;
overflow: auto;
vertical-align: top;
margin-bottom: 10px;
}
.path-mod-lesson .menu ul {
list-style: none;
padding: 5px 0 0 5px;
margin: 0;
}
.path-mod-lesson .menu ul li {
padding-bottom: 5px;
}
.path-mod-lesson .skip {
position: absolute;
top: -1000em;
width: 20em;
}
.path-mod-lesson .branchbuttoncontainer.horizontal div,
.path-mod-lesson .branchbuttoncontainer.horizontal form {
display: inline;
}
.path-mod-lesson .firstpageoptions {
width: 30%;
margin-left: 35%;
margin-top: 1em;
}
.path-mod-lesson .progress_bar_table,
.path-mod-lesson .progress_bar_completed,
.path-mod-lesson .progress_bar_todo {
padding: 0;
margin: 0;
}
.path-mod-lesson .progress_bar_token {
height: 20px;
width: 5px;
padding: 0;
margin: 0;
}
.path-mod-lesson .edit_pages_box .addlinks {
margin: 0;
margin-bottom: 1em;
}
.path-mod-lesson .progress_bar_completed {
background-color: green;
text-align: right;
vertical-align: middle;
color: #fff;
}
.path-mod-lesson .resourcecontent {
text-align: center;
}
.path-mod-lesson .answeroption .fcheckbox > span {
position: relative;
float: left;
}
.path-mod-lesson .answeroptiongroup .fgroup > span {
position: relative;
width: 100%;
}
.path-mod-lesson .answeroption .fcheckbox input,
.path-mod-lesson .answeroptiongroup input {
position: absolute;
top: 2px;
margin-top: 0;
left: 0;
}
.path-mod-lesson .answeroption .fcheckbox label,
.path-mod-lesson .mform .fitem.answeroptiongroup fieldset.fgroup label {
padding-left: 20px;
float: left;
}
.path-mod-lesson .answeroption .felement label p:last-child,
.path-mod-lesson .answeroptiongroup .felement label p:last-child {
margin-bottom: 0;
}
.path-mod-lesson .answeroption .fradio label p,
.path-mod-lesson .answeroption .fcheckbox label p {
display: inline;
}
/**
* Style for view.php
**/
#page-mod-lesson-view .password-form .submitbutton {
display: inline;
}
#page-mod-lesson-view .branchbuttoncontainer .singlebutton input[type="submit"] {
white-space: normal;
}
#page-mod-lesson-view .answeroption .fitemtitle {
width: 30%;
text-align: left;
}
#page-mod-lesson-view .answeroption .fitemtitle label {
padding-right: 15px;
}
#page-mod-lesson-view .fitem .felement {
margin-left: 30%;
}
.path-mod-lesson .reviewessay {
width: 40%;
border: 1px solid #ddd;
background-color: #eee;
}
/* Countdown timer. */
#lesson-timer {
text-align: center;
}
.path-mod-lesson .essayungraded {
background-color: #efcfcf;
}
.path-mod-lesson .essaygraded {
background-color: #efefcf;
}
.path-mod-lesson .essaysent {
background-color: #cfefcf;
}
.path-mod-wiki .wiki_headingtitle,
.path-mod-wiki .midpad,
.path-mod-wiki .wiki_headingtime {
text-align: inherit;
}
.path-mod-wiki .wiki_contentbox {
width: 100%;
}
.dropdown-menu > li > a {
padding: 3px 20px 3px 8px;
}
.path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
background-color: transparent;
}
.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
background-color: #f9f9f9;
}
.path-mod-survey .surveytable .rblock label {
text-align: center;
}
.path-mod-survey .resultgraph,
.path-mod-survey .reportsummary,
.path-mod-survey .studentreport,
.path-mod-survey .reportbuttons,
.path-mod-survey .centerpara {
text-align: center;
}
.nav .caret {
margin-left: 4px;
}
.nav .divider {
overflow: hidden;
width: 0;
height: 40px;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #ffffff;
}
.navbar-inverse .nav .divider {
border-left-color: #111111;
border-right-color: #515151;
}
.dropdown-menu .divider {
width: auto;
height: 1px;
border-left: 0 none;
border-right: 0 none;
}
.usermenu .login {
color: #777;
line-height: 40px;
}
.usermenu .login a {
color: #0070a8;
}
.usermenu .login a:hover,
.usermenu .login a:focus {
color: #003d5c;
text-decoration: underline;
}
.usermenu .moodle-actionmenu .toggle-display {
display: block;
opacity: 1;
color: #777;
line-height: 40px;
height: 40px;
}
.usermenu .moodle-actionmenu .toggle-display:hover {
color: #333;
}
.usermenu .moodle-actionmenu .toggle-display .userbutton {
height: 40px;
line-height: 40px;
}
.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars {
display: inline-block;
height: 36px;
width: 36px;
vertical-align: middle;
margin-right: 6px;
margin-left: 6px;
}
.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar,
.usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img {
display: block;
}
.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
display: inline-block;
vertical-align: middle;
line-height: 1em;
color: inherit;
}
.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta,
.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
display: block;
font-size: 12px;
}
.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value,
.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value {
font-weight: bold;
}
.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role {
font-weight: bold;
}
.usermenu .moodle-actionmenu .toggle-display .caret {
display: none;
}
.usermenu .moodle-actionmenu .menu .menu-action.icon img {
border-radius: 0;
background: transparent;
box-shadow: none;
}
.usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
background: #fff;
border-radius: 4px;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.125);
}
.usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
.usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
border-radius: 0;
background: transparent;
box-shadow: none;
}
.navbar-inverse .usermenu .login {
color: #999;
}
.navbar-inverse .usermenu .login a {
color: #999;
}
.navbar-inverse .usermenu .login a:hover {
color: #fff;
}
.navbar-inverse .usermenu .moodle-actionmenu .toggle-display {
color: #999;
}
.navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext {
color: #999;
}
.navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta {
color: #999;
}
.navbar-inverse .usermenu .moodle-actionmenu .userbutton .usertext .meta .value {
color: #999;
}
.navbar-inverse .usermenu .moodle-actionmenu:hover .usertext {
color: #fff;
}
.navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta {
color: #999;
}
.navbar-inverse .usermenu .moodle-actionmenu:hover .usertext .meta .value {
color: #fff;
}
.navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .toggle-display.textmenu .caret {
border-top-color: #fff;
}
.navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon img {
border-radius: 0;
background: transparent;
box-shadow: none;
}
.navbar-inverse .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img {
background: #333;
border-radius: 4px;
box-shadow: 0 0 16px #ffffff;
}
.navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img,
.navbar-inverse .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img {
border-radius: 0;
background: transparent;
box-shadow: none;
}
.jsenabled .usermenu .moodle-actionmenu .toggle-display {
display: block;
}
.jsenabled .usermenu .moodle-actionmenu .toggle-display.textmenu {
padding-left: 8px;
padding-right: 8px;
}
.jsenabled .usermenu .moodle-actionmenu .toggle-display .caret {
display: inline-block;
position: relative;
top: 9px;
}
.jsenabled .usermenu .moodle-actionmenu > .menubar {
display: block;
margin: 0;
}
.jsenabled .usermenu .moodle-actionmenu > .menu {
min-width: 160px;
}
.jsenabled .usermenu .moodle-actionmenu > .menu .filler {
display: block;
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
}
.jsenabled .usermenu .moodle-actionmenu.show {
background-color: #e5e5e5;
}
.jsenabled .usermenu .moodle-actionmenu.show .menu {
padding: 5px 0;
margin: 2px 0 0;
background-clip: padding-box;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.jsenabled .usermenu .moodle-actionmenu.show .menu:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
}
.jsenabled .usermenu .moodle-actionmenu.show .menu:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
}
.jsenabled .usermenu .moodle-actionmenu.show .menu a {
border-radius: 0;
}
.jsenabled .usermenu .moodle-actionmenu.show .menu a:focus {
text-decoration: none;
}
.jsenabled .usermenu .moodle-actionmenu.show .menu a:hover {
text-decoration: none;
background-color: #00699e;
background-image: -moz-linear-gradient(top, #0070a8, #005f8f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#005f8f));
background-image: -webkit-linear-gradient(top, #0070a8, #005f8f);
background-image: -o-linear-gradient(top, #0070a8, #005f8f);
background-image: linear-gradient(to bottom, #0070a8, #005f8f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff005f8f', GradientType=0);
}
.jsenabled .usermenu .moodle-actionmenu.show .menu.align-tr-br {
margin-top: 2px;
}
.jsenabled .navbar-inverse .usermenu .moodle-actionmenu.show {
background-color: #111111;
}
.usermenu {
float: right;
}
.usermenu > .moodle-actionmenu > .menu:before {
right: 9px;
}
.usermenu > .moodle-actionmenu > .menu:after {
right: 10px;
}
.usermenu > .moodle-actionmenu > .menubar li a {
text-align: right;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
left: 16px;
}
.userloggedinas .usermenu .userbutton .avatars .avatar {
overflow: hidden;
}
.userloggedinas .usermenu .userbutton .avatars .avatar.current {
position: relative;
top: 4px;
left: 4px;
width: 20px;
height: 20px;
margin-top: 11px;
margin-bottom: -34px;
border: 1px solid #fff;
border-radius: 50%;
box-shadow: -2px -2px 16px rgba(0, 0, 0, 0.25);
}
.userloggedinas .usermenu .userbutton .avatars .avatar img {
width: inherit;
height: inherit;
}
#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
margin: 0;
padding: 0.2em;
height: 1em;
}
#mod_quiz_preflight_form .femptylabel .felement {
margin: 0;
padding: 0;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton {
text-decoration: none;
font-size: 14px;
line-height: 20px;
font-weight: normal;
background-color: #fff;
background-image: none;
height: 40px;
width: 30px;
border-radius: 3px;
border: 0;
overflow: visible;
margin: 0 6px 6px 0;
}
.path-mod-quiz #mod_quiz_navblock span.qnbutton {
cursor: default;
background-color: #eee;
color: #555;
}
.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
.path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
text-decoration: underline;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
border: 1px solid;
border-radius: 3px;
z-index: 1;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
border-width: 3px;
}
.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
border-width: 1px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
border: 0;
background: #fff none center / 10px no-repeat scroll;
height: 20px;
margin-top: 20px;
border-radius: 0 0 3px 3px;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
background-color: #fff;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
background-image: url([[pix:theme|mod/quiz/checkmark]]);
background-color: #468847;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
background-image: url([[pix:core|t/locked]]);
background-color: #eee;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
background-color: #b94a48;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
background-image: url([[pix:theme|mod/quiz/whitecircle]]);
background-color: #f89406;
}
.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
background-color: #999;
}
.path-mod-scorm .scorm-center {
text-align: center;
}
.path-mod-scorm.forcejavascript .scorm-center {
display: none;
}
.path-mod-scorm.jsenabled .scorm-center {
display: block;
}
.path-mod-scorm #region-main #intro {
width: auto;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
background-color: #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
border: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
border-radius: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right blockquote,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
background-color: transparent;
}
.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 {
border: 0;
padding: 3px 15px;
white-space: nowrap;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input {
margin: 0 10px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable input#input-message,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell input#input-message {
width: 45%;
margin: auto;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable a,
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell a {
margin: 0 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
padding: 10px 5px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
border-top: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
padding: 5px 10px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
margin-right: 8px;
border: 1px solid #ccc;
border-radius: 4px;
max-width: none;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
margin: 20px 25px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
text-align: center;
margin: 10px 0;
font-size: 11.9px;
color: #777;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
background-color: #fff;
border: 1px dotted #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px 10px;
margin: 10px 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
float: right;
font-size: 11px;
color: #777;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme {
background-color: #f6f6f6;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .mdl-chat-my-entry .chat-message.course-theme .user {
font-weight: bold;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit-right {
padding: 0;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl .yui-layout-unit div.yui-layout-bd {
text-align: right;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-userlist #users-list img {
margin-left: 8px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .time {
float: left;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .user {
float: right;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .chat-message-meta {
height: 20px;
}
.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax.dir-rtl #chat-messages .chat-message.course-theme .text {
text-align: right;
}
/* reports.less */
#page-report-participation-index .participationselectform div label {
display: inline-block;
margin: 0 5px;
}
#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
margin-left: 0;
}
.path-backup .mform .grouped_settings.section_level {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
border-color: #e3e3e3;
padding: 10px 0 0 0;
clear: both;
}
.path-backup .mform .grouped_settings.section_level blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.path-backup .mform .grouped_settings {
clear: both;
overflow: hidden;
}
.path-backup .include_setting,
.path-backup .grouped_settings .normal_setting {
display: inline-block;
}
.path-backup .include_setting.section_level label {
font-weight: bold;
}
.path-backup .mform .fitem .fitemtitle {
width: 260px;
}
.path-backup .mform .fitem .felement {
margin-left: 280px;
}
.path-backup .notification.dependencies_enforced {
text-align: center;
color: #b94a48;
font-weight: bold;
}
.path-backup .backup_progress {
text-align: center;
}
.path-backup .backup_progress .backup_stage {
color: #999;
}
.path-backup .backup_progress .backup_stage.backup_stage_current {
font-weight: bold;
color: inherit;
}
.path-backup .backup_progress span.backup_stage.backup_stage_complete {
color: inherit;
}
#page-backup-restore .filealiasesfailures {
background-color: #f2dede;
}
#page-backup-restore .filealiasesfailures .aliaseslist {
width: 90%;
margin: 0.8em auto;
background-color: #fff;
border: 1px dotted #666;
}
.path-backup .fitem .smallicon {
vertical-align: text-bottom;
}
.backup-restore .backup-section > h2.header,
.backup-restore .backup-section .backup-sub-section h3 {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.backup-restore .backup-section .noticebox {
margin: 1em auto;
width: 60%;
text-align: center;
}
.backup-restore .backup-section.settings-section .detail-pair {
width: 50%;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
}
.backup-restore .backup-section.settings-section .detail-pair-label {
width: 65%;
}
.backup-restore .backup-section.settings-section .detail-pair-value {
width: 25%;
}
.backup-restore .activitytable {
min-width: 500px;
}
.backup-restore .activitytable .modulename {
width: 100px;
}
.backup-restore .activitytable .moduleincluded {
width: 50px;
}
.backup-restore .activitytable .userinfoincluded {
width: 50px;
}
.backup-restore .detail-pair-label {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
width: 25%;
padding: 8px;
margin: 0;
text-align: right;
font-weight: bold;
vertical-align: top;
}
.backup-restore .detail-pair-value {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
width: 65%;
padding: 8px;
margin: 0;
}
.backup-restore .detail-pair-value > .sub-detail {
display: block;
font-size: 11.9px;
color: #999;
}
.backup-restore > .singlebutton {
text-align: right;
}
.path-backup .mform .fgroup .proceedbutton {
float: right;
margin-right: 5%;
}
.path-backup .mform .fgroup .oneclickbackup {
float: right;
}
.restore-course-search .rcs-results {
width: 70%;
min-width: 400px;
}
.restore-course-search .rcs-results table {
width: 100%;
margin: 0;
border-width: 0;
}
.restore-course-search .rcs-results table .no-overflow {
max-width: 600px;
}
.restore-course-search .rcs-results .paging {
text-align: left;
margin: 0;
background-color: #eee;
padding: 3px;
}
.restore-course-category .rcs-results {
width: 70%;
min-width: 400px;
border: 1px solid #ddd;
margin: 5px 0;
}
.restore-course-category .rcs-results table {
width: 100%;
margin: 0;
border-width: 0;
}
.restore-course-category .rcs-results table .no-overflow {
max-width: 600px;
}
.restore-course-category .rcs-results .paging {
text-align: left;
margin: 0;
background-color: #eee;
padding: 3px;
}
.path-backup .wibbler {
width: 500px;
margin: 0 auto 10px;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
position: relative;
min-height: 4px;
}
.path-backup .wibbler .wibble {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 4px;
}
.path-backup .wibbler .state0 {
background: #eee;
}
.path-backup .wibbler .state1 {
background: #ddd;
}
.path-backup .wibbler .state2 {
background: #ccc;
}
.path-backup .wibbler .state3 {
background: #bbb;
}
.path-backup .wibbler .state4 {
background: #aaa;
}
.path-backup .wibbler .state5 {
background: #999;
}
.path-backup .wibbler .state6 {
background: #888;
}
.path-backup .wibbler .state7 {
background: #777;
}
.path-backup .wibbler .state8 {
background: #666;
}
.path-backup .wibbler .state9 {
background: #555;
}
.path-backup .wibbler .state10 {
background: #444;
}
.path-backup .wibbler .state11 {
background: #333;
}
.path-backup .wibbler .state12 {
background: #222;
}
.path-backup .backup_log {
margin-top: 2em;
}
.path-backup .backup_log h2 {
font-size: 1em;
}
.path-backup .backup_log_contents {
border: 1px solid #ddd;
padding: 10px;
height: 300px;
overflow-y: scroll;
}
@media (max-width: 768px) {
.backup-restore .backup-section.settings-section .detail-pair {
width: 100%;
}
}
@media (max-width: 900px) {
.backup-restore .backup-section.settings-section .detail-pair-label {
width: 50%;
}
}
table.flexible,
.generaltable {
width: 100%;
margin-bottom: 20px;
}
table.flexible th,
.generaltable th,
table.flexible td,
.generaltable td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #ddd;
}
table.flexible th,
.generaltable th {
font-weight: bold;
}
table.flexible thead th,
.generaltable thead th {
vertical-align: bottom;
}
table.flexible caption + thead tr:first-child th,
.generaltable caption + thead tr:first-child th,
table.flexible caption + thead tr:first-child td,
.generaltable caption + thead tr:first-child td,
table.flexible colgroup + thead tr:first-child th,
.generaltable colgroup + thead tr:first-child th,
table.flexible colgroup + thead tr:first-child td,
.generaltable colgroup + thead tr:first-child td,
table.flexible thead:first-child tr:first-child th,
.generaltable thead:first-child tr:first-child th,
table.flexible thead:first-child tr:first-child td,
.generaltable thead:first-child tr:first-child td {
border-top: 0;
}
table.flexible tbody + tbody,
.generaltable tbody + tbody {
border-top: 2px solid #ddd;
}
table.flexible .table,
.generaltable .table {
background-color: #fff;
}
.singlebutton div {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
#notice .buttons .singlebutton {
display: inline-block;
}
.continuebutton {
text-align: center;
}
p.arrow_button {
margin-top: 5em;
text-align: center;
}
p.arrow_button #remove {
margin: 3em auto 5em;
}
p.arrow_button input {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#addcontrols {
margin-top: 30px;
text-align: center;
margin-bottom: 3em;
}
#addcontrols label {
display: inline;
}
#addcontrols input,
#removecontrols input {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: auto;
}
.btn-lineup {
margin: 0 0 10px 5px;
}
input[name="searchwikicontent"] + input[type="submit"],
select + input[type="submit"],
input[type="text"] + input[type="button"],
input[type="password"] + input[type="submit"],
input[type="text"] + button,
input[type="text"] + input[type="submit"] {
margin: 0 0 10px 5px;
}
button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:active,
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.active,
input.form-submit.active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active,
button.disabled,
input.form-submit.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
button:active,
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button.active,
input.form-submit.active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active {
background-color: #cccccc \9;
}
button:first-child,
input.form-submit:first-child,
input[type="button"]:first-child,
input[type="submit"]:first-child,
input[type="reset"]:first-child {
*margin-left: 0;
}
button:hover,
input.form-submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
button:focus,
input.form-submit:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
button.active,
input.form-submit.active,
input[type="button"].active,
input[type="submit"].active,
input[type="reset"].active,
button:active,
input.form-submit:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
button.disabled,
input.form-submit.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
button[disabled],
input.form-submit[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
button .label,
input.form-submit .label,
input[type="button"] .label,
input[type="submit"] .label,
input[type="reset"] .label,
button .badge,
input.form-submit .badge,
input[type="button"] .badge,
input[type="submit"] .badge,
input[type="reset"] .badge {
position: relative;
top: -1px;
}
button,
input.form-submit,
input[type="button"],
input[type="submit"],
input[type="reset"] {
margin: 0 0 10px 5px;
}
form.search-cohort input[type="text"],
form.search-cohort input[type="submit"],
form.search-cohort label {
margin-top: 14px !important;
}
form.search-cohort label {
margin-bottom: 0;
vertical-align: middle;
}
form.search-cohort input[type="submit"] {
margin-bottom: 0;
margin-left: 0;
}
button.yui3-button.closebutton {
background-position: 0 0;
}
button.yui3-button.closebutton:hover {
background-position: 0 0;
}
.gradetreebox h4 {
font-size: 14px;
}
.gradetreebox th.cell,
.gradetreebox input[type=text] {
width: auto;
}
.gradetreebox input[type=text],
.gradetreebox select {
margin-bottom: 0;
}
.core_grades_notices .singlebutton {
display: inline-block;
}
#page-grade-grading-manage #activemethodselector label {
display: inline-block;
}
#page-grade-grading-manage #activemethodselector .helptooltip {
margin-right: 0.5em;
}
#page-grade-grading-manage .actions {
display: block;
text-align: center;
margin-bottom: 1em;
}
#page-grade-grading-manage .actions .action {
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
position: relative;
vertical-align: top;
width: 150px;
text-align: center;
overflow: hidden;
margin: 0.5em;
padding: 1em;
border: 1px solid #aaa;
}
#page-grade-grading-manage .actions .action:hover,
#page-grade-grading-manage .actions .action:focus,
#page-grade-grading-manage .actions .action:active,
#page-grade-grading-manage .actions .action.active,
#page-grade-grading-manage .actions .action.disabled,
#page-grade-grading-manage .actions .action[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
#page-grade-grading-manage .actions .action:active,
#page-grade-grading-manage .actions .action.active {
background-color: #cccccc \9;
}
#page-grade-grading-manage .actions .action:first-child {
*margin-left: 0;
}
#page-grade-grading-manage .actions .action:hover,
#page-grade-grading-manage .actions .action:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
#page-grade-grading-manage .actions .action:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#page-grade-grading-manage .actions .action.active,
#page-grade-grading-manage .actions .action:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
#page-grade-grading-manage .actions .action.disabled,
#page-grade-grading-manage .actions .action[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#page-grade-grading-manage .actions .action .label,
#page-grade-grading-manage .actions .action .badge {
position: relative;
top: -1px;
}
#page-grade-grading-manage .actions .action .action-icon {
display: inline-block;
position: relative;
height: 64px;
width: 64px;
}
#page-grade-grading-manage .actions .action .action-text {
position: relative;
top: 0.4em;
font-size: 14px;
}
#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
font-size: 70%;
}
.gradingform_rubric.editor .addlevel input,
.gradingform_rubric.editor .addcriterion input {
background: #fff none no-repeat top left;
}
#rubric-rubric.gradingform_rubric #rubric-criteria {
margin-bottom: 1em;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
vertical-align: top;
padding: 6px;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
margin-bottom: 0;
height: 115px;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
width: 80%;
margin-bottom: 0;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
position: relative;
float: left;
margin-right: 28px;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
margin-bottom: 0;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
vertical-align: top;
padding: 6px;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
position: relative;
width: 32px;
height: 32px;
margin-top: -32px;
clear: both;
float: right;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 24px;
width: 24px;
margin: 0;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
background-color: #ddd;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
float: none;
width: 2em;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
width: 0;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
vertical-align: middle;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
background-position: 0 0;
height: 30px;
margin-right: 5px;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active {
background-color: #cccccc \9;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:first-child {
*margin-left: 0;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.active,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .label,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge {
position: relative;
top: -1px;
}
#rubric-rubric.gradingform_rubric .addcriterion {
margin-left: 5px;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
padding: 0;
margin-bottom: 1em;
}
#rubric-rubric.gradingform_rubric .addcriterion:hover,
#rubric-rubric.gradingform_rubric .addcriterion:focus,
#rubric-rubric.gradingform_rubric .addcriterion:active,
#rubric-rubric.gradingform_rubric .addcriterion.active,
#rubric-rubric.gradingform_rubric .addcriterion.disabled,
#rubric-rubric.gradingform_rubric .addcriterion[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
#rubric-rubric.gradingform_rubric .addcriterion:active,
#rubric-rubric.gradingform_rubric .addcriterion.active {
background-color: #cccccc \9;
}
#rubric-rubric.gradingform_rubric .addcriterion:first-child {
*margin-left: 0;
}
#rubric-rubric.gradingform_rubric .addcriterion:hover,
#rubric-rubric.gradingform_rubric .addcriterion:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
#rubric-rubric.gradingform_rubric .addcriterion:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#rubric-rubric.gradingform_rubric .addcriterion.active,
#rubric-rubric.gradingform_rubric .addcriterion:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
#rubric-rubric.gradingform_rubric .addcriterion.disabled,
#rubric-rubric.gradingform_rubric .addcriterion[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#rubric-rubric.gradingform_rubric .addcriterion .label,
#rubric-rubric.gradingform_rubric .addcriterion .badge {
position: relative;
top: -1px;
}
#rubric-rubric.gradingform_rubric .addcriterion input {
margin: 0;
color: inherit;
text-shadow: inherit;
border: 0 none;
line-height: inherit;
background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
padding-left: 26px;
}
#rubric-rubric.gradingform_rubric .options {
clear: both;
}
#rubric-rubric.gradingform_rubric .options .option label {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: normal;
line-height: 2em;
color: inherit;
text-shadow: none;
background-color: transparent;
}
#rubric-rubric.gradingform_rubric .options .option input {
margin-left: 5px;
margin-right: 12px;
}
.path-grade-edit-tree .setup-grades h4 {
margin: 0;
}
.path-grade-edit-tree .setup-grades .column-rowspan {
padding: 0;
width: 24px;
min-width: 24px;
max-width: 24px;
}
.path-grade-edit-tree .setup-grades .category td.column-name {
padding-left: 0;
}
.path-grade-edit-tree .setup-grades td.column-name {
padding-left: 24px;
}
.path-grade-edit-tree .setup-grades .column-name h4 img.icon {
padding-left: 0;
}
.path-grade-edit-tree .setup-grades .category input[type="text"],
.path-grade-edit-tree .setup-grades .category .column-range,
.path-grade-edit-tree .setup-grades .categoryitem,
.path-grade-edit-tree .setup-grades .courseitem {
font-weight: bold;
}
.path-grade-edit-tree .setup-grades .emptyrow {
display: none;
}
.path-grade-edit-tree .setup-grades .gradeitemdescription {
font-weight: normal;
padding-left: 24px;
}
.path-grade-edit-tree .setup-grades .column-weight {
white-space: nowrap;
}
.path-grade-edit-tree .setup-grades .column-weight.level3 {
padding-left: 37px;
}
.path-grade-edit-tree .setup-grades .column-weight.level4 {
padding-left: 66px;
}
.path-grade-edit-tree .setup-grades .column-weight.level5 {
padding-left: 95px;
}
.path-grade-edit-tree .setup-grades .column-weight.level6 {
padding-left: 124px;
}
.path-grade-edit-tree .setup-grades .column-weight.level7 {
padding-left: 153px;
}
.path-grade-edit-tree .setup-grades .column-weight.level8 {
padding-left: 182px;
}
.path-grade-edit-tree .setup-grades .column-weight.level9 {
padding-left: 211px;
}
.path-grade-edit-tree .setup-grades .column-weight.level10 {
padding-left: 240px;
}
.path-grade-edit-tree .setup-grades .column-range.level2 {
padding-left: 37px;
}
.path-grade-edit-tree .setup-grades .column-range.level3 {
padding-left: 66px;
}
.path-grade-edit-tree .setup-grades .column-range.level4 {
padding-left: 95px;
}
.path-grade-edit-tree .setup-grades .column-range.level5 {
padding-left: 124px;
}
.path-grade-edit-tree .setup-grades .column-range.level6 {
padding-left: 153px;
}
.path-grade-edit-tree .setup-grades .column-range.level7 {
padding-left: 182px;
}
.path-grade-edit-tree .setup-grades .column-range.level8 {
padding-left: 211px;
}
.path-grade-edit-tree .setup-grades .column-range.level9 {
padding-left: 240px;
}
.path-grade-edit-tree .setup-grades .column-range.level10 {
padding-left: 269px;
}
.path-grade-edit-tree .setup-grades.generaltable .levelodd {
background-color: #f9f9f9;
}
.path-grade-edit-tree .setup-grades.generaltable .leveleven {
background-color: transparent;
}
/**
* Grader report.
*/
.path-grade-report-grader .gradeparent table {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.path-grade-report-grader .gradeparent tr .cell {
background-color: #fff;
}
.path-grade-report-grader .gradeparent table,
.path-grade-report-grader .gradeparent .cell {
border-color: #ddd;
}
.path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell,
.path-grade-report-grader .gradeparent .floater .cell,
.path-grade-report-grader .gradeparent .avg {
background-color: #f9f9f9;
}
.path-grade-report-grader .gradeparent table .clickable {
cursor: pointer;
}
/**
* User report.
*/
.path-grade-report-user .user-grade {
border: none;
}
.path-grade-report-user .user-grade.generaltable .levelodd {
background-color: #f9f9f9;
}
.path-grade-report-user .user-grade.generaltable .leveleven {
background-color: transparent;
}
.has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
.has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell,
.has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell {
padding-left: 47px;
}
.content-only.path-grade-report-grader .gradeparent table {
margin-left: 42px;
}
/**
* This styles the H2 node the dock creates to test the width before making its title rotation.
* We need to apply these EXACT styles to the #dock .dockedtitle h2 to be sure things are spaced correctly.
*/
.transform-test-heading {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 36px;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0;
}
body.has_dock #page {
padding-left: 45px;
padding-right: 20px;
}
body.has_dock div#dock {
display: inline;
}
#dock {
z-index: 12000;
width: 42px;
position: fixed;
top: 0;
left: 0;
height: 100%;
background-color: transparent;
border-right: 0 none;
}
#dock .nothingdocked {
visibility: hidden;
display: none;
}
#dock .dockeditem_container {
margin-top: 68px;
}
#dock .dockeditem .firstdockitem {
margin-top: 1em;
}
#dock .dockedtitle {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
display: block;
width: 36px;
margin: 3px;
padding: 0;
cursor: pointer;
}
#dock .dockedtitle:hover,
#dock .dockedtitle:focus,
#dock .dockedtitle:active,
#dock .dockedtitle.active,
#dock .dockedtitle.disabled,
#dock .dockedtitle[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
#dock .dockedtitle:active,
#dock .dockedtitle.active {
background-color: #cccccc \9;
}
#dock .dockedtitle:first-child {
*margin-left: 0;
}
#dock .dockedtitle:hover,
#dock .dockedtitle:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
#dock .dockedtitle:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#dock .dockedtitle.active,
#dock .dockedtitle:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
#dock .dockedtitle.disabled,
#dock .dockedtitle[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#dock .dockedtitle .label,
#dock .dockedtitle .badge {
position: relative;
top: -1px;
}
#dock .dockedtitle h2 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 36px;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0;
}
#dock .dockedtitle .filterrotate {
margin-left: 8px;
}
#dock .controls {
position: absolute;
bottom: 1em;
text-align: center;
width: 100%;
}
#dock .controls img {
cursor: pointer;
}
#dock .editing_move,
#dock .moodle-core-dragdrop-draghandle {
display: none;
}
#dockeditempanel {
min-width: 200px;
position: relative;
left: 100%;
padding-left: 5px;
}
#dockeditempanel.dockitempanel_hidden {
display: none;
}
#dockeditempanel .dockeditempanel_content {
background-color: #f5f5f5;
width: 384px;
border: 1px solid #d5d5d5;
-webkit-box-shadow: 2px 4px 4px 2px #eee;
-moz-box-shadow: 2px 4px 4px 2px #eee;
box-shadow: 2px 4px 4px 2px #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#dockeditempanel .dockeditempanel_bd {
overflow: auto;
/** Required to make the content scrollable when it flows over the fixed area of the screen */
}
#dockeditempanel .dockeditempanel_bd > * {
margin: 1em;
}
#dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
overflow: visible;
}
#dockeditempanel .dockeditempanel_hd {
border-bottom: 1px solid #fff;
padding: 0.5em 1em;
}
#dockeditempanel .dockeditempanel_hd h2 {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
font-size: 1.1em;
padding: 0;
margin: 0;
float: left;
max-width: 85%;
}
#dockeditempanel .dockeditempanel_hd .commands {
display: block;
text-align: right;
}
#dockeditempanel .dockeditempanel_hd .commands > a,
#dockeditempanel .dockeditempanel_hd .commands > span {
margin-left: 3px;
cursor: pointer;
}
#dockeditempanel .dockeditempanel_hd .commands img,
#dockeditempanel .dockeditempanel_hd .commands input {
vertical-align: middle;
margin-right: 1px;
}
#dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
cursor: pointer;
}
#dockeditempanel .dockeditempanel_hd .commands img.actionmenu {
width: auto;
}
@media (min-width: 768px) {
body.has_dock #page {
padding-left: 65px;
}
}
/**
* Tour step must sit above all other UI components.
* The backdrop is the lowest point in the tour.
* Everything else is in the container, and the target background should be at the same z-index.
* ----- moodle
* ---- step backdrop
* --- step container
* --- step target background
*/
div[data-flexitour="backdrop"] {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: 0.8;
filter: alpha(opacity=80);
background-color: #aaa;
opacity: 0.4;
z-index: 4030;
}
div[data-flexitour="backdrop"].fade {
opacity: 0;
}
div[data-flexitour="step-background-fader"],
div[data-flexitour="step-background"] {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
z-index: 4031;
}
span[data-flexitour="container"],
div[data-flexitour="step-background-fader"],
[data-flexitour="step-backdrop"] > td,
[data-flexitour="step-backdrop"] {
z-index: 4032;
}
span[data-flexitour="container"] div[data-role="flexitour-step"] {
background-color: #fff;
color: #333;
border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
span[data-flexitour="container"] div[data-role="flexitour-step"] > div {
display: block;
margin: 0;
}
span[data-flexitour="container"] .modal {
position: static;
margin-left: 0;
}
span[data-flexitour="container"] div[data-role="arrow"] {
border-width: 11px;
}
span[data-flexitour="container"] div[data-role="arrow"]:after {
content: " ";
}
span[data-flexitour="container"] div[data-role="arrow"],
span[data-flexitour="container"] div[data-role="arrow"]:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 10px;
}
span[data-flexitour="container"][x-placement="top"],
span[data-flexitour="container"][x-placement="top-start"] {
margin-bottom: 10px;
}
span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
bottom: -10px;
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
span[data-flexitour="container"][x-placement="bottom"],
span[data-flexitour="container"][x-placement="bottom-start"] {
margin-top: 10px;
}
span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
top: -10px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
span[data-flexitour="container"][x-placement="left"],
span[data-flexitour="container"][x-placement="left-start"] {
margin-right: 10px;
}
span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
right: -10px;
top: 50%;
margin-top: -11px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
right: 1px;
margin-top: -10px;
border-right-width: 0;
border-left-color: #fff;
}
span[data-flexitour="container"][x-placement="right"],
span[data-flexitour="container"][x-placement="right-start"] {
margin-left: 10px;
}
span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"],
span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
left: -10px;
top: 50%;
margin-top: -11px;
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after,
span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
left: 1px;
margin-top: -10px;
border-left-width: 0;
border-right-color: #fff;
}
/* Styling for mustache templates */
/* stylelint-disable declaration-block-no-duplicate-properties */
/* stylelint-enable */
.columns-autoflow-1to1to1 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 767px) {
.columns-autoflow-1to1to1 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.dir-rtl .row-fluid.rtl-compatible [class*="span"] {
float: right;
margin-left: 0;
*margin-left: 0;
margin-right: 2.76243094%;
*margin-right: 2.70923945%;
}
.dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
margin-right: 0;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.dir-rtl .row-fluid.rtl-compatible [class*="span"] {
float: right;
margin-left: 0;
*margin-left: 0;
margin-right: 2.12765957%;
*margin-right: 2.07446809%;
}
.dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
margin-right: 0;
}
}
@media (min-width: 1200px) {
.dir-rtl .row-fluid.rtl-compatible [class*="span"] {
float: right;
margin-left: 0;
*margin-left: 0;
margin-right: 2.56410256%;
*margin-right: 2.51091107%;
}
.dir-rtl .row-fluid.rtl-compatible [class*="span"]:first-child {
margin-right: 0;
}
}
@-ms-viewport {
width: device-width;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
@media (min-width: 1200px) {
.row {
margin-left: -30px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1170px;
}
.span12 {
width: 1170px;
}
.span11 {
width: 1070px;
}
.span10 {
width: 970px;
}
.span9 {
width: 870px;
}
.span8 {
width: 770px;
}
.span7 {
width: 670px;
}
.span6 {
width: 570px;
}
.span5 {
width: 470px;
}
.span4 {
width: 370px;
}
.span3 {
width: 270px;
}
.span2 {
width: 170px;
}
.span1 {
width: 70px;
}
.offset12 {
margin-left: 1230px;
}
.offset11 {
margin-left: 1130px;
}
.offset10 {
margin-left: 1030px;
}
.offset9 {
margin-left: 930px;
}
.offset8 {
margin-left: 830px;
}
.offset7 {
margin-left: 730px;
}
.offset6 {
margin-left: 630px;
}
.offset5 {
margin-left: 530px;
}
.offset4 {
margin-left: 430px;
}
.offset3 {
margin-left: 330px;
}
.offset2 {
margin-left: 230px;
}
.offset1 {
margin-left: 130px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.56410256%;
*margin-left: 2.51091107%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.56410256%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851%;
}
.row-fluid .span11 {
width: 91.45299145%;
*width: 91.39979996%;
}
.row-fluid .span10 {
width: 82.90598291%;
*width: 82.85279142%;
}
.row-fluid .span9 {
width: 74.35897436%;
*width: 74.30578287%;
}
.row-fluid .span8 {
width: 65.81196581%;
*width: 65.75877432%;
}
.row-fluid .span7 {
width: 57.26495726%;
*width: 57.21176578%;
}
.row-fluid .span6 {
width: 48.71794872%;
*width: 48.66475723%;
}
.row-fluid .span5 {
width: 40.17094017%;
*width: 40.11774868%;
}
.row-fluid .span4 {
width: 31.62393162%;
*width: 31.57074013%;
}
.row-fluid .span3 {
width: 23.07692308%;
*width: 23.02373159%;
}
.row-fluid .span2 {
width: 14.52991453%;
*width: 14.47672304%;
}
.row-fluid .span1 {
width: 5.98290598%;
*width: 5.92971449%;
}
.row-fluid .offset12 {
margin-left: 105.12820513%;
*margin-left: 105.02182215%;
}
.row-fluid .offset12:first-child {
margin-left: 102.56410256%;
*margin-left: 102.45771959%;
}
.row-fluid .offset11 {
margin-left: 96.58119658%;
*margin-left: 96.4748136%;
}
.row-fluid .offset11:first-child {
margin-left: 94.01709402%;
*margin-left: 93.91071104%;
}
.row-fluid .offset10 {
margin-left: 88.03418803%;
*margin-left: 87.92780506%;
}
.row-fluid .offset10:first-child {
margin-left: 85.47008547%;
*margin-left: 85.36370249%;
}
.row-fluid .offset9 {
margin-left: 79.48717949%;
*margin-left: 79.38079651%;
}
.row-fluid .offset9:first-child {
margin-left: 76.92307692%;
*margin-left: 76.81669394%;
}
.row-fluid .offset8 {
margin-left: 70.94017094%;
*margin-left: 70.83378796%;
}
.row-fluid .offset8:first-child {
margin-left: 68.37606838%;
*margin-left: 68.2696854%;
}
.row-fluid .offset7 {
margin-left: 62.39316239%;
*margin-left: 62.28677941%;
}
.row-fluid .offset7:first-child {
margin-left: 59.82905983%;
*margin-left: 59.72267685%;
}
.row-fluid .offset6 {
margin-left: 53.84615385%;
*margin-left: 53.73977087%;
}
.row-fluid .offset6:first-child {
margin-left: 51.28205128%;
*margin-left: 51.1756683%;
}
.row-fluid .offset5 {
margin-left: 45.2991453%;
*margin-left: 45.19276232%;
}
.row-fluid .offset5:first-child {
margin-left: 42.73504274%;
*margin-left: 42.62865976%;
}
.row-fluid .offset4 {
margin-left: 36.75213675%;
*margin-left: 36.64575377%;
}
.row-fluid .offset4:first-child {
margin-left: 34.18803419%;
*margin-left: 34.08165121%;
}
.row-fluid .offset3 {
margin-left: 28.20512821%;
*margin-left: 28.09874523%;
}
.row-fluid .offset3:first-child {
margin-left: 25.64102564%;
*margin-left: 25.53464266%;
}
.row-fluid .offset2 {
margin-left: 19.65811966%;
*margin-left: 19.55173668%;
}
.row-fluid .offset2:first-child {
margin-left: 17.09401709%;
*margin-left: 16.98763412%;
}
.row-fluid .offset1 {
margin-left: 11.11111111%;
*margin-left: 11.00472813%;
}
.row-fluid .offset1:first-child {
margin-left: 8.54700855%;
*margin-left: 8.44062557%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 30px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 1156px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 1056px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 956px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 856px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 756px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 656px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 556px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 456px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 356px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 256px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 156px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 56px;
}
.thumbnails {
margin-left: -30px;
}
.thumbnails > li {
margin-left: 30px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 724px;
}
.span12 {
width: 724px;
}
.span11 {
width: 662px;
}
.span10 {
width: 600px;
}
.span9 {
width: 538px;
}
.span8 {
width: 476px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span5 {
width: 290px;
}
.span4 {
width: 228px;
}
.span3 {
width: 166px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.76243094%;
*margin-left: 2.70923945%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.76243094%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851%;
}
.row-fluid .span11 {
width: 91.43646409%;
*width: 91.3832726%;
}
.row-fluid .span10 {
width: 82.87292818%;
*width: 82.81973669%;
}
.row-fluid .span9 {
width: 74.30939227%;
*width: 74.25620078%;
}
.row-fluid .span8 {
width: 65.74585635%;
*width: 65.69266486%;
}
.row-fluid .span7 {
width: 57.18232044%;
*width: 57.12912895%;
}
.row-fluid .span6 {
width: 48.61878453%;
*width: 48.56559304%;
}
.row-fluid .span5 {
width: 40.05524862%;
*width: 40.00205713%;
}
.row-fluid .span4 {
width: 31.49171271%;
*width: 31.43852122%;
}
.row-fluid .span3 {
width: 22.9281768%;
*width: 22.87498531%;
}
.row-fluid .span2 {
width: 14.36464088%;
*width: 14.31144939%;
}
.row-fluid .span1 {
width: 5.80110497%;
*width: 5.74791348%;
}
.row-fluid .offset12 {
margin-left: 105.52486188%;
*margin-left: 105.4184789%;
}
.row-fluid .offset12:first-child {
margin-left: 102.76243094%;
*margin-left: 102.65604796%;
}
.row-fluid .offset11 {
margin-left: 96.96132597%;
*margin-left: 96.85494299%;
}
.row-fluid .offset11:first-child {
margin-left: 94.19889503%;
*margin-left: 94.09251205%;
}
.row-fluid .offset10 {
margin-left: 88.39779006%;
*margin-left: 88.29140708%;
}
.row-fluid .offset10:first-child {
margin-left: 85.63535912%;
*margin-left: 85.52897614%;
}
.row-fluid .offset9 {
margin-left: 79.83425414%;
*margin-left: 79.72787116%;
}
.row-fluid .offset9:first-child {
margin-left: 77.0718232%;
*margin-left: 76.96544023%;
}
.row-fluid .offset8 {
margin-left: 71.27071823%;
*margin-left: 71.16433525%;
}
.row-fluid .offset8:first-child {
margin-left: 68.50828729%;
*margin-left: 68.40190431%;
}
.row-fluid .offset7 {
margin-left: 62.70718232%;
*margin-left: 62.60079934%;
}
.row-fluid .offset7:first-child {
margin-left: 59.94475138%;
*margin-left: 59.8383684%;
}
.row-fluid .offset6 {
margin-left: 54.14364641%;
*margin-left: 54.03726343%;
}
.row-fluid .offset6:first-child {
margin-left: 51.38121547%;
*margin-left: 51.27483249%;
}
.row-fluid .offset5 {
margin-left: 45.5801105%;
*margin-left: 45.47372752%;
}
.row-fluid .offset5:first-child {
margin-left: 42.81767956%;
*margin-left: 42.71129658%;
}
.row-fluid .offset4 {
margin-left: 37.01657459%;
*margin-left: 36.91019161%;
}
.row-fluid .offset4:first-child {
margin-left: 34.25414365%;
*margin-left: 34.14776067%;
}
.row-fluid .offset3 {
margin-left: 28.45303867%;
*margin-left: 28.3466557%;
}
.row-fluid .offset3:first-child {
margin-left: 25.69060773%;
*margin-left: 25.58422476%;
}
.row-fluid .offset2 {
margin-left: 19.88950276%;
*margin-left: 19.78311978%;
}
.row-fluid .offset2:first-child {
margin-left: 17.12707182%;
*margin-left: 17.02068884%;
}
.row-fluid .offset1 {
margin-left: 11.32596685%;
*margin-left: 11.21958387%;
}
.row-fluid .offset1:first-child {
margin-left: 8.56353591%;
*margin-left: 8.45715293%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 648px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 586px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 524px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 462px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 400px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 338px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 276px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 214px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 152px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 90px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 28px;
}
}
@media (max-width: 767px) {
body {
padding-left: 20px;
padding-right: 20px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-left: -20px;
margin-right: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
width: auto;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 0;
}
.modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0;
}
.modal.fade {
top: -100px;
}
.modal.fade.in {
top: 20px;
}
}
@media (max-width: 480px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.page-header h1 small {
display: block;
line-height: 20px;
}
input[type="checkbox"],
input[type="radio"] {
border: 1px solid #ccc;
}
.form-horizontal .control-label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .controls {
margin-left: 0;
}
.form-horizontal .control-list {
padding-top: 0;
}
.form-horizontal .form-actions {
padding-left: 10px;
padding-right: 10px;
}
.media .pull-left,
.media .pull-right {
float: none;
display: block;
margin-bottom: 10px;
}
.media-object {
margin-right: 0;
margin-left: 0;
}
.modal {
top: 10px;
left: 10px;
right: 10px;
}
.modal-header .close {
padding: 10px;
margin: -10px;
}
.carousel-caption {
position: static;
}
}
@media (max-width: 979px) {
body {
padding-top: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
margin-bottom: 20px;
}
.navbar-fixed-bottom {
margin-top: 20px;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding: 5px;
}
.navbar .container {
width: auto;
padding: 0;
}
.navbar .brand {
padding-left: 10px;
padding-right: 10px;
margin: 0 0 0 -5px;
}
.nav-collapse {
clear: both;
}
.nav-collapse .nav {
float: none;
margin: 0 0 10px;
}
.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav-collapse .nav .nav-header {
color: #777;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 9px 15px;
font-weight: bold;
color: #777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
background-color: #f2f2f2;
}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
color: #999;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #111111;
}
.nav-collapse.in .btn-group {
margin-top: 5px;
padding: 0;
}
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
float: none;
display: none;
max-width: none;
margin: 0 15px;
padding: 0;
background-color: transparent;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-collapse .open > .dropdown-menu {
display: block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav-collapse .dropdown-menu .divider {
display: none;
}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
padding: 10px 15px;
margin: 10px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
border-top-color: #111111;
border-bottom-color: #111111;
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0;
}
.nav-collapse,
.nav-collapse.collapse {
overflow: hidden;
height: 0;
}
.navbar .btn-navbar {
display: block;
}
.navbar-static .navbar-inner {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 980px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}
/* responsive.less */
/* stylelint-disable declaration-block-no-duplicate-properties */
@media (min-width: 980px) {
a[id]:empty::before,
a[name]:empty::before {
display: inline-block;
position: relative;
content: '';
padding-top: 40px;
margin-top: -40px;
vertical-align: top;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
.form-item .form-label,
.mform .fitem div.fitemtitle,
.userprofile dl.list dt,
.form-horizontal .control-label {
width: 200px;
}
.form-item .form-setting,
.form-item .form-description,
.mform .fitem .felement,
#page-mod-forum-search .c1,
.mform .fdescription.required,
.userprofile dl.list dd,
.form-horizontal .controls {
margin-left: 220px;
}
#page-mod-forum-search.dir-lrt .c1 {
margin-right: 220px;
}
.path-admin .buttons,
.form-buttons {
padding-left: 220px;
}
}
@media (max-width: 767px) {
.file-picker .fp-repo-area {
width: 100%;
height: auto;
max-height: 220px;
float: none;
border: 0;
}
.file-picker .fp-repo-items {
width: 100%;
float: none;
margin-left: 0;
}
.file-picker .fp-login-form .fp-login-input label {
text-align: left;
}
.file-picker .fp-content form td {
display: block;
width: 100%;
text-align: left;
}
.fp-content .mdl-right {
text-align: left;
}
.fp-repo-items .fp-navbar {
border-top: 1px solid #bbbbbb;
}
.fp-formset div {
height: auto;
}
}
@media (min-width: 1200px) {
.path-question #id_answerhdr div.fitem_feditor {
padding-right: 6px;
}
.loginbox.twocolumns .loginpanel {
margin-left: 0;
}
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
width: 48.717948717948715%;
*width: 48.664757228587014%;
}
.form-item .form-label,
.mform .fitem div.fitemtitle,
.userprofile dl.list dt,
.form-horizontal .control-label {
width: 245px;
}
.form-item .form-setting,
.form-item .form-description,
.mform .fitem .felement,
#page-mod-forum-search .c1,
.mform .fdescription.required,
.userprofile dl.list dd,
.form-horizontal .controls {
margin-left: 265px;
}
.path-admin .buttons,
.form-buttons {
padding-left: 265px;
}
.empty-region-side-post.used-region-side-pre #region-main.span8,
.jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
/** increase the span size by 1 **/
width: 74.35897436%;
*width: 74.30578287%;
}
.empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
.jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
/** decrease the span size by 1 **/
width: 23.07692308%;
*width: 23.02373159%;
}
}
@media (min-width: 980px) {
.loginbox.twocolumns .loginpanel {
margin-left: 0;
}
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
width: 48.617948717948715%;
*width: 48.664757228587014%;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.loginbox.twocolumns .loginpanel {
margin-left: 0;
}
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
width: 48.61878453038674%;
*width: 48.56559304102504%;
}
.empty-region-side-post.used-region-side-pre #region-main.span8,
.jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
/** increase the span size by 1 **/
width: 74.30939227%;
*width: 74.25620078%;
}
.empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
.jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
/** decrease the span size by 1 **/
width: 22.9281768%;
*width: 22.87498531%;
}
}
@media (max-width: 767px) {
.loginbox.twocolumns .loginpanel,
.loginbox.twocolumns .signuppanel {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#page-mod-quiz-edit div.quizcontents,
.questionbankwindow.block {
width: 100%;
float: none;
}
#page-mod-quiz-edit #block-region-side-pre,
#page-mod-quiz-edit #block-region-side-post {
clear: both;
}
}
@media (max-width: 480px) {
.navbar .mdl-popover .mdl-popover-container {
position: fixed;
width: 100%;
height: calc(100% - 52px);
top: 52px;
}
.navbar .mdl-popover .mdl-popover-container::before,
.navbar .mdl-popover .mdl-popover-container::after {
display: none;
}
.nav-tabs > li {
float: none;
}
.nav-tabs > li > a {
margin-right: 0;
}
.nav-tabs {
border-bottom: 0;
}
.nav-tabs > li > a {
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
border: 1px solid #ddd;
}
.nav-tabs > li:first-child > a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.nav-tabs > li:last-child > a {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #ddd;
z-index: 2;
}
.fp-content-center {
display: block;
}
.course-content ul.topics li.section,
.course-content ul.topics li.section .content,
.course-content ul.weeks li.section .content,
.course-content ul.weeks li.section,
.course-content ul.section {
margin-right: 0;
margin-left: 0;
padding: 0;
}
.activityinstance {
display: block;
}
.editing .course-content .section .activity {
margin-bottom: 0.2em;
padding-bottom: 0.2em;
border-bottom: thin solid #eee;
}
.course-content .section .activity .commands {
text-align: right;
}
/** Handles display of the activity chooser on small screens **/
.jsenabled .choosercontainer #chooseform .alloptions {
max-width: 100%;
}
.jsenabled .choosercontainer #chooseform .instruction,
.jsenabled .choosercontainer #chooseform .typesummary {
position: static;
}
.que .info {
float: none;
width: auto;
}
.que .content {
margin: 0;
}
.path-mod-choice .horizontal .choices .option {
display: block;
}
.path-mod-forum .forumsearch #search {
width: 120px;
}
.path-mod-forum .forumheaderlist .picture {
display: none;
}
}
@media (min-width: 768px) {
.row-fluid .desktop-first-column {
margin-left: 0;
}
#page-navbar .breadcrumb-button {
display: inline;
}
}
@media (max-width: 767px) {
.row-fluid .desktop-first-column {
clear: both;
}
}
@media (max-width: 767px) {
.form-item .form-label,
.mform .fitem div.fitemtitle {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-item .form-label label {
display: inline-block;
margin-right: .5em;
}
.form-item .form-setting .form-checkbox {
margin-top: 0;
}
.form-label span.form-shortname {
display: inline-block;
}
.form-item .form-setting,
.mform .fitem .felement,
.path-backup .mform .fitem .felement,
.mform .fdescription.required,
.form-item .form-description {
margin-left: 0;
}
table#form td.submit,
.form-buttons,
#fitem_id_submitbutton,
.fp-content-center form + div,
#fgroup_id_buttonar,
.form-horizontal .form-actions,
.fitem_fsubmit .felement.fsubmit {
padding-left: 10px;
padding-right: 10px;
}
#helppopupbox {
/* stylelint-disable declaration-no-important */
width: auto !important;
left: 0 !important;
/* stylelint-enable declaration-no-important */
}
}
@media (min-width: 768px) and (max-width: 979px) {
.block_calendar_month .content,
.block .minicalendar td {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 979px) {
.nav-collapse {
height: 0;
}
.nav-collapse .nav > li > a {
color: #333;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus,
.nav-collapse .dropdown-submenu a:hover,
.nav-collapse .dropdown-submenu a:focus,
.nav-collapse .dropdown-submenu a:active,
.nav-collapse .dropdown-menu > li > a:hover,
.nav-collapse .dropdown-menu > li > a:focus,
.nav-collapse .dropdown-submenu:hover > a,
.nav-collapse .dropdown-submenu:focus > a {
background-image: none;
color: #333;
}
.nav-collapse.in {
height: auto;
}
.nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .toggle-display {
display: none;
}
.nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu {
display: block;
}
.nav-collapse.in .usermenu .moodle-actionmenu[data-enhanced] .menu li {
margin: 0 0.5em;
}
.path-mod-data .box > table > tbody > tr > td {
display: block;
}
.path-mod-forum .forumheaderlist thead .header {
font-weight: normal;
font-size: 12px;
}
.path-mod-forum .forumheaderlist .discussion .author,
.path-mod-forum .forumheaderlist .discussion .replies,
.path-mod-forum .forumheaderlist .discussion .lastpost {
font-size: 12px;
}
.path-mod-forum .forumheaderlist .discussion .replies .unread a {
padding: 0;
}
.navbar .nav-collapse.in {
border-top: 1px solid #d4d4d4;
}
.navbar .nav-collapse.in.pull-left,
.navbar .nav-collapse.in.pull-right {
float: none;
}
.navbar .nav-collapse.in > .nav {
margin: 0;
}
.navbar .nav-collapse.in > .nav > li > a {
padding-left: 20px;
border-radius: 0;
}
.navbar .nav-collapse.in > .nav .dropdown-menu {
margin: 0 0 0 15px;
}
.navbar .nav-collapse.in > .nav .dropdown-menu li > a {
border-radius: 0;
}
.navbar .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
.navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
float: none;
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
border-top-color: #d4d4d4;
margin-left: 4px;
margin-top: 8px;
}
.navbar .nav-collapse.in .nav .dropdown-submenu.open > a,
.navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
background-color: #f2f2f2;
}
.navbar .nav-collapse.in .nav .dropdown-submenu:hover .dropdown-menu,
.navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
display: none;
}
.navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
.navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
background-color: #f2f2f2;
}
.navbar .nav-collapse.in .nav .dropdown-submenu:hover.open > .dropdown-menu,
.navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > .dropdown-menu,
.navbar .nav-collapse.in .nav .dropdown-submenu:hover.open .open > .dropdown-menu,
.navbar .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open .open > .dropdown-menu {
display: block;
}
.navbar .nav-collapse.in .nav .divider,
.navbar .nav-collapse.in .nav .dropdown-menu .divider {
width: auto;
display: block;
height: 0;
margin: 4px 1px;
border-left: 0 none;
border-right: 0 none;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #ffffff;
}
.navbar-inverse .nav-collapse.in {
border-top-color: #252525;
}
.navbar-inverse .nav-collapse.in .nav .dropdown-submenu .dropdown-toggle:after,
.navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
border-top-color: #252525;
}
.navbar-inverse .nav-collapse.in .nav .dropdown-submenu.open > a,
.navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu.open > a {
background-color: #111111;
}
.navbar-inverse .nav-collapse.in .nav .dropdown-submenu:hover.open > a,
.navbar-inverse .nav-collapse.in .nav .dropdown-menu .dropdown-submenu:hover.open > a {
background-color: #111111;
}
.navbar-inverse .nav-collapse.in .nav .divider,
.navbar-inverse .nav-collapse.in .nav .dropdown-menu .divider {
width: auto;
display: block;
height: 0;
margin: 4px 1px;
border-top: 1px solid #111111;
border-bottom: 1px solid #515151;
}
.navbar-inverse .nav-collapse.in .nav > li > a:hover,
.navbar-inverse .nav-collapse.in .nav > li > a:focus {
color: #fff;
}
.navbar-inverse .nav-collapse.in .dropdown-menu a:hover,
.navbar-inverse .nav-collapse.in .dropdown-menu a:focus {
color: #fff;
}
.navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:hover,
.navbar-inverse .nav-collapse.in .dropdown-menu a > li > a:focus {
color: #fff;
}
.navbar-inverse .nav-collapse.in .dropdown-submenu a:hover,
.navbar-inverse .nav-collapse.in .dropdown-submenu a:focus,
.navbar-inverse .nav-collapse.in .dropdown-submenu a:active {
color: #fff;
}
}
@media (max-width: 767px) {
.usermenu .moodle-actionmenu .toggle-display .userbutton .usertext {
display: none;
}
.jsenabled:not(.dir-rtl) .usermenu .moodle-actionmenu .toggle-display.textmenu {
margin-left: 0;
padding-left: 0;
}
.jsenabled.dir-rtl .usermenu .moodle-actionmenu .toggle-display.textmenu {
margin-right: 0;
padding-right: 0;
}
#filesskin .yui3-panel,
#filesskin .file-picker.fp-generallayout {
width: 100%;
left: 0;
}
.userprofile dl.list dt {
float: none;
clear: none;
width: auto;
text-align: left;
}
.userprofile dl.list dd {
margin-left: 0;
}
#page-mod-wiki-create .mform .fitem div.fitemtitle {
float: left;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row-fluid .span8.pull-right,
.row-fluid .span9.pull-right {
float: none;
}
.row {
margin-left: 0;
}
[class*="span"],
.row-fluid [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.empty-region-side-post.used-region-side-pre #block-region-side-pre.span4,
.jsenabled.docked-region-side-post.used-region-side-pre #block-region-side-pre.span4,
.empty-region-side-post.used-region-side-pre #region-main.span8,
.jsenabled.docked-region-side-post.used-region-side-pre #region-main.span8 {
width: 100%;
*width: 99.94680851%;
}
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
div[role=main] {
margin-bottom: 1em;
}
.coursebox .info .name a {
background-position: 0 13px;
}
.category-browse .coursebox .info .name a {
background-position: 0 13px;
}
}
@media (min-width: 1200px) and (max-width: 1600px) {
#course-category-listings.columns-3 {
background-color: transparent;
border: 0;
}
#course-category-listings.columns-3 #category-listing,
#course-category-listings.columns-3 #course-listing {
width: 48.71794872%;
*width: 48.66475723%;
margin-left: 2.56410256%;
*margin-left: 2.51091107%;
}
#course-category-listings.columns-3 #category-listing:first-child,
#course-category-listings.columns-3 #course-listing:first-child {
margin-left: 0;
}
#course-category-listings.columns-3 #course-detail {
width: 100%;
*width: 99.94680851%;
margin: 1em 0 0;
}
}
@media (max-width: 1199px) {
.path-question #id_answerhdr div.fitem {
padding-right: 6px;
padding-left: 4px;
}
#course-category-listings.columns-3 {
background-color: transparent;
border: 0;
}
#course-category-listings.columns-3 #category-listing,
#course-category-listings.columns-3 #course-listing,
#course-category-listings.columns-3 #course-detail {
width: 100%;
*width: 99.94680851%;
margin: 0 0 1em 0;
}
#page-mod-forum-discuss .discussioncontrols {
text-align: right;
}
#page-mod-forum-discuss .discussioncontrols .discussioncontrol {
float: none;
width: auto;
display: inline-block;
margin: 0 3px 0.5em;
}
#page-mod-forum-discuss .discussioncontrols .discussioncontrol select,
#page-mod-forum-discuss .discussioncontrols .discussioncontrol input {
margin-bottom: 0;
}
#page-mod-forum-discuss .discussioncontrols .discussioncontrol.movediscussion {
margin-right: 0;
padding-right: 0;
}
}
@media (max-width: 768px) {
.fp-forminset .control-group .controls {
margin-left: 0;
}
}
body.behat-site .navbar-fixed-top {
position: absolute;
}
.phpinfo table,
.phpinfo th,
.phpinfo h2 {
margin: auto;
}
.phpinfo h2 {
width: 600px;
}
.phpinfo .e,
.phpinfo .v,
.phpinfo .h {
border: 1px solid #000;
font-size: 0.8em;
vertical-align: baseline;
color: #000;
background-color: #ccc;
}
.phpinfo .e {
background-color: #ccf;
font-weight: bold;
}
.phpinfo .h {
background-color: #99c;
font-weight: bold;
}
#page-footer .performanceinfo {
margin: 10px 20%;
}
#page-footer .performanceinfo span {
display: block;
}
#page-footer .validators {
margin-top: 40px;
padding-top: 5px;
border-top: 1px dotted gray;
}
#page-footer .validators ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#page-footer .validators ul li {
display: inline;
margin-right: 10px;
margin-left: 10px;
}
/** Cache stats styles **/
#page-footer .performanceinfo .cachesused {
margin-top: 1em;
}
#page-footer .performanceinfo .cachesused .cache-stats-heading,
#page-footer .performanceinfo .cachesused .cache-total-stats {
font-weight: bold;
font-size: 110%;
margin-top: 0.3em;
}
#page-footer .performanceinfo .cachesused .cache-definition-stats {
margin: .3em;
display: inline-block;
vertical-align: top;
background-color: #f5f5f5;
}
#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading span {
display: inline-block;
cursor: default;
}
#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats {
padding: 0 1.3em;
}
#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.nohits {
background-color: #f2dede;
}
#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.lowhits {
background-color: #fcf8e3;
}
#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-store-stats.hihits {
background-color: #dff0d8;
}
#page-footer .performanceinfo li {
list-style-type: none;
}
#page-footer,
#page-footer .validators,
#page-footer .purgecaches,
#page-footer .performanceinfo {
text-align: center;
}
/* stylelint-disable declaration-no-important */
table#explaincaps tbody > tr:nth-child(odd) > td,
table#defineroletable tbody > tr:nth-child(odd) > td,
table.grading-report tbody > tr:nth-child(odd) > td,
table#listdirectories tbody > tr:nth-child(odd) > td,
table.rolecaps tbody > tr:nth-child(odd) > td,
table.userenrolment tbody > tr:nth-child(odd) > td,
table#form tbody > tr:nth-child(odd) > td,
form#movecourses table tbody > tr:nth-child(odd) > td,
#page-admin-course-index .editcourse tbody > tr:nth-child(odd) > td,
.forumheaderlist tbody > tr:nth-child(odd) > td,
table.flexible tbody > tr:nth-child(odd) > td,
.generaltable tbody > tr:nth-child(odd) > td,
table#explaincaps tbody > tr:nth-child(odd) > th,
table#defineroletable tbody > tr:nth-child(odd) > th,
table.grading-report tbody > tr:nth-child(odd) > th,
table#listdirectories tbody > tr:nth-child(odd) > th,
table.rolecaps tbody > tr:nth-child(odd) > th,
table.userenrolment tbody > tr:nth-child(odd) > th,
table#form tbody > tr:nth-child(odd) > th,
form#movecourses table tbody > tr:nth-child(odd) > th,
#page-admin-course-index .editcourse tbody > tr:nth-child(odd) > th,
.forumheaderlist tbody > tr:nth-child(odd) > th,
table.flexible tbody > tr:nth-child(odd) > th,
.generaltable tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
table caption {
font-size: 24px;
font-weight: bold;
line-height: 42px;
text-align: left;
}
#page-report-loglive-index .generaltable th,
#page-admin-report-log-index .generaltable th,
#page-report-log-user .generaltable th,
#page-admin-user table th,
.environmenttable th,
.category_subcategories th,
.rcs-results th,
table#listdirectories th,
#page-report-loglive-index .generaltable td,
#page-admin-report-log-index .generaltable td,
#page-report-log-user .generaltable td,
#page-admin-user table td,
.environmenttable td,
.category_subcategories td,
.rcs-results td,
table#listdirectories td {
padding: 4px 5px;
}
.user-enroller-panel .uep-search-results .users tbody tr:hover > td,
.user-enroller-panel .uep-search-results .cohorts tbody tr:hover > td,
table.grading-report tbody tr:hover > td,
.forumheaderlist tbody tr:hover > td,
.generaltable tbody tr:hover > td,
table.flexible tbody tr:hover > td,
.category_subcategories tbody tr:hover > td,
table#modules tbody tr:hover > td,
table#permissions tbody tr:hover > td,
.user-enroller-panel .uep-search-results .users tbody tr:hover > th,
.user-enroller-panel .uep-search-results .cohorts tbody tr:hover > th,
table.grading-report tbody tr:hover > th,
.forumheaderlist tbody tr:hover > th,
.generaltable tbody tr:hover > th,
table.flexible tbody tr:hover > th,
.category_subcategories tbody tr:hover > th,
table#modules tbody tr:hover > th,
table#permissions tbody tr:hover > th {
background-color: #f5f5f5;
}
div[id^="bar_pbar_"] {
overflow: hidden !important;
height: 20px !important;
margin-bottom: 20px !important;
background-color: #f7f7f7 !important;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)) !important;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9) !important;
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9) !important;
background-repeat: repeat-x !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0) !important;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
border: none !important;
}
div[id^="progress_pbar_"] {
height: 100% !important;
color: #fff !important;
float: left !important;
font-size: 12px !important;
text-align: center !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
background-color: #0e90d2 !important;
background-image: -moz-linear-gradient(top, #149bdf, #0480be) !important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)) !important;
background-image: -webkit-linear-gradient(top, #149bdf, #0480be) !important;
background-image: -o-linear-gradient(top, #149bdf, #0480be) !important;
background-image: linear-gradient(to bottom, #149bdf, #0480be) !important;
background-repeat: repeat-x !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0) !important;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
-webkit-transition: width 0.6s ease !important;
-moz-transition: width 0.6s ease !important;
-o-transition: width 0.6s ease !important;
transition: width 0.6s ease !important;
padding-top: 0 !important;
border: none !important;
}
input.form-submit,
input#id_submitbutton,
input#id_submitbutton2,
.path-admin .buttons input[type="submit"],
td.submit input {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #005aa8;
background-image: -moz-linear-gradient(top, #0070a8, #0038a8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0070a8), to(#0038a8));
background-image: -webkit-linear-gradient(top, #0070a8, #0038a8);
background-image: -o-linear-gradient(top, #0070a8, #0038a8);
background-image: linear-gradient(to bottom, #0070a8, #0038a8);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0070a8', endColorstr='#ff0038a8', GradientType=0);
border-color: #0038a8 #0038a8 #001e5c;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0038a8;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
input.form-submit:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
.path-admin .buttons input[type="submit"]:hover,
td.submit input:hover,
input.form-submit:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus,
.path-admin .buttons input[type="submit"]:focus,
td.submit input:focus,
input.form-submit:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.path-admin .buttons input[type="submit"]:active,
td.submit input:active,
input.form-submit.active,
input#id_submitbutton.active,
input#id_submitbutton2.active,
.path-admin .buttons input[type="submit"].active,
td.submit input.active,
input.form-submit.disabled,
input#id_submitbutton.disabled,
input#id_submitbutton2.disabled,
.path-admin .buttons input[type="submit"].disabled,
td.submit input.disabled,
input.form-submit[disabled],
input#id_submitbutton[disabled],
input#id_submitbutton2[disabled],
.path-admin .buttons input[type="submit"][disabled],
td.submit input[disabled] {
color: #fff;
background-color: #0038a8;
*background-color: #002f8f;
}
input.form-submit:active,
input#id_submitbutton:active,
input#id_submitbutton2:active,
.path-admin .buttons input[type="submit"]:active,
td.submit input:active,
input.form-submit.active,
input#id_submitbutton.active,
input#id_submitbutton2.active,
.path-admin .buttons input[type="submit"].active,
td.submit input.active {
background-color: #002775 \9;
}
input.form-submit .caret,
input#id_submitbutton .caret,
input#id_submitbutton2 .caret,
.path-admin .buttons input[type="submit"] .caret,
td.submit input .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
#notice .singlebutton + .singlebutton input,
.submit.buttons input[name="cancel"] {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
background-image: -o-linear-gradient(top, #fff, #e6e6e6);
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
#notice .singlebutton + .singlebutton input:hover,
.submit.buttons input[name="cancel"]:hover,
#notice .singlebutton + .singlebutton input:focus,
.submit.buttons input[name="cancel"]:focus,
#notice .singlebutton + .singlebutton input:active,
.submit.buttons input[name="cancel"]:active,
#notice .singlebutton + .singlebutton input.active,
.submit.buttons input[name="cancel"].active,
#notice .singlebutton + .singlebutton input.disabled,
.submit.buttons input[name="cancel"].disabled,
#notice .singlebutton + .singlebutton input[disabled],
.submit.buttons input[name="cancel"][disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
#notice .singlebutton + .singlebutton input:active,
.submit.buttons input[name="cancel"]:active,
#notice .singlebutton + .singlebutton input.active,
.submit.buttons input[name="cancel"].active {
background-color: #cccccc \9;
}
#notice .singlebutton + .singlebutton input:first-child,
.submit.buttons input[name="cancel"]:first-child {
*margin-left: 0;
}
#notice .singlebutton + .singlebutton input:hover,
.submit.buttons input[name="cancel"]:hover,
#notice .singlebutton + .singlebutton input:focus,
.submit.buttons input[name="cancel"]:focus {
color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
#notice .singlebutton + .singlebutton input:focus,
.submit.buttons input[name="cancel"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#notice .singlebutton + .singlebutton input.active,
.submit.buttons input[name="cancel"].active,
#notice .singlebutton + .singlebutton input:active,
.submit.buttons input[name="cancel"]:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
#notice .singlebutton + .singlebutton input.disabled,
.submit.buttons input[name="cancel"].disabled,
#notice .singlebutton + .singlebutton input[disabled],
.submit.buttons input[name="cancel"][disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#notice .singlebutton + .singlebutton input .label,
.submit.buttons input[name="cancel"] .label,
#notice .singlebutton + .singlebutton input .badge,
.submit.buttons input[name="cancel"] .badge {
position: relative;
top: -1px;
}
#notice .singlebutton + .singlebutton input,
.submit.buttons input[name="cancel"] {
margin: 0 0 10px 5px;
}
input[id$="_clearbutton"],
input[type="reset"] {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #f89406;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
input[id$="_clearbutton"]:hover,
input[type="reset"]:hover,
input[id$="_clearbutton"]:focus,
input[type="reset"]:focus,
input[id$="_clearbutton"]:active,
input[type="reset"]:active,
input[id$="_clearbutton"].active,
input[type="reset"].active,
input[id$="_clearbutton"].disabled,
input[type="reset"].disabled,
input[id$="_clearbutton"][disabled],
input[type="reset"][disabled] {
color: #fff;
background-color: #f89406;
*background-color: #df8505;
}
input[id$="_clearbutton"]:active,
input[type="reset"]:active,
input[id$="_clearbutton"].active,
input[type="reset"].active {
background-color: #c67605 \9;
}
input[id$="_clearbutton"] .caret,
input[type="reset"] .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
ul.indented-list {
margin-left: 20px;
}
/* stylelint-disable declaration-no-important, block-no-empty */
.card {
position: relative;
display: block;
margin-bottom: .75rem;
background-color: #fff;
border: 1px solid #e3e3e3;
border-radius: 0;
}
.card-header {
padding: .75rem 1.25rem;
background-color: #f5f5f5;
border-bottom: 1px solid #e3e3e3;
}
.card-block {
padding: 1.25rem;
}
.p-0 {
padding: 0 !important;
}
.p-l-1 {
padding-left: 14px !important;
}
.p-r-1 {
padding-right: 14px !important;
}
.p-t-1 {
padding-top: 14px !important;
}
.p-b-1 {
padding-bottom: 14px !important;
}
.p-x-1 {
padding-left: 14px !important;
padding-right: 14px !important;
}
.p-y-1 {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
.p-a-1 {
padding: 14px !important;
}
.m-0 {
margin: 0 !important;
}
.m-l-1 {
margin-left: 14px !important;
}
.m-r-1 {
margin-right: 14px !important;
}
.m-t-1 {
margin-top: 14px !important;
}
.m-b-1 {
margin-bottom: 14px !important;
}
.m-x-1 {
margin-left: 14px !important;
margin-right: 14px !important;
}
.m-y-1 {
margin-top: 14px !important;
margin-bottom: 14px !important;
}
.m-a-1 {
margin: 14px !important;
}
.p-l-2 {
padding-left: 28px !important;
}
.p-r-2 {
padding-right: 28px !important;
}
.p-t-2 {
padding-top: 28px !important;
}
.p-b-2 {
padding-bottom: 28px !important;
}
.p-x-2 {
padding-left: 28px !important;
padding-right: 28px !important;
}
.p-y-2 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.p-a-2 {
padding: 28px !important;
}
.m-l-2 {
margin-left: 28px !important;
}
.m-r-2 {
margin-right: 28px !important;
}
.m-t-2 {
margin-top: 28px !important;
}
.m-b-2 {
margin-bottom: 28px !important;
}
.m-x-2 {
margin-left: 28px !important;
margin-right: 28px !important;
}
.m-y-2 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.m-a-2 {
margin: 28px !important;
}
.p-l-3 {
padding-left: 42px !important;
}
.p-r-3 {
padding-right: 42px !important;
}
.p-t-3 {
padding-top: 42px !important;
}
.p-b-3 {
padding-bottom: 42px !important;
}
.p-x-3 {
padding-left: 42px !important;
padding-right: 42px !important;
}
.p-y-3 {
padding-top: 42px !important;
padding-bottom: 42px !important;
}
.p-a-3 {
padding: 42px !important;
}
.m-l-3 {
margin-left: 42px !important;
}
.m-r-3 {
margin-right: 42px !important;
}
.m-t-3 {
margin-top: 42px !important;
}
.m-b-3 {
margin-bottom: 42px !important;
}
.m-x-3 {
margin-left: 42px !important;
margin-right: 42px !important;
}
.m-y-3 {
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.m-a-3 {
margin: 42px !important;
}
.p-1 {
padding: 3.5px !important;
}
.p-2 {
padding: 7px !important;
}
.p-3 {
padding: 14px !important;
}
.p-4 {
padding: 21px !important;
}
.pl-1,
.px-1 {
padding-left: 3.5px !important;
}
.pl-2,
.px-2 {
padding-left: 7px !important;
}
.pl-3,
.px-3 {
padding-left: 14px !important;
}
.pl-4,
.px-4 {
padding-left: 21px !important;
}
.pr-1,
.px-1 {
padding-right: 3.5px !important;
}
.pr-2,
.px-2 {
padding-right: 7px !important;
}
.pr-3,
.px-3 {
padding-right: 14px !important;
}
.pr-4,
.px-4 {
padding-right: 21px !important;
}
.pt-1,
.py-1 {
padding-top: 3.5px !important;
}
.pt-2,
.py-2 {
padding-top: 7px !important;
}
.pt-3,
.py-3 {
padding-top: 14px !important;
}
.pt-4,
.py-4 {
padding-top: 21px !important;
}
.pb-1,
.py-1 {
padding-bottom: 3.5px !important;
}
.pb-2,
.py-2 {
padding-bottom: 7px !important;
}
.pb-3,
.py-3 {
padding-bottom: 14px !important;
}
.pb-4,
.py-4 {
padding-bottom: 21px !important;
}
.ml-0,
.mx-0 {
margin-left: 0;
}
.ml-1,
.mx-1 {
margin-left: 3.5px !important;
}
.ml-2,
.mx-2 {
margin-left: 7px !important;
}
.ml-3,
.mx-3 {
margin-left: 14px !important;
}
.ml-4,
.mx-4 {
margin-left: 21px !important;
}
.mr-0,
.mx-0 {
margin-right: 0;
}
.mr-1,
.mx-1 {
margin-right: 3.5px !important;
}
.mr-2,
.mx-2 {
margin-right: 7px !important;
}
.mr-3,
.mx-3 {
margin-right: 14px !important;
}
.mr-4,
.mx-4 {
margin-right: 21px !important;
}
.mb-0,
.my-0 {
margin-bottom: 0;
}
.mb-1,
.my-1 {
margin-bottom: 3.5px !important;
}
.mb-2,
.my-2 {
margin-bottom: 7px !important;
}
.mb-3,
.my-3 {
margin-bottom: 14px !important;
}
.mb-4,
.my-4 {
margin-bottom: 21px !important;
}
.mt-0,
.my-0 {
margin-top: 0;
}
.mt-1,
.my-1 {
margin-top: 3.5px !important;
}
.mt-2,
.my-2 {
margin-top: 7px !important;
}
.mt-3,
.my-3 {
margin-top: 14px !important;
}
.mt-4,
.my-4 {
margin-top: 21px !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.d-inline {
display: inline !important;
}
.d-block {
display: block !important;
}
.d-inline-block {
display: inline-block !important;
}
.m-x-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.btn-secondary {
background-color: #fff;
background-image: none;
color: #000;
}
.tag-danger {
background-color: #b94a48;
}
.tag-danger[href] {
background-color: #953b39;
}
.tag-warning {
background-color: #f89406;
}
.tag-warning[href] {
background-color: #c67605;
}
.tag-success {
background-color: #468847;
}
.tag-success[href] {
background-color: #356635;
}
.tag-info {
background-color: #3a87ad;
}
.tag-info[href] {
background-color: #2d6987;
}
.tag-primary {
background-color: #049cdb;
}
.tag-primary[href] {
background-color: #0378a9;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-white {
color: #fff;
}
.bg-danger {
background-color: #b94a48;
}
.bg-danger[href] {
background-color: #953b39;
}
.bg-warning {
background-color: #f89406;
}
.bg-warning[href] {
background-color: #c67605;
}
.bg-success {
background-color: #468847;
}
.bg-success[href] {
background-color: #356635;
}
.bg-info {
background-color: #3a87ad;
}
.bg-info[href] {
background-color: #2d6987;
}
.bg-primary {
background-color: #049cdb;
}
.bg-primary[href] {
background-color: #0378a9;
}
.bg-faded,
.bg-light {
background-color: #f8f9fa !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-secondary {
background-color: #e9ecef !important;
}
.border-left {
border-left: 1px solid #dee2e6 !important;
}
.border-right {
border-right: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.w-100 {
width: 100%;
}
.w-75 {
width: 75%;
}
.w-50 {
width: 50%;
}
.w-25 {
width: 25%;
}
.d-flex {
display: flex !important;
}
.flex-column {
flex-direction: column !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-center {
align-items: center !important;
}
.h-100 {
height: 100% !important;
}
.position-absolute {
position: absolute !important;
}
.position-relative {
position: relative !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-center {
align-self: center !important;
}
.align-items-center {
align-items: center !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.flex-grow {
flex-grow: 1;
}
.flex-shrink {
flex-shrink: 1;
}
.rounded-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.small {
font-size: 75%;
}
.box-initial {
box-sizing: initial;
}
.box-initial * {
box-sizing: initial;
}
.box-border {
box-sizing: border-box;
}
.box-border * {
box-sizing: border-box;
}
.list-group-item {
background-color: #fff;
position: relative;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
background-color: #f8f9fa;
text-decoration: none;
}
.icon-size-3 {
height: 36px !important;
width: 36px !important;
}
.icon-size-3 img {
height: 16px !important;
width: 16px !important;
}
.icon-size-4 {
height: 44px !important;
width: 44px !important;
}
.icon-size-4 img {
height: 24px !important;
width: 24px !important;
}
.text-muted {
color: #999;
}
.dir-rtl .dir-rtl-hide {
display: none;
}
.dir-ltr .dir-ltr-hide {
display: none;
}
.font-weight-bold {
font-weight: 700 !important;
}