/* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (APL) : QUIZ / QUIZ * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author carl c von lewin * @built Fri, 14 September 2012 10:24:00 EST */ /* line 23, ../../scss/bootstrap/mixins.scss */ .clearfix { *zoom: 1; } /* line 15, ../../scss/bootstrap/mixins.scss */ .clearfix:before, .clearfix:after { display: table; content: ""; } /* line 19, ../../scss/bootstrap/mixins.scss */ .clearfix:after { clear: both; } /* line 14, ../../scss/quiz/quiz.scss */ #editorial-content { background: transparent url("data:image/gif;base64,R0lGODlh5gMBAJEAAP7+/k9PT////wAAACH5BAAAAAAALAAAAADmAwEAAAIthI6py+0Po5y02ouz3rz7D4biSJbmiaZKwLbuC8fyTNf2jef6zvf+DwwKh4ECADs=") repeat-y right top; margin-top: 0 !important; } /* line 19, ../../scss/quiz/quiz.scss */ .content-body-quiz { padding: 20px; } /* line 22, ../../scss/quiz/quiz.scss */ .content-body-quiz h1.title { font: normal 26px/28px "Oswald", Arial, sans-serif; letter-spacing: 1px; word-spacing: 1.4px; color: #333; padding-bottom: 5px; } /* line 30, ../../scss/quiz/quiz.scss */ .content-body-quiz .by-line { color: #999; font: normal 12px/12px Arial, sans-serif; margin: 0 0 5px 0; } /* line 39, ../../scss/quiz/quiz.scss */ .module-quiz-slides { height: 550px; margin: 20px 0 30px 0; padding: 19px; border: 1px solid #e9e9e9; background-color: #ededed; } /* line 47, ../../scss/quiz/quiz.scss */ .quiz-score { background-color: transparent; background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); zoom: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; padding: 5px 20px; color: #fff; width: 40%; opacity: 0; } /* line 56, ../../scss/quiz/quiz.scss */ .quiz-score .header { display: inline-block; font-weight: bold; font-size: 16px; line-height: 16px; vertical-align: top; padding-top: 8px; } /* line 65, ../../scss/quiz/quiz.scss */ .quiz-score .score-count { display: inline-block; font-size: 30px; line-height: 30px; font-weight: bold; margin-left: 20px; } /* line 74, ../../scss/quiz/quiz.scss */ .questions-container { position: relative; } /* line 76, ../../scss/quiz/quiz.scss */ .quiz-question { position: absolute; top: 0; left: 0; display: none; opacity: 0; width: 542px; height: 458px; padding: 20px; background-color: transparent; background-color: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); zoom: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* line 88, ../../scss/quiz/quiz.scss */ .quiz-question p { font-size: 14px; color: #666; } /* line 93, ../../scss/quiz/quiz.scss */ .quiz-question .loop-of-total { font-size: 12px; font-weight: bold; text-align: right; margin: 0; } /* line 99, ../../scss/quiz/quiz.scss */ .quiz-question .loop-of-total span { font-weight: normal; } /* line 102, ../../scss/quiz/quiz.scss */ .quiz-question .question { margin: 20px 0; } /* line 104, ../../scss/quiz/quiz.scss */ .quiz-question .answer-button { border: 1px solid #8CC835; margin-bottom: 10px; padding: 5px 0; font-size: 14px; color: #8CC835; cursor: pointer; text-transform: capitalize; background: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px #666666; -moz-box-shadow: 0 1px 3px #666666; box-shadow: 0 1px 3px #666666; } /* line 118, ../../scss/quiz/quiz.scss */ .quiz-question .true { color: #fff; background-color: transparent; background-color: rgba(140, 200, 53, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B38CC835,endColorstr=#B38CC835); zoom: 1; border-color: #8CC835; } /* line 124, ../../scss/quiz/quiz.scss */ .quiz-question .false { color: #fff; background-color: transparent; background-color: rgba(200, 53, 53, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3C83535,endColorstr=#B3C83535); zoom: 1; border-color: #c83535; } /* line 130, ../../scss/quiz/quiz.scss */ .quiz-question .answered { cursor: default; } /* line 132, ../../scss/quiz/quiz.scss */ .quiz-question .explaination { display: none; margin: 0; padding-top: 10px; } /* line 137, ../../scss/quiz/quiz.scss */ .quiz-question .explaination .correctness { display: block; font-weight: bold; font: normal 20px/24px "Oswald", Arial, sans-serif; letter-spacing: 1px; word-spacing: 1.4px; padding-bottom: 5px; } /* line 149, ../../scss/quiz/quiz.scss */ .quiz-question .to-next-question { display: none; border: 1px solid #8CC835; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px #666666; -moz-box-shadow: 0 1px 3px #666666; box-shadow: 0 1px 3px #666666; background: #8CC835; text-align: center; cursor: pointer; font-size: 14px; text-transform: uppercase; color: #fff; width: 110px; padding: 5px 20px; margin: 20px auto 10px auto; } /* line 165, ../../scss/quiz/quiz.scss */ .quiz-question .results { font: normal 20px/24px "Oswald", Arial, sans-serif; letter-spacing: 1px; word-spacing: 1.4px; height: 60px; } /* line 173, ../../scss/quiz/quiz.scss */ .quiz-question .results .score { display: inline-block; padding-top: 7px; } /* line 178, ../../scss/quiz/quiz.scss */ .quiz-question .results .redo { float: right; } /* line 181, ../../scss/quiz/quiz.scss */ .quiz-question .again { display: block; border: 1px solid #8CC835; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px #666666; -moz-box-shadow: 0 1px 3px #666666; box-shadow: 0 1px 3px #666666; background: #8CC835; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; width: 100px; padding: 5px 20px; } /* line 195, ../../scss/quiz/quiz.scss */ .quiz-question h3 { color: #333; font-family: 'Oswald', Arial, sans-serif; letter-spacing: 1px; word-spacing: 1.4px; margin-bottom: 10px; } /* line 203, ../../scss/quiz/quiz.scss */ .quiz-question .item { float: left; width: 150px; height: 250px; margin-right: 45px; } /* line 209, ../../scss/quiz/quiz.scss */ .quiz-question .item img { box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.45); } /* line 211, ../../scss/quiz/quiz.scss */ .quiz-question .item h4 { font-size: 12px; line-height: 16px; } /* line 220, ../../scss/quiz/quiz.scss */ .rail-column { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODcxRjg1REFGRDQzODA1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNzAwNjdDQUQ4MTYxMUUxOERGNUY3NzdFRkJCMDlBQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNzAwNjdDOUQ4MTYxMUUxOERGNUY3NzdFRkJCMDlBQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNzVCQTEzQTgyMDY4MTE4QTZEQkQ1NjNERUJGMTMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3N0YxMTc0MDcyMDY4MTE4NzFGODVEQUZENDM4MDU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KbLnnQAAAHBJREFUeNqs07EKwCAQA9AsdbQ4F9fiKPj//9ZYU+h88SBDVN5wIADcTMs5Y4ZzMZ1J6iczmKJ+6L6qvxMGdNZgAx9iAZow8N9JGFCv2AB02MB66wNwAPWCDcCADax1+AAcQD1hA9BhA/Pb2ADnEWAAnlkld4LYMd4AAAAASUVORK5CYII=") repeat left top; } /* line 223, ../../scss/quiz/quiz.scss */ .rail-column .column-wrapper { padding: 12px 12px 12px 12px; color: #FFF; } /* line 228, ../../scss/quiz/quiz.scss */ .rail-column .column-wrapper .module-advertisement { margin-bottom: 20px; } @import url('http://fonts.googleapis.com/css?family=Oswald:400,700'); /* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : COMMENT * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author richard leland + carl c von lewin * @built Thu, 02 August 2012 15:33:00 EST */ @font-face { font-family: 'Oswald', sans-serif; font-weight: 400; font-style: normal; } /* line 18, ../../scss/modules/comments.scss */ .module-videos-comments { color: #666; background: #FFF; padding: 20px; } /* line 24, ../../scss/modules/comments.scss */ .module-body-comments { margin-bottom: 30px; } /* line 27, ../../scss/modules/comments.scss */ .module-body-comments .bar { border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; letter-spacing: 0.015em; } /* line 32, ../../scss/modules/comments.scss */ .module-body-comments .bar .details { color: #666; } /* line 36, ../../scss/modules/comments.scss */ .module-body-comments .bar .post-view { font: bold 15px/15px Arial, sans-serif; } /* line 41, ../../scss/modules/comments.scss */ #comments-toggle { color: #8cc835; cursor: pointer; letter-spacing: normal; margin-left: 10px; text-transform: none; } /* line 52, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentBox-loginCanvas { margin-bottom: 5px; } /* line 56, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-username { color: #8cc835; } /* line 60, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-logoutLink { color: #8cc835; } /* line 64, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-logoutLink-container { color: #333; } /* line 68, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentBox-headerText { padding: 3px 0 0; } /* line 73, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox, .dark-theme-comments .gig-comments-replyBox { background-color: #ededed; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } /* line 79, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox .gig-comments-commentBox, .dark-theme-comments .gig-comments-replyBox .gig-comments-commentBox { margin-top: 0; padding: 10px; } /* line 84, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox .gig-comments-commentBox-commentBox, .dark-theme-comments .gig-comments-replyBox .gig-comments-commentBox-commentBox { border-top: none; border-bottom: none; padding: 0; } /* line 90, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox .gig-comments-textarea-wrapper, .dark-theme-comments .gig-comments-replyBox .gig-comments-textarea-wrapper { background-color: white; border: 1px solid #a6a6a6; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* line 98, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox textarea, .dark-theme-comments .gig-comments-replyBox textarea { color: #333; width: 100%; } /* line 105, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-post, .dark-theme-comments .gig-comments-button-reply { background-color: #8cc835; background-image: none; border: none; color: #fff; filter: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /* line 115, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-post { font: normal 18px/17px "oswald", Arial, sans-serif; padding: 4px 10px; } /* line 120, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-reply { font: normal 14px/15px "oswald", Arial, sans-serif; padding: 2px 6px; } /* line 125, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-headerText { color: #333; } /* line 127, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentList-header { color: #333; margin-bottom: 5px; } /* line 132, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-shareTo { color: #333; } /* line 136, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-vote-value { color: #333; } /* line 140, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment { background-color: transparent; border-top: 1px solid #e8e8e8; } /* line 145, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment-child { background-color: transparent; border-top: 1px solid #e8e8e8; } /* line 150, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-replies-length { color: #8cc835; } /* line 154, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-replies-length-container { display: none; } /* line 158, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment-body { color: #333er; } /* line 162, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-dottedLine { background-image: none; } /* line 166, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-showMoreComments { background-color: #FFF; border: 1px solid #e8e8e8; } /* line 171, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-showMoreComments-text { color: #333; } /* line 182, ../../scss/modules/comments.scss */ a.gig-comments-button.gig-comments-button-post, a:hover.gig-comments-button.gig-comments-button-post, a:link.gig-comments-button.gig-comments-button-post, a:active.gig-comments-button.gig-comments-button-post, a:visited.gig-comments-button.gig-comments-button-post { padding: 5px !important; } /* line 188, ../../scss/modules/comments.scss */ a.gig-comments-button.gig-comments-button-reply, a:hover.gig-comments-button.gig-comments-button-reply, a:link.gig-comments-button.gig-comments-button-reply, a:active.gig-comments-button.gig-comments-button-reply, a:visited.gig-comments-button.gig-comments-button-reply { padding: 5px !important; } /* line 191, ../../scss/modules/comments.scss */ #modular-content .module-body-comments, #editorial-content .module-body-comments { margin-bottom: 30px; } /* line 194, ../../scss/modules/comments.scss */ #modular-content .module-body-comments .bar, #editorial-content .module-body-comments .bar { border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; color: #333; font: normal 22px/22px "Oswald", Arial, sans-serif; letter-spacing: 0.015em; } /* line 201, ../../scss/modules/comments.scss */ #modular-content .module-body-comments .bar .details, #editorial-content .module-body-comments .bar .details { color: #333; } /* line 203, ../../scss/modules/comments.scss */ #modular-content .module-body-comments .bar .post-view, #editorial-content .module-body-comments .bar .post-view { font: bold 15px/15px Arial, sans-serif; } /* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : OPTIONAL ELEMENTS / LIST VIEW * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author carl c von lewin * @built Wed, 05 September 2012 14:20:00 EST */ /* line 10, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements { margin-bottom: 10px; } /* line 13, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .bar { border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; color: #333; font: normal 22px/22px "Oswald", Arial, sans-serif; letter-spacing: 1px; word-spacing: 1.4px; } /* line 23, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .item { margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; } /* line 28, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .last { margin-bottom: 0; border-bottom: none; } /* line 33, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .thumbnail { width: 250px; height: 150px; margin-bottom: 50px; } /* line 38, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .thumbnail img { width: 250px; height: 150px; } /* line 44, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .details { min-height: 200px; margin: -200px 0 0 270px; } /* line 48, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .details h4.title { font: normal 20px/20px "Oswald", Arial, sans-serif; letter-spacing: 1px; word-spacing: 1.4px; padding: 5px 0; } /* line 55, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .details p { color: #666; font-size: 14px; }