.vcom_qpreview { position: relative; display:block; color: #444; width: 100%; margin-bottom: 10px; } .vcom_qpreview h4 { font-weight: normal; margin: 0 0 1.5em 0; color: #333333; border-bottom: none; padding: 3px 0; font-size: 18px; } .vcom_qpreview > blockquote { margin: 0 0 1em 0; } .vcom_qpreview:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .vcom_qpreview .vcom-challenge .question { position: relative; -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5), 0px 0px 4px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5), 0px 0px 4px 4px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5), 0px 0px 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5), 0px 0px 4px 4px rgba(0, 0, 0, 0.2); background-color: white; padding: 25px; border-radius: 3px; white-space: normal; z-index: 10; margin: 10px auto 30px auto; max-width: 350px; font-size: 15px; } .vcom_qpreview .vcom-challenge strong { color: black; } .vcom_qpreview .vcom-challenge .source { float: right; font-size: 10px; color: #aaaaaa; margin-bottom: 1em; } .vcom_qpreview .vcom-challenge .questionContent { margin: 0; } .vcom_qpreview .vcom-challenge .questionContent .sentence { margin: 0 0 10px 0; line-height: 125% } .vcom_qpreview .vcom-challenge .challenge-slide .sentence.complete { display: none; } .vcom_qpreview .vcom-challenge .challenge-slide.complete .sentence.complete { display: block; } .vcom_qpreview .vcom-challenge .challenge-slide.complete .sentence.blanked { display: none; } .vcom_qpreview .vcom-challenge .instructions { color: #666666; clear: both; border: none; margin: 0; padding: 0; font-size: 120%; } .vcom_qpreview .vcom-challenge div { outline: none } .vcom_qpreview .vcom-challenge .choices { margin-top: .25em; } .vcom_qpreview .vcom-challenge .question .choices a { display: block; padding: .5em 0 .5em 30px; margin: 0; text-decoration: none; color: #36588E; background-repeat: no-repeat; background-position: 4px 50%; font-weight: bold; cursor: default; position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); background-size: 18px; min-height: 18px; cursor: pointer; background-image: url('/images/challenge/bullet-un560i.png'); } .vcom_qpreview .vcom-challenge .question .choices a:hover { background-color: #eee; } .vcom_qpreview .vcom-challenge .opposite { color: rgb(221, 150, 85); font-style: italic; } .vcom_qpreview .vcom-challenge .question .mode { position: absolute; right: 0px; bottom: -23px; color: #ccc; font-size: 9px; padding: 2px 4px; cursor: default; } .question.typeI .choices { margin: 0; position: absolute; width: 100%; height: 100%; } .vcom_qpreview .vcom-challenge .question.typeI { padding:0; min-height: 250px; overflow: hidden; } .vcom_qpreview .vcom-challenge .question.typeI .choices a { float: left; width: 50%; height: 50%; border: none; margin: 0; padding: 0; background-size: cover; background-position: 0 0; background-origin: border-box; transition: all .3s; -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .vcom_qpreview .vcom-challenge .question.typeI .choices a:hover { opacity: .85; } .vcom_qpreview .vcom-challenge .question.typeI .choices a.incorrect { border: 3px solid rgba(204, 0, 0, 0.85); } .vcom_qpreview .vcom-challenge .question.typeI .choices a.correct { border: 3px solid rgba(39, 150, 39, 0.85); } .vcom_qpreview .vcom-challenge .question.typeI .messagePane { z-index: 1; position: absolute; bottom: -50px; left: -5px; background-color: #f9f9f9; margin:0; padding: 0; } .vcom_qpreview .vcom-challenge .question.typeI .messagePane h3 { padding: 11px 10px; margin: 0; font-size: 16px; } .vcom_qpreview .vcom-challenge .question.typeI .mode { z-index: 1; opacity:.75; } .vcom_qpreview .vcom-challenge .question.typeI .word { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); } .vcom_qpreview .vcom-challenge .question.typeI .word .wrapper { background-color: rgba(255, 255, 255, 0.9); color: rgba(0, 0, 0, 0.89); font-size: 20px; padding: 0 10px; line-height: 30px; border-radius: 3px; box-shadow: 0px 0px 1px 1px rgba(255,255,255,.2), 0px 0px 2px 2px rgba(0,0,0,.2); } .vcom_qpreview .vcom-challenge .question.typeI .word .instructions { font-size: 12px; line-height: 20px; padding: 0; margin: 0; }