Created
October 16, 2014 07:21
-
-
Save palimadra/7e961c61872f282d663c to your computer and use it in GitHub Desktop.
A CSS file for a WordPress theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font: inherit; | |
| vertical-align: baseline; | |
| } | |
| article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { | |
| display: block; | |
| } | |
| ol,ul { | |
| list-style: none; | |
| } | |
| blockquote,q { | |
| quotes: none; | |
| } | |
| blockquote:after,blockquote:before,q:after,q:before { | |
| content: ''; | |
| content: none; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| body { | |
| height: 100%; | |
| } | |
| #view-queue { | |
| -ms-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| width: 240px; | |
| position: fixed; | |
| top: 54px; | |
| bottom: 0; | |
| left: -240px; | |
| z-index: 999; | |
| } | |
| .admin-bar #view-queue { | |
| top: 86px; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #view-queue { | |
| top: 44px; | |
| }; | |
| } | |
| html:not(.firefox) body:not(.ie-edge) #qz-app { | |
| position: relative; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| body.ios #qz-app,html.android #qz-app { | |
| overflow: hidden; | |
| }; | |
| } | |
| body.ie-edge #qz-app { | |
| width: 100%; | |
| } | |
| body.ie-edge #view-queue { | |
| -ms-overflow-style: none; | |
| position: fixed; | |
| height: 100%; | |
| } | |
| body.ie-edge #view-itemWell { | |
| width: 100%; | |
| } | |
| #view-itemWell,#view-queue { | |
| transform: translateX(0px); | |
| -webkit-transform: translateX(0px); | |
| transition: all 500ms ease-out; | |
| } | |
| body.ie-edge:not(.queueOpen) #view-itemWell,body.ie-edge:not(.queueOpen) #view-queue { | |
| transform: none; | |
| -ms-transform: none; | |
| } | |
| body.queueOpen #view-itemWell,body.queueOpen #view-queue { | |
| transform: translateX(240px); | |
| -webkit-transform: translateX(240px); | |
| } | |
| @font-face { | |
| font-family:AdelleBold;src:url(../fonts/AdelleSansWeb/AdelleSansBasic_Bold.eot);src:url(../fonts/AdelleSansWeb/AdelleSansBasic_Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/AdelleSansWeb/AdelleSansBasic_Bold.woff) format('woff'),url(../fonts/AdelleSansWeb/AdelleSansBasic_Bold.ttf) format('truetype');font-weight:700; | |
| } | |
| @font-face { | |
| font-family:AdelleLight;src:url(../fonts/AdelleSansWeb/AdelleSansBasic_Light.eot);src:url(../fonts/AdelleSansWeb/AdelleSansBasic_Light.eot?#iefix) format('embedded-opentype'),url(../fonts/AdelleSansWeb/AdelleSansBasic_Light.woff) format('woff'),url(../fonts/AdelleSansWeb/AdelleSansBasic_Light.ttf) format('truetype');font-weight:400;font-style:normal; | |
| } | |
| @font-face { | |
| font-family:Adelle;src:url(../fonts/AdelleSansWeb/AdelleSansBasic_Regular.eot);src:url(../fonts/AdelleSansWeb/AdelleSansBasic_Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/AdelleSansWeb/AdelleSansBasic_Regular.woff) format('woff'),url(../fonts/AdelleSansWeb/AdelleSansBasic_Regular.ttf) format('truetype');font-weight:400;font-style:normal; | |
| } | |
| @font-face { | |
| font-family:PTSerif;src:url(../fonts/PTSerif/PTF55F-webfont.eot);src:url(../fonts/PTSerif/PTF55F-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/PTSerif/PTF55F-webfont.woff) format('woff'),url(../fonts/PTSerif/PTF55F-webfont.ttf) format('truetype'),url(../fonts/PTSerif/PTF55F-webfont.svg#PTSerifRegular) format('svg');font-weight:400;font-style:normal; | |
| } | |
| @font-face { | |
| font-family:QZIcons;src:url(../fonts/qz-icons.eot?-b9yf6n1);src:url(../fonts/qz-icons.eot?#iefix-b9yf6n1) format('embedded-opentype'),url(../fonts/qz-icons.woff?-b9yf6n1) format('woff'),url(../fonts/qz-icons.ttf?-b9yf6n1) format('truetype'),url(../fonts/qz-icons.svg?-b9yf6n1#qz-icons) format('svg');font-weight:400;font-style:normal; | |
| } | |
| body { | |
| font-family: PTSerif,serif; | |
| font-size: 16px; | |
| line-height: 1.5; | |
| font-smoothing: antialiased; | |
| -moz-font-smoothing: antialiased; | |
| } | |
| body a { | |
| color: #168dd9; | |
| text-decoration: none; | |
| } | |
| body a:hover { | |
| text-decoration: underline; | |
| } | |
| #header a,#header svg,#settingsNav a,#settingsNav svg { | |
| color: #c3c5c0; | |
| fill: #c3c5c0; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| font-family: AdelleBold,sans-serif; | |
| letter-spacing: 1px; | |
| font-size: 13px; | |
| line-height: 16px; | |
| } | |
| #header a:hover,#header svg:hover,#settingsNav a:hover,#settingsNav svg:hover { | |
| text-decoration: none; | |
| color: #1298ea; | |
| } | |
| [class*=" icon-"],[class^=icon-] { | |
| font-family: QZIcons; | |
| speak: none; | |
| font-style: normal; | |
| font-weight: 400; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| .icon-expand-arrow:before { | |
| content: "\e607"; | |
| } | |
| .icon-instagram:before { | |
| content: "\e612"; | |
| } | |
| .icon-link:before { | |
| content: "\e61b"; | |
| } | |
| .icon-share:before { | |
| content: "\e61c"; | |
| } | |
| .icon-reply-arrow:before { | |
| content: "\e618"; | |
| } | |
| .icon-star:before { | |
| content: "\e619"; | |
| } | |
| .icon-www:before { | |
| content: "\e61a"; | |
| } | |
| .icon-left-arrow:before { | |
| content: "\e617"; | |
| } | |
| .icon-annotations-rollover:before { | |
| content: "\e600"; | |
| } | |
| .icon-annotations:before { | |
| content: "\e601"; | |
| } | |
| .icon-camera:before { | |
| content: "\e602"; | |
| } | |
| .icon-close:before { | |
| content: "\e603"; | |
| } | |
| .icon-daily-brief:before { | |
| content: "\e604"; | |
| } | |
| .icon-down-arrow:before { | |
| content: "\e605"; | |
| } | |
| .icon-email:before { | |
| content: "\e606"; | |
| } | |
| .icon-facebook:before { | |
| content: "\e608"; | |
| } | |
| .icon-google-plus:before { | |
| content: "\e609"; | |
| } | |
| .icon-hamburrow:before { | |
| content: "\e60a"; | |
| } | |
| .icon-linkedin:before { | |
| content: "\e60b"; | |
| } | |
| .icon-pause:before { | |
| content: "\e60c"; | |
| } | |
| .icon-pinterest:before { | |
| content: "\e60d"; | |
| } | |
| .icon-play:before { | |
| content: "\e60e"; | |
| } | |
| .icon-quartz:before { | |
| content: "\e60f"; | |
| } | |
| .icon-search:before { | |
| content: "\e610"; | |
| } | |
| .icon-settings:before { | |
| content: "\e611"; | |
| } | |
| .icon-sponsored:before { | |
| content: "\e613"; | |
| } | |
| .icon-twitter:before { | |
| content: "\e614"; | |
| } | |
| .icon-whats-app:before { | |
| content: "\e615"; | |
| } | |
| .icon-zoom:before { | |
| content: "\e616"; | |
| } | |
| .icon-daily-brief,.icon-search,.icon-settings { | |
| color: #c3c5c0; | |
| } | |
| .icon-daily-brief:not(.no-hover):hover,.icon-search:not(.no-hover):hover,.icon-settings:not(.no-hover):hover { | |
| color: #1298ea; | |
| } | |
| .icon-hamburrow { | |
| color: #c3c5c0; | |
| } | |
| #queueToggle:hover .icon-hamburrow { | |
| color: #1298ea; | |
| } | |
| .desaturated [class*=" icon-"],.desaturated [class^=icon-] { | |
| color: #e1e1e1; | |
| } | |
| .desaturated .bulletin-archive-share { | |
| color: #ababab; | |
| } | |
| .desaturated .icon-twitter:hover { | |
| color: #00aced; | |
| } | |
| .desaturated .icon-facebook:hover { | |
| color: #3b5998; | |
| } | |
| .desaturated .icon-linkedin:hover { | |
| color: #007bb6; | |
| } | |
| .desaturated .icon-email:hover { | |
| color: #0096b6; | |
| } | |
| .desaturated .icon-google-plus:hover { | |
| color: #dd4b39; | |
| } | |
| .desaturated .icon-instagram:hover { | |
| color: #205c8e; | |
| } | |
| .desaturated .icon-whats-app:hover { | |
| color: #34af23; | |
| } | |
| .desaturated .icon-www:hover { | |
| color: #168dd9; | |
| } | |
| .colored .icon-twitter { | |
| color: #00aced; | |
| } | |
| .colored .icon-facebook { | |
| color: #3b5998; | |
| } | |
| .colored .icon-google-plus { | |
| color: #dd4b39; | |
| } | |
| .colored .icon-linkedin { | |
| color: #007bb6; | |
| } | |
| .colored .icon-email { | |
| color: #0096b6; | |
| } | |
| .colored .icon-whats-app { | |
| color: #34af23; | |
| } | |
| .colored .icon-www { | |
| color: #168dd9; | |
| } | |
| .colored [class*=" icon-"]:not(.no-hover):hover,.colored [class^=icon-]:not(.no-hover):hover { | |
| color: #c3c5c0; | |
| } | |
| .icon-whats-app { | |
| display: none; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .android .icon-whats-app,.ios .icon-whats-app { | |
| display: inline-block; | |
| }; | |
| } | |
| #page-404 { | |
| background: url(../svg/robot.svg) center no-repeat; | |
| background-size: contain; | |
| height: 653px; | |
| width: 615px; | |
| margin: 150px auto 25px; | |
| } | |
| .text-404 { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| font-size: 30px; | |
| line-height: 36px; | |
| color: #e4e4e4; | |
| text-align: center; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #page-404 { | |
| height: 260px; | |
| width: 275px; | |
| margin: 100px auto 20px; | |
| } | |
| .text-404 { | |
| font-size: 16px; | |
| line-height: 22px; | |
| }; | |
| } | |
| body.in #qz-logo svg,body.in #qz-logo:hover svg { | |
| position: relative; | |
| top: -10px; | |
| left: 18px; | |
| width: 128px; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| transform: none; | |
| } | |
| body.in a:not([class*=icon-]) { | |
| color: #1e866c; | |
| } | |
| body.in a.postLink { | |
| color: #fff; | |
| } | |
| body.in #share-overlay-button { | |
| color: #1e866c; | |
| } | |
| body.in #edition-tag { | |
| display: block; | |
| position: relative; | |
| left: 39.5%; | |
| top: -18px; | |
| font: 16px/27px "PT Serif"; | |
| font-style: italic; | |
| text-transform: capitalize; | |
| color: #bebebe; | |
| font-weight: 700; | |
| letter-spacing: 0; | |
| } | |
| body.in .item .item-header span.kicker { | |
| color: #1e866c; | |
| } | |
| body.in #obsessionsOverlayFilters a[title*=India],body.in .item .item-body .edition-credit.india { | |
| display: none; | |
| } | |
| body.in #obsessionsOverlayLoadMore:hover,body.in #show-more:hover,body.in .overlay .icon-close { | |
| color: #1e866c; | |
| } | |
| body.in .overlay form.item-email-wrapper span.field-container.button input { | |
| background: #1e866c; | |
| } | |
| body.in #about-page-close .icon-close:hover { | |
| color: #1e866c; | |
| } | |
| body.in #header a:hover,body.in #header a:hover i[class*=icon] { | |
| color: #1e866c!important; | |
| } | |
| body.in #queueToggle:hover .icon-hamburrow { | |
| color: #1e866c; | |
| } | |
| body.in article.lead .kicker { | |
| background: #1e866c; | |
| } | |
| body.in #settingsNav .subsectionHeader,body.in #settingsNav a:hover,body.in #view-queue li:not(.bulletin) .kicker,body.in article.headline .kicker,body.in article.note .kicker,body.in article.note.expandable .constrain:hover .icon-expand-arrow,body.in article.slice .kicker { | |
| color: #1e866c; | |
| } | |
| body.in article.headline h2 a { | |
| color: #333; | |
| } | |
| body.in #top-stories-tab i,body.in .section-header .icon-down-arrow { | |
| color: #1e866c; | |
| } | |
| body.in .overlay.mobile header nav a.active { | |
| background-color: #1e866c; | |
| color: #000; | |
| } | |
| body.in .overlay.mobile header nav a { | |
| color: #1e866c; | |
| border-color: #1e866c; | |
| } | |
| body.in .overlay.mobile .mobileList .filterContainer h2 { | |
| color: #1e866c; | |
| } | |
| body.in #show-more:hover { | |
| color: #1e866c!important; | |
| } | |
| body:not(.in) #edition-tag { | |
| display: none; | |
| } | |
| #overlay.sponsored { | |
| background: #000; | |
| } | |
| #overlay.sponsored .loader { | |
| margin: auto; | |
| width: 68.57%; | |
| min-width: 960px; | |
| text-align: center; | |
| } | |
| #overlay.sponsored .loader .india-logo { | |
| width: 200px; | |
| margin: auto auto 25px; | |
| display: block; | |
| position: relative; | |
| left: -7px; | |
| } | |
| #overlay.sponsored .loader .sponsor-text { | |
| width: 100%; | |
| margin: 10% 0 50px; | |
| display: block; | |
| } | |
| #overlay.sponsored .loader .sponsor-text .sponsor-head { | |
| font: 31px/48px PTSerif; | |
| font-style: italic; | |
| color: #555; | |
| display: inline-block; | |
| margin: 25px 0; | |
| padding: 15px 0; | |
| border-top: 1px solid #212121; | |
| border-bottom: 1px solid #212121; | |
| letter-spacing: -.5px; | |
| } | |
| #overlay.sponsored .loader .sponsor-text .sponsor-info { | |
| margin: auto auto 12px; | |
| width: 120px; | |
| font: 12px/15px Adelle; | |
| color: #555; | |
| text-transform: uppercase; | |
| padding-top: 25px; | |
| } | |
| #overlay.sponsored .loader .sponsor-text svg { | |
| display: block; | |
| margin: auto auto 30px; | |
| } | |
| #overlay.sponsored .loader .sponsor-text svg#Layer_1 { | |
| display: none; | |
| } | |
| #overlay.sponsored .loader .sponsor-text .logo-container { | |
| width: 290px; | |
| margin: auto; | |
| } | |
| #overlay.sponsored .loader .sponsor-text .logo-container .edition-tag { | |
| position: relative; | |
| top: 2px; | |
| float: right; | |
| left: 10px; | |
| height: 20px; | |
| font: 16px/20px Adelle,"Helvetica Neue",Helvetica,sans-serif; | |
| width: 60px; | |
| padding: 1px 0; | |
| letter-spacing: 1px; | |
| color: #F0F0F0; | |
| background-color: #1E866C; | |
| text-transform: uppercase; | |
| } | |
| #overlay.sponsored .loader .sponsor-text .GE { | |
| width: 40px; | |
| display: block; | |
| margin: auto; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| body.in #qz-logo svg,body.in #qz-logo:hover svg { | |
| width: 96px; | |
| left: 0; | |
| top: -8px; | |
| } | |
| body.in #edition-tag { | |
| left: auto; | |
| font: 13px/27px "PT Serif"; | |
| font-style: italic; | |
| font-weight: 700; | |
| letter-spacing: 0; | |
| } | |
| html.ios body.in #edition-tag { | |
| -webkit-transform: translateY(2px); | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px),only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| .android #overlay.sponsored .loader,.ios #overlay.sponsored .loader { | |
| min-width: 0; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| html.android-tablet body.in #header h1 svg { | |
| top: -6px; | |
| left: 10px; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .android #overlay.sponsored .loader,.ios #overlay.sponsored .loader { | |
| min-width: 0; | |
| } | |
| .android #overlay.sponsored .loader .sponsor-text,.ios #overlay.sponsored .loader .sponsor-text { | |
| margin-top: 20%; | |
| }; | |
| } | |
| .item-email-signup { | |
| max-width: 640px; | |
| margin-top: 0; | |
| margin-right: auto; | |
| margin-bottom: 50px; | |
| margin-left: -webkit-calc(((100% - 640px) / 2) + 150px); | |
| margin-left: -moz-calc((100% - 640px) / 2 + 150px); | |
| margin-left: calc(((100% - 640px) / 2) + 150px); | |
| padding-top: 30px; | |
| border-top: 1px solid #e0e0e0; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .item-email-signup { | |
| padding-right: 30px; | |
| padding-left: 30px; | |
| width: auto; | |
| padding-bottom: 20px; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-email-signup { | |
| margin: auto auto 2.5em; | |
| padding: 0; | |
| width: 86.25%; | |
| padding-top: 0!important; | |
| } | |
| .iphone .item-email-signup { | |
| display: -webkit-flex; | |
| margin-bottom: -.85em; | |
| }; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| .item-email-signup { | |
| padding-top: 35px; | |
| margin-top: -10px; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px),only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| .item-email-signup { | |
| margin-left: auto!important; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-email-signup .item-email-main { | |
| padding-top: 5px; | |
| }; | |
| } | |
| .item-email-signup .item-email-main h3 { | |
| color: #333; | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 24px; | |
| } | |
| .item-email-signup .item-email-main form { | |
| display: block; | |
| min-height: 60px; | |
| width: 100%; | |
| } | |
| .item-email-signup .item-email-main .daily-brief-quotes { | |
| margin-top: 15px; | |
| margin-bottom: -4px; | |
| min-height: 66px; | |
| max-height: 66px; | |
| height: 66px; | |
| -webkit-transition: all .25s linear; | |
| -moz-transition: all .25s linear; | |
| transition: all .25s linear; | |
| } | |
| .item-email-signup .item-email-main .daily-brief-quotes p { | |
| font: 16px/22px Adelle; | |
| color: #999; | |
| width: 100%; | |
| padding-left: 2px; | |
| } | |
| .item-email-signup .item-email-main .daily-brief-quotes p span { | |
| font-size: 12px; | |
| color: #a1a1a1; | |
| font-family: AdelleLight,sans-serif; | |
| display: inline-block; | |
| } | |
| .item-email-signup .item-email-main .daily-brief-quotes img { | |
| float: left; | |
| min-height: 1.2em; | |
| margin-right: 8px; | |
| margin-bottom: 10px; | |
| margin-top: 5px; | |
| } | |
| .item-email-signup .item-email-main span.for-early { | |
| color: #a1a1a1; | |
| display: block; | |
| font: 13px/22px Adelle,Helvetica,sans-serif; | |
| position: absolute; | |
| top: 53px; | |
| left: 12px; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-email-signup .item-email-main span.for-early { | |
| top: 46px; | |
| }; | |
| } | |
| .item-email-signup .item-email-main span.get-to-know { | |
| font-family: Adelle,"Helvetica Neue",sans-serif; | |
| font-size: 18px; | |
| } | |
| @media only screen and (max-width:1024px) { | |
| .item-email-signup .item-email-main span.get-to-know { | |
| font-size: 15px; | |
| color: #4c4c4c; | |
| }; | |
| } | |
| .item-email-signup .item-email-main .opt-settings { | |
| padding-top: 14px; | |
| } | |
| .item-email-signup .item-email-main .opt-settings.final-screen { | |
| padding-top: 15px; | |
| font-family: Adelle,"Helvetica Neue",sans-serif; | |
| color: #bcbcbc; | |
| } | |
| .item-email-signup .item-email-main .opt-settings select { | |
| -webkit-appearance: initial; | |
| -moz-appearance: dialog!important; | |
| appearance: initial; | |
| background-color: #f4f4f4; | |
| border: 1px solid #e5e5e5; | |
| padding: 10px; | |
| min-height: 40px; | |
| width: 190px; | |
| color: #4c4c4c; | |
| margin-bottom: 0; | |
| line-height: 18px; | |
| font-size: 16px; | |
| white-space: nowrap; | |
| height: 43px; | |
| outline: 0; | |
| margin-right: 6px; | |
| border-radius: 2px; | |
| font-family: Adelle,"Helvetica Neue",sans-serif; | |
| } | |
| .item-email-signup .item-email-main .opt-settings select::-ms-expand { | |
| display: none; | |
| } | |
| .item-email-signup .item-email-main .opt-settings button.btn { | |
| height: 43px; | |
| width: 155px; | |
| background-color: #168dd9; | |
| border-radius: 3px; | |
| border: none; | |
| margin-top: 21px; | |
| color: #fff; | |
| font: 15px/23px Adelle; | |
| outline: 0; | |
| } | |
| .item-email-signup .item-email-main .opt-settings button.btn:hover { | |
| background: #147fc3; | |
| } | |
| .item-email-signup .item-email-main .opt-settings .no-opt-settings { | |
| margin-left: 16px; | |
| font-size: 16px; | |
| font-family: Adelle,"Helvetica Neue",sans-serif; | |
| color: #bcbcbc; | |
| } | |
| .item-email-signup .item-email-main .opt-settings .no-opt-settings:hover { | |
| text-decoration: underline; | |
| } | |
| .item-email-signup .item-email-main .field-container { | |
| position: relative; | |
| float: left; | |
| display: block; | |
| border: 0; | |
| padding: 0; | |
| white-space: nowrap; | |
| line-height: 50px; | |
| height: 50px; | |
| font-family: Adelle,sans-serif; | |
| } | |
| .item-email-signup .item-email-main .field-container input[type=submit],.item-email-signup .item-email-main .field-container select { | |
| -webkit-appearance: none; | |
| -moz-appearance: none; | |
| appearance: none; | |
| background: 0 0; | |
| border: none; | |
| margin-top: 6px; | |
| } | |
| .item-email-signup .item-email-main .field-container input[type=submit]:focus,.item-email-signup .item-email-main .field-container select:focus { | |
| outline: 0; | |
| } | |
| .item-email-signup .item-email-main .field-container select { | |
| -moz-appearance: dialog!important; | |
| } | |
| .item-email-signup .item-email-main .field-container select::-ms-expand { | |
| display: none; | |
| } | |
| .item-email-signup .item-email-main .field-container input[type=email] { | |
| -webkit-appearance: none!important; | |
| } | |
| .item-email-signup .item-email-main .field-container .select-container,.item-email-signup .item-email-main .field-container input[type=email] { | |
| height: 43px; | |
| border: 1px solid #E6E6E6; | |
| font-family: Adelle,"Helvetica Neue",sans-serif; | |
| font-size: 16px; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .item-email-signup .item-email-main .field-container .select-container { | |
| height: 45px; | |
| border: none; | |
| } | |
| .item-email-signup .item-email-main .field-container.email input[type=email] { | |
| border-radius: 2px; | |
| padding: 0 5px 0 12px; | |
| margin-top: 6px; | |
| } | |
| .item-email-signup .item-email-main .field-container.email input[type=email]:focus { | |
| border: 1px solid #b9ddf4; | |
| outline: 0; | |
| box-shadow: none; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .ie-fix-bg { | |
| cursor: pointer; | |
| overflow: hidden; | |
| border-radius: 2px; | |
| display: block; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .select-container { | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); | |
| color: #4c4c4c; | |
| padding: 0; | |
| max-width: 201px; | |
| width: 201px; | |
| line-height: 43px; | |
| font-family: Adelle,sans-serif; | |
| overflow: hidden; | |
| display: block; | |
| margin-top: 6px; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .select-container select { | |
| width: 100%; | |
| font-size: 15px; | |
| border-radius: 2px; | |
| -webkit-appearance: initial; | |
| appearance: initial; | |
| background-color: #f4f4f4; | |
| border: 1px solid #e5e5e5; | |
| padding: 10px; | |
| min-height: 45px; | |
| color: #4c4c4c; | |
| margin-bottom: 0; | |
| line-height: 18px; | |
| margin-left: 0; | |
| margin-top: 0; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .select-container select.region-error { | |
| color: #c25250; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .select-container select:focus { | |
| border: 1px solid #b9ddf4; | |
| box-shadow: none; | |
| } | |
| @media only screen and (min-width:650px) and (max-width:1024px) { | |
| .item-email-signup .item-email-main .field-container.region .select-container select { | |
| height: 39px; | |
| min-height: 39px; | |
| max-height: 39px; | |
| }; | |
| } | |
| .item-email-signup .item-email-main .field-container.button { | |
| overflow: hidden; | |
| height: 52px; | |
| } | |
| .item-email-signup .item-email-main .field-container.button.hasHeight { | |
| min-height: 60px; | |
| } | |
| .item-email-signup .item-email-main .field-container.button .alt-submit,.item-email-signup .item-email-main .field-container.button input[type=submit] { | |
| border-radius: 2px; | |
| height: 45px; | |
| line-height: 40px; | |
| cursor: pointer; | |
| width: 130px; | |
| overflow: hidden; | |
| background-color: #0fa3ff; | |
| color: #fff; | |
| font-size: 14px; | |
| font-family: Adelle,sans-serif; | |
| text-align: center; | |
| } | |
| .item-email-signup .item-email-main .field-container.button input[type=submit] { | |
| background: #168dd9; | |
| } | |
| .item-email-signup .item-email-main .field-container.button input[type=submit]:focus { | |
| text-indent: 0; | |
| } | |
| .item-email-signup .item-email-main .field-container.button input[type=submit]:hover { | |
| background: #147fc3; | |
| } | |
| .item-email-signup .item-email-main .field-container.button input[type=submit]:disabled { | |
| background: rgba(22,141,217,.4); | |
| cursor: text; | |
| } | |
| .item-email-signup .item-email-main .field-container.button input[type=submit]:disabled:hover { | |
| cursor: text; | |
| } | |
| .item-email-signup .item-email-main .field-container.button a.alt-submit { | |
| display: block; | |
| } | |
| .item-email-signup .item-email-main .field-container .error { | |
| font-family: Adelle; | |
| font-size: 12px; | |
| line-height: 1; | |
| color: #c25250; | |
| margin: 0; | |
| padding: 0; | |
| position: absolute; | |
| bottom: -20px; | |
| left: 0; | |
| height: auto; | |
| } | |
| .item-email-signup .item-email-main .field-container .error.hidden { | |
| display: none!important; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| .item-email-signup .item-email-main { | |
| max-width: 640px; | |
| } | |
| .item-email-signup .item-email-main input[type=email] { | |
| width: 270px; | |
| margin-right: 10px; | |
| } | |
| .item-email-signup .item-email-main .field-container.region { | |
| margin-right: 10px; | |
| }; | |
| } | |
| @media only screen and (max-width:1024px) { | |
| .item-email-signup .item-email-main form .field-container.email { | |
| float: none; | |
| height: 37px; | |
| } | |
| .item-email-signup .item-email-main form .field-container.email input[type=email] { | |
| width: 100%; | |
| max-width: 325px; | |
| display: block; | |
| } | |
| .item-email-signup .item-email-main form .field-container.region { | |
| margin-right: 9px; | |
| height: 37px; | |
| } | |
| .item-email-signup .item-email-main form .field-container.button { | |
| clear: right; | |
| margin-bottom: 40px; | |
| }; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .item-email-signup .item-email-main form .field-container.email input[type=email] { | |
| width: 93%; | |
| height: 35px; | |
| font-size: 14px; | |
| }; | |
| } | |
| @media only screen and (min-width:650px) and (max-width:1024px) { | |
| .item-email-signup .item-email-main { | |
| max-width: 640px; | |
| } | |
| .item-email-signup .item-email-main.button button.btn { | |
| width: 118px; | |
| } | |
| .item-email-signup .item-email-main .field-container.email { | |
| height: 44px; | |
| width: 320px; | |
| float: left!important; | |
| margin-right: 20px; | |
| } | |
| .item-email-signup .item-email-main .field-container.email input[type=email] { | |
| width: 100%; | |
| max-width: 250px; | |
| display: block; | |
| padding-right: 0; | |
| height: 44px; | |
| font-size: 15px; | |
| } | |
| .item-email-signup .item-email-main .field-container.region { | |
| margin-right: 9px; | |
| float: left; | |
| width: 175px; | |
| font-size: 14px; | |
| line-height: 46px; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .select-container { | |
| margin-top: 6px; | |
| line-height: 46px; | |
| height: 46px!important; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .select-container select { | |
| height: 46px!important; | |
| max-height: 46px!important; | |
| min-height: 46px!important; | |
| font-family: Adelle; | |
| line-height: 18px; | |
| } | |
| .item-email-signup .item-email-main .field-container.button button.btn,.item-email-signup .item-email-main .field-container.button input[type=submit] { | |
| height: 46px; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-email-signup .item-email-main { | |
| width: 100%; | |
| padding: 25px 0 30px; | |
| -webkit-transform: translateZ(1px); | |
| } | |
| .item-email-signup .item-email-main h3 { | |
| margin-top: 15px; | |
| margin-bottom: 5px; | |
| font-size: 19px; | |
| display: inline-block; | |
| line-height: 24px; | |
| } | |
| html.android .item-email-signup .item-email-main h3,html.ios .item-email-signup .item-email-main h3 { | |
| margin-top: -5px; | |
| } | |
| .item-email-signup .item-email-main .daily-brief-quotes { | |
| display: none; | |
| } | |
| .item-email-signup .item-email-main .field-container.region { | |
| margin-right: 8px; | |
| width: 59%; | |
| } | |
| .item-email-signup .item-email-main .field-container.region .select-container { | |
| max-width: none; | |
| width: 100%; | |
| } | |
| .item-email-signup .item-email-main .field-container.region select { | |
| height: 37px; | |
| min-height: 37px!important; | |
| max-height: 37px; | |
| width: 100%; | |
| padding: 9px!important; | |
| font-size: 14px!important; | |
| } | |
| .item-email-signup .item-email-main .field-container.button { | |
| margin-bottom: 20px!important; | |
| } | |
| .item-email-signup .item-email-main .field-container.button input[type=submit] { | |
| width: 104px; | |
| display: block; | |
| padding: 0 4px; | |
| height: 37px; | |
| margin-top: 9px; | |
| line-height: 37px; | |
| } | |
| .item-email-signup .item-email-main .error.email { | |
| position: relative; | |
| bottom: -4px; | |
| left: 14px; | |
| float: left; | |
| }; | |
| } | |
| .bulletin .item-email-signup { | |
| border-bottom: 1px solid #e2e2e2; | |
| } | |
| .bulletin .item-email-signup .item-email-main { | |
| border-top: 0; | |
| } | |
| #itemsContainer.post-subscribe .item-email-signup { | |
| display: none; | |
| } | |
| #itemsContainer.post-subscribe .item-email-signup.subscribe-error,#itemsContainer.post-subscribe .item-email-signup.subscribe-success { | |
| display: block; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| .item-email-signup { | |
| width: 82%; | |
| padding-left: 0; | |
| margin: 50px auto auto; | |
| } | |
| .item-email-signup .item-email-main { | |
| width: 100%; | |
| } | |
| .item-email-signup .item-email-main .daily-brief-quotes { | |
| display: block; | |
| } | |
| .item-email-signup .item-email-main span.field-container { | |
| float: left; | |
| height: 37px!important; | |
| } | |
| .item-email-signup .item-email-main span.field-container.email { | |
| width: 200px; | |
| float: left!important; | |
| } | |
| .item-email-signup .item-email-main span.field-container.email input[type=email] { | |
| padding-left: 6px; | |
| padding-right: 0; | |
| width: 92%; | |
| } | |
| .item-email-signup .item-email-main span.field-container.button { | |
| height: 43px!important; | |
| margin-left: -6px; | |
| } | |
| .item-email-signup .item-email-main span.field-container.button input[type=submit] { | |
| height: 37px!important; | |
| width: 90px; | |
| margin-top: 6px; | |
| } | |
| .item-email-signup .item-email-main span.field-container.region span.select-container { | |
| width: 180px; | |
| margin-top: 2px; | |
| } | |
| .item-email-signup .item-email-main span.field-container.region span.select-container select { | |
| height: 37px; | |
| min-height: 34px!important; | |
| line-height: 12px; | |
| font-size: 14px; | |
| width: 97%; | |
| } | |
| .item-email-signup .item-email-main span.field-container span.for-early { | |
| left: 14px; | |
| top: 48px; | |
| }; | |
| } | |
| @media only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| #view-itemWell .item-email-signup { | |
| margin-top: 36px; | |
| } | |
| .item-email-signup .item-email-main .item-email-wrapper { | |
| margin-top: 10px; | |
| } | |
| .item-email-signup .item-email-main .item-email-wrapper .field-container.email { | |
| width: 300px; | |
| } | |
| .item-email-signup .item-email-main .item-email-wrapper .field-container.email .error.email { | |
| bottom: -30px; | |
| left: 10px; | |
| } | |
| .item-email-signup .item-email-main .item-email-wrapper .field-container.region { | |
| margin-right: 6px; | |
| width: 170px; | |
| } | |
| .item-email-signup .item-email-main .item-email-wrapper .field-container.region .select-container { | |
| width: 100%; | |
| } | |
| .item-email-signup .item-email-main .item-email-wrapper .field-container.button input { | |
| width: 144px; | |
| } | |
| .item-email-signup .item-email-main span.for-early { | |
| left: 10px; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px),only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| .item-email-signup span.for-early { | |
| position: absolute; | |
| font-size: 13px; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-email-signup+article { | |
| margin-top: 15px; | |
| }; | |
| } | |
| .item-email-signup+article.item:not(.bulletin) { | |
| border-top: 1px solid #e0e0e0; | |
| } | |
| html.hasOverlay body { | |
| left: 0; | |
| -webkit-overflow-scrolling: touch; | |
| overflow: hidden; | |
| width: 100%; | |
| } | |
| html.hasOverlay body.home .brief-engage:not(.engage-visible) { | |
| visibility: hidden; | |
| } | |
| html.hasOverlay #qz-app { | |
| -webkit-filter: blur(12px); | |
| -moz-filter: blur(12px); | |
| -o-filter: blur(12px); | |
| -ms-filter: blur(12px); | |
| filter: blur(12px); | |
| -webkit-transition: all .75s ease-in .25s; | |
| } | |
| html.hasOverlay #header { | |
| -webkit-filter: blur(6px); | |
| -moz-filter: blur(6px); | |
| -o-filter: blur(6px); | |
| -ms-filter: blur(6px); | |
| filter: blur(6px); | |
| -webkit-transition: all .75s ease-in .25s; | |
| } | |
| html.hasOverlay.firefox #header,html.hasOverlay.firefox #qz-app { | |
| filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYmx1ciI+DQoJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEwIiAvPg0KCTwvZmlsdGVyPg0KPC9zdmc+#blur); | |
| } | |
| .overlay { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 100%; | |
| width: 100%; | |
| background-color: rgba(0,0,0,.85); | |
| z-index: 99999; | |
| overflow-y: auto; | |
| overflow-x: hidden; | |
| padding: 0 8%; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-transform: translate(0,0); | |
| -moz-transform: translate(0,0); | |
| -ms-transform: translate(0,0); | |
| -o-transform: translate(0,0); | |
| transform: translate(0,0); | |
| -webkit-transition: all .5s ease 0s; | |
| -moz-transition: all .5s ease 0s; | |
| -ms-transition: all .5s ease 0s; | |
| -o-transition: all .5s ease 0s; | |
| transition: all .5s ease 0s; | |
| } | |
| .overlay.slideUp { | |
| -webkit-transform: translate(0,-100%); | |
| -moz-transform: translate(0,-100%); | |
| -ms-transform: translate(0,-100%); | |
| -o-transform: translate(0,-100%); | |
| transform: translate(0,-100%); | |
| } | |
| body.no-blur .overlay { | |
| background-color: rgba(0,0,0,.9); | |
| } | |
| .overlay .clearOverlay { | |
| position: fixed; | |
| top: 24px; | |
| left: 30px; | |
| } | |
| .overlay .clearOverlay.right { | |
| left: auto; | |
| right: 30px; | |
| } | |
| .overlay .clearOverlay:hover { | |
| text-decoration: none; | |
| } | |
| .admin-bar .overlay .clearOverlay { | |
| top: 44px; | |
| } | |
| .overlay .obsession-container { | |
| padding-top: 75px; | |
| } | |
| .overlay .leftcol { | |
| float: left; | |
| width: 185px; | |
| padding-right: 50px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .overlay .leftcol ul { | |
| margin-bottom: 75px; | |
| } | |
| .overlay .leftcol ul li { | |
| margin-bottom: 10px; | |
| line-height: 1; | |
| } | |
| .overlay .leftcol ul:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| .overlay .maincol { | |
| border-left: 1px solid #2e2e2e; | |
| margin-left: 185px; | |
| padding-left: 50px; | |
| } | |
| .overlay article { | |
| min-height: 80px; | |
| } | |
| .overlay article .inner { | |
| overflow: hidden; | |
| padding: 25px 0; | |
| } | |
| .overlay article:first-of-type .inner { | |
| padding-top: 0; | |
| } | |
| .overlay article:after { | |
| content: ''; | |
| display: block; | |
| height: 1px; | |
| width: 4000px; | |
| background: #2e2e2e; | |
| } | |
| .overlay article header { | |
| font: 11px AdelleBold,sans-serif; | |
| text-transform: uppercase; | |
| margin-bottom: 1em; | |
| } | |
| .overlay article .sponsor-label { | |
| color: #f1a33f; | |
| } | |
| .overlay article .sponsor-name { | |
| color: #a2a2a2; | |
| margin-left: .5em; | |
| } | |
| .overlay article .obsessionLink { | |
| line-height: 1; | |
| } | |
| .overlay article img { | |
| float: right; | |
| margin: 5px 0 0 30px; | |
| width: 140px; | |
| height: 80px; | |
| } | |
| .overlay .leftcol h2 { | |
| font-family: Adelle,sans-serif; | |
| font-size: 27px; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| color: #fff; | |
| border-bottom: 1px solid #2e2e2e; | |
| margin-bottom: 30px; | |
| padding-bottom: 30px; | |
| } | |
| .overlay .maincol h2 { | |
| font-family: Adelle,sans-serif; | |
| font-size: 27px; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| color: #fff; | |
| } | |
| .overlay .maincol h2:after { | |
| content: ''; | |
| display: block; | |
| height: 1px; | |
| width: 4000px; | |
| background: #2e2e2e; | |
| margin: 30px 0; | |
| } | |
| .overlay .leftcol ul a,.overlay article .obsessionLink a { | |
| font-family: AdelleBold; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| line-height: 15px; | |
| padding-right: 20px; | |
| text-decoration: none; | |
| -webkit-transition: padding 300ms ease; | |
| -moz-transition: padding 300ms ease; | |
| -o-transition: padding 300ms ease; | |
| -ms-transition: padding 300ms ease; | |
| transition: padding 300ms ease; | |
| } | |
| .overlay .leftcol ul a:hover,.overlay article .obsessionLink a:hover { | |
| opacity: .7; | |
| padding-right: 35px; | |
| } | |
| .overlay article .postLink { | |
| font-family: Adelle,sans-serif; | |
| font-size: 22px; | |
| line-height: 1.2; | |
| letter-spacing: 0; | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| .overlay article .postLink:hover { | |
| opacity: .7; | |
| -webkit-transition: all .15s linear; | |
| -moz-transition: all .15s linear; | |
| -o-transition: all .15s linear; | |
| -ms-transition: all .15s linear; | |
| transition: all .15s linear; | |
| } | |
| .overlay article .postLink:hover img { | |
| opacity: .6; | |
| } | |
| .overlay .icon-close { | |
| color: #1298ea; | |
| position: fixed; | |
| } | |
| .overlay .icon-close:hover { | |
| color: #fff; | |
| } | |
| body.safari:not(.ios) .overlay #clearSearchOverlay { | |
| position: -webkit-sticky; | |
| right: 28%; | |
| width: 18px; | |
| height: 18px; | |
| float: right; | |
| top: 80px; | |
| -webkit-transform: translateY(-40px) translateX(280px); | |
| } | |
| @media screen and (max-width:768px) { | |
| .overlay .leftcol { | |
| left: 8%; | |
| padding-right: 0; | |
| width: 126px; | |
| } | |
| .overlay .maincol { | |
| margin-left: 146px; | |
| padding-left: 20px; | |
| } | |
| .overlay .maincol a.postLink { | |
| font-size: 18px; | |
| } | |
| .overlay .maincol h4.obsessionLink { | |
| margin-bottom: 8px; | |
| } | |
| .overlay .maincol article img { | |
| width: 100px; | |
| height: 57px; | |
| }; | |
| } | |
| @media screen and (min-width:940px) { | |
| .obsession-container { | |
| max-width: 940px; | |
| position: absolute; | |
| left: 50%; | |
| margin-left: -470px; | |
| } | |
| .overlay article { | |
| border-bottom: 0; | |
| width: 100%; | |
| } | |
| .overlay article .obsessionLink { | |
| margin-bottom: 5px; | |
| } | |
| .overlay .maincol h2 { | |
| border-bottom: 0; | |
| }; | |
| } | |
| #obsessionsOverlayLoadMore { | |
| display: inline-block; | |
| padding: 15px; | |
| background-color: #3f3f3f; | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 15px; | |
| line-height: 1; | |
| text-decoration: none; | |
| color: #fff; | |
| margin-top: 25px; | |
| } | |
| #obsessionsOverlayLoadMore.hide { | |
| display: none; | |
| } | |
| #obsessionsOverlayLoadMore:hover { | |
| color: #1298ea; | |
| } | |
| #searchOverlay { | |
| padding: 75px 15%; | |
| } | |
| #clearSearchOverlay { | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .searchOverlayFormContainer { | |
| margin-bottom: 25px; | |
| padding-bottom: 20px; | |
| border-bottom: 1px solid #2e2e2e; | |
| position: relative; | |
| } | |
| .searchOverlayFormContainer .icon-search { | |
| position: absolute; | |
| top: 2px; | |
| left: 0; | |
| font-size: 22px; | |
| display: block; | |
| float: left; | |
| cursor: pointer; | |
| } | |
| .searchOverlayFormContainer .icon-search:hover { | |
| opacity: .6; | |
| } | |
| .searchOverlayFormContainer.mobile { | |
| padding-bottom: 5px; | |
| margin-bottom: 0; | |
| } | |
| .searchOverlayFormContainer.mobile #searchOverlayForm { | |
| padding: 0 0 0 25px; | |
| } | |
| .searchOverlayFormContainer.mobile #searchOverlayForm input[type=text] { | |
| font-size: 14px; | |
| height: 20px; | |
| padding: 0; | |
| } | |
| .searchOverlayFormContainer.mobile #searchOverlayForm .icon-search { | |
| width: 15px; | |
| height: 15px; | |
| font-size: 13px; | |
| top: 4px; | |
| } | |
| #searchOverlayForm { | |
| position: relative; | |
| margin: 0; | |
| padding: 0 0 0 45px; | |
| width: 100%; | |
| height: 24px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| } | |
| #searchOverlayForm input[type=text] { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| background: 0 0; | |
| border: none; | |
| box-shadow: none; | |
| -moz-box-shadow: none; | |
| outline: 0; | |
| font-family: Adelle,sans-serif; | |
| font-size: 22px; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| color: #fff; | |
| height: 24px; | |
| font-weight: 400; | |
| display: block; | |
| margin: 0; | |
| padding: 0 0 5px; | |
| width: 100%; | |
| -webkit-font-smoothing: antialiased; | |
| border-bottom: 1px solid transparent; | |
| -webkit-transition: border-bottom-color .4s linear; | |
| -moz-transition: border-bottom-color .4s linear; | |
| -o-transition: border-bottom-color .4s linear; | |
| -ms-transition: border-bottom-color .4s linear; | |
| transition: border-bottom-color .4s linear; | |
| } | |
| #searchOverlayForm input[type=text]+.search-error { | |
| display: none; | |
| } | |
| html.firefox #searchOverlayForm input[type=text] { | |
| height: 28px; | |
| } | |
| #searchOverlayForm input[type=text].error+.search-error { | |
| font: 36px/42px AdelleLight,Helvetica | |
| ,sans-serif; | |
| position: fixed; | |
| top: 25%; | |
| left: 36%; | |
| color: #4c4c4c; | |
| display: block; | |
| } | |
| body.safari:not(.ios) #searchOverlayForm input[type=text].error+.search-error { | |
| position: absolute; | |
| top: 160px; | |
| } | |
| body.ie-edge #searchOverlayForm input[type=text].error+.search-error { | |
| top: 29%; | |
| } | |
| #searchOverlayForm input[type=submit] { | |
| display: none; | |
| } | |
| #searchOverlayResults.mobile,.searchOverlayFormContainer.mobile { | |
| margin-left: 20px; | |
| margin-right: 20px; | |
| } | |
| #searchOverlayResults.mobile article,.searchOverlayFormContainer.mobile article { | |
| min-height: inherit; | |
| padding: 15px 50px 15px 0; | |
| } | |
| #searchOverlayResults.mobile article a.img,.searchOverlayFormContainer.mobile article a.img { | |
| display: none; | |
| } | |
| #searchOverlayResults.mobile article h3,.searchOverlayFormContainer.mobile article h3 { | |
| margin-right: 0; | |
| } | |
| #searchOverlayResults.mobile article h3 a,.searchOverlayFormContainer.mobile article h3 a { | |
| font-size: 14px; | |
| display: inline-block; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| #searchOverlayResults,.searchOverlayFormContainer { | |
| width: 940px; | |
| } | |
| #searchOverlayResults div.line,.searchOverlayFormContainer div.line { | |
| width: 940px; | |
| height: 1px; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| background: #2e2e2e; | |
| } | |
| #searchOverlayResults article:first-of-type,.searchOverlayFormContainer article:first-of-type { | |
| padding-top: 0; | |
| } | |
| #searchOverlayResults article:first-of-type .postLink.img,.searchOverlayFormContainer article:first-of-type .postLink.img { | |
| -webkit-transform: translateY(-4px); | |
| -moz-transform: translateY(-4px); | |
| transform: translateY(-4px); | |
| } | |
| #searchOverlayResults article div.no-img .obsessionLink,.searchOverlayFormContainer article div.no-img .obsessionLink { | |
| display: none; | |
| } | |
| #searchOverlayResults article .postLink.img,.searchOverlayFormContainer article .postLink.img { | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| transform: none; | |
| } | |
| #searchOverlayResults article:after,.searchOverlayFormContainer article:after { | |
| width: 940px; | |
| } | |
| #searchOverlayResults { | |
| margin-bottom: 80px; | |
| } | |
| #show-more { | |
| display: inline-block; | |
| padding: 15px; | |
| background-color: #3f3f3f; | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 15px; | |
| line-height: 1; | |
| text-decoration: none; | |
| color: #fff; | |
| margin-top: 25px; | |
| cursor: hand; | |
| cursor: pointer; | |
| margin-bottom: 200px; | |
| } | |
| #show-more:hover { | |
| color: #1298ea; | |
| }; | |
| } | |
| #show-more.hide { | |
| display: none; | |
| } | |
| #searchOverlayResults.mobile #show-more { | |
| display: inline-block; | |
| padding: 15px; | |
| background-color: #3f3f3f; | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 15px; | |
| line-height: 1; | |
| text-decoration: none; | |
| color: #fff; | |
| margin-top: 25px; | |
| width: 133px; | |
| } | |
| #searchOverlayResults.mobile::after { | |
| content: " "; | |
| height: 100px; | |
| display: block; | |
| } | |
| #searchOverlayResults.mobile h4.obsessionLink { | |
| display: none; | |
| } | |
| #searchOverlayResults.mobile article { | |
| padding: 0 50px 0 0; | |
| } | |
| #searchOverlayResults.mobile article .inner { | |
| padding: 25px 0; | |
| } | |
| #searchOverlayResults.mobile article:first-of-type .inner { | |
| padding-top: 25px; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px),only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| #searchOverlayResults article:after { | |
| width: 100%; | |
| } | |
| #show-more { | |
| display: inline-block; | |
| padding: 15px; | |
| background-color: #3f3f3f; | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 15px; | |
| line-height: 1; | |
| text-decoration: none; | |
| color: #fff; | |
| margin-top: 25px; | |
| } | |
| #show-more.hide { | |
| display: none; | |
| }; | |
| } | |
| #dailyBriefOverlay { | |
| padding: 75px 0 0; | |
| } | |
| #dailyBriefOverlay .container { | |
| padding: 45px 0; | |
| border-top: 1px solid #2e2e2e; | |
| border-bottom: 1px solid #2e2e2e; | |
| } | |
| #dailyBriefOverlay .item-email-signup { | |
| margin: 0 auto; | |
| width: auto; | |
| max-width: 640px; | |
| border-top: none; | |
| padding-top: 20px; | |
| } | |
| #dailyBriefOverlay .item-email-signup h3 { | |
| display: none; | |
| } | |
| #dailyBriefOverlay h1.get-brief { | |
| width: 640px; | |
| margin: auto; | |
| padding-bottom: 25px; | |
| font: 32px/40px AdelleLight,Helvetica,sans-serif; | |
| color: #fff; | |
| } | |
| #dailyBriefOverlay .item-email-wrapper { | |
| margin-top: 15px; | |
| } | |
| #dailyBriefOverlay span.get-to-know { | |
| color: #8b8b8b; | |
| display: inline-block; | |
| margin-top: 0; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px),only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| #dailyBriefOverlay .container { | |
| padding: 65px 0 80px; | |
| }; | |
| } | |
| @media only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| .field-container.email { | |
| width: 250px; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| #dailyBriefOverlay .container h2 { | |
| width: 480px; | |
| margin: auto; | |
| padding-bottom: 0; | |
| } | |
| #dailyBriefOverlay .container .item-email-signup,#dailyBriefOverlay .container p { | |
| width: 480px; | |
| margin: auto; | |
| } | |
| #dailyBriefOverlay .container .item-email-signup { | |
| padding: 30px 0 0; | |
| } | |
| #dailyBriefOverlay .container .item-email-signup .field-container.email { | |
| width: 190px; | |
| } | |
| #dailyBriefOverlay .container .item-email-signup .field-container.region span.select-container { | |
| margin-top: 6px; | |
| margin-right: 3px; | |
| width: 166px; | |
| } | |
| #dailyBriefOverlay .container .item-email-signup .field-container.region span.select-container select { | |
| line-height: 14px; | |
| }; | |
| } | |
| #dailyBriefOverlay h2.hello { | |
| font: 24px/30px AdelleBold,Helvetica,sans-serif; | |
| color: #e0e0e0; | |
| max-width: 640px; | |
| margin: auto; | |
| border-bottom: none; | |
| } | |
| #dailyBriefOverlay p.signup-head { | |
| font: 20px/25px Adelle,Helvetica,sans-serif; | |
| color: #8b8b8b; | |
| max-width: 640px; | |
| margin: auto; | |
| } | |
| #dailyBriefOverlay select.region-error { | |
| color: #c25250; | |
| } | |
| #dailyBriefOverlay .for-early { | |
| display: block; | |
| color: #e0e0e0; | |
| font: 13px/22px Adelle,Helvetica,sans-serif; | |
| position: absolute; | |
| top: 53px; | |
| left: 12px; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| #dailyBriefOverlay .opt-settings { | |
| padding-top: 0; | |
| margin-top: -20px; | |
| } | |
| #dailyBriefOverlay .opt-settings select { | |
| width: 151px; | |
| } | |
| #dailyBriefOverlay .opt-settings .no-opt-settings { | |
| position: relative; | |
| top: 15px; | |
| left: 548px; | |
| color: #8b8b8b; | |
| } | |
| #dailyBriefOverlay .opt-settings.final-screen { | |
| color: #8b8b8b; | |
| padding-top: 0; | |
| }; | |
| } | |
| .overlay.mobile { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body.ios .overlay.mobile { | |
| background-color: rgba(0,0,0,.8); | |
| } | |
| .overlay.mobile header { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| width: 100%; | |
| position: fixed; | |
| padding: 0 20px; | |
| text-align: center; | |
| } | |
| .overlay.mobile header h2 { | |
| color: #fff; | |
| } | |
| .overlay.mobile header .left,.overlay.mobile header .right { | |
| position: absolute; | |
| top: 8px; | |
| } | |
| .overlay.mobile header .icon-close.right { | |
| right: 0; | |
| padding: 5px; | |
| top: 6px; | |
| } | |
| .overlay.mobile header .left { | |
| left: 20px; | |
| } | |
| .overlay.mobile header .left .icon { | |
| float: left; | |
| margin-right: 10px; | |
| } | |
| .overlay.mobile header .left .icon:last-of-type { | |
| margin-right: 0; | |
| } | |
| .overlay.mobile header .right { | |
| right: 20px; | |
| } | |
| .overlay.mobile header .right .icon { | |
| float: right; | |
| margin-left: 10px; | |
| position: initial!important; | |
| } | |
| .overlay.mobile header .right .icon:last-of-type { | |
| margin-left: 0; | |
| } | |
| .overlay.mobile header h2 { | |
| margin: 15px 0 0; | |
| border: none; | |
| padding: 0; | |
| font-size: 15px; | |
| font-family: AdelleBold; | |
| } | |
| .overlay.mobile header nav { | |
| display: inline-block; | |
| margin: 20px -20px 0; | |
| width: 100%; | |
| } | |
| .overlay.mobile header nav a { | |
| display: table-cell; | |
| margin: 0; | |
| padding: 8px; | |
| font-size: 13px; | |
| font-family: AdelleBold,sans-serif; | |
| color: #168dd9; | |
| line-height: 1; | |
| text-transform: capitalize; | |
| border: 1px solid #168dd9; | |
| border-right: none; | |
| width: 25%; | |
| } | |
| .overlay.mobile header nav a:last-of-type { | |
| border-right: 1px solid #168dd9; | |
| border-radius: 0 2px 2px 0; | |
| } | |
| .overlay.mobile header nav a:first-of-type { | |
| border-radius: 2px 0 0 2px; | |
| } | |
| .overlay.mobile header nav a.active { | |
| background-color: #168dd9; | |
| color: #000; | |
| } | |
| .overlay.mobile header nav a.active:hover { | |
| text-decoration: none; | |
| } | |
| .overlay.mobile header nav.landscape a { | |
| display: block; | |
| float: left; | |
| box-sizing: border-box; | |
| } | |
| .overlay.mobile .mobileList { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| position: absolute; | |
| top: 100px; | |
| bottom: 0; | |
| width: 100%; | |
| overflow: hidden; | |
| } | |
| .overlay.mobile .mobileList .mobileListInner { | |
| height: 100%; | |
| width: 100%; | |
| overflow-x: visible; | |
| -webkit-transform: translateX(0px); | |
| -webkit-transition: -webkit-transform .5s ease-out; | |
| -moz-transition: -webkit-transform .5s ease-out; | |
| -o-transition: -webkit-transform .5s ease-out; | |
| -ms-transition: -webkit-transform .5s ease-out; | |
| transition: -webkit-transform .5s ease-out; | |
| } | |
| .overlay.mobile .mobileList .scrollSection { | |
| width: 100%; | |
| height: 100%; | |
| float: left; | |
| } | |
| .overlay.mobile .mobileList .scrollSection .scroll { | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| } | |
| .overlay.mobile .mobileList .scrollSection.obsessions { | |
| padding-bottom: 150px; | |
| } | |
| .overlay.mobile .mobileList .filterContainer h2 { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| font-size: 13px; | |
| margin: 0 0 0 20px; | |
| padding: 20px 0 10px; | |
| color: #767676; | |
| letter-spacing: -.5px; | |
| font-weight: 700; | |
| border-bottom: none; | |
| } | |
| .overlay.mobile .mobileList li { | |
| border-bottom: 1px solid #4e4f4a; | |
| margin-left: 20px; | |
| padding: 15px 20px 15px 0; | |
| } | |
| .overlay.mobile .mobileList li .sponsor-label { | |
| color: #f1a33f; | |
| font: 10px AdelleBold,sans-serif; | |
| text-transform: uppercase; | |
| } | |
| .overlay.mobile .mobileList li .sponsor-name { | |
| color: #a2a2a2; | |
| font: 10px AdelleBold,sans-serif; | |
| text-transform: uppercase; | |
| margin-left: .5em; | |
| } | |
| .overlay.mobile .mobileList li:first-of-type,.overlay.mobile .mobileList li:last-of-type { | |
| margin-left: 0; | |
| padding-left: 20px; | |
| } | |
| .overlay.mobile .mobileList li:first-of-type { | |
| border-bottom: none; | |
| border-top: 1px solid #4e4f4a; | |
| } | |
| .overlay.mobile .mobileList li:nth-of-type(2) { | |
| border-top: 1px solid #4e4f4a; | |
| } | |
| .overlay.mobile .mobileList li a { | |
| font-size: 12px; | |
| font-family: AdelleBold,sans-serif; | |
| color: #fff; | |
| text-transform: uppercase; | |
| display: block; | |
| background: url(../svg/Mobile_Menu_Arrow.svg) right center no-repeat; | |
| } | |
| html.android .overlay.mobile .mobileList li a { | |
| width: 98.25%; | |
| } | |
| .overlay.mobile .mobileList li a:hover { | |
| background: url(../svg/Mobile_Menu_Arrow_white.svg) right center no-repeat; | |
| } | |
| .archive #queueToggle,.error404 #queueToggle,.home #queueToggle,.page #queueToggle,html.android .overlay.mobile .scrollSection.filters .filterContainer+div,html.android .overlay.mobile .scrollSection.obsessions .scroll ul+div { | |
| display: none; | |
| } | |
| .archive #obsessionsOverlayToggle,.error404 #obsessionsOverlayToggle { | |
| padding-left: 0!important; | |
| border-left: none!important; | |
| } | |
| #header { | |
| height: 54px; | |
| top: 0; | |
| width: 100%; | |
| background: #fff; | |
| border-bottom: 1px solid #e2e2e2; | |
| padding: 0 20px; | |
| z-index: 99; | |
| position: absolute; | |
| -webkit-transform: translate(0,0); | |
| -moz-transform: translate(0,0); | |
| -ms-transform: translate(0,0); | |
| -o-transform: translate(0,0); | |
| transform: translate(0,0); | |
| -webkit-transition: all .3s; | |
| -moz-transition: all .3s; | |
| -ms-transition: all .3s; | |
| -o-transition: all .3s; | |
| transition: all .3s; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #header.header-hidden { | |
| -webkit-transform: translate(0,-100%); | |
| -moz-transform: translate(0,-100%); | |
| -ms-transform: translate(0,-100%); | |
| -o-transform: translate(0,-100%); | |
| transform: translate(0,-100%); | |
| } | |
| #header i { | |
| font-size: 16px; | |
| } | |
| body.admin-bar #header.transparent { | |
| top: 0; | |
| } | |
| .admin-bar.Items #header,body.admin-bar #header.fixed { | |
| top: 32px; | |
| } | |
| .admin-bar.transition #header { | |
| display: none; | |
| } | |
| body.Items #header,body.error404 #header { | |
| position: fixed; | |
| } | |
| body.error404.admin-bar #header { | |
| top: 32px; | |
| } | |
| #header.transparent { | |
| background: 0 0; | |
| border: 0; | |
| z-index: 10; | |
| position: absolute; | |
| top: 0; | |
| } | |
| #header.transparent h1 svg { | |
| fill: #fff; | |
| } | |
| #header.transparent .headerTools.left a { | |
| padding: 19px 0 0; | |
| border-left: none; | |
| border-right: none; | |
| } | |
| #header.transparent .headerTools.right { | |
| -webkit-transform: translateX(6px) translateY(-2px); | |
| -moz-transform: translateX(6px) translateY(-2px); | |
| transform: translateX(6px) translateY(-2px); | |
| } | |
| #header.transparent .headerTools.right a { | |
| border-left: 1px solid rgba(226,226,226,.3); | |
| padding: 0 5px 0 20px!important; | |
| margin-top: 0; | |
| } | |
| #header.transparent .headerTools.right a:first-child { | |
| border-left: none; | |
| } | |
| #header.fixed { | |
| position: fixed; | |
| } | |
| #header h1 { | |
| width: 160px; | |
| height: 25px; | |
| margin: 14.5px auto 0; | |
| } | |
| #header h1 a { | |
| display: block; | |
| } | |
| #header h1 a svg { | |
| fill: #000; | |
| opacity: 1; | |
| -webkit-transition: all .1s; | |
| -moz-transition: all .1s; | |
| -ms-transition: all .1s; | |
| -o-transition: all .1s; | |
| transition: all .1s; | |
| } | |
| #header h1 a:hover svg { | |
| -webkit-transform: scale(1.01); | |
| -moz-transform: scale(1.01); | |
| transform: scale(1.01); | |
| } | |
| #header .headerTools { | |
| margin-top: -19px; | |
| } | |
| #header .headerTools #queueToggle { | |
| -webkit-transform: rotateY(0deg); | |
| -moz-transform: rotateY(0deg); | |
| -ms-transform: rotateY(0deg); | |
| -o-transform: rotateY(0deg); | |
| transform: rotateY(0deg); | |
| -webkit-transition: all .5s; | |
| -moz-transition: all .5s; | |
| -ms-transition: all .5s; | |
| -o-transition: all .5s; | |
| transition: all .5s; | |
| margin: 0 0 0 -20px; | |
| padding: 19px 20px 20px; | |
| cursor: pointer; | |
| cursor: hand; | |
| } | |
| body.queueOpen #header .headerTools #queueToggle { | |
| -webkit-transform: rotateY(180deg); | |
| -moz-transform: rotateY(180deg); | |
| -ms-transform: rotateY(180deg); | |
| -o-transform: rotateY(180deg); | |
| transform: rotateY(180deg); | |
| border-right: none; | |
| border-left: none; | |
| } | |
| #header .headerTools.left { | |
| float: left; | |
| margin-top: -41px; | |
| height: 69.5%; | |
| } | |
| #header .headerTools.left>* { | |
| margin-right: 15px; | |
| } | |
| #header .headerTools.left a { | |
| padding: 19px 20px 0; | |
| display: block; | |
| height: 100%; | |
| border-left: 1px solid #e2e2e2; | |
| border-right: 1px solid #e2e2e2; | |
| color: #a9a9a9; | |
| line-height: 18px; | |
| } | |
| #header .headerTools.left a:hover { | |
| color: #168dd9; | |
| } | |
| #header .headerTools.right { | |
| float: right; | |
| } | |
| #header .headerTools.right>* { | |
| margin-left: 15px; | |
| } | |
| #header .headerTools.right a { | |
| border-left: 1px solid #e2e2e2; | |
| display: block; | |
| margin-top: -27px; | |
| padding: 25px 5px 16px 20px; | |
| text-align: center; | |
| } | |
| #header .headerTools.right a:last-child { | |
| padding-right: 0; | |
| } | |
| #header .headerTools.right a:hover i { | |
| color: #168dd9; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| #header .headerTools.right a#dailyBriefOverlayToggle { | |
| padding-bottom: 19px; | |
| }; | |
| } | |
| #header .headerTools.right .icon-daily-brief::before { | |
| -webkit-transform: scale(0.94); | |
| display: block; | |
| } | |
| #header .headerTools>* { | |
| float: left; | |
| } | |
| body.home #header:not(.transparent) .headerTools.left a { | |
| border-left: none; | |
| padding-left: 0; | |
| } | |
| #avatar { | |
| background-color: #719fc0; | |
| color: #fff; | |
| padding: 4px; | |
| margin-top: -6px; | |
| position: relative; | |
| top: 3px; | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| -ms-border-radius: 1px; | |
| -o-border-radius: 1px; | |
| border-radius: 1px; | |
| } | |
| a:hover #avatar { | |
| color: #4c4c4c; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px),only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| #header h1 a:hover svg,#header h1 a:hover svg:hover,#header h1 svg,#header h1 svg:hover,html.android-tablet #header h1 a:hover svg,html.android-tablet #header h1 a:hover svg:hover,html.android-tablet #header h1 svg,html.android-tablet #header h1 svg:hover { | |
| -webkit-transform: scale(0.8) translateX(10px); | |
| transform: scale(0.8) translateX(10px); | |
| } | |
| body.home.ios.safari #header.fixed .icon-daily-brief::before { | |
| -webkit-transform: scale(0.94) translateY(-22px); | |
| transform: scale(0.94) translateY(-22px); | |
| } | |
| body.home.ios.safari #header.fixed #dailyBriefOverlayToggle { | |
| padding: 47px 5px 0 20px!important; | |
| } | |
| #header .headerTools.right a { | |
| margin-top: -29px; | |
| padding: 27px 5px 16px 20px; | |
| } | |
| #header .headerTools #queueToggle { | |
| padding: 21px 20px 20px; | |
| } | |
| #header .headerTools #queueToggle:hover .icon-hamburrow { | |
| color: #c3c5c0; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #header { | |
| padding: 0 15px; | |
| height: 44px; | |
| } | |
| #header h1 svg { | |
| height: 18px; | |
| margin-top: 12px; | |
| } | |
| #header i { | |
| font-size: 14px; | |
| } | |
| #header a { | |
| text-align: center; | |
| font-size: 16px; | |
| letter-spacing: 0; | |
| text-transform: none; | |
| margin-top: -14px; | |
| padding-right: 0; | |
| } | |
| #header a#mobileOverlayToggle { | |
| padding: 16px 0 14px 15px; | |
| border: 0; | |
| } | |
| #header a#mobileOverlayToggle:hover { | |
| color: #c3c5c0; | |
| } | |
| #header.transparent #mobileOverlayToggle { | |
| border-left: none; | |
| } | |
| body #header.transparent #mobileOverlayToggle { | |
| margin-top: 9px; | |
| } | |
| body #header:not(.transparent) #mobileOverlayToggle { | |
| margin-top: -9px; | |
| } | |
| body:not(.home) #header #queueToggle { | |
| margin-top: 8px; | |
| padding: 18px 15px 9px 20px; | |
| } | |
| body:not(.home) #header #queueToggle:hover .icon-hamburrow { | |
| color: #c3c5c0; | |
| }; | |
| } | |
| #settingsNav { | |
| -webkit-transform: translateX(100%); | |
| -moz-transform: translateX(100%); | |
| transform: translateX(100%); | |
| -webkit-transition: all .5s ease 0s; | |
| -moz-transition: all .5s ease 0s; | |
| -ms-transition: all .5s ease 0s; | |
| -o-transition: all .5s ease 0s; | |
| transition: all .5s ease 0s; | |
| position: fixed; | |
| z-index: 99; | |
| top: 54px; | |
| right: 0; | |
| padding: 30px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| background: rgba(0,0,0,.8); | |
| } | |
| #settingsNav.show { | |
| -webkit-transform: translateX(0px); | |
| -moz-transform: translateX(0px); | |
| transform: translateX(0px); | |
| } | |
| #settingsNav a { | |
| color: #fff; | |
| } | |
| #settingsNav a:hover { | |
| color: #1298ea; | |
| } | |
| #settingsNav .subsectionHeader { | |
| color: #1298ea; | |
| font-family: AdelleBold,sans-serif; | |
| } | |
| #settingsNav .subsectionHeader,#settingsNav a { | |
| display: block; | |
| font-size: 12px!important; | |
| line-height: 1; | |
| margin-bottom: 15px; | |
| } | |
| #settingsNav a:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| #settingsNav .separator { | |
| display: block; | |
| border-top: 1px solid #4c4c4c; | |
| padding-top: 10px; | |
| height: 20px; | |
| position: relative; | |
| top: 6px; | |
| } | |
| body.ie-edge #settingsNav { | |
| position: fixed; | |
| } | |
| body.admin-bar.ie-edge #settingsNav,body.admin-bar:not(.ie-edge) #settingsNav { | |
| top: 86px; | |
| } | |
| #settingsNav a.hidden { | |
| display: none; | |
| } | |
| #view-queue { | |
| background-color: #f9f9f9; | |
| border-right: 1px solid #e2e2e2; | |
| -webkit-backface-visibility: hidden; | |
| -webkit-transform: translateZ(0); | |
| } | |
| #view-queue #view-queue-header { | |
| display: none; | |
| } | |
| #view-queue .scroll { | |
| height: 100%; | |
| overflow-y: scroll; | |
| overflow-x: hidden; | |
| margin-bottom: 18px; | |
| } | |
| #view-queue li { | |
| padding: 20px; | |
| border-bottom: 1px solid #e2e2e2; | |
| } | |
| #view-queue li.active,#view-queue li:hover { | |
| background: #f0f0f0; | |
| } | |
| #view-queue li.active div,#view-queue li.active h2,#view-queue li.active span,#view-queue li:hover div,#view-queue li:hover h2,#view-queue li:hover span { | |
| opacity: .6; | |
| } | |
| html.ios #view-queue li:hover { | |
| background: #f9f9f9; | |
| } | |
| html.ios #view-queue li:hover div,html.ios #view-queue li:hover h2,html.ios #view-queue li:hover span { | |
| opacity: 1; | |
| } | |
| #view-queue li a:hover { | |
| text-decoration: none!important; | |
| } | |
| #view-queue li .kicker { | |
| font-size: 12px; | |
| font-family: AdelleBold,sans-serif; | |
| color: #006aa4; | |
| text-transform: uppercase; | |
| } | |
| #view-queue li .kicker.bulletin { | |
| color: #efa340; | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| background-position-y: top; | |
| } | |
| #view-queue li .kicker.bulletin .sponsor-name { | |
| color: #a2a2a2; | |
| margin-left: .25em; | |
| } | |
| #view-queue li .story h2 { | |
| font-size: 14px; | |
| color: #4c4c4c; | |
| font-family: Adelle,sans-serif; | |
| margin-top: 5px; | |
| } | |
| #view-queue li .metadata { | |
| color: #a1a1a1; | |
| font-family: Adelle,sans-serif; | |
| font-size: 12px; | |
| } | |
| #view-queue li.emptyQueueItem { | |
| display: none; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| body.ios #view-queue li:hover { | |
| background: inherit; | |
| opacity: 1; | |
| } | |
| body.ios #view-queue li:hover div,body.ios #view-queue li:hover h2 { | |
| opacity: 1; | |
| }; | |
| } | |
| #poweredbyvip { | |
| position: absolute; | |
| background-color: #f9f9f9; | |
| color: #a7a7a7; | |
| bottom: 0; | |
| z-index: 129999; | |
| left: 0; | |
| width: 240px; | |
| padding-left: 20px; | |
| font-size: 10px; | |
| height: 18px; | |
| line-height: 18px; | |
| font-family: Adelle,sans-serif; | |
| -webkit-transition: bottom .5s ease; | |
| -moz-transition: bottom .5s ease; | |
| -o-transition: bottom .5s ease; | |
| -ms-transition: bottom .5s ease; | |
| transition: bottom .5s ease; | |
| border-top: 1px solid #e2e2e2; | |
| border-right: 1px solid #e2e2e2; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #poweredbyvip.lowered { | |
| bottom: -25px; | |
| } | |
| #image-overlay { | |
| background: #ebebeb; | |
| background: rgba(235,235,235,.95); | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 3000000; | |
| visibility: hidden; | |
| opacity: 0; | |
| text-align: center; | |
| cursor: pointer; | |
| cursor: -webkit-zoom-out; | |
| -webkit-transition: all .25s; | |
| -moz-transition: all .25s; | |
| -ms-transition: all .25s; | |
| -o-transition: all .25s; | |
| transition: all .25s; | |
| } | |
| #image-overlay.open { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| #image-overlay .close { | |
| font-size: 1.5em; | |
| position: absolute; | |
| top: 5px; | |
| right: 5px; | |
| display: block; | |
| width: 40px; | |
| height: 40px; | |
| fill: #168dd9; | |
| cursor: pointer; | |
| cursor: -webkit-zoom-out; | |
| background: url(../svg/Close_blue.svg) center center no-repeat; | |
| background-size: 20px; | |
| } | |
| #image-overlay .close:hover { | |
| fill: #bebebe; | |
| } | |
| #image-overlay .table { | |
| display: table; | |
| width: 100%; | |
| height: 100%; | |
| margin: auto; | |
| } | |
| #image-overlay .cell { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| #image-overlay figure { | |
| max-width: 90%; | |
| max-height: 100%; | |
| margin: auto; | |
| -webkit-transition: opacity 1s; | |
| -moz-transition: opacity 1s; | |
| -o-transition: opacity 1s; | |
| -ms-transition: opacity 1s; | |
| transition: opacity 1s; | |
| opacity: .25; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #image-overlay figure { | |
| max-width: 100%; | |
| }; | |
| } | |
| #image-overlay figure.bounce { | |
| opacity: 1; | |
| } | |
| @media screen and (max-height:480px) and (orientation:landscape) { | |
| #image-overlay figure { | |
| max-width: 80%; | |
| }; | |
| } | |
| #image-overlay img { | |
| max-width: 100%; | |
| max-height: 100%; | |
| } | |
| #share-overlay { | |
| background: 0 0; | |
| -webkit-transition: background .3s; | |
| -moz-transition: background .3s; | |
| -o-transition: background .3s; | |
| -ms-transition: background .3s; | |
| transition: background .3s; | |
| } | |
| #share-overlay.open { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 100%; | |
| width: 100%; | |
| z-index: 99; | |
| background: rgba(0,0,0,.7); | |
| } | |
| #share-overlay.open .share-overlay-wrapper { | |
| -webkit-transform: translate(0,0); | |
| -moz-transform: translate(0,0); | |
| -ms-transform: translate(0,0); | |
| -o-transform: translate(0,0); | |
| transform: translate(0,0); | |
| } | |
| .share-overlay-wrapper { | |
| background: #fff; | |
| bottom: 0; | |
| position: fixed; | |
| width: 100%; | |
| -webkit-transform: translate(0,100%); | |
| -moz-transform: translate(0,100%); | |
| -ms-transform: translate(0,100%); | |
| -o-transform: translate(0,100%); | |
| transform: translate(0,100%); | |
| -webkit-transition: all .3s; | |
| -moz-transition: all .3s; | |
| -o-transition: all .3s; | |
| -ms-transition: all .3s; | |
| transition: all .3s; | |
| } | |
| .share-overlay-header { | |
| text-align: center; | |
| border-bottom: 1px solid #e8e8e8; | |
| margin: 1em 1em 0; | |
| padding-bottom: 1em; | |
| } | |
| .share-overlay-header .kicker { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| font-size: 13px; | |
| color: #006aa4; | |
| display: block; | |
| } | |
| .share-overlay-header .title { | |
| font-family: Adelle,sans-serif; | |
| font-size: 18px; | |
| line-height: 26px; | |
| } | |
| .share-overlay-tools { | |
| padding: 1em; | |
| } | |
| .share-overlay-tools a { | |
| padding: 15px 0; | |
| color: #fff; | |
| display: inline-block; | |
| font-size: 20px; | |
| width: 15%; | |
| height: 50px; | |
| text-align: center; | |
| margin-right: 3%; | |
| text-decoration: none; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| .share-overlay-tools a:last-child { | |
| margin: 0; | |
| } | |
| .share-overlay-tools input { | |
| width: 28%; | |
| border: 1px solid #e1e1e1; | |
| padding: 0 1em; | |
| height: 50px; | |
| color: #a1a1a1; | |
| font-size: 1em; | |
| margin: 0 3% 0 0; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-appearance: none; | |
| -webkit-transform: translateY(-3px); | |
| -moz-transform: translateY(-3px); | |
| -ms-transform: translateY(-3px); | |
| -o-transform: translateY(-3px); | |
| transform: translateY(-3px); | |
| } | |
| .share-overlay-tools .icon-twitter { | |
| background: #00aced; | |
| } | |
| .share-overlay-tools .icon-facebook { | |
| background: #3b5998; | |
| } | |
| .share-overlay-tools .icon-linkedin { | |
| background: #007bb6; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .android .share-overlay-tools .icon-linkedin,.ios .share-overlay-tools .icon-linkedin { | |
| display: none; | |
| }; | |
| } | |
| .share-overlay-tools .icon-email { | |
| background: #0096b6; | |
| } | |
| .share-overlay-tools .icon-whats-app { | |
| background: #34af23; | |
| display: none; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .android .share-overlay-tools .icon-whats-app,.ios .share-overlay-tools .icon-whats-app { | |
| display: inline-block; | |
| }; | |
| } | |
| @media screen and (max-width:600px) { | |
| .share-overlay-tools a { | |
| width: 20%; | |
| margin-right: 6.67%; | |
| } | |
| .share-overlay-tools input { | |
| display: none; | |
| }; | |
| } | |
| #share-overlay-button { | |
| position: fixed; | |
| bottom: 10px; | |
| left: 10px; | |
| width: 40px; | |
| height: 40px; | |
| text-align: center; | |
| line-height: 40px; | |
| background: #fff; | |
| z-index: 20; | |
| color: #006aa4; | |
| opacity: 0; | |
| border: 1px solid #e2e2e2; | |
| -webkit-transition: opacity .3s; | |
| -moz-transition: opacity .3s; | |
| -o-transition: opacity .3s; | |
| -ms-transition: opacity .3s; | |
| transition: opacity .3s; | |
| } | |
| #share-overlay-button.visible { | |
| opacity: 1; | |
| } | |
| #share-overlay-button.hidden,body.page #view-itemWell svg { | |
| display: none; | |
| } | |
| html.hasAboutOverlay body { | |
| left: 0; | |
| -webkit-overflow-scrolling: touch; | |
| position: fixed; | |
| overflow: hidden; | |
| width: 100%; | |
| } | |
| html.hasAboutOverlay body.ie-edge #about-popover { | |
| background-color: rgba(0,0,0,.9); | |
| } | |
| html.hasAboutOverlay #qz-app { | |
| -webkit-filter: blur(12px); | |
| -moz-filter: blur(12px); | |
| -o-filter: blur(12px); | |
| -ms-filter: blur(12px); | |
| filter: blur(12px); | |
| } | |
| html.hasAboutOverlay #header { | |
| -webkit-filter: blur(6px); | |
| -moz-filter: blur(6px); | |
| -o-filter: blur(6px); | |
| -ms-filter: blur(6px); | |
| filter: blur(6px); | |
| } | |
| html.hasAboutOverlay.firefox #header,html.hasAboutOverlay.firefox #qz-app { | |
| filter: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQoJPGZpbHRlciBpZD0iYmx1ciI+DQoJCTxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEwIiAvPg0KCTwvZmlsdGVyPg0KPC9zdmc+#blur); | |
| } | |
| .wrap { | |
| overflow: hidden; | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 970px; | |
| padding-bottom: 200px; | |
| } | |
| .box { | |
| float: left; | |
| position: relative; | |
| height: 180px; | |
| width: 235px; | |
| } | |
| .about-cell { | |
| position: absolute; | |
| overflow: hidden; | |
| } | |
| #about-page-close { | |
| position: fixed; | |
| color: #fff; | |
| right: 40px; | |
| top: 24px; | |
| } | |
| .admin-bar #about-page-close { | |
| top: 44px; | |
| } | |
| body.safari #about-page-close { | |
| -webkit-transform: translate3d(0,0,0); | |
| } | |
| #about-page-close .icon-close { | |
| position: fixed; | |
| } | |
| #about-page-close:hover { | |
| color: #168dd9; | |
| text-decoration: none; | |
| } | |
| @media only screen and (max-width:650px) { | |
| .box { | |
| height: 45px; | |
| border-top: 1px solid rgba(255,255,255,.2); | |
| position: initial; | |
| float: none; | |
| width: 100%; | |
| } | |
| .box:last-child { | |
| border-bottom: 1px solid rgba(255,255,255,.2); | |
| }; | |
| } | |
| @media only screen and (max-width:1050px) and (min-width:651px) { | |
| .wrap { | |
| width: 718px; | |
| } | |
| .box { | |
| width: 235px; | |
| border-left: 2px solid rgba(255,255,255,.2); | |
| border-bottom: 2px solid rgba(255,255,255,.2); | |
| } | |
| .box:nth-child(-n+3) { | |
| border-top: 2px solid rgba(255,255,255,.2); | |
| } | |
| .box:first-child,.box:nth-child(3n+1) { | |
| border-left: 0; | |
| }; | |
| } | |
| @media only screen and (min-width:1051px) { | |
| .box { | |
| border-left: 2px solid rgba(255,255,255,.2); | |
| border-bottom: 2px solid rgba(255,255,255,.2); | |
| } | |
| .box:nth-child(-n+4) { | |
| border-top: 2px solid rgba(255,255,255,.2); | |
| } | |
| .box:first-child,.box:nth-child(4n+1) { | |
| border-left: 0; | |
| }; | |
| } | |
| #about-page-content { | |
| width: 650px; | |
| margin: 150px auto 300px; | |
| color: #bebebe; | |
| } | |
| #about-page-content h1 { | |
| font-family: AdelleLight,sans-serif; | |
| } | |
| #about-page-content h2 { | |
| font: 22px/24px AdelleBold,'Helvetica Neue',sans-serif; | |
| margin: 18px 0; | |
| } | |
| #about-page-content p { | |
| position: relative; | |
| margin: 0; | |
| padding: 20px 0; | |
| line-height: 1.6; | |
| } | |
| #about-page-content p img.about-page-profile { | |
| float: left!important; | |
| padding: 7px 24px 0 0!important; | |
| width: auto; | |
| height: 172px; | |
| filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); | |
| filter: gray; | |
| -webkit-filter: grayscale(100%); | |
| } | |
| #about-page-content table { | |
| font-family: Helvetica,Arial,sans-serif; | |
| font-size: 14px; | |
| } | |
| #about-page-content table td { | |
| padding: 0 15px; | |
| } | |
| #about-page-content table td:first-child { | |
| padding-left: 0; | |
| } | |
| @media only screen and (max-width:650px) { | |
| #about-page-content { | |
| width: 90%; | |
| margin-top: 63px; | |
| } | |
| #about-page-content p { | |
| padding: 10px 0; | |
| }; | |
| } | |
| .about-content-header { | |
| text-align: center; | |
| font-family: AdelleLight,sans-serif; | |
| } | |
| .about-item-body { | |
| font-family: AdelleLight,sans-serif; | |
| font-size: 18px; | |
| padding-top: 20px; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .about-item-body { | |
| font-size: 17px; | |
| margin: 0 20px; | |
| } | |
| .about-item-body img { | |
| width: 100%; | |
| height: auto; | |
| } | |
| .about-item-body img.about-page-profile { | |
| width: auto!important; | |
| height: 85px!important; | |
| }; | |
| } | |
| .stop-scroll { | |
| overflow: hidden; | |
| } | |
| .about-popover { | |
| display: none; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 100%; | |
| width: 100%; | |
| background-color: rgba(0,0,0,.7); | |
| z-index: 99999; | |
| overflow-y: auto; | |
| overflow-x: hidden; | |
| -webkit-transform: translate(0,0); | |
| -moz-transform: translate(0,0); | |
| -ms-transform: translate(0,0); | |
| -o-transform: translate(0,0); | |
| transform: translate(0,0); | |
| -webkit-transition: all .5s ease 0s; | |
| -moz-transition: all .5s ease 0s; | |
| -ms-transition: all .5s ease 0s; | |
| -o-transition: all .5s ease 0s; | |
| transition: all .5s ease 0s; | |
| } | |
| .about-popover.slideUp { | |
| -webkit-transform: translate(0,-100%); | |
| -moz-transform: translate(0,-100%); | |
| -ms-transform: translate(0,-100%); | |
| -o-transform: translate(0,-100%); | |
| transform: translate(0,-100%); | |
| } | |
| html.firefox .about-popover { | |
| background-color: rgba(0,0,0,.7); | |
| } | |
| .about-popover-visible { | |
| display: block; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 100%; | |
| width: 100%; | |
| background-color: rgba(0,0,0,.7); | |
| z-index: 99999; | |
| overflow-y: auto; | |
| overflow-x: hidden; | |
| -webkit-transform: translate(0,0); | |
| -moz-transform: translate(0,0); | |
| -ms-transform: translate(0,0); | |
| -o-transform: translate(0,0); | |
| transform: translate(0,0); | |
| -webkit-transition: all .5s ease 0s; | |
| -moz-transition: all .5s ease 0s; | |
| -ms-transition: all .5s ease 0s; | |
| -o-transition: all .5s ease 0s; | |
| transition: all .5s ease 0s; | |
| } | |
| .about-popover-visible.slideUp { | |
| -webkit-transform: translate(0,-100%); | |
| -moz-transform: translate(0,-100%); | |
| -ms-transform: translate(0,-100%); | |
| -o-transform: translate(0,-100%); | |
| transform: translate(0,-100%); | |
| } | |
| html.firefox .about-popover-visible { | |
| background-color: rgba(0,0,0,.7); | |
| } | |
| .about-h1 { | |
| display: inline-block; | |
| color: #fff; | |
| font-size: 60px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| border-top: 2px solid rgba(255,255,255,.2); | |
| border-bottom: 2px solid rgba(255,255,255,.2); | |
| } | |
| .about-welcome { | |
| display: inline-block; | |
| color: #fff; | |
| font-size: 60px; | |
| text-align: center; | |
| width: 530px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| border-top: 2px solid rgba(255,255,255,.2); | |
| border-bottom: 2px solid rgba(255,255,255,.2); | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .about-copy { | |
| padding-top: 30px; | |
| font: 21px AdelleLight,sans-serif; | |
| width: 640px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| line-height: 1.8; | |
| margin-bottom: 60px; | |
| color: #bfbfbf; | |
| text-align: center; | |
| } | |
| .about-copy p { | |
| margin-bottom: 20px; | |
| font: 21px AdelleLight,sans-serif; | |
| } | |
| .about-copy a.read-more { | |
| display: block; | |
| text-align: center; | |
| font: 14px AdelleBold,'Helvetica Neue',sans-serif; | |
| color: #bfbfbf; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| .about-copy a.read-more:hover { | |
| text-decoration: none; | |
| color: #696969; | |
| }; | |
| } | |
| .about-page { | |
| background: url(/img/bkgnd/about.jpg) no-repeat center center fixed; | |
| -webkit-background-size: cover; | |
| background-size: cover; | |
| padding-top: 150px; | |
| min-height: 100%; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .about-page { | |
| padding-top: 100px; | |
| } | |
| .about-welcome { | |
| font-size: 30px; | |
| width: 265px; | |
| } | |
| .about-h1 { | |
| font-size: 30px; | |
| } | |
| .about-copy { | |
| width: 270px; | |
| margin-bottom: 35px; | |
| } | |
| .about-copy p { | |
| font: 17px AdelleLight,sans-serif; | |
| } | |
| .wrap { | |
| padding-bottom: 100px; | |
| }; | |
| } | |
| .about-index-table { | |
| font-family: Adelle,sans-serif; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .about-index-table table { | |
| border-collapse: collapse; | |
| border-style: hidden; | |
| border-bottom: 1px; | |
| border-top: 1px; | |
| } | |
| .about-index-table table tr { | |
| height: 180px; | |
| } | |
| .about-index-table table td,.about-index-table table th { | |
| border: 1px solid #bebebe; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .about-index-table { | |
| width: 100%; | |
| }; | |
| } | |
| .about-index-table .about-cell { | |
| width: 100%; | |
| height: 100%; | |
| cursor: pointer; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .about-index-table .about-cell { | |
| height: 45px; | |
| width: 100%; | |
| }; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| .about-index-table .about-cell:hover { | |
| background: rgba(255,255,255,.2); | |
| } | |
| .about-index-table .about-cell:hover div { | |
| color: #000; | |
| opacity: .5; | |
| }; | |
| } | |
| .about-index-table .about-index-number { | |
| color: #bebebe; | |
| font-family: AdelleLight,sans-serif; | |
| font-size: 60px; | |
| margin-bottom: -5px; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .about-index-table .about-index-number { | |
| font-size: 14px; | |
| display: inline; | |
| margin-bottom: 0; | |
| }; | |
| } | |
| .about-index-table .about-index-title { | |
| color: #fff; | |
| display: inline; | |
| text-transform: uppercase; | |
| font-size: 14px; | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .about-index-table .about-index-title { | |
| font-size: 14px; | |
| padding-top: 3px; | |
| padding-left: 5px; | |
| }; | |
| } | |
| .about-index-table .about-cell-container { | |
| height: 70px; | |
| margin-top: 20px; | |
| margin-left: 20px; | |
| margin-bottom: 80px; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .about-index-table .about-cell-container { | |
| text-align: center; | |
| padding-top: 8px; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| margin-left: 0; | |
| height: 100%; | |
| }; | |
| } | |
| .annotations-open #itemsContainer .item .item-body .inline-ad-active { | |
| opacity: .2; | |
| z-index: 0; | |
| } | |
| #itemsContainer .item .item-body p div { | |
| width: auto; | |
| } | |
| #itemsContainer .item .item-body p.annotatable:hover .count { | |
| opacity: 1; | |
| } | |
| #itemsContainer .item .item-body p.annotatable .link-paragraph { | |
| display: none; | |
| } | |
| #itemsContainer .item .item-body p.annotatable .link-paragraph a { | |
| display: block; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| #itemsContainer .item .item-body p.annotatable.active { | |
| margin-left: -16px; | |
| background: #fff; | |
| padding: 16px; | |
| border: 1px solid #e0e0e0; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| #itemsContainer .item .item-body p.annotatable.active .anno-right:before { | |
| width: 95px; | |
| opacity: 1; | |
| } | |
| #itemsContainer .item .item-body p.annotatable.link-active { | |
| margin-left: -14px; | |
| background: #f8f8f8; | |
| padding: 11px 15px 11px 14px; | |
| border: 0; | |
| } | |
| #itemsContainer .item .item-body p.annotatable.link-active .link-paragraph { | |
| display: block; | |
| position: absolute; | |
| bottom: 10px; | |
| right: 10px; | |
| width: 16px; | |
| height: 16px; | |
| background: url(../img/icons/annotation.png) no-repeat; | |
| opacity: .6; | |
| cursor: pointer; | |
| } | |
| #itemsContainer .annotatable { | |
| width: 100%; | |
| } | |
| #itemsContainer .featured-annotation-paragraph { | |
| z-index: 100; | |
| } | |
| #itemsContainer .anno-right { | |
| -webkit-transition: opacity 100ms ease 0s; | |
| -moz-transition: opacity 100ms ease 0s; | |
| -ms-transition: opacity 100ms ease 0s; | |
| -o-transition: opacity 100ms ease 0s; | |
| transition: opacity 100ms ease 0s; | |
| cursor: pointer; | |
| position: absolute; | |
| left: 100%; | |
| top: 20px; | |
| height: 100%; | |
| padding-left: 31px; | |
| opacity: 1; | |
| } | |
| #itemsContainer .anno-right.over .featured { | |
| width: 165px; | |
| } | |
| #itemsContainer .anno-right.over .featured .content { | |
| height: auto; | |
| } | |
| #itemsContainer .anno-right.over .featured .content .annotate,#itemsContainer .anno-right.over .featured .content .blurb,#itemsContainer .anno-right.over .featured .content .read,#itemsContainer .anno-right.over .regular .menu .annotate,#itemsContainer .anno-right.over .regular .menu .read { | |
| -webkit-transform: translate3d(0,0,0); | |
| -moz-transform: translate3d(0,0,0); | |
| -ms-transform: translate3d(0,0,0); | |
| -o-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| opacity: 1; | |
| } | |
| #itemsContainer .anno-right .annotate,#itemsContainer .anno-right .read { | |
| border-bottom: 1px solid #fff; | |
| } | |
| #itemsContainer .anno-right.featured { | |
| top: 25px; | |
| opacity: 1; | |
| } | |
| #itemsContainer .anno-right.featured .flip { | |
| position: absolute; | |
| top: -8px; | |
| left: 18px; | |
| width: 50px; | |
| height: 50px; | |
| } | |
| #itemsContainer .anno-right.featured .flip .image { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 50px; | |
| height: 50px; | |
| } | |
| #itemsContainer .anno-right.featured .flip .image .initials { | |
| color: #fff; | |
| position: absolute; | |
| top: 6px; | |
| left: 10px; | |
| width: 40px; | |
| text-align: center; | |
| } | |
| #itemsContainer .anno-right.featured .flip .info { | |
| width: 35px; | |
| height: 37px; | |
| position: absolute; | |
| top: 2px; | |
| left: 10px; | |
| padding-top: 5px; | |
| color: #aeadad; | |
| background: url(../img/icons/comment_featured.png) no-repeat; | |
| font-size: 12px; | |
| line-height: 24px; | |
| text-align: center; | |
| font-family: AdelleSansWeb,'Helvetica Neue',Arial,Helvetica,sans-serif; | |
| opacity: .8; | |
| } | |
| #itemsContainer .anno-right.featured .content { | |
| height: 40px; | |
| width: 120px; | |
| margin-left: 45px; | |
| overflow: hidden; | |
| } | |
| #itemsContainer .anno-right.featured .content .annotate,#itemsContainer .anno-right.featured .content .blurb,#itemsContainer .anno-right.featured .content .read { | |
| -webkit-transform: translate3d(-120px,0,0); | |
| -webkit-transition: all 200ms ease; | |
| opacity: 0; | |
| } | |
| #itemsContainer .anno-right.featured .content .blurb { | |
| font-size: 13px; | |
| line-height: 20px; | |
| color: #424242; | |
| background: #fcfbed; | |
| padding: 10px 10px 2px; | |
| } | |
| #itemsContainer .anno-right.featured .content .blurb .meta { | |
| margin-top: 8px; | |
| padding: 0; | |
| border-top: 1px dotted #b7b7b7; | |
| font-family: Arial; | |
| font-size: 11px; | |
| color: #aaa; | |
| line-height: normal; | |
| } | |
| #itemsContainer .anno-right.featured .content .blurb .meta .username { | |
| margin: 8px 0; | |
| } | |
| #itemsContainer .anno-right.featured .content>div { | |
| margin: 0; | |
| } | |
| #itemsContainer .anno-right:before { | |
| position: absolute; | |
| top: 5px; | |
| left: 1px; | |
| width: 0; | |
| height: 0; | |
| content: ''; | |
| border-top: 1px solid #e5e5e5; | |
| } | |
| #itemsContainer .anno-right.annotated,#itemsContainer .anno-right.has-annotations { | |
| opacity: 1; | |
| } | |
| #itemsContainer .anno-right.annotated .regular .count { | |
| color: #fff; | |
| opacity: .8; | |
| } | |
| #itemsContainer .anno-right .regular { | |
| position: relative; | |
| width: 165px; | |
| } | |
| #itemsContainer .anno-right .regular .count { | |
| cursor: pointer; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| padding: 4px 7px 10px; | |
| min-width: 20px; | |
| font-size: 11px; | |
| text-align: center; | |
| font-family: AdelleSansWeb,'Helvetica Neue',Arial,Helvetica,sans-serif; | |
| height: 14px; | |
| line-height: normal; | |
| opacity: 0; | |
| } | |
| #itemsContainer .anno-right .regular .count.featured { | |
| background: url(../svg/Annotation_Icon_Blank.svg) left center no-repeat; | |
| color: #168dd9; | |
| opacity: 1; | |
| padding-top: 5px; | |
| } | |
| #itemsContainer .anno-right .regular .count.featured .icon-star { | |
| font-size: 10px; | |
| margin-right: 8px; | |
| vertical-align: middle; | |
| } | |
| #itemsContainer .anno-right .regular .count.featured:hover { | |
| background: url(../svg/Annotation_Icon_Blank_Rollover.svg) left center no-repeat; | |
| } | |
| #itemsContainer .anno-right .regular .count.featured:hover .icon-star { | |
| color: #fff; | |
| } | |
| #itemsContainer .anno-right .regular .count.number { | |
| background: url(../svg/Annotation_Icon_Blank.svg) left center no-repeat; | |
| opacity: 1; | |
| } | |
| #itemsContainer .anno-right .regular .count.number:hover { | |
| background: url(../svg/Annotation_Icon_Blank_Rollover.svg) left center no-repeat; | |
| } | |
| #itemsContainer .anno-right .regular .count.number:hover .numberInside { | |
| color: #fff; | |
| } | |
| #itemsContainer .anno-right .regular .count.plus { | |
| background: url(../svg/Annotation_Icon_Plus.svg) left center no-repeat; | |
| } | |
| #itemsContainer .anno-right .regular .count.plus:hover { | |
| background: url(../svg/Annotation_Icon_Plus_Rollover.svg) left center no-repeat; | |
| } | |
| #itemsContainer .anno-right .regular .count .numberInside { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| color: #168dd9; | |
| margin-right: 8px; | |
| margin-top: 1px; | |
| } | |
| #itemsContainer .anno-right p.annotatable:hover .plus { | |
| color: #fff; | |
| } | |
| #itemsContainer .anno-right p.annotatable:hover .plus .menu { | |
| width: 120px; | |
| margin-left: 40px; | |
| overflow: hidden; | |
| } | |
| #itemsContainer .anno-right p.annotatable:hover .plus .menu .annotate,#itemsContainer .anno-right p.annotatable:hover .plus .menu .read { | |
| -webkit-transform: translate3d(-120px,0,0); | |
| -webkit-transition: all 200ms ease; | |
| } | |
| #itemsContainer .anno-right .annotate,#itemsContainer .anno-right .read { | |
| color: #fff; | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| background: #0fa3ff; | |
| padding: 5px 0; | |
| text-align: left; | |
| text-indent: 4px; | |
| cursor: pointer; | |
| margin: 0; | |
| } | |
| #itemsContainer .anno-right .annotate span.icon,#itemsContainer .anno-right .read span.icon { | |
| background: url(../img/icons/annotation.png) no-repeat -124px -54px; | |
| width: 20px; | |
| height: 20px; | |
| display: inline-block; | |
| float: left; | |
| } | |
| #itemsContainer .anno-right .annotate:hover,#itemsContainer .anno-right .read:hover { | |
| background-color: #33b4ff; | |
| } | |
| #itemsContainer .anno-right .annotate span.icon { | |
| background-position: -88px -20px; | |
| } | |
| @media only screen and (max-width:649px) { | |
| #itemsContainer .anno-right { | |
| display: none; | |
| }; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| #itemsContainer .item .item-body p.annotatable { | |
| -webkit-transition: background 100ms,opacity 100ms,margin 100ms,padding 100ms,border 100ms; | |
| -moz-transition: background 100ms,opacity 100ms,margin 100ms,padding 100ms,border 100ms; | |
| -ms-transition: background 100ms,opacity 100ms,margin 100ms,padding 100ms,border 100ms; | |
| -o-transition: background 100ms,opacity 100ms,margin 100ms,padding 100ms,border 100ms; | |
| transition: background 100ms,opacity 100ms,margin 100ms,padding 100ms,border 100ms; | |
| } | |
| #itemsContainer .anno-right:before { | |
| -webkit-transition: all 500ms; | |
| -moz-transition: all 500ms; | |
| -ms-transition: all 500ms; | |
| -o-transition: all 500ms; | |
| transition: all 500ms; | |
| } | |
| #itemsContainer .anno-right.featured .flip .image { | |
| -webkit-perspective: 600px; | |
| -moz-perspective: 600px; | |
| -ms-perspective: 600px; | |
| -o-perspective: 600px; | |
| perspective: 600px; | |
| -webkit-transform-style: preserve-3d; | |
| -moz-transform-style: preserve-3d; | |
| -ms-transform-style: preserve-3d; | |
| -o-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| -webkit-transform: rotateX(0deg) rotateY(0deg); | |
| -moz-transform: rotateX(0deg) rotateY(0deg); | |
| -ms-transform: rotateX(0deg) rotateY(0deg); | |
| -o-transform: rotateX(0deg) rotateY(0deg); | |
| transform: rotateX(0deg) rotateY(0deg); | |
| -webkit-transition: all .4s ease-in-out; | |
| -moz-transition: all .4s ease-in-out; | |
| -ms-transition: all .4s ease-in-out; | |
| -o-transition: all .4s ease-in-out; | |
| transition: all .4s ease-in-out; | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-transform-origin: 30px; | |
| -moz-transform-origin: 30px; | |
| -ms-transform-origin: 30px; | |
| -o-transform-origin: 30px; | |
| transform-origin: 30px; | |
| } | |
| #itemsContainer .anno-right.featured .flip .info { | |
| -webkit-perspective: 600px; | |
| -moz-perspective: 600px; | |
| -ms-perspective: 600px; | |
| -o-perspective: 600px; | |
| perspective: 600px; | |
| -webkit-transform-style: preserve-3d; | |
| -moz-transform-style: preserve-3d; | |
| -ms-transform-style: preserve-3d; | |
| -o-transform-style: preserve-3d; | |
| transform-style: preserve-3d; | |
| -webkit-transform: rotateX(0deg) rotateY(180deg); | |
| -moz-transform: rotateX(0deg) rotateY(180deg); | |
| -ms-transform: rotateX(0deg) rotateY(180deg); | |
| -o-transform: rotateX(0deg) rotateY(180deg); | |
| transform: rotateX(0deg) rotateY(180deg); | |
| -webkit-transition: all .4s ease-in-out; | |
| -moz-transition: all .4s ease-in-out; | |
| -ms-transition: all .4s ease-in-out; | |
| -o-transition: all .4s ease-in-out; | |
| transition: all .4s ease-in-out; | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| -ms-backface-visibility: hidden; | |
| -o-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-transform-origin: 30px; | |
| -moz-transform-origin: 30px; | |
| -ms-transform-origin: 30px; | |
| -o-transform-origin: 30px; | |
| transform-origin: 30px; | |
| } | |
| #itemsContainer .active .anno-right.featured .flip .image { | |
| -webkit-transform: rotateX(0deg) rotateY(180deg); | |
| } | |
| #itemsContainer .active .anno-right.featured .flip .info { | |
| -webkit-transform: rotateX(0deg) rotateY(0deg); | |
| }; | |
| } | |
| @media only screen and (min-width:650px) and (max-width:1024px) { | |
| #itemsContainer .anno-right.featured .flip .image { | |
| opacity: 1; | |
| } | |
| #itemsContainer .active .anno-right.featured .flip .image,#itemsContainer .anno-right.featured .flip .info { | |
| opacity: 0; | |
| } | |
| #itemsContainer .active .anno-right.featured .flip .info { | |
| opacity: 1; | |
| } | |
| .item .item-body p { | |
| margin-right: 35px; | |
| } | |
| #itemsContainer .anno-right.over .regular .menu { | |
| display: block; | |
| position: relative; | |
| top: 30px; | |
| left: 5px; | |
| margin-left: 1px; | |
| } | |
| #itemsContainer .anno-right.over .regular .menu .annotate,#itemsContainer .anno-right.over .regular .menu .read { | |
| width: 26px; | |
| }; | |
| } | |
| @media only screen and (max-width:1185px) { | |
| #itemsContainer .anno-right .regular { | |
| margin-left: 0; | |
| } | |
| #itemsContainer .anno-right.over .featured { | |
| border-top: 0; | |
| width: 150px; | |
| } | |
| #itemsContainer .anno-right.over .featured .blurb { | |
| display: none; | |
| } | |
| #itemsContainer .anno-right.over .annotate,#itemsContainer .anno-right.over .read { | |
| width: 24px; | |
| height: 15px; | |
| } | |
| #itemsContainer .anno-right.over .annotate span.label,#itemsContainer .anno-right.over .read span.label { | |
| display: none; | |
| }; | |
| } | |
| @media only screen and (min-width:649px) { | |
| .annotations-show-right #itemsContainer .item .item-body .anno-right { | |
| opacity: 1; | |
| } | |
| .annotations-open .item-left,.annotations-open .pull-quote { | |
| opacity: .4; | |
| } | |
| .annotations-open #itemsContainer .item .item-content { | |
| right: 20.5%; | |
| position: relative; | |
| } | |
| .annotations-open #itemsContainer .item .item-content div.alignright,.annotations-open #itemsContainer .item .item-content img.alignright { | |
| display: none; | |
| } | |
| .annotations-open #itemsContainer .item .item-content .anno-right { | |
| opacity: 1; | |
| } | |
| .annotations-open #itemsContainer .item-email-signup { | |
| right: 20.5%; | |
| position: relative; | |
| } | |
| .annotations-open .item .item-share-tools,.annotations-open article.item .item-header header { | |
| margin-left: 60px; | |
| }; | |
| } | |
| @media only screen and (max-width:1260px) { | |
| .annotations-open #itemsContainer .item .item-content,.annotations-open #itemsContainer .item-email-signup { | |
| right: 30%; | |
| }; | |
| } | |
| @media only screen and (max-width:1125px) { | |
| .annotations-open #itemsContainer .item .item-content,.annotations-open #itemsContainer .item-email-signup { | |
| right: 34%; | |
| }; | |
| } | |
| @media only screen and (max-width:1024px) { | |
| .annotations-open #itemsContainer .item .item-content,.annotations-open #itemsContainer .item-email-signup { | |
| right: 38%; | |
| }; | |
| } | |
| @media only screen and (min-width:1300px) { | |
| #itemsContainer .anno-right.over .featured { | |
| width: 100%; | |
| } | |
| #itemsContainer .anno-right.over .featured .content { | |
| width: 155px; | |
| }; | |
| } | |
| @media only screen and (min-width:1350px) { | |
| #itemsContainer .anno-right.over .featured .content { | |
| width: 190px; | |
| }; | |
| } | |
| #anno-tile-spot { | |
| vertical-align: middle; | |
| text-align: right; | |
| padding: 2px 0; | |
| margin: 0; | |
| background-color: #fff; | |
| border-top-left-radius: 2px; | |
| border-top-right-radius: 2px; | |
| } | |
| #anno-tile-spot span { | |
| padding: 0; | |
| margin: 0; | |
| color: #999; | |
| font-family: Adelle,sans-serif; | |
| font-size: 11px; | |
| cursor: default; | |
| } | |
| #anno-tile-spot img { | |
| padding: 0; | |
| margin: 0 5px 3px 0; | |
| border: 0; | |
| height: 15px; | |
| max-height: 18px; | |
| max-width: 180px; | |
| } | |
| #navigation-top { | |
| display: none; | |
| } | |
| .annotations-open #annotations { | |
| opacity: 1; | |
| } | |
| .annotations-open .anno-right .regular { | |
| display: none; | |
| } | |
| #itemsContainer .item .item-content,#itemsContainer .item-email-signup { | |
| right: 0; | |
| position: relative; | |
| -webkit-transition: all 280ms ease 0s; | |
| -moz-transition: all 280ms ease 0s; | |
| -ms-transition: all 280ms ease 0s; | |
| -o-transition: all 280ms ease 0s; | |
| transition: all 280ms ease 0s; | |
| } | |
| #annotations { | |
| font-family: Adelle,sans-serif; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| bottom: auto; | |
| z-index: 98; | |
| display: none; | |
| max-width: 350px; | |
| opacity: 0; | |
| -webkit-transition: opacity 300ms ease,-webkit-transform 500ms ease,bottom 300ms ease,height 600ms ease; | |
| -moz-transition: opacity 300ms ease,-webkit-transform 500ms ease,bottom 300ms ease,height 600ms ease; | |
| -ms-transition: opacity 300ms ease,-webkit-transform 500ms ease,bottom 300ms ease,height 600ms ease; | |
| -o-transition: opacity 300ms ease,-webkit-transform 500ms ease,bottom 300ms ease,height 600ms ease; | |
| transition: opacity 300ms ease,-webkit-transform 500ms ease,bottom 300ms ease,height 600ms ease; | |
| -webkit-transition-delay: "200ms"; | |
| -moz-transition-delay: "200ms"; | |
| -ms-transition-delay: "200ms"; | |
| -o-transition-delay: "200ms"; | |
| transition-delay: "200ms"; | |
| } | |
| #annotations.full { | |
| position: fixed; | |
| bottom: 100px; | |
| } | |
| #annotations.full .extra { | |
| display: block; | |
| } | |
| #annotations.full #read-more-wrapper { | |
| margin-bottom: 33px; | |
| margin-top: 10px; | |
| } | |
| #annotations.full #anno-list { | |
| overflow-y: scroll; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| #annotations.small #anno-wrapper { | |
| bottom: auto; | |
| height: auto; | |
| } | |
| #annotations.small #anno-wrapper #anno-container { | |
| height: auto; | |
| } | |
| #annotations.small #anno-wrapper #anno-container #anno-list { | |
| position: relative; | |
| top: 0; | |
| } | |
| #annotations.small #anno-wrapper #anno-container #anno-list .extra { | |
| display: none; | |
| } | |
| #annotations.small #anno-wrapper #anno-container #anno-list.comment-open { | |
| top: 0; | |
| } | |
| #annotations #anno-list-loading { | |
| display: none; | |
| padding: 30px; | |
| text-align: center; | |
| color: #ccc; | |
| } | |
| #annotations textarea { | |
| height: 20px; | |
| font-family: AdelleLight,sans-serif; | |
| color: #a1a1a1; | |
| } | |
| #annotations #anno-wrapper { | |
| right: 0; | |
| top: 80px; | |
| bottom: 0; | |
| height: 100%; | |
| } | |
| #annotations #anno-wrapper #anno-container { | |
| position: relative; | |
| margin: 0; | |
| padding: 0; | |
| height: 100%; | |
| width: auto; | |
| max-width: 500px; | |
| overflow: hidden; | |
| } | |
| #annotations #anno-wrapper #anno-container #read-more-wrapper { | |
| padding: 0; | |
| } | |
| #annotations #anno-wrapper #anno-container #read-more-wrapper #read-more { | |
| font-size: 15px; | |
| padding: 10px; | |
| text-align: center; | |
| cursor: pointer; | |
| color: #168dd9; | |
| background: #F8F8F8; | |
| border: 1px solid #e5e5e5; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| #annotations #anno-wrapper #anno-container #read-more-wrapper #read-more:hover { | |
| background: #168dd9; | |
| border-color: #168dd9; | |
| color: #fff; | |
| } | |
| #annotations #anno-wrapper #anno-container .anno-link { | |
| font-size: 11px; | |
| margin: 5px 0 0; | |
| color: #999; | |
| } | |
| #annotations.no-annotations #anno-container #anno-list { | |
| display: none; | |
| } | |
| .anno-list { | |
| margin-top: 10px; | |
| } | |
| #anno-list { | |
| position: absolute; | |
| top: 55px; | |
| bottom: 0; | |
| width: 100%; | |
| -webkit-transition: all 300ms; | |
| -moz-transition: all 300ms; | |
| -ms-transition: all 300ms; | |
| -o-transition: all 300ms; | |
| transition: all 300ms; | |
| } | |
| #anno-list.comment-open { | |
| top: 173px; | |
| } | |
| #anno-list .anno-unpromoted-message { | |
| font-size: 13px; | |
| text-align: center; | |
| color: #a1a1a1; | |
| } | |
| #anno-list .anno-list .tooltip { | |
| display: inline; | |
| position: relative; | |
| } | |
| #anno-list .anno-list .tooltip:hover:after { | |
| background: #fff; | |
| border: 1px solid #D9D7CE; | |
| content: attr(title); | |
| color: #9A948D; | |
| font-size: 10px; | |
| line-height: 15px; | |
| text-align: center; | |
| text-transform: none; | |
| position: absolute; | |
| right: -20px; | |
| bottom: 26px; | |
| padding: 7px 6px 5px; | |
| z-index: 98; | |
| min-width: 50px; | |
| } | |
| #anno-list .anno-list .tooltip:first-child:hover:after { | |
| right: 10px; | |
| } | |
| #anno-list .anno-list .tooltip.wide:hover:after { | |
| min-width: 110px; | |
| } | |
| #anno-list .anno-list .tooltip.anno-share-link:after { | |
| right: -50px; | |
| z-index: 98; | |
| min-width: 140px; | |
| text-align: left; | |
| } | |
| #anno-list .anno-list .tooltip:hover:before { | |
| position: absolute; | |
| bottom: 22px; | |
| left: 7px; | |
| width: 7px; | |
| height: 7px; | |
| content: ""; | |
| z-index: 104; | |
| background-color: #FFF; | |
| border: 1px solid #D9D7CE; | |
| border-top: 0; | |
| border-right: 0; | |
| -webkit-transform: rotate(-45deg); | |
| } | |
| .logged-in #annotations .anno-flag-abuse,.logged-in #annotations .anno-replies .anno-reply-to { | |
| display: block; | |
| } | |
| #annotations .anno-flag-abuse { | |
| display: none; | |
| } | |
| #annotations ul { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| #annotations ul li { | |
| display: block; | |
| line-height: 19px; | |
| font-size: 13px; | |
| overflow: hidden; | |
| position: relative; | |
| background: #F8F8F8; | |
| border: 1px solid #e5e5e5; | |
| margin-bottom: 10px; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| #annotations ul li.flagged-permanent .anno-meta .anno-flag-abuse { | |
| opacity: 1; | |
| color: red; | |
| } | |
| #annotations ul li.flagged:after { | |
| opacity: .7; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| } | |
| #annotations ul li:after { | |
| -webkit-transition: opacity 300ms linear 0s; | |
| -moz-transition: opacity 300ms linear 0s; | |
| -ms-transition: opacity 300ms linear 0s; | |
| -o-transition: opacity 300ms linear 0s; | |
| transition: opacity 300ms linear 0s; | |
| position: absolute; | |
| top: 0; | |
| left: -1000px; | |
| right: 1000px; | |
| bottom: 1000px; | |
| background: #f9f9f9; | |
| z-index: 100; | |
| text-align: center; | |
| padding: 55px 20px 20px; | |
| opacity: 0; | |
| color: #a1a1a1; | |
| font-family: Adelle,sans-serif; | |
| font-size: 15px; | |
| content: 'Annotation has been flagged for review'; | |
| } | |
| #annotations ul li.flagged .anno-content { | |
| opacity: .1; | |
| } | |
| #annotations ul li .anno-content { | |
| z-index: 10; | |
| padding: 20px; | |
| margin-top: 0; | |
| position: relative; | |
| clear: both; | |
| } | |
| #annotations ul li .anno-content img { | |
| float: right; | |
| margin: 0 0 5px; | |
| width: 49px; | |
| display: block; | |
| } | |
| #annotations ul li .anno-content-text { | |
| font-family: Adelle,sans-serif; | |
| color: #4c4c4c; | |
| font-size: 15px; | |
| } | |
| #annotations ul li .anno-author { | |
| width: 100%; | |
| overflow: auto; | |
| } | |
| #annotations ul li .anno-author .anno-icon { | |
| display: block; | |
| float: left; | |
| overflow: hidden; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| #annotations ul li .anno-author .anno-icon div { | |
| background-color: #168dd9; | |
| width: 22px; | |
| height: 22px; | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| font-size: 12px; | |
| line-height: 22px; | |
| text-align: center; | |
| color: #fff; | |
| padding-top: 0; | |
| margin: 0 0 5px; | |
| } | |
| #annotations ul li .anno-author .anno-icon img { | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| width: 22px; | |
| height: 22px; | |
| } | |
| #annotations ul li .anno-author .anno-icon.anno-lower { | |
| text-transform: lowercase; | |
| } | |
| #annotations ul li .anno-meta { | |
| margin-top: 10px; | |
| } | |
| #annotations ul li .anno-meta .anno-action-items { | |
| display: block; | |
| float: left; | |
| height: 35px; | |
| } | |
| #annotations ul li .anno-meta .anno-flag-abuse,#annotations ul li .anno-meta .anno-reply-count,#annotations ul li .anno-meta .anno-share-link { | |
| cursor: pointer; | |
| display: block; | |
| float: left; | |
| color: #a1a1a1; | |
| font-size: 13px; | |
| line-height: 22px; | |
| } | |
| #annotations ul li .anno-meta .anno-flag-abuse:hover,#annotations ul li .anno-meta .anno-reply-count:hover,#annotations ul li .anno-meta .anno-share-link:hover { | |
| color: #168dd9; | |
| } | |
| #annotations ul li .anno-meta .anno-reply-count:after,#annotations ul li .anno-meta .anno-share-link:after { | |
| content: "|"; | |
| color: #e0e0e0; | |
| margin: 0 8px; | |
| } | |
| #annotations ul li:hover #anno-featured { | |
| margin-top: 30px; | |
| padding: 5px 0; | |
| border-top: 1px #0fa3ff dotted; | |
| } | |
| #annotations ul li.active .anno-replies { | |
| max-height: 100000px; | |
| display: block; | |
| } | |
| #annotations ul.reply-list li { | |
| border: none; | |
| margin-top: 0; | |
| } | |
| #annotations .anno-replies { | |
| clear: both; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| margin-top: 0; | |
| position: relative; | |
| z-index: 5; | |
| -webkit-transition: max-height 280ms ease 0s; | |
| -moz-transition: max-height 280ms ease 0s; | |
| -ms-transition: max-height 280ms ease 0s; | |
| -o-transition: max-height 280ms ease 0s; | |
| transition: max-height 280ms ease 0s; | |
| max-height: 0; | |
| } | |
| #annotations .anno-replies ul.reply-list { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0 0 0 20px; | |
| } | |
| #annotations .anno-replies ul.reply-list li { | |
| display: block; | |
| padding: 20px 0 15px; | |
| line-height: 18px; | |
| font-size: 13px; | |
| overflow: hidden; | |
| border-top: 1px solid #e0e0e0; | |
| border-left: 0; | |
| color: #404040; | |
| } | |
| #annotations .anno-replies ul.reply-list li:last-child { | |
| border-bottom: 0; | |
| padding-bottom: 15px; | |
| } | |
| #annotations .anno-replies ul.reply-list li .icon-reply-arrow { | |
| color: #e0e0e0; | |
| margin-top: 3px; | |
| float: left; | |
| } | |
| #annotations .anno-replies ul.reply-list li .anno-reply { | |
| padding: 0 20px; | |
| } | |
| #annotations .anno-replies ul.reply-list li .anno-username { | |
| line-height: 19px; | |
| } | |
| #annotations .anno-replies ul.reply-list li .anno-meta { | |
| margin-top: 10px; | |
| } | |
| #annotations .anno-replies ul.reply-list li .anno-meta .anno-icon { | |
| display: block; | |
| float: left; | |
| width: 24px; | |
| height: 24px; | |
| overflow: hidden; | |
| border-radius: 2px; | |
| line-height: 21px; | |
| } | |
| #annotations .anno-replies ul.reply-list li .anno-meta .anno-icon img { | |
| width: 22px; | |
| } | |
| #annotations .anno-replies ul.reply-list li .anno-meta .anno-icon .anno-timestamp,#annotations .anno-replies ul.reply-list li .anno-meta .anno-icon .anno-username { | |
| margin-top: 2px!important; | |
| line-height: 22px; | |
| } | |
| #annotations .anno-replies ul.reply-list li .anno-meta .anno-icon div { | |
| background-color: #168dd9; | |
| width: 21px; | |
| height: 21px; | |
| font-size: 12px; | |
| line-height: 21px; | |
| padding-top: 0; | |
| margin: 0; | |
| text-align: center; | |
| color: #fff; | |
| } | |
| #annotations .anno-replies .anno-reply-to { | |
| margin: 0; | |
| padding: 5px 20px 15px; | |
| line-height: normal; | |
| } | |
| #annotations .anno-replies .anno-reply-to .anno-comment { | |
| background: 0 0; | |
| overflow: hidden; | |
| } | |
| #annotations .anno-replies .anno-reply-to .anno-comment .textarea { | |
| color: #a1a1a1; | |
| border: 1px solid #e0e0e0; | |
| -webkit-border-radius: 2px 2px 0 0; | |
| -moz-border-radius: 2px 2px 0 0; | |
| -ms-border-radius: 2px 2px 0 0; | |
| -o-border-radius: 2px 2px 0 0; | |
| border-radius: 2px 2px 0 0; | |
| margin-top: 1px; | |
| background: #fff; | |
| padding: 15px 20px; | |
| } | |
| #annotations .anno-replies .anno-reply-to .anno-comment .submit { | |
| width: 100%; | |
| clear: both; | |
| -webkit-transition: width 280ms linear 0s; | |
| -moz-transition: width 280ms linear 0s; | |
| -ms-transition: width 280ms linear 0s; | |
| -o-transition: width 280ms linear 0s; | |
| transition: width 280ms linear 0s; | |
| -webkit-border-radius: 0 0 2px 2px; | |
| -moz-border-radius: 0 0 2px 2px; | |
| -ms-border-radius: 0 0 2px 2px; | |
| -o-border-radius: 0 0 2px 2px; | |
| border-radius: 0 0 2px 2px; | |
| } | |
| #annotations .anno-replies .anno-reply-to .anno-comment.tall div.submit { | |
| display: block; | |
| } | |
| #annotations .anno-replies .anno-reply-to .anno-comment .link { | |
| margin-top: 1px; | |
| background: #fff; | |
| border: 0; | |
| } | |
| #annotations .anno-replies .anno-reply-to .anno-comment .link input { | |
| width: 300px; | |
| } | |
| #anno-featured ul li { | |
| font-size: 14px; | |
| } | |
| #anno-featured ul li .anno-content .anno-featured-by { | |
| float: left; | |
| font-size: 11px; | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| text-transform: uppercase; | |
| margin-left: 10px; | |
| margin-top: 3px; | |
| color: #168dd9; | |
| } | |
| #anno-featured ul li .anno-content .anno-featured-by .icon-star { | |
| font-size: 10px; | |
| padding-right: 3px; | |
| } | |
| #anno-featured ul li .anno-content .anno-content-text { | |
| display: block; | |
| line-height: 20px; | |
| } | |
| #anno-featured ul li .anno-meta { | |
| margin-top: 14px; | |
| } | |
| #anno-featured ul li .anno-meta .anno-timestamp { | |
| font-size: 13px; | |
| line-height: 18px; | |
| } | |
| #anno-featured ul li .reply-list li { | |
| background: #ececec; | |
| } | |
| #anno-unpromoted.anno-list { | |
| margin-top: 5px; | |
| } | |
| #anno-unpromoted ul li .anno-meta .anno-username { | |
| color: #4c4c4c; | |
| } | |
| #anno-unpromoted ul li:hover .anno-content-text,#anno-unpromoted ul li:hover .anno-meta .anno-username { | |
| font-style: normal; | |
| color: #404040; | |
| } | |
| #anno-unpromoted ul li.active { | |
| opacity: 1; | |
| } | |
| #annotations .anno-span.over { | |
| background: #f4f4f4; | |
| } | |
| #annotations .anno-username { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| line-height: 22px; | |
| margin-left: 6px; | |
| display: block; | |
| float: left; | |
| } | |
| #annotations .anno-timestamp { | |
| font-size: 13px; | |
| margin-right: 20px; | |
| display: block; | |
| float: right; | |
| } | |
| #annotations ul.reply-list .anno-timestamp,#annotations ul.reply-list .anno-username { | |
| margin-top: 2px; | |
| } | |
| #annotations .anno-username { | |
| color: #404040; | |
| font-size: 15px; | |
| font-weight: 700; | |
| } | |
| #annotations li.isQZ>div>div>.anno-username { | |
| color: #404040; | |
| font-size: 15px; | |
| background-image: url(http://app.qzdev.amc/img/icons/favicon.png); | |
| background-repeat: no-repeat; | |
| background-position: left 3px; | |
| text-indent: 18px; | |
| margin-left: 4px; | |
| margin-top: 0; | |
| } | |
| #annotations #anno-featured li.isQZ>div>div>.anno-username { | |
| background-position: left 1px; | |
| } | |
| #annotations .anno-username a { | |
| color: #404040; | |
| } | |
| #annotations .anno-username a:hover { | |
| color: #006AA4; | |
| } | |
| #annotations .anno-twitter-name { | |
| font-family: Adelle,sans-serif; | |
| font-weight: 400; | |
| color: #999; | |
| } | |
| #annotations .anno-timestamp { | |
| color: #bbb; | |
| line-height: 24px; | |
| } | |
| #annotations span.isStaff { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| font-size: 15px; | |
| margin-top: 1px; | |
| display: inline-table; | |
| } | |
| #annotations #anno-comment-container { | |
| position: relative; | |
| padding: 0; | |
| background-color: #f8f8f8; | |
| z-index: 20; | |
| } | |
| #annotations #anno-comment>.input { | |
| padding: 0; | |
| } | |
| #annotations #anno-comment .input { | |
| border: 1px solid #e0e0e0; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| overflow: hidden; | |
| position: relative; | |
| margin: 0; | |
| } | |
| #annotations #anno-comment .input .login,#annotations #anno-comment .input .thankyou { | |
| margin-top: 17px; | |
| line-height: normal; | |
| } | |
| #annotations #anno-comment .input .login .textarea,#annotations #anno-comment .input .thankyou .textarea { | |
| padding: 7px!important; | |
| } | |
| #annotations #anno-comment .input .character-count { | |
| visibility: hidden; | |
| font-size: 11px; | |
| letter-spacing: 0; | |
| color: #168dd9; | |
| position: absolute; | |
| right: 6px; | |
| bottom: 53px; | |
| } | |
| #annotations #anno-comment .input .error-message { | |
| visibility: hidden; | |
| font-size: 11px; | |
| letter-spacing: 0; | |
| color: #c25250; | |
| position: absolute; | |
| left: 19px; | |
| bottom: 53px; | |
| } | |
| #annotations #anno-comment .input .link { | |
| float: left; | |
| width: 69%; | |
| padding: 0 1px; | |
| margin-bottom: 1px; | |
| overflow: hidden; | |
| } | |
| #annotations #anno-comment .input .link .link-icon { | |
| font-size: 13px; | |
| display: block; | |
| float: left; | |
| padding: 19px 5px 0 17px; | |
| opacity: .3; | |
| -webkit-transition: opacity 320ms linear 0s; | |
| -moz-transition: opacity 320ms linear 0s; | |
| -ms-transition: opacity 320ms linear 0s; | |
| -o-transition: opacity 320ms linear 0s; | |
| transition: opacity 320ms linear 0s; | |
| } | |
| #annotations #anno-comment .input .link .link-icon.valid { | |
| color: green; | |
| } | |
| #annotations #anno-comment .input .link .link-status { | |
| display: none; | |
| visibility: hidden; | |
| float: right; | |
| width: 16px; | |
| height: 16px; | |
| margin-top: 7px; | |
| background: url(../img/icons/annotation.png) no-repeat -2px -57px; | |
| } | |
| #annotations #anno-comment .input .link .link-status.nope { | |
| background-position: -19px -57px; | |
| } | |
| #annotations #anno-comment .input .link input { | |
| float: left; | |
| font-size: 11px; | |
| color: #168dd9; | |
| padding: 5px; | |
| border: 0; | |
| margin-left: 4px; | |
| outline: 0; | |
| resize: none; | |
| opacity: .6; | |
| -webkit-transition: opacity 320ms linear 0s; | |
| -moz-transition: opacity 320ms linear 0s; | |
| -ms-transition: opacity 320ms linear 0s; | |
| -o-transition: opacity 320ms linear 0s; | |
| transition: opacity 320ms linear 0s; | |
| } | |
| #annotations #anno-comment .input .link input:focus::-webkit-input-placeholder::before { | |
| display: inline; | |
| content: ""; | |
| } | |
| #annotations #anno-comment .input .link:hover .link-icon { | |
| opacity: .5; | |
| } | |
| #annotations #anno-comment .input .link input:focus,#annotations #anno-comment .input .link:hover input { | |
| opacity: 1; | |
| } | |
| #annotations #anno-comment.short .bottom-comment,#annotations #anno-comment.short .link,#annotations #anno-comment.short .submit,#annotations #anno-comment.short .tweet { | |
| display: none; | |
| } | |
| #annotations #anno-comment.short .input .textarea textarea { | |
| height: 16px; | |
| line-height: 16px; | |
| } | |
| #annotations #anno-comment.closed { | |
| height: 0; | |
| opacity: 0; | |
| overflow: hidden; | |
| } | |
| #annotations #anno-comment.complete { | |
| opacity: 1; | |
| } | |
| #annotations #anno-comment.complete .thankyou { | |
| display: block; | |
| } | |
| #annotations #anno-comment.complete .input { | |
| display: none; | |
| } | |
| #annotations #anno-comment .submitable .submit,#annotations #anno-comment .submitable .tweet { | |
| opacity: 1; | |
| } | |
| #annotations #anno-comment .thankyou { | |
| display: none; | |
| font-size: 15px; | |
| color: #888; | |
| } | |
| #annotations #anno-comment .thankyou div.textarea { | |
| padding: 15px; | |
| } | |
| #annotations #anno-comment .login { | |
| font-size: 15px; | |
| color: #a1a1a1; | |
| } | |
| #annotations #anno-comment .login div.textarea { | |
| padding: 15px; | |
| } | |
| #annotations #anno-comment,#annotations .anno-comment { | |
| position: relative; | |
| margin-top: 0; | |
| margin-bottom: 5px; | |
| background-color: #fff; | |
| opacity: 1; | |
| -webkit-transition: height .2s ease-out,opacity .1s ease .2s; | |
| -moz-transition: height .2s ease-out,opacity .1s ease .2s; | |
| -ms-transition: height .2s ease-out,opacity .1s ease .2s; | |
| -o-transition: height .2s ease-out,opacity .1s ease .2s; | |
| transition: height .2s ease-out,opacity .1s ease .2s; | |
| } | |
| #annotations #anno-comment #anno-link-text,#annotations .anno-comment #anno-link-text { | |
| font-family: AdelleLight,sans-serif; | |
| font-size: 15px; | |
| margin-top: 15px; | |
| padding: 0; | |
| margin-left: 0; | |
| width: 85%; | |
| } | |
| #annotations #anno-comment .input,#annotations .anno-comment .input { | |
| margin-bottom: 8px; | |
| } | |
| #annotations #anno-comment .input .submit,#annotations .anno-comment .input .submit { | |
| box-sizing: border-box; | |
| margin-right: 0; | |
| cursor: pointer; | |
| float: right; | |
| min-width: 42px; | |
| text-align: center; | |
| padding-top: 15px; | |
| height: 52px; | |
| color: #168dd9; | |
| background-color: #fff; | |
| border: 1px solid #e0e0e0; | |
| border-top: none; | |
| padding-bottom: 10px; | |
| font-size: 15px; | |
| width: 30%; | |
| -webkit-transition: width 280ms linear 0s; | |
| -moz-transition: width 280ms linear 0s; | |
| -ms-transition: width 280ms linear 0s; | |
| -o-transition: width 280ms linear 0s; | |
| transition: width 280ms linear 0s; | |
| outline: 0; | |
| } | |
| #annotations #anno-comment .input .submit:hover,#annotations .anno-comment .input .submit:hover { | |
| background-color: #168dd9; | |
| color: #fff; | |
| } | |
| #annotations #anno-comment .bottom-comment,#annotations .anno-comment .bottom-comment { | |
| background-color: #fff; | |
| border-top: 1px solid #e0e0e0; | |
| height: 50px; | |
| } | |
| #annotations #anno-comment .bottom-comment .submit,#annotations .anno-comment .bottom-comment .submit { | |
| border: 0; | |
| border-left: 1px solid #e0e0e0; | |
| } | |
| #annotations #anno-comment .textarea,#annotations .anno-comment .textarea { | |
| background: #fff; | |
| margin-top: 0; | |
| padding: 15px; | |
| clear: both; | |
| } | |
| #annotations #anno-comment .textarea textarea,#annotations .anno-comment .textarea textarea { | |
| color: #111; | |
| font-size: 15px; | |
| vertical-align: middle; | |
| width: 95%; | |
| border: 0; | |
| margin: 0; | |
| outline: 0; | |
| resize: none; | |
| opacity: .8; | |
| -webkit-transition: height 180ms ease 0s; | |
| -moz-transition: height 180ms ease 0s; | |
| -ms-transition: height 180ms ease 0s; | |
| -o-transition: height 180ms ease 0s; | |
| transition: height 180ms ease 0s; | |
| } | |
| #annotations #anno-comment .textarea textarea:focus,#annotations #anno-comment .textarea textarea:hover,#annotations .anno-comment .textarea textarea:focus,#annotations .anno-comment .textarea textarea:hover { | |
| opacity: 1; | |
| } | |
| #annotations #anno-comment .textarea textarea:focus::-webkit-input-placeholder::after,#annotations .anno-comment .textarea textarea:focus::-webkit-input-placeholder::after { | |
| display: inline; | |
| content: ""; | |
| } | |
| #annotations #anno-comment .textarea textarea.expanded,#annotations .anno-comment .textarea textarea.expanded { | |
| height: 126px; | |
| } | |
| #annotations #anno-comment .login,#annotations #anno-comment .thankyou,#annotations .anno-comment .login,#annotations .anno-comment .thankyou { | |
| border: 1px solid #e0e0e0; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| #annotations #anno-comment .login .textarea,#annotations #anno-comment .thankyou .textarea,#annotations .anno-comment .login .textarea,#annotations .anno-comment .thankyou .textarea { | |
| padding: 15px; | |
| } | |
| #annotations .anno-comment .textarea textarea { | |
| height: 18px; | |
| } | |
| p.emActive span { | |
| background-color: #f2f4f5; | |
| } | |
| p span.emHighlight { | |
| background-color: #fff0b3; | |
| } | |
| span.emInfo { | |
| position: absolute; | |
| margin: -1px 0 0 -8px; | |
| padding: 0; | |
| font-size: 10px; | |
| background-color: transparent!important; | |
| } | |
| span.emInfo a { | |
| text-decoration: none; | |
| } | |
| a.emActiveAnchor { | |
| color: #000; | |
| font-size: 11px; | |
| } | |
| #anno-admin { | |
| position: absolute; | |
| right: 54px; | |
| width: 32px; | |
| height: 32px; | |
| line-height: 32px; | |
| font-size: 22px; | |
| opacity: .5; | |
| } | |
| #anno-admin:hover { | |
| opacity: 1; | |
| } | |
| #anno-admin a { | |
| color: #000; | |
| } | |
| #annotations #anno-comment .input .link input { | |
| width: 69%; | |
| } | |
| @media only screen and (max-width:1024px) { | |
| #annotations #anno-comment #anno-link-text { | |
| width: 75%; | |
| } | |
| #annotations ul li .anno-meta .anno-meta-action,#annotations ul li .anno-meta .anno-share-link { | |
| opacity: 1; | |
| }; | |
| } | |
| @media only screen and (min-width:649px) { | |
| #annotations { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| left: 0; | |
| bottom: auto; | |
| margin-right: 10px; | |
| max-width: 350px; | |
| -webkit-transform: translate3d(1020px,0,0); | |
| -moz-transform: translate3d(1020px,0,0); | |
| -ms-transform: translate3d(1020px,0,0); | |
| -o-transform: translate3d(1020px,0,0); | |
| transform: translate3d(1020px,0,0); | |
| }; | |
| } | |
| #alert-overlay { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: #404040; | |
| z-index: 99999; | |
| display: none; | |
| opacity: 0; | |
| -webkit-transition: all 300ms; | |
| -moz-transition: all 300ms; | |
| -ms-transition: all 300ms; | |
| -o-transition: all 300ms; | |
| transition: all 300ms; | |
| } | |
| @media only screen and (max-width:649px) { | |
| .annotations-open #alert-overlay { | |
| display: block; | |
| opacity: .5; | |
| } | |
| body.alert-open #annotations { | |
| width: 0; | |
| } | |
| #alert .share-icons { | |
| margin: 10px; | |
| } | |
| #annotations { | |
| position: fixed; | |
| max-width: none; | |
| z-index: 100000; | |
| } | |
| #annotations .extra { | |
| display: block; | |
| } | |
| #annotations #anno-comment-container,#annotations .anno-reply-to { | |
| display: none; | |
| } | |
| #annotations #read-more-wrapper { | |
| margin-bottom: 33px; | |
| margin-top: 10px; | |
| } | |
| #annotations #anno-list { | |
| top: 0; | |
| overflow-y: scroll; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| #annotations #anno-list .anno-reply-count.narrow,#annotations #anno-list .anno-share-link { | |
| display: none; | |
| }; | |
| } | |
| #alert { | |
| background: 0 0; | |
| -webkit-transition: background .3s; | |
| -moz-transition: background .3s; | |
| -o-transition: background .3s; | |
| -ms-transition: background .3s; | |
| transition: background .3s; | |
| display: none; | |
| } | |
| #alert.open { | |
| display: block; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 100%; | |
| width: 100%; | |
| z-index: 99; | |
| background: rgba(235,235,235,.95); | |
| } | |
| #alert .share-container { | |
| margin: 25% auto; | |
| background: #fff; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px; | |
| padding: 20px; | |
| width: 245px; | |
| font-family: Adelle,sans-serif; | |
| font-size: 15px; | |
| } | |
| #alert .share-container input { | |
| background-color: #fff; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| -ms-border-radius: 3px; | |
| -o-border-radius: 3px; | |
| border-radius: 3px; | |
| border: 1px solid #e5e5e5; | |
| width: 213px; | |
| outline: 0; | |
| padding: 12px; | |
| font-size: 16px; | |
| color: #4c4c4c; | |
| line-height: 18px; | |
| } | |
| #alert .share-container ul li { | |
| float: left; | |
| width: 50%; | |
| padding: 8px 0; | |
| } | |
| #alert .share-container a { | |
| color: #a1a1a1; | |
| } | |
| #alert .share-container a i { | |
| padding-right: 5px; | |
| font-size: 18px; | |
| } | |
| #alert .share-container a:hover { | |
| text-decoration: none; | |
| } | |
| #alert h1 { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| font-size: 20px; | |
| color: #4c4c4c; | |
| } | |
| .popular-stories-module { | |
| position: absolute; | |
| left: -300px; | |
| bottom: 80px; | |
| width: 240px; | |
| } | |
| .popular-stories-module .module-title { | |
| text-transform: uppercase; | |
| color: #a1a1a1; | |
| font-size: 12px; | |
| margin-bottom: 1em; | |
| } | |
| .popular-stories-module article { | |
| background: url(../svg/dot.svg) bottom repeat-x; | |
| padding-bottom: 1em; | |
| margin-bottom: 1em; | |
| } | |
| .popular-stories-module article:last-child { | |
| background: 0 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .popular-stories-module article h3 { | |
| font: 15px Adelle,sans-serif; | |
| } | |
| .popular-stories-module header { | |
| text-transform: uppercase; | |
| font: 12px AdelleBold,sans-serif; | |
| margin-bottom: 6px; | |
| } | |
| .popular-stories-module .sponsor-label { | |
| color: #f1a33f; | |
| } | |
| .popular-stories-module .sponsor-name { | |
| color: #a1a1a1; | |
| margin-left: .5em; | |
| } | |
| @media screen and (max-width:1024px) { | |
| .popular-stories-module { | |
| display: none; | |
| }; | |
| } | |
| @-webkit-keyframes qpulse { | |
| 0% { | |
| -webkit-transform: scale(0); | |
| transform: scale(0); | |
| opacity: 1; | |
| } | |
| 100% { | |
| -webkit-transform: scale(2); | |
| transform: scale(2); | |
| opacity: 0; | |
| }; | |
| } | |
| @keyframes qpulse { | |
| 0% { | |
| -webkit-transform: scale(0); | |
| transform: scale(0); | |
| opacity: 1; | |
| } | |
| 100% { | |
| -webkit-transform: scale(2); | |
| transform: scale(2); | |
| opacity: 0; | |
| }; | |
| } | |
| #spinner { | |
| width: 20px; | |
| height: 20px; | |
| border-radius: 10px; | |
| background-color: #a1a1a1; | |
| position: absolute; | |
| left: 49.5%; | |
| top: 100px; | |
| -webkit-animation: qpulse 1s infinite ease-in-out; | |
| animation: qpulse 1s infinite ease-in-out; | |
| } | |
| #spinner.search { | |
| top: 25%; | |
| } | |
| * { | |
| -webkit-text-size-adjust: auto; | |
| } | |
| body { | |
| text-rendering: optimizeLegibility; | |
| color: #333; | |
| margin: 0; | |
| padding: 0; | |
| background-color: #F9F9F9; | |
| width: 100%; | |
| position: relative; | |
| word-wrap: break-word; | |
| -webkit-text-size-adjust: none; | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| img { | |
| vertical-align: middle; | |
| border: 0; | |
| } | |
| fieldset { | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| textarea { | |
| resize: vertical; | |
| } | |
| a { | |
| text-decoration: none; | |
| color: #168dd9; | |
| } | |
| b,strong { | |
| font-weight: 700; | |
| } | |
| em { | |
| font-style: italic; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| body { | |
| background: #F9F9F9; | |
| margin: auto; | |
| left: 0; | |
| right: 0; | |
| }; | |
| } | |
| @media only screen and (min-width:650px) { | |
| body:after { | |
| content: 'wide'; | |
| display: none; | |
| }; | |
| } | |
| @media only screen and (max-width:1024px) { | |
| * { | |
| -webkit-touch-callout: none; | |
| -webkit-text-size-adjust: none; | |
| -webkit-tap-highlight-color: transparent; | |
| }; | |
| } | |
| :-moz-ui-invalid { | |
| box-shadow: none; | |
| } | |
| img#wpstats,img#wpstats2 { | |
| display: none; | |
| } | |
| .items-container .item:last-child { | |
| margin-bottom: 100px; | |
| } | |
| .items-container .error { | |
| margin: 100px auto 900px; | |
| max-width: 600px; | |
| padding: 0 30px 30px; | |
| height: 100%; | |
| text-align: center; | |
| font-family: Arial,'Helvetica Neue',Helvetica,sans-serif; | |
| } | |
| .items-container .error p { | |
| color: #000; | |
| } | |
| article.item { | |
| background-color: #F9F9F9; | |
| border-bottom: 0; | |
| padding-top: 40px; | |
| } | |
| article.item:first-of-type { | |
| margin-top: 54px; | |
| } | |
| #interstitial-item+.item { | |
| margin-top: 0; | |
| } | |
| @media screen and (min-width:1025px) { | |
| article.item { | |
| margin-bottom: 50px; | |
| padding-top: 30px; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| article.item { | |
| padding-top: 5px; | |
| } | |
| article.item:first-of-type { | |
| margin-top: 44px; | |
| }; | |
| } | |
| .item-body { | |
| position: relative; | |
| min-height: 100%; | |
| max-width: 600px; | |
| padding-top: 0; | |
| padding-bottom: 22px; | |
| margin: 0 0 auto auto; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| .item-body { | |
| max-width: 640px; | |
| padding-bottom: 0; | |
| width: 640px; | |
| }; | |
| } | |
| @media only screen and (min-width:650px) and (max-width:1024px) { | |
| #view-itemWell .item-body { | |
| max-width: 450px; | |
| margin: 0 10px; | |
| } | |
| div.item-body:not(.profile-bio) { | |
| max-width: 640px!important; | |
| margin-left: 60px!important; | |
| }; | |
| } | |
| @media only screen and (min-width:650px) and (max-width:1024px) and (orientation:landscape) { | |
| #view-itemWell .item-body { | |
| max-width: 450px; | |
| margin: 0 10px; | |
| } | |
| article.item div.item-body:not(.profile-bio) { | |
| max-width: 640px!important; | |
| margin: auto!important; | |
| }; | |
| } | |
| .table { | |
| display: table; | |
| } | |
| .cell { | |
| display: table-cell; | |
| } | |
| .constrain { | |
| max-width: 640px; | |
| margin: auto; | |
| } | |
| .section-header { | |
| line-height: 70px; | |
| border-bottom: 1px solid #e2e2e2; | |
| background: #fff; | |
| } | |
| .section-header h3 { | |
| font-family: Adelle,sans-serif; | |
| font-size: 1.375em; | |
| color: #333; | |
| display: inline-block; | |
| white-space: nowrap; | |
| cursor: pointer; | |
| } | |
| .section-header .subhead { | |
| color: #a1a1a1; | |
| } | |
| .section-header .subhead:before { | |
| content: ''; | |
| display: inline-block; | |
| height: 18px; | |
| width: 1px; | |
| background: #e2e2e2; | |
| margin: -2px 14px 0; | |
| vertical-align: middle; | |
| } | |
| .section-header .icon-down-arrow { | |
| color: #006aa4; | |
| margin-right: .75em; | |
| font-size: 16px; | |
| } | |
| #the-brief .section-header .constrain { | |
| position: relative; | |
| } | |
| #the-brief .ad-engage { | |
| margin: 2em 0; | |
| } | |
| #top-stories { | |
| z-index: 3; | |
| position: relative; | |
| border-top: 1px solid #e2e2e2; | |
| margin: 0; | |
| clear: both; | |
| } | |
| #brief-sponsor { | |
| display: inline-block; | |
| position: absolute; | |
| right: 0; | |
| } | |
| #brief-sponsor.ad-visible:before { | |
| content: 'Presented by'; | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin-right: .75em; | |
| font-size: .75em; | |
| font-family: Adelle,sans-serif; | |
| color: #a1a1a1; | |
| } | |
| #brief-sponsor img { | |
| vertical-align: middle; | |
| width: 120px; | |
| height: 34px; | |
| } | |
| #brief-engage { | |
| text-align: center; | |
| clear: both; | |
| } | |
| #brief-engage iframe { | |
| margin: auto; | |
| } | |
| #homepage-daily-brief { | |
| background: #f9f9f9; | |
| position: relative; | |
| z-index: 3; | |
| } | |
| #homepage-daily-brief .item-email-signup { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding: 1.5em 0 2.5em; | |
| margin: auto; | |
| border: 0; | |
| } | |
| #homepage-daily-brief .item-email-signup h3 { | |
| font-size: 1.25em; | |
| } | |
| #homepage-daily-brief .item-email-signup select.region-error { | |
| color: #c25250; | |
| } | |
| #homepage-daily-brief .item-email-signup .for-early { | |
| display: block; | |
| font: 13px/22px Adelle,Helvetica,sans-serif; | |
| position: absolute; | |
| top: 53px; | |
| left: 12px; | |
| } | |
| #brief-ad { | |
| width: 100%; | |
| max-height: 480px; | |
| overflow: hidden; | |
| } | |
| #brief-ad img { | |
| width: 100%; | |
| } | |
| #top-stories-tab { | |
| background: #fff; | |
| border: 1px solid #e2e2e2; | |
| position: fixed; | |
| bottom: 20px; | |
| left: 20px; | |
| padding: 1em 1.5em; | |
| z-index: 5; | |
| display: block; | |
| color: #333; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| } | |
| #top-stories-tab span { | |
| font-family: AdelleBold,sans-serif; | |
| font-size: .7em; | |
| } | |
| #top-stories-tab i { | |
| margin-right: 1em; | |
| color: #006aa4; | |
| } | |
| .home #view-itemWell .scroll+svg { | |
| display: none; | |
| } | |
| article.lead { | |
| background-position: 50% 50%; | |
| height: 600px; | |
| color: #fff; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| } | |
| article.lead .table { | |
| width: 100%; | |
| height: 100%; | |
| position: relative; | |
| z-index: 2; | |
| background: rgba(0,0,0,.5); | |
| -webkit-transition: all 0s; | |
| -moz-transition: all 0s; | |
| -o-transition: all 0s; | |
| -ms-transition: all 0s; | |
| transition: all 0s; | |
| } | |
| article.lead .cell { | |
| vertical-align: bottom; | |
| } | |
| article.lead h2 { | |
| font-family: AdelleBold; | |
| font-size: 2.5em; | |
| margin-bottom: .5em; | |
| line-height: 1.2; | |
| color: #fff; | |
| display: inline-block; | |
| } | |
| article.lead .kicker { | |
| background: #006aa4; | |
| font-size: .8em; | |
| font-family: AdelleBold,sans-serif; | |
| text-transform: uppercase; | |
| line-height: 0; | |
| margin-bottom: .625em; | |
| padding: .9em .5em .5em; | |
| display: table; | |
| } | |
| article.slice { | |
| border-bottom: 10px solid #000; | |
| background-color: #000; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| background-position: 70% 30%; | |
| -webkit-transition: background .2s; | |
| -moz-transition: background .2s; | |
| -o-transition: background .2s; | |
| -ms-transition: background .2s; | |
| transition: background .2s; | |
| } | |
| article.slice:hover { | |
| cursor: pointer; | |
| } | |
| article.slice:hover .table { | |
| background: rgba(0,0,0,.65); | |
| } | |
| article.slice .table { | |
| display: table; | |
| width: 100%; | |
| background: rgba(0,0,0,.75); | |
| -webkit-transition: all .5s ease; | |
| } | |
| article.slice.no-image { | |
| background: #171717; | |
| } | |
| article.slice.no-image .table { | |
| background: 0 0; | |
| } | |
| article.slice .cell { | |
| display: table-cell; | |
| vertical-align: middle; | |
| height: 250px; | |
| } | |
| article.slice .kicker { | |
| color: #168dd9; | |
| font-family: AdelleBold,sans-serif; | |
| text-transform: uppercase; | |
| font-size: .875em; | |
| display: block; | |
| text-decoration: none; | |
| } | |
| article.slice h2 { | |
| color: #fff; | |
| font-size: 2em; | |
| font-family: AdelleBold; | |
| line-height: 1.3; | |
| display: inline-block; | |
| } | |
| article.slice h2 a { | |
| color: #fff; | |
| text-decoration: none; | |
| } | |
| article.bulletin .sponsor-name { | |
| color: #a2a2a2; | |
| font-family: AdelleBold,sans-serif; | |
| margin-left: .5em; | |
| text-transform: uppercase; | |
| } | |
| article.bulletin .sponsor-label { | |
| color: #f1a33f; | |
| font-family: AdelleBold,sans-serif; | |
| text-transform: uppercase; | |
| } | |
| article.bulletin.slice header { | |
| margin-bottom: .5em; | |
| } | |
| article.bulletin.slice .sponsor-name { | |
| font-size: .8em; | |
| } | |
| article.bulletin.slice .sponsor-label { | |
| font-size: .75em; | |
| } | |
| @media screen and (max-width:1024px) { | |
| #top-stories-tab { | |
| display: none; | |
| visibility: hidden; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #the-brief .ad-engage { | |
| margin: 0; | |
| } | |
| .constrain { | |
| max-width: 87.5%; | |
| } | |
| #homepage-daily-brief .item-email-signup { | |
| width: 87.5%; | |
| padding: 1.4em 0 .2em!important; | |
| } | |
| #homepage-daily-brief .item-email-signup:after { | |
| content: ''; | |
| display: block; | |
| clear: both; | |
| } | |
| #homepage-daily-brief .item-email-signup h3 { | |
| font-size: 16px; | |
| line-height: 24px; | |
| margin: 0; | |
| } | |
| #homepage-daily-brief .item-email-signup .item-email-main { | |
| padding: 0; | |
| } | |
| #homepage-daily-brief .item-email-signup .field-container.button .for-early,#homepage-daily-brief .item-email-signup .field-container.region .for-early { | |
| top: 46px; | |
| } | |
| #the-brief .subhead { | |
| display: none; | |
| } | |
| #brief-sponsor { | |
| right: -15px; | |
| } | |
| #brief-sponsor.ad-visible:before { | |
| margin-right: .5em; | |
| font-size: .7em; | |
| } | |
| #brief-sponsor img { | |
| margin-bottom: 5px; | |
| } | |
| .section-header { | |
| line-height: 50px; | |
| } | |
| .section-header h3 { | |
| font-size: 16px; | |
| } | |
| .section-header .icon-down-arrow { | |
| font-size: .8em; | |
| } | |
| article.lead { | |
| height: 320px; | |
| } | |
| article.lead .kicker { | |
| font-size: 12px; | |
| } | |
| body.ios article.lead .kicker { | |
| margin-bottom: .6em; | |
| padding-top: .95em; | |
| } | |
| body.chrome-android article.lead .kicker { | |
| margin-bottom: .6em; | |
| } | |
| article.lead h2 { | |
| font-size: 1.1em; | |
| margin-bottom: 1em; | |
| line-height: 1.3; | |
| } | |
| article.slice .cell { | |
| height: 150px; | |
| } | |
| article.slice .kicker { | |
| font-size: .75em; | |
| } | |
| article.slice h2 { | |
| line-height: 1.4; | |
| font-size: 1em; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| .constrain { | |
| width: 87.5%; | |
| } | |
| #the-brief .subhead { | |
| display: none; | |
| }; | |
| } | |
| body:not(.home) #footer { | |
| display: none; | |
| } | |
| #footer { | |
| width: 100%; | |
| height: 75px; | |
| padding: 16px 0; | |
| background: #171717; | |
| color: #4c4c4c; | |
| visibility: hidden; | |
| } | |
| #footer.visible { | |
| visibility: visible; | |
| } | |
| #footer ul.follow { | |
| width: 640px; | |
| margin: 1em auto auto; | |
| font: 14px/20px AdelleBold,Helvetica,sans-serif; | |
| list-style-type: none; | |
| height: .5em; | |
| } | |
| #footer ul.follow li { | |
| float: left; | |
| padding: 0 10px; | |
| border-right: 1px solid #4c4c4c; | |
| } | |
| #footer ul.follow li:first-of-type { | |
| border: none; | |
| padding-left: 0; | |
| margin-right: 10px; | |
| } | |
| #footer ul.follow li:last-of-type { | |
| border: none; | |
| } | |
| #footer ul.follow li a { | |
| color: #bebebe; | |
| -webkit-transition: all .15s linear; | |
| -moz-transition: all .15s linear; | |
| -o-transition: all .15s linear; | |
| -ms-transition: all .15s linear; | |
| transition: all .15s linear; | |
| } | |
| #footer ul.follow li a:hover { | |
| color: #168dd9; | |
| text-decoration: none; | |
| -webkit-transition: all .15s linear; | |
| -moz-transition: all .15s linear; | |
| -o-transition: all .15s linear; | |
| -ms-transition: all .15s linear; | |
| transition: all .15s linear; | |
| } | |
| body.in #footer ul.follow li a:hover { | |
| color: #1e866c; | |
| } | |
| #footer div.vip { | |
| width: 640px; | |
| margin: 30px auto auto; | |
| font: 14px/20px Adelle,Helvetica,sans-serif; | |
| } | |
| #footer div.vip a { | |
| color: inherit; | |
| } | |
| #footer div.vip a:hover { | |
| color: inherit; | |
| text-decoration: underline; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #footer ul.follow { | |
| width: 87.5%; | |
| margin-top: 0; | |
| font-size: 12px; | |
| } | |
| body.ios #footer ul.follow { | |
| font-size: 11px; | |
| } | |
| body.ios #footer ul.follow li { | |
| padding: 0 6px; | |
| height: 16px; | |
| line-height: 17px; | |
| } | |
| #footer ul.follow li:first-of-type { | |
| width: 100%; | |
| margin-right: 0; | |
| } | |
| #footer ul.follow li:nth-of-type(2),body.ios #footer ul.follow li:first-of-type,body.ios #footer ul.follow li:nth-of-type(2) { | |
| padding-left: 0; | |
| } | |
| #footer ul.follow li:last-of-type { | |
| width: 106px; | |
| padding-right: 0; | |
| } | |
| body.ios #footer ul.follow li:last-of-type { | |
| width: 96px; | |
| } | |
| #footer div.vip { | |
| width: 87.55%; | |
| font-size: 12px; | |
| } | |
| body.ios #footer div.vip { | |
| font-size: 11px; | |
| margin-top: 27px; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| #footer div.vip,#footer ul.follow { | |
| width: 87.5%; | |
| } | |
| #footer ul.follow li:last-of-type { | |
| width: 125px; | |
| } | |
| #footer div.vip { | |
| margin: 20px auto auto; | |
| }; | |
| } | |
| .item-header { | |
| position: relative; | |
| padding: 20px 0; | |
| max-width: 940px; | |
| margin: auto; | |
| } | |
| .item-header .kicker { | |
| color: #006AA4; | |
| font: 15px AdelleBold,Helvetica,sans-serif; | |
| letter-spacing: .5px; | |
| line-height: 1; | |
| margin: 0 0 8px; | |
| display: block; | |
| text-transform: uppercase; | |
| white-space: nowrap; | |
| } | |
| .item-header h1 { | |
| color: #333; | |
| font: 48px/58px AdelleBold,'Adelle Sans','Helvetica Neue',Arial,Helvetica,sans-serif; | |
| } | |
| @media screen and (max-width:1025px) { | |
| .item-header .kicker { | |
| font-size: 14px; | |
| } | |
| .item-header h1 { | |
| font: 40px/50px AdelleBold,'Adelle Sans','Helvetica Neue',Arial,Helvetica,sans-serif; | |
| margin-bottom: 10px; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-header .kicker { | |
| margin: 0 0 5px; | |
| font-size: 13px; | |
| } | |
| .item-header h1 { | |
| font-size: 20px; | |
| line-height: 28px; | |
| margin-bottom: 5px; | |
| }; | |
| } | |
| .item-meta { | |
| width: 240px; | |
| float: left; | |
| line-height: 21px; | |
| } | |
| .item-meta-row { | |
| padding-bottom: 25px; | |
| margin-bottom: 25px; | |
| background: url(../svg/dot.svg) bottom repeat-x; | |
| font: 15px Adelle,Helvetica,sans-serif; | |
| color: #a7a7a7; | |
| } | |
| .item-meta-row:first-of-type { | |
| margin-top: 10px; | |
| } | |
| .item-meta-row:last-of-type { | |
| padding: 0; | |
| background: 0 0; | |
| } | |
| .item-meta-row h5 { | |
| text-transform: uppercase; | |
| font: 12px AdelleBold,Helvetica,sans-serif; | |
| margin: 0 0 10px; | |
| } | |
| .item-meta-row.share-buttons ul { | |
| padding-top: 5px; | |
| } | |
| .item-meta-row.share-buttons li { | |
| display: inline-block; | |
| margin-right: 15px; | |
| } | |
| .item-meta-row.share-buttons a { | |
| text-decoration: none; | |
| font-size: 20px; | |
| } | |
| .item-meta-row.bulletin-social .separator { | |
| margin: 0 .5em; | |
| } | |
| .item-meta-row.byline .author-name { | |
| display: block; | |
| margin-bottom: .5em; | |
| } | |
| .item-meta-row.byline .author-name.has-title,.item-meta-row.byline .author-name:last-of-type { | |
| margin: 0; | |
| } | |
| .item-meta-row.byline .separator { | |
| display: none; | |
| } | |
| .item-meta-row.byline .twitter-handle { | |
| color: #a7a7a7; | |
| } | |
| .item-meta-row.byline .contributor-title { | |
| display: block; | |
| margin-bottom: 1em; | |
| } | |
| .item-meta-row.byline .contributor-title:last-of-type { | |
| margin: 0; | |
| } | |
| .item-meta-mobile { | |
| max-width: 940px; | |
| margin: auto; | |
| display: none; | |
| line-height: 1.4; | |
| } | |
| .interactive.bulletin .item-meta-mobile { | |
| display: none; | |
| } | |
| .item-meta-mobile .item-meta-row { | |
| display: inline; | |
| background: 0 0; | |
| padding: 0 1em 0 0; | |
| margin: 0 1em 0 0; | |
| border-right: 1px solid #e7e7e7; | |
| } | |
| .item-meta-mobile .item-meta-row:first-of-type { | |
| margin-top: 0; | |
| } | |
| .item-meta-mobile .item-meta-row:last-of-type { | |
| border: 0; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .item-meta-mobile .item-meta-row h5 { | |
| display: none; | |
| } | |
| .item-meta-mobile .item-meta-row.byline .author-name { | |
| display: inline; | |
| margin: 0; | |
| } | |
| .item-meta-mobile .item-meta-row.byline .separator { | |
| display: inline; | |
| } | |
| .item-meta-mobile .item-meta-row .contributor-title,.item-meta-mobile .item-meta-row .twitter-handle,.item-meta-mobile .item-meta-row.item-obsession { | |
| display: none; | |
| } | |
| @media screen and (max-width:1025px) { | |
| .item-meta { | |
| display: none; | |
| } | |
| .item-meta-mobile { | |
| display: block; | |
| } | |
| .item-meta-mobile .byline:before { | |
| content: 'By '; | |
| display: inline; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-meta-row { | |
| font-size: 13px; | |
| } | |
| .item-meta-row.share-buttons { | |
| margin-bottom: 0; | |
| margin-top: 16px; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| .item-meta-row:first-of-type { | |
| margin-top: 0; | |
| }; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| .item-content { | |
| width: 940px; | |
| margin: auto; | |
| min-width: 940px; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-content { | |
| width: 86.25%; | |
| margin: auto; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| .item-content { | |
| width: 86.25%; | |
| margin: auto; | |
| }; | |
| } | |
| .item-body dl,.item-body ol li,.item-body ul li { | |
| font: 20px/30px "PT Serif",Georgia,serif; | |
| color: #4c4c4c; | |
| } | |
| .item-body>div>iframe:not(.twitter-tweet.twitter-tweet-rendered) { | |
| margin-bottom: 22px!important; | |
| } | |
| .item-body ul { | |
| margin: 0 auto 0 25px; | |
| padding: 0; | |
| max-width: 600px; | |
| list-style-type: disc; | |
| } | |
| .item-body ul li { | |
| padding: 0 0 15px; | |
| } | |
| .item-body ul ul { | |
| padding-top: 15px; | |
| } | |
| .item-body ul ul li { | |
| padding: 0 0 15px; | |
| border: 0; | |
| -webkit-background-size: 10px 9px; | |
| -moz-background-size: 10px 9px; | |
| -ms-background-size: 10px 9px; | |
| -o-background-size: 10px 9px; | |
| background-size: 10px 9px; | |
| color: #4c4c4c; | |
| } | |
| .item-body ul ul li:last-child { | |
| padding-bottom: 0; | |
| } | |
| .item-body ol { | |
| list-style-type: decimal; | |
| margin-left: 30px; | |
| } | |
| .item-body p { | |
| position: relative; | |
| margin: 0; | |
| padding: 16px 0; | |
| line-height: 1.6; | |
| color: #4c4c4c; | |
| font: 20px/30px "PT Serif",Georgia,serif; | |
| } | |
| .item-body p.metadata { | |
| color: #666d74; | |
| padding: 0; | |
| margin: 0; | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| } | |
| .item-body p.metadata b { | |
| color: #b23914; | |
| } | |
| .item-body p.metadata time { | |
| display: block; | |
| text-align: right; | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| font-weight: 700; | |
| color: #888; | |
| } | |
| .item-body p:last-child { | |
| padding: 16px 0 0; | |
| } | |
| .item-body p img:only-child { | |
| padding: 8px 0; | |
| } | |
| .item-body pre { | |
| margin: 0 0 8px; | |
| overflow: auto; | |
| padding: 5px 0; | |
| background-color: #eee; | |
| } | |
| .item-body blockquote { | |
| padding: 0 0 0 20px; | |
| margin: 16px 0; | |
| position: relative; | |
| } | |
| .item-body blockquote::before { | |
| width: 5px; | |
| content: " "; | |
| height: 100%; | |
| top: 7px; | |
| background-color: #e7e7e7; | |
| left: 0; | |
| display: block; | |
| position: absolute; | |
| } | |
| .item-body blockquote p { | |
| color: #8e8e8e!important; | |
| padding: 0; | |
| } | |
| .item-body blockquote p:first-child { | |
| padding-top: 0!important; | |
| position: relative; | |
| top: 0; | |
| } | |
| .item-body h1,.item-body h2 { | |
| font: 24px/32px AdelleBold,'Helvetica Neue',sans-serif; | |
| font-style: bold; | |
| color: #333; | |
| margin: 19px 0 17px; | |
| } | |
| .item-body h3 { | |
| font: 20px "PT Serif",Georgia,serif; | |
| color: #333; | |
| font-weight: 700; | |
| } | |
| .item-body h4,.item-body h5,.item-body h6 { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| } | |
| .item-body h4 { | |
| font-size: 18px; | |
| } | |
| .item-body h5,.item-body h6 { | |
| font-size: 16px; | |
| } | |
| .item-body p+h1,.item-body p+h2,.item-body p+h3,.item-body p+h4,.item-body p+h5,.item-body p+h6 { | |
| margin: 19px 0 17px; | |
| } | |
| .item-body blockquote+h1,.item-body blockquote+h2,.item-body blockquote+h3,.item-body blockquote+h4,.item-body blockquote+h5,.item-body blockquote+h6 { | |
| margin: 47px 0 13px; | |
| } | |
| .item-body .inline-image+h1,.item-body .inline-image+h2 { | |
| margin: 43px 0 20px; | |
| } | |
| .item-body .inline-image+h3 { | |
| margin: 40px 0 18px; | |
| } | |
| .item-body .inline-image+h4,.item-body .inline-image+h5,.item-body .inline-image+h6 { | |
| margin: 40px 0 21px; | |
| } | |
| .item-body .clientTracking { | |
| display: none!important; | |
| } | |
| .item-body .clientTracking img { | |
| max-height: 1px!important; | |
| max-width: 1px!important; | |
| display: none!important; | |
| } | |
| .item-body .pull-quote { | |
| float: left; | |
| width: 530px!important; | |
| position: relative; | |
| margin-left: -300px!important; | |
| height: auto; | |
| min-height: 108px; | |
| top: 10px; | |
| margin-top: 20px!important; | |
| margin-bottom: 20px!important; | |
| } | |
| .item-body .pull-quote .quote-line { | |
| height: 5px!important; | |
| background-color: #e7e7e7; | |
| width: 44.444%!important; | |
| margin: 10px 0!important; | |
| display: block; | |
| } | |
| .item-body .pull-quote span:not(.quote-line) { | |
| width: 83%!important; | |
| top: 60px; | |
| color: #006aa4!important; | |
| padding-top: 20px!important; | |
| padding-bottom: 22px!important; | |
| font: 30px/36px "PT Serif",serif!important; | |
| font-weight: 700!important; | |
| display: block; | |
| } | |
| .item-body div:first-child>p.annotatable:only-child { | |
| margin-bottom: -10px; | |
| } | |
| .item-body>div:first-child { | |
| min-height: 290px; | |
| } | |
| .item-body>div:first-child p:first-child { | |
| padding-top: 4px; | |
| } | |
| .item-body iframe.twitter-tweet.twitter-tweet-rendered { | |
| width: 640px!important; | |
| box-shadow: none!important; | |
| border: 1px solid #dadada!important; | |
| margin: 16px 0 10px!important; | |
| display: inline-block!important; | |
| } | |
| .item-body p.micro { | |
| height: 20px; | |
| max-height: 20px; | |
| padding: 0!important; | |
| } | |
| .item-body p.micro+p { | |
| margin-top: -15px; | |
| } | |
| .item-body span.edition-credit { | |
| font-size: 20px; | |
| color: #a0a0a0; | |
| font-style: italic; | |
| font-family: PTSerif; | |
| } | |
| article.item:not(.first) .item-content .item-body div blockquote::before { | |
| height: 94.85%; | |
| } | |
| .item-body img { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item-body img { | |
| margin: 0; | |
| } | |
| .item-body>div:first-child>.inline-image:first-child { | |
| margin-bottom: 15px; | |
| padding-top: 0; | |
| } | |
| .item-body p { | |
| font: 16px/26px "PT Serif",Georgia,serif; | |
| padding: 10px 0; | |
| } | |
| .item-body p img { | |
| margin: 8px 0; | |
| } | |
| .item-body span.pull-quote { | |
| display: none; | |
| } | |
| .item-body span.edition-credit { | |
| font-size: 16px; | |
| display: inline-block; | |
| padding: 10px 0; | |
| } | |
| .item-body h1 { | |
| margin: 1em 0 .5em; | |
| } | |
| .item-body h1,.item-body h2 { | |
| font: 16px/24px AdelleBold,'Helvetica Neue',sans-serif!important; | |
| } | |
| .item-body h1:first-child,.item-body h2:first-child { | |
| margin: .3em 0 .2em; | |
| } | |
| .item-body h3 { | |
| font: 16px/24px "PT Serif",Georgia,serif; | |
| font-weight: 700; | |
| } | |
| .item-body h4 { | |
| font: 15px/23px AdelleBold,'Helvetica Neue',sans-serif; | |
| } | |
| .item-body h5 { | |
| font: 14px/22px AdelleBold,'Helvetica Neue',sans-serif; | |
| } | |
| .item-body h6 { | |
| font: 12px/20px AdelleBold,'Helvetica Neue',sans-serif; | |
| } | |
| .item-body ol { | |
| margin-left: 25px; | |
| } | |
| .item-body dl,.item-body ol li,.item-body ul li { | |
| font: 16px/26px "PT Serif",Georgia,serif; | |
| } | |
| .item-body .inline-image+h1,.item-body .inline-image+h2,.item-body .inline-image+h3 { | |
| margin: 28px 0 7px; | |
| } | |
| .item-body .inline-image+h4,.item-body .inline-image+h5,.item-body .inline-image+h6 { | |
| margin: 28px 0 0; | |
| } | |
| .item-body p+.inline-image,.item-body ul+.inline-image { | |
| padding-top: 14px; | |
| } | |
| .item-body .inline-image+p { | |
| padding: 0 0 10px; | |
| } | |
| .item-body iframe[src*=instagram] { | |
| max-width: 100%; | |
| max-height: 430px; | |
| } | |
| article.item:not(.first) .item-content .item-body>div:first-child { | |
| min-height: 0; | |
| } | |
| article.item:not(.first) .item-content .item-body>div:first-child p:first-child { | |
| padding-top: 20px; | |
| } | |
| .item-body blockquote::before { | |
| height: 100%; | |
| top: 7px; | |
| background-color: #e7e7e7; | |
| left: -1px; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px),only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) { | |
| article.item .item-header header { | |
| max-width: 640px; | |
| padding-bottom: 20px; | |
| margin-left: 60px; | |
| } | |
| article.item.bulletin .item-header header { | |
| padding-bottom: 0; | |
| } | |
| article.item.bulletin .item-header header span.kicker { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| } | |
| article.item .item-content .item-body { | |
| max-width: 640px!important; | |
| margin: auto!important; | |
| } | |
| article.item .item-content .item-body .pull-quote { | |
| float: left; | |
| width: 320px!important; | |
| position: relative; | |
| margin: 20px 0!important; | |
| height: auto; | |
| min-height: 108px; | |
| top: -4px; | |
| display: block; | |
| } | |
| html.android-tablet article.item .item-content .item-body .pull-quote { | |
| width: 260px!important; | |
| } | |
| article.item .item-content .item-body .pull-quote .quote-line { | |
| height: 5px!important; | |
| background-color: #e7e7e7; | |
| width: 44.444%!important; | |
| margin: 10px 0!important; | |
| display: block; | |
| } | |
| article.item .item-content .item-body .pull-quote span:not(.quote-line) { | |
| width: 83%!important; | |
| top: 60px; | |
| color: #006aa4!important; | |
| padding-top: 20px!important; | |
| padding-bottom: 22px!important; | |
| font: 24px/32px "PT Serif",serif!important; | |
| font-weight: 700!important; | |
| display: block; | |
| } | |
| html.android-tablet article.item .item-content .item-body .pull-quote span:not(.quote-line) { | |
| font: 20px/30px "PT Serif",serif!important; | |
| font-weight: 700!important; | |
| width: 85%!important; | |
| } | |
| article.item .item-body>div:first-child>p:first-child>img:first-child { | |
| margin-top: 8px; | |
| } | |
| article.article .item-body { | |
| min-height: 220px; | |
| } | |
| article.video .item-body>div>p:first-child iframe[src*="blip.tv"],article.video .item-body>div>p:first-child iframe[src*=brightcove],article.video .item-body>div>p:first-child iframe[src*=dailymotion],article.video .item-body>div>p:first-child iframe[src*=revision3],article.video .item-body>div>p:first-child iframe[src*=viddler],article.video .item-body>div>p:first-child iframe[src*=vimeo],article.video .item-body>div>p:first-child iframe[src*=youtube] { | |
| height: 400px; | |
| max-height: 400px; | |
| } | |
| div.article-footer { | |
| margin-top: 40px!important; | |
| } | |
| article.item .item-content .item-body div.pull-quote { | |
| margin-left: 0!important; | |
| width: 330px!important; | |
| margin-top: 5px!important; | |
| } | |
| article.item .item-content .item-body div.pull-quote div:not(.quote-line) { | |
| font: 24px/30px "PT Serif",serif!important; | |
| font-weight: 700!important; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| article.item .item-body { | |
| margin: auto!important; | |
| } | |
| article.item .item-body .article-footer .short-url { | |
| display: block; | |
| top: -8px; | |
| left: -25%; | |
| }; | |
| } | |
| .inline-image { | |
| max-width: 100%; | |
| position: relative; | |
| padding: 20px 0 0; | |
| margin-bottom: 15px; | |
| } | |
| .inline-image img { | |
| width: 100%; | |
| height: auto; | |
| } | |
| .inline-image.size-large { | |
| max-width: 940px; | |
| margin-left: -300px; | |
| } | |
| .inline-image.size-medium { | |
| max-width: 640px; | |
| } | |
| .inline-image.size-medium.alignleft { | |
| max-width: 540px; | |
| float: left; | |
| margin: 5px 2.5em 1em -300px; | |
| } | |
| .inline-image.size-small { | |
| max-width: 320px; | |
| } | |
| .inline-image.size-small.alignleft { | |
| float: left; | |
| margin: 5px 2.5em 1em 0; | |
| } | |
| .inline-image.size-small.alignright { | |
| float: right; | |
| margin: 5px 0 1em 2.5em; | |
| } | |
| .inline-image.alignleft.size-medium .share-icons,.inline-image.alignleft.size-small .share-icons { | |
| right: auto; | |
| left: -30px; | |
| } | |
| .inline-image.zoomable img { | |
| cursor: pointer; | |
| cursor: -webkit-zoom-in; | |
| } | |
| .caption-bottom .inline-image img { | |
| width: 100%; | |
| } | |
| .inline-image-caption { | |
| background: url(../../../old/img/icons/photo_icon.png) no-repeat left 19px; | |
| padding: 15px 0 15px 25px; | |
| font: .875em Adelle,sans-serif; | |
| line-height: 22px; | |
| color: #a1a1a1; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .size-medium .inline-image-caption { | |
| position: absolute; | |
| left: -300px; | |
| top: 20px; | |
| width: 240px; | |
| } | |
| .size-medium .inline-image-caption:before { | |
| content: ''; | |
| display: block; | |
| height: 1px; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| background: url(../svg/dot.svg) repeat-x; | |
| top: 0; | |
| } | |
| .size-medium.alignleft .inline-image-caption { | |
| position: static; | |
| left: auto; | |
| top: auto; | |
| width: 100%; | |
| } | |
| .size-medium.alignleft .inline-image-caption:before { | |
| display: none; | |
| } | |
| .inline-image-caption:after { | |
| content: ''; | |
| display: block; | |
| height: 1px; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| background: url(../svg/dot.svg) repeat-x; | |
| bottom: 0; | |
| } | |
| .caption-bottom .inline-image-caption { | |
| position: static!important; | |
| left: auto!important; | |
| top: auto!important; | |
| width: 100%!important; | |
| } | |
| .caption-bottom .inline-image-caption:before { | |
| display: none!important; | |
| } | |
| .inline-image-credit { | |
| margin-left: 6px; | |
| } | |
| .inline-image-tools { | |
| position: relative; | |
| } | |
| .inline-image-tools .share-icons { | |
| position: absolute; | |
| right: -30px; | |
| top: 0; | |
| width: auto; | |
| margin: 0; | |
| } | |
| .inline-image-tools .share-icons a { | |
| display: block; | |
| text-decoration: none; | |
| text-align: center; | |
| } | |
| .inline-image-tools .icon-twitter { | |
| margin-bottom: .5em; | |
| } | |
| .inline-image-tools .help-text,.inline-image-tools .share-button { | |
| display: none; | |
| } | |
| @media screen and (max-width:1024px) { | |
| .inline-image-caption { | |
| font-size: .75em; | |
| background: 0 0; | |
| padding: 15px 0; | |
| position: static; | |
| left: auto; | |
| top: auto; | |
| width: 100%; | |
| } | |
| .inline-image-caption:before { | |
| display: none; | |
| } | |
| .size-medium .inline-image-caption { | |
| position: static; | |
| left: auto; | |
| top: auto; | |
| width: 100%; | |
| } | |
| .size-medium .inline-image-caption:before { | |
| display: none; | |
| } | |
| .inline-image.size-large { | |
| max-width: 100%; | |
| margin: 0 auto 15px; | |
| } | |
| .inline-image.size-medium.alignleft { | |
| float: none; | |
| max-width: 100%; | |
| margin: 0 auto 15px; | |
| } | |
| .inline-image-tools { | |
| padding-top: 20px; | |
| } | |
| .inline-image-tools .share-button { | |
| display: inline; | |
| position: absolute; | |
| left: 0; | |
| bottom: 5px; | |
| font: .8em 'Adelle Sans Regular',sans-serif; | |
| text-decoration: none; | |
| } | |
| .inline-image-tools .share-icons { | |
| display: none; | |
| } | |
| .inline-image-tools .help-text { | |
| font: .8em 'Adelle Sans Regular',sans-serif; | |
| text-align: right; | |
| color: #a1a1a1; | |
| display: inline; | |
| position: absolute; | |
| right: 0; | |
| bottom: 5px; | |
| width: 50%; | |
| } | |
| .inline-image-tools .help-text i { | |
| margin-right: .5em; | |
| font-size: .85em; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .inline-image.size-small { | |
| max-width: 100%; | |
| } | |
| .inline-image.size-small img { | |
| width: 100%; | |
| } | |
| .inline-image.size-small.alignleft,.inline-image.size-small.alignright { | |
| float: none; | |
| margin: auto; | |
| } | |
| .inline-image-tools { | |
| padding-top: 20px; | |
| } | |
| .inline-image-tools .help-text { | |
| font-size: .75em; | |
| }; | |
| } | |
| .embed-youtube,.inline-video { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| margin: 44px 0 28px; | |
| } | |
| p+.embed-youtube,p+.inline-video { | |
| margin: 22px 0 28px; | |
| } | |
| .embed-youtube+h3,.embed-youtube+h4,.embed-youtube+h5,.embed-youtube+h6,.inline-video+h3,.inline-video+h4,.inline-video+h5,.inline-video+h6 { | |
| padding-top: 16px; | |
| } | |
| .embed-youtube+p,.inline-video+p { | |
| padding: 10px 0; | |
| } | |
| p .embed-youtube,p .inline-video { | |
| margin: 0; | |
| } | |
| .embed-youtube iframe,.inline-video iframe { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .qz-iframe { | |
| position: relative; | |
| } | |
| .qz-iframe iframe { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .embed-youtube,.inline-video { | |
| overflow: hidden; | |
| height: auto; | |
| padding-bottom: 0; | |
| margin: 25px 0 12px; | |
| } | |
| p+.embed-youtube,p+.inline-video { | |
| margin: 12px 0; | |
| } | |
| .embed-youtube iframe,.inline-video iframe { | |
| position: static; | |
| display: block; | |
| }; | |
| } | |
| @media only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px),only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| .fb-video { | |
| height: 125px; | |
| } | |
| .fb-video iframe { | |
| display: block; | |
| }; | |
| } | |
| .tools-buttons ul { | |
| list-style-type: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .author-share-tools .share-buttons,.item-body .share-buttons { | |
| padding-bottom: 16px; | |
| } | |
| .author-share-tools .share-buttons:after,.item-body .share-buttons:after { | |
| content: "................................................................................"; | |
| letter-spacing: 1px; | |
| font-size: 10px; | |
| font-family: "Adelle Light"; | |
| opacity: .6; | |
| display: inline-block; | |
| height: 1.5em; | |
| overflow: hidden; | |
| color: #7a7a7a; | |
| width: 100%; | |
| } | |
| .author-share-tools .share-buttons h5,.item-body .share-buttons h5 { | |
| font: 12px/9px AdelleBold,Helvetica,sans-serif; | |
| margin-top: 0; | |
| padding-top: 0; | |
| margin-bottom: 16px; | |
| } | |
| .author-share-tools .share-buttons ul,.item-body .share-buttons ul { | |
| padding: 0; | |
| margin: 0 0 4px; | |
| width: 100%; | |
| min-height: 35px; | |
| } | |
| .author-share-tools .share-buttons ul li,.item-body .share-buttons ul li { | |
| float: left; | |
| margin-right: 20px; | |
| padding: 0; | |
| list-style-type: none; | |
| } | |
| .author-share-tools .share-buttons ul li a:hover,.item-body .share-buttons ul li a:hover { | |
| text-decoration: none; | |
| } | |
| .author-share-tools .share-buttons ul li [class*=" icon-"],.author-share-tools .share-buttons ul li [class^=icon-],.item-body .share-buttons ul li [class*=" icon-"],.item-body .share-buttons ul li [class^=icon-] { | |
| font-size: 20px; | |
| } | |
| article.item .item-content .item-body .share-buttons ul li { | |
| padding: 0; | |
| } | |
| article.item .item-content .item-body .share-buttons h5 { | |
| font: 12px/16px Adelle,Helvetica,sans-serif; | |
| color: #a7a7a7; | |
| font-weight: 700; | |
| margin-top: 11px; | |
| margin-bottom: 16px; | |
| } | |
| article.item .item-content .item-body .share-buttons:after { | |
| content: none; | |
| } | |
| .article-footer { | |
| max-width: none; | |
| width: 640px; | |
| } | |
| .article-footer .share-buttons { | |
| width: 220px!important; | |
| float: left; | |
| margin-bottom: 25px; | |
| padding-bottom: 0; | |
| background: 0 0; | |
| } | |
| .article-footer .share-buttons ul { | |
| margin-left: 0!important; | |
| } | |
| .article-footer .share-buttons:after { | |
| content: ""; | |
| border: none; | |
| } | |
| .article-footer .short-url { | |
| float: right; | |
| position: relative; | |
| top: -11px; | |
| width: auto!important; | |
| } | |
| .article-footer .short-url label { | |
| display: none; | |
| } | |
| .article-footer .short-url input { | |
| width: 160px; | |
| height: 44px; | |
| padding: 0; | |
| text-align: center; | |
| color: #bebebe; | |
| border: 1px solid #e5e5e5; | |
| border-radius: 3px; | |
| font: 15px/46px "Adelle Sans Light",Helvetica,sans-serif; | |
| outline: 0; | |
| -webkit-appearance: none; | |
| } | |
| .article-footer .short-url input:focus { | |
| border: 1px solid #b9ddf4; | |
| } | |
| .author-share-tools .share-buttons ul { | |
| display: inline-block; | |
| width: auto; | |
| } | |
| .author-share-tools .share-buttons ul li:last-child { | |
| margin-right: 0; | |
| } | |
| .author-share-tools .share-buttons path,.author-share-tools .share-buttons polygon { | |
| fill: #ababab!important; | |
| } | |
| .author-share-tools .share-buttons:after { | |
| content: none; | |
| border: none; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| article.item .item-share-tools.article-footer { | |
| max-width: none; | |
| margin-top: 35px; | |
| } | |
| article.item .article-footer { | |
| margin-top: 32px!important; | |
| padding-bottom: 30px; | |
| } | |
| article.item .share-buttons li.whatsapp { | |
| display: none; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .article-footer { | |
| width: 100%; | |
| margin: 32px 0 20px!important; | |
| min-height: 20px; | |
| } | |
| .article-footer .short-url { | |
| display: none; | |
| } | |
| .article-footer .share-buttons { | |
| float: none; | |
| padding-bottom: 0; | |
| margin-left: 0!important; | |
| } | |
| .article-footer .share-buttons ul { | |
| margin-left: 0!important; | |
| margin-bottom: 0; | |
| min-height: 0; | |
| } | |
| .article-footer .share-buttons ul li { | |
| margin-right: 23px; | |
| }; | |
| } | |
| @media only screen and (min-width:650px) and (max-width:1024px) { | |
| .bulletin .article-footer { | |
| margin: 0 auto 20px 0!important; | |
| width: 640px; | |
| } | |
| .bulletin .article-footer h5 { | |
| color: #a7a7a7; | |
| } | |
| .bulletin .article-footer .share-buttons ul { | |
| width: 240px!important; | |
| } | |
| .interactive.bulletin .article-footer { | |
| margin: 0 auto 20px 60px!important; | |
| } | |
| .item.bulletin .item-header .item-tools { | |
| display: none; | |
| }; | |
| } | |
| .item.bulletin:first-of-type { | |
| padding-top: 0; | |
| margin-top: 53px; | |
| } | |
| .item.bulletin .bulletin-header { | |
| text-align: center; | |
| border-top: 1px solid #e0e0e0; | |
| border-bottom: 1px solid #e0e0e0; | |
| padding: 1em 0; | |
| } | |
| .item.bulletin .bulletin-header figure { | |
| display: inline-block; | |
| } | |
| .item.bulletin .bulletin-header figure img { | |
| max-width: 190px; | |
| max-height: 50px; | |
| } | |
| .item.bulletin .bulletin-header span { | |
| text-transform: uppercase; | |
| margin-right: 1em; | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 15px; | |
| color: #a1a1a1; | |
| } | |
| .item.bulletin .featured-image { | |
| margin-top: 0; | |
| } | |
| .item.bulletin .item-header { | |
| padding: 45px 0 20px; | |
| } | |
| .item.bulletin .item-header .kicker { | |
| color: #f1a33f!important; | |
| display: inline-block; | |
| } | |
| .item.bulletin .featured-image+.item-header { | |
| padding-top: 0; | |
| } | |
| .item.bulletin .article-footer { | |
| margin-top: 25px!important; | |
| } | |
| .item.bulletin .popular-stories-module { | |
| display: none; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .item.bulletin:first-of-type { | |
| margin-top: 43px; | |
| } | |
| .item.bulletin .featured-image { | |
| padding-bottom: 15px; | |
| } | |
| .item.bulletin .bulletin-header span { | |
| font-size: 12px; | |
| } | |
| .item.bulletin .item-header { | |
| padding: 20px 0 0; | |
| } | |
| .item.bulletin .item-body>div:first-child>.inline-image:first-child { | |
| padding-top: 20px; | |
| }; | |
| } | |
| article.interactive .item-meta-mobile { | |
| display: block; | |
| } | |
| article.interactive .item-meta .item-meta-row:first-of-type { | |
| padding: 0; | |
| margin: 0; | |
| background: 0 0; | |
| } | |
| article.interactive .item-meta .item-meta-row+.item-meta-row { | |
| display: none; | |
| } | |
| article.interactive.fadeOut { | |
| opacity: 0; | |
| } | |
| article.interactive .interative-parent { | |
| position: relative; | |
| max-width: 78%; | |
| padding: 0 30px 30px; | |
| margin: 0 auto; | |
| overflow: hidden; | |
| } | |
| article.interactive .interative-parent .item-interactive-iframe { | |
| width: 100%; | |
| height: 600px; | |
| overflow: scroll; | |
| -webkit-transition: all .5s linear; | |
| -moz-transition: all .5s linear; | |
| -o-transition: all .5s linear; | |
| -ms-transition: all .5s linear; | |
| transition: all .5s linear; | |
| } | |
| article.interactive .interative-parent+.item-content>.item-body>div:first-child { | |
| min-height: 40px; | |
| } | |
| article.interactive .fullWindowToggle { | |
| position: absolute; | |
| top: 0; | |
| right: 30px; | |
| z-index: 99999; | |
| width: 34px; | |
| height: 34px; | |
| display: block; | |
| background: rgba(0,0,0,.75); | |
| cursor: pointer; | |
| opacity: 0; | |
| visibility: hidden; | |
| } | |
| article.interactive .fullWindowToggle.fadeIn { | |
| opacity: 1; | |
| visibility: visible; | |
| } | |
| article.interactive .fullWindowToggle svg { | |
| display: block; | |
| width: 18px; | |
| height: 18px; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| fill: #fff; | |
| padding: 8px; | |
| } | |
| article.interactive .fullWindowToggle svg:hover { | |
| fill: #168dd9; | |
| } | |
| article.interactive .fullWindowToggle svg #Layer_2 { | |
| display: none; | |
| } | |
| article.interactive .fullWindowToggle.resetHover svg:hover { | |
| fill: #fff; | |
| } | |
| article.interactive .item-left { | |
| margin-top: 10px; | |
| } | |
| article.interactive .item-left .byline { | |
| display: none; | |
| } | |
| article.interactive .item-body { | |
| padding-bottom: 22px; | |
| max-width: 640px; | |
| width: 100%; | |
| } | |
| article.interactive.fullWindowItem { | |
| position: fixed; | |
| top: 48px; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 99999; | |
| background: #fff; | |
| padding-bottom: 48px; | |
| box-sizing: border-box; | |
| border-bottom: none; | |
| } | |
| @media only screen and (max-width:649px) { | |
| article.interactive.fullWindowItem { | |
| position: absolute; | |
| top: 0; | |
| padding-bottom: 45px; | |
| }; | |
| } | |
| article.interactive.fullWindowItem .item-header { | |
| display: none; | |
| } | |
| article.interactive.fullWindowItem .interative-parent { | |
| max-width: 100%; | |
| padding: 0; | |
| height: 100%; | |
| overflow: hidden; | |
| } | |
| html.hasOverflowScrolling article.interactive.fullWindowItem .interative-parent { | |
| overflow: auto; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| article.interactive.fullWindowItem .interative-parent iframe { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| article.interactive.fullWindowItem .fullWindowToggle { | |
| width: 48px; | |
| height: 48px; | |
| right: 0; | |
| } | |
| @media only screen and (max-width:649px) { | |
| article.interactive.fullWindowItem .fullWindowToggle { | |
| width: 40px; | |
| height: 40px; | |
| }; | |
| } | |
| article.interactive.fullWindowItem .fullWindowToggle svg { | |
| padding: 15px; | |
| } | |
| @media only screen and (max-width:649px) { | |
| article.interactive.fullWindowItem .fullWindowToggle svg { | |
| padding: 11px; | |
| }; | |
| } | |
| article.interactive.fullWindowItem .fullWindowToggle svg #Layer_1 { | |
| display: none; | |
| } | |
| article.interactive.fullWindowItem .fullWindowToggle svg #Layer_2 { | |
| display: block; | |
| } | |
| article.interactive.fullWindowItem .footer,article.interactive.fullWindowItem .item-body { | |
| display: none; | |
| } | |
| html.fullWindow,html.fullWindow body,html.fullWindow body #qz-app { | |
| height: 100%; | |
| overflow: hidden; | |
| } | |
| html.fullWindow body #qz-app #view-itemWell,html.fullWindow body #qz-app #view-itemWell .scroll,html.fullWindow body #qz-app #view-itemWell .scroll #items { | |
| overflow: hidden; | |
| } | |
| html.fullWindow body #qz-app #view-itemWell .scroll #items #itemsContainer { | |
| overflow: hidden; | |
| box-sizing: border-box; | |
| position: relative; | |
| } | |
| html.fullWindow body #qz-app #view-itemWell .scroll #items #itemsContainer>* { | |
| visibility: hidden; | |
| } | |
| html.fullWindow body #qz-app #view-itemWell .scroll #items #itemsContainer>.fullWindowItem { | |
| visibility: visible; | |
| } | |
| body.wp-admin-bar article.interactive.fullWindowItem { | |
| top: 80px; | |
| padding-bottom: 80px; | |
| } | |
| @media only screen and (max-width:320px) { | |
| article.interactive .interative-parent { | |
| width: 100%; | |
| max-width: none; | |
| padding-right: 0; | |
| padding-left: 0; | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| article.interactive .interative-parent .item-interactive-iframe { | |
| height: 400px; | |
| } | |
| article.interactive .fullWindowToggle { | |
| right: 0; | |
| }; | |
| } | |
| @media only screen and (min-width:1025px) { | |
| article.interactive .item-meta-mobile { | |
| margin-top: .65em; | |
| } | |
| article.interactive .interative-parent { | |
| max-width: none; | |
| width: 100%; | |
| padding: 0 0 30px; | |
| } | |
| article.interactive .item-content .article-footer { | |
| display: none; | |
| }; | |
| } | |
| @media only screen and (min-width:650px) and (max-width:1024px) { | |
| article.interactive .interative-parent { | |
| max-width: 640px; | |
| } | |
| article.item .interative-parent+.item-body div:first-child { | |
| min-height: 0; | |
| } | |
| article.item.bulletin.interactive .item-header .author { | |
| margin: auto auto auto 0; | |
| }; | |
| } | |
| html.author-overlay { | |
| height: 100%; | |
| } | |
| html.author-overlay body.author-overlay { | |
| overflow: hidden!important; | |
| height: 100%; | |
| } | |
| #overlay { | |
| position: fixed; | |
| z-index: 99999900; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #overlay.author { | |
| position: fixed; | |
| top: 0!important; | |
| background-color: rgba(236,236,236,.85); | |
| opacity: 1; | |
| overflow: hidden; | |
| } | |
| #overlay.author .author-overlay { | |
| background: #fff; | |
| display: none; | |
| } | |
| #overlay.author .author-overlay .icon-close { | |
| position: relative; | |
| float: right; | |
| top: 20px; | |
| right: 20px; | |
| color: #fff; | |
| z-index: 1; | |
| } | |
| #overlay.author .author-overlay .icon-close:hover { | |
| color: #168dd9; | |
| text-decoration: none; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| #overlay.author .author-overlay.tablet { | |
| width: 83%!important; | |
| } | |
| #overlay.author .author-overlay.tablet .item-header,#overlay.author .author-overlay.tablet .item.profile,#overlay.author .author-overlay.tablet div.item-body.profile-bio { | |
| width: 100%!important; | |
| } | |
| #overlay.author .author-overlay.tablet div.item-body.profile-bio p,#overlay.author .author-overlay.tablet div.profile-footer a { | |
| width: 88%!important; | |
| margin: auto; | |
| }; | |
| } | |
| #overlay.author .author-overlay.desktop,#overlay.author .author-overlay.tablet { | |
| width: 640px; | |
| margin: 10% auto auto; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile,#overlay.author .author-overlay.tablet .item.profile { | |
| width: 640px; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile.no-bio .item-header,#overlay.author .author-overlay.tablet .item.profile.no-bio .item-header { | |
| padding-bottom: 10px; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile.contributor .item-header,#overlay.author .author-overlay.tablet .item.profile.contributor .item-header { | |
| padding: 53px 0 30px 3px; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile.contributor .image-container,#overlay.author .author-overlay.tablet .item.profile.contributor .image-container { | |
| width: 25%; | |
| height: 160px; | |
| overflow: hidden; | |
| border-radius: 50%; | |
| margin: auto auto 15px; | |
| -webkit-transition: all .25s linear; | |
| border: 6px solid #fff; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile.contributor .image-container:hover,#overlay.author .author-overlay.tablet .item.profile.contributor .image-container:hover { | |
| -webkit-transform: scale(1.06); | |
| -webkit-transition: all .25s linear; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header,#overlay.author .author-overlay.mobile .item .item-header,#overlay.author .author-overlay.tablet .item.profile .item-header { | |
| text-align: center; | |
| font-family: Adelle,sans-serif; | |
| background: #000 url(../svg/Mobile_Circles.svg) no-repeat 2px -107px; | |
| background-size: 100% auto; | |
| color: #fff; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header header,#overlay.author .author-overlay.tablet .item.profile .item-header header { | |
| padding-bottom: 0; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| #overlay.author .author-overlay.desktop .item.profile .item-header header,#overlay.author .author-overlay.tablet .item.profile .item-header header { | |
| margin: auto; | |
| }; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-image,#overlay.author .author-overlay.tablet .item.profile .item-header .author-image { | |
| width: 160px; | |
| height: 160px; | |
| border-radius: 50%; | |
| margin: 46px auto 15px; | |
| -webkit-transform: translateX(2px); | |
| -moz-transform: translateX(2px); | |
| transform: translateX(2px); | |
| background-size: cover; | |
| border: 6px solid #fff; | |
| } | |
| body.ios #overlay.author .author-overlay.desktop .item.profile .item-header .author-image,body.ios #overlay.author .author-overlay.tablet .item.profile .item-header .author-image { | |
| border: none; | |
| box-shadow: 0 0 0 6px #fff; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header svg.author-no-image,#overlay.author .author-overlay.tablet .item.profile .item-header svg.author-no-image { | |
| margin-top: -60px; | |
| background-color: #000; | |
| padding: 0 20px 15px 25px; | |
| border-radius: 190px; | |
| visibility: hidden; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header h1,#overlay.author .author-overlay.tablet .item.profile .item-header h1 { | |
| color: #fff; | |
| padding: 0; | |
| font: 34px/38px AdelleBold,Helvetica,sans-serif; | |
| font-weight: 400; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header span.title,#overlay.author .author-overlay.tablet .item.profile .item-header span.title { | |
| font-size: 28px; | |
| color: #ababab; | |
| font-family: AdelleLight,Helvetica,sans-serif; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools { | |
| padding-top: 10px; | |
| min-width: 180px; | |
| margin: auto; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools a,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools a { | |
| font-size: 24px; | |
| color: #ababab; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools .icon-twitter:hover,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools .icon-twitter:hover { | |
| color: #00aced; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools .icon-facebook:hover,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools .icon-facebook:hover { | |
| color: #3b5998; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools .icon-linkedin:hover,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools .icon-linkedin:hover { | |
| color: #007bb6; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools .icon-email:hover,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools .icon-email:hover { | |
| color: #0096b6; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools .icon-google-plus:hover,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools .icon-google-plus:hover { | |
| color: #dd4b39; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools .icon-instagram:hover,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools .icon-instagram:hover { | |
| color: #205c8e; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-header .author-share-tools .icon-www:hover,#overlay.author .author-overlay.tablet .item.profile .item-header .author-share-tools .icon-www:hover { | |
| color: #168dd9; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-body.profile-bio,#overlay.author .author-overlay.tablet .item.profile .item-body.profile-bio { | |
| margin: 0 auto; | |
| max-width: 566px; | |
| padding-bottom: 0; | |
| width: auto; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-body.profile-bio>div,#overlay.author .author-overlay.tablet .item.profile .item-body.profile-bio>div { | |
| border-top: none; | |
| margin-top: 5px; | |
| margin-bottom: 0!important; | |
| padding-top: 5px; | |
| min-height: 165px!important; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-body.profile-bio p,#overlay.author .author-overlay.tablet .item.profile .item-body.profile-bio p { | |
| font: 18px/30px AdelleLight,"Adelle Sans",Helvetica,sans-serif!important; | |
| color: #7c7c7c; | |
| padding: 16px 0; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-body.profile-bio p a.excerpt-more-link,#overlay.author .author-overlay.tablet .item.profile .item-body.profile-bio p a.excerpt-more-link { | |
| margin-left: 10px; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .item-body .share-buttons::after,#overlay.author .author-overlay.tablet .item.profile .item-body .share-buttons::after { | |
| display: none; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .profile-footer,#overlay.author .author-overlay.tablet .item.profile .profile-footer { | |
| border-top: 1px solid #e0e0e0; | |
| padding: 20px 0; | |
| font-family: AdelleLight,"Adelle Sans",Helvetica; | |
| font-size: 18px; | |
| } | |
| #overlay.author .author-overlay.desktop .item.profile .profile-footer a,#overlay.author .author-overlay.tablet .item.profile .profile-footer a { | |
| display: block; | |
| width: 560px; | |
| margin: auto; | |
| } | |
| #overlay.author .author-overlay.tablet { | |
| margin-top: 75px!important; | |
| } | |
| #overlay.author .author-overlay.mobile { | |
| width: 100%; | |
| height: auto; | |
| position: relative; | |
| top: 8%; | |
| } | |
| #overlay.author .author-overlay.mobile .item .item-header { | |
| height: 190px; | |
| font-family: Adelle,sans-serif; | |
| } | |
| #overlay.author .author-overlay.mobile .item .item-header .author-image { | |
| margin-top: 0; | |
| width: 100px; | |
| border-radius: 50%; | |
| } | |
| #overlay.author .author-overlay.mobile .item .item-header header { | |
| padding-top: 0; | |
| } | |
| #overlay.author .author-overlay.mobile .item .item-header header h1 { | |
| font-family: AdelleBold,'Helvetica Neue',sans-serif; | |
| color: #f4f4f4; | |
| padding: 7px 0 0; | |
| } | |
| #overlay.author .author-overlay.mobile .item .item-header .author-share-tools { | |
| margin-top: 8px; | |
| } | |
| #overlay.author .author-overlay.mobile .item .item-header .author-share-tools li a { | |
| color: #ababab; | |
| } | |
| #overlay.author .author-overlay.mobile .item.profile.contributor .item-header { | |
| padding-bottom: 45px; | |
| } | |
| #overlay.author .author-overlay.mobile .item.profile.contributor .image-container { | |
| height: 100px; | |
| width: 100px; | |
| position: relative; | |
| top: 25px; | |
| margin: 30px auto auto; | |
| border-radius: 50%; | |
| } | |
| #overlay.author .author-overlay.mobile .item.profile.contributor header { | |
| position: relative; | |
| top: 25px; | |
| } | |
| #overlay.author .author-overlay.mobile .item-body { | |
| font-family: Adelle,sans-serif; | |
| } | |
| #overlay.author .author-overlay.mobile .item-body.profile-bio p { | |
| padding: 15px 0 0; | |
| font-family: Adelle,sans-serif; | |
| font-size: 14px; | |
| line-height: 22px; | |
| width: 90%; | |
| margin: auto; | |
| } | |
| #overlay.author .author-overlay.mobile .item-body.profile-bio p a.excerpt-more-link { | |
| font-family: AdelleLight,sans-serif; | |
| display: block; | |
| max-width: 75px; | |
| height: 18px; | |
| overflow: hidden; | |
| } | |
| #overlay.author .author-overlay.mobile .item-body div { | |
| min-height: 0!important; | |
| margin-top: 0; | |
| padding-top: 0; | |
| border-top: none; | |
| } | |
| #overlay.author .author-overlay.mobile .profile-footer { | |
| font-family: AdelleLight,sans-serif; | |
| font-size: 14px; | |
| line-height: 24px; | |
| border-top: 1px solid #e0e0e0; | |
| height: 50px; | |
| } | |
| #overlay.author .author-overlay.mobile .profile-footer a { | |
| width: 80%; | |
| margin: auto; | |
| display: block; | |
| position: relative; | |
| top: 14px; | |
| } | |
| .archive-sponsor-ad-header { | |
| text-align: center; | |
| font-family: Adelle,sans-serif; | |
| } | |
| .sponsor-share-tools { | |
| width: 160px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-top: 20px; | |
| } | |
| .bulletin-archive-sponsor-content { | |
| color: #f1a33f; | |
| font-family: AdelleBold,san-serif; | |
| font-size: 12px; | |
| text-transform: uppercase; | |
| margin: 55px auto 0; | |
| display: inline-block; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .bulletin-archive-sponsor-content { | |
| margin-right: 5px; | |
| margin-top: 3em; | |
| margin-bottom: .35em; | |
| }; | |
| } | |
| .bulletin-archive-display-name { | |
| color: #b3b3b3; | |
| font-size: 12px; | |
| font-family: Adelle,sans-serif; | |
| font-weight: 700; | |
| line-height: 19px; | |
| text-transform: uppercase; | |
| margin-top: 5px; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .bulletin-archive-display-name { | |
| display: inline; | |
| }; | |
| } | |
| .bulletin-archive-header { | |
| position: relative; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| text-align: center; | |
| font-family: AdelleLight,sans-serif; | |
| height: 600px; | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| .bulletin-archive-header.no-image { | |
| background-color: #000; | |
| background-image: url(../svg/Circles.svg); | |
| } | |
| .bulletin-archive-header.no-bulletin-archive-image { | |
| background: #000 no-repeat center; | |
| color: #fff; | |
| overflow: hidden; | |
| } | |
| @media only screen and (min-width:650px) { | |
| .bulletin-archive-header.no-bulletin-archive-image { | |
| background-image: url(../svg/Circles.svg); | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .bulletin-archive-header.no-bulletin-archive-image { | |
| background-image: url(../svg/Mobile_Circles.svg); | |
| }; | |
| } | |
| .bulletin-archive-header .share-link:not(:first-child) { | |
| margin-left: 1em; | |
| } | |
| .bulletin-archive-header h1 { | |
| display: inline-block; | |
| margin: 28px auto .65em; | |
| padding: .15em 0; | |
| border-top: 2px solid rgba(255,255,255,.3); | |
| border-bottom: 2px solid rgba(255,255,255,.3); | |
| color: #fff; | |
| font-size: 3.75em; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .bulletin-archive-header h1 { | |
| margin-bottom: .35em; | |
| }; | |
| } | |
| .bulletin-archive-header .share { | |
| margin-top: 1em; | |
| font-size: 25px; | |
| } | |
| .bulletin-archive-header .share a:hover { | |
| text-decoration: none; | |
| } | |
| .bulletin-archive-header .description { | |
| color: #bfbfbf; | |
| font-size: 1.25em; | |
| line-height: 1.5; | |
| } | |
| .bulletin-archive-header .table { | |
| display: table; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .bulletin-archive-header .cell { | |
| display: table-cell; | |
| vertical-align: middle; | |
| padding-top: 0; | |
| } | |
| .bulletin-archive-header .credit { | |
| position: absolute; | |
| bottom: 5px; | |
| right: 5px; | |
| color: #bfbfbf; | |
| font-size: .75em; | |
| font-family: Adelle,sans-serif; | |
| } | |
| .bulletin-archive-title { | |
| display: inline-block; | |
| font-family: Adelle,sans-serif; | |
| color: #fff; | |
| font-size: 60px; | |
| text-align: center; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| border-top: 2px solid rgba(190,190,190,.2); | |
| border-bottom: 2px solid rgba(190,190,190,.2); | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .bulletin-archive-content-header { | |
| text-align: center; | |
| } | |
| @media only screen and (max-width:650px) { | |
| .bulletin-archive-content-header { | |
| width: 265px; | |
| }; | |
| } | |
| .bulletin-archive-header-copy { | |
| display: inline-block; | |
| padding-top: 30px; | |
| font: 21px AdelleLight,sans-serif; | |
| margin-left: auto; | |
| margin-right: auto; | |
| line-height: 1.8; | |
| color: #bfbfbf; | |
| text-align: center; | |
| } | |
| .bulletin-archive-header-copy p { | |
| margin-bottom: 20px; | |
| font: 21px AdelleLight,sans-serif; | |
| } | |
| #obsession-header { | |
| position: relative; | |
| background-repeat: no-repeat; | |
| background-position: center center; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| text-align: center; | |
| font-family: AdelleLight,sans-serif; | |
| height: 600px; | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| #obsession-header.no-image { | |
| background-color: #000; | |
| background-image: url(../svg/Circles.svg); | |
| } | |
| #obsession-header h1 { | |
| display: inline-block; | |
| white-space: nowrap; | |
| margin: 0 auto .65em; | |
| padding: .15em 0; | |
| border-top: 2px solid rgba(255,255,255,.3); | |
| border-bottom: 2px solid rgba(255,255,255,.3); | |
| color: #fff; | |
| font-size: 3.75em; | |
| } | |
| #obsession-header .description { | |
| color: #bfbfbf; | |
| font-size: 1.25em; | |
| font-family: Adelle,sans-serif; | |
| line-height: 1.4; | |
| } | |
| #obsession-header .table { | |
| display: table; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #obsession-header .cell { | |
| display: table-cell; | |
| vertical-align: middle; | |
| padding-top: 3%; | |
| } | |
| #obsession-header .credit { | |
| position: absolute; | |
| bottom: 5px; | |
| right: 5px; | |
| color: #bfbfbf; | |
| font-size: .75em; | |
| font-family: Adelle,sans-serif; | |
| } | |
| .obsession-swipe { | |
| overflow: hidden; | |
| position: relative; | |
| height: 100%; | |
| } | |
| .obsession-swipe-slides { | |
| display: table; | |
| height: 100%; | |
| width: 100%; | |
| -webkit-transition: -webkit-transform .5s ease-out; | |
| -moz-transition: -webkit-transform .5s ease-out; | |
| -o-transition: -webkit-transform .5s ease-out; | |
| -ms-transition: -webkit-transform .5s ease-out; | |
| transition: -webkit-transform .5s ease-out; | |
| } | |
| .obsession-swipe-slides>div { | |
| height: 100%; | |
| width: 100%; | |
| position: relative; | |
| display: none; | |
| vertical-align: middle; | |
| } | |
| .obsession-swipe-slides>div:first-child { | |
| display: table-cell; | |
| } | |
| .obsession-swipe-slides .obsession-swipe-description { | |
| font-family: Adelle,sans-serif; | |
| line-height: 1.4; | |
| } | |
| .obsession-swipe-slides .obsession-swipe-description p { | |
| color: #e2e2e2; | |
| font-size: .85em; | |
| padding: 0 20px; | |
| } | |
| .obsession-swipe-position { | |
| font-size: 27px; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| margin: 0 auto; | |
| } | |
| .obsession-swipe-position em { | |
| display: inline-block; | |
| padding: 0 3px; | |
| font-style: normal; | |
| font-family: sans-serif; | |
| color: rgba(255,255,255,.3); | |
| } | |
| .obsession-swipe-position em.on { | |
| color: #fff; | |
| } | |
| #archive-headlines .ad-engage { | |
| text-align: center; | |
| margin: 2em 0; | |
| } | |
| #archive-headlines .ad-engage iframe { | |
| margin: auto; | |
| width: 100%!important; | |
| } | |
| #archive-headlines .section-header .constrain { | |
| position: relative; | |
| } | |
| #archive-sponsor { | |
| display: inline-block; | |
| vertical-align: middle; | |
| position: absolute; | |
| right: 0; | |
| } | |
| #archive-sponsor:before { | |
| content: 'Presented by'; | |
| vertical-align: middle; | |
| margin-right: .75em; | |
| font-size: .75em; | |
| font-family: Adelle,sans-serif; | |
| color: #a1a1a1; | |
| display: none; | |
| } | |
| #archive-sponsor.ad-visible:before { | |
| display: inline-block; | |
| } | |
| #archive-sponsor img { | |
| width: 120px; | |
| height: 34px; | |
| } | |
| article.headline { | |
| background: #f9f9f9; | |
| } | |
| article.headline .constrain { | |
| border-bottom: 1px solid #e2e2e2; | |
| padding: 1.5em 0; | |
| overflow: hidden; | |
| } | |
| article.headline .kicker { | |
| font-family: AdelleBold,sans-serif; | |
| color: #006aa4; | |
| font-size: .8em; | |
| text-transform: uppercase; | |
| } | |
| article.headline h2 { | |
| font-family: AdelleBold,sans-serif; | |
| font-size: 1.25em; | |
| } | |
| article.headline h2 a { | |
| color: #333; | |
| } | |
| article.headline .meta { | |
| color: #a1a1a1; | |
| font-family: Adelle,sans-serif; | |
| font-size: .75em; | |
| margin-top: .5em; | |
| } | |
| article.headline .byline a { | |
| color: #a1a1a1; | |
| } | |
| article.headline .byline:after { | |
| content: '|'; | |
| display: inline-block; | |
| margin: 0 .65em; | |
| } | |
| article.headline figure { | |
| float: right; | |
| margin: .3em 0 0 1em; | |
| max-width: 160px; | |
| } | |
| article.headline figure img { | |
| max-width: 100%; | |
| } | |
| article.headline.no-border .constrain { | |
| border: 0; | |
| } | |
| article.headline .bulletin-header { | |
| font-size: .75em; | |
| margin-bottom: .5em; | |
| font-family: AdelleBold,serif; | |
| text-transform: uppercase; | |
| } | |
| article.headline .sponsor-name { | |
| color: #a2a2a2; | |
| margin-left: .5em; | |
| } | |
| article.headline .sponsor-label { | |
| color: #f1a33f; | |
| } | |
| .archive.author #archive-headlines,.archive.tag #archive-headlines { | |
| padding: 0; | |
| } | |
| .archive.author #archive-headlines .byline,.archive.tag #archive-headlines .byline { | |
| display: none; | |
| } | |
| .archive.author #archive-headlines .headline:first-child .constrain { | |
| border-top: 1px solid #e2e2e2; | |
| } | |
| #archive-header .archive-masthead { | |
| height: 315px; | |
| box-sizing: border-box; | |
| padding-top: 145px; | |
| background: #000 url(../svg/Circles.svg) no-repeat center bottom; | |
| color: #fff; | |
| overflow: hidden; | |
| text-align: center; | |
| } | |
| #archive-header .archive-masthead.has-image { | |
| height: 600px; | |
| padding: 0; | |
| } | |
| #archive-header .archive-masthead .author-image { | |
| width: 225px; | |
| height: 225px; | |
| background-size: cover; | |
| display: block; | |
| -webkit-border-radius: 50%; | |
| -moz-border-radius: 50%; | |
| border-radius: 50%; | |
| border: 6px solid #fff; | |
| margin: 148px auto 45px; | |
| } | |
| #archive-header .archive-masthead h1 { | |
| font: 40px/46px AdelleBold,'Helvetica Neue',sans-serif; | |
| } | |
| #archive-header .archive-masthead .title { | |
| font: 28px/34px AdelleLight,sans-serif; | |
| color: #ababab; | |
| } | |
| #archive-header .author-share-tools { | |
| margin: 10px auto; | |
| } | |
| #archive-header .author-share-tools a { | |
| font-size: 24px; | |
| color: #ababab; | |
| } | |
| #archive-header .author-share-tools .icon-twitter:hover { | |
| color: #00aced; | |
| } | |
| #archive-header .author-share-tools .icon-facebook:hover { | |
| color: #3b5998; | |
| } | |
| #archive-header .author-share-tools .icon-linkedin:hover { | |
| color: #007bb6; | |
| } | |
| #archive-header .author-share-tools .icon-email:hover { | |
| color: #0096b6; | |
| } | |
| #archive-header .author-share-tools .icon-google-plus:hover { | |
| color: #dd4b39; | |
| } | |
| #archive-header .author-share-tools .icon-instagram:hover { | |
| color: #205c8e; | |
| } | |
| #archive-header .author-share-tools .icon-www:hover { | |
| color: #168dd9; | |
| } | |
| .archive.tag #archive-header .archive-masthead { | |
| background-position: center -102px; | |
| } | |
| #archive-bio { | |
| width: 100%; | |
| margin: 50px auto; | |
| } | |
| #archive-bio p { | |
| font: 20px/28px AdelleLight,sans-serif; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #obsession-header,.bulletin-archive-header { | |
| height: 320px; | |
| } | |
| #obsession-header h1,.bulletin-archive-header h1 { | |
| font-size: 1.65em; | |
| margin-top: .35em; | |
| } | |
| #obsession-header .share,.bulletin-archive-header .share { | |
| font-size: 18px; | |
| } | |
| #obsession-header .description,.bulletin-archive-header .description { | |
| font-size: .75em; | |
| } | |
| #obsession-header .credit,.bulletin-archive-header .credit { | |
| font-size: 8px; | |
| } | |
| #obsession-header .description,article.headline figure { | |
| display: none; | |
| } | |
| article.headline .kicker,article.headline .meta { | |
| font-size: .7em; | |
| } | |
| article.headline h2 { | |
| font-size: .95em; | |
| } | |
| #archive-headlines .ad-engage { | |
| margin: 0 auto; | |
| } | |
| #archive-header .archive-masthead { | |
| min-height: 180px; | |
| padding-top: 65px; | |
| background-image: url(../svg/Mobile_Circles.svg); | |
| background-position: center -115px; | |
| background-size: 200% auto; | |
| } | |
| #archive-header .archive-masthead.has-image { | |
| height: 340px; | |
| padding: 0; | |
| } | |
| #archive-header .archive-masthead .author-image { | |
| width: 90px; | |
| height: 90px; | |
| border: 3px solid #fff; | |
| margin: 95px auto 15px; | |
| } | |
| #archive-header .archive-masthead h1 { | |
| font: 21px/26px AdelleBold,'Helvetica Neue',sans-serif; | |
| } | |
| #archive-header .archive-masthead .title { | |
| font: 18px/21px AdelleLight,sans-serif; | |
| } | |
| .archive.tag #archive-header .archive-masthead { | |
| padding-top: 145px; | |
| background-position: center -45px; | |
| } | |
| #archive-bio { | |
| width: 100%; | |
| margin: 20px auto; | |
| } | |
| #archive-bio p { | |
| font: 15px/23px AdelleLight,sans-serif; | |
| } | |
| #archive-sponsor.ad-visible:before { | |
| display: none; | |
| }; | |
| } | |
| @media only screen and (min-width:600px) and (max-aspect-ratio:60/48) and (max-device-width:767px) { | |
| #obsession-header .credit { | |
| width: 50%; | |
| text-align: right; | |
| }; | |
| } | |
| #interstitial-item { | |
| background: #000; | |
| margin-top: 54px; | |
| padding: 10px 0; | |
| line-height: 0; | |
| } | |
| #interstitial-content { | |
| height: 520px; | |
| text-align: center; | |
| overflow: hidden; | |
| } | |
| #interstitial-content iframe { | |
| margin: auto; | |
| } | |
| .inline-ad { | |
| position: relative; | |
| width: 100%; | |
| height: 360px; | |
| max-width: 640px; | |
| margin: 40px 0 23px; | |
| display: none; | |
| } | |
| .inline-ad.ad-visible { | |
| display: block; | |
| } | |
| .inline-ad.ad-visible:before { | |
| content: "advertisement"; | |
| position: absolute; | |
| top: -18px; | |
| color: #a1a1a1; | |
| font: 11px/12px Adelle,sans-serif; | |
| text-transform: uppercase; | |
| opacity: 1; | |
| -webkit-transition: all .25s; | |
| -moz-transition: all .25s; | |
| -ms-transition: all .25s; | |
| -o-transition: all .25s; | |
| transition: all .25s; | |
| } | |
| .inline-ad.razor { | |
| display: block; | |
| height: 0; | |
| } | |
| .ad-engage { | |
| background: #f2f2f2; | |
| box-shadow: inset 0 1px 0 #e0e0e0,inset 0 -1px 0 #e0e0e0; | |
| line-height: 0; | |
| text-align: center; | |
| height: 520px; | |
| clear: both; | |
| overflow: hidden; | |
| } | |
| .ad-engage iframe { | |
| margin: auto; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| #interstitial-item { | |
| margin-top: 44px; | |
| } | |
| #interstitial-content { | |
| padding-bottom: 56.25%; | |
| height: auto; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| #interstitial-content iframe { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .ad-engage { | |
| height: 430px; | |
| } | |
| .inline-ad { | |
| width: 100%; | |
| height: auto; | |
| padding-bottom: 56.25%; | |
| position: relative; | |
| margin: 35px 0 15px; | |
| } | |
| .inline-ad iframe { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| }; | |
| } | |
| .empty-engage { | |
| border-top: 1px solid #e0e0e0; | |
| height: 0; | |
| } | |
| #note-overlay { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 15; | |
| display: none; | |
| text-align: center; | |
| } | |
| #note-overlay-background { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: #000; | |
| z-index: 6; | |
| display: none; | |
| -webkit-transition: all 1s; | |
| -moz-transition: all 1s; | |
| -o-transition: all 1s; | |
| -ms-transition: all 1s; | |
| transition: all 1s; | |
| } | |
| #note-overlay-background.transparent { | |
| background: rgba(0,0,0,.7); | |
| } | |
| .single-qz_note { | |
| overflow: hidden; | |
| } | |
| .single-qz_note #note-overlay { | |
| display: block; | |
| overflow-y: scroll; | |
| } | |
| .single-qz_note #note-overlay-background { | |
| display: block; | |
| } | |
| .admin-bar #note-overlay { | |
| top: 22px; | |
| } | |
| .note-title { | |
| font-size: 1em; | |
| font-family: AdelleBold,Helvetica,sans-serif; | |
| font-weight: 700; | |
| display: inline; | |
| color: #333; | |
| } | |
| .note-summary { | |
| padding-bottom: 1.4em; | |
| font-size: 1.1em; | |
| cursor: pointer; | |
| } | |
| .note-share { | |
| line-height: 45px; | |
| padding-bottom: 2.4em; | |
| } | |
| .note-share input { | |
| display: block; | |
| float: right; | |
| padding: 0 15px; | |
| height: 45px; | |
| border: 1px solid #e5e5e5; | |
| color: #bebebe; | |
| font-size: .9em; | |
| font-weight: 400; | |
| font-family: 'Adelle Sans Regular',sans-serif; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| max-width: 190px; | |
| margin: 0; | |
| } | |
| .note-share input:focus { | |
| border: 1px solid #b9ddf4; | |
| outline: 0; | |
| } | |
| .note-share a { | |
| margin-right: 1em; | |
| font-size: 1.1em; | |
| text-decoration: none; | |
| } | |
| .note-item { | |
| font-size: 1.125em; | |
| color: #4c4c4c; | |
| background: #f9f9f9; | |
| padding-top: 1.4em; | |
| } | |
| .note-item p { | |
| padding-bottom: 1.4em; | |
| font-size: 1.1em; | |
| } | |
| .note-item img { | |
| max-width: 100%; | |
| } | |
| .note-item .note-date { | |
| display: none; | |
| } | |
| .note-item.format-default .featured-image { | |
| float: right; | |
| max-width: 150px; | |
| margin: 0 0 1em 2em; | |
| } | |
| .note-item.format-chart { | |
| border-top: 1px solid #e2e2e2; | |
| border-bottom: 1px solid #e2e2e2; | |
| margin-bottom: 0; | |
| } | |
| .note-item.format-chart .constrain { | |
| border: 0; | |
| } | |
| .note-item.format-chart .note-title { | |
| font-size: 1.1em; | |
| margin: .5em 0; | |
| } | |
| .note-item.format-chart .kicker { | |
| display: block; | |
| } | |
| .note-item.format-chart.has-summary .featured-image { | |
| margin-bottom: 20px; | |
| } | |
| .note-item.is-expandable .note-summary:hover+.icon-expand-arrow { | |
| color: #006aa4; | |
| } | |
| .note-item.is-expandable .icon-expand-arrow { | |
| position: absolute; | |
| cursor: pointer; | |
| bottom: 3px; | |
| left: 50%; | |
| font-size: 9px; | |
| color: #b4b4b4; | |
| padding: 8px; | |
| -webkit-transition: all .3s; | |
| -moz-transition: all .3s; | |
| -o-transition: all .3s; | |
| -ms-transition: all .3s; | |
| transition: all .3s; | |
| margin-left: -15px; | |
| } | |
| .note-item.is-expandable .icon-expand-arrow:hover { | |
| color: #006aa4; | |
| } | |
| .note-item.is-expandable .note-text { | |
| padding-left: 1em; | |
| } | |
| .note-item.is-open .icon-expand-arrow { | |
| color: #e0e0e0; | |
| -webkit-transform: scale(-1); | |
| -moz-transform: scale(-1); | |
| -ms-transform: scale(-1); | |
| -o-transform: scale(-1); | |
| transform: scale(-1); | |
| } | |
| .note-item.is-open .note-text { | |
| max-height: 2000px; | |
| } | |
| .note-item .constrain { | |
| border-bottom: 1px solid #e2e2e2; | |
| box-sizing: border-box; | |
| position: relative; | |
| } | |
| .note-item .constrain:after { | |
| clear: both; | |
| } | |
| .note-item .kicker { | |
| color: #006aa4; | |
| font-size: .8em; | |
| font-family: AdelleBold,sans-serif; | |
| text-transform: uppercase; | |
| } | |
| .note-item.no-border .constrain { | |
| border: 0; | |
| } | |
| .note-item.bulletin header { | |
| font-size: .65em; | |
| margin-bottom: .45em; | |
| } | |
| .note-item .icon-close { | |
| display: none; | |
| } | |
| #note-overlay .note-item { | |
| background: 0 0; | |
| display: block; | |
| margin: 80px auto; | |
| text-align: left; | |
| border: 0; | |
| } | |
| #note-overlay .note-date { | |
| display: block; | |
| font: 15px Adelle,Helvetica,sans-serif; | |
| color: #a1a1a1; | |
| margin-bottom: 1.5em; | |
| } | |
| #note-overlay .note-date .separator { | |
| margin: 0 .5em; | |
| color: #e5e5e5; | |
| } | |
| #note-overlay .icon-close { | |
| position: absolute; | |
| top: 15px; | |
| right: 15px; | |
| display: block; | |
| text-decoration: none; | |
| font-size: 16px; | |
| } | |
| #note-overlay .icon-expand-arrow { | |
| display: none; | |
| } | |
| #note-overlay .constrain { | |
| background: #f9f9f9; | |
| border: 0; | |
| padding: 2em; | |
| -webkit-border-radius: 2px; | |
| -moz-border-radius: 2px; | |
| -ms-border-radius: 2px; | |
| -o-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| #note-overlay .note-text { | |
| height: auto; | |
| } | |
| #note-overlay .note-share { | |
| padding-bottom: 0; | |
| } | |
| .note-brief-button { | |
| margin-top: 10px; | |
| font-family: Adelle,sans-serif; | |
| display: block; | |
| width: 100%; | |
| text-align: center; | |
| color: #333; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| text-decoration: none; | |
| } | |
| .note-brief-button.constrain { | |
| padding: 1em 2em!important; | |
| } | |
| .note-brief-button .icon-left-arrow { | |
| color: #006aa4; | |
| margin-right: .75em; | |
| font-size: .7em; | |
| } | |
| .note-text { | |
| max-height: 0; | |
| overflow: hidden; | |
| -webkit-transition: max-height .3s; | |
| -moz-transition: max-height .3s; | |
| -o-transition: max-height .3s; | |
| -ms-transition: max-height .3s; | |
| transition: max-height .3s; | |
| } | |
| .note-text p { | |
| padding: 1.3em 0 1.4em; | |
| background: url(../svg/dot.svg) top repeat-x; | |
| margin: 0; | |
| } | |
| .note-text ul { | |
| margin: 0 0 1.3em 1.2em; | |
| list-style-type: disc; | |
| } | |
| .note-text ol { | |
| margin: 0 0 1.3em 1.4em; | |
| list-style-type: decimal; | |
| } | |
| .note-text blockquote { | |
| padding: 0 0 0 20px; | |
| position: relative; | |
| margin: 1.3em 0 1.4em; | |
| overflow: hidden; | |
| } | |
| .note-text blockquote:before { | |
| width: 5px; | |
| content: ""; | |
| height: 100%; | |
| top: 7px; | |
| background-color: #e7e7e7; | |
| left: 0; | |
| display: block; | |
| position: absolute; | |
| } | |
| .note-text blockquote p { | |
| color: #8e8e8e; | |
| background: 0 0; | |
| padding: 0; | |
| margin-bottom: 1em; | |
| } | |
| .note-text blockquote p:last-of-type { | |
| margin: 0; | |
| } | |
| .note-text p+blockquote { | |
| margin-top: -10px; | |
| } | |
| .note-text .inline-video { | |
| position: relative; | |
| padding-bottom: 56.26%; | |
| margin: 0 0 1.4em; | |
| } | |
| .note-text .inline-video embed,.note-text .inline-video iframe,.note-text .inline-video object { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .note-text .inline-image.size-large,.note-text .inline-image.size-medium,.note-text .inline-image.size-small { | |
| float: none; | |
| max-width: 100%; | |
| margin: 0 auto 1.5em; | |
| padding: 0; | |
| cursor: pointer; | |
| } | |
| .note-text .inline-image-tools { | |
| display: none; | |
| } | |
| .note-text .inline-image-caption { | |
| font-size: .8em; | |
| } | |
| .note-text .twitter-tweet-rendered { | |
| margin: 0 0 30px!important; | |
| } | |
| @media screen and (min-width:640px) { | |
| .note-item .twitter-tweet-rendered { | |
| width: 100%!important; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .note-share a { | |
| margin-right: 1.2em; | |
| } | |
| .note-text { | |
| padding: 0; | |
| } | |
| .note-text p { | |
| padding: 1.25em 0; | |
| } | |
| .note-summary { | |
| font-size: 16px; | |
| } | |
| #note-overlay .note-item { | |
| background: 0 0; | |
| margin: 35px auto; | |
| } | |
| #note-overlay .constrain { | |
| max-width: 90%; | |
| padding: 1.5em; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #note-overlay .icon-close { | |
| font-size: 12px; | |
| } | |
| #note-overlay .note-date { | |
| font-size: 11px; | |
| } | |
| #note-overlay .note-share { | |
| margin: 10px 0 0; | |
| } | |
| #note-overlay .note-brief-button { | |
| padding: 0; | |
| } | |
| #note-overlay .note-brief-button a { | |
| font-size: 13px; | |
| } | |
| .note-item { | |
| padding-top: 1.25em; | |
| border-bottom: 1px solid #e2e2e2; | |
| } | |
| .note-item.no-border { | |
| border: 0; | |
| } | |
| .note-item p { | |
| font-size: 16px; | |
| line-height: 24px; | |
| padding-bottom: 1.25em; | |
| } | |
| .note-item.format-default .featured-image { | |
| display: none; | |
| } | |
| .note-item .constrain { | |
| border: 0; | |
| } | |
| .note-item.is-open { | |
| background: #f1f1f1; | |
| } | |
| .note-item .note-share { | |
| text-align: center; | |
| line-height: 1; | |
| padding: 0 0 35px; | |
| } | |
| .note-item .note-share input { | |
| display: none; | |
| } | |
| .note-item .note-share a:last-of-type { | |
| margin: 0; | |
| } | |
| .note-item.is-expandable .note-summary { | |
| padding-bottom: 2em; | |
| } | |
| .note-item.is-expandable .note-summary:hover+.icon-expand-arrow { | |
| color: #b4b4b4; | |
| } | |
| .note-item.is-expandable .note-summary:active+.icon-expand-arrow { | |
| color: #006aa4; | |
| } | |
| .note-item.is-expandable .icon-expand-arrow { | |
| font-size: 8px; | |
| } | |
| .note-item.is-expandable .icon-expand-arrow:hover { | |
| color: #b4b4b4; | |
| } | |
| .note-item.is-expandable .icon-expand-arrow:active { | |
| color: #006aa4; | |
| } | |
| .note-item.is-expandable.is-open .note-summary { | |
| padding-bottom: 1.25em; | |
| } | |
| .note-item.is-expandable .note-text { | |
| padding: 0; | |
| } | |
| .note-item.format-chart { | |
| padding: 1.5em 0 1.7em; | |
| } | |
| .note-item.format-chart.has-summary { | |
| padding-bottom: .25em; | |
| } | |
| .note-item.format-chart .note-title { | |
| line-height: 24px; | |
| font-size: 16px; | |
| margin: 0; | |
| } | |
| .note-item.format-chart .kicker { | |
| font-size: 12px; | |
| } | |
| .note-item.format-chart .featured-image { | |
| padding: .7em 0 0; | |
| }; | |
| } | |
| .content-width { | |
| max-width: 940px; | |
| margin: auto; | |
| } | |
| .featured-image { | |
| margin: 15px auto 35px; | |
| overflow: hidden; | |
| } | |
| .featured-image img { | |
| width: 100%; | |
| } | |
| .featured-image.size-large { | |
| max-width: 940px; | |
| cursor: pointer; | |
| cursor: -webkit-zoom-in; | |
| } | |
| .featured-image-caption { | |
| position: relative; | |
| font: 15px Adelle,sans-serif; | |
| color: #a1a1a1; | |
| } | |
| .no-caption .featured-image-caption { | |
| display: none; | |
| } | |
| .featured-image-caption .content-width { | |
| border-bottom: 1px solid #e2e2e2; | |
| padding: 1.25em 0; | |
| } | |
| .featured-image-caption:after { | |
| content: ''; | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| display: block; | |
| width: 50%; | |
| border-bottom: 1px solid #e2e2e2; | |
| } | |
| .featured-image-caption .icon-camera { | |
| font-size: 11px; | |
| color: #dadada; | |
| margin-right: 10px; | |
| } | |
| .featured-image-credit { | |
| margin-left: 7px; | |
| } | |
| @media screen and (max-width:1025px) { | |
| .featured-image { | |
| margin: 8px auto 25px; | |
| } | |
| .featured-image.size-large { | |
| max-width: 100%; | |
| } | |
| .content-width { | |
| max-width: 640px; | |
| }; | |
| } | |
| @media screen and (max-width:640px) { | |
| .content-width { | |
| width: 86.25%; | |
| }; | |
| } | |
| @media only screen and (max-width:599px) and (max-aspect-ratio:60/48),screen and (max-width:649px) and (min-aspect-ratio:60/48) { | |
| .featured-image { | |
| margin: 0; | |
| } | |
| .featured-image-caption { | |
| font-size: 13px; | |
| margin: auto; | |
| }; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment