/* QUIZ STYLES */ html { background: #fff; } body { width: 230px; height:325px; margin: 0 auto; font-family: Lato, Trebuchet, Arial,Helvetica,sans-serif; font-size: 16px; color: #353535; line-height: 1.5em; background:url(../img/bg.jpg) no-repeat; padding: 135px 20px 50px 50px; } h1,h2,h3,h4,h5,h6 {font-weight: bold;} h1 { font-size: 22px; color: #075290; padding-top:40px } h2 { font-size: 16px; margin: 15px 10px 0 0; font-weight: normal; } h3 { font-size: 16px; margin: 10px 10px 10px 0px; line-height: 22px; } h4 { font-size: 16px; margin: 15px 10px 10px 0px; line-height: 18px; } h5 { font-size: 16px; margin: 50px 0 5px; } h6 { font-size: 22px; margin: 15px 0; } p { font-size: 14px; line-height: 19px; } strong { font-weight: bold; } em { font-style: italic; } ul { list-style-type: circle; } ol { list-style-type: decimal; } ol li { list-style-type: decimal; margin-left: 20px; } .button { float: left; padding: 10px 15px 0px 15px !important; color:#ffffff; background-color: #075290; text-align:center; position: absolute; height:30px; text-decoration: none; } .button:hover { text-decoration: underline; } .startQuiz { margin-top: 80px; } /* Quiz Area */ .quizArea, .quizResults { zoom: 1; } .quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0; } .quizArea:after, .quizResults:after { clear: both; } /* Questions */ .questionCount { font-size: 12px; font-style: italic; } .questionCount span { font-weight: bold; } ol.questions { margin-top: 5px; margin-left: 0; } ol.questions li { margin-left: 0; line-height: 16px; font-size:12px; } ul.answers { margin-left: 5px; margin-bottom: 20px; } /* Responses */ ul.responses li { margin: 0px 5px 0px 0px; } ul.responses li p span { display: block; font-weight: bold; font-size: 16px; } .responses { width: 235px; } ul.responses li.correct p span { color: #075290; margin-bottom: 10px; } ul.responses li.incorrect p span { color: #830000; margin-bottom: 10px; } /* Results */ .quizResults h4 span { font-weight: normal; font-style: italic; } .quizResultsCopy { margin-top: 10px; } /* BASE QUIZ STYLES */ .startQuiz, .nextQuestion, .backToQuestion, .questions li.question, .questions li.question .responses, .questions li.question .responses .correct, .questions li.question .responses .incorrect, .quizResults { display: none; } /* If response messages are disabled or only shown on quiz completion, nextQuestion button IS checkAnswer button - so it must be displayed */ .nextQuestion, .checkAnswer { display: block; } .nextQuestion, .checkAnswer { font-size:16px; text-decoration: none; color:#fff; } a:hover.checkAnswer, a:hover.nextQuestion { text-decoration: underline; } .buttonNQ, .buttonCA { float: left; padding: 15px 15px 0px 10px; background-color: #075290; text-align:center; position: absolute; top: 430px; height:30px; text-decoration: none; } ol.questions, ul.answers, ul.responses, ol.questions li, ul.answers li, ul.responses li { list-style-type: none; }