/* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (ID) : 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 */ .content-body-quiz { padding: 20px; } /* line 17, ../../scss/quiz/quiz.scss */ .content-body-quiz h1.title { font: normal 28px/28px "ProximaNovaReg", Arial, sans-serif; letter-spacing: 1px; word-spacing: 1.4px; color: #333; padding-bottom: 5px; } /* line 26, ../../scss/quiz/quiz.scss */ .content-body-quiz .by-line { color: #999; font: bold 12px/12px Arial, sans-serif; margin: 0 0 5px 0; } /* line 35, ../../scss/quiz/quiz.scss */ .module-quiz-slides { height: 550px; margin: 20px 0 30px 0; padding: 19px; border: 1px solid #e9e9e9; background-color: #ededed; } /* line 43, ../../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 52, ../../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 61, ../../scss/quiz/quiz.scss */ .quiz-score .score-count { display: inline-block; font-size: 30px; line-height: 30px; font-weight: bold; margin-left: 20px; } /* line 70, ../../scss/quiz/quiz.scss */ .questions-container { position: relative; } /* line 74, ../../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 86, ../../scss/quiz/quiz.scss */ .quiz-question p { font-size: 14px; color: #666; } /* line 91, ../../scss/quiz/quiz.scss */ .quiz-question .loop-of-total { font-size: 12px; font-weight: bold; text-align: right; margin: 0; } /* line 97, ../../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 106, ../../scss/quiz/quiz.scss */ .quiz-question .answer-button { border: 1px solid #3aa4e2; margin-bottom: 10px; padding: 5px 0; font-size: 14px; color: #114a91; cursor: pointer; 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 119, ../../scss/quiz/quiz.scss */ .quiz-question .true { color: #fff; background-color: transparent; background-color: rgba(0, 153, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3009900,endColorstr=#B3009900); zoom: 1; border-color: #090; } /* line 125, ../../scss/quiz/quiz.scss */ .quiz-question .false { color: #fff; background-color: transparent; background-color: rgba(153, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3990000,endColorstr=#B3990000); zoom: 1; border-color: #900; } /* line 131, ../../scss/quiz/quiz.scss */ .quiz-question .answered { cursor: default; } /* line 135, ../../scss/quiz/quiz.scss */ .quiz-question .explaination { display: none; margin: 0; padding-top: 10px; } /* line 140, ../../scss/quiz/quiz.scss */ .quiz-question .explaination .correctness { display: block; font-weight: bold; font-size: 20px; line-height: 24px; padding-bottom: 5px; } /* line 149, ../../scss/quiz/quiz.scss */ .quiz-question .to-next-question { display: none; border: 1px solid #3aa4e2; -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: #3aa4e2; 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-size: 20px; line-height: 24px; height: 60px; } /* line 170, ../../scss/quiz/quiz.scss */ .quiz-question .results .score { display: inline-block; padding-top: 7px; } /* line 175, ../../scss/quiz/quiz.scss */ .quiz-question .results .redo { float: right; } /* line 180, ../../scss/quiz/quiz.scss */ .quiz-question .again { display: block; border: 1px solid #3aa4e2; -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: #3aa4e2; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; width: 100px; padding: 5px 20px; } /* line 194, ../../scss/quiz/quiz.scss */ .quiz-question h3 { color: #999; margin-bottom: 10px; } /* line 199, ../../scss/quiz/quiz.scss */ .quiz-question .item { float: left; width: 150px; height: 250px; margin-right: 45px; } /* line 205, ../../scss/quiz/quiz.scss */ .quiz-question .item h4 { font-size: 12px; line-height: 16px; } /* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (ID) : 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: "ProximaNovaECSB"; src: url("http://static.ddmcdn.com/fonts/ProximaNovaExCn/ProximaNovaExCn-Sbold-webfont.eot"); src: url("http://static.ddmcdn.com/fonts/ProximaNovaExCn/ProximaNovaExCn-Sbold-webfont.eot?#iefix") format("eot"), url("http://static.ddmcdn.com/fonts/ProximaNovaExCn/ProximaNovaExCn-Sbold-webfont.woff") format("woff"), url("http://static.ddmcdn.com/fonts/ProximaNovaExCn/ProximaNovaExCn-Sbold-webfont.ttf") format("truetype"), url("http://static.ddmcdn.com/fonts/ProximaNovaExCn/ProximaNovaExCn-Sbold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "ProximaNovaBold"; src: url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Bold-webfont.eot"); src: url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Bold-webfont.eot?#iefix") format("eot"), url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Bold-webfont.woff") format("woff"), url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Bold-webfont.ttf") format("truetype"), url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Bold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "ProximaNovaReg"; src: url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Reg-webfont.eot"); src: url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Reg-webfont.eot?#iefix") format("eot"), url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Reg-webfont.woff") format("woff"), url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Reg-webfont.ttf") format("truetype"), url("http://static.ddmcdn.com/fonts/ProximaNova/ProximaNova-Reg-webfont.svg") format("svg"); font-weight: normal; font-style: normal; } /* line 18, ../../scss/modules/comments.scss */ .module-videos-comments { color: #fff; background: #00348f; padding: 20px; } /* line 23, ../../scss/modules/comments.scss */ .module-videos-comments #comments-toggle { color: #6ec8fe; } /* line 29, ../../scss/modules/comments.scss */ .module-body-comments { margin-bottom: 30px; } /* line 32, ../../scss/modules/comments.scss */ .module-body-comments .bar { border-bottom: 2px solid #00348f; margin-bottom: 10px; color: #00348f; letter-spacing: 0.015em; } /* line 38, ../../scss/modules/comments.scss */ .module-body-comments .bar .details { color: #0b3274; } /* line 42, ../../scss/modules/comments.scss */ .module-body-comments .bar .post-view { font: bold 15px/15px Arial, sans-serif; } /* line 49, ../../scss/modules/comments.scss */ #comments-toggle { color: #0b3274; cursor: pointer; letter-spacing: normal; margin-left: 10px; text-transform: none; } /* line 60, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentBox-loginCanvas { margin-bottom: 5px; } /* line 64, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-username { color: #6ec8fe; } /* line 68, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-logoutLink { color: #6ec8fe; } /* line 24, ../../../../../../../usr/share/compass/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */ .dark-theme-comments .gig-comments-logoutLink:hover { color: #6d98fc; } /* line 72, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-logoutLink-container { color: #f6f6f6; } /* line 76, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentBox-headerText { padding: 3px 0 0; } /* line 81, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox, .dark-theme-comments .gig-comments-replyBox { background-color: #041e5f; } /* line 84, ../../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 89, ../../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 95, ../../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 #041e5f; 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 103, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox textarea, .dark-theme-comments .gig-comments-replyBox textarea { color: black; width: 926px !important; } /* line 109, ../../scss/modules/comments.scss */ .dark-theme-comments a.gig-comments-button { padding: 2px 5px; } /* line 114, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-post, .dark-theme-comments .gig-comments-button-reply { background-color: #6ec8fe; 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 124, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-post { font: normal 18px/17px "ProximaNovaECSB", Arial, sans-serif; padding: 4px 10px; } /* line 129, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-reply { font: normal 14px/15px "ProximaNovaECSB", Arial, sans-serif; padding: 2px 6px; } /* line 134, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-headerText { color: #f6f6f6; } /* line 138, ../../scss/modules/comments.scss */ .dark-theme-comments div.gig-comments-headerLinks { padding-top: 0; } /* line 142, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentList-header { color: #f6f6f6; margin-bottom: 5px; padding-top: 30px; } /* line 146, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentList-header div { padding-top: 0; } /* line 151, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-shareTo { color: #f6f6f6; } /* line 155, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-follow { color: #f6f6f6 !important; } /* line 159, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-vote-value { color: #f6f6f6; } /* line 163, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment { background-color: transparent; border-top: 1px solid #041e5f; } /* line 168, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment-child { background-color: transparent; border-top: 1px solid #041e5f; } /* line 173, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-replies-length { color: #6ec8fe; } /* line 177, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-replies-length-container { display: none; } /* line 181, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment-body { color: #f6f6f6; } /* line 185, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment-time { color: #999999; } /* line 189, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-headerLinks a { color: #999999 !important; } /* line 193, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-dottedLine { background-image: none; } /* line 197, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-showMoreComments { background-color: #041e5f; border: 1px solid #041e5f; } /* line 202, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-showMoreComments-text { color: #f6f6f6; } /* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (ID) : 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: 2px solid #ccc; margin-bottom: 20px; color: #999; letter-spacing: 0.015em; } /* line 20, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .item { margin-bottom: 20px; border-bottom: 2px solid #ccc; } /* line 25, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .last { margin-bottom: 0; border-bottom: none; } /* line 30, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .thumbnail { width: 250px; height: 150px; margin-bottom: 50px; } /* line 35, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .thumbnail img { width: 250px; height: 150px; } /* line 41, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .details { min-height: 200px; margin: -200px 0 0 270px; } /* line 45, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .details h4.title { font-size: 20px; line-height: 22px; padding: 5px 0; } /* line 51, ../../scss/modules/optional-elements-list.scss */ .module-optional-elements .details p { color: #666; font-size: 14px; }