html { font-size: 1em; height: 100%; }
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em; margin:0 auto; padding: 0 0 60px 0;
overflow-x: hidden; background: #f5f5f5;
}
body.exam main { padding: 0 6% 0 6%; }
body.exam.lti main { padding: 14px 8% 0 8%; }
main { display: block; }
a { color:#2b6681; }
main h1 {
border-bottom: 1px solid #0b688b;
padding-bottom: 5px; margin-bottom: 5px;
}
div.exam-header, div.exam-header-pgs {
height:70px; border-bottom: 6px solid #000; /* rgba(42, 138, 214, 0.77) */
width:100%; background: #fff url(../media/images/logo-test.gif) no-repeat 1.5% 14px;
position: absolute; top:0; left:0; z-index: 1000;
}
div.exam-header-pgs {
background-image: url(../media/images/logo-pgs-test.gif);
}
div.exam-header + div, div.exam-header-pgs + div { margin-top:70px; }
div.exam-header img, div.exam-header-pgs img { max-height:50px; max-width:140px; float:right; display:block; margin: 10px 1.5% 0 0; }
div.exam-footer {
position: fixed; bottom:0; font-size: 0.7em; padding: 10px; color:#444; background-color: inherit; width: 100%;
}
@media only screen and (max-width : 415px) {
body.exam main { padding: 0 2% 0 2%; }
body.exam.lti main { padding: 14px 2% 0 2%; }
div.choice-row div.choice-id { margin-left: 0; }
/* WCAG 2.2 SC 1.4.10 (reflow): this was `display: none`, which deleted the copyright
line outright below 415px. The footer is fixed to the bottom of the viewport at
wider widths, and at 320-415px that strip wraps to two lines and covers the content
under it -- presumably why hiding it looked like the fix. Dropping out of the fixed
positioning instead puts it at the end of the document, where it is readable and
overlaps nothing. width:auto rather than the inherited 100% so the 2% side padding
does not push it past the viewport, and body's 60px bottom padding goes with it,
since that only ever reserved room for the fixed strip (scoped to body.exam, which
every page carrying div.exam-footer uses -- body.interact keeps its own fixed
footer nav and still needs the clearance). */
div.exam-footer { position: static; width: auto; padding: 15px 2% 5px; }
body.exam { padding-bottom: 0; }
}
body.exam div.progress-bar-wrapper {
position:absolute; width:100%; margin:0; z-index:1001;
background-color: #313131; border: none; box-shadow: none;
}
body.exam div.progress-bar-wrapper .bar {
height: 6px; border: none; background-color: #75b53b !important; background-image: none !important;
}
body.exam.lti div.progress-bar-wrapper { margin: 0;}
div.header-nav { float:right; width: 80%; text-align: right; padding: 0; margin: 10px 25px 0 0; }
div.header-nav a { padding: 2px 0 2px 20px; font-size:0.85em; }
div.header-nav span.d { display:inline-block; padding: 0 4px; color: #e1e1e1; }
div.header-nav .addl { background: url(../media/images/icons/16/resources-doc.gif) no-repeat center left; }
div.header-nav .help { background: url(../media/images/icons/16/help.gif) no-repeat center left; }
div.header-nav .save { background: url(../media/images/icons/16/save.gif) no-repeat center left; }
/* columnar format */
ul.column { list-style-type: none; margin:0; padding:0; }
ul.column li { float:left; padding: 0; margin:0; }
ul.column-2 li { width: 46%; } ul.column-3 li { width: 30%; } ul.column-4 li { width: 23%; }
ul.column.smaller { font-size: 0.9em; }
ul.column.indent { margin-left: 25px; }
body.interact { font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; }
body.interact a { color: #24547e; }
body.interact div.section-header {
position:fixed; width:100%; height:45px; margin-top:65px; padding: 8px 10px; z-index:100; box-shadow: 0 0 15px #aaa;
}
body.interact.lti div.section-header { margin-top: 0; }
body.interact div.section-header .header-container { width:100%; }
body.interact div.section-header div.title { position:relative; margin-top: 3px; height: 25px; overflow: hidden; }
#interactivecontent { min-height: 315px; }
#interactivecontent > div.interactivecontent-container { margin: 10px 0 0 20px; padding-right:25px; padding-bottom: 20px; overflow: hidden }
div#treeview { z-index: 10; }
div#treeview.treeview-slideover { position: absolute; width: 90%; display: block !important; }
div#treeview.treeview-slideover nav { width: 90% !important; margin-left:-15px; display: block !important; }
/*div#treeview.treeview-slideover > div, div#treeview.treeview-slideover > div + div { box-shadow: 0px 0px 10px #999 }*/
a#toggle-treeview, a#lnk-slide-treeview { background: url(../media/images/menu.png) no-repeat left center;
padding: 3px 0 3px 15px; text-decoration: none; width:40px; position: absolute; z-index:1000; opacity: 0.65; filter: alpha(opacity=65);
} a#toggle-treeview:hover, a#lnk-slide-treeview:hover { opacity: 1; filter: alpha(opacity=100); }
#treeview-nav {
background: #eceff0; font-size: 0.85em; margin-top:10px; position: fixed; overflow-y: auto; overflow-x: hidden;
border-right: 1px solid #dfdfdf; box-shadow: 1px 1px 2px #dfdfdf;
width: inherit;
}
#treeview-nav ul:first-child { margin: 15px 0; }
#treeview-nav div.menu2-container {
clear:both;
}
#treeview-nav div.menu2-container hr { border-bottom: 2px }
body.interact main { padding: 0 3.5em 0 3.0em; outline: none; }
body.interact div.slide-container, body.interact div.section-indices-container { margin: 35px 5px 0 5px }
body.interact #interactivecontent div.slide {
position:relative; z-index: 0;
}
body.interact div.slide { display: none; line-height: 25px; }
body.interact div.slide a { text-decoration: underline; }
body.interact div.slide a.btn, a.btn { text-decoration: none; font-weight: normal; }
/*body.interact div.slide img {border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.5); } */
body.interact .notransition,
body.interact .notransition .slide {
-webkit-transition-duration: 0 !important; -webkit-transition-delay: 0 !important;
-moz-transition-duration: 0 !important; -moz-transition-delay: 0 !important;
-ms-transition-duration: 0 !important; -ms-transition-delay: 0 !important;
transition-duration: 0 !important; transition-delay: 0 !important;
}
body.interact .slide h1, body.interact .slide h2 { margin-bottom: 40px; }
body.interact p.title { font-size: 16pt; line-height: normal; }
body.interact p.subtitle { font-size: 13pt; line-height: normal; }
body.interact table { width: 100%; } div.slide { vertical-align: top; }
body.interact div.slide h1, body.interact div.slide h2 { text-align: center !important; }
body.interact div.slide p:first-child { padding-top:0; margin-top: 0; }
/** stats/acct equation formatting in slide content and/or exam question **/
body.interact table.equation { font-size: 12pt; background: #f0f0f0; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
body.interact table.equation td { vertical-align:middle; text-align:center; }
body.interact table.equation td sub { font-size:8pt }
body.interact table.equation td:first-child { text-align:right; padding-right:8px; }
body.interact table.equation ul { list-style-type: none; margin:0 10px; padding:0; }
body.interact table.equation li { padding: 4px 0; margin: 3px 0; border-top: 1px solid #000; }
body.interact table.equation ul li:first-child { border-top:none }
body.interact code, body.exam code { font-family: 'Times New Roman','Arial Unicode MS', 'Lucida Grande'; font-size: 1.2em; letter-spacing:1px; font-weight: normal; }
body.interact sup + sub, sub + sup { margin-left:-6px; margin-bottom:-1px; }
body.interact table.stripes tr:nth-child(2n) { background: #d7d7d7; }
/***/
a.btn-pane { overflow: visible; }
a.btn-pane, a.btn-pane.disabled {
position: fixed; top:0; padding: 2.0em; height: 100%; opacity: 0.25; z-index:1; border-width: 0; box-shadow: none;
-webkit-transition: padding 0.5s, background 0.5s ease-out, opacity 1s; /* For Safari 3.1 to 6.0 */
transition: padding 0.5s, background 0.5s ease-out, opacity 1s;
}
a.btn-pane:hover, a.btn-pane:hover, a.btn-pane:focus, a.btn-pane:focus {
opacity: 0.75; padding: 3em; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.5);
}
a.btn-pane:hover span, a.btn-pane:hover span {
left: 28%; color: #f7f7f7;
}
a.btn-pane span, a.btn-pane span {
position:absolute; top: 45%; left: 18%; font-size: 4em;
-webkit-transition: left 0.5s, color 0.75s; /* For Safari 3.1 to 6.0 */
transition: left 0.5s, color 0.75s; color: #666;
}
div.slide-nav-right a.btn-pane { right: 0; }
div.slideNofN {
position: fixed; bottom: 10px; right: 10px; z-index: 1000;
padding: 10px; border: none; border-radius: 4px 4px 4px 4px; text-align: center;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.5);
opacity: 0.25; filter: alpha(opacity=25);
} div.slideNofN:hover { opacity: 0.9; filter: alpha(opacity=90); }
body.interact div.slide-container .bg-info { background-color: #d9edf7; }
body.interact div.slide-container .table {
margin-bottom: 20px; max-width: 100%; width: 100%; border-collapse: collapse; border-spacing: 0;
}
body.interact div.slide-container .table > thead > tr > th {
border-bottom: 2px solid #ddd; vertical-align: bottom;
}
body.interact div.slide-container .table-striped > tbody > tr:nth-child(2n+1) {
background-color: #f9f9f9;
}
body.interact div.slide-container td p { margin: 0 25px; }
body.interact div.slide-container td img { min-width: 300px; }
body.interact div.slide-container img.shadow {
-webkit-box-shadow: 3px 3px 10px 2px rgba(163,163,163,0.5); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 3px 3px 10px 2px rgba(163,163,163,0.5); /* Firefox 3.5 - 3.6 */
box-shadow: 3px 3px 10px 2px rgba(163,163,163,0.5); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
body.interact div.section-indices-container .section-list { margin: 15px 0; padding: 15px 0; border-width: 1px; border-style: solid; border-radius: 6px; font-size: 0.9em;}
body.interact div.section-indices-container .section-list ul { list-style: none; margin-left: 0; }
body.interact div.section-indices-container a.disabled, body.interact div#interactive-question-container a.disabled { text-decoration:none; cursor:default; color:#666; }
body.interact #interactive-question-container .btn { padding: 6px 10px; }
body.interact div.section-indices-container span { display: block; }
body.interact div.section-complete, body.interact div.section-retake { margin:20px 0 0 20px; }
body.interact ul.dependency-list, body.interact ul.dependency-list li { list-style-type: none; padding-left:0; }
body.interact ul.dependency-list ul { list-style-type: none; padding-left:0; }
body.interact p.item-completion { margin:20px 0; padding: 20px; border-radius: 6px; box-shadow: 1px 1px 1px #ccc; }
body.interact table.table>tbody { box-shadow: 2px 2px 2px #ccc; border-left: 1px solid #ccc; }
body.interact table.table>thead.text-center th { text-align: center !important }
body.interact table.bg-white>tbody, body.interact table tr.bg-white { background: #fefefe; }
body.interact table.table-striped>tbody>tr>td.bg-white { background: #f9f9f9}
body.interact table tr.row-padding-5 td { padding-bottom: 5px; }
body.interact table tr.row-padding-10 td { padding-bottom: 10px; }
body.interact table tr.row-padding-20 td { padding-bottom: 20px; }
body.interact .text-danger { color: #cc0000; }
body.interact .img-responsive { width:100% }
body.interact .mathjax-box { background: #eee; margin: 10px 0; padding: 1px; border-radius: 6px; box-shadow: 1px 1px 1px #ccc; }
body.interact #MathJax_Message { visibility: hidden; }
body.interact .MathJax_SVG:hover { cursor: zoom-in; }
body.interact .text-left .MathJax_Display, body.interact .text-left .MathJax_SVG_Display { text-align: left !important; }
body.interact .mjx-munderover .mjx-delim-h { margin-top: -0.6em; } /* addresses double-underline */
body.interact .mjx-munderover .mjx-munderover .mjx-delim-h { margin-top: 0; } /* addresses double-underline */
body.interact .underline .math, body.interact .underline { border-bottom: 1px solid; }
body.interact .double-underline .math, body.interact .dblUnderlined .math, body.interact .double-underline, body.interact .dblUnderlined { border-bottom: 3px double; }
body.interact .mjx-munderover .mjx-delim-h .underline { border-bottom: 1px solid; }
ul.list-styled-dash, ul.list-styled-arrow { list-style: none; text-indent: -1.2em; }
ul.list-styled-dash li:before { content: "— "; }
ul.list-styled-arrow li:before { content: "\27A2"; font-size: 1.4em; vertical-align: middle; margin-right:5px; }
/****/
/** tree menu footer progress bar **/
body.interact nav#footer-nav {
position: fixed; bottom:0; width:inherit; padding: 10px 0;
border-top:1px solid #ccc; /*box-shadow: -15px 0 15px #aaa;*/ border-right: 1px solid #dfdfdf;
}
div.progress-bar-wrapper {
border: 1px solid #1C1C1C; margin: 0 10px;
background-color: #313131;
-webkit-box-shadow: 0 0 1px #666, inset 0 1px 1px #222;
-moz-box-shadow: 0 0 1px #666, inset 0 1px 1px #222;
-o-box-shadow: 0 0 1px #888, inset 0 1px 1px #222;
box-shadow: 0 0 1px #666, inset 0 1px 1px #222;
background-image: -webkit-linear-gradient(#323232, #2E2E2E 50%, #323232);
background-image: -moz-linear-gradient(#323232, #2E2E2E 50%, #323232);
background-image: -o-linear-gradient(#323232, #2E2E2E 50%, #323232);
}
div.progress-bar-wrapper .bar {
height: 20px;
background-color: #5387BA;
border-right: 1px solid #282828;
-webkit-box-shadow: inset 0 0 1px #ddd;
-moz-box-shadow: inset 0 0 1px #ddd;
-o-box-shadow: inset 0 0 1px #ddd;
box-shadow: inset 0 0 1px #ddd;
background-image: -webkit-linear-gradient(#66A3E2, #5387BA 50%, #4B79AF 51%, #385D87);
background-image: -moz-linear-gradient(#66A3E2, #5387BA 50%, #4B79AF 51%, #385D87);
background-image: -o-linear-gradient(#66A3E2, #5387BA 50%, #4B79AF 51%, #385D87);
transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
body.interact div.progress-bar-wrapper .bar { height: 10px; }
body.interact nav#footer-nav hr { margin: 10px 0; }
body.interact nav#footer-nav #footer-links { padding: 0 0 0 12px;}
body.interact nav#footer-nav .caption { color: #000; padding: 5px 0 0 12px; font-size:0.9em; }
body.interact nav#footer-nav .caption span { display: inline-block; font-weight: bold; font-size:1.1em; }
/***/
body.interact div#container { margin: 40px 5px 0 5px; padding-left: 15px; line-height: 25px; }
body.interact div#interactive-question-container table { border-spacing: 4px; border-collapse: inherit; }
body.interact span.check { display: inline-block; padding: 5px 10px; background-image:url("sprite.png"); background-position: 0 -206px; }
body.interact div.last-clear { clear:both; line-height: 0; }
body.interact table.table.text-center tr th { text-align: center; }
img.pull-left { margin-right: 20px; margin-bottom: 20px; }
img.pull-right { margin-left: 20px; margin-bottom: 20px;}
body.interact img.drop-shadow, img.drop-shadow-right { box-shadow: 2px 2px 6px #888; }
body.interact img.drop-shadow-left { box-shadow: -2px 2px 6px #888; }
body.interact img.border-radius { border-radius: 5%; }
body.interact hr { clear: both; }
body.interact div.row div.slide img { margin-bottom: 20px; }
body.interact .text-indent, body.interact div.text-indent p { text-indent: 35px !important; display:block !important; }
body.interact h4.title { text-transform: uppercase; font-size: 26px; font-weight: 600; }
body.interact h4.title {
border-bottom: 2px solid #b71e42; margin-bottom: 20px; padding-bottom: 20px;
}
body.interact h5 { font-size: 20px; }
body.interact h4.section-title { font-size: 2.8em; line-height: 1.4em; font-weight: 600; }
body.interact h4.section-title small { color: inherit; font-size: 0.45em; line-height: 1.3em; }
/*body.interact .text-double { font-size: 2em; } */ body.interact .nudge, body.interact .margin-left { margin-left: 3%; }
body.interact .well { border-radius: 10px; font-size: 1.2em; margin: 10px; } body.w-c .well p { margin: 0; }
body.interact .row .well ul, body.interact .row .well ol { margin-left: 3%; }
body.interact .well.inline-block { display: inline-block !important }
body.interact .well.bg-warning { background-image: none;background-color: #fcf8e3; }
body.interact .well.bg-success { background-image: none;background-color: #dff0d8; }
body.interact .well.bg-info { background-image: none;background-color:#d9edf7; }
body.interact .box-shadow { border: 1px solid; box-shadow: 1px 1px 2px; padding: 20px 15px; }
body.interact .bg-grey { background-color: #eee; }
body.interact .bg-light-grey { background-color: #f3f3f3; }
body.interact p cite { font-size: 0.7em; line-height: 1.1em; font-style: normal; }
body.interact .nowrap, body.interact .nobr { white-space: nowrap; }
body.interact div.summary ul { font-weight: bold; }
body.interact div.summary ul em { font-style: italic; font-weight: normal; display: block; margin-left: 4%; }
body.interact p.bullet, body.interact p.bullet .bullet { display: block; } body.interact p.bullet .bullet { margin-left: 35px; }
body.interact p.bullet::before, body.interact p.bullet .bullet::before {
content: "•"; display: inline-block; margin-right: 8px; font-size: 1.6em; line-height: 0; vertical-align: middle;
}
body.interact p.bullet .bullet::before { content: "◦"; }
body.interact td.uline, td.uline-1x { border-bottom: 1px solid; }
body.interact td.uline-2x { border-bottom: 2px solid; } body.interact td.uline-4x { border-bottom: 4px solid; }
body.interact td.duline { border-bottom: 3px double; } body.interact td.duline-2x { border-bottom: 5px solid; }
body.interact td.divider, body.interact tr.divider { border-bottom: 2px solid orange; }
/*.border-red { border-style:solid; border-width: 1px; padding:3px; border-color:red; }*/
.bg-white { background: #fafafa; }
.bg-black { background: #000; }
.bg-grey0, .bg-f5f { background:#f5f5f5; } .bg-grey1, .bg-eee { background: #eee; } .bg-grey2, .bg-ddd { background: #ddd; } .bg-grey3, .bg-ccc { background: #ccc; } .bg-grey4, .bg-bbb { background: #bbb; }
.text-white { color: #fafafa; } .text-red { color: red; } .text-blue { color: blue; }
.text-larger { font-size: 1.2em; }
.text-smaller { font-size: 0.85em; line-height: 1.5em; }
.hidden-mobi { display: inline-block !important; }
.visible-mobi { display: none !important; }
body.interact tr.vertical-align-bottom td { vertical-align: bottom;}
body.interact tr.no-border-top td, body.interact td.no-border-top, body.interact tr.no-border-top th, body.interact th.no-border-top { border-top: none; }
body.interact tr.no-border-bottom td, body.interact td.no-border-bottom, body.interact tr.no-border-bottom th, body.interact th.no-border-bottom { border-bottom: none; }
body.interact tr.no-border-left td, body.interact td.no-border-left { border-left: none; }
body.interact tr.no-border-right td, body.interact td.no-border-right { border-right: none; }
body.interact tr.no-border-row td, body.interact td.no-border-row { border-left: none; border-right: none; }
body.interact tr.no-border-column td, body.interact td.no-border-column { border-top: none; border-bottom: none; }
body.interact .border { border: 1px solid; }
body.interact table.no-border>tbody, body.interact table.no-border>tbody>tr>td, body.interact table.no-border>tbody>tr>th { border: none; box-shadow: none;}
body.interact table.border-white>tbody>tr>td { border-color: #fff; }
body.interact td.no-border-column.underline,
body.interact table.no-border>tbody>tr>td.underline, body.interact table.no-border>tbody>tr>th.underline,
body.interact tr.no-border-bottom td.underline, body.interact td.no-border-bottom.underline { border-bottom: 1px solid; }
body.interact td.no-border-column.double-underline,
body.interact table.no-border>tbody>tr>td.double-underline, body.interact table.no-border>tbody>tr>th.double-underline,
body.interact tr.no-border-bottom td.double-underline, body.interact td.no-border-bottom.double-underline { border-bottom: 3px double; }
body.interact tbody>tr>td.border-red { border: 3px solid crimson !important; }
body.interact .gridlines tr td, body.interact .gridlines tr th { border-right: 1px solid; border-color: inherit }
body.interact .gridlines tr td:last-child, body.interact .gridlines tr th:last-child { border-right: none; }
body.interact tr td.border-right { border-right: 1px solid; border-color: inherit } body.interact tr td.border-left { border-left: 1px solid; border-color: inherit }
body.interact table.table-padding>tbody>tr>td:first-child { padding-left: 12px; }
body.interact table.table-padding>tbody>tr>td:last-child { padding-right: 12px; }
body.interact table .symbol-left:first-letter { float: left; }
body.interact table .symbol-right:first-letter { float: right; }
body.interact figure figcaption { font-size: 0.9em; line-height: 20px; margin: 10px 6px 0 6px; }
.formula { font-family: "Times New Roman", Courier, Garamond, serif; font-style: italic; font-size: 1.3em; }
.formula sub, .formula .sup { font-size: 60%; }
.rotate90 { display: inline-block; transform: rotate(90deg); } .rotate-90 { display: inline-block; transform: rotate(-90deg); }
ul.no-indent { padding-left: 1.5em; }
body.interact .mw175 { max-width: 175px; }
body.interact .mw200 { max-width: 200px; } body.interact .mw250 { max-width: 250px; } body.interact .mw300 { max-width: 300px; } body.interact .mw350 { max-width: 350px; }
body.interact .mw400 { max-width: 400px; } body.interact .mw450 { max-width: 450px; } body.interact .mw500 { max-width: 500px; } body.interact .mw550 { max-width: 550px; }
body.interact .mw600 { max-width: 600px; } body.interact .mw650 { max-width: 650px; } body.interact .mw700 { max-width: 700px; } body.interact .mw750 { max-width: 750px; }
body.interact .mw800 { max-width: 800px; } body.interact .mw850 { max-width: 850px; }
body.interact p.note, body.interact div.note, body.interact div.caution, body.interact p.caution, body.interact p.inform, body.interact div.inform, body.interact p.success, body.interact div.success {
padding: 10px 20px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 1px 1px 2px #dfdfdf;
}
/*body.interact p.note, body.interact div.note*/ body.interact p.caution, body.interact div.caution { background: #fff3d4; border-left: 3px solid #f6b73c; }
body.interact p.inform, body.interact div.inform { background: #d9edf7; border-left: 3px solid navy; }
body.interact p.success, body.interact div.success { background: #dff0d8; border-left: 3px solid green; }
body.interact .display-block { display: block; }
body.interact dl { margin-bottom: 10px; }
body.interact .hanging-indent { margin-left: 5%; padding-right: 5%; }
body.interact .hanging-indent dt, body.interact dl.hanging-indent dd { display: inline; }
body.interact .hanging-indent dt, body.interact .hanging-indent .dt { margin-left: -5% }
body.interact dl.inline dt, body.interact dl.inline dd { display: inline; }
body.interact dl.inline-break dd::after { content: "\A\A" }
body.interact dl dt { font-weight: inherit; }
body.interact dl dd::after { content: "\A"; white-space: pre; }
body.interact ol.hanging-indent, body.interact ul.hanging-indent { margin-left: 5%; padding-left: 0}
body.interact ol.hanging-indent li, body.interact ul.hanging-indent li { list-style-type: none; text-indent: -5%; }
body.interact .popover.bg-info { background: #d9edf7 } body.interact .popover.bg-info .arrow::after { border-right-color: #d9edf7;}
body.interact .popover { display: block; position: relative; }
body.interact .popover .arrow { display: block; }
/*body.interact table.table-padding>tbody>tr:first-child>td { padding-top: 12px; }
body.interact table.table-padding>tbody>tr:last-child>td { padding-bottom: 12px; }*/
/**********************************************************************/
/***** JS Tree *****/
body.interact .jstree li { line-height: 30px; }
body.interact .jstree a {
position: absolute; left:0; display:block; width: 100%; line-height: 26px; height: 30px; border-bottom: 1px dotted;
}
body.interact .jstree ins { height: 30px; width: 25px; }
body.interact .jstree a:focus { outline: dotted ; }
body.interact .jstree li a { padding-left: 5px; }
body.interact .jstree li li li a { padding-left: 23px; }
body.interact .jstree li li li li a { padding-left: 41px; }
body.interact .jstree li li li li li a { padding-left: 59px; }
body.interact .jstree li a ins { opacity: 0.25; }
body.interact .jstree:hover ins { opacity: 0.40; }
body.interact .jstree li a.selected { font-weight: bold; }
body.interact .jstree li a:hover ins, body.interact .jstree li a.selected ins { opacity: 1; }
/*body.interact .jstree-default li.icst-7 { padding: 10px 0 10px; margin-top: 10px; border-top: 1px solid #ddd; } references node */
/**********************************************************************/
/***** Themes *****/
/* THEME - PAS/ALC (default) */
body.interact { background:#F7F9FE; }
body.interact #treeview-nav { background-color: #DCE8EB; overflow-x: auto; }
body.interact div.section-header { background-color: #BED2D9;}
body.interact div.slideNofN { background-color: #ECF1F2;}
body.interact div.well, body.interact div.index-columns {
background-image: linear-gradient(to right, #ECF1F2 0,#DCE8EB 150%); border-color: #CBDBE0
}
body.interact nav#footer-nav { background-color: #BED2D9; border: 0; }
body.interact nav#footer-nav .caption { color: #333; }
body.interact nav#footer-nav .bar {
background: #DCE8EB;
background-image: -webkit-linear-gradient(#DCE8EB, #BED2D9 10%, #CBDBE0 40%, #DCE8EB);
background-image: -moz-linear-gradient(#DCE8EB, #BED2D9 10%, #CBDBE0 40%, #DCE8EB);
background-image: -o-linear-gradient(#DCE8EB, #BED2D9 4010 #CBDBE0 40%, #DCE8EB);
}
body.interact table.table-striped tbody tr:nth-child(even) { background: #ECF1F2; }
body.interact .table-compact>tbody>tr>td, body.interact .table-compact>tbody>tr>th,
body.interact .table-compact>tfoot>tr>td, body.interact .table-compact>tfoot>tr>th,
body.interact .table-compact>thead>tr>td, .table-compact>thead>tr>th { padding: 1px; }
/*
body.interact a.btn { color: #f7f7f7; }
body.interact .btn { border-color: #3071a9; background: #3071a9; }
body.interact .btn[disabled] { background: #c3c3c3; }
*/
body.interact .btn-pane { background: rgba(48,113,169,0.075); }
body.interact .btn-pane[disabled] { background: rgba(195,195,195,0.075); }
body.interact .btn-pane:hover, body.interact .btn-pane:hover, body.interact .btn-pane:focus, body.interact .btn-pane:focus {
background: rgba(48,113,169, 1.0);
}
body.interact .btn-pane span { border-color: #3071a9; }
body.interact .jstree a { border-color: #bbb; } body.interact #footer-nav a { color: #111; font-size: 0.90em; }
body.interact .jstree li a:hover { background-color: #CBDBE0; }
body.interact .jstree li a.selected { background-color: #ECF1F2; }
body.interact table.question tbody td.focused, body.interact table.question tbody tr:hover td.focused { border-color: #2b669a; }
body.interact table.question td.choice-rdo.focused { background-color: #2b669a; }
/* THEME - W&C */
body.interact.wc .exam-header { background-color: #FFFCF7; }
body.interact.wc { background:#ECE5CE url(/media/images/course/w-c/background.jpg) no-repeat bottom right; background-attachment: fixed; background-size: cover; }
body.interact.wc #treeview-nav { background-color: #755d4b; border-color: #CFB789;}
body.interact.wc div.section-header { background-color: #C5E0DC; box-shadow: 0 0 15px #856f5a; }
body.interact.wc div.slideNofN { background: #ECE5CE;}
body.interact.wc div.well, body.interact.wc div.index-columns {
background-image: linear-gradient(to right, #FFF5E4 0,#F3E1C0 150%); border-color: #E08E79
}
body.interact.wc nav#footer-nav { background-color: #856f5a; border: 0;}
body.interact.wc nav#footer-nav .caption { color: #fff; }
body.interact.wc nav#footer-nav .bar {
background: #C5E0DC;
background-image: -webkit-linear-gradient(#C5E0DC, #C5E0DC 10%, #C5E0DC 40%, #4e84bf);
background-image: -moz-linear-gradient(#C5E0DC, #C5E0DC 10%, #C5E0DC 40%, #4e84bf);
background-image: -o-linear-gradient(#C5E0DC, #C5E0DC 10% #C5E0DC 40%, #4e84bf);
}
body.interact.wc table.question td.choice-rdo { background: #E08E79; }
body.interact.wc table.question tbody tr:hover td { border-color: #E08E79 ; }
body.interact.wc table.table-striped tr:nth-child(even) { background: #FFF5E4; }
body.interact.wc .btn { border-color: #E08E79; background: #E08E79; }
body.interact.wc .btn[disabled] { background: #c3c3c3; }
body.interact.wc .btn-pane { background: rgba(224,142,121,0.075); }
body.interact.wc .btn-pane[disabled] { background: rgba(195,195,195,0.075); }
body.interact.wc .btn-pane:hover, body.interact.wc .btn-pane:hover, body.interact.wc .btn-pane:focus, body.interact.wc .btn-pane:focus {
background: rgba(224, 142, 121, 1.0);
}
body.interact.wc .btn-pane span { border-color: #E08E79; }
body.interact.wc .jstree a { color: #EEE; background-color: #755d4b; border-color: #9c9998; } body.interact.wc #footer-nav a { color: #EEE; font-size: 0.90em; }
body.interact.wc .jstree li a:hover { background-color: #ECE5CE; color:#333; }
body.interact.wc .jstree li a.selected { background-color: #C5E0DC; color:#333; }
/**********************************************************************/
/* Media Queries Smartphones (portrait) */
@media only screen and (min-width: 768px) {
/*
body.interact #interactivecontent * { font-size: 2.0vw; line-height: 2.75vw; }
body.interact #interactivecontent small { font-size: 1.5vw; line-height: 2.0vw; }
body.interact #interactive-question-container * {
font-size: 1.25vw;line-height: 1.75vw;
}
body.interact #interactive-question-container h1, body.interact #interactive-question-container h2, body.interact #interactive-question-container h3 { font-size:2.25vw; line-height:3vw; }
body.interact #interactive-question-container div.question { font-size: 1.75vw; line-height: 2.25vw; padding: 2%; }
body.interact #interactive-question-container td:last-child { padding: 1% }
*/
body.interact div.header-nav { display: block; }
body.interact div.interactive-nav-top { display: block; }
body.interact .apa-disclaimer { font-size:0.7em; }
}
/****
if on an ipad (portrait), or a mobile phone (portrait or landscape))
****/
@media only screen and (max-width : 768px), (orientation: landscape) and (max-height : 415px) {
body.interact main { padding: 0 0.5em; }
body.interact #interactive-assessment-container.row { margin: 0; }
body.interact div#interactivecontent { padding: 0; }
body.interact div#container, body.interact div#interactivecontent > div.interactivecontent-container { margin:0; padding: 3px; }
body.interact div#interactive-question-container { margin-top: 25px; }
body.interact div.header-nav { display: none; }
body.interact div.interactive-nav-top { display: none; }
body.interact .apa-disclaimer { font-size:0.6em; line-height: 0.95em }
body.interact #treeview.col-sm-3 { display:none; }
body.interact #interactivecontent.col-sm-9 { width:100%; }
body.interact.wc { background-position-y: 75px; }
body.interact .loading { background-image: url('../../media/images/ajax-loader-large-200.gif'); }
ul.column-2 li, ul.column-3 li, ul.column-4 li { width: 100%; }
body.interact div.exam-header {
height: 50px; background-image: url('../../media/images/logo-test-xs.gif');
background-position-y: 5px;
}
body.interact div.section-header { margin-top: 50px; }
body.interact div.header-spacer { height: 75px !important; }
.visible-mobi { display: inline-block !important; }
.hidden-mobi { display: none !important; }
}
body.interact .apa-disclaimer {
position:fixed; bottom:0; padding: 10px 20px;
color:#686868; background-color:#f5f5f5; margin-left: -12px;
border-top: 1px solid #bbb; box-shadow: 1px -1px 1px #ccc;
z-index:2;
}
body.interact .apa-disclaimer p { padding: 0 15px; }
/**********************************************************************/
/* */
/* the following are shared between course modules and/or exams, as modules may adopt exam format for interactive Q&As */
/* */
body div#question-metadata { margin-top: 0; float: right; }
body div#question-metadata + div { clear:both; margin-bottom:15px; }
/*body.lti div#question-metadata { margin-top: 0; position: fixed; top: 0; right:8%; }*/
/*body.lti div#question-metadata + div { clear:none; margin-bottom:0; }*/
div#question-metadata div.progress, div#question-metadata div.timer, div.timer_critical {
text-align: right; background: #ffffff; border: 1px solid #f0f0f0;
}
div#question-metadata div.progress, div#question-metadata div.timer { float: left }
div#question-metadata div.progress { width: 200px; font-size: 0.8em; padding: 7px 12px 8px 4px; border-right: none }
div#question-metadata div.timer, div.timer_critical { float: right; width: 125px; padding: 6px 8px 6px 4px; }
div#question-metadata div.timer em { display: none; opacity: 0.20; }
div#question-metadata div.timer_critical { background: #cb3131; color: #ffffff; }
a#timer-mute { display: block; float: right; font-size: 10px; clear: both; }
div#question-header { margin: 0 auto; }
div#question-header > h1 { display:block; border-bottom: 1px solid #0b688b; }
div#question-header div.topic h4 { margin:5px 0 10px 0; font-size: 0.9em; padding-bottom: 5px; font-weight: normal; }
#question-container { margin: 0 auto; font-size: 1.0em; }
div.question, div.notice-inf, div.notice-err { background: #fefefe; border-radius: 6px; }
div.notice-inf, div.notice-err { padding: 10px; font-size:1.1em; padding: 25px 15px } div.notice-err { background: #ffffdf; }
div.question p { padding: 12px 10px; }
fieldset.question { width: 100%; margin: 15px auto; }
fieldset .choice-row {
display: flex; flex-direction: row; justify-content: flex-start;
margin-bottom: 4px; border-radius: 6px; border: 4px solid transparent; background: #fefefe;
}
fieldset .choice-row:hover { border-bottom-color: #4997c7; }
fieldset .choice-row.focused { border-color: #4997c7; }
fieldset .choice-row div { margin-left: 12px;}
fieldset .choice-id { width: 2%; vertical-align: middle; padding: 5px 8px; color: #336699; text-align: center; background: #fefefe; border-radius: 4px; cursor:pointer; }
fieldset .choice-id label { cursor:pointer; }
fieldset .choice-rdo { width: 3%; vertical-align: middle; color: #fafafa; background: #336699; text-align:center; border-radius: 4px; padding: 0 8px; }
fieldset .choice-rdo input { padding: 0; margin: 8px 0 0 0; transform: scale(1.25); }
fieldset .choice { padding-top: 4px; width: 100%; }
fieldset .choice label { display: block; cursor: pointer; }
body.interact fieldset .choice-id { width: 5%; }
body.interact fieldset .choice-rdo { width: 8%; }
fieldset .choice-row.correct, fieldset .choice-row.correct div{ background:#58ae4c; color:#fff; }
table.question, table.score { width: 100%; margin: 15px auto; }
table.score td { border: 1px solid transparent; } fieldset .choice-row div { border: 3px solid transparent; }
#question-container h1, #question-header h1 { font-size:1.1em; margin-bottom:0; }
#the-question:focus { border: none; outline: 0; }
a.altlang-1,a.altlang-2,a.altlang-3,a.altlang-4,a.altlang-5,a.altlang-6,a.altlang-7 {
float:right;font-size:8pt; font-style: normal; padding-right: 20px; background: url(../media/images/flags/iso/16/US.png) no-repeat right center;
}
a.altlang-2 { background: url(../media/images/flags/iso/16/ES.png) no-repeat right center }
a.altlang-3 { background: url(../media/images/flags/iso/16/FR.png) no-repeat right center }
a.altlang-4 { background: url(../media/images/flags/iso/16/DE.png) no-repeat right center }
a.altlang-5 { background: url(../media/images/flags/iso/16/MN.png) no-repeat right center }
a.altlang-6 { background: url(../media/images/flags/iso/16/PT.png) no-repeat right center }
a.altlang-6 { background: url(../media/images/flags/iso/16/RU.png) no-repeat right center }
span.altlang-1,span.altlang-2,span.altlang-3,span.altlang-4,span.altlang-5,span.altlang-6,span.altlang-7 {
padding: 3px 5px; margin-top:4px; background: #eaeaea; font-size: 0.95em; border-radius: 2px;
}
table caption strong { display:inline-block; padding-bottom: 10px; font-size: 1.1em; }
table.score_summary, table.score_missed_summary { width: 700px; margin: 10px 0; border-top: 1px dotted #000000; }
table.score_summary tr th { text-align: center; font-weight: bold; width: 155px; background: #f2f2f2; }
table.score_missed_summary { width: 700px; }
table.score_missed_summary tr td.q { background: #f7f7f7; font-size: 10px; font-weight: bold; }
table.score_missed_summary tr td.a { font-size: 10px; font-weight: bold; }
/* WCAG 2.2 SC 1.4.10 (reflow): body sets overflow-x:hidden (top of this file), so a table
wider than the viewport is clipped away with no way to scroll to it. These score tables
carry fixed column widths - the 155px above plus the 75/75/60px inline th widths in
include/templates/score.php, 365px of declared width before padding or content - so at
320px the right-hand columns, Score included, were silently cut off.
Two stages, because a horizontal scroll region alone still leaves Score out of sight
until the reader finds and drags it:
<=768px the fixed widths and the cellpadding attribute are dropped so the table
reflows as far as a table can, and .score-table-scroll scrolls any residual
overflow (focusable via tabindex="0" so it is reachable without a mouse).
<=600px a four-column table cannot show four columns in 320px at any font size, so
each row stacks into its own block and each cell prints its column name from
data-label. Every value is then on screen with vertical scrolling alone.
Note that display:block also drops a table's native semantics out of the accessibility
tree - a stacked row stops being announced as a table row. The data-label prefix is
what carries the column name at this width, so every value still reads with its label
("Score: 87%"); what is lost is table-navigation mode, which is of little use at 320px.
Explicit role="table"/"row"/"cell" would restore the structure, but the chain has to
stay complete across three hand-edited tables and a added later without role="row"
yields a broken ARIA table - worse than none - so score.php stays plain HTML. */
.score-table-scroll { max-width: 100%; overflow-x: auto; }
@media (max-width: 768px) {
table.score_summary, table.score_missed_summary { width: 100%; font-size: 0.85em; }
table.score_summary tr th, table.score_summary tr td,
table.score_missed_summary tr th, table.score_missed_summary tr td {
width: auto !important; padding: 4px 3px;
overflow-wrap: break-word; word-wrap: break-word;
}
table caption strong { font-size: 1em; }
}
@media (max-width: 600px) {
/* nothing overflows once the rows stack, so the wrapper stops being a scroll region */
.score-table-scroll { overflow-x: visible; }
table.score_summary { display: block; width: 100%; border-top: 0; }
table.score_summary caption { display: block; text-align: left; }
table.score_summary thead, table.score_summary tbody { display: block; }
/* the column-header row is replaced by the per-cell data-label prefixes below */
table.score_summary tr.score-hdr-row { display: none; }
table.score_summary tr { display: block; margin: 0 0 10px; border: 1px solid #cfcfcf; }
table.score_summary tr td {
display: block; width: auto !important; text-align: left;
padding: 6px 8px; border-bottom: 1px solid #e4e4e4;
}
table.score_summary tr td:last-child { border-bottom: 0; }
/* :not([data-label=""]) so the Score cell gets no stray ": " prefix on the exams
whose scores are withheld ($UserAssessment->CanShowScore false leaves it empty) */
table.score_summary tr td[data-label]:not([data-label=""])::before {
content: attr(data-label) ": "; display: block;
font-weight: bold; font-size: 0.9em; color: #333;
}
table.score_summary tr td.score-group-hdr { background: #f2f2f2; }
}
body.exam div.question-footer { margin: 30px auto 0; font-size:10pt; margin-top: 15px; padding-top: 15px; }
body.exam div.question-footer input.submit { border:1px solid #000; background:#eee; font-size:10pt; padding:4px; cursor:pointer; }
body.exam div.question-footer .note-record-btn { display:block;float:left; margin-left: 5%; width:70%; }
body.exam div.question-footer label.take-a-break { font-size: 12px; } div.question-footer input { vertical-align: middle; }
body.exam div.question-footer .action-buttons { text-align: left;}
@media (min-width: 768px) {
body.exam div.question-footer .action-buttons { text-align: center; }
}
@media (max-width: 768px) {
body.exam div.question-footer .action-buttons .col-sm-4 { border-left: none !important; border-right: none !important; }
}
body.exam div.question-footer .action-buttons p { color: #444; } body.exam div.question-footer .action-buttons p strong { color: #000; }
body.exam div.question-footer .action-buttons .btn { padding: 5px 0 5px 14px; }
body.exam #cmdSubmit1 img, body.exam #cmdSubmit2 img, body.exam #cmdSubmit3 img {
display: inline-block; padding-left: 12px; position: relative; right: 0; vertical-align:middle;
}
body.exam #cmdSubmit1 { background: #336699 }
body.exam #cmdSubmit2 { background: #2f7b27 }
body.exam #cmdSubmit3 { background: #1b3855 }
div#afk-notice, div#exit-notice {
top: 15%; position:absolute; background:#ffffff; z-index:1000;
border: 1px solid #666; border-radius: 10px;
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(49, 49, 49, 0.5);
}
div#afk-notice p, div#exit-notice p { padding: 20px 10%; }
div#afk-notice { text-align: center; background-color: white; }
div#afk-notice.afk-notice-n2 { background: linear-gradient(180deg, #FEE2E2 0%, #FFFFFF 100%); }
div#afk-notice p.afk-notice-header { padding: 0; font-size: 1.4em; }
div#afk-notice p.afk-notice-header span { display:block; font-size: 0.8em; margin-top:5px; }
.afk-notice-icon { text-align: center; margin-top: 20px; }
div#afk-notice.afk-notice-n3 { background: linear-gradient(180deg, #e3e3e3 0%, #FFFFFF 100%); }
div#afk-notice .afk-notice-locked-sub {
font-size: 0.9em; padding:20px; margin: 0 10% 20px 10%; display: none; background-color: #FEE2E2; color: #a94442;
text-align: left;
}
div#afk-notice.afk-locked .afk-notice-locked-sub { display:block; }
div#afk-notice .afk-notice-locked-sub svg { display: table-cell; margin-bottom: -2px; }
div#afk-notice .afk-notice-locked-sub span { display: table-cell; padding-left: 10px }
.afk-notice-icon1, .afk-notice-icon2, .afk-notice-icon3 { display: none; }
div#afk-notice.afk-notice-open.afk-notice-n1 .afk-notice-icon1 { display: block; }
div#afk-notice.afk-notice-open.afk-notice-n2 .afk-notice-icon2 { display: block; }
div#afk-notice.afk-notice-open.afk-notice-n3 .afk-notice-icon3 { display: block; }
.afk-notice-footer { background: white; margin-top: 0; }
.afk-notice-footer button { padding: 10px 50px; border-radius: 20px; }
div#afk-notice, div#exit-notice { left: 1%; width: 98%; }
@media (min-width: 768px) {
div#afk-notice.afk-notice-open, div#exit-notice.exit-notice-open {
left: 25%; width:50%;
}
}
div#notice-background, div#afk-overlay {
background-color: #f7f7f7; opacity: 0.9; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
display: none;
}
div#afk-overlay { opacity: 0.1; }
body.mask div#afk-overlay { display: block; }
body.mask div#question-header, body.mask div#question-container, body.mask div#question-footer {
filter: blur(4px); -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px);
opacity: 0.25;
}
.btn {
display:inline-block;padding:10px 14px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;
vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none;background-image:none;border:1px solid transparent;border-radius:8px;
}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#336699;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#336699;border-color:#357ebd}
fieldset { border:0; padding:0; margin:0; }
fieldset legend { visibility: hidden }
body.interact .btn { font-family: 'Open Sans',sans-serif; }
#cboxClose { font-weight: normal; background: transparent; border: 0px none; }
div.notice, div.notice-i, div.notice-e, div.notice-c, div.notice-s, div.notice-h, div.notice-p, div.notice-a {
display: block; padding: 20px 50px 25px 25px; margin: 15px 0 15px 0; background: #ffffdf;
}
div.notice-i { background: #ffffdf url(../media/images/ico-i.gif) no-repeat top right; }
div.notice-e { background: #ffffdf url(../media/images/ico-e.gif) no-repeat top right; }
div.notice-c { background: #ffffdf url(../media/images/ico-c.gif) no-repeat top right; }
div.notice-s { background: #ffffdf url(../media/images/ico-s.gif) no-repeat top right; }
div.notice-h { background: #ffffdf url(../media/images/ico-h.gif) no-repeat top right; }
div.notice-a { background: #ffffdf url(../media/images/ico-a.gif) no-repeat top right; }
div.notice-p { border-color: #f5f5f5; }
div.notice-p:hover { border-color: #337897 !important; cursor:pointer; }
/* Informative Messages
---------------------------------------------------------------*/
div.info { border: 1px solid #acb1ff; padding: 10px; background-color: #d1d4fd; }
div.info-w-ico { background: #d1d4fd url(images/ico/16x16/information.png) no-repeat; background-position: 12px 10px; }
span.info-w-ico { background: url(images/ico/16x16/information.png) no-repeat left center; padding-left:20px; display:inline-block; }
span.btw { display:inline-block; padding: 3px 0 3px 5px; color: #666; }
div.message { display: block; margin: 10px 0; background: #ffffdf; border-bottom: 1px solid #eee; border-right:1px solid #eee; border-radius: 8px; }
div.message div { padding: 10px 30px 10px 45px; } div.message div ul { margin-left: 0; padding-left: 0; }
div.message h4, div.message #dialogTitle_QAresponse { font-weight:bold; background:#ffffaa; padding: 6px 8px; border-bottom:1px solid #f7f7f7; padding: 10px; display:block; }
div.message #dialogTitle_QAresponse { font-size: 1.3em; }
div.message ul, div.message ol { padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; } div.message ul { list-style-type: none; }
div.msg-inf h4 { background: #ffffaa url(images/ico/16x16/information.png) no-repeat 8px center; padding-left: 30px; font-weight: normal; }
div.msg-err h4 { background: #ffffaa url(images/ico/16x16/error.png) no-repeat 8px center; padding-left: 30px; }
div.msg-crt h4 { background: #ffffaa url(images/ico/16x16/cancel.png) no-repeat 8px center; padding-left: 30px; }
div.msg-cnf h4 { background: #ffffaa url(images/ico/16x16/check.png) no-repeat 8px center; padding: 10px 0 10px 30px; }
a.cert-link-box {
display:block; border: 2px solid #f5f5f5; padding: 20px; margin: 12px 0; background: #ffffdf; text-decoration: none; color: initial;
}
a.cert-link-box span { text-decoration: underline; color: #337897; }
a.cert-link-box:hover { border-color: #337897 !important; cursor:pointer; }
span.text-version { font-family: courier; font-size: 8pt; color: #ddd; position: fixed; bottom: 12px; }
.pull-left { float:left; } .pull-right { float:right; }
img.pull-left { margin-right: 20px; margin-bottom: 20px; }
img.pull-right { margin-left: 20px; margin-bottom: 20px; }
.sr-only { position: absolute; left: -10000px; overflow: hidden; height: 1px; width: 1px; }
.clear { display:block; clear:both; }
/* per accessibility requirements */
#skip-to-content { position: absolute; left: -10000px; z-index: 1001; }
#skip-to-content:focus { background: #f7f7f7; padding: 15px 20px; margin-top:10px; left:1em !important; }
/* WCAG 2.2 SC 1.4.11 (non-text contrast): a focus ring needs 3:1 against the colour
beside it. #3b99fc measured 2.94:1 on white; #1c4161 measures 10.62:1. The offset is
positive so the ring is drawn just outside the control: the colour beside it is then
always the page background, whereas a ring inside a .btn-primary (#336699) fill cannot
reach 3:1 at any mid tone.
!important on both properties because Bootstrap's own `.btn:focus` rule is more specific. */
:focus {
outline: 3px solid #1c4161 !important;
outline-offset: 2px !important;
}
.btn-default { background-image: none; background-color:#949494; color: #f7f7f7; text-shadow: none; }
.btn-default:hover {
outline: 3px solid #949494 !important; outline-offset: -2px;
background-image: none; background-color:#949494; color: #f7f7f7; text-shadow: none;
}
.btn-primary { background-color:#336699; }
.btn-primary:hover {
/*background-color:#d53500;
color:#336699 !important; background-color: #f7f7f7; text-shadow: none;
*/
outline: 3px solid #336699 !important; outline-offset: -2px;
}
/* ****************************************************** */
/* twitter bootstrap grid system */
div.row {
margin-left: -15px; margin-right: -15px;
}
.row:before, .row:after { display: table; content: " "; } .row:after { clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4,
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7,
.col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10,
.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px; float: left;
}
@media (min-width: 768px) {
.col-sm-3 { width: 20%; }
.col-sm-4 { width: 28%; }
.col-sm-6 { width: 44%; }
}
@media (min-width: 992px) {
.col-md-3 { width: 20%; }
.col-md-4 { width: 38%; }
}
/* ****************************************************** */