/* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : 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: bold 26px/26px Arial, sans-serif; letter-spacing: 0.015em; color: #666; padding-bottom: 5px; } /* line 24, ../../scss/quiz/quiz.scss */ .content-body-quiz .by-line { color: #999; font: bold 14px/14px Arial, sans-serif; margin: 0 0 5px 0; } /* line 33, ../../scss/quiz/quiz.scss */ .module-quiz-slides { height: 550px; margin: 20px 0 30px 0; padding: 20px; } /* line 39, ../../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 48, ../../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 57, ../../scss/quiz/quiz.scss */ .quiz-score .score-count { display: inline-block; font-size: 30px; line-height: 30px; font-weight: bold; margin-left: 20px; } /* line 66, ../../scss/quiz/quiz.scss */ .questions-container { position: relative; } /* line 70, ../../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 82, ../../scss/quiz/quiz.scss */ .quiz-question p { font-size: 14px; color: #666; } /* line 87, ../../scss/quiz/quiz.scss */ .quiz-question .loop-of-total { font-size: 12px; font-weight: bold; text-align: right; margin: 0; } /* line 93, ../../scss/quiz/quiz.scss */ .quiz-question .loop-of-total span { font-weight: normal; } /* line 98, ../../scss/quiz/quiz.scss */ .quiz-question .question { margin: 20px 0; } /* line 102, ../../scss/quiz/quiz.scss */ .quiz-question .answer-button { border: 1px solid #0bbce4; margin-bottom: 10px; padding: 5px 0; font-size: 14px; color: #0bbce4; 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 115, ../../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 121, ../../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 127, ../../scss/quiz/quiz.scss */ .quiz-question .answered { cursor: default; } /* line 131, ../../scss/quiz/quiz.scss */ .quiz-question .explaination { display: none; margin: 0; padding-top: 10px; } /* line 136, ../../scss/quiz/quiz.scss */ .quiz-question .explaination .correctness { display: block; font-weight: bold; font-size: 20px; line-height: 24px; padding-bottom: 5px; } /* line 145, ../../scss/quiz/quiz.scss */ .quiz-question .to-next-question { display: none; border: 1px solid #0bbce4; -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: #0bbce4; text-align: center; cursor: pointer; font-size: 14px; text-transform: uppercase; color: #fff; width: 110px; padding: 5px 20px; margin: 20px auto 10px auto; } /* line 161, ../../scss/quiz/quiz.scss */ .quiz-question .results { font-size: 20px; line-height: 24px; height: 60px; } /* line 166, ../../scss/quiz/quiz.scss */ .quiz-question .results .score { display: inline-block; padding-top: 7px; } /* line 171, ../../scss/quiz/quiz.scss */ .quiz-question .results .redo { float: right; } /* line 176, ../../scss/quiz/quiz.scss */ .quiz-question .again { display: block; border: 1px solid #0bbce4; -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: #0bbce4; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; width: 100px; padding: 5px 20px; } /* line 190, ../../scss/quiz/quiz.scss */ .quiz-question h3 { color: #999; margin-bottom: 10px; } /* line 195, ../../scss/quiz/quiz.scss */ .quiz-question .item { float: left; width: 150px; height: 250px; margin-right: 45px; } /* line 201, ../../scss/quiz/quiz.scss */ .quiz-question .item h4 { font-size: 12px; line-height: 16px; } /* * @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: "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: #222222; 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: 2px solid #ccc; margin-bottom: 10px; color: #999; letter-spacing: 0.015em; } /* line 33, ../../scss/modules/comments.scss */ .module-body-comments .bar .details { color: #666; } /* line 37, ../../scss/modules/comments.scss */ .module-body-comments .bar .post-view { font: bold 15px/15px Arial, sans-serif; } /* line 44, ../../scss/modules/comments.scss */ #comments-toggle { color: #0bbce4; cursor: pointer; letter-spacing: normal; margin-left: 10px; text-transform: none; } /* line 55, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentBox-loginCanvas { margin-bottom: 5px; } /* line 59, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-username { color: #0bbce4; } /* line 63, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-logoutLink { color: #0bbce4; } /* line 24, ../../../../../../../usr/share/compass/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */ .dark-theme-comments .gig-comments-logoutLink:hover { color: #0bbce4; } /* line 67, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-logoutLink-container { color: #999999; } /* line 71, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentBox-headerText { padding: 3px 0 0; } /* line 76, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox, .dark-theme-comments .gig-comments-replyBox { background-color: #333333; border-top: 1px solid #555555; border-bottom: 1px solid #555555; } /* line 81, ../../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 86, ../../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 92, ../../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: #222222; border: 1px solid #555555; 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 100, ../../scss/modules/comments.scss */ .dark-theme-comments #comments-commentBox textarea, .dark-theme-comments .gig-comments-replyBox textarea { color: #eeeeee; width: 100%; } /* line 107, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-post, .dark-theme-comments .gig-comments-button-reply { background-color: #0bbce4; 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 117, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-post { font: normal 18px/17px "ProximaNovaECSB", Arial, sans-serif; padding: 4px 10px; } /* line 122, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-button-reply { font: normal 14px/15px "ProximaNovaECSB", Arial, sans-serif; padding: 2px 6px; } /* line 127, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-headerText { color: #999999; } /* line 131, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-commentList-header { color: #999999; margin-bottom: 5px; } /* line 136, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-shareTo { color: #999999; } /* line 140, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-vote-value { color: #999999; } /* line 144, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment { background-color: transparent; border-top: 1px solid #555555; } /* line 149, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment-child { background-color: transparent; border-top: 1px solid #555555; } /* line 154, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-replies-length { color: #0bbce4; } /* line 158, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-replies-length-container { display: none; } /* line 162, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-comment-body { color: #eeeeee; } /* line 166, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-dottedLine { background-image: none; } /* line 170, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-showMoreComments { background-color: #333333; border: 1px solid #555555; } /* line 175, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-showMoreComments-text { color: #999999; } /* * @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: 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; }