/* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DFH) : ARTICLE / ARTICLE-STRUCTURED * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author carl c von lewin * @built Wed, 16 January 2013 09: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 12, ../../scss/article/article-structured.scss */ #breadcrumbs { display: block; } /* line 15, ../../scss/article/article-structured.scss */ .content-body-article { padding: 20px; } /* line 18, ../../scss/article/article-structured.scss */ .content-body-article h1.title { font: 26px/26px "Oswald", Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.015em; color: #6d91b3; border-bottom: 1px solid #6d91b3; padding-bottom: 5px; } /* line 27, ../../scss/article/article-structured.scss */ .content-body-article .by-line { color: #999; font: bold 14px/14px Arial, sans-serif; margin: 0 0 5px 0; } /* line 33, ../../scss/article/article-structured.scss */ .content-body-article .publish-date { color: #999; font: bold 14px/14px Arial, sans-serif; margin: 0; } /* line 40, ../../scss/article/article-structured.scss */ .body-copy { margin: 20px 0 30px 0; display: table; } /* line 46, ../../scss/article/article-structured.scss */ .body-copy p, .body-copy ul, .body-copy ol { font-size: 14px; } /* line 48, ../../scss/article/article-structured.scss */ .body-copy li { margin-bottom: 5px; } /* line 50, ../../scss/article/article-structured.scss */ .body-copy h3 { padding-bottom: 10px; } /* line 52, ../../scss/article/article-structured.scss */ .body-copy .sidebar { border: 1px solid #ccc; padding: 10px; margin-top: 20px; } /* line 59, ../../scss/article/article-structured.scss */ .body-copy .sidebar p, .body-copy .sidebar ul, .body-copy .sidebar ol { margin-top: 10px; margin-bottom: 0; } /* line 64, ../../scss/article/article-structured.scss */ .body-copy .sidebar h3 { padding: 0; } /* line 68, ../../scss/article/article-structured.scss */ .body-rail { float: left; margin: 0 20px 20px 0; width: 250px; border: 1px solid #ccc; } /* line 74, ../../scss/article/article-structured.scss */ .body-rail img.still { border-bottom: 1px solid #ccc; max-width: 620px; height: auto; } /* line 80, ../../scss/article/article-structured.scss */ .body-rail .caption { padding: 0 5px; color: #666; line-height: 14px; font-size: 12px !important; } /* line 86, ../../scss/article/article-structured.scss */ .body-rail .caption .credits { display: block; padding-top: 5px; } /* line 95, ../../scss/article/article-structured.scss */ .snaggable-video-player { margin-top: 10px; } /* line 99, ../../scss/article/article-structured.scss */ .body-more { width: 100%; height: 30px; margin-bottom: 30px; } /* line 104, ../../scss/article/article-structured.scss */ .body-more .view-more { 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: 120px; padding: 5px 20px; } /* line 117, ../../scss/article/article-structured.scss */ .body-more .view-more a { color: #fff; } /* line 120, ../../scss/article/article-structured.scss */ .body-more .previous-page { float: left; } /* line 122, ../../scss/article/article-structured.scss */ .body-more .next-page { float: right; } /* * @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: #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: #0051ab; 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: #0051ab; } /* line 60, ../../scss/modules/comments.scss */ .dark-theme-comments .gig-comments-logoutLink { color: #0051ab; } /* 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 #6d91b3; margin-bottom: 10px; color: #6d91b3; 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: #6d91b3; } /* 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 (DFH) : OUTBRAIN * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author carl c von lewin * @built Thu, 02 August 2012 15:36: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 14, ../../scss/modules/outbrain.scss */ .module-body-outbrain { margin-bottom: 30px; } /* line 17, ../../scss/modules/outbrain.scss */ .module-body-outbrain .bar { border-bottom: 1px solid #6d91b3; margin-bottom: 10px; color: #6d91b3; letter-spacing: 0.015em; }