/* QUIZ STYLES */ html { background: #fff; } body { width: 300px; height:500px; margin: 0 auto; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 16px; color: #353535; background:url(../img/bg.jpg) no-repeat; } h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 8px; color: #FFFFFF; } h2 { font-size: 22px; } h3 { font-size: 14px; line-height: 20px; } h4 { font-size: 16px; } h5 { font-size: 16px; } h6 { font-size: 16px; } p { font-size: 14px; line-height:21px; } strong { font-weight: bold; } em { font-style: italic; } ul { list-style-type: circle; } ol { list-style-type: decimal; } ol li { list-style-type: decimal; } .truefalse { font-size: 20px; line-height:30px; } a:link.Quizbutton { position: fixed; top: 460px; font-size:26px; text-decoration: none; color:#ffffff !important; text-align:center; width: 300px; } a:hover.Quizbutton, a:visited.Quizbutton { text-decoration: none; color:#ffffff !important; } .startQuiz { } /* 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; padding-bottom:5px; } .questionCount span { font-weight: bold; } .questions { background:url(../img/bg-questions.jpg) no-repeat; } ol.questions { padding-top: 85px; padding-left: 8px; padding-right: 10px; height: 420px; } ol.questions li { line-height: 19px; font-size:16px; } ul.answers { margin-top: 20px; font-weight: bold; font-size: 14px; } /* Responses */ ul.responses li { } ul.responses li p span { display: block; font-weight: bold; font-size: 16px; margin-bottom: 5px; } .responses { overflow: hidden; width: 280px; } ul.responses li.correct p span { color: #075290; } ul.responses li.incorrect p span { color: #3e326b; } /* Results */ .quizResultsCopy { padding-top: 5px; padding-left: 0px; } .quizResults { background:url(../img/bg3.jpg) no-repeat; height:500px; } .quizResults h4 span { font-weight: normal; font-style: italic; } .share { background-color: #99ccee; width: 286px; margin-left:2px; margin-bottom:5px; padding: 6px 0px 4px 10px; } .info { background-color: #f6a15f; width: 286px; margin:0px 2px 5px 2px; padding: 6px 0px 4px 10px; } .disclaimerbox { background-color: #949494; width: 286px; margin-left:2px; margin-bottom:4px; padding: 6px 0px 4px 10px; } .quizScore { font-size: 26px; line-height: 28px; } .quizScorebox{ background-color: #b4cd40; width: 286px; margin-left:2px; padding: 6px 0px 4px 10px; } .quizScorebox2{ width: 286px; padding-top: 85px; } /* 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 { text-align: center; } .checkAnswer { text-align: center; } a:link.nextQuestion, a:link.checkAnswer { position: fixed; top: 462px; width:285px; font-size:26px; text-decoration: none; color:#ffffff !important; } a:hover.checkAnswer, a:hover.nextQuestion { text-decoration: none; color: #ffffff !important; } a:visited.checkAnswer, a:visited.nextQuestion { text-decoration: none; color: #ffffff !important; } ol.questions, ul.answers, ul.responses, ol.questions li, ul.answers li, ul.responses li { list-style-type: none; } input[type="radio"] { vertical-align: baseline !important; margin: 0px 4px 0px 0px !important; }